> ## Documentation Index
> Fetch the complete documentation index at: https://smithers.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# InlineCitation

> Add a keyboard-accessible source chip and tooltip inside prose.

```tsx theme={"theme":{"light":"github-light","dark":"github-dark"}}
import { InlineCitation } from "smithers-orchestrator/ui";

<p>
  Smithers keeps durable run history
  <InlineCitation index={1} label="Run state reference" href="/runtime/run-state" />.
</p>
```

The chip renders `[n]` in superscript, announces `Source n: label`, and shows
the source label on hover or focus through the shared tooltip primitive.

Safe URLs render an anchor; missing or unsafe URLs render a focusable button,
so keyboard users can still inspect the tooltip. `onNavigate` runs only for a
sanitized URL, with an event whose default action is already prevented.

## Props

| Prop         | Type                    | Description                                 |
| ------------ | ----------------------- | ------------------------------------------- |
| `index`      | `number`                | Citation number rendered as `[n]`.          |
| `label`      | `string`                | Tooltip content and accessible source name. |
| `href`       | `string`                | Optional source URL.                        |
| `onNavigate` | `(href, event) => void` | Intercepts safe navigation.                 |

**Source**: `packages/ui/src/agentic/InlineCitation.tsx`

**Tests**: `packages/ui/tests/inline-citation.test.tsx`