# AI Citations Panel

Conversational support assistant that cites knowledge base articles and resolved tickets.

- id: `ai-citations-panel`
- Page: https://agentic-ui-kit.com/components/ai-citations-panel
- Live preview: https://agentic-ui-kit.com/live/component/ai-citations-panel

## Install

```bash
agentic-ui add ai-citations-panel
npx shadcn@4.17.0 add @agentic-ui/ai-citations-panel
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** rag-source-list, source-preview-inspector, inline-citation-linking, relevance-score-metrics, source-type-filtering, real-time-search, chunk-metadata-inspection, citation-clipboard-actions, empty-state, error-recovery, keyboard-navigation
- **Intents:** retrieve-knowledge, explore-detail, communicate, track-status
- **Suits domains:** ai-workspace, ai-content, knowledge, support, devtools
- **Interaction:** source-selection, chunk-preview-inspection, real-time-search, category-filtering, citation-clipboard-copy, keyboard-navigation
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** conversational support assistant that cites knowledge base articles and resolved tickets, AI workspace for legal or financial analysis that verifies claims against PDF fragments, software engineering assistant that grounds refactoring suggestions by citing repository code, operations console that links automated recommendations to runbooks and postmortems
- **Avoid when:** direct answers without external document grounding or RAG (no citations required), pure relational tables that do not represent cited text fragments
- **Preserve when adapting:** rag-card-layout, preview-inspector-contract, relevance-score-visualization, keyboard-navigation-and-shortcuts, copy-action-feedback
- **Replace when adapting:** domain-sources-data, retrieval-metadata-schema, filter-categories
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, input
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Registry dependencies:** lib-primitives