Agent runs
Agent run volume with accepted output overlay.
Agent runsAccepted
Line
Multi-series line chart with a target marker.
/render stateComponent
Chart
Backward-compatible discriminated union wrapper for every focused chart component.
Chart is a convenience wrapper. Prefer LineChart, BarChart, DonutChart, and Heatmap in product code when the chart type is known.
Agent runs
Agent run volume with accepted output overlay.
Agent runsAccepted
Playground
Props in the URL.
Controls update query params directly. Complex slots use curated fixtures so component states stay deterministic, linkable, and screenshot-ready.
Loading playground.
States
Rendered matrix.
Every state maps to the same component render route through the `state` query param.
ready
Execution trend
Accepted runs and total executions.
Agent runsAccepted
Area
Soft area chart for trend previews.
/render stateCapability score
RouterMemoryToolsEval
Bar
Grouped bar comparison.
/render stateRun composition
SearchReasoningTools
Stacked
Stacked bar composition.
/render stateWorkload split
64%Router
Router52Memory38Tools44Eval31
Donut
Part-to-whole ring summary.
/render stateRun intensity
MonTueWedThuFriAM1220283644Mid1725334149PM2230386454
Heatmap
Compact two-axis intensity grid.
/render stateAgent runs
Loading data
Loading
Stable loading state.
/render stateAgent runs
No data
Empty
No-data state.
/render stateAgent runs
Could not load the run summary.
Error
Failed data state.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
variant * | 'line' | 'area' | 'bar' | 'stacked-bar' | 'donut' | 'heatmap' | line | Chart renderer selected by the discriminated schema. |
title * | string | - | Chart title. |
description | string | - | Muted supporting copy. |
state | 'ready' | 'loading' | 'empty' | 'error' | ready | Async data state. |
message | string | - | Optional async state message override. |
height | number | 220 | SVG or grid stage height. |
legend | boolean | true | Shows derived legend indicators. |
showHeader | boolean | true | Shows title, description, and async state indicator. |
surface | 'raised' | 'sunken' | 'transparent' | raised | Foundation surface treatment for the plot stage. |
series | readonly DataSeries[] | - | Line and area series data. |
points | readonly DataPoint[] | - | Bar chart points. |
groups | readonly StackedBarGroup[] | - | Stacked bar groups. |
segments | readonly DataPoint[] | - | Donut segments. |
cells | readonly HeatmapCell[] | - | Heatmap cells. |