From 05c52936a85f5ab25df01a144389a6149904b8b6 Mon Sep 17 00:00:00 2001
From: Matias Chomicki <matias.chomicki@grafana.com>
Date: Thu, 28 Aug 2025 18:47:11 +0200
Subject: [PATCH] New Log Details: Fix multiple displayed links and
 correlactions (#110296)

* LogLineDetailsFields: fix multiple link rows

* LogLineDetails: check all links to render link block
---
 .../logs/components/panel/LogLineDetailsComponent.tsx       | 4 +++-
 .../features/logs/components/panel/LogLineDetailsFields.tsx | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/app/features/logs/components/panel/LogLineDetailsComponent.tsx b/public/app/features/logs/components/panel/LogLineDetailsComponent.tsx
index 65bdeb16f4a..af307f85ac9 100644
--- a/public/app/features/logs/components/panel/LogLineDetailsComponent.tsx
+++ b/public/app/features/logs/components/panel/LogLineDetailsComponent.tsx
@@ -118,6 +118,8 @@ export const LogLineDetailsComponent = memo(
       !labelGroups.length &&
       !fieldsWithoutLinks.length;
 
+    const hasLinks = fieldsWithLinks.links.length > 0 || fieldsWithLinks.linksFromVariableMap.length > 0;
+
     return (
       <>
         <LogLineDetailsHeader focusLogLine={focusLogLine} log={log} search={search} onSearch={handleSearch} />
@@ -141,7 +143,7 @@ export const LogLineDetailsComponent = memo(
               <LogLineDetailsDisplayedFields />
             </ControlledCollapse>
           )}
-          {fieldsWithLinks.links.length > 0 && (
+          {hasLinks && (
             <ControlledCollapse
               className={styles.collapsable}
               label={t('logs.log-line-details.links-section', 'Links')}
diff --git a/public/app/features/logs/components/panel/LogLineDetailsFields.tsx b/public/app/features/logs/components/panel/LogLineDetailsFields.tsx
index 961dbff024d..fbd561d7900 100644
--- a/public/app/features/logs/components/panel/LogLineDetailsFields.tsx
+++ b/public/app/features/logs/components/panel/LogLineDetailsFields.tsx
@@ -339,7 +339,7 @@ export const LogLineDetailsField = ({
         }
         return (
           <div className={styles.row} key={`${link.title}-${i}`}>
-            <div className={disableActions ? undefined : styles.link}>
+            <div className={disableActions ? styles.linkNoActions : styles.link}>
               <DataLinkButton
                 buttonProps={{
                   // Show tooltip message if max number of pinned lines has been reached
@@ -401,6 +401,10 @@ const getFieldStyles = (theme: GrafanaTheme2) => ({
   link: css({
     gridColumn: '2 / 4',
   }),
+  linkNoActions: css({
+    gridColumn: 'span 2',
+    paddingBottom: theme.spacing(0.5),
+  }),
   stats: css({
     paddingRight: theme.spacing(1),
     wordBreak: 'break-all',