# AI File Summary Card

Invoice attached to a chat thread with the amount and due date extracted.

- id: `ai-file-summary-card`
- Page: https://agentic-ui-kit.com/components/ai-file-summary-card
- Live preview: https://agentic-ui-kit.com/live/component/ai-file-summary-card

## Install

```bash
agentic-ui add ai-file-summary-card
npx shadcn@4.17.0 add @agentic-ui/ai-file-summary-card
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** automatic-summary, key-value-extraction, confidence-scoring, attachment-classification, progressive-disclosure, analysis-cancellation, error-recovery, unsupported-format-handling, delegated-file-actions
- **Intents:** explore-detail, retrieve-knowledge, generate-content
- **Suits domains:** ai-workspace, ai-content, knowledge, file-storage, saas, operations
- **Interaction:** click-to-action, progressive-disclosure, keyboard-navigation, copy-to-clipboard
- **Screen role:** detail
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** invoice attached to a chat thread with the amount and due date extracted, spreadsheet uploaded to an assistant that reports rows and the period covered, meeting notes summarized with owners and next steps in a knowledge space, support ticket attachment summarized for the agent handling it
- **Avoid when:** summarizing text already visible in the conversation, which is what ai-summary-block is for, previewing the full content of the file, which requires a paginated viewer, file listings where only name and size are needed with no analysis
- **Preserve when adapting:** information-hierarchy, confidence-disclosure, analysis-lifecycle, interaction-model
- **Replace when adapting:** domain-copy, extraction-schema, semantic-tokens, domain-formatting
- **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:** card, badge, button, progress
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives