From 28696972d8799f2f479b7cbb561c65676e7f2e32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Piotr=20Jamr=C3=B3z?= <pm.jamroz@gmail.com>
Date: Wed, 17 Sep 2025 16:41:41 +0200
Subject: [PATCH] Logs Panel: Fix setting default details mode (#111251)

* Logs Panel: Fix setting default details mode

* Update public/app/features/logs/components/panel/LogListContext.tsx

Co-authored-by: Matias Chomicki <matias.chomicki@grafana.com>

* Prettier

* LogListContext: sync mode only if not empty

---------

Co-authored-by: Matias Chomicki <matias.chomicki@grafana.com>
Co-authored-by: Matias Chomicki <matyax@gmail.com>
---
 .../app/features/logs/components/panel/LogListContext.tsx   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/app/features/logs/components/panel/LogListContext.tsx b/public/app/features/logs/components/panel/LogListContext.tsx
index fed6669be90..bac7d507652 100644
--- a/public/app/features/logs/components/panel/LogListContext.tsx
+++ b/public/app/features/logs/components/panel/LogListContext.tsx
@@ -203,7 +203,7 @@ export const LogListContextProvider = ({
   enableLogDetails,
   logOptionsStorageKey,
   detailsMode: detailsModeProp = logOptionsStorageKey
-    ? store.get(`${logOptionsStorageKey}.detailsMode`)
+    ? (store.get(`${logOptionsStorageKey}.detailsMode`) ?? getDefaultDetailsMode(containerElement))
     : getDefaultDetailsMode(containerElement),
   dedupStrategy,
   displayedFields,
@@ -334,7 +334,9 @@ export const LogListContextProvider = ({
 
   // Sync details mode
   useEffect(() => {
-    setDetailsMode(detailsModeProp);
+    if (detailsModeProp) {
+      setDetailsMode(detailsModeProp);
+    }
   }, [detailsModeProp]);
 
   // Sync font size