Introduction Getting Started

Agent Workflow Chat Flow Charts Code Block Code Review ColorPicker Command Palette DataTable Diff Viewer Diff Viewer (Split)Diff Viewer (Unified)Diff Viewer (Git)FilePicker Form Builder Fuzzy Finder Help Bar Intro List Log Viewer Markdown Renderer Model Benchmark Modal MultiSelect PackageManager Paginator Permission Gate Pomodoro Timer Progress Space Spinner Splash Split Panes Spring Animation Stopwatch Streaming Chat Style System System Monitor Tabs Task List TextArea TextInput Timer Token Usage Tree View Viewport

Context Window Data Table Diff Viewer Form Builder List Multi Select Paginator Permission Prompt Progress Select Stopwatch Streaming Chat Tabs Text Area Text Input Timer Tool Call

ComponentsModern

Data Table

Service dashboard with 2D cursor navigation, column sorting, row selection, inline filtering, and status indicators.

Demo

Features

2D cursor navigation across rows and columns
Column sorting with direction indicators
Multi-row selection with select all/clear
Inline text filtering across all columns
Status pills with semantic colors (running/stopped/pending)
Zebra-striped rows for readability
Viewport scrolling with position indicator
Right-aligned numeric columns
Badge showing selected count and active filter

Keybindings

hjkl or arrows - Navigate cells
s - Sort by current column
space - Toggle row selection
a - Select all rows
x - Clear selection
/ - Enter filter mode

Context Window

Visualizes LLM context/token usage with segmented bars, color transitions, and usage sparklines.

Diff Viewer

Terminal-style unified diff viewer with line numbers, file tabs, and compact mode.

On this page