# `lr-tool-call-chip` - **Import** `import '@aceshooting/lyra-ui/components/lr-tool-call-chip.js';` (stable tag alias; registers the tag) - **Class** `LyraToolCallChip`, also available unregistered from `@aceshooting/lyra-ui/components/agent-tools/tool-call-chip/tool-call-chip.class.js` - **Family** `components/agent-tools/` — see `llms/index.md` for its siblings - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md` - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt) - **Deprecations** none - **Optional peers** none - **Themeable via** 10 parts, 10 custom properties — see this component's own `@csspart`/`@cssprop` list below - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md` --- ## `lr-tool-call-chip` A compact inline pill representing one tool/function call an agent made mid-conversation, e.g. `web_search: Searching web…` with a `running` spinner. First-party invention (no Web Awesome equivalent). It owns no detail surface of its own — activating it (click or Enter/Space while focused) fires `lr-tool-call-chip-select`; a consumer wires that to opening a `` (or anything else) at the call site, keeping the chip reusable wherever a compact call summary is useful, with or without a detail surface behind it. Removing `category` or `summary` hides that optional text; assigning either attribute again restores its content. **Properties:** - `name: string = ''` — the tool/function name, e.g. `web_search` - `category: string = ''` — optional grouping label, e.g. `research` - `status: 'pending'|'running'|'success'|'error'|'denied' = 'pending'` (reflected) — drives the glyph, accent color, and `status-text`; same status vocabulary as `` so a call's chip and its detail dialog always agree; unknown runtime values render the pending icon, text, and accessible label instead of failing the update - `summary: string = ''` — short human-readable status text, e.g. `Searching web…` - `durationMs?: number` (attribute `duration-ms`) — how long the call took, in milliseconds; the `duration` part is omitted entirely when unset - `icon: string = ''` — literal icon hint (e.g. an emoji) rendered when the `icon` slot is empty; ignored once anything is assigned to `slot="icon"` - `callId: string = ''` (attribute `call-id`) — unique identifier for this invocation, echoed back in `lr-tool-call-chip-select`'s detail so a listener can correlate the click with the call it fired for **Events:** `lr-tool-call-chip-select` (`detail: { name: string; callId: string }`) — fired on click or Enter/Space activation of the pill, exactly once per activation. The `lr-tool-chip-select` alias (deprecated since 4.0.0) was removed in 9.0.0; listen for `lr-tool-call-chip-select` instead — the detail is identical. **Methods:** `focus(options?)`, `blur()`, and `click()` delegate to the internal native chip button, so programmatic focus/activation reaches the same semantic owner as pointer and keyboard interaction. **Slots:** default (rich tooltip/detail content — e.g. the tool's raw arguments or a short preview — shown in a floating tooltip on hover/focus; nothing renders at all, no hover affordance, when this slot is empty), `icon` (overrides the built-in per-status glyph entirely via native slot-fallback content — assigned content wins; otherwise the `icon` prop is rendered as a literal hint; otherwise the built-in glyph for the current `status` is used) **CSS parts:** `base` (the clickable `