Example
Tool Visualization
Examples of all tool call action types with expandable content, status indicators, and specialized rendering for each tool type.
All Action Types
Click on any tool call to expand and see the detailed content:
Status Indicators
Executing
Completed
Failed
Using ToolCallCard
ToolList.tsx
import { ToolCallCard } from '@ash-cloud/ash-ui';
import type { NormalizedToolCall } from '@ash-cloud/ash-ui/types';
function ToolList({ toolCalls }: { toolCalls: NormalizedToolCall[] }) {
return (
<div className="space-y-2">
{toolCalls.map((toolCall) => (
<ToolCallCard
key={toolCall.id}
toolCall={toolCall}
defaultExpanded={false}
/>
))}
</div>
);
}