18 primitives every AI product needs — streaming, prompts, confidence, feedback, citations, refusals, thinking blocks, tool calls, markdown, status indicators, token usage, model selection, source cards, and chat threads. Built on Radix conventions. Themeable. Works with shadcn/ui.
npm i @arc-lo/uiToken-by-token text rendering with 6 states: pending, streaming, done, interrupted, error, and ratelimit.
Auto-growing textarea with context chips, suggestions, and Enter-to-submit.
Visual indicator for high, medium, low, or unknown confidence levels.
Thumbs up/down, copy, and regenerate toolbar for AI responses.
Inline source attribution with hover preview tooltips.
Graceful handling of declined requests with suggested alternatives.
Collapsible chain-of-thought display for AI reasoning with auto-collapse.
Tool invocation display with status, collapsible inputs and outputs for agent UIs.
Streaming-aware markdown with code blocks, lists, links, and blockquotes.
Animated status label with letter-by-letter light sweep for AI states.
Visual token and cost meter showing input/output usage against a budget.
Dropdown selector for AI models with badges and descriptions.
RAG retrieval result card with relevance scoring, title, and content preview.
Conversation container with user, assistant, and system messages — auto-scrolling, avatars, and timestamps.
File preview chips and cards with type icons, upload progress, and remove button.
Standalone code display with copy button, line numbers, and language badge.
Branch navigation for regenerated responses — compact '2/3 ←→' control.
Starter prompt cards for empty chat states — help users begin conversations.