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

Chat Thread Streaming Text Citation Block Artifact Viewer Agent Timeline Multi-Agent Flow Suggestion Chips Feedback Bar Token Metrics Context Window Confirmation Prompt Markdown Preview

ComponentsNew AI

Agent Timeline

Step-by-step agent execution timeline with nested steps and tool call visualization.

Features

Circle-fill loading animation (○ → ◔ → ◑ → ◕ → ●)
Continuous colored connector lines (green done, red error, primary running)
Expandable log details per step
Auto-animated progression with elapsed timer
Error handling with test failure + fix flow

Keybindings

d — Toggle log details
space — Pause/resume
r — Restart

Artifact Viewer

Code artifact with version history navigation and inline diff view.

Multi-Agent Flow

Clean multi-agent orchestration view showing phased execution with parallel lanes and handoffs.

On this page