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

ui/src/components/ExecutionDiagram/tabs/InfoTab.tsx

@@ -1,4 +1,6 @@
+import { Badge } from '@cameleer/design-system';
 import type { ProcessorNode, ExecutionDetail } from '../types';
+import { attributeBadgeColor } from '../../../utils/attribute-color';
 import styles from '../ExecutionDiagram.module.css';
 
 interface InfoTabProps {
@@ -52,9 +54,7 @@ function Attributes({ attrs }: { attrs: Record<string, string> | undefined }) {
       <div className={styles.attributesLabel}>Attributes</div>
       <div className={styles.attributesList}>
         {entries.map(([k, v]) => (
-          <span key={k} className={styles.attributePill}>
-            {k}: {v}
-          </span>
+          <Badge key={k} label={`${k}: ${v}`} color={attributeBadgeColor(String(v))} />
         ))}
       </div>
     </div>