ConversationVisual draft 0.1
Attachment
Represents a file added to a message, task, or record.
SpecializedDemand-led extensionHTML first
01 / Preview
The current Angle direction.
02 / Decision
What this component must preserve.
Angle component decision
Show file name, type, size, upload state, and a clear remove or retry action.
03 / Anatomy
Parts with a specific job.
File icon
01Name
02Metadata
03Progress
04Action
0504 / States
The happy path is only one state.
01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance
Use the contract, not the screenshot.
Do
Show file name, type, size, upload state, and a clear remove or retry action.
Avoid
Do not introduce this surface without a real product need, complete states, and an accessible non-pointer path.