Tool

Group related tool calls into one compact task summary without overwhelming the transcript.

Bash pnpm lint

Grep InputBar

Read /lib/agent-ui/components/input-bar.tsx

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add tool

Usage

Use Item to list the commands, searches, and reads completed within a task.

import * as Tool from '@sivir-ui/svelte/components/tool';

<Tool.Root name="1 file, 1 search, and 1 command" state="complete" duration="6s" variant="quiet">
  <Tool.Item name="Bash" detail="pnpm lint" />
  <Tool.Item name="Grep" detail="InputBar" kind="search" />
  <Tool.Item name="Read" detail="/lib/input-bar.tsx" kind="read" />
</Tool.Root>

Examples

Research assistant

Bash pnpm lint

Grep InputBar

Read /lib/agent-ui/components/input-bar.tsx

Tool states in a support flow

Grep cus_4f81

Read refund status

Bash send resolution email

Quiet

Use variant="quiet" when tool details should stay visually secondary to the response.

Grep release notes

Anatomy

Tool.Root - Provides a tool execution summary.

Tool.Item - Displays one tool call.

Tool.Input - Displays tool input.

Tool.Output - Displays tool output.