AttachmentPreview
Chip or card preview for an uploaded file. Handles uploading / ready / error states inline with progress, MIME-aware icons, and a type badge.
Source
src/components/ai/attachment-preview.tsxCard variant
Default 280px-wide card with icon, size, type badge, and a reserved progress-bar slot so cards don't jump height.
Q1-2026-investor-memo.pdf
277 KB·pdf
PDF· ready
benchmarks.csv
18 KB·csv
CSV· ready
Chip variant
Inline pill — 32px tall, max 260px wide — for a list of attachments above the composer.
screenshot.png402 KB
dataset.json2.0 MB
demo.mp418 MB
Uploading
Progress bar animates with the `progress` prop (0–1). Works in both variants.
training-data.parquet
118 MB·octet-stream
OCTET-STREAM
42%
Error state
Danger-tinted card with the error message and a failed badge.
huge-archive.zip
2.2 GB·zip
ZIPfailed
File exceeds 1 GB upload limit.