Skip to main content

@elabs-ai/components-ai

44 pages

Chat: ChatShell, Conversation, Message, PromptInput, Tool, Reasoning, Sources, CodeBlock, Artifact.

pnpm add @elabs-ai/components-ai

Highlights9

A few of the 44 pages here. Open a family below, or in the navigation, to see all of it.

The standard chat input — a PromptInput pre-assembled with attachments, tools and submit.

15 examples

The SAFE generative-UI path: renders an agent-DESIGNED screen from data — a JSON tree of catalog types validated against the catalog — with the real components; actions reach the host's onAction.

7 examples

A model-emitted, column-oriented data table rendered as message content.

11 examples

A Card-shaped, collapsible plan the agent proposes before it starts executing — and the decision the human returns.

5 examples

A line-level unified diff inside an agent transcript — what the agent changed, with correct old/new line numbers.

10 examples

The named human-in-the-loop variant of Confirmation — a titled, described approval card, binary or N-option with scope.

5 examples

Auto-stick-to-bottom chat transcript region.

3 examples

Chronological rail of agent steps and checkpoints — what the agent did, in order.

2 examples

The chat workspace's right context rail — sources, produced assets and a root↔detail drill-in.

4 examples

Browse by family6

  • Conversation13 pages

    ChatGreeting · CodeBlock · Conversation · GroupedParts · MarkdownView · MessageCompare · MessageEdit · MessageFeedback · MessageForm · MessageTable · Persona · SelectionToolbar · Suggestion

  • Composer7 pages

    Composer · PermissionModeSelect · PromptInput · PromptInputEffort · PromptInputMode · PromptInputSlash · WithMentionInput

  • AgentEvent · AgentTimeline · ApprovalCard · DiffView · FileTree · Plan · TestResults · ToolResultCard · TurnStatus

  • A2UI Agent Ops · A2UI Analytics · A2UI Data Grid · A2UI Surface · Canvas

  • Session4 pages

    ContextPanel · ModelProviderLogo · SessionHeader · SessionStatusBar

  • AssetPreview · Attachments · AudioPlayer · AudioVisualizer · Gallery · GeneratedImage