feat(db): phase 4 group 6 — server component pages to Drizzle

Converts all 18 server component page files from Supabase client queries
to Drizzle ORM using asAdmin. Adds getSession() + redirect to the three
pages (hse/incidents, hse/incidents/[id], hse/dashboard) that lacked it.
Maps snake_case component prop shapes explicitly where required.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/(protected)/supervisor/incidents/page.tsx

@@ -1,6 +1,11 @@
 export const dynamic = 'force-dynamic'
 
-import { createClient } from '@/lib/supabase/server'
+import { redirect } from 'next/navigation'
+import { asAdmin } from '@/lib/db/with-user'
+import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites, zones, trucks, users } from '@/lib/db/schema'
+import { eq, and, or, ilike, desc, asc, sql } from 'drizzle-orm'
+import { aliasedTable } from 'drizzle-orm'
 import { IncidentList, type Incident } from '@/components/incidents/incident-list'
 import { Pagination } from '@/components/incidents/pagination'
 import { IncidentFilters, type SiteOption, type TruckOption } from '@/components/incidents/incident-filters'
@@ -12,48 +17,90 @@ export default async function SupervisorInboxPage({
 }: {
   searchParams: Promise<{ page?: string; q?: string; status?: string; type?: string; site_id?: string; truck_id?: string }>
 }) {
-  const supabase = await createClient()
+  const session = await getSession()
+  if (!session) redirect('/login')
+
   const params = await searchParams
   const page = Math.max(1, Number.parseInt(params.page ?? '1', 10) || 1)
   const from = (page - 1) * PAGE_SIZE
 
-  let query = supabase
-    .from('incidents')
-    .select(`
-      id, reference_no, incident_type, status, severity, reported_at,
-      sites (name),
-      zones (name),
-      trucks (truck_no),
-      reporter:users!reported_by (name)
-    `, { count: 'exact' })
-    .order('reported_at', { ascending: false })
+  const reporterAlias = aliasedTable(users, 'reporter')
 
-  if (params.q) {
-    query = query.or(`reference_no.ilike.%${params.q}%,description.ilike.%${params.q}%`)
-  }
-  if (params.status) query = query.eq('status', params.status)
-  if (params.type) query = query.eq('incident_type', params.type)
-  if (params.site_id) query = query.eq('site_id', params.site_id)
-  if (params.truck_id) query = query.eq('truck_id', params.truck_id)
+  const conditions = []
+  if (params.q) conditions.push(or(ilike(incidents.referenceNo, `%${params.q}%`), ilike(incidents.description, `%${params.q}%`)))
+  if (params.status) conditions.push(eq(incidents.status, params.status as never))
+  if (params.type) conditions.push(eq(incidents.incidentType, params.type as never))
+  if (params.site_id) conditions.push(eq(incidents.siteId, params.site_id))
+  if (params.truck_id) conditions.push(eq(incidents.truckId, params.truck_id))
+  const where = conditions.length ? and(...conditions) : undefined
 
-  const [{ data: incidents, count }, { data: sites }, { data: trucks }] = await Promise.all([
-    query.range(from, from + PAGE_SIZE - 1),
-    supabase.from('sites').select('id, name').order('name'),
-    supabase.from('trucks').select('id, truck_no').eq('active', true).order('truck_no'),
+  const [[countRow], incidentRows, siteRows, truckRows] = await Promise.all([
+    asAdmin(db =>
+      db.select({ count: sql<number>`count(*)` })
+      .from(incidents)
+      .where(where)
+    ),
+    asAdmin(db =>
+      db.select({
+        id: incidents.id,
+        referenceNo: incidents.referenceNo,
+        incidentType: incidents.incidentType,
+        status: incidents.status,
+        severity: incidents.severity,
+        reportedAt: incidents.reportedAt,
+        siteName: sites.name,
+        zoneName: zones.name,
+        reporterName: reporterAlias.name,
+        truckNo: trucks.truckNo,
+      })
+      .from(incidents)
+      .leftJoin(sites, eq(incidents.siteId, sites.id))
+      .leftJoin(zones, eq(incidents.zoneId, zones.id))
+      .leftJoin(reporterAlias, eq(incidents.reportedBy, reporterAlias.id))
+      .leftJoin(trucks, eq(incidents.truckId, trucks.id))
+      .where(where)
+      .orderBy(desc(incidents.reportedAt))
+      .limit(PAGE_SIZE)
+      .offset(from)
+    ),
+    asAdmin(db =>
+      db.select({ id: sites.id, name: sites.name }).from(sites).orderBy(asc(sites.name))
+    ),
+    asAdmin(db =>
+      db.select({ id: trucks.id, truckNo: trucks.truckNo })
+      .from(trucks)
+      .where(eq(trucks.active, true))
+      .orderBy(asc(trucks.truckNo))
+    ),
   ])
 
-  const siteOptions: SiteOption[] = (sites ?? []).map(s => ({ id: s.id, name: s.name }))
-  const truckOptions: TruckOption[] = (trucks ?? []).map(tk => ({ id: tk.id, truck_no: tk.truck_no }))
+  const total = Number(countRow?.count ?? 0)
+
+  const incidentList: Incident[] = incidentRows.map(r => ({
+    id: r.id,
+    reference_no: r.referenceNo,
+    incident_type: r.incidentType,
+    status: r.status,
+    severity: r.severity,
+    reported_at: r.reportedAt.toISOString(),
+    sites: r.siteName ? { name: r.siteName } : null,
+    zones: r.zoneName ? { name: r.zoneName } : null,
+    trucks: r.truckNo ? { truck_no: r.truckNo } : null,
+    reporter: r.reporterName ? { name: r.reporterName } : null,
+  }))
+
+  const siteOptions: SiteOption[] = siteRows.map(s => ({ id: s.id, name: s.name }))
+  const truckOptions: TruckOption[] = truckRows.map(t => ({ id: t.id, truck_no: t.truckNo }))
 
   return (
     <main className="max-w-4xl mx-auto px-4 py-6">
       <div className="flex items-center justify-between mb-4">
         <h1 className="text-2xl font-bold text-gray-900">Incident Inbox</h1>
-        <span className="text-sm text-gray-500">{count ?? incidents?.length ?? 0} incidents</span>
+        <span className="text-sm text-gray-500">{total} incidents</span>
       </div>
       <IncidentFilters sites={siteOptions} trucks={truckOptions} />
-      <IncidentList incidents={(incidents ?? []) as unknown as Incident[]} basePath="/supervisor" />
-      <Pagination page={page} pageSize={PAGE_SIZE} total={count ?? 0} href="/supervisor/incidents" />
+      <IncidentList incidents={incidentList} basePath="/supervisor" />
+      <Pagination page={page} pageSize={PAGE_SIZE} total={total} href="/supervisor/incidents" />
     </main>
   )
 }