Agent interfaces
Compose queues, activity, approvals, prompts, and results without turning the interface into decoration.
Working rules
- Keep a task, its run state, and the approval that affects it in the same context.
- Treat generated output as inspectable content. Preserve selection, copying, provenance, and failure states.
- Separate a request from confirmed execution. The host application owns models, tools, permissions, and persistence.
Components
- Assistant panel. Frames an assistant exchange with a user message, reply, suggestion, and input row.
- Activity timeline. Lists timestamped events with actors and optional expandable details.
- Command. Finds and runs commands in a native dialog. Filter by typing; navigate with arrows and Enter.
- Progress. Shows completion for a known process. 4px bar; the label carries the percentage.
- Data table. Sorts, filters and selects structured records. Native controls expose sort and selection state.
- Textarea. Collects multiple lines of text. Resizes vertically only.
- Dialog. Focuses attention on a modal task. Title, body, and two equal actions.
Interfaces
- Agent management. An agent workspace with a task queue, run activity, and approval controls.
- AI chat. A research notebook with separate conversations, local writing templates, and a response inspector.
Install Vlak or inspect the linked pages for React, CSS, registry, keyboard, and accessibility details.