DocsTool Call Card
Tool Call Card
Agentic AI function execution card with live status and collapsible payload drawer.
Agentic AI function execution card with live status and collapsible payload drawer.
{
"query": "Neural architecture search algorithms",
"top_k": 5,
"filters": {
"domain": "ai-reasoning",
"verified_only": true
}
}Visual aesthetic preset matching NexoreUI indicator themes.
Live execution status with animated indicators.
Name of the tool or function invoked.
Execution time label.
Whether the drawer starts collapsed.
import { ToolCallCard } from "nexoreui"
<ToolCallCard />| Prop | Type | Default | Description |
|---|---|---|---|
| toolName* | string | — | Name of the tool or function invoked by the AI agent (e.g. 'read_file', 'query_db'). |
| status | "pending" | "running" | "success" | "error" | "running" | Execution state with live orbital animations and status badge transitions. |
| variant | "default" | "neon" | "glow" | "cyberpunk" | "default" | Visual aesthetic preset matching NexoreUI indicator themes. |
| args | Record<string, any> | string | undefined | Key-value object or raw string arguments passed to the tool function. |
| result | Record<string, any> | string | ReactNode | undefined | Execution payload or response returned by the tool execution. |
| duration | string | number | undefined | Execution duration label (e.g. '340ms', '1.2s') or milliseconds number. |
| isCollapsedByDefault | boolean | false | Whether the arguments and result drawer start in a collapsed state. |
| onToggle | (isOpen: boolean) => void | undefined | Callback invoked when the card drawer is toggled open or closed. |
| icon | React.ComponentType<{ className?: string }> | Wrench | Custom icon rendered on the left badge of the card header. |
| className | string | — | Additional CSS classes applied to the root card container. |
{
"query": "React 19 Server Actions best practices 2026",
"max_results": 5,
"search_depth": "advanced"
}{
"table": "analytics_events",
"filters": {
"environment": "production",
"latency_ms": {
"$gt": 200
}
},
"limit": 3
}{
"status": 200,
"rows_returned": 3,
"scanned_partitions": 14,
"execution_engine": "vector-accelerated"
}{
"similarity_threshold": 0.88,
"embedding_model": "text-embedding-3-large",
"nodes": [
"Authentication",
"SessionTokens",
"OAuth2"
]
}{
"matched_nodes": 7,
"top_relevance_score": 0.964,
"cached": true
}