RunStep.ToolCalls
Render the tool calls associated with a run step.
app.tsx
import { RunStep } from '@superinterface/react'
export const ToolCalls = ({ runStep }) => (
<RunStep.ToolCalls.Root runStep={runStep}>
<RunStep.ToolCalls.StartingToolCalls />
{runStep.tool_calls.map((call) => (
<RunStep.ToolCalls.ToolCall
key={call.id}
toolCall={call}
/>
))}
</RunStep.ToolCalls.Root>
)
Subcomponents
RunStep.ToolCalls.Root – provide context for rendering tool callsRunStep.ToolCalls.StartingToolCalls – placeholder shown while calls startRunStep.ToolCalls.ToolCall – render a single tool call resultRunStep.ToolCalls.Root
Wrap tool call primitives with
RunStep.ToolCalls.Root to provide context.app.tsx
<RunStep.ToolCalls.Root runStep={runStep}>{children}</RunStep.ToolCalls.Root>
RunStep.ToolCalls.StartingToolCalls
Show placeholder content while tool calls are starting.
app.tsx
<RunStep.ToolCalls.StartingToolCalls />
RunStep.ToolCalls.ToolCall
Render an individual tool call result.
app.tsx
<RunStep.ToolCalls.ToolCall toolCall={call} />