# Thinking indicator

A compact status affordance for incremental agent work. It is the only MVP component with a looping animation.

**Install:** `tokens.css` + `thinking-indicator.css`.

**States:** `running` or `streaming`; remove it when the host has a concrete result. **No-JS:** the label remains visible. **Accessibility:** use `role="status"` and `aria-live="polite"`; dots are decorative — the text carries meaning. **Motion:** dots pulse with opacity and transform only (1.2s, shared ease); no gradient text or decorative shimmer. Motion stops under `prefers-reduced-motion`. **JavaScript:** none required.