Reasoning & Progress
Thinking indicators, reasoning steps, agent progress and task states.
Components
6 components availableA collapsible chain-of-thought panel — show the model's reasoning trace with elapsed time, folded away by default.
Thinking IndicatorThe loading state before the first token — bouncing dots, a blinking caret, or a labeled status line while the model thinks.
Reasoning StepsA multi-step reasoning trace — each step with its own status and timer, so a long think reads as progress, not a hang.
OrbsCompact animated activity indicators for agent UIs - discrete DOM and CSS orbs that signal what the agent is doing without blocking the thread.
Thinking + ReasoningAn animated, collapsible thinking block: a shimmering label expands to reveal the agent's reasoning, then folds into a “Thought for Ns” summary.
Thinking StateA minimal shimmering label that signals the agent is processing before it answers.
Patterns using Reasoning & Progress
Complete interfaces composed from these components.