Chat blocks: compare
Every Chat block side by side, with a picture and description of each. Open one for its preview, props and install.
All Chat blocks
13 blocks, A to Z.
agent-actions-01
agent-actions-01
AI agent action log for chat assistants: an assistant report of what it did in collapsible tool call cards for complete, failed and waiting-for-approval steps, with inputs, links and the assistant's note.
assistant-welcome-01
assistant-welcome-01
AI chat welcome screen and empty state: an orb, a greeting, a composer and starter prompts that become a conversation on first message. Ships a scripted reply.
attachment-composer-01
attachment-composer-01
Support request form with file attachments: a composer showing uploading, failed-with-retry and done states for each file, a character counter and a send button that waits on uploads.
chat-history-01
chat-history-01
AI chat history sidebar: a New conversation button, a search field and a thread list whose rows rename inline or delete from a dropdown menu. Shows an empty state when nothing matches.
chat-launcher-01
chat-launcher-01
Floating AI chat widget pill with an orb that opens a non-modal dialog: a greeting with suggested starter prompts, then the conversation and a message input. Ships a scripted preview reply.
docked-chat-01
docked-chat-01
Docked AI chat panel for support or copilot sidebars: a voice orb header, a scrolling conversation with streaming cursor and Thinking status, and a composer at the foot. Ships a scripted reply; wire useChatStream for live answers.
help-dock-01
help-dock-01
Collapsible help chat widget that shrinks to a header bar, counts new replies with a badge while minimized, and keeps the draft and thread. Ships a scripted reply.
message-center-01
message-center-01
Marketplace direct messages inbox: a searchable conversation list beside the open thread, a pinned assistant, unread badges, day dividers and per-conversation drafts. One pane at a time on a phone.
quick-replies-01
quick-replies-01
Billing support chatbot with suggested replies: tap-to-answer option buttons under its question, hideable suggestions, free text with human handoff and a stop control. Suits guided support flows.
research-thread-01
research-thread-01
AI research assistant thread: searches sources, shows cited chips, streams a cited answer word by word and can be stopped partway. Ships a scripted run; wire retrieval and useChatStream for live answers.
shared-transcript-01
shared-transcript-01
Read-only shared chat page for a published assistant conversation, with code blocks, timestamps, a privacy note and buttons to continue or start a new chat.
support-handoff-chat-01
support-handoff-chat-01
Live support chat that hands off from a bot to a named agent: a speaker rule above each reply, a typing status naming who is writing, and Read and Delivered receipts. Light navy palette; plays by itself on load.
support-inbox-01
support-inbox-01
Customer support helpdesk inbox card for agents: status tabs with counts, unread marks, wait times, reply-due warnings and an empty queue state. Suits helpdesk and ticketing dashboards.