ToolCallView
Render a tool invocation — name, args, result, status. Works for all tools.
Shows one tool call's lifecycle: pending → running → done |
error. Emits data-ak-tool-call with data-ak-status.
#Props
| Prop | Type | Default |
|---|---|---|
toolCall | ToolCall | — |
collapsed | boolean | false |
renderArgs | (args) => ReactNode | JSON view |
renderResult | (result) => ReactNode | JSON view |
#ToolCall shape
type ToolCall = {
id: string
name: string
args: unknown
status: 'pending' | 'running' | 'done' | 'error'
result?: unknown
error?: string
}#Per-framework
| Framework | Import |
|---|---|
| React | import { ToolCallView } from '@agentskit/react' |
| Vue | import { ToolCallView } from '@agentskit/vue' |
| Svelte | import ToolCallView from '@agentskit/svelte/ToolCallView.svelte' |
| Solid | import { ToolCallView } from '@agentskit/solid' |
| React Native | import { ToolCallView } from '@agentskit/react-native' |
| Angular | <ak-tool-call-view [toolCall]="tc"> |
| Ink | import { ToolCallView } from '@agentskit/ink' |
#Related
- ToolConfirmation — human-in-the-loop approval gate
- Tools package
Explore nearby
- PeerUI + hooks
Every AgentsKit UI binding exposes the same contract. Pick the framework; the API stays the same.
- PeeruseChat
The one hook every framework binding exposes. Same input, same return, same events.
- PeerChatContainer
Headless scrollable transcript container. Auto-scroll on new messages, virtualized-ready.