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.
TraceAgentKindTokens
TR-4192Research DeskRetrieval18,420
TR-4193Inbox ManagerTool call2,140
TR-4194Sales OutboundHandoff960
TR-4195Talent ScoutRetrieval7,310
TR-4196ChiefReflection5,180
Total34,010

Installation

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

Examples

Search, a status facet, a column menu, a sortable column and row selection
TraceAgentKindStatus
TR-4192Research DeskRetrievalPassed18,420
TR-4198Research DeskHandoffPassed12,030
TR-4195Talent ScoutRetrievalRunning7,310
TR-4196ChiefReflectionPassed5,180
TR-4199Inbox ManagerRetrievalPassed3,260
TR-4193Inbox ManagerTool callPassed2,140
TR-4200ChiefTool callRunning1,740
TR-4194Sales OutboundHandoffFailed960
TR-4197Account ManagerTool callFailed480
The pager under a long result set
TraceAgentStatusTokens
TR-4192Research DeskPassed18,420
TR-4193Inbox ManagerPassed2,140
TR-4194Sales OutboundFailed960
TR-4195Talent ScoutRunning7,310
Showing 1–4 of 9 traces
The row shown instead of data
TraceAgentStatusTokens
No traces yetRuns appear here once an agent starts work.

Behaviours

Covered by the component's storybook.

Agent TracesInvoicesSortable ColumnsPaginationEmpty StateSelection And ColumnsOverflowing ColumnsCapped HeightPage Out Of Range