marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(onboarding): A2 — Household setup page #34

Merged
marcel merged 11 commits from feat/issue-19-household-setup into master 2026-04-02 19:39:09 +02:00
Conversation 6 Commits 11 Files Changed 10 +596

11 Commits

Author SHA1 Message Date
Marcel Raddatz
7c66dcad3a refactor(onboarding): clarify test comment and remove unused response mock 
HouseholdSetupForm.test.ts: explain that touched+empty drives the $derived
error, not a submit event on the disabled button.
page.server.test.ts: remove unused response key from mockSuccess() —
household creation doesn't set a session cookie.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:32:44 +02:00
Marcel Raddatz
01a321caa9 test(onboarding): add ProgressSidebar test for currentStep=3 (all prior steps completed) 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:31:56 +02:00
Marcel Raddatz
2d1604492d feat(onboarding): add max-length validation for household name (100 chars) 
Fails fast before the API call with a clear German error message.
Tests boundary: 100 chars accepted, 101 rejected.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:31:13 +02:00
Marcel Raddatz
3742364956 fix(onboarding): make HouseholdSetupForm subtitle responsive (12px mobile, 14px desktop) 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:30:23 +02:00
Marcel Raddatz
36dfea34cc fix(onboarding): make HouseholdSetupForm heading responsive and use font-medium 
text-[18px] md:text-[28px] matches auth form pattern.
font-medium (500) replaces font-semibold (600) per design system rules.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:29:52 +02:00
Marcel Raddatz
66525484a6 fix(onboarding): correct Tailwind arbitrary font-family syntax in HouseholdSetupForm 
font-['var(--font-display)'] → font-[var(--font-display)] so Fraunces
display font is applied correctly to the h1.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:29:21 +02:00
Marcel Raddatz
e5614ccf30 refactor(onboarding): remove aria-hidden workaround from progress sidebar 
Replace getByText with getByRole(heading) in page test to disambiguate
the duplicate "Haushalt benennen" text between sidebar and form.
Revert defaultIgnore change in test-setup.ts.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:28:46 +02:00
Marcel Raddatz
6de7f5a9b5 feat(onboarding): add A2 household setup page with responsive progress sidebar layout 
Desktop: 300px ProgressSidebar (step 1 active) + flex form area.
Mobile: "Schritt 1 von 3" eyebrow + HouseholdSetupForm.
Also stubs /household/staples as redirect target for A3.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:20:02 +02:00
Marcel Raddatz
e85a7ca313 feat(onboarding): add household setup page server action and load guard 
Creates household via POST /v1/households, redirects to /household/staples.
Load guard redirects users who already have a household to /planner.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:14:39 +02:00
Marcel Raddatz
175bfbe7dd feat(onboarding): add HouseholdSetupForm component with disabled-until-valid continue button 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:13:41 +02:00
Marcel Raddatz
b9ef06fd73 feat(onboarding): add ProgressSidebar component with 3-step active/completed/future states 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 19:08:38 +02:00