Agent Graph
A left-to-right node graph of an agent run with our own layered layout, live ember edges into running steps, node status and a details panel for the selected node.
Preview
Refund complaints run
3/6 steps
query_billing
ToolrunningRefund volume per week from the billing warehouse.
- table
- refunds_weekly
- rows
- 12
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| nodes | AgentNode[] | — | { id, label, kind: input | planner | tool | agent | answer, status, summary?, duration?, detail?, facts? }. |
| edges | AgentEdge[] | — | { from, to }; columns come from the longest path to each node. |
| selected / defaultSelected | string | null | null | Node whose details show below; onSelectedChange reports clicks. |
| label | string | "Agent run" | Header text and the graph's accessible name. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.