⚠️ This ticket depends on the AW image insertion flow design task. Scope is preliminary and will be updated once designs are complete.
Implement the image insertion UI in the Abstract Wikipedia editor.
Leading documentation: https://docs.google.com/document/d/1ERhZ1XF-4u9vfKYhat3typhnBzapWbcUlqfqZd2KJN0/edit?tab=t.0
Scope (subject to design):
- [ + ] button -> add image entry point in AW editor
- Commons filename/URL input (manual; no picker for v1)
- Inline validation: empty, valid, invalid filename, not on Commons, unsupported file type
- Preview: rendered image shown before publish
- Right-aligned image block in article
- Alt text (required) and caption (optional) fields
Out of scope: Commons media picker, full MediaViewer click behavior, video/audio
Acceptance criteria:
- Image insertion entry point visible in AW editor [+] menu
- Manual Commons filename input working
- All validation error states displayed inline per design
- Preview shows rendered image before publish
- Right-aligned image block renders in article
- Alt (required) and caption (optional) fields working
- Jest unit tests covering input validation and component states