Phase 4.6 -- Approvals Page

Parent: #762 | Wave 3

Scope

• Group by risk level: critical/high/medium/low sections with visual separation
• Urgency indicators: "expires in 3 hours" badge, countdown timer for critical items, color-coded by urgency
• Approval flow timeline: visual representation of approval lifecycle (submitted -> reviewed -> approved/rejected)
• Batch actions: select multiple approvals, approve/reject in bulk
• Rich detail panel: expandable inline or slide-in with full context, risk assessment, metadata
• Real-time: WebSocket-driven new approval notifications with entrance animation

Data requirements

• GET /approvals (with urgency fields, feat: extend approval and meeting API responses #774)
• POST /approvals/{id}/approve, POST /approvals/{id}/reject
• WebSocket: approvals channel

Deliverables

• Grouped approval list with urgency indicators
• Approval timeline visualization
• Batch approve/reject
• Detail panel
• Real-time updates
• Unit tests

Blocked by

• feat: interaction components and animation patterns #776 (interaction components)
• feat: extend approval and meeting API responses #774 (approval urgency extensions)