feat(ui): rebuild the login screen on subturtle-ui

[SomiVista]

Promotes the new-design batch to dev. The design system, app shell and Progress screen already landed via #61, so the delta here is the login screen plus the earlier docs commit freezing main for the migration.

What changed

frontend/pages/auth/login.vue was the last untouched admin-template screen — skewed purple panel, five decorative PNGs, a pilotui Button, dark: variants and two hardcoded English strings. It is the first thing every signed-out visitor sees, so it was the loudest remaining piece of the old blue palette.

It is now the redesigned screen: a sign-in column on warm paper with two ambient brand blobs, and a tilted, blurred preview of Today's board off the right edge with two floating phrase cards.

The script logic is unchanged

The ?redirect → sessionStorage store, the authentication.isLogin early replace, the anonymous-token priming and triggerGoogleLoginProcess (timezone + redirect params, window.open(url, '_self')) are byte-identical. The only additions inside those two functions are two phase.value assignments driving the new views. Verified live: the handoff URL still comes out as …/auth/google?timezone=…&redirect=…, and auth_redirect_url is still written on load.

States

idle	the Google button
waiting	"Waiting for Google…" with a retry link — window.open normally navigates away first, but this earns its place on a slow connection
returning	the "Signing you in…" overlay, shown while an existing session is forwarded, so the form never flashes at someone who is in fact signed in
notices	session-ended and sign-in-failed, from ?notice=expired|failed

Nothing produces ?notice= yet. login_with_token.vue keeps its toastError and the 401/412 interceptor still bounces here silently — both deliberately untouched in this PR. Wiring either is a one-line change in those files that needs no change to this page.

Two decisions worth review

The two-column switch is xl, not lg. At 1024px the preview overlapped the sign-in column — the "Je n'en reviens pas" card landed on top of the heading. The column is 540px and the preview occupies 690px after its overhang, so the two only clear at 1230px. Below xl the column centres and keeps its 344px form width.

LoginBoardPreview and InlineNotice stay app-local, not in ui/. The design system's manifest lists 23 components including Toast, but no inline notice, callout or alert — so the notice is our composition of its tokens, not a primitive the design defines. Putting it in ui/ would invent public API the design system does not have. The board preview is login-only decoration. Same precedent as StPageHeader.vue: graduate on the second caller.

subturtle-ui

Additive only — no component changed:

• 5 icons: logos:google-icon, solar:arrow-right-bold, solar:clock-circle-bold, solar:danger-triangle-bold, solar:moon-sleep-bold-duotone
• 4 st- tokens the markup needed: ink-200, ink-700, red-600, shadow-xl

Deliberately untouched

login_with_token.vue, plugins/modular-rest.ts, layouts/auth.vue (still pilotui — the App wrapper, blue screen_loader and useAppStore), middleware/auth.ts, and pilotui everywhere. Dark stays light-only on migrated surfaces.

Verification

Checked in a real browser at 1440 / 1280 / 1024 / 390: idle, both notices, the redirect pill, waiting-with-retry, and the overlay. Console clean — no [subturtle-ui] unknown icon warnings, so all five icons resolve.

tests/e2e/specs/auth.spec.ts still passes its assertion — the button's accessible name is exactly "Sign in with Google", matching /sign in with google/i. The spec could not be executed locally because Playwright's browsers are not installed in this environment (pre-existing, unrelated); the condition was asserted directly against the running page instead.

Note for a follow-up

yarn format rewrites 88 unrelated files — the repo is not Prettier-clean at HEAD. Only the touched files were formatted here. Worth fixing as its own PR.

🤖 Generated with Claude Code

[github-actions]

🎉 This PR is included in version 1.0.0-dev.7 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀