Skip to content

Phase 4d: final UX QA + refreshed screenshots#35

Merged
bnz183 merged 1 commit into
mainfrom
feat/ux-final-qa
Jun 19, 2026
Merged

Phase 4d: final UX QA + refreshed screenshots#35
bnz183 merged 1 commit into
mainfrom
feat/ux-final-qa

Conversation

@bnz183

@bnz183 bnz183 commented Jun 19, 2026

Copy link
Copy Markdown
Owner

Phase 4d — final polish / QA

Last PR of the Phase 4 UX pass. Base main (4a–4c already merged: #32, #33, #34).

What changed

  • Regenerated all Studio screenshots in docs/assets/ to reflect the refreshed UI (design-system tokens, light/dark theme toggle, left nav rail, inline insert dialogs, staged settings).
  • Repaired the pre-existing broken screenshot script (screenshots:generate): a stale onboarding-CTA selector ("Getting started with SourceDraft", removed long ago) and an ambiguous "Settings" match. The script now runs clean.
  • docs/project-status.md updated to honestly reflect the shipped Studio UI.
  • CHANGELOG records Phase 4d.

QA verification (success criteria)

  • Oriented in seconds / first run, zero credentials: demo mode entry + staged Settings (readiness-first) — covered by e2e.
  • Editor feels complete: inline link/image/file dialogs (no window.prompt), grouped toolbar, slash menu, source/rich parity — covered by e2e.
  • WCAG 2.2 AA, light + dark: fully tokenized palette (verified 0 raw hex in component rules), ≥24px targets, visible focus, system + manual theme.
  • Obvious reachable primary action: large, high-contrast, anchored Publish — covered by e2e.
  • Shippable look: consistent tokens; refreshed screenshots.

Note on scope

Color is fully tokenized. Remaining bare px values are layout sizes (e.g. min-height, grid tracks) rather than spacing-scale values; a blanket numeric replace would be unsafe (coincidental matches) for no visual gain, so it was intentionally not done.

Verification

pnpm build ✅ · pnpm test ✅ (studio 133/133) · pnpm lint ✅ · pnpm test:e2e ✅ (22/22). Full gate already green on main through the 4a–4c stack.

🤖 Generated with Claude Code

- Regenerate all Studio screenshots in docs/assets for the Phase 4 UI
  (design system, theme toggle, left nav rail, inline insert dialogs, staged
  settings).
- Repair the pre-existing broken screenshot script: a removed onboarding CTA
  selector and an ambiguous "Settings" match.
- Update docs/project-status.md to honestly reflect the shipped Studio UI.
- CHANGELOG: record Phase 4d.

Verified: pnpm build, test (studio 133), lint, and e2e (22) all green; full
build/test/e2e gate already green on main through the 4a–4c stack. Color is
fully tokenized (no raw hex in component rules) across light and dark.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

@bnz183 bnz183 merged commit 5eed889 into main Jun 19, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant