Data

Table

A data table on a flat bordered shell, with the toolbar, sorting, column menu and pager as separate pieces.

Token spend across the five most recent traces.
Trace	Agent	Kind	Tokens
TR-4192	Research Desk	Retrieval	18,420
TR-4193	Inbox Manager	Tool call	2,140
TR-4194	Sales Outbound	Handoff	960
TR-4195	Talent Scout	Retrieval	7,310
TR-4196	Chief	Reflection	5,180
Total			34,010

Installation

npx shadcn@latest add https://nessalabs.ai/r/table.json

Search, a status facet, a column menu, a sortable column and row selection

Trace	Agent	Kind	Status
TR-4192	Research Desk	Retrieval	Passed	18,420
TR-4198	Research Desk	Handoff	Passed	12,030
TR-4195	Talent Scout	Retrieval	Running	7,310
TR-4196	Chief	Reflection	Passed	5,180
TR-4199	Inbox Manager	Retrieval	Passed	3,260
TR-4193	Inbox Manager	Tool call	Passed	2,140
TR-4200	Chief	Tool call	Running	1,740
TR-4194	Sales Outbound	Handoff	Failed	960
TR-4197	Account Manager	Tool call	Failed	480

The pager under a long result set

Trace	Agent	Status	Tokens
TR-4192	Research Desk	Passed	18,420
TR-4193	Inbox Manager	Passed	2,140
TR-4194	Sales Outbound	Failed	960
TR-4195	Talent Scout	Running	7,310

Showing 1–4 of 9 traces

The row shown instead of data

Trace	Agent	Status	Tokens
No traces yetRuns appear here once an agent starts work.

Covered by the component's storybook.

Agent TracesInvoicesSortable ColumnsPaginationEmpty StateSelection And ColumnsOverflowing ColumnsCapped HeightPage Out Of Range