Attachment Components

A highly interactive drag-and-drop file upload component featuring dashed border styling, hover-state animations, file validation, and integrated progress tracking.

A wrapper component that enables file uploads via clipboard paste events, integrating with the better-upload client to handle file processing and metadata submission.

A file upload dropzone component featuring drag-and-drop functionality, loading states with spinners, and customizable file metadata support using react-dropzone and Lucide icons.

A file attachment display component that automatically selects icons based on MIME types, featuring customizable variants and sizes for rendering file metadata in chat or document interfaces.

A specialized image display component for AI chat interfaces that supports image rendering, downloading, and clipboard copying with built-in loading states and error handling.

A file attachment component for AI chat interfaces featuring image preview dialogs, loading states, and integrated tooltips built with Assistant UI, Lucide icons, and Tailwind CSS.

An animated paperclip icon component built with Framer Motion that features path-drawing animations for interactive file attachment indicators.

An AI-powered attachment component supporting grid, inline, and list layouts with automatic media categorization, icon rendering, and hover-card previews for files and source documents.