Home

mweinbach / agent-coworker

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

Refine A2UI card and table styles

6 months ago

4a4977b
Authored
mweinbach4/18/2026, 4:04:51 PM
Adjust visual spacing and polish for A2UI card and table rendering.

- A2uiInlineCard: tweak padding from uniform p-4 to px-5 py-4 pt-3.5 to improve horizontal spacing.
- A2uiRenderer:
  - Make root vs nested card gaps conditional (root uses gap-4, nested gap-2.5).
  - Replace plain table markup with a more polished, accessible table: rounded-xl container, subtle gradient background, border/ring/shadow tweaks, border-collapse, and smaller default text size.
  - Style thead and th with scope="col", uppercase tracking, and muted header styles for clarity.
  - Improve row and cell styling: zebra striping, refined borders, hover state, increased cell padding, first-column emphasis, and wrapping via min-width/word-break.
  - Increase padding and text sizing for the empty-state row.

Overall these changes improve spacing, readability, accessibility (scope on headers), and visual consistency for A2UI-rendered cards and tables.

Parent9ad88f4

2 files changed
  • apps/desktop/src/ui/chat/a2ui/A2uiInlineCard.tsx+1−1
  • apps/desktop/src/ui/chat/a2ui/A2uiRenderer.tsx+26−12