From 51cb9bd89506a1d7f358c267e1ead956c2120146 Mon Sep 17 00:00:00 2001 From: Arthur Belleville Date: Sat, 16 May 2026 19:07:39 +0200 Subject: [PATCH] docs(14-01): complete auth assets and components plan --- .planning/REQUIREMENTS.md | 12 +- .planning/ROADMAP.md | 6 +- .planning/STATE.md | 6 +- .../phases/14-auth-pages/14-01-SUMMARY.md | 119 ++++++++++++++++++ 4 files changed, 131 insertions(+), 12 deletions(-) create mode 100644 .planning/phases/14-auth-pages/14-01-SUMMARY.md 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,