ClaudeDo/docs/superpowers/plans/2026-05-30-ui-normalization-visualcheck.md

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).