docs(ui): Add UI layout refactor plan and OpenSpec changes
- Update decision-log with UI layout decisions (Feb 18, 2026) - Update architecture with frontend layout patterns - Update config.yaml with TDD, documentation, UI standards rules - Create p00-api-documentation change (Scribe annotations) - Create p01-ui-foundation change (types, stores, Lucide) - Create p02-app-layout change (AppLayout, Sidebar, TopBar) - Create p03-dashboard-enhancement change (PageHeader, StatCard) - Create p04-content-patterns change (DataTable, FilterBar) - Create p05-page-migrations change (page migrations) - Fix E2E auth tests (11/11 passing) - Add JWT expiry validation to dashboard guard
This commit is contained in:
60
openspec/changes/p03-dashboard-enhancement/proposal.md
Normal file
60
openspec/changes/p03-dashboard-enhancement/proposal.md
Normal file
@@ -0,0 +1,60 @@
|
||||
# Proposal: Dashboard Enhancement
|
||||
|
||||
## Overview
|
||||
Transform the dashboard page into a data-rich overview with KPI stat cards and allocation preview, using the new layout components.
|
||||
|
||||
## Goals
|
||||
- Create PageHeader component for consistent page titles
|
||||
- Create StatCard component for KPI display
|
||||
- Enhance dashboard with team/project/ utilization KPIs
|
||||
- Add quick links to common actions
|
||||
- Polish login page for consistency
|
||||
|
||||
## Non-Goals
|
||||
- Allocation matrix component (done in p04)
|
||||
- Other page implementations (done in p05)
|
||||
|
||||
## Priority
|
||||
**MEDIUM** - First "real" page using new layout
|
||||
|
||||
## Scope
|
||||
|
||||
### PageHeader Component
|
||||
- Page title
|
||||
- Optional description
|
||||
- Action buttons slot
|
||||
- Consistent styling
|
||||
|
||||
### StatCard Component
|
||||
- Value display
|
||||
- Label
|
||||
- Trend indicator (up/down)
|
||||
- Icon support
|
||||
- DaisyUI stat styling
|
||||
|
||||
### Dashboard Enhancement
|
||||
- Row of 4 stat cards (Active Projects, Team Members, Current Month Allocations, Avg Utilization)
|
||||
- Quick actions section
|
||||
- Recent activity placeholder
|
||||
|
||||
### Login Polish
|
||||
- Center card vertically
|
||||
- Add app logo/branding
|
||||
- Improve form styling
|
||||
|
||||
## Success Criteria
|
||||
- [ ] PageHeader component created
|
||||
- [ ] StatCard component created
|
||||
- [ ] Dashboard shows 4 KPI cards
|
||||
- [ ] Login page polished
|
||||
- [ ] All tests pass
|
||||
|
||||
## Estimated Effort
|
||||
2-3 hours
|
||||
|
||||
## Dependencies
|
||||
- p02-app-layout
|
||||
|
||||
## Blocks
|
||||
- p04-content-patterns (can start in parallel)
|
||||
- p05-page-migrations
|
||||
Reference in New Issue
Block a user