Tool Calls
Search, browser, code execution and other tool call UIs.
Components
7 components availableHow to show a function call in chat — the arguments sent, the result returned, run status, and an expand toggle.
Search Tool CallA web search the model ran — the query it chose, how many results came back, and previews of the sources it read.
Code ExecutionA code interpreter run inside chat — the snippet, a running state, stdout as it streams, and errors that stay readable.
Generative UIRender a React component from a tool result instead of text — a skeleton in the widget's own shape, and a text fallback when the client has no renderer.
Generated Media ResultThe result card for AI-generated images, audio and video — queue and stage states, variants, download and regenerate, and a safety block that isn't an error.
File DiffAn inline diff card showing the additions and deletions the agent proposes.
Image Generation StateA loading canvas that moves through queued, generating and ready states.
Patterns using Tool Calls
Complete interfaces composed from these components.
A research flow that shows search tool calls, reasoning, sources and a cited final answer.
Open pattern →AI Coding AgentA coding run with agent status, tool calls, diffs and a human-in-the-loop approval gate.
Open pattern →Image Generation StudioA one-screen generation studio — prompt composer and model picker beside a feed of queued, staged, blocked and ready image results with variants.
Open pattern →Generative UI DashboardThe model assembles a dashboard from a controlled widget registry — streamed props, an unsupported-request fallback, and widget clicks that re-enter the chat.
Open pattern →