Run Timeline
Waterfall timeline of an agent run: keyboard-navigable step tree, typed bars on a shared time axis, a now playhead and a stat strip. Prop-driven, no internal clock.
Preview
Market brief for PriyaRunning
Started by Tomás · 09:42
- Duration
- 8.2s
- Model calls
- 3
- Tool calls
- 4
- Errors
- 1
- Tokens
- 3,120
- Cost
- $0.018
8 of 10 steps finished, 1 error
Market brief
Plan the brief large-model
Fetch retail reports search("refill stations 2026")
Fetch retail reports search("refill stations 2026")
Pricing analyst
Read shelf prices sheet("Malik / Q3")
Rate limited
Compare margins small-model
Pull interview quotes notes("Ines, Tomás")
Draft the brief large-model
Selected: Draft the brief · large-model
5 of 5 steps finished, 0 errors
Weekly digest
Collect threads
Summariser
Send to Ines
0 of 0 steps finished, 0 errors
No steps yet.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | RunTimelineStep[] | — | { id, parentId?, label, detail?, kind: "agent" | "model" | "tool" | "wait", start, end?, status?: "ok" | "error" | "retried", tokens?, cost? }. Times in ms from run start; no end means running. |
| now | number | — | Playhead in ms. Running bars end here. Omit for a finished run. |
| label | string | "Run steps" | Accessible name of the step tree. |
| showStats | boolean | true | Show the stat strip (duration, calls, errors, tokens/cost when reported). |
| showLegend | boolean | true | Show the key to bar styles under the stats. |
| defaultCollapsed | string[] | — | Step ids whose children start hidden. |
| onStepSelect | (id: string) => void | — | Called on Enter, Space or click. |
| formatDuration | (ms: number) => string | 450ms / 1.4s | Formats ticks, durations, stats and accessible names. |
| formatCost | (cost: number) => string | $0.012 | Formats the cost stat. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.