feat(P02): SLICE-09 React cohort dashboard — Router, login, 3 views, sparklines
TASK-09-01: client/package.json — add react-router-dom@^7 (no chart lib).
TASK-09-02: client/src/main.tsx (BrowserRouter wrapper) + App.tsx (Routes
switch: / → VoiceSession, /operator/login → Login, /operator/dashboard →
Dashboard, * → VoiceSession fallback). R-DASH-05: voice UI at / unchanged.
Extracted VoiceSession.tsx from App.tsx to preserve the existing UI.
TASK-09-03: client/src/operator/Login.tsx — login form (POST /api/operator/login,
navigate to dashboard, 401/429/503 error states, keyboard-accessible).
TASK-09-04: client/src/operator/Dashboard.tsx — auth gate (GET /me on mount,
redirect to /operator/login on 401), operator name, 3 view tabs, freshness
indicator, logout button.
TASK-09-05: client/src/operator/Sparkline.tsx — inline SVG sparkline (~50 LOC,
zero deps, handles empty/single/all-same, stroke=currentColor).
TASK-09-06: 3 view components (PracticeVolume, MasteryProgression,
FailurePatterns) — fetch /api/operator/<view>, read-only tables + sparklines,
suppressed cells → '— (<10 learners)', loading/error/no-data states.
TASK-09-07: client/src/operator/__tests__/Dashboard.test.tsx (17 tests via
vitest + @testing-library/react) — auth gate, login, suppressedLabel,
sparkline, formatFreshness, no PII in DOM.
vitest.config.ts + test-setup.ts + devDeps (vitest, testing-library, jsdom).
npm run build + typecheck + test all pass.
---ci---
project: praxis
phase: 2
milestone: v0.4
status: execute
persona: frontend-engineer
task: 09-01..09-07
requirements:
covered: [REQ-DASH-01, REQ-NFR-DASH-01]
---/ci---
Praxis CI
d39bd1423a