refactor(fe): P3 pages standardize to screen-type v2 templates
Refactored 4 feature pages to use standard screen-type v2 layouts:
1. HomePage → ScorecardDashboardPage
- Exception-driven work queue metrics + dashboard layout
- KPI cards, filters, operational guides
- Viewport-fit ready, no page-level scrolling
2. ModelsList → MasterDetailCrudPage
- Master list + detail panel layout
- Model grid with phase/performance metrics
- Search, filter, pagination
3. ModelDetail → DetailReadPage
- Read-only model detail view
- State management (LOADING/ERROR/READY)
- Metric display (PBO, DSR, Return)
4. ShadowRunDetail → DetailReadPage
- Shadow run detail view
- State management (LOADING/ERROR/READY)
- Performance metrics (PBO, DSR, OOS)
Pattern Applied:
- Remove PageLayout, use screen-type component
- Add StandardScreenProps (state, evidence)
- State computed from query status
- Slot structure maintained or aligned
- No functional changes, pure standardization
Benefits:
- Consistent layout across pages
- Standardized state management
- Improved viewport-fit compliance
- Better component reusability
Next: Viewport-fit final validation + viewport-fit edge cases
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
kjh2064
728393226f
