Home

mweinbach / agent-coworker

publicmweinbach/agent-coworker
Overview Code History Branches Pull requestsIssuesInsights
main
HomeOverview Code PRsIssues

Refine A2UI rendering and surface card styles

6 months ago

aa157f5
Authored
mweinbach4/18/2026, 1:29:07 AM
Visual and behavior tweaks for A2UI surfaces and renderer:

- ChatView: replace verbose A2UI action Card with a compact right‑aligned pill showing icon, summary and surface id.
- A2uiRenderer: adjust heading sizes/line-heights, spacing (gaps), and card background to a subtle gradient; refine flex/gap values across containers.
  - Buttons: add variant-aware classes (primary/secondary/ghost/outline), accessible focus rings, and improved disabled styling.
  - Progress: slimmer track, animated gradient fill and improved numeric label styling.
  - Badges/tags: refine tone classes and spacing, add info/primary handling.
  - Tables: adjust container/background, add header/body borders, row hover and separators, and tighter typography.
- A2uiSurfaceCard: improve title extraction to prefer the highest-level heading found (with level normalization), update card/header layout and visuals (gradient, icon chip, truncated title, surface id chip), make expand button reveal on hover, simplify content wrapper and modal body styling, and improve unsupported-catalog notice styling.
- Tests: update a2ui-surface-card.test to assert the surface id chip is shown in the header.

These changes focus on improved visual consistency, accessibility, and better title heuristics for A2UI surfaces.

Parent603d4cc

4 files changed
  • apps/desktop/src/ui/ChatView.tsx+17−20
  • apps/desktop/src/ui/chat/a2ui/A2uiRenderer.tsx+40−23
  • apps/desktop/src/ui/chat/a2ui/A2uiSurfaceCard.tsx+52−37
  • apps/desktop/test/a2ui-surface-card.test.tsx+2−1