From 4d66d6ab23ddb691d030274c8dfebcbfffef51c4 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 2 Apr 2026 16:31:04 +0200
Subject: [PATCH] fix: use deterministic badge color for app names in Logs tab

Use attributeBadgeColor() (hash-based) instead of "auto" so the same
application name gets the same badge color across all pages.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/LogsTab/LogEntry.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/LogsTab/LogEntry.tsx b/ui/src/pages/LogsTab/LogEntry.tsx
index 2283cfe1..e61cde44 100644
--- a/ui/src/pages/LogsTab/LogEntry.tsx
+++ b/ui/src/pages/LogsTab/LogEntry.tsx
@@ -2,6 +2,7 @@ import { useState, useCallback } from 'react';
 import { useNavigate } from 'react-router';
 import { Badge } from '@cameleer/design-system';
 import type { LogEntryResponse } from '../../api/queries/logs';
+import { attributeBadgeColor } from '../../utils/attribute-color';
 import styles from './LogEntry.module.css';
 
 function levelColor(level: string): string {
@@ -63,7 +64,7 @@ export function LogEntry({ entry }: LogEntryProps) {
       <div className={styles.row}>
         <span className={styles.timestamp}>{formatTime(entry.timestamp)}</span>
         <span className={styles.level} style={{ color: levelColor(entry.level) }}>{entry.level}</span>
-        {entry.application && <Badge label={entry.application} color="auto" />}
+        {entry.application && <Badge label={entry.application} color={attributeBadgeColor(entry.application)} />}
         <span className={styles.logger} title={entry.loggerName ?? ''}>
           {abbreviateLogger(entry.loggerName)}
         </span>