ToolCallCard

AI tool-invocation card showing call and result.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

@using Lumeo

<ToolCallCard />

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}

Status (interactive)

Switch status to see the icon, color, and available sections change.

run_query pending

Input

{"sql": "SELECT * FROM users LIMIT 10"}

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": "..."}