fix(ui): consistent attribute badge colors based on value hash across all views

ui/src/pages/Dashboard/Dashboard.tsx

@@ -13,6 +13,7 @@ import {
   useSearchExecutions,
 } from '../../api/queries/executions'
 import type { ExecutionSummary } from '../../api/types'
+import { attributeBadgeColor } from '../../utils/attribute-color'
 import styles from './Dashboard.module.css'
 
 // Row type extends ExecutionSummary with an `id` field for DataTable
@@ -127,7 +128,7 @@ function buildBaseColumns(): Column<Row>[] {
           <div className={styles.attrCell}>
             {shown.map(([k, v]) => (
               <span key={k} title={k}>
-                <Badge label={String(v)} color="auto" />
+                <Badge label={String(v)} color={attributeBadgeColor(String(v))} />
               </span>
             ))}
             {overflow > 0 && <span className={styles.attrOverflow}>+{overflow}</span>}

ui/src/pages/Exchanges/ExchangeHeader.tsx

@@ -5,6 +5,7 @@ import { StatusDot, MonoText, Badge } from '@cameleer/design-system';
 import { useCorrelationChain } from '../../api/queries/correlation';
 import { useAgents } from '../../api/queries/agents';
 import type { ExecutionDetail } from '../../components/ExecutionDiagram/types';
+import { attributeBadgeColor } from '../../utils/attribute-color';
 import styles from './ExchangeHeader.module.css';
 
 interface ExchangeHeaderProps {
@@ -63,7 +64,7 @@ export function ExchangeHeader({ detail, onCorrelatedSelect }: ExchangeHeaderPro
           <>
             <span className={styles.separator} />
             {attrs.map(([k, v]) => (
-              <Badge key={k} label={`${k}: ${v}`} color="auto" />
+              <Badge key={k} label={`${k}: ${v}`} color={attributeBadgeColor(String(v))} />
             ))}
           </>
         )}