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

Components

Token Usage

Monitor token consumption, context window utilization, and session costs across models

Demo

Click the terminal below and press space to start simulating API requests.

Features

Context window bar with color-coded breakdown of system, history, RAG, and response tokens
Session budget tracker showing cost against a configurable limit
Multi-model support for comparing token economics across Claude Sonnet, Haiku, GPT-4o, and GPT-4o mini
Live request simulation with token counts, costs, and latency stats

Keybindings

space start/stop simulation
left / right switch model
r reset session

Timer

Countdown timers with visual progress bars and adjustable durations, inspired by Charm's bubbles/timer

Tree View

Interactive tree view with expand/collapse, search/filter, and virtualization for navigating hierarchical data

On this page