diff --git a/.planning/REQUIREMENTS.md b/.planning/REQUIREMENTS.md index 652868e..3978975 100644 --- a/.planning/REQUIREMENTS.md +++ b/.planning/REQUIREMENTS.md @@ -21,9 +21,9 @@ Requirements for milestone v3.0. Each maps to exactly one roadmap phase. ### Auth Views -- [ ] **AUTH-UI-01**: Login page matches the JS app's auth-card layout (gradient background, centered card, brand logo, status banner) -- [ ] **AUTH-UI-02**: Signup page matches the same visual treatment as login -- [ ] **AUTH-UI-03**: Google sign-in button uses the Material Design button style +- [x] **AUTH-UI-01**: Login page matches the JS app's auth-card layout (gradient background, centered card, brand logo, status banner) +- [x] **AUTH-UI-02**: Signup page matches the same visual treatment as login +- [x] **AUTH-UI-03**: Google sign-in button uses the Material Design button style ### Dashboard & Tablos @@ -78,9 +78,9 @@ Requirements for milestone v3.0. Each maps to exactly one roadmap phase. | DS-07 | Phase 13 | Complete | | DS-08 | Phase 13 | Complete | | DS-09 | Phase 13 | Complete | -| AUTH-UI-01 | Phase 14 | Pending | -| AUTH-UI-02 | Phase 14 | Pending | -| AUTH-UI-03 | Phase 14 | Pending | +| AUTH-UI-01 | Phase 14 | Complete | +| AUTH-UI-02 | Phase 14 | Complete | +| AUTH-UI-03 | Phase 14 | Complete | | DASH-01 | Phase 15 | Pending | | DASH-02 | Phase 15 | Pending | | DASH-03 | Phase 15 | Pending | diff --git a/.planning/ROADMAP.md b/.planning/ROADMAP.md index b1c1410..ada1dfd 100644 --- a/.planning/ROADMAP.md +++ b/.planning/ROADMAP.md @@ -19,7 +19,7 @@ | # | Phase | Goal | Requirements | |---|-------|------|--------------| | 13 | 5/5 | Complete | 2026-05-16 | -| 14 | Auth Pages | Restyle login/signup to match JS app auth-card layout | AUTH-UI-01..03 | +| 14 | 1/2 | In Progress| | | 15 | Dashboard & Tablos | Restyle sidebar and tablo list to match JS app | DASH-01..03 | | 16 | Tablo Detail | Restyle tasks, etapes, and files views | DETAIL-01..04 | | 17 | Chat & Planning | Restyle discussion and planning pages | CHAT-UI-01, PLAN-UI-01 | @@ -64,7 +64,7 @@ Plans: **Mode:** mvp **Status:** Pending **Requirements:** AUTH-UI-01, AUTH-UI-02, AUTH-UI-03 -**Plans:** 2 plans +**Plans:** 1/2 plans executed **Success Criteria:** 1. Login page has gradient background with animated background layer, centered auth card with brand logo, and status banner using design tokens 2. Signup page matches the same visual treatment as login @@ -74,7 +74,7 @@ Plans: Plans: **Wave 1** -- [ ] 14-01-PLAN.md — Auth foundation: logo assets + auth.css replacement + auth_components.templ + auth_layout.templ +- [x] 14-01-PLAN.md — Auth foundation: logo assets + auth.css replacement + auth_components.templ + auth_layout.templ **Wave 2** *(blocked on Wave 1 completion)* - [ ] 14-02-PLAN.md — Page migration: update auth_login.templ and auth_signup.templ to use AuthLayout + FormField inputs + nav links + browser verify checkpoint diff --git a/.planning/STATE.md b/.planning/STATE.md index 225af56..e22b127 100644 --- a/.planning/STATE.md +++ b/.planning/STATE.md @@ -3,14 +3,14 @@ gsd_state_version: 1.0 milestone: v3.0 milestone_name: Design System & Visual Polish status: executing -last_updated: "2026-05-16T17:00:49.619Z" +last_updated: "2026-05-16T17:07:26.820Z" last_activity: 2026-05-16 -- Phase 14 planning complete progress: total_phases: 5 completed_phases: 1 total_plans: 7 - completed_plans: 5 - percent: 71 + completed_plans: 6 + percent: 86 --- # STATE diff --git a/.planning/phases/14-auth-pages/14-01-SUMMARY.md b/.planning/phases/14-auth-pages/14-01-SUMMARY.md new file mode 100644 index 0000000..b2afd5a --- /dev/null +++ b/.planning/phases/14-auth-pages/14-01-SUMMARY.md @@ -0,0 +1,119 @@ +--- +phase: 14-auth-pages +plan: "01" +subsystem: ui +tags: [go, templ, css, htmx, auth, animated-background, google-oauth] + +# Dependency graph +requires: + - phase: 13-design-system-foundation + provides: auth.css import in tailwind.input.css, ui.Input/ui.FormField components for Plan 02 + +provides: + - backend/static/logo_dark.png — brand logo asset at /static/logo_dark.png + - backend/static/logo_white.png — brand logo asset for future dark mode + - backend/internal/web/ui/auth.css — full auth CSS: login-screen shell, animated background (bg-01..35, size/opacity utilities), auth card shell and internals, gsi-material-button, legacy auth-provider controls, 66 @keyframes definitions, animate-* utility classes + - backend/templates/auth_components.templ — AnimatedBackground (35 elements), GoogleButton (a/button variants, English label), AuthDivider ("or") + - backend/templates/auth_layout.templ — AuthLayout(title, csrfToken) standalone HTML shell with .login-screen wrapper + +affects: [14-02-auth-pages-migration, any future phase touching auth page layout] + +# Tech tracking +tech-stack: + added: [] + patterns: + - "Auth page layout: AuthLayout templ (no auth.User param, login-screen wrapper, AnimatedBackground, htmx.min.js only)" + - "AnimatedBackground: 35 .background-logo elements with aria-hidden='true' parent, single logo_dark.png per element (dark-mode deferred)" + - "GoogleButton: accepts (href string, configured bool) — when configured,