AI Chat and Agent UI Components for React

An AI thinking pill that cycles through phase labels like Searching and Writing, then pops a check when it finishes.

An AI chat composer with an auto-growing input, a model picker, and a send button that turns into a stop button while a response streams.

An assistant message that develops in like ink — a soft-feathered edge sweeps down the text with an iridescent glow riding the write-frontier, then copy, regenerate, and feedback actions fade in without shifting the layout.

A collapsible thinking panel that streams reasoning steps one at a time, then folds down to a short summary you can reopen.

The inline row an agent leaves when it uses a tool: a mono call signature like read_file(page.tsx), the tool's glyph with a spinner that resolves into a drawn check, a note that shimmers while it runs, and a panel that unfolds to the arguments and result.

A plan that behaves like an agent's plan: steps light up along a rail that fills as they finish, the active one breathes and shimmers its sub-status, failures insert recovery steps that slide the list apart, and the whole thing folds into one line when it's done.

A full chat experience that ties the AI components together. Send a prompt and watch the reasoning stream, the reply type out, and the view pin to the bottom.

A code change streaming in the way an agent writes it: removed lines strike through first, each block of additions develops in from a blur top to bottom, unchanged context folds away, and Accept or Reject collapses the losing side out of the block.

The permission prompt an agent shows before a risky action: a risk badge and mono command, Allow with a countdown ring that pauses while you hover, Deny that shakes the card, then the whole thing folds into a one-line receipt.

The chatbot launcher for any site: a small sphere with pill eyes that blink and follow your cursor, a teaser bubble that pops in, and a press that morphs the orb into the full AI Chat with its face shrinking into the header.