From 67c055a6c90b5a9bb6f665e61096a73aaa191e67 Mon Sep 17 00:00:00 2001
From: Oleg Vavilov <vavilovolegik@gmail.com>
Date: Tue, 5 Aug 2025 20:39:23 +0300
Subject: [PATCH] [Feature]: If GCP logging or AWS Cloudwatch logging is
 configured, show link in the UI to the log stream #2926

---
 frontend/src/pages/Runs/Details/Logs/index.tsx | 6 ++++++
 frontend/src/types/log.d.ts                    | 1 +
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/pages/Runs/Details/Logs/index.tsx b/frontend/src/pages/Runs/Details/Logs/index.tsx
index f2e81d7b8f..eae90c7804 100644
--- a/frontend/src/pages/Runs/Details/Logs/index.tsx
+++ b/frontend/src/pages/Runs/Details/Logs/index.tsx
@@ -23,6 +23,7 @@ export const Logs: React.FC<IProps> = ({ className, projectName, runName, jobSub
     const scrollPositionByBottom = useRef<number>(0);
 
     const [logsData, setLogsData] = useState<ILogItem[]>([]);
+    const [externalLink, setExternalLink] = useState<string | undefined>();
     const [isLoading, setIsLoading] = useState(false);
     const [getProjectLogs] = useLazyGetProjectLogsQuery();
     const [isEnabledDecoding, setIsEnabledDecoding] = useLocalStorageState('enable-encode-logs', false);
@@ -84,6 +85,7 @@ export const Logs: React.FC<IProps> = ({ className, projectName, runName, jobSub
                     setLogsData((old) => [...reversed, ...old]);
                 } else {
                     setLogsData(reversed);
+                    setExternalLink(response.external_url);
                 }
 
                 nextTokenRef.current = response.next_token;
@@ -154,6 +156,10 @@ export const Logs: React.FC<IProps> = ({ className, projectName, runName, jobSub
                             <Header variant="h2">{t('projects.run.log')}</Header>
                         </div>
 
+                        {externalLink && (
+                            <Button target="_blank" formAction="none" iconName="external" href={externalLink} variant="icon" />
+                        )}
+
                         <Loader
                             show={isLoading && Boolean(logsForView.length)}
                             padding={'n'}
diff --git a/frontend/src/types/log.d.ts b/frontend/src/types/log.d.ts
index 99e9532c8c..5524b39a96 100644
--- a/frontend/src/types/log.d.ts
+++ b/frontend/src/types/log.d.ts
@@ -18,5 +18,6 @@ declare type TRequestLogsParams = {
 
 declare type TResponseLogsParams = {
     logs: ILogItem[];
+    external_url?: string;
     next_token?: string;
 };