TWEAKS

// Components //

AI Elements playground

Same heat system as the product shell — browse the chat, tool, and sandbox primitives behind Runner and Builder.

[ CHAT ][ TOOLS ][ SANDBOX ][ WORKFLOW ]
9In product
11Installed
22Planned
33Total
Chat
Code

Sandbox run output

Skill: Sandbox Script Runner Status: waiting for shell approval

StepResult
Permission checkshell requires approval
File mount14 package files ready
Network policydeny-all

Approve shell execution, then rerun with a 60s timeout.

[ IN APP ]Message
Open Runner

Catalog

33 shown

Chat[ IN APP ]Runner, Builder, Traces

Safe markdown rendering for skill output, reports, and artifacts.

Chat[ IN APP ]Runner

Scrollable prompt/response history with jump-to-bottom.

Chat[ IN APP ]Runner

Composer with submit, attachments, and keyboard behavior.

Chat[ IN APP ]Runner

Guided follow-up prompts for the next user action.

Chat[ IN APP ]Runner

Collapsible model analysis panels.

Chat[ IN APP ]Runner, Traces

Tool call status, parameters, and output display.

Chat[ IN APP ]Runner

Approval UI for shell, network, and write permissions.

Chat[ PLANNED ]

Citation lists for research-backed outputs.

Chat[ PLANNED ]

Inline source references inside generated text.

Code[ IN APP ]Runner, Traces

ANSI-aware stdout/stderr for sandbox runs.

Code[ IN APP ]Runner, Traces

Package, workspace, and artifact browser.

Code[ READY ]

Syntax-highlighted code with copy support.

Utilities[ READY ]

AI-native loading placeholders.

Code[ PLANNED ]

Eval suite results with failures and stats.

Code[ PLANNED ]

Readable runtime errors with collapsible frames.

Code[ PLANNED ]

Masked env display for setup and debug pages.

Code[ PLANNED ]

Dependency and package metadata.

Code[ PLANNED ]

Rendered previews for generated outputs.

Code[ PLANNED ]

Tabbed code plus execution preview.

Workflow[ PLANNED ]

Visual workflow map for skill dependencies.

Workflow[ PLANNED ]

Workflow node blocks for agent steps.

Workflow[ PLANNED ]

Connections between workflow nodes.

Workflow[ PLANNED ]

Inspector panels for selected steps.

Workflow[ PLANNED ]

Zoom and pan controls for diagrams.

Workflow[ PLANNED ]

Saved run states and approval milestones.

Workflow[ PLANNED ]

Queued, running, complete, and failed task states.

Voice[ PLANNED ]

Animated voice-agent visual state.

Voice[ PLANNED ]

Browser speech capture for prompts.

Voice[ PLANNED ]

Synced transcript display.

Voice[ PLANNED ]

Playback for generated or uploaded audio.

Utilities[ PLANNED ]

Model and provider picker UI.

Utilities[ PLANNED ]

Attached files and uploaded context.

Utilities[ PLANNED ]

Iframe preview for generated pages.

Runner console bundle

One focused install for chat and sandbox surfaces — same rhythm as Firecrawl playground “Get code”.

pnpm dlx shadcn@latest add https://elements.ai-sdk.dev/api/registry/conversation.json https://elements.ai-sdk.dev/api/registry/prompt-input.json https://elements.ai-sdk.dev/api/registry/suggestion.json https://elements.ai-sdk.dev/api/registry/reasoning.json https://elements.ai-sdk.dev/api/registry/terminal.json https://elements.ai-sdk.dev/api/registry/tool.json https://elements.ai-sdk.dev/api/registry/file-tree.json https://elements.ai-sdk.dev/api/registry/confirmation.json