Component

Tool call message

Collapsible tool execution artifact with status, duration, optional input code, and output.

Tool call message makes agent work inspectable. The component renders status and artifacts; application code owns execution and permissions.
feedback
DOM renderImage render
Tool call messageDefault
rgrunning
ts
rg -n "composer" src

Playground

Controls update query params directly. Complex slots use item-owned examples so component states stay deterministic, linkable, and screenshot-ready.

Loading playground

Rendered matrix

Every state maps to the same component render route through the state query param.

Default

Active tool call with indeterminate progress.
rgrunning
ts
rg -n "composer" src
Render state

Queued

Queued call waiting for the active shell slot.
tscqueued
ts
bun run typecheck
Render state

Running

Active tool call with indeterminate progress.
rgrunning
ts
rg -n "composer" src
Render state

Success

Completed call with output.
checksuccess
ts
bun run check
Clean. 7 suites passed.
Render state

Error

Failed call with error output.
testerror420ms
Missing commandOptions[0].id.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
name *ReactNode-Tool or function name.
status'queued' | 'running' | 'success' | 'error'runningTool execution status.
openboolean-Initial disclosure state. Running calls open by default.
durationReactNode-Elapsed time or latency label.
inputstring-Optional input code block.
outputReactNode-Result or error output slot.
toolIconIconNameterminalLeading tool glyph.