Phase 4d: final UX QA + refreshed screenshots

CHANGELOG.md

@@ -25,6 +25,10 @@ All notable changes to SourceDraft are documented here. The project uses [Semant
   obvious first action, with advanced configuration behind progressive
   disclosure. Tokenized the onboarding/settings surfaces (spacing, radius, and
   off-scale font sizes) onto the design system.
+- **Final UX QA (Phase 4d)** — regenerated the Studio screenshots in
+  `docs/assets/` for the refreshed UI (and repaired the screenshot script's
+  stale selectors), and updated `docs/project-status.md` to reflect the shipped
+  Studio UI (themes, navigation rail, inline insert dialogs, staged settings).
 
 ## v0.1.0
 

apps/studio/e2e/screenshots.spec.ts

@@ -30,7 +30,7 @@ test.describe("release screenshots", () => {
       fullPage: false,
     });
 
-    await page.getByRole("button", { name: "Getting started with SourceDraft" }).click();
+    await page.getByRole("button", { name: "New article" }).click();
     await expect(postBodyEditor(page)).toBeVisible();
 
     await page.screenshot({
@@ -77,7 +77,7 @@ test.describe("release screenshots", () => {
       path: screenshotPath("publish-success.png"),
     });
 
-    await page.getByRole("button", { name: "Settings" }).click();
+    await page.getByRole("button", { name: "Settings", exact: true }).click();
     await expect(page.getByRole("heading", { name: "Publishing readiness" })).toBeVisible();
     await page.locator(".setup-health").screenshot({
       path: screenshotPath("setup-health.png"),

docs/project-status.md

@@ -8,7 +8,8 @@ Early open-source MVP — usable for solo writing and publishing to Git or remot
 
 | Area | Status |
 |------|--------|
-| **Studio** | Tiptap editor + slash commands + source mode, post list (git publishers), media library (git-backed), preview, SEO panel, content QA, publish checklist, setup detection, content audit, setup/compatibility health |
+| **Studio** | Tiptap editor + slash commands + source mode, inline link/image/file dialogs, post list (git publishers), media library (git-backed), preview, SEO panel, content QA, publish checklist, setup detection, content audit, setup/compatibility health |
+| **Studio UI** | Tokenized design system with light **and** dark themes (system default + manual toggle, persisted), left navigation rail, sticky top bar, anchored primary Publish action, and staged settings/onboarding — targeting WCAG 2.2 AA |
 | **Adapters** | `astro-mdx`, `markdown`, `nextjs-mdx`, `hugo-markdown`, `eleventy-jekyll-markdown`, `docusaurus-mdx`, `mkdocs-markdown`, `nuxt-content-markdown` |
 | **Publishers** | `github`, `gitlab`, `bitbucket`, `wordpress`, `ghost` (GitHub PR publish modes: direct, pull-request, draft-pull-request) |
 | **Media** | `github-media` (images + PDF), `cloudinary` (images) |