feat: Models List page (T02 master-detail template) — second KBX v60 page
Implement ModelList.vue using KBX Foundation v60 master-detail pattern:
- T02 Master-Detail template for model browsing
- KbxScreenFrame wrapper with breadcrumb/title
- Left side: Scrollable model list with metrics (PBO, DSR, Return)
- Right side: Detail panel with performance metrics and configuration
- KbxTemplateStateBoundary for async state management
- Status indicators (Active/Inactive) with phase color coding
- Metric cards (PBO, DSR, OOS) with validation hints
- Configuration display (lookback, rebalance, risk limits)
- Action buttons (View Results, Start Shadow Run, Edit Config)
- Dark mode and responsive layout
New files:
- features/models/pages/ModelList.vue (T02 master-detail page)
Updated:
- features/models/registry.ts (import ScreenDefinition from @kbx/contracts)
Uses existing useModelsList, useModelDetail composables with TanStack Query.
Demo data: 3 models (Validate, Review, Mature phases).
Fully integrated with KBX v60 component library.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
kjh2064
81bcd58dcd