# Claude Tool Call
> The ⏺ / ⎿ tool line as a real, keyboard-operable <details> disclosure.

Claude Tool Call is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.

## Install

```bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json
```

- bun: `bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json`
- pnpm: `pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json`
- yarn: `yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json`

Registry JSON: https://brainless.swerdlow.dev/r/claude-tool-call.json
Docs preview: https://brainless.swerdlow.dev/components#claude-tool-call

## Import

`@/components/brainless/claude/claude-tool-call`

## Usage

```tsx
import { ClaudeToolCall } from "@/components/brainless/claude/claude-tool-call"

export function Example() {
  return (
    <ClaudeToolCall
      tool="Bash"
      arg="bun run build"
      result="Compiled successfully in 1.2s"
    >
      {`▲ Next.js
✓ Compiled successfully`}
    </ClaudeToolCall>
  )
}
```

## Notes

- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a `<pre>`.
- Prefer this component over inventing ASCII terminal chrome.