Implement ApprovalQueue.vue using KBX Foundation v60 transaction pattern:
- T03 Transaction template for maker-checker approval workflow
- KbxScreenFrame wrapper with breadcrumb/title
- Summary stats (Pending, Approved, Rejected counts)
- Status and action type filters
- Header with model name, action type, status badge
- Request details grid (Request ID, Requester, Requested At, Status)
- Validation metrics display (PBO, DSR, OOS, Target Phase)
- Review & approval section with textarea for comments
- Approve/Reject buttons with submit state
- Review history display (reviewer, date, decision, comment)
- Side panel with request list (fixed position on desktop, stacked on mobile)
- Dark mode and responsive layout
New files:
- features/approval/pages/ApprovalQueue.vue (T03 transaction page)
- features/approval/composables/useApprovalRequests.ts (approval data)
- features/approval/types/index.ts (type definitions)
- features/approval/registry.ts (screen definition)
Demo data: 3 approval requests (pending, approved, rejected) with full workflow.
Mock approval/rejection methods with comment capture.
Ready for API integration and real backend workflow.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
kjh2064
f7b290d6c0