HR ERP

Task-first navigation

Flows are grouped by role so you can scan less and act faster. Primary paths use solid buttons; everything else stays outlined for visual hierarchy—not color alone.

Color blind–friendly palette: blue primary actions, orange destructive accents elsewhere in the system, and neutral chrome—avoiding red-vs-green as the only signal.

Employee self-service

Pay, time off, profile, and lifecycle tasks most employees open weekly.

Learning enrollments and engagement pulse responses use /api/v1/me/* — seed coverage is summarized on the capability hub.

Manager

Team attendance, leave decisions, and escalation paths.

HR operations

Queues and templates for people teams.

Platform capabilities (Phase 3)

Cross-role snapshot of performance, compensation, positions, learning, workflow, engagement, webhooks, and COBRA seeds — not analytics dashboards.

Analytics & global labs

Predictive HR demos (churn, skills, benchmarks) and localization experiments. Run npm run demo:bootstrap for predictive HR + Phase 3 seeds; set ANALYTICS_DEMO_MODE=1 and DEMO_TENANT_ID so /demo/capabilities and /analytics/* can read Postgres.

Quick jumps (examples)

Shortcut entry points into interactive demos and tooling.

Pattern library

Deeper UI experiments—same contrast rules as the rest of the shell.

Jurisdiction-driven payroll intake
Select a locality — additional fields hydrate from `/api/mock/jurisdiction-fields`.
Open pattern
Onboarding wizard state
Zustand-managed steps with React Query remaining the future system of record.
Open pattern
Org hierarchy explorer
JSON tree mapped to disclosure-based navigation tuned for keyboards and screen readers.
Open pattern
Compensation tables & charts
TanStack Table + Recharts interpreting the same sample payload.
Open pattern

Task-first navigation

Flows are grouped by role so you can scan less and act faster. Primary paths use solid buttons; everything else stays outlined for visual hierarchy—not color alone.

Color blind–friendly palette: blue primary actions, orange destructive accents elsewhere in the system, and neutral chrome—avoiding red-vs-green as the only signal.

Pattern library

Deeper UI experiments—same contrast rules as the rest of the shell.

Jurisdiction-driven payroll intake

Select a locality — additional fields hydrate from `/api/mock/jurisdiction-fields`.

Open pattern

Onboarding wizard state

Zustand-managed steps with React Query remaining the future system of record.

Open pattern

Org hierarchy explorer

JSON tree mapped to disclosure-based navigation tuned for keyboards and screen readers.

Open pattern

Compensation tables & charts

TanStack Table + Recharts interpreting the same sample payload.

Open pattern