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:
65
openspec/changes/p05-page-migrations/proposal.md
Normal file
65
openspec/changes/p05-page-migrations/proposal.md
Normal file
@@ -0,0 +1,65 @@
|
||||
# Proposal: Page Migrations
|
||||
|
||||
## Overview
|
||||
Migrate existing pages to use the new layout system and content patterns, completing the UI refactor.
|
||||
|
||||
## Goals
|
||||
- Migrate Team Members page with DataTable
|
||||
- Migrate Projects page with status workflow
|
||||
- Create placeholder pages for remaining capabilities
|
||||
- Remove old Navigation component
|
||||
- Ensure all E2E tests pass
|
||||
|
||||
## Non-Goals
|
||||
- New functionality (just layout migration)
|
||||
- Backend API work
|
||||
|
||||
## Priority
|
||||
**MEDIUM** - Complete the UI refactor
|
||||
|
||||
## Scope
|
||||
|
||||
### Pages to Migrate
|
||||
1. **Team Members** (`/team-members`)
|
||||
- DataTable with CRUD
|
||||
- FilterBar with search and status filter
|
||||
- Inline edit or modal for create/edit
|
||||
|
||||
2. **Projects** (`/projects`)
|
||||
- DataTable with status badges
|
||||
- FilterBar with status/type filters
|
||||
- Status workflow indicators
|
||||
|
||||
3. **Allocations** (`/allocations`)
|
||||
- Allocation matrix view (new component)
|
||||
- Month navigation
|
||||
- Inline editing
|
||||
|
||||
### Placeholder Pages
|
||||
- `/actuals` - Basic page with coming soon
|
||||
- `/reports/*` - Basic pages with coming soon
|
||||
- `/settings` - Basic page for admin
|
||||
- `/master-data` - Basic page for admin
|
||||
|
||||
### Cleanup
|
||||
- Remove old `Navigation.svelte`
|
||||
- Update any remaining references
|
||||
|
||||
## Success Criteria
|
||||
- [ ] Team Members page migrated
|
||||
- [ ] Projects page migrated
|
||||
- [ ] Placeholder pages created
|
||||
- [ ] Old Navigation removed
|
||||
- [ ] All E2E tests pass
|
||||
- [ ] No console errors
|
||||
|
||||
## Estimated Effort
|
||||
4-6 hours
|
||||
|
||||
## Dependencies
|
||||
- p02-app-layout
|
||||
- p03-dashboard-enhancement
|
||||
- p04-content-patterns
|
||||
|
||||
## Blocks
|
||||
- None (final change in UI refactor sequence)
|
||||
Reference in New Issue
Block a user