File
You might say
For uploaded attachments, show the filename and size and let people remove them.
A UI row or card that shows one document, image, or attachment and its statusAn upload list might show
project-plan.pdf, 2.4 MB, and Uploaded. Make the filename most prominent and use type and status as support; an icon alone does not identify the file.You can say this to an AI Agent
Create file items immediately after selection with readable names, sizes, upload states, and per-file actions. Failed items can retry, active ones can cancel, and completed ones can be removed. Test duplicate names, long names, and failed uploads.
When to use it
- Uploaded attachments📄Project Plan.pdfPDF
- Project-file browsing📄Project Plan.pdfPDF
- Chat attachments📄Project Plan.pdfPDF
When NOT to use it
- No file selected: use Upload📄Project Plan.pdfPDF
- An icon with no readable filename📄Project Plan.pdfPDF
- A hidden status or delete action📄Project Plan.pdfPDF
Anatomy
📄project-plan.pdf2.4 MB · PDF↓
Use an icon and text together to identify the type
Prioritize the name; size and status support it
Keep download, preview, or more actions reachable
Variants
Compact
📄plan.pdf
In chat or a narrow list
Status
📄plan.pdfUploading 66%
While transfer is in progress
Card
🖼cover.png4.8 MB
When an image or file needs a preview
Typical use cases
Completed upload
📄requirements.pdfYesterday, 2:20 PM · 1.8 MB↓
Project files
🖼homepage-design.pngVersion 3 · 4.8 MB⋯
Chat attachment
📎meeting-notes.docxAlex · 12:30 PM↓
Recommended tool
Web fine-tuning tool · Selector Pro
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗Quick check