makiolaj/SimpleFinanceDash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(01-02): complete palette wiring plan — all 6 dashboard components use design tokens

Browse Source 
- Created 01-02-SUMMARY.md documenting InlineEditCell extraction and palette integration
- Updated STATE.md: progress bar 100%, decisions logged, session recorded
- Updated ROADMAP.md: Phase 1 marked Complete (2/2 plans)
- Marked requirements DSGN-03, DSGN-04, FIX-02 complete in REQUIREMENTS.md
This commit is contained in:
Jean-Luc Makiola
2026-03-11 21:20:19 +01:00
parent 90a15c20ce
commit fddd8d1ea8
4 changed files with 167 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.planning/ROADMAP.md
View File

@@ -12,7 +12,7 @@ This milestone transforms a functional but visually generic finance dashboard in
Decimal phases appear between their surrounding integers in numeric order.
- [ ] **Phase 1: Design Token Foundation** - Establish the pastel CSS variable system and semantic color tokens that all subsequent phases depend on
- [x] **Phase 1: Design Token Foundation** - Establish the pastel CSS variable system and semantic color tokens that all subsequent phases depend on (completed 2026-03-11)
- [ ] **Phase 2: Layout and Brand Identity** - Polish the surfaces users see on every page load — login, sidebar, card headers, typography
- [ ] **Phase 3: Interaction Quality and Completeness** - Add loading, empty, and error states plus inline edit affordances to eliminate the "unfinished" feeling
- [ ] **Phase 4: Chart Polish and Bug Fixes** - Finalize chart styling with semantic colors, formatted tooltips, and fix the currency locale bug
@@ -29,7 +29,7 @@ Decimal phases appear between their surrounding integers in numeric order.
3. FinancialOverview and AvailableBalance render as visually dominant hero elements with clear typographic hierarchy above secondary content
4. Amount values across all tables and summaries show green for positive, destructive red for negative, and amber for over-budget — applied consistently
5. A single `lib/palette.ts` file exists as the source of truth for all category-to-color mappings; `InlineEditCell.tsx` is extracted as a shared component replacing three duplicated local definitions
**Plans:** 1/2 plans executed
**Plans:** 2/2 plans complete
Plans:
- [ ] 01-01-PLAN.md — CSS token foundation, palette.ts module, and test infrastructure
- [ ] 01-02-PLAN.md — Component wiring, InlineEditCell extraction, and visual verification
@@ -75,7 +75,7 @@ Phases execute in numeric order: 1 → 2 → 3 → 4
| Phase | Plans Complete | Status | Completed |
|-------|----------------|--------|-----------|
| 1. Design Token Foundation | 1/2 | In Progress| |
| 1. Design Token Foundation | 2/2 | Complete | 2026-03-11 |
| 2. Layout and Brand Identity | 0/TBD | Not started | - |
| 3. Interaction Quality and Completeness | 0/TBD | Not started | - |
| 4. Chart Polish and Bug Fixes | 0/TBD | Not started | - |