Skip to main content

Widgets: Data And Inspection

Use these widgets when the surface is record-heavy, evidence-heavy, or inspection-heavy.

Core table and record widgets

WidgetUse it forCapabilitiesGood example
Tablesimple row/column readoutslightweight tables for static or low-complexity rowsstarter/admin views
DataGridinteractive record gridscolumns, selected row/cell state, sorting hooks, paging-like navigationDataWorkbench
TreeTablehierarchical tabular datatree expansion with multiple value columnsstructured record trees
KeyValueListcompact label/value inspectiondense property readoutsdetail panels
Timelineordered eventsevent sequences and selectionaudit/history views
PivotTablecross-tab datarow/column pivots with explicit cell valuesplanning/reporting views

Rich content and inspection widgets

WidgetUse it forCapabilitiesGood example
MarkdownViewmarkdown contentrendered markdown inside a terminal surfacedocs/help panes
RichTextViewricher styled prosemixed emphasis and styled content blocksreadme/help/detail panes
JsonTreeViewstructured JSON browsingnode expansion and typed JSON tree inspectionpayload inspection
InspectorPanelcollapsed/expanded detail sectionskey/value fields plus detail rowsDataWorkbench style side panels
PropertyGrideditable/readable property surfacesproperty-by-property inspectionconfig and tooling UIs
DiffViewbefore/after comparisonside-by-side or line-oriented change reviewreview tooling
QueryBuilderstructured query editinggroups, rules, operators, query changesDataWorkbench style workflows

Logs, traces, and command evidence

WidgetUse it forCapabilitiesGood example
LogViewappended log historyscrollable log readingdebugging and ops
LogTailPaneltail-style log panelscompact streaming log tail surfacesops panels
TraceViewertrace/event debuggingtrace entry browsing and selectiondebug/investigation tools
CommandOutputcommand stdout/stderr renderingchannel-aware output linesworkflow tooling
TerminalPanelterminal-like line feedstyled channel output in shell-like panescommand/task shells
TaskRunnerPaneltask/job execution historytask runs and selectionbuild/job flows
ProcessListViewprocess/task inventoryprocess rows and status inspectionadvanced tooling

Feeds and activity widgets

WidgetUse it forCapabilitiesGood example
ActivityFeedbusiness/ops activity streamstyped feed items with timestamps and kindsOpsWatch, DataWorkbench
Notificationslightweight visible notification stackpush items into a visible app feedstarter and shell flows
NotificationInboxdenser persistent inboxadvanced inbox workflow with read/pin stateadvanced dev/ops flows