Skip to content

Phase 4c: stage onboarding & settings (readiness-first, tokenized)#34

Merged
bnz183 merged 1 commit into
mainfrom
feat/onboarding-config
Jun 19, 2026
Merged

Phase 4c: stage onboarding & settings (readiness-first, tokenized)#34
bnz183 merged 1 commit into
mainfrom
feat/onboarding-config

Conversation

@bnz183

@bnz183 bnz183 commented Jun 19, 2026

Copy link
Copy Markdown
Owner

Phase 4c — onboarding / config staging

Third PR of the Phase 4 UX pass. Stacked on #33 (Phase 4b) — base is feat/editor-conventions, so this diff is 4c only. Merge #32#33 → this.

Goal: a new user is oriented within seconds, with publishing readiness as the obvious next action and the zero-credential demo path still front-and-centre.

What changed

  • Staged Settings — opens with a clear Settings page title and an adaptive subhead, then two ordered steps: Step 1 · Publishing (leads with the Publishing readiness panel and its "what to do next" surface) and Step 2 · How it works. Advanced configuration (diagnostics, read-only paths, adapter status) stays behind progressive disclosure.
  • Tokenized onboarding/settings surfaces — replaced ad-hoc px spacing/radius with design-system tokens in the settings view, post-login welcome, login form, and readiness panel; removed off-scale 10/11px font sizes.

Tests

  • Updated settings e2e to assert the staged structure (page title, step eyebrows), readiness-before-explainer order, and that advanced config stays collapsed until opened.
  • Local: pnpm build ✅ · pnpm test ✅ (studio 133/133) · pnpm lint ✅ · pnpm test:e2e ✅ (22/22).

Notes

  • The login screen already leads with Try demo mode; content was strong, so 4c focused on staging + tokenization rather than rewriting copy.

Next

  • 4d — Final polish / QA: cross-screen consistency sweep, verify success criteria across light/dark, regenerate screenshots, update docs/project-status.md.

🤖 Generated with Claude Code

Make Settings orient a new user in seconds and surface the next action:

- Settings opens with a clear page title and is staged into steps
  ("Step 1 · Publishing" leads with publishing readiness as the obvious next
  action; "Step 2 · How it works"), with advanced configuration kept behind
  progressive disclosure. Subhead adapts to whether a blog is connected.
- Tokenized the onboarding/settings surfaces onto the design system: spacing
  and radius tokens, and removed off-scale 10/11px font sizes in the readiness
  panel.

Updates the settings e2e to assert the staged structure and readiness-first
order. Stacked on feat/editor-conventions (Phase 4b).

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 changed the base branch from feat/editor-conventions to main June 19, 2026 12:12
@bnz183 bnz183 merged commit 716fec9 into main Jun 19, 2026
5 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