Login: clone WorkClaw's two-panel /sign-in shell (Clawmates-branded)

Restyled /login into WorkClaw's two-panel auth design: a white form card on
the left, a periwinkle "meet the crew" panel on the right (claw roster strip,
"Your AI crew, all hands on deck", the claws-at-desk art), light-themed via
the marketing palette. The right panel is hidden on mobile.

- Kept /login as the canonical route (workspace redirect, /api/auth/login,
  and the whole E2E sign-in flow depend on it) and kept our email/password
  mechanism — only the chrome changed. Field labels (Email/Password) and the
  "Sign in" button are preserved so p0–p6 keep passing.
- Added /sign-in → /login redirect so WorkClaw's URL resolves.
- New AuthShell wraps both the local form and the Clerk SignIn branch.
- LoginForm restyled to the light card aesthetic (rounded inputs, full-width
  ink button); uses AA-safe coral-strong for the focus ring / error.
- Regenerated the login visual baseline.

typecheck/lint/build green · p0-shell (full sign-in flow) green · p6-a11y
green · login + marketing @visual green · deployed and verified live
(/login 200, /sign-in 307 → /login).

Co-Authored-By: Claude Opus 4.8 <[email protected]>

This commit is contained in:

Omar Sobh

2026-06-13 14:13:20 -05:00

co-authored by

Claude Opus 4.8

parent df589b70d4

commit a5ae0d6042

5 changed files with 125 additions and 20 deletions

frontend/tests/e2e/visual.spec.ts-snapshots/login-chromium-darwin.png

BIN

View File

Binary file not shown.

Before

Width: | Height: | Size: 15 KiB

After

Width: | Height: | Size: 264 KiB