Oversee: Ops & AI Dashboard

Overview

Authenticated org workspace that redirects users to their default org and renders an overview (Översikt) with KPI cards, day/week/month trends, category distribution, technician performance, and top reported issues. The page registers context for the built-in AI assistant and ships Swedish help docs via MDX.

Key Features

Supabase-based authentication and org membership routing
Dashboard KPIs (total reports, avg/max days, active categories)
Trend charts with daily/weekly/monthly aggregation
Category distribution pie and technician performance bar charts
Top-problem table plus contextual help docs in Swedish

Challenges

Ensuring fast, safe redirects for authenticated users to the right org
Keeping charts responsive while fetching multiple datasets in parallel
Localizing dashboards and docs for Swedish field teams

Solution

Uses server-side Supabase helpers for auth + org lookup, parallel data fetching for KPIs/trends/breakdowns, and Suspense skeletons for perceived performance. MDX-driven help pages document each widget and tie into the AI assistant context.

Outcome

Provides a bilingual operations overview that keeps technicians aligned on open issues and performance trends, ready for further modules beyond the dashboard.

Project Information

Technologies

TypeScript

Next.js 16

React 19

Supabase

shadcn/ui

TanStack Query

Vercel AI SDK

MDX

D3/Recharts

View Live Project View Source Code