Design the image insertion flow in the Abstract Wikipedia editor.
Leading documentation: https://docs.google.com/document/d/1ERhZ1XF-4u9vfKYhat3typhnBzapWbcUlqfqZd2KJN0/edit?tab=t.0
Scope:
- [ + ] (add action) button -> image insertion entry point
- Manual Commons filename/URL input field (no picker for v1)
- Inline validation states: empty, valid filename, invalid filename, file not on Commons, unsupported file type
- Preview state: rendered image shown before publish
- Right-aligned image block layout (Wikipedia-like placement)
- Alt text field (required) and caption field (optional)
Out of scope: Commons media picker/search, Wikidata-driven selection, full MediaViewer behavior, video/audio
Acceptance criteria:
- All validation states designed (empty, valid, invalid filename, not on Commons, unsupported file type)
- Preview state shows rendered image
- Right-aligned image block layout defined
- Alt (required) and caption (optional) input fields designed
- Handoff artifacts ready for frontend implementation
