[UI] Per-Task Metrics Display #20

Per-Task Metrics Display

Visual Reference

Based on Claude Code TUI design patterns.

Requirements

Metrics Per Agent

Each running agent displays:

• Tool use counter: X tool uses
• Token counter: Y tokens (formatted as 93.7k for readability)
• Current activity: Verb describing current action (e.g., "Swooping…", "Infusing…", "Researching")
• Duration: Time since task started or idle time

Display Format

agent-name: ◇ Activity… · 68 tool uses · 93.7k tokens

Task Table (Inline in Messages)

When PM reports task status, render as table:

| Task ID | Agent | Description | Duration |
|---------|-------|-------------|----------|
| tsk_... | @developer | Fix streaming | ~60s |
| tsk_... | @explore | Code structure | just started |

Data Sources

• Tool uses: Count from session tool invocations
• Tokens: Sum of input + output tokens from LLM calls
• Activity: Current tool name or "Thinking…"
• Duration: Date.now() - task.startedAt

Acceptance Criteria

• Tool use count displays and updates live
• Token count displays in human-readable format (k suffix)
• Current activity verb updates as agent works
• Duration/idle time shown
• Metrics persist until task completes