# Motion AI Thinking Orb

Assistant status next to the chat composer while a reply is thinking or streaming.

- id: `motion-ai-thinking-orb`
- Page: https://agentic-ui-kit.com/components/motion-ai-thinking-orb
- Live preview: https://agentic-ui-kit.com/live/component/motion-ai-thinking-orb

## Install

```bash
agentic-ui add motion-ai-thinking-orb
npx shadcn@4.17.0 add @agentic-ui/motion-ai-thinking-orb
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** ai-state-indicator, idle-state, listening-state, thinking-state, speaking-state, error-state, orb-variant, ring-variant, bars-variant, voice-orb-full-duplex, recording-pulse, live-level-input, status-announcement, pause-offscreen, reduced-motion-fallback
- **Intents:** communicate, track-status
- **Suits domains:** ai-workspace, saas, devtools, operations, analytics
- **Interaction:** status-announcement, keyboard-navigation
- **Screen role:** communication
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Assistant status next to the chat composer while a reply is thinking or streaming, Voice mode stage showing whether the assistant listens or speaks, with live levels, Recording indicator with an elapsed timer in a voice note or dictation field
- **Avoid when:** Progress with a known percentage, where a progress bar says more, Showing the audio signal itself, where a waveform fits, A person typing in a thread, where a typing indicator fits
- **Preserve when adapting:** role-status-with-state-text, distinct-shape-and-colour-per-state, static-glyph-with-label-without-motion, loops-only-while-in-view, transform-opacity-only
- **Replace when adapting:** state-labels, size, variant, level-sources, tone-tokens
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, card, select, textarea
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 60 fps
- **Registry dependencies:** lib-motion