KQ-741 · TOKEN/STREAM

Token Stream

A response surface where the words arrive, not the answer. Each token mounts with a fast fade and no travel while a caret rides the inline flow and breathes on an ambient loop; Stop arrives in the header on snap, and when the host marks the stream stopped the caret morphs into a full stop on the same spring. Tab reaches Stop while the stream is open, Enter or Space cuts it, and the live region reads one completed sentence at a time.

KQ-741 · TOKEN/STREAM

Idle · press play

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/token-stream

Props

chunks: string[]; default —; Tokens that have arrived so far, in order, carrying their own leading spaces. Append-only.
streaming: boolean; default false; The stream is open: the caret breathes and the Stop control shows.
stopped: boolean; default false; The reader cut the stream: the caret becomes a full stop.
onStop: () => void; default —; Fires from the Stop control. The host closes the stream and sets stopped.
label: string; default —; Names the response region for assistive technology.
model: string; default —; The model's name for the header chip.
stopLabel: string; default "Stop"; Copy on the Stop control.

Prop	Type	Default	Description
chunks	string[]	—	Tokens that have arrived so far, in order, carrying their own leading spaces. Append-only.
streaming	boolean	false	The stream is open: the caret breathes and the Stop control shows.
stopped	boolean	false	The reader cut the stream: the caret becomes a full stop.
onStop	() => void	—	Fires from the Stop control. The host closes the stream and sets stopped.
label	string	—	Names the response region for assistive technology.
model	string	—	The model's name for the header chip.
stopLabel	string	"Stop"	Copy on the Stop control.