KPI Dashboard Page
Component Detail
User Interface
medium complexity
frontendbackend
2
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Server-rendered Next.js page displaying organization-scoped KPI cards for activity counts, user engagement, expense totals, and assignment completion metrics. Uses React server components with client-side polling for near-real-time refresh. Renders only KPIs for modules enabled per the organization's module_configurations.
kpi-dashboard-page
Sources & reasoning
The KPI Dashboard Page is the primary UI surface for the Dashboard KPIs feature, providing org admins with a centralized view of operational metrics. Implementation notes specify React server components with SSR and client-side polling, scoped per tenant via module_configurations.
-
docs/source/likeperson.md · line 186Coordinator and organization-level dashboards and KPIs
-
docs/source/likeperson.md · line 317Aktivitetsoversikt og grunnleggende statistikk
-
docs/source/likeperson.md · line 231Admin Web Portal: `admin-dashboard`, `admin-user-management`, `admin-organization`, `admin-security`
Responsibilities
- Render KPI card grid scoped to the current organization tenant
- Poll KPI Aggregation Service at a configurable interval for live data
- Show trend indicators and highlight underperforming areas
- Enforce WCAG 2.2 AA contrast and keyboard navigation on all cards
- Conditionally display KPI sections based on enabled modules
Interfaces
render(): ServerComponent
fetchKPIs(organizationId: string): Promise<KPIData>
onRefresh(): void
Relationships
Dependencies (2)
Components this component depends on