Streaming answers

A model's answer arriving word by word at reading speed, with the thinking and the tool calls that came before it.

Install all

npx shadcn@latest add @pixilui/streaming-text @pixilui/thinking-state @pixilui/tool-call-row @pixilui/buttonpnpm dlx shadcn@latest add @pixilui/streaming-text @pixilui/thinking-state @pixilui/tool-call-row @pixilui/buttonyarn dlx shadcn@latest add @pixilui/streaming-text @pixilui/thinking-state @pixilui/tool-call-row @pixilui/buttonbunx --bun shadcn@latest add @pixilui/streaming-text @pixilui/thinking-state @pixilui/tool-call-row @pixilui/buttonnpx pixilui@latest add streaming-text thinking-state tool-call-row buttonpnpm dlx pixilui@latest add streaming-text thinking-state tool-call-row buttonyarn dlx pixilui@latest add streaming-text thinking-state tool-call-row buttonbunx --bun pixilui@latest add streaming-text thinking-state tool-call-row buttonSet up PixilUI in this project by following https://pixilui.com/setup.md, then add @pixilui/streaming-text, @pixilui/thinking-state, @pixilui/tool-call-row and @pixilui/button

Streaming textUneven chunks in, steady words out.

Thinking stateShows its work, then folds to a line.

Tool call rowEvery call lands with its own timer.

ButtonGrows into each new label.

More collections

Human approvalThe agent asks before it sends, pays or deletes, the run waits for the answer, and a queue holds the asks when there are many.
Agent runsWhat a run is doing while it works, each step and call it made once it is done, and how its scores compare with the last one.
Tool callsEvery call the model makes in plain words, with its timer, its input and output one click away, and an approval when the call is risky.
Overlays and promptsThe panels around the work: a decision in a dialog, details in a drawer, a quick change in a popover, a label on every icon button.