Agent Card
A live agent status card with an avatar arc, swapping activity line, elapsed timer, segmented progress and step list, Pause, Resume and Stop, and a finished summary with artefacts.
Preview
Ticket triage
RunningDrafting the summary
Task · Find what changed in refund complaints since October.
Progress2/4
- Done: Reading 214 support tickets
- Done: Grouping complaints by theme
- In progress: Drafting the summary
- Not started: Building the chart sheet
Release notes
DoneFinished
Task · Write notes for v4.2 from merged pull requests.
Progress4/4
- Done: Reading 214 support tickets
- Done: Grouping complaints by theme
- Done: Drafting the summary
- Done: Building the chart sheet
Grouped 38 merged changes into features, fixes and one breaking change, with credits.
- notes-v4.2.mdDocument · 3 sections
- changelog.jsonCode · 38 entries
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name / task / glyph | string / string / ReactNode | — | Agent name, the one-line task and the avatar glyph. |
| status | "running" | "paused" | "done" | "error" | — | Drives the pill, avatar arc, controls and the done summary. |
| steps | AgentStep[] | — | { id, label, status: done | active | pending | error }; feeds the bar and list. |
| activity | string | active step | Line under the name; swaps with a blur when it changes. |
| elapsed | number | — | Seconds since start, shown as mm:ss. The caller ticks it. |
| onPause / onResume / onStop / onRerun | () => void | — | Controls; each button shows only with its handler. |
| summary / artifacts | string / AgentArtifact[] | — | Done state: a summary and { id, name, meta?, kind?, href? } tiles. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.