Home

mweinbach / agent-coworker

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

feat(desktop): polish tool call cards, question modal, approval modal

9 months ago

a418ff4
Authored
mweinbach2/10/2026, 1:33:45 AM
Tool call cards:
- Parse tool> and tool< log lines into structured cards instead of raw
  JSON. Uses regex from the TUI implementation to extract direction,
  tool name, and JSON payload.
- Display tool name as a pill badge with directional arrow (→ calling,
  ← result). Parameters shown as clean key: value pairs.
- Left border accent: neutral gray for outbound calls, green tint for
  results. Long parameter values truncated with ellipsis.
- Non-tool log lines (no tool>/tool< prefix) keep existing rendering.

Question modal redesign:
- Center title and question text for a more balanced layout.
- Option buttons: outlined pill style (rounded, 1.5px border, no fill)
  instead of solid black. Centered in a flex-wrap row.
- Always show a text input below options with "Or type a custom answer…"
  placeholder, allowing users to provide a freeform response even when
  predefined options exist.
- Enter key submits from the text input. Send button beside it.
- Increased modal padding (14px → 22px) and gap (12px → 16px).

Approval modal polish:
- Centered title.
- New approvalCommandCard with uppercase label + styled <code> block
  replacing the generic inlineCard.
- Centered Deny/Approve buttons.

All changes include dark mode variants and transition support.
889 tests pass, TypeScript compiles clean.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Parentd40cff7

3 files changed
  • apps/desktop/src/styles.css+170−3
  • apps/desktop/src/ui/ChatView.tsx+74−0
  • apps/desktop/src/ui/PromptModal.tsx+43−37