From c7e5615264244a8ddd5d2a2332f5955bdc7d47cd Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sun, 1 Mar 2026 14:58:22 -0800
Subject: [PATCH] feat: bases colors for containers off id instead of name
 (#4496)

---
 assets/components/LogViewer/LogItem.vue        | 6 ++++--
 assets/components/LogViewer/RandomColorTag.vue | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/assets/components/LogViewer/LogItem.vue b/assets/components/LogViewer/LogItem.vue
index a86fd40a..15051fb0 100644
--- a/assets/components/LogViewer/LogItem.vue
+++ b/assets/components/LogViewer/LogItem.vue
@@ -9,9 +9,11 @@
       <RandomColorTag
         v-if="showContainerName"
         class="w-30 shrink-0 select-none group-[.compact]:flex-1 md:w-40"
-        :value="container.name"
+        :value="container.id"
         truncateRight
-      />
+      >
+        {{ container.name }}
+      </RandomColorTag>
       <LogDate
         v-if="showTimestamp"
         :date="logEntry.date"
diff --git a/assets/components/LogViewer/RandomColorTag.vue b/assets/components/LogViewer/RandomColorTag.vue
index 3968bc16..7704155f 100644
--- a/assets/components/LogViewer/RandomColorTag.vue
+++ b/assets/components/LogViewer/RandomColorTag.vue
@@ -2,7 +2,7 @@
   <div class="tag grid overflow-hidden rounded-sm text-center text-sm text-white">
     <div class="random-color col-start-1 row-start-1 brightness-75"></div>
     <div class="col-start-1 row-start-1 truncate px-2 brightness-100" :class="truncateRight ? '[direction:rtl]' : ''">
-      {{ value }}
+      <slot>{{ value }}</slot>
     </div>
   </div>
 </template>