Summary

Im Web-Dashboard (hermes dashboard --tui) werden in der Kanban Task Drawer die JSON-Payload-Werte der Events (Spalte rechts neben "JUST NOW", "2M AGO" etc.) mit einem deckenden Hintergrund-Highlight gerendert, der den Text praktisch unlesbar macht. Das Verhalten ist theme-übergreifend — die Highlight-Farbe wechselt mit dem Theme (Pink im Default, Orange in Dark, etc.), aber der deckende Background bleibt.

Steps to Reproduce

1. Hermes Agent v0.12.0 (2026.4.30) im Docker-Image (nousresearch/hermes-agent:latest) laufen lassen
2. Dashboard öffnen, Kanban-Tab wählen
3. Beliebigen Task anklicken → Drawer öffnet sich rechts
4. Im Drawer zur "EVENTS"-Sektion scrollen
5. Die JSON-Payload-Werte (z.B. {"FROM": "TRIAGE", "TO": "READY", "ASSIGNEE": "..."}) erscheinen mit deckendem Highlight-Hintergrund

Expected Behavior

Die JSON-Payload sollte mit normalem Font auf transparentem (oder zumindest dezent abgesetztem) Hintergrund lesbar sein — wie der umgebende Text in der Drawer.

Actual Behavior

JSON-Werte erscheinen mit einer kräftigen Akzentfarbe als Background, die den Text-Kontrast killt. In keinem der mitgelieferten Themes (default, dark, hermes, light, minimal, retro) wirkt es lesbar.

Environment

• Hermes Agent v0.12.0 (2026.4.30)
• Docker-Image nousresearch/hermes-agent:latest
• Dashboard läuft mit --tui flag (über tini-entrypoint)
• Browser: Chrome (latest stable, macOS)
• Reverse Proxy: Traefik (HTTPS), kein Einfluss auf das CSS

Workaround

Custom Stylus-CSS-Override:

[class*="event"] code,
[class*="event"] pre,
[class*="event"] [class*="value"],
[class*="event"] [class*="payload"],
[class*="event"] [class*="data"] {
  background: transparent !important;
  color: inherit !important;
}

Suggested Fix

Der Highlight-Background scheint generisch auf JSON-Inhalte applied zu sein. Ein dezenter rgba(...) mit Alpha < 0.15 oder ein bordered/padded "code"-Style ohne flächigen Background wäre lesbarer und themenneutraler.