docs(04-03): complete budget pages design consistency plan

- BudgetListPage: PageShell, locale-aware months via Intl.DateTimeFormat, skeleton, i18n month/year/total labels
- BudgetDetailPage: semantic tokens, direction-aware diff, group headers, skeleton, PageShell, locale heading
- STATE.md: advance plan, record metrics, add decisions, update session
- ROADMAP.md: phase 04 marked 3/3 plans complete
This commit is contained in:
2026-03-17 16:23:50 +01:00
parent 24d071c1f3
commit 1e61b88628
2 changed files with 123 additions and 6 deletions

View File

@@ -3,14 +3,14 @@ gsd_state_version: 1.0
milestone: v1.0
milestone_name: milestone
status: planning
stopped_at: Completed 04-02-PLAN.md
last_updated: "2026-03-17T15:17:56.263Z"
stopped_at: Completed 04-03-PLAN.md
last_updated: "2026-03-17T15:23:32.631Z"
last_activity: 2026-03-16 — Phase 2 complete, transitioned to Phase 3
progress:
total_phases: 4
completed_phases: 3
completed_phases: 4
total_plans: 10
completed_plans: 9
completed_plans: 10
percent: 100
---
@@ -59,6 +59,7 @@ Progress: [████████████████████] 5/5 pla
| Phase 03-collapsible-dashboard-sections P02 | 2min | 1 tasks | 2 files |
| Phase 04-full-app-design-consistency P01 | 2min | 2 tasks | 4 files |
| Phase 04-full-app-design-consistency P02 | 3min | 2 tasks | 4 files |
| Phase 04-full-app-design-consistency P03 | 2min | 2 tasks | 4 files |
## Accumulated Context
@@ -88,6 +89,9 @@ Recent decisions affecting current work:
- [Phase 04-full-app-design-consistency]: Auth card accent pattern established: border-t-4 border-t-primary shadow-lg on Card with bg-muted/60 background and favicon.svg logo
- [Phase 04-full-app-design-consistency]: TemplatePage uses manual PageShell-mirrored layout (flex flex-col gap-6) instead of PageShell directly — preserves inline-editable TemplateName component
- [Phase 04-full-app-design-consistency]: SettingsPage CardHeader and CardTitle removed — PageShell provides page-level title, CardContent gets pt-6 to compensate
- [Phase 04-full-app-design-consistency]: Direction-aware diff pattern replicated from CategorySection: SPENDING_TYPES array + isSpendingType() covers all 6 category types correctly
- [Phase 04-full-app-design-consistency]: TierBadge column removed from BudgetDetailPage to reduce visual noise and align with CategorySection display style
- [Phase 04-full-app-design-consistency]: budgets.month/year/total keys added to en.json and de.json — i18next interpolation pattern for translated total labels
### Pending Todos
@@ -99,6 +103,6 @@ None yet.
## Session Continuity
Last session: 2026-03-17T15:17:56.261Z
Stopped at: Completed 04-02-PLAN.md
Last session: 2026-03-17T15:23:32.629Z
Stopped at: Completed 04-03-PLAN.md
Resume file: None