41 lines
933 B
Markdown
41 lines
933 B
Markdown
---
|
|
title: File Attachments
|
|
description: Add @mentions, drag & drop, and chips for files.
|
|
---
|
|
|
|
Implement File Attachments
|
|
|
|
---
|
|
|
|
### Implement @ Mentions
|
|
|
|
When a user types `@` in the input field, display a file picker with search functionality.
|
|
|
|
Allow users to select files to attach to their prompt.
|
|
|
|
---
|
|
|
|
### Visual Attachment Chips
|
|
|
|
Display attached files as interactive chips above the input area.
|
|
|
|
Chips should include a filename and a removable "x" button.
|
|
|
|
---
|
|
|
|
### Drag and Drop Files
|
|
|
|
Enable dragging files from the operating system directly onto the input area.
|
|
|
|
Automatically create an attachment chip for dropped files.
|
|
|
|
---
|
|
|
|
### Acceptance Criteria
|
|
|
|
- Typing `@` brings up a file selection autocomplete.
|
|
- Files can be selected and appear as chips.
|
|
- Users can drag and drop files onto the input, creating chips.
|
|
- Attached files are included in the prompt submission.
|
|
- Attachment chips can be removed by clicking "x".
|