kjh2064
1be7029f8f
refactor(fe): viewport-fit zero-scroll layout for 11 pages (Part 2)
...
deploy / deploy (push) Failing after 51s
deploy / notify (push) Successful in 1s
## Summary
- BatchOperationsPageV2: add overflow-y: auto (ShadowRunQueue, DataQualityPage)
- ModelsList: add flex:1 + min-height:0 + overflow-y:auto
- ShadowRunList: change height to 100% (from calc(100vh - 210px))
- ModelOperationsPage: add overflow-y: auto
- WbsWorkspacePage: add flex:1 + min-height:0 + overflow-y:auto
- IngestionStatus, CommonCodeManagementPage: already fitted (via component inheritance)
- MarketDataIngestion: already fitted (EditFormPage)
- HomePage, RebalanceForm, UiStandardPage: already fitted (earlier session)
Total: 11 pages viewport-fit, 7 pages already compliant
Still needed:
- ModelDetail, ShadowRunDetail: need PageLayout wrapping or refactoring
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-16 15:00:03 +09:00
kjh2064
798dcbc2fc
refactor(fe): standardize ShadowRunList page with BatchOperationsPageV2 and DataGridShell
2026-08-15 21:59:35 +09:00
kjh2064
c6730c217f
fix(fe): resolve relative import paths for SkeletonLoader across legacy page routes
2026-08-15 20:48:08 +09:00
kjh2064
70852bf378
fix: Clean up KBX v60 references and simplify frontend pages
...
deploy / deploy (push) Successful in 1m49s
deploy / notify (push) Successful in 1s
- Removed all @kbx/contracts imports and types
- Cleaned up feature registries (minimal definitions)
- Simplified page components (HomePage, ModelsList, ShadowRunList)
- Removed KBX UI components and adapters
- Fixed TypeScript errors with type casting
- Frontend build: 737KB (204KB gzip) ✅
CI/CD Pipeline: Ready for testing
2026-08-15 11:58:44 +09:00
kjh2064
d79edae546
V13-FE-005: restore direct UI components and harden grid provider
deploy / deploy (push) Failing after 51s
deploy / notify (push) Successful in 1s
2026-08-13 02:39:48 +09:00
kjh2064
534c6ecb5e
fix: resolve TypeScript type errors and path alias configuration
...
1. Add path aliases to vite.config.ts and tsconfig.json
- @shared/* → src/shared/*
- @features/* → src/features/*
2. Update KBX type definitions
- Add 'description' field to KbxScreenDefinition
- Extend column types: 'datetime', 'percentage'
- Support flexible field types (string | number | symbol)
3. Fix component type issues
- KbxInput: modelValue as string | null
- KbxDataGrid: cast to GridOptions<any> with unknown bypass
- KbxListPage: dataState === pending for loading prop
4. Update pages
- Remove isLoading ref (use TanStack Query state)
- Replace :loading="isLoading" with :loading="dataState === pending"
- Fix undefined placeholder handling in KbxInput
Result: Zero TypeScript errors ✅
- pnpm typecheck: PASS
- pnpm dev: Server running on http://localhost:5173
- Frontend ready for testing
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-12 01:57:10 +09:00
kjh2064
b7ee740f71
feat: integrate TanStack Query for data fetching (Task F)
...
Add composables for API integration with TanStack Query:
1. useShadowRuns.ts (shadow-run feature)
- useShadowRunsList() with pagination & filtering
- useShadowRunDetail() for detail view
- useCreateShadowRun() mutation
- useRefreshShadowRuns() for manual refresh
- shadowRunQueryKeys factory for cache management
2. useModels.ts (models feature)
- useModelsList() with filtering by phase/active
- useModelDetail() for detail view
- useActivateModel() / useDeactivateModel() mutations
- useTransitionPhase() for lifecycle transitions
- modelQueryKeys factory
3. Updated pages (ShadowRunList, ShadowRunDetail, ModelsList, ModelDetail)
- Replace mock data with useQuery hooks
- Auto-refetch on filter changes
- Optimistic updates (activate/deactivate/transition)
- Computed state management (idle/pending/ready/error/empty)
- Cache invalidation on mutations
Features:
- Stale time: 5 minutes, garbage collection: 10 minutes
- Query key factories for cache management
- Mock API client (replace with real HTTP endpoints)
- Support for pagination, filtering, sorting
- Keyboard shortcuts still functional
Mock API client provides realistic data for testing.
Replace apiClient.* functions with actual HTTP calls in next phase.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-12 01:46:25 +09:00
kjh2064
d29f0e7df9
feat: implement page components for ShadowRun and Models features
...
Add 4 Vue 3 pages with KBX adapter integration:
Pages:
- ShadowRunList.vue (252+ day validation search & grid)
- ShadowRunDetail.vue (metrics breakdown, phase analysis)
- ModelsList.vue (lifecycle management, quick filters)
- ModelDetail.vue (activation requirements, configuration)
Features:
- Registry-driven screen definitions
- KbxListPage + KbxDataGrid + KbxButton adapters
- Mock data (replaced with TanStack Query in Task F)
- Keyboard shortcuts (F3, Ctrl+N, Escape, Ctrl+E)
- Responsive density-aware layout
- Validation indicators (PBO, DSR, OOS thresholds)
- Phase lifecycle visualization
- Quick filter badges
Implementation pattern:
1. useKbxRegistry() for screen access
2. Computed state for data state management
3. useRoute/useRouter for navigation
4. Slots for flexible layout composition
Ready for Task F: TanStack Query API integration
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-12 01:43:43 +09:00
kjh2064