diff --git a/docs/superpowers/plans/2026-05-30-ui-normalization-visualcheck.md b/docs/superpowers/plans/2026-05-30-ui-normalization-visualcheck.md new file mode 100644 index 0000000..b77774d --- /dev/null +++ b/docs/superpowers/plans/2026-05-30-ui-normalization-visualcheck.md @@ -0,0 +1,36 @@ +# UI Normalization — Visual Check + +Run the app and walk each surface. Lane B intentionally shifted some values (12px→13px, 9px→10px, 16px→18px, off-palette colors folded to the palette), so small differences are expected — you're checking nothing looks *broken*. + +## Global +- [ ] All text renders in **Inter Tight** (sans), not Segoe UI. Labels that were previously "off" (Settings field labels) now match. +- [ ] Mono text (chips, log lines, file paths, eyebrows, titlebar titles) still renders in JetBrains Mono. + +## Main window +- [ ] Status-bar connection dot color: online = moss green, reconnecting = peat/amber, offline = blood red. +- [ ] Islands, task rows, chips, agent strips, terminal all look unchanged. + +## Task row +- [ ] Schedule flyout (the date popup) renders with a visible border (was a broken/missing `BorderBrush` key — now `LineBrush`). + +## Modals — now wrapped in ModalShell (check titlebar drag, ✕ close, footer buttons) +- [ ] **Settings** — titlebar "SETTINGS", drag works, ✕ closes, Cancel/Save footer. Tabs (General/Worktrees/Files/Prime Claude) intact. +- [ ] **List settings** — Delete (left) + Cancel/Save (right) footer; section panels intact. +- [ ] **Merge** — task summary + action buttons. +- [ ] **About** — version/data/logs/config labels. +- [ ] **Unfinished planning** — body text + primary action. +- [ ] **Repo import** — toolbar at top of body, repo list scrolls, footer. +- [ ] **Worktrees overview** — rows render; force-remove/phantom text is red (StatusError); state badge text legible. NOTE: window decorations changed to borderless (ModalShell draws the border) — confirm it still looks right. +- [ ] **Diff modal** — diff text mono, add/del colors, merge button in footer. +- [ ] **Conflict resolution** — now ModalShell; conflict list mono; error text red. + +## Not wrapped in ModalShell (intentional — distinct chrome) +- [ ] **Worktree modal** (the big 1100×720 acrylic-blur diff window) — unchanged look, fonts slightly normalized. +- [ ] **Planning diff view** (embedded) — diff renders, mono font, warning text red. + +## Date picker +- [ ] Selected day: accent background with light text (was hardcoded white → TextBrush). + +## If something looks wrong +- Font/size off → check the snap mapping in `2026-05-30-ui-normalization.md` (11→Mono=11, 12→Body=13). +- A modal's layout broke → that modal's body may have coupled to the old Grid rows; revert just that file's ModalShell wrap and keep only the token changes (the fallback noted in the plan).