Implement: Editor UI redesign

[Al-Qassim]

Goal

Implement the editor Figma redesign in Compose without changing editor behavior.

Blocked by

Design: Editor flow redesign

PR requirements

• One PR; screenshots of running app; video if possible
• Functionality parity: open file, edit, save, dirty leave, auto-save pref, Run exit

Test checklist (device)

• Open file from Files → editor shows content
• Edit → dirty → leave dialog (stay/leave) via UI + system Back
• Save works; auto-save preference still respected
• Run from editor still navigates to build
• Visual match vs Figma (design-review)

Skills

/structure-feature-code, /implement, /design-review, docs/agents/test-review.md

[Al-Qassim]

Blocked by #32

[Al-Qassim]

Hold — human design review

Do not implement until the human has reviewed the Figma designs and the coordinator opens this ticket. Design must be Ready and human-approved first.

[Al-Qassim]

Design #32 is Ready. Implement remains held for human Figma review (and DS #36/#37).

[Al-Qassim]

Design contract ready (wave 3) — implement still held

#32 wave 3 Figma is Ready for human review (JetBrains New UI / Islands). Full ACs + animation notes + inline screenshots are on the Ready comment there.

Do not implement until human OK on Figma. Prefer after/alongside DS #36/#37 for token sync.

Figma Editor page: https://www.figma.com/design/M2LGyXHC5YYJekr3Fq3oiP/Android-Studio-Lite?node-id=187-281

[Al-Qassim]

Design ACs (from #32 — implement held)

Source: Editor Figma redesign awaiting critic. Do not implement until Ready + you are asked.

1. Open file → editor: filename in top bar; code fills content island (no path strip); back + Run icon-only; ⋮ opens menu.
2. Dirty (auto-save off): solid Primary 8px dirty dot by filename; clears after Save.
3. Save menu: dirty + auto-save off → Save emphasized; auto-save on → Save muted / Auto save checked.
4. Leave dirty: Unsaved changes — Discard secondary, Save primary. System Back on open dialog dismisses dialog only.
5. Leave clean → Files, no dialog.
6. Opening = calm wait; load error = warning + Retry primary + Back to files.
7. Toasts non-blocking. No syntax highlighting / new features.
8. Match ASL DS kit-blue Islands (Figma Editor page 187:281).

Figma: https://www.figma.com/design/M2LGyXHC5YYJekr3Fq3oiP/Android-Studio-Lite?node-id=187-281

[Al-Qassim]

Process change — no Figma

Figma design track is archived. Do not wait on Figma Ready or sync frames.

• UI source of truth: :designsystem + Compose (docs/design-system.md)
• Device review: /design-review (app screenshots vs DS/AC — not Figma)
• Historical Figma artifacts: archive/figma/