Streaming indicator
The smallest possible signal that the agent is alive and producing output. Used in message bubbles, control bars, and inspector headers.
Included in the single kansho full pack. Components are not offered as separate installs.
Pill — states
Inline in a message bubble
I'll start by checking the build logs to see which step failed, then I'll diff the last green commit against the current one
Cursor — drop-in for partial text
One moment, sir — drafting the comparison table
$ npm install
In a header strip
Component documentation
Streaming Indicator
components/agent/streaming-indicator.tsxPurpose
Communicates thinking, streaming, tool use, completion, or stalled output in three compact presentations.
Appropriate use
Use near partial agent output where the state label should remain visible and concise.
Example
components/agent/streaming-indicator.tsx has a representative live example in the "Pill — states" section on /components/streaming-indicator.
States
States are thinking, streaming, tool, done, and stalled; variants are inline, pill, and cursor; size is sm or md and token rate is optional.
API and props
StreamingIndicator accepts state, label, tokensPerSec, size, variant, and className.
Dependencies
Direct imports are React, Lucide icons, BrailleLoader, and cn.
Accessibility
The wrapper has no accessible name; inline and pill variants show state text while their loader or check glyph also receives that label, and the cursor variant is hidden.
Limitations
It does not provide live-region semantics or stream data; the cursor pulse relies on the global reduced-motion override.
Source
Source: components/agent/streaming-indicator.tsx.
Full pack
components/agent/streaming-indicator.tsx is documented at /components/streaming-indicator and installs only through the single Kansho full pack; no individual component install is offered.