Table
Presentational only. Sorting, selection and pagination state live in the app — a design system that owns data logic stops being reusable the first time someone needs server-side sorting.
Full table
Row height is --row-h, a density token. Switch to Compact in the header: rows go 44px → 32px and the transition is tokenised too.
| Agent | Status | Runs 24h | Cost | |
|---|---|---|---|---|
| OpsAgent | Degraded | 3,910 | $18.02 | |
| DataAgent | Healthy | 1,284 | $42.18 | |
| FinanceBot | Healthy | 612 | $128.40 | |
| ReviewAgent | Failing | 74 | $3.90 |
4 of 128
Empty
An empty state should say what would appear here and offer the action that creates it. 'No data' tells you nothing you did not already know.
No agents yet
Register an agent to start collecting run history.
Loading
Skeletons match the shape of the content they replace, so nothing jumps when the data lands. The shimmer is disabled under prefers-reduced-motion.
| Agent | Status | Runs 24h |
|---|---|---|