ToolCallCard

AI tool-invocation card showing call and result.

When to Use

Display tool calls and their results inside an AI chat interface.
Show the status lifecycle — pending, running, success, or error — as the tool executes.
Use DefaultOpen to pre-expand cards for debugging or first-time viewing.

Status Variants

search_web pending

Input

{"query": "latest Blazor news"}

read_file

running

Input

{"path": "/src/app.razor"}

execute_code success342ms

Input

{"language": "csharp", "code": "Console.WriteLine(\"Hello\");"}

Output

Hello

fetch_url error5s

Input

{"url": "https://example.com/api/data"}

Error

Connection timeout after 5000ms

Expanded by Default

analyze_sentiment success128ms

Input

{"text": "Lumeo makes Blazor development a joy!"}

Output

{"sentiment": "positive", "score": 0.96}

Multiple Tool Calls

list_files success18ms

Input

{"directory": "/src"}

Output

Program.cs
App.razor
_Imports.razor

read_file success24ms

Input

{"path": "/src/Program.cs"}

Output

var builder = WebApplication.CreateBuilder(args);
// ...

write_file

running

Input

{"path": "/src/NewComponent.razor", "content": "..."}

Property	Type	Default	Description
ToolName	string	""	The tool function name displayed in the summary row (e.g. `search_web`).
Status	ToolCallStatus	Pending	Current execution status. Values: `Pending`, `Running`, `Success`, `Error`. Controls color and icon.
Input	string?	null	Tool input parameters, typically a JSON string. Rendered in a code block when expanded.
Output	string?	null	Tool result/output rendered in a code block when expanded (shown only on Success).
ErrorMessage	string?	null	Error details rendered in a destructive-colored code block when `Status` is `Error`.
DurationMs	long?	null	Execution duration in milliseconds. Rendered as `342ms` or `1.4s` in the summary.
DefaultOpen	bool	false	Expand the card body on initial render.
Class	string?	null	Additional CSS classes merged onto the card root.