From 553cfd558dc3d146ad1e310617f9db612985f330 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 30 May 2025 12:06:08 -0700
Subject: [PATCH] chore: fixes settings page broken detailed page

---
 assets/components/LogViewer/ComplexLogItem.vue | 4 +++-
 assets/components/LogViewer/SimpleLogItem.vue  | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/components/LogViewer/ComplexLogItem.vue b/assets/components/LogViewer/ComplexLogItem.vue
index e22d0b96..5c1a0656 100644
--- a/assets/components/LogViewer/ComplexLogItem.vue
+++ b/assets/components/LogViewer/ComplexLogItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <LogItem :logEntry @click="showDrawer(LogDetails, { entry: logEntry })" class="clickable">
+  <LogItem :logEntry @click="containers.length > 0 && showDrawer(LogDetails, { entry: logEntry })" class="clickable">
     <ul class="space-x-4" @click="preventDefaultOnLinks">
       <li v-for="(value, name) in validValues" :key="name" class="inline-flex">
         <span class="text-light">{{ name }}=</span><span class="font-bold" v-if="value === null">&lt;null&gt;</span>
@@ -22,6 +22,8 @@ const { logEntry } = defineProps<{
   showContainerName?: boolean;
 }>();
 
+const { containers } = useLoggingContext();
+
 const validValues = computed(() => {
   return Object.fromEntries(Object.entries(logEntry.message).filter(([_, value]) => value !== undefined));
 });
diff --git a/assets/components/LogViewer/SimpleLogItem.vue b/assets/components/LogViewer/SimpleLogItem.vue
index 47aec7dd..57edc2ff 100644
--- a/assets/components/LogViewer/SimpleLogItem.vue
+++ b/assets/components/LogViewer/SimpleLogItem.vue
@@ -8,6 +8,7 @@
       class="absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100"
       :message="() => stripAnsi(logEntry.rawMessage)"
       :log-entry="logEntry"
+      v-if="containers.length > 0"
     />
   </LogItem>
 </template>
@@ -15,6 +16,7 @@
 import { SimpleLogEntry } from "@/models/LogEntry";
 import AnsiConvertor from "ansi-to-html";
 import stripAnsi from "strip-ansi";
+const { containers } = useLoggingContext();
 
 const ansiConvertor = new AnsiConvertor({
   escapeXML: false,