AgentThinkingIndicator
stableAnimated loading indicator communicating an agent is actively processing. Supports text label, step counter, and elapsed time. Uses temporal color.
import { AgentThinkingIndicator } from "@nodus/design-system/patterns"Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Processing label (default: Thinking…). |
step | string | — | Current step name or description. |
elapsedMs | number | — | Elapsed milliseconds to display. |
variant | "inline" | "block" | "overlay" | — | Display context (default: inline). |
labelstringDefault —Processing label (default: Thinking…).
stepstringDefault —Current step name or description.
elapsedMsnumberDefault —Elapsed milliseconds to display.
variant"inline" | "block" | "overlay"Default —Display context (default: inline).
This component was designed to express:
Explore Related
In-progress LLM reasoning indicator with temporal pulse, elapsed timer, and optional chain-of-thought trace
Streaming LLM output with temporal cursor. Displays content immediately — no fake simulation. StreamingDot disappears instantly on completion.
Non-intrusive background activity indicator. Shows agents working without demanding attention. Three variants: dot (toolbar), strip (bottom bar), tray (collapsible side panel).
Animated dot sequence for streaming/typing indicators