AI chat

The native, presentational chat kit — conversation, messages, streaming, reasoning, tool calls, and the composer.

Streaming conversation

The full chat kit driven by a self-contained, client-side mock stream: a user turn with an attachment, a streaming reasoning disclosure, a tool call going pending → success, and assistant markdown (with a copyable code block) arriving token by token. Hit Replay to watch it stream again.

  • Conversation
  • ConversationContent
  • ConversationScrollButton
  • Message
  • MessageAvatar
  • MessageContent
  • MessageActions
  • MessageAction
  • CopyAction
  • Response
  • CodeBlock
  • CodeBlockCopyButton
  • Reasoning
  • ReasoningTrigger
  • ReasoningContent
  • ToolCall
  • ToolCallStatusBadge
  • StreamingText
  • TypingIndicator
  • Attachments
  • Attachment
  • PromptInput
  • PromptInputTextarea
  • PromptInputToolbar
  • PromptInputTools
  • PromptInputButton
  • PromptInputSubmit
Assistant
You
current-hero.png20.0 KB
Give me a hero gradient using our theme tokens.