React components for supervising AI agents: approvals, tool calls, run timelines, diff review and handoffs. 109 components, light and dark.
A ring that fills to a percentage. Red only past a limit you set.
A button with only an icon. Its label is required and shows as a tooltip.
A text field.
JSON as a tree you can fold.
A keyboard key.
A shortcut and what it does.
Hold for a second to stop the agent. Letting go early does nothing. Space or Enter held does the same.
A trend over time. Point at it, or focus it and press the arrow keys.
Three dots beside what is happening.
A full-width button under a list that says when it is loading.
Actions behind a button. Put destructive ones last, after a separator.
One turn. Yours sit right in a tile; the agent’s are plain text under its name.
A scrolling column that follows new messages until you scroll up.
Shortens the middle of a path or ID and keeps both ends.
Chooses which model answers.
Pick several. Picks become chips; Backspace removes the last one.
The bar across the top. When it gets narrow, the links move into a menu.
Everything blocked on a person, across agents, most urgent first.
Page numbers, or a compact previous and next.
Everything you said "Always allow" to, how often it has been used, and a way to take it back.
A phone drawn around content, to show a component at phone size.
Reorder, edit, remove and add steps before anything runs. Alt+Up and Alt+Down move a step.
Progress toward a known total.
A project-wide notice with one action.
Where you write to an agent. Enter sends; Send becomes Stop while it works.
When the agent needs information rather than permission.
A native radio with its label.
One choice from a short list.
The agent’s thinking, folded away behind how long it took.
"2 hours ago", with the exact local and UTC time on hover or focus.
How risky an action is, in words.
The run's steps and tool calls. It follows the newest step until you scroll up.
A horizontal strip that fades where there is more.
A search field with a shortcut hint, a spinner and a clear button.
The native select, styled. The operating system draws the menu.
A hairline between groups.
A panel that slides in from an edge.
Long content cut to a few lines, with a button to show the rest.
Links down the side, in groups. Collapses to icons that keep their names.
A placeholder while content loads.
One value, a range, or steps, read out in words.
Shell commands with a copy button. The prompt sign is never copied.
What an answer is based on, with numbered markers in the text.
A trend with no axes, for a table cell or a stat card.
Something is happening, with no known end.
The common action, with alternatives in a menu.
One number, what it is, and how it moved.
A status with a running clock.