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)/admin/page.tsx

@@ -2,8 +2,10 @@ export const dynamic = 'force-dynamic'
 
 import Link from 'next/link'
 import { redirect } from 'next/navigation'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { users, sites, zones, trucks } from '@/lib/db/schema'
+import { desc, asc } from 'drizzle-orm'
 import { UserManager, type AdminUser, type SiteOption } from '@/components/admin/user-manager'
 import { SiteZoneManager, type SiteWithZones } from '@/components/admin/site-zone-manager'
 import { TruckManager, type Truck } from '@/components/admin/truck-manager'
@@ -13,24 +15,51 @@ export default async function AdminHome() {
   if (!session) redirect('/login')
   if (session.role !== 'admin') redirect('/login')
 
-  const supabase = await createClient()
+  const [userRows, siteRows, zoneRows, truckRows] = await Promise.all([
-
+    asAdmin(db => db.select({
-  const [{ data: users }, { data: sites }, { data: trucks }] = await Promise.all([
+      id: users.id, name: users.name, email: users.email, role: users.role,
-    supabase
+      department: users.department, siteId: users.siteId, active: users.active,
-      .from('users')
+    }).from(users).orderBy(desc(users.createdAt))),
-      .select('id, name, email, role, department, site_id, active')
+    asAdmin(db => db.select({
-      .order('created_at', { ascending: false }),
+      id: sites.id, name: sites.name, address: sites.address, active: sites.active,
-    supabase
+    }).from(sites).orderBy(asc(sites.name))),
-      .from('sites')
+    asAdmin(db => db.select({
-      .select('id, name, address, active, zones (id, name, qr_code_token, active)')
+      id: zones.id, siteId: zones.siteId, name: zones.name,
-      .order('name'),
+      qrCodeToken: zones.qrCodeToken, active: zones.active,
-    supabase
+    }).from(zones)),
-      .from('trucks')
+    asAdmin(db => db.select({
-      .select('id, truck_no, carrier, active')
+      id: trucks.id, truckNo: trucks.truckNo, carrier: trucks.carrier, active: trucks.active,
-      .order('truck_no'),
+    }).from(trucks).orderBy(asc(trucks.truckNo))),
   ])
 
-  const siteOptions: SiteOption[] = (sites ?? []).map(s => ({ id: s.id, name: s.name }))
+  const adminUsers: AdminUser[] = userRows.map(u => ({
+    id: u.id,
+    name: u.name,
+    email: u.email,
+    role: u.role,
+    department: u.department ?? null,
+    site_id: u.siteId ?? null,
+    active: u.active,
+  }))
+
+  const sitesWithZones: SiteWithZones[] = siteRows.map(s => ({
+    id: s.id,
+    name: s.name,
+    address: s.address ?? null,
+    active: s.active,
+    zones: zoneRows
+      .filter(z => z.siteId === s.id)
+      .map(z => ({ id: z.id, name: z.name, qr_code_token: z.qrCodeToken, active: z.active })),
+  }))
+
+  const siteOptions: SiteOption[] = siteRows.map(s => ({ id: s.id, name: s.name }))
+
+  const truckList: Truck[] = truckRows.map(t => ({
+    id: t.id,
+    truck_no: t.truckNo,
+    carrier: t.carrier ?? null,
+    active: t.active,
+  }))
 
   return (
     <main className="max-w-4xl mx-auto px-4 py-6 space-y-6">
@@ -43,9 +72,9 @@ export default async function AdminHome() {
           <Link href="/management" className="text-blue-600 hover:underline">Management</Link>
         </nav>
       </div>
-      <UserManager users={(users ?? []) as AdminUser[]} sites={siteOptions} />
+      <UserManager users={adminUsers} sites={siteOptions} />
-      <SiteZoneManager sites={(sites ?? []) as unknown as SiteWithZones[]} />
+      <SiteZoneManager sites={sitesWithZones} />
-      <TruckManager trucks={(trucks ?? []) as Truck[]} />
+      <TruckManager trucks={truckList} />
     </main>
   )
 }

app/(protected)/capa-owner/page.tsx

@@ -1,9 +1,11 @@
 export const dynamic = 'force-dynamic'
 
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { redirect } from 'next/navigation'
 import { getSession } from '@/lib/auth/get-session'
+import { capaActions, incidents } from '@/lib/db/schema'
+import { eq, asc } from 'drizzle-orm'
 import { StatCard } from '@/components/dashboard/stat-card'
 import { CapaOwnerActions } from '@/components/capa/capa-owner-actions'
 import { CapaOwnerNotesForm } from '@/components/capa/capa-owner-notes-form'
@@ -33,15 +35,23 @@ export default async function CapaOwnerPage() {
   if (!session) redirect('/login')
   if (!['capa_owner', 'admin', 'hse', 'supervisor'].includes(session.role)) redirect('/')
 
-  const supabase = await createClient()
+  const rows = await asAdmin(db =>
+    db.select({
+      id: capaActions.id,
+      description: capaActions.description,
+      dueDate: capaActions.dueDate,
+      priority: capaActions.priority,
+      status: capaActions.status,
+      incidentId: capaActions.incidentId,
+      ownerNotes: capaActions.ownerNotes,
+      incidentRefNo: incidents.referenceNo,
+    })
+    .from(capaActions)
+    .leftJoin(incidents, eq(capaActions.incidentId, incidents.id))
+    .where(eq(capaActions.ownerUserId, session.sub))
+    .orderBy(asc(capaActions.dueDate))
+  )
 
-  const { data: capas } = await supabase
-    .from('capa_actions')
-    .select('id, description, due_date, priority, status, incident_id, owner_notes, incidents (reference_no)')
-    .eq('owner_user_id', session.sub)
-    .order('due_date', { ascending: true, nullsFirst: false })
-
-  const rows = capas ?? []
   const openCount = rows.filter(c => ['open', 'in_progress', 'reopened'].includes(c.status)).length
   const overdueCount = rows.filter(c => c.status === 'overdue').length
   const doneCount = rows.filter(c => ['verified', 'closed'].includes(c.status)).length
@@ -72,16 +82,15 @@ export default async function CapaOwnerPage() {
       ) : (
         <div className="bg-white rounded-xl shadow-sm divide-y divide-gray-50">
           {activeRows.map(capa => {
-            const incRef = (capa.incidents as unknown as { reference_no: string | null } | null)?.reference_no
             const isOverdue = capa.status === 'overdue'
             return (
               <div key={capa.id} className={`p-4 ${isOverdue ? 'bg-red-50' : ''}`}>
                 <div className="flex items-start justify-between gap-4">
                   <div className="flex-1 min-w-0">
                     <p className="text-sm text-gray-800">{capa.description}</p>
-                    {incRef && (
+                    {capa.incidentRefNo && (
-                      <Link href={`/hse/incidents/${capa.incident_id}`} className="text-xs text-blue-600 hover:underline mt-0.5 inline-block">
+                      <Link href={`/hse/incidents/${capa.incidentId}`} className="text-xs text-blue-600 hover:underline mt-0.5 inline-block">
-                        {incRef}
+                        {capa.incidentRefNo}
                       </Link>
                     )}
                   </div>
@@ -90,18 +99,18 @@ export default async function CapaOwnerPage() {
                       {STATUS_LABELS[capa.status] ?? capa.status}
                     </span>
                     <p className={`text-xs ${isOverdue ? 'text-red-600 font-semibold' : 'text-gray-400'}`}>
-                      {capa.due_date ? `Due ${new Date(capa.due_date as string).toLocaleDateString('en-MY')}` : 'No due date'}
+                      {capa.dueDate ? `Due ${new Date(capa.dueDate).toLocaleDateString('en-MY')}` : 'No due date'}
                     </p>
                     {capa.priority && (
-                      <p className={`text-xs ${PRIORITY_COLORS[capa.priority as string] ?? ''}`}>
+                      <p className={`text-xs ${PRIORITY_COLORS[capa.priority] ?? ''}`}>
-                        {(capa.priority as string).toUpperCase()} priority
+                        {capa.priority.toUpperCase()} priority
                       </p>
                     )}
                     <CapaOwnerActions capaId={capa.id} currentStatus={capa.status} />
                   </div>
                 </div>
                 {capa.status !== 'pending_verification' && (
-                  <CapaOwnerNotesForm capaId={capa.id} initialNotes={(capa as { owner_notes: string | null }).owner_notes} />
+                  <CapaOwnerNotesForm capaId={capa.id} initialNotes={capa.ownerNotes} />
                 )}
               </div>
             )

app/(protected)/hse/capa/[id]/page.tsx

@@ -2,8 +2,11 @@ export const dynamic = 'force-dynamic'
 
 import { notFound, redirect } from 'next/navigation'
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { capaActions, incidents, users } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
+import { aliasedTable } from 'drizzle-orm'
 import { VerifyForm } from '@/components/capa/verify-form'
 import { CloseCapaButton } from '@/components/capa/close-capa-button'
 
@@ -22,24 +25,34 @@ export default async function CapaDetailPage({ params }: Props) {
   const session = await getSession()
   if (!session) redirect(`/login?redirect=/hse/capa/${id}`)
 
-  const supabase = await createClient()
+  const ownerAlias = aliasedTable(users, 'owner')
 
-  const { data: capa } = await supabase
+  const [capa] = await asAdmin(db =>
-    .from('capa_actions')
+    db.select({
-    .select(`
+      id: capaActions.id,
-      id, incident_id, root_cause_ref, description, department,
+      incidentId: capaActions.incidentId,
-      due_date, priority, status, completed_at, verified_by, verified_at, created_at,
+      rootCauseRef: capaActions.rootCauseRef,
-      owner_notes,
+      description: capaActions.description,
-      incidents (reference_no, incident_type),
+      department: capaActions.department,
-      owner:users!owner_user_id (name, email)
+      dueDate: capaActions.dueDate,
-    `)
+      priority: capaActions.priority,
-    .eq('id', id)
+      status: capaActions.status,
-    .single()
+      completedAt: capaActions.completedAt,
+      ownerNotes: capaActions.ownerNotes,
+      incidentRefNo: incidents.referenceNo,
+      ownerName: ownerAlias.name,
+    })
+    .from(capaActions)
+    .leftJoin(incidents, eq(capaActions.incidentId, incidents.id))
+    .leftJoin(ownerAlias, eq(capaActions.ownerUserId, ownerAlias.id))
+    .where(eq(capaActions.id, id))
+    .limit(1)
+  )
 
   if (!capa) notFound()
 
   const isHse = session && ['hse', 'admin'].includes(session.role)
-  const status = (capa as { status: string }).status
+  const status = capa.status
 
   return (
     <main className="max-w-2xl mx-auto px-4 py-6">
@@ -51,52 +64,50 @@ export default async function CapaDetailPage({ params }: Props) {
         <div className="flex items-start justify-between">
           <div>
             <p className="text-xs text-gray-500 mb-1">
-              Incident: {(capa.incidents as unknown as { reference_no: string | null } | null)?.reference_no ?? '—'}
+              Incident: {capa.incidentRefNo ?? '—'}
             </p>
-            <p className="text-gray-900 font-medium">{(capa as { description: string }).description}</p>
+            <p className="text-gray-900 font-medium">{capa.description}</p>
           </div>
-          <span className={`px-2 py-1 rounded text-xs font-semibold ${PRIORITY_BADGE[(capa as { priority: string }).priority] ?? ''}`}>
+          <span className={`px-2 py-1 rounded text-xs font-semibold ${PRIORITY_BADGE[capa.priority] ?? ''}`}>
-            {(capa as { priority: string }).priority}
+            {capa.priority}
           </span>
         </div>
 
         <div className="grid grid-cols-2 gap-3 text-sm">
           <div>
             <p className="text-xs text-gray-500">Owner</p>
-            <p className="text-gray-800">{(capa.owner as unknown as { name: string } | null)?.name ?? '—'}</p>
+            <p className="text-gray-800">{capa.ownerName ?? '—'}</p>
           </div>
           <div>
             <p className="text-xs text-gray-500">Department</p>
-            <p className="text-gray-800">{(capa as { department: string }).department}</p>
+            <p className="text-gray-800">{capa.department}</p>
           </div>
           <div>
             <p className="text-xs text-gray-500">Due Date</p>
-            <p className="text-gray-800">{(capa as { due_date: string }).due_date}</p>
+            <p className="text-gray-800">{capa.dueDate}</p>
           </div>
           <div>
             <p className="text-xs text-gray-500">Status</p>
             <p className="text-gray-800 capitalize">{status.replace(/_/g, ' ')}</p>
           </div>
-          {(capa as { owner_notes: string | null }).owner_notes && (
+          {capa.ownerNotes && (
             <div className="col-span-2">
               <p className="text-xs text-gray-500">Owner Notes</p>
-              <p className="text-sm text-gray-800 whitespace-pre-wrap">
+              <p className="text-sm text-gray-800 whitespace-pre-wrap">{capa.ownerNotes}</p>
-                {(capa as { owner_notes: string }).owner_notes}
-              </p>
             </div>
           )}
         </div>
 
-        {(capa as { root_cause_ref: string | null }).root_cause_ref && (
+        {capa.rootCauseRef && (
           <div>
             <p className="text-xs text-gray-500">Root Cause Reference</p>
-            <p className="text-sm text-gray-800">{(capa as { root_cause_ref: string }).root_cause_ref}</p>
+            <p className="text-sm text-gray-800">{capa.rootCauseRef}</p>
           </div>
         )}
 
-        {(capa as { completed_at: string | null }).completed_at && (
+        {capa.completedAt && (
           <p className="text-xs text-gray-500">
-            Completed: {new Date((capa as { completed_at: string }).completed_at).toLocaleString('en-MY', { timeZone: 'Asia/Kuala_Lumpur' })}
+            Completed: {new Date(capa.completedAt).toLocaleString('en-MY', { timeZone: 'Asia/Kuala_Lumpur' })}
           </p>
         )}
       </div>

app/(protected)/hse/capa/page.tsx

@@ -2,24 +2,48 @@ export const dynamic = 'force-dynamic'
 
 import { redirect } from 'next/navigation'
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { capaActions, incidents, users } from '@/lib/db/schema'
+import { eq, asc } from 'drizzle-orm'
+import { aliasedTable } from 'drizzle-orm'
 import { CapaBoard } from '@/components/capa/capa-board'
 
 export default async function CapaListPage() {
   const session = await getSession()
   if (!session) redirect('/login?redirect=/hse/capa')
 
-  const supabase = await createClient()
+  const ownerAlias = aliasedTable(users, 'owner')
 
-  const { data: capas } = await supabase
+  const rows = await asAdmin(db =>
-    .from('capa_actions')
+    db.select({
-    .select(`
+      id: capaActions.id,
-      id, incident_id, description, department, due_date, priority, status,
+      incidentId: capaActions.incidentId,
-      incidents (reference_no, incident_type),
+      description: capaActions.description,
-      owner:users!owner_user_id (name, email)
+      department: capaActions.department,
-    `)
+      dueDate: capaActions.dueDate,
-    .order('due_date', { ascending: true })
+      priority: capaActions.priority,
+      status: capaActions.status,
+      incidentRefNo: incidents.referenceNo,
+      ownerName: ownerAlias.name,
+    })
+    .from(capaActions)
+    .leftJoin(incidents, eq(capaActions.incidentId, incidents.id))
+    .leftJoin(ownerAlias, eq(capaActions.ownerUserId, ownerAlias.id))
+    .orderBy(asc(capaActions.dueDate))
+  )
+
+  const capas = rows.map(r => ({
+    id: r.id,
+    incident_id: r.incidentId,
+    description: r.description,
+    department: r.department,
+    due_date: r.dueDate,
+    priority: r.priority,
+    status: r.status,
+    incidents: { reference_no: r.incidentRefNo ?? null },
+    owner: r.ownerName ? { name: r.ownerName } : null,
+  }))
 
   return (
     <main className="max-w-6xl mx-auto px-4 py-6">
@@ -29,7 +53,7 @@ export default async function CapaListPage() {
           ← Incidents
         </Link>
       </div>
-      <CapaBoard capas={(capas ?? []) as unknown as Parameters<typeof CapaBoard>[0]['capas']} />
+      <CapaBoard capas={capas as Parameters<typeof CapaBoard>[0]['capas']} />
     </main>
   )
 }

app/(protected)/hse/dashboard/page.tsx

@@ -1,7 +1,11 @@
 export const dynamic = 'force-dynamic'
 
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
+import { redirect } from 'next/navigation'
+import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites, zones, capaActions, doshReports, investigations } from '@/lib/db/schema'
+import { eq, gte, isNotNull } from 'drizzle-orm'
 import { StatCard } from '@/components/dashboard/stat-card'
 import { bucketIncidentsByMonth, topRootCauses } from '@/lib/dashboard/trends'
 import { RiskFlagsPanel } from '@/components/dashboard/risk-flags-panel'
@@ -22,7 +26,9 @@ export default async function HseDashboardPage({
 }: {
   searchParams: Promise<{ tab?: string }>
 }) {
-  const supabase = await createClient()
+  const session = await getSession()
+  if (!session) redirect('/login')
+
   const params = await searchParams
   const tab = params.tab ?? 'overview'
 
@@ -34,68 +40,89 @@ export default async function HseDashboardPage({
   const twelveMonthsAgo = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth() - 11, 1))
 
   const [
-    { data: incidents },
+    allIncidents,
-    { data: recentIncidents },
+    recentIncidents,
-    { data: zoneIncidents },
+    zoneIncidents,
-    { data: completedCapas },
+    completedCapas,
-    { data: doshPendingRows },
+    doshPendingRows,
-    { data: yearIncidents },
+    yearIncidents,
-    { data: investigations },
+    investigationRows,
   ] = await Promise.all([
-    supabase.from('incidents').select('id, status, incident_type, sites (name)'),
+    asAdmin(db =>
-    supabase
+      db.select({
-      .from('incidents')
+        id: incidents.id,
-      .select('incident_type')
+        status: incidents.status,
-      .gte('reported_at', thirtyDaysAgo.toISOString()),
+        incidentType: incidents.incidentType,
-    supabase
+        siteName: sites.name,
-      .from('incidents')
+      })
-      .select('zones (name)')
+      .from(incidents)
-      .gte('reported_at', ninetyDaysAgo.toISOString())
+      .leftJoin(sites, eq(incidents.siteId, sites.id))
-      .not('zone_id', 'is', null),
+    ),
-    supabase
+    asAdmin(db =>
-      .from('capa_actions')
+      db.select({ incidentType: incidents.incidentType })
-      .select('due_date, completed_at, verified_at')
+      .from(incidents)
-      .not('completed_at', 'is', null),
+      .where(gte(incidents.reportedAt, thirtyDaysAgo))
-    supabase
+    ),
-      .from('dosh_reports')
+    asAdmin(db =>
-      .select('id')
+      db.select({ zoneName: zones.name })
-      .eq('status', 'pending'),
+      .from(incidents)
-    supabase
+      .leftJoin(zones, eq(incidents.zoneId, zones.id))
-      .from('incidents')
+      .where(gte(incidents.reportedAt, ninetyDaysAgo))
-      .select('reported_at, incident_type')
+    ).then(rows => rows.filter(r => r.zoneName !== null)),
-      .gte('reported_at', twelveMonthsAgo.toISOString()),
+    asAdmin(db =>
-    supabase
+      db.select({
-      .from('investigations')
+        dueDate: capaActions.dueDate,
-      .select('root_cause_summary')
+        completedAt: capaActions.completedAt,
-      .not('root_cause_summary', 'is', null),
+        verifiedAt: capaActions.verifiedAt,
+      })
+      .from(capaActions)
+      .where(isNotNull(capaActions.completedAt))
+    ),
+    asAdmin(db =>
+      db.select({ id: doshReports.id })
+      .from(doshReports)
+      .where(eq(doshReports.status, 'pending'))
+    ),
+    asAdmin(db =>
+      db.select({
+        reportedAt: incidents.reportedAt,
+        incidentType: incidents.incidentType,
+      })
+      .from(incidents)
+      .where(gte(incidents.reportedAt, twelveMonthsAgo))
+    ),
+    asAdmin(db =>
+      db.select({ rootCauseSummary: investigations.rootCauseSummary })
+      .from(investigations)
+      .where(isNotNull(investigations.rootCauseSummary))
+    ),
   ])
 
-  const rows = incidents ?? []
+  const rows = allIncidents
   const total = rows.length
   const closed = rows.filter(r => r.status === 'closed').length
   const open = total - closed
 
   const by_type: Record<string, number> = {}
   for (const r of rows) {
-    by_type[r.incident_type] = (by_type[r.incident_type] ?? 0) + 1
+    by_type[r.incidentType] = (by_type[r.incidentType] ?? 0) + 1
   }
 
   const siteMap: Record<string, number> = {}
   for (const r of rows) {
-    const name = (r.sites as unknown as { name: string } | null)?.name ?? 'Unknown'
+    const name = r.siteName ?? 'Unknown'
     siteMap[name] = (siteMap[name] ?? 0) + 1
   }
   const by_site = Object.entries(siteMap)
     .map(([name, count]) => ({ name, count }))
     .sort((a, b) => b.count - a.count)
 
-  const recent = recentIncidents ?? []
+  const leadingCount = recentIncidents.filter(r => ['hazard', 'near_miss'].includes(r.incidentType)).length
-  const leadingCount = recent.filter(r => ['hazard', 'near_miss'].includes(r.incident_type)).length
+  const laggingCount = recentIncidents.filter(r => r.incidentType === 'injury').length
-  const laggingCount = recent.filter(r => r.incident_type === 'injury').length
 
   const zoneMap: Record<string, number> = {}
-  for (const r of zoneIncidents ?? []) {
+  for (const r of zoneIncidents) {
-    const name = (r.zones as unknown as { name: string } | null)?.name ?? 'Unknown'
+    const name = r.zoneName ?? 'Unknown'
     zoneMap[name] = (zoneMap[name] ?? 0) + 1
   }
   const by_zone = Object.entries(zoneMap)
@@ -104,13 +131,13 @@ export default async function HseDashboardPage({
     .slice(0, 10)
   const zoneMax = by_zone[0]?.count ?? 1
 
-  const capas = completedCapas ?? []
+  const capas = completedCapas
   const onTime = capas.filter(c => {
-    const due = new Date(c.due_date)
+    const due = new Date(c.dueDate)
-    const done = c.verified_at
+    const done = c.verifiedAt
-      ? new Date(c.verified_at as string)
+      ? new Date(c.verifiedAt)
-      : c.completed_at
+      : c.completedAt
-        ? new Date(c.completed_at as string)
+        ? new Date(c.completedAt)
         : null
     return done !== null && done <= due
   })
@@ -118,11 +145,17 @@ export default async function HseDashboardPage({
     ? Math.round((onTime.length / capas.length) * 100)
     : null
 
-  const doshPendingCount = doshPendingRows?.length ?? 0
+  const doshPendingCount = doshPendingRows.length
 
-  const monthly = bucketIncidentsByMonth(yearIncidents ?? [], 12, now)
+  const monthly = bucketIncidentsByMonth(
+    yearIncidents.map(r => ({ reported_at: r.reportedAt.toISOString(), incident_type: r.incidentType })),
+    12,
+    now
+  )
   const monthlyMax = Math.max(1, ...monthly.map(m => m.total))
-  const rootCauses = topRootCauses(investigations ?? [])
+  const rootCauses = topRootCauses(
+    investigationRows.map(r => ({ root_cause_summary: r.rootCauseSummary }))
+  )
 
   return (
     <main className="max-w-4xl mx-auto px-4 py-6">

app/(protected)/hse/incidents/[id]/capa/new/page.tsx

@@ -1,7 +1,9 @@
 import { notFound, redirect } from 'next/navigation'
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
 import { CapaForm } from '@/components/capa/capa-form'
 
 interface Props {
@@ -14,10 +16,17 @@ export default async function NewCapaPage({ params }: Props) {
   if (!session) redirect(`/login?redirect=/hse/incidents/${id}/capa/new`)
   if (!['hse', 'admin'].includes(session.role)) redirect('/hse/incidents')
 
-  const supabase = await createClient()
+  const [incident] = await asAdmin(db =>
+    db.select({
+      id: incidents.id,
+      referenceNo: incidents.referenceNo,
+      status: incidents.status,
+    })
+    .from(incidents)
+    .where(eq(incidents.id, id))
+    .limit(1)
+  )
 
-  const { data: incident } = await supabase
-    .from('incidents').select('id, reference_no, status').eq('id', id).single()
   if (!incident) notFound()
 
   return (
@@ -27,7 +36,7 @@ export default async function NewCapaPage({ params }: Props) {
       </Link>
       <h1 className="text-xl font-bold text-gray-900 mb-1">Add CAPA Action</h1>
       <p className="text-sm text-gray-500 mb-6">
-        {(incident as { reference_no: string | null }).reference_no ?? id}
+        {incident.referenceNo ?? id}
       </p>
       <CapaForm incidentId={id} />
     </main>

app/(protected)/hse/incidents/[id]/investigation/page.tsx

@@ -2,8 +2,10 @@ export const dynamic = 'force-dynamic'
 
 import { notFound, redirect } from 'next/navigation'
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents, investigations } from '@/lib/db/schema'
+import { eq, desc } from 'drizzle-orm'
 import { InvestigationForm } from '@/components/incidents/investigation-form'
 
 interface Props {
@@ -16,25 +18,28 @@ export default async function InvestigationPage({ params }: Props) {
   if (!session) redirect(`/login?redirect=/hse/incidents/${id}/investigation`)
   if (!['hse', 'admin'].includes(session.role)) redirect('/hse/incidents')
 
-  const supabase = await createClient()
+  const [incident] = await asAdmin(db =>
-
+    db.select({
-  const { data: incident } = await supabase
+      id: incidents.id,
-    .from('incidents')
+      referenceNo: incidents.referenceNo,
-    .select('id, reference_no, status')
+      status: incidents.status,
-    .eq('id', id)
+    })
-    .single()
+    .from(incidents)
+    .where(eq(incidents.id, id))
+    .limit(1)
+  )
 
   if (!incident) notFound()
-  if (!['triaged', 'investigating'].includes((incident as { status: string }).status))
+  if (!['triaged', 'investigating'].includes(incident.status))
     redirect(`/hse/incidents/${id}`)
 
-  const { data: existing } = await supabase
+  const [existing] = await asAdmin(db =>
-    .from('investigations')
+    db.select({ id: investigations.id })
-    .select('id')
+    .from(investigations)
-    .eq('incident_id', id)
+    .where(eq(investigations.incidentId, id))
-    .order('created_at', { ascending: false })
+    .orderBy(desc(investigations.createdAt))
     .limit(1)
-    .maybeSingle()
+  )
 
   return (
     <main className="max-w-2xl mx-auto px-4 py-6">
@@ -42,10 +47,10 @@ export default async function InvestigationPage({ params }: Props) {
         ← Back to incident
       </Link>
       <h1 className="text-xl font-bold text-gray-900 mb-1">Investigation Workspace</h1>
-      <p className="text-sm text-gray-500 mb-6">{(incident as { reference_no: string | null }).reference_no ?? id}</p>
+      <p className="text-sm text-gray-500 mb-6">{incident.referenceNo ?? id}</p>
       <InvestigationForm
         incidentId={id}
-        existingInvestigationId={(existing as { id: string } | null)?.id ?? null}
+        existingInvestigationId={existing?.id ?? null}
       />
     </main>
   )

app/(protected)/hse/incidents/[id]/page.tsx

@@ -1,7 +1,11 @@
 export const dynamic = 'force-dynamic'
 
-import { notFound } from 'next/navigation'
+import { notFound, redirect } from 'next/navigation'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
+import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites, zones, trucks, users, evidenceFiles, investigations } from '@/lib/db/schema'
+import { eq, and } from 'drizzle-orm'
+import { aliasedTable } from 'drizzle-orm'
 import { IncidentDetail, type Incident } from '@/components/incidents/incident-detail'
 import { IncidentHeader } from '@/components/incidents/incident-header'
 import { SimilarIncidentsPanel } from '@/components/incidents/similar-incidents-panel'
@@ -14,52 +18,145 @@ interface Props {
 
 export default async function HseIncidentDetailPage({ params }: Props) {
   const { id } = await params
-  const supabase = await createClient()
+  const session = await getSession()
+  if (!session) redirect('/login')
 
-  const { data: incident, error } = await supabase
+  const reporterAlias = aliasedTable(users, 'reporter')
-    .from('incidents')
+  const investigatorAlias = aliasedTable(users, 'investigator')
-    .select(`
-      id, reference_no, incident_type, description, severity, status,
-      injury_involved, asset_involved, medical_status, lost_days, type_details,
-      is_fatality, is_serious_bodily_injury, is_dangerous_occurrence, is_occupational_disease,
-      reported_at, closed_at,
-      sites (id, name),
-      zones (id, name),
-      trucks (id, truck_no, carrier),
-      reporter:users!reported_by (id, name, email),
-      evidence_files (id, stage, file_url, file_type, uploaded_at)
-    `)
-    .eq('id', id)
-    .eq('evidence_files.deleted', false)
-    .single()
 
-  if (error || !incident) notFound()
+  const [incident] = await asAdmin(db =>
+    db.select({
+      id: incidents.id,
+      referenceNo: incidents.referenceNo,
+      incidentType: incidents.incidentType,
+      description: incidents.description,
+      severity: incidents.severity,
+      status: incidents.status,
+      injuryInvolved: incidents.injuryInvolved,
+      assetInvolved: incidents.assetInvolved,
+      medicalStatus: incidents.medicalStatus,
+      lostDays: incidents.lostDays,
+      typeDetails: incidents.typeDetails,
+      isFatality: incidents.isFatality,
+      isSeriousBodilyInjury: incidents.isSeriousBodilyInjury,
+      isDangerousOccurrence: incidents.isDangerousOccurrence,
+      isOccupationalDisease: incidents.isOccupationalDisease,
+      reportedAt: incidents.reportedAt,
+      closedAt: incidents.closedAt,
+      siteId: sites.id,
+      siteName: sites.name,
+      zoneId: zones.id,
+      zoneName: zones.name,
+      truckId: trucks.id,
+      truckNo: trucks.truckNo,
+      truckCarrier: trucks.carrier,
+      reporterId: reporterAlias.id,
+      reporterName: reporterAlias.name,
+      reporterEmail: reporterAlias.email,
+    })
+    .from(incidents)
+    .leftJoin(sites, eq(incidents.siteId, sites.id))
+    .leftJoin(zones, eq(incidents.zoneId, zones.id))
+    .leftJoin(trucks, eq(incidents.truckId, trucks.id))
+    .leftJoin(reporterAlias, eq(incidents.reportedBy, reporterAlias.id))
+    .where(eq(incidents.id, id))
+    .limit(1)
+  )
 
-  const status = (incident as { status: string }).status
+  if (!incident) notFound()
 
-  const { data: investigation } = await supabase
+  const [evidenceRows, invRows] = await Promise.all([
-    .from('investigations')
+    asAdmin(db =>
-    .select(`
+      db.select({
-      id, method, five_why_steps, fishbone_categories,
+        id: evidenceFiles.id,
-      findings_text, root_cause_summary, alcohol_test_result, urine_test_result,
+        stage: evidenceFiles.stage,
-      witness_statement_refs, completed_at,
+        fileUrl: evidenceFiles.fileUrl,
-      investigator:users!investigator_id (name, email)
+        fileType: evidenceFiles.fileType,
-    `)
+        uploadedAt: evidenceFiles.uploadedAt,
-    .eq('incident_id', id)
+      })
-    .maybeSingle()
+      .from(evidenceFiles)
+      .where(and(eq(evidenceFiles.incidentId, id), eq(evidenceFiles.deleted, false)))
+    ),
+    asAdmin(db =>
+      db.select({
+        id: investigations.id,
+        method: investigations.method,
+        fiveWhySteps: investigations.fiveWhySteps,
+        fishboneCategories: investigations.fishboneCategories,
+        findingsText: investigations.findingsText,
+        rootCauseSummary: investigations.rootCauseSummary,
+        alcoholTestResult: investigations.alcoholTestResult,
+        urineTestResult: investigations.urineTestResult,
+        witnessStatementRefs: investigations.witnessStatementRefs,
+        completedAt: investigations.completedAt,
+        investigatorName: investigatorAlias.name,
+        investigatorEmail: investigatorAlias.email,
+      })
+      .from(investigations)
+      .leftJoin(investigatorAlias, eq(investigations.investigatorId, investigatorAlias.id))
+      .where(eq(investigations.incidentId, id))
+      .limit(1)
+    ),
+  ])
+
+  const status = incident.status
 
   const needsJkkp = Boolean(
-    (incident as { is_fatality?: boolean }).is_fatality ||
+    incident.isFatality ||
-    (incident as { is_serious_bodily_injury?: boolean }).is_serious_bodily_injury ||
+    incident.isSeriousBodilyInjury ||
-    (incident as { is_dangerous_occurrence?: boolean }).is_dangerous_occurrence ||
+    incident.isDangerousOccurrence ||
-    ((incident as { lost_days?: number | null }).lost_days ?? 0) >= 4
+    (incident.lostDays ?? 0) >= 4
   )
 
+  const incidentProp: Incident = {
+    id: incident.id,
+    reference_no: incident.referenceNo,
+    incident_type: incident.incidentType,
+    description: incident.description,
+    status: incident.status,
+    severity: incident.severity,
+    injury_involved: incident.injuryInvolved,
+    asset_involved: incident.assetInvolved,
+    medical_status: incident.medicalStatus,
+    lost_days: incident.lostDays,
+    type_details: incident.typeDetails as Record<string, string | boolean> | null,
+    reported_at: incident.reportedAt.toISOString(),
+    closed_at: incident.closedAt?.toISOString() ?? null,
+    sites: incident.siteId ? { id: incident.siteId, name: incident.siteName! } : null,
+    zones: incident.zoneId ? { id: incident.zoneId, name: incident.zoneName! } : null,
+    trucks: incident.truckId ? { id: incident.truckId, truck_no: incident.truckNo!, carrier: incident.truckCarrier ?? null } : null,
+    reporter: incident.reporterId ? { id: incident.reporterId, name: incident.reporterName!, email: incident.reporterEmail! } : null,
+    evidence_files: evidenceRows.map(e => ({
+      id: e.id,
+      stage: e.stage,
+      file_url: e.fileUrl,
+      file_type: e.fileType,
+      uploaded_at: e.uploadedAt.toISOString(),
+    })),
+  }
+
+  const inv = invRows[0]
+  const investigationProp = inv ? {
+    id: inv.id,
+    method: inv.method,
+    five_why_steps: inv.fiveWhySteps as { why: string; answer: string }[] | null,
+    fishbone_categories: inv.fishboneCategories as Record<string, string> | null,
+    findings_text: inv.findingsText,
+    root_cause_summary: inv.rootCauseSummary,
+    alcohol_test_result: inv.alcoholTestResult,
+    urine_test_result: inv.urineTestResult,
+    witness_statement_refs: inv.witnessStatementRefs ?? [],
+    completed_at: inv.completedAt?.toISOString() ?? null,
+    investigator: inv.investigatorEmail
+      ? { name: inv.investigatorName ?? null, email: inv.investigatorEmail }
+      : null,
+  } : null
+
   return (
     <>
       <IncidentHeader
         incidentId={id}
-        referenceNo={(incident as { reference_no: string | null }).reference_no}
+        referenceNo={incident.referenceNo}
         status={status}
         backHref="/hse/incidents"
         canTriage={status === 'reported'}
@@ -67,10 +164,10 @@ export default async function HseIncidentDetailPage({ params }: Props) {
         canAddCapa={(['investigating', 'capa_pending'] as string[]).includes(status)}
       />
       <main className="max-w-3xl mx-auto px-4 py-6">
-        <IncidentDetail incident={incident as unknown as Incident} />
+        <IncidentDetail incident={incidentProp} />
 
-        {investigation && (
+        {investigationProp && (
-          <InvestigationPanel investigation={investigation as never} />
+          <InvestigationPanel investigation={investigationProp} />
         )}
 
         {needsJkkp && (

app/(protected)/hse/incidents/[id]/triage/page.tsx

@@ -2,8 +2,10 @@ export const dynamic = 'force-dynamic'
 
 import { notFound, redirect } from 'next/navigation'
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
 import { TriageForm } from '@/components/incidents/triage-form'
 
 interface Props {
@@ -16,13 +18,17 @@ export default async function TriagePage({ params }: Props) {
   if (!session) redirect(`/login?redirect=/hse/incidents/${id}/triage`)
   if (!['hse', 'admin'].includes(session.role)) redirect('/hse/incidents')
 
-  const supabase = await createClient()
+  const [incident] = await asAdmin(db =>
-
+    db.select({
-  const { data: incident } = await supabase
+      id: incidents.id,
-    .from('incidents')
+      referenceNo: incidents.referenceNo,
-    .select('id, reference_no, incident_type, status, severity')
+      status: incidents.status,
-    .eq('id', id)
+      severity: incidents.severity,
-    .single()
+    })
+    .from(incidents)
+    .where(eq(incidents.id, id))
+    .limit(1)
+  )
 
   if (!incident) notFound()
   if (incident.status !== 'reported') redirect(`/hse/incidents/${id}`)
@@ -33,10 +39,10 @@ export default async function TriagePage({ params }: Props) {
         ← Back to incident
       </Link>
       <h1 className="text-xl font-bold text-gray-900 mb-1">Triage Incident</h1>
-      <p className="text-sm text-gray-500 mb-6">{incident.reference_no ?? id}</p>
+      <p className="text-sm text-gray-500 mb-6">{incident.referenceNo ?? id}</p>
       <TriageForm
         incidentId={id}
-        currentSeverity={(incident as { severity: number | null }).severity}
+        currentSeverity={incident.severity}
       />
     </main>
   )

app/(protected)/hse/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 HseInboxPage({
 }: {
   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
+  const reporterAlias = aliasedTable(users, 'reporter')
-    .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 })
 
-  if (params.q) {
+  const conditions = []
-    query = query.or(`reference_no.ilike.%${params.q}%,description.ilike.%${params.q}%`)
+  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.status) query = query.eq('status', params.status)
+  if (params.type) conditions.push(eq(incidents.incidentType, params.type as never))
-  if (params.type) query = query.eq('incident_type', params.type)
+  if (params.site_id) conditions.push(eq(incidents.siteId, params.site_id))
-  if (params.site_id) query = query.eq('site_id', params.site_id)
+  if (params.truck_id) conditions.push(eq(incidents.truckId, params.truck_id))
-  if (params.truck_id) query = query.eq('truck_id', params.truck_id)
+  const where = conditions.length ? and(...conditions) : undefined
 
-  const [{ data: incidents, count }, { data: sites }, { data: trucks }] = await Promise.all([
+  const [[countRow], incidentRows, siteRows, truckRows] = await Promise.all([
-    query.range(from, from + PAGE_SIZE - 1),
+    asAdmin(db =>
-    supabase.from('sites').select('id, name').order('name'),
+      db.select({ count: sql<number>`count(*)` })
-    supabase.from('trucks').select('id, truck_no').eq('active', true).order('truck_no'),
+      .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 total = Number(countRow?.count ?? 0)
-  const truckOptions: TruckOption[] = (trucks ?? []).map(tk => ({ id: tk.id, truck_no: tk.truck_no }))
+
+  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="/hse" />
+      <IncidentList incidents={incidentList} basePath="/hse" />
-      <Pagination page={page} pageSize={PAGE_SIZE} total={count ?? 0} href="/hse/incidents" />
+      <Pagination page={page} pageSize={PAGE_SIZE} total={total} href="/hse/incidents" />
     </main>
   )
 }

app/(protected)/hse/settings/page.tsx

@@ -1,8 +1,9 @@
 export const dynamic = 'force-dynamic'
 
 import { redirect } from 'next/navigation'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { appSettings } from '@/lib/db/schema'
 import { ApiKeyForm } from '@/components/settings/api-key-form'
 
 export default async function SettingsPage() {
@@ -10,14 +11,16 @@ export default async function SettingsPage() {
   if (!session) redirect('/login')
   if (session.role !== 'admin') redirect('/hse/dashboard')
 
-  const supabase = await createClient()
+  const settingRows = await asAdmin(db =>
-
+    db.select({
-  const { data: settings } = await supabase
+      key: appSettings.key,
-    .from('app_settings')
+      value: appSettings.value,
-    .select('key, value, updated_at')
+      updatedAt: appSettings.updatedAt,
+    }).from(appSettings)
+  )
 
   const settingsMap = Object.fromEntries(
-    (settings ?? []).map(s => [s.key, { set: Boolean(s.value), updated_at: s.updated_at }])
+    settingRows.map(s => [s.key, { set: Boolean(s.value), updated_at: s.updatedAt?.toISOString() ?? null }])
   )
 
   return (

app/(protected)/management/page.tsx

@@ -1,8 +1,10 @@
 export const dynamic = 'force-dynamic'
 
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { redirect } from 'next/navigation'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites, capaActions } from '@/lib/db/schema'
+import { eq, gte, lt, and } from 'drizzle-orm'
 import { StatCard } from '@/components/dashboard/stat-card'
 import { RiskFlagsPanel } from '@/components/dashboard/risk-flags-panel'
 
@@ -11,34 +13,53 @@ export default async function ManagementPage() {
   if (!session) redirect('/login')
   if (!['management', 'admin'].includes(session.role)) redirect('/')
 
-  const supabase = await createClient()
-
   const now = new Date()
   const thisMonthStart = new Date(now.getFullYear(), now.getMonth(), 1).toISOString()
   const lastMonthStart = new Date(now.getFullYear(), now.getMonth() - 1, 1).toISOString()
   const thirtyDaysAgo = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000).toISOString()
 
-  const [
+  const [allIncidents, thisMonthIncidents, lastMonthIncidents, recentIncidents, overdueCapas] = await Promise.all([
-    { data: allIncidents },
+    asAdmin(db =>
-    { data: thisMonthIncidents },
+      db.select({
-    { data: lastMonthIncidents },
+        id: incidents.id,
-    { data: recentIncidents },
+        severity: incidents.severity,
-    { data: overdueCapas },
+        status: incidents.status,
-  ] = await Promise.all([
+        incidentType: incidents.incidentType,
-    supabase.from('incidents').select('id, severity, status, incident_type, medical_status, sites (name)'),
+        medicalStatus: incidents.medicalStatus,
-    supabase.from('incidents').select('id').gte('reported_at', thisMonthStart),
+        siteName: sites.name,
-    supabase.from('incidents').select('id').gte('reported_at', lastMonthStart).lt('reported_at', thisMonthStart),
+      })
-    supabase.from('incidents').select('incident_type').gte('reported_at', thirtyDaysAgo),
+      .from(incidents)
-    supabase.from('capa_actions').select('id').eq('status', 'overdue'),
+      .leftJoin(sites, eq(incidents.siteId, sites.id))
+    ),
+    asAdmin(db =>
+      db.select({ id: incidents.id })
+      .from(incidents)
+      .where(gte(incidents.reportedAt, new Date(thisMonthStart)))
+    ),
+    asAdmin(db =>
+      db.select({ id: incidents.id })
+      .from(incidents)
+      .where(and(gte(incidents.reportedAt, new Date(lastMonthStart)), lt(incidents.reportedAt, new Date(thisMonthStart))))
+    ),
+    asAdmin(db =>
+      db.select({ incidentType: incidents.incidentType })
+      .from(incidents)
+      .where(gte(incidents.reportedAt, new Date(thirtyDaysAgo)))
+    ),
+    asAdmin(db =>
+      db.select({ id: capaActions.id })
+      .from(capaActions)
+      .where(eq(capaActions.status, 'overdue'))
+    ),
   ])
 
-  const rows = allIncidents ?? []
+  const rows = allIncidents
-  const totalThisMonth = thisMonthIncidents?.length ?? 0
+  const totalThisMonth = thisMonthIncidents.length
-  const totalLastMonth = lastMonthIncidents?.length ?? 0
+  const totalLastMonth = lastMonthIncidents.length
   const monthDelta = totalThisMonth - totalLastMonth
 
-  const ltiCount = rows.filter(r => r.medical_status === 'lti').length
+  const ltiCount = rows.filter(r => r.medicalStatus === 'lti').length
-  const overdueCount = overdueCapas?.length ?? 0
+  const overdueCount = overdueCapas.length
 
   // Severity distribution
   const severityDist: Record<number, number> = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0 }
@@ -50,14 +71,13 @@ export default async function ManagementPage() {
   const severityMax = Math.max(...Object.values(severityDist), 1)
 
   // Leading vs lagging (last 30 days)
-  const recent = recentIncidents ?? []
+  const leadingCount = recentIncidents.filter(r => ['hazard', 'near_miss'].includes(r.incidentType)).length
-  const leadingCount = recent.filter(r => ['hazard', 'near_miss'].includes(r.incident_type)).length
+  const laggingCount = recentIncidents.filter(r => r.incidentType === 'injury').length
-  const laggingCount = recent.filter(r => r.incident_type === 'injury').length
 
   // Site comparison
   const siteMap: Record<string, number> = {}
   for (const r of rows) {
-    const name = (r.sites as unknown as { name: string } | null)?.name ?? 'Unknown'
+    const name = r.siteName ?? 'Unknown'
     siteMap[name] = (siteMap[name] ?? 0) + 1
   }
   const by_site = Object.entries(siteMap).map(([name, count]) => ({ name, count })).sort((a, b) => b.count - a.count)

app/(protected)/reporter/incidents/[id]/page.tsx

@@ -1,9 +1,11 @@
 export const dynamic = 'force-dynamic'
 
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { redirect, notFound } from 'next/navigation'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites, zones, capaActions } from '@/lib/db/schema'
+import { eq, and } from 'drizzle-orm'
 
 const STATUS_LABELS: Record<string, string> = {
   reported: 'Reported', triaged: 'Triaged', investigating: 'Investigating',
@@ -24,25 +26,41 @@ export default async function ReporterIncidentDetail({
   const session = await getSession()
   if (!session) redirect('/login')
 
-  const supabase = await createClient()
+  const [inc] = await asAdmin(db =>
-
+    db.select({
-  const { data: inc } = await supabase
+      id: incidents.id,
-    .from('incidents')
+      referenceNo: incidents.referenceNo,
-    .select(`
+      incidentType: incidents.incidentType,
-      id, reference_no, incident_type, status, severity, reported_at, closed_at,
+      status: incidents.status,
-      description, injury_involved, medical_status, lost_days,
+      severity: incidents.severity,
-      sites (name), zones (name),
+      reportedAt: incidents.reportedAt,
-      capa_actions (id, description, status, due_date)
+      closedAt: incidents.closedAt,
-    `)
+      description: incidents.description,
-    .eq('id', id)
+      injuryInvolved: incidents.injuryInvolved,
-    .eq('reported_by', session.sub)
+      medicalStatus: incidents.medicalStatus,
-    .single()
+      lostDays: incidents.lostDays,
+      siteName: sites.name,
+      zoneName: zones.name,
+    })
+    .from(incidents)
+    .leftJoin(sites, eq(incidents.siteId, sites.id))
+    .leftJoin(zones, eq(incidents.zoneId, zones.id))
+    .where(and(eq(incidents.id, id), eq(incidents.reportedBy, session.sub)))
+    .limit(1)
+  )
 
   if (!inc) notFound()
 
-  const siteName = (inc.sites as unknown as { name: string } | null)?.name
+  const capas = await asAdmin(db =>
-  const zoneName = (inc.zones as unknown as { name: string } | null)?.name
+    db.select({
-  const capas = (inc.capa_actions as unknown as Array<{ id: string; description: string; status: string; due_date: string | null }>) ?? []
+      id: capaActions.id,
+      description: capaActions.description,
+      status: capaActions.status,
+      dueDate: capaActions.dueDate,
+    })
+    .from(capaActions)
+    .where(eq(capaActions.incidentId, id))
+  )
 
   return (
     <main className="max-w-2xl mx-auto px-4 py-6 space-y-4">
@@ -53,8 +71,8 @@ export default async function ReporterIncidentDetail({
       <div className="bg-white rounded-xl shadow-sm p-5">
         <div className="flex items-start justify-between gap-3 mb-4">
           <div>
-            <h1 className="text-lg font-bold text-gray-900">{inc.reference_no ?? inc.id.slice(0, 8)}</h1>
+            <h1 className="text-lg font-bold text-gray-900">{inc.referenceNo ?? inc.id.slice(0, 8)}</h1>
-            <p className="text-sm text-gray-500 capitalize">{inc.incident_type?.replace(/_/g, ' ')}</p>
+            <p className="text-sm text-gray-500 capitalize">{inc.incidentType?.replace(/_/g, ' ')}</p>
           </div>
           <span className={`text-xs rounded-full px-2 py-1 shrink-0 ${STATUS_COLORS[inc.status] ?? 'bg-gray-100 text-gray-600'}`}>
             {STATUS_LABELS[inc.status] ?? inc.status}
@@ -62,19 +80,19 @@ export default async function ReporterIncidentDetail({
         </div>
 
         <div className="grid grid-cols-2 gap-3 text-sm mb-4">
-          {siteName && <div><p className="text-xs text-gray-500">Site</p><p className="font-medium">{siteName}</p></div>}
+          {inc.siteName && <div><p className="text-xs text-gray-500">Site</p><p className="font-medium">{inc.siteName}</p></div>}
-          {zoneName && <div><p className="text-xs text-gray-500">Zone</p><p className="font-medium">{zoneName}</p></div>}
+          {inc.zoneName && <div><p className="text-xs text-gray-500">Zone</p><p className="font-medium">{inc.zoneName}</p></div>}
           {inc.severity && <div><p className="text-xs text-gray-500">Severity</p><p className="font-medium">{inc.severity} / 5</p></div>}
-          {inc.reported_at && (
+          {inc.reportedAt && (
             <div>
               <p className="text-xs text-gray-500">Reported</p>
-              <p className="font-medium">{new Date(inc.reported_at as string).toLocaleDateString('en-MY')}</p>
+              <p className="font-medium">{new Date(inc.reportedAt).toLocaleDateString('en-MY')}</p>
             </div>
           )}
-          {inc.closed_at && (
+          {inc.closedAt && (
             <div>
               <p className="text-xs text-gray-500">Closed</p>
-              <p className="font-medium">{new Date(inc.closed_at as string).toLocaleDateString('en-MY')}</p>
+              <p className="font-medium">{new Date(inc.closedAt).toLocaleDateString('en-MY')}</p>
             </div>
           )}
         </div>

app/(protected)/reporter/page.tsx

@@ -1,9 +1,11 @@
 export const dynamic = 'force-dynamic'
 
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { redirect } from 'next/navigation'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites } from '@/lib/db/schema'
+import { eq, desc } from 'drizzle-orm'
 
 const STATUS_LABELS: Record<string, string> = {
   reported: 'Reported',
@@ -32,15 +34,22 @@ export default async function ReporterPage() {
   const session = await getSession()
   if (!session) redirect('/login')
 
-  const supabase = await createClient()
+  const rows = await asAdmin(db =>
+    db.select({
+      id: incidents.id,
+      referenceNo: incidents.referenceNo,
+      incidentType: incidents.incidentType,
+      status: incidents.status,
+      reportedAt: incidents.reportedAt,
+      severity: incidents.severity,
+      siteName: sites.name,
+    })
+    .from(incidents)
+    .leftJoin(sites, eq(incidents.siteId, sites.id))
+    .where(eq(incidents.reportedBy, session.sub))
+    .orderBy(desc(incidents.reportedAt))
+  )
 
-  const { data: incidents } = await supabase
-    .from('incidents')
-    .select('id, reference_no, incident_type, status, reported_at, severity, sites (name)')
-    .eq('reported_by', session.sub)
-    .order('reported_at', { ascending: false })
-
-  const rows = incidents ?? []
   const openCount = rows.filter(r => r.status !== 'closed').length
   const closedCount = rows.filter(r => r.status === 'closed').length
 
@@ -81,35 +90,32 @@ export default async function ReporterPage() {
         </div>
       ) : (
         <div className="bg-white rounded-xl shadow-sm divide-y divide-gray-50">
-          {rows.map(inc => {
+          {rows.map(inc => (
-            const siteName = (inc.sites as unknown as { name: string } | null)?.name
+            <Link key={inc.id} href={`/reporter/incidents/${inc.id}`} className="block p-4 cursor-pointer hover:bg-gray-50 transition-colors">
-            return (
+              <div className="flex items-start justify-between gap-3">
-              <Link key={inc.id} href={`/reporter/incidents/${inc.id}`} className="block p-4 cursor-pointer hover:bg-gray-50 transition-colors">
+                <div className="flex-1 min-w-0">
-                <div className="flex items-start justify-between gap-3">
+                  <p className="text-sm font-semibold text-gray-900">
-                  <div className="flex-1 min-w-0">
+                    {inc.referenceNo ?? inc.id.slice(0, 8)}
-                    <p className="text-sm font-semibold text-gray-900">
+                  </p>
-                      {inc.reference_no ?? inc.id.slice(0, 8)}
+                  <p className="text-xs text-gray-500 mt-0.5">
+                    {TYPE_LABELS[inc.incidentType] ?? inc.incidentType}
+                    {inc.siteName ? ` · ${inc.siteName}` : ''}
+                    {inc.severity ? ` · Severity ${inc.severity}` : ''}
+                  </p>
+                  {inc.reportedAt && (
+                    <p className="text-xs text-gray-400 mt-0.5">
+                      {new Date(inc.reportedAt).toLocaleDateString('en-MY', {
+                        day: 'numeric', month: 'short', year: 'numeric',
+                      })}
                     </p>
-                    <p className="text-xs text-gray-500 mt-0.5">
+                  )}
-                      {TYPE_LABELS[inc.incident_type] ?? inc.incident_type}
-                      {siteName ? ` · ${siteName}` : ''}
-                      {inc.severity ? ` · Severity ${inc.severity}` : ''}
-                    </p>
-                    {inc.reported_at && (
-                      <p className="text-xs text-gray-400 mt-0.5">
-                        {new Date(inc.reported_at as string).toLocaleDateString('en-MY', {
-                          day: 'numeric', month: 'short', year: 'numeric',
-                        })}
-                      </p>
-                    )}
-                  </div>
-                  <span className={`text-xs rounded-full px-2 py-0.5 shrink-0 ${STATUS_COLORS[inc.status] ?? 'bg-gray-100 text-gray-600'}`}>
-                    {STATUS_LABELS[inc.status] ?? inc.status}
-                  </span>
                 </div>
-              </Link>
+                <span className={`text-xs rounded-full px-2 py-0.5 shrink-0 ${STATUS_COLORS[inc.status] ?? 'bg-gray-100 text-gray-600'}`}>
-            )
+                  {STATUS_LABELS[inc.status] ?? inc.status}
-          })}
+                </span>
+              </div>
+            </Link>
+          ))}
         </div>
       )}
     </main>

app/(protected)/supervisor/incidents/[id]/page.tsx

@@ -2,7 +2,10 @@ export const dynamic = 'force-dynamic'
 
 import { notFound } from 'next/navigation'
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
+import { incidents, sites, zones, trucks, users, evidenceFiles, investigations } from '@/lib/db/schema'
+import { eq, and } from 'drizzle-orm'
+import { aliasedTable } from 'drizzle-orm'
 import { IncidentDetail, type Incident } from '@/components/incidents/incident-detail'
 import { InvestigationPanel } from '@/components/incidents/investigation-panel'
 
@@ -12,44 +15,129 @@ interface Props {
 
 export default async function SupervisorIncidentDetailPage({ params }: Props) {
   const { id } = await params
-  const supabase = await createClient()
 
-  const { data: incident, error } = await supabase
+  const reporterAlias = aliasedTable(users, 'reporter')
-    .from('incidents')
+  const investigatorAlias = aliasedTable(users, 'investigator')
-    .select(`
-      id, reference_no, incident_type, description, severity, status,
-      injury_involved, asset_involved, medical_status, lost_days,
-      reported_at, closed_at,
-      sites (id, name),
-      zones (id, name),
-      reporter:users!reported_by (id, name, email),
-      evidence_files (id, stage, file_url, file_type, uploaded_at)
-    `)
-    .eq('id', id)
-    .eq('evidence_files.deleted', false)
-    .single()
 
-  if (error || !incident) notFound()
+  const [incident] = await asAdmin(db =>
+    db.select({
+      id: incidents.id,
+      referenceNo: incidents.referenceNo,
+      incidentType: incidents.incidentType,
+      description: incidents.description,
+      severity: incidents.severity,
+      status: incidents.status,
+      injuryInvolved: incidents.injuryInvolved,
+      assetInvolved: incidents.assetInvolved,
+      medicalStatus: incidents.medicalStatus,
+      lostDays: incidents.lostDays,
+      reportedAt: incidents.reportedAt,
+      closedAt: incidents.closedAt,
+      siteId: sites.id,
+      siteName: sites.name,
+      zoneId: zones.id,
+      zoneName: zones.name,
+      truckId: trucks.id,
+      truckNo: trucks.truckNo,
+      truckCarrier: trucks.carrier,
+      reporterId: reporterAlias.id,
+      reporterName: reporterAlias.name,
+      reporterEmail: reporterAlias.email,
+    })
+    .from(incidents)
+    .leftJoin(sites, eq(incidents.siteId, sites.id))
+    .leftJoin(zones, eq(incidents.zoneId, zones.id))
+    .leftJoin(trucks, eq(incidents.truckId, trucks.id))
+    .leftJoin(reporterAlias, eq(incidents.reportedBy, reporterAlias.id))
+    .where(eq(incidents.id, id))
+    .limit(1)
+  )
 
-  const { data: investigation } = await supabase
+  if (!incident) notFound()
-    .from('investigations')
+
-    .select(`
+  const evidenceRows = await asAdmin(db =>
-      id, method, five_why_steps, fishbone_categories,
+    db.select({
-      findings_text, root_cause_summary, alcohol_test_result, urine_test_result,
+      id: evidenceFiles.id,
-      witness_statement_refs, completed_at,
+      stage: evidenceFiles.stage,
-      investigator:users!investigator_id (name, email)
+      fileUrl: evidenceFiles.fileUrl,
-    `)
+      fileType: evidenceFiles.fileType,
-    .eq('incident_id', id)
+      uploadedAt: evidenceFiles.uploadedAt,
-    .maybeSingle()
+    })
+    .from(evidenceFiles)
+    .where(and(eq(evidenceFiles.incidentId, id), eq(evidenceFiles.deleted, false)))
+  )
+
+  const [inv] = await asAdmin(db =>
+    db.select({
+      id: investigations.id,
+      method: investigations.method,
+      fiveWhySteps: investigations.fiveWhySteps,
+      fishboneCategories: investigations.fishboneCategories,
+      findingsText: investigations.findingsText,
+      rootCauseSummary: investigations.rootCauseSummary,
+      alcoholTestResult: investigations.alcoholTestResult,
+      urineTestResult: investigations.urineTestResult,
+      witnessStatementRefs: investigations.witnessStatementRefs,
+      completedAt: investigations.completedAt,
+      investigatorName: investigatorAlias.name,
+      investigatorEmail: investigatorAlias.email,
+    })
+    .from(investigations)
+    .leftJoin(investigatorAlias, eq(investigations.investigatorId, investigatorAlias.id))
+    .where(eq(investigations.incidentId, id))
+    .limit(1)
+  )
+
+  const incidentProp: Incident = {
+    id: incident.id,
+    reference_no: incident.referenceNo,
+    incident_type: incident.incidentType,
+    description: incident.description,
+    status: incident.status,
+    severity: incident.severity,
+    injury_involved: incident.injuryInvolved,
+    asset_involved: incident.assetInvolved,
+    medical_status: incident.medicalStatus,
+    lost_days: incident.lostDays,
+    reported_at: incident.reportedAt.toISOString(),
+    closed_at: incident.closedAt?.toISOString() ?? null,
+    sites: incident.siteId ? { id: incident.siteId, name: incident.siteName! } : null,
+    zones: incident.zoneId ? { id: incident.zoneId, name: incident.zoneName! } : null,
+    trucks: incident.truckId ? { id: incident.truckId, truck_no: incident.truckNo!, carrier: incident.truckCarrier ?? null } : null,
+    reporter: incident.reporterId ? { id: incident.reporterId, name: incident.reporterName!, email: incident.reporterEmail! } : null,
+    evidence_files: evidenceRows.map(e => ({
+      id: e.id,
+      stage: e.stage,
+      file_url: e.fileUrl,
+      file_type: e.fileType,
+      uploaded_at: e.uploadedAt.toISOString(),
+    })),
+  }
+
+  const investigationProp = inv ? {
+    id: inv.id,
+    method: inv.method,
+    five_why_steps: inv.fiveWhySteps as { why: string; answer: string }[] | null,
+    fishbone_categories: inv.fishboneCategories as Record<string, string> | null,
+    findings_text: inv.findingsText,
+    root_cause_summary: inv.rootCauseSummary,
+    alcohol_test_result: inv.alcoholTestResult,
+    urine_test_result: inv.urineTestResult,
+    witness_statement_refs: inv.witnessStatementRefs ?? [],
+    completed_at: inv.completedAt?.toISOString() ?? null,
+    investigator: inv.investigatorEmail
+      ? { name: inv.investigatorName ?? null, email: inv.investigatorEmail }
+      : null,
+  } : null
 
   return (
     <main className="max-w-3xl mx-auto px-4 py-6">
       <Link href="/supervisor/incidents" className="text-sm text-blue-600 hover:underline mb-4 inline-block">
         ← Back to inbox
       </Link>
-      <IncidentDetail incident={incident as unknown as Incident} />
+      <IncidentDetail incident={incidentProp} />
-      {investigation && (
+      {investigationProp && (
-        <InvestigationPanel investigation={investigation as never} />
+        <InvestigationPanel investigation={investigationProp} />
       )}
     </main>
   )

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
+  const reporterAlias = aliasedTable(users, 'reporter')
-    .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 })
 
-  if (params.q) {
+  const conditions = []
-    query = query.or(`reference_no.ilike.%${params.q}%,description.ilike.%${params.q}%`)
+  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.status) query = query.eq('status', params.status)
+  if (params.type) conditions.push(eq(incidents.incidentType, params.type as never))
-  if (params.type) query = query.eq('incident_type', params.type)
+  if (params.site_id) conditions.push(eq(incidents.siteId, params.site_id))
-  if (params.site_id) query = query.eq('site_id', params.site_id)
+  if (params.truck_id) conditions.push(eq(incidents.truckId, params.truck_id))
-  if (params.truck_id) query = query.eq('truck_id', params.truck_id)
+  const where = conditions.length ? and(...conditions) : undefined
 
-  const [{ data: incidents, count }, { data: sites }, { data: trucks }] = await Promise.all([
+  const [[countRow], incidentRows, siteRows, truckRows] = await Promise.all([
-    query.range(from, from + PAGE_SIZE - 1),
+    asAdmin(db =>
-    supabase.from('sites').select('id, name').order('name'),
+      db.select({ count: sql<number>`count(*)` })
-    supabase.from('trucks').select('id, truck_no').eq('active', true).order('truck_no'),
+      .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 total = Number(countRow?.count ?? 0)
-  const truckOptions: TruckOption[] = (trucks ?? []).map(tk => ({ id: tk.id, truck_no: tk.truck_no }))
+
+  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" />
+      <IncidentList incidents={incidentList} basePath="/supervisor" />
-      <Pagination page={page} pageSize={PAGE_SIZE} total={count ?? 0} href="/supervisor/incidents" />
+      <Pagination page={page} pageSize={PAGE_SIZE} total={total} href="/supervisor/incidents" />
     </main>
   )
 }

app/(protected)/supervisor/page.tsx

@@ -1,9 +1,12 @@
 export const dynamic = 'force-dynamic'
 
 import Link from 'next/link'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { redirect } from 'next/navigation'
 import { getSession } from '@/lib/auth/get-session'
+import { incidents, sites, capaActions, users } from '@/lib/db/schema'
+import { eq, not, and, inArray, sql } from 'drizzle-orm'
+import { aliasedTable } from 'drizzle-orm'
 import { StatCard } from '@/components/dashboard/stat-card'
 
 const STATUS_LABELS: Record<string, string> = {
@@ -29,8 +32,6 @@ export default async function SupervisorPage() {
   if (!session) redirect('/login')
   if (!['supervisor', 'admin'].includes(session.role)) redirect('/')
 
-  const supabase = await createClient()
-
   if (!session.siteId) {
     return (
       <main className="max-w-4xl mx-auto px-4 py-6">
@@ -40,56 +41,69 @@ export default async function SupervisorPage() {
     )
   }
 
-  const { data: siteRow } = await supabase.from('sites').select('name').eq('id', session.siteId).single()
+  const [siteRow] = await asAdmin(db =>
-  const siteName = (siteRow as unknown as { name: string } | null)?.name ?? 'Your Site'
+    db.select({ name: sites.name }).from(sites).where(eq(sites.id, session.siteId!)).limit(1)
+  )
+  const siteName = siteRow?.name ?? 'Your Site'
 
-  // Resolve incident IDs once to avoid duplicate queries inside Promise.all
+  // Get all incident IDs for this site
-  const { data: siteIncidents } = await supabase
+  const siteIncidents = await asAdmin(db =>
-    .from('incidents')
+    db.select({ id: incidents.id }).from(incidents).where(eq(incidents.siteId, session.siteId!))
-    .select('id')
+  )
-    .eq('site_id', session.siteId)
+  const incidentIds = siteIncidents.map(r => r.id)
-  const incidentIds = siteIncidents?.map(r => r.id) ?? []
 
-  const [
+  const ownerAlias = aliasedTable(users, 'owner')
-    { data: openIncidents },
+
-    { count: closedCount },
+  const [openIncidents, closedCountRow, openCountRow, overdueCapas, allCapas] = await Promise.all([
-    { count: openCount },
+    asAdmin(db =>
-    { data: overdueCapas },
+      db.select({
-    { data: allCapas },
+        id: incidents.id,
-  ] = await Promise.all([
+        referenceNo: incidents.referenceNo,
-    supabase
+        incidentType: incidents.incidentType,
-      .from('incidents')
+        status: incidents.status,
-      .select('id, reference_no, incident_type, status, reported_at')
+        reportedAt: incidents.reportedAt,
-      .eq('site_id', session.siteId)
+      })
-      .neq('status', 'closed')
+      .from(incidents)
-      .order('reported_at', { ascending: false })
+      .where(and(eq(incidents.siteId, session.siteId!), not(eq(incidents.status, 'closed'))))
-      .limit(10),
+      .orderBy(sql`${incidents.reportedAt} desc`)
-    supabase
+      .limit(10)
-      .from('incidents')
+    ),
-      .select('*', { count: 'exact', head: true })
+    asAdmin(db =>
-      .eq('site_id', session.siteId)
+      db.select({ count: sql<number>`count(*)` })
-      .eq('status', 'closed'),
+      .from(incidents)
-    supabase
+      .where(and(eq(incidents.siteId, session.siteId!), eq(incidents.status, 'closed')))
-      .from('incidents')
+    ),
-      .select('*', { count: 'exact', head: true })
+    asAdmin(db =>
-      .eq('site_id', session.siteId)
+      db.select({ count: sql<number>`count(*)` })
-      .neq('status', 'closed'),
+      .from(incidents)
-    supabase
+      .where(and(eq(incidents.siteId, session.siteId!), not(eq(incidents.status, 'closed'))))
-      .from('capa_actions')
+    ),
-      .select('id, description, due_date, users (name)')
+    incidentIds.length > 0
-      .eq('status', 'overdue')
+      ? asAdmin(db =>
-      .in('incident_id', incidentIds),
+          db.select({
-    supabase
+            id: capaActions.id,
-      .from('capa_actions')
+            description: capaActions.description,
-      .select('id, status')
+            dueDate: capaActions.dueDate,
-      .in('incident_id', incidentIds),
+            ownerName: ownerAlias.name,
+          })
+          .from(capaActions)
+          .leftJoin(ownerAlias, eq(capaActions.ownerUserId, ownerAlias.id))
+          .where(and(eq(capaActions.status, 'overdue'), inArray(capaActions.incidentId, incidentIds)))
+        )
+      : Promise.resolve([]),
+    incidentIds.length > 0
+      ? asAdmin(db =>
+          db.select({ id: capaActions.id, status: capaActions.status })
+          .from(capaActions)
+          .where(inArray(capaActions.incidentId, incidentIds))
+        )
+      : Promise.resolve([]),
   ])
 
-  const resolvedOpenCount = openCount ?? 0
+  const resolvedOpenCount = Number(openCountRow[0]?.count ?? 0)
-  const resolvedClosedCount = closedCount ?? 0
+  const resolvedClosedCount = Number(closedCountRow[0]?.count ?? 0)
-  const overdueCount = overdueCapas?.length ?? 0
+  const overdueCount = overdueCapas.length
-
+  const capaRows = allCapas
-  const capaRows = allCapas ?? []
   const capaOpenCount = capaRows.filter(c => ['open', 'in_progress'].includes(c.status)).length
   const capaVerifiedCount = capaRows.filter(c => c.status === 'verified').length
 
@@ -121,19 +135,19 @@ export default async function SupervisorPage() {
       {/* Open incidents */}
       <div className="bg-white rounded-xl shadow-sm p-5 mb-4">
         <h2 className="text-sm font-semibold text-gray-700 uppercase tracking-wide mb-4">Open Incidents</h2>
-        {(openIncidents ?? []).length === 0 ? (
+        {openIncidents.length === 0 ? (
           <p className="text-sm text-gray-400">No open incidents.</p>
         ) : (
           <div className="space-y-2">
-            {(openIncidents ?? []).map(inc => (
+            {openIncidents.map(inc => (
               <Link
                 key={inc.id}
                 href={`/supervisor/incidents/${inc.id}`}
                 className="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 hover:bg-gray-50 -mx-2 px-2 rounded"
               >
                 <div>
-                  <p className="text-sm font-medium text-gray-900">{inc.reference_no ?? inc.id.slice(0, 8)}</p>
+                  <p className="text-sm font-medium text-gray-900">{inc.referenceNo ?? inc.id.slice(0, 8)}</p>
-                  <p className="text-xs text-gray-500">{TYPE_LABELS[inc.incident_type] ?? inc.incident_type}</p>
+                  <p className="text-xs text-gray-500">{TYPE_LABELS[inc.incidentType] ?? inc.incidentType}</p>
                 </div>
                 <span className={`text-xs rounded-full px-2 py-0.5 font-medium ${STATUS_COLORS[inc.status] ?? 'bg-gray-100 text-gray-700'}`}>
                   {STATUS_LABELS[inc.status] ?? inc.status}
@@ -149,16 +163,16 @@ export default async function SupervisorPage() {
         <div className="bg-white rounded-xl shadow-sm p-5">
           <h2 className="text-sm font-semibold text-red-600 uppercase tracking-wide mb-4">Overdue CAPAs</h2>
           <div className="space-y-2">
-            {(overdueCapas ?? []).map(capa => (
+            {overdueCapas.map(capa => (
               <div key={capa.id} className="flex items-start justify-between py-2 border-b border-gray-50 last:border-0">
                 <div className="flex-1 min-w-0 mr-4">
                   <p className="text-sm text-gray-800 line-clamp-2">{capa.description}</p>
                   <p className="text-xs text-gray-500 mt-0.5">
-                    Owner: {(capa.users as unknown as { name: string } | null)?.name ?? 'Unassigned'}
+                    Owner: {capa.ownerName ?? 'Unassigned'}
                   </p>
                 </div>
                 <span className="text-xs text-red-600 font-semibold shrink-0">
-                  Due {capa.due_date ? new Date(capa.due_date as string).toLocaleDateString('en-MY') : '—'}
+                  Due {capa.dueDate ? new Date(capa.dueDate).toLocaleDateString('en-MY') : '—'}
                 </span>
               </div>
             ))}

app/report/page.tsx

@@ -1,8 +1,10 @@
 export const dynamic = 'force-dynamic'
 
 import { redirect } from 'next/navigation'
-import { createClient } from '@/lib/supabase/server'
+import { asAdmin } from '@/lib/db/with-user'
 import { getSession } from '@/lib/auth/get-session'
+import { zones, sites, trucks } from '@/lib/db/schema'
+import { eq, asc } from 'drizzle-orm'
 import { ReportForm } from '@/components/incidents/report-form'
 import { LanguageSwitcher } from '@/components/language-switcher'
 import { OfflineSync } from '@/components/incidents/offline-sync'
@@ -16,28 +18,42 @@ export default async function ReportPage({ searchParams }: Props) {
   const session = await getSession()
   if (!session) redirect(`/login?redirect=/report${zone ? `?zone=${zone}` : ''}`)
 
-  const supabase = await createClient()
-
   let zoneName: string | null = null
   let siteName: string | null = null
 
   if (zone) {
-    const { data: zd } = await supabase
+    const [zd] = await asAdmin(db =>
-      .from('zones')
+      db.select({
-      .select('id, name, site_id, sites (name)')
+        name: zones.name,
-      .eq('qr_code_token', zone)
+        siteName: sites.name,
-      .single()
+      })
+      .from(zones)
+      .leftJoin(sites, eq(zones.siteId, sites.id))
+      .where(eq(zones.qrCodeToken, zone))
+      .limit(1)
+    )
     if (zd) {
-      zoneName = (zd as { name: string }).name ?? null
+      zoneName = zd.name
-      siteName = (zd.sites as unknown as { name: string } | null)?.name ?? null
+      siteName = zd.siteName ?? null
     }
   }
 
-  const { data: trucks } = await supabase
+  const truckRows = await asAdmin(db =>
-    .from('trucks')
+    db.select({
-    .select('id, truck_no, carrier')
+      id: trucks.id,
-    .eq('active', true)
+      truckNo: trucks.truckNo,
-    .order('truck_no')
+      carrier: trucks.carrier,
+    })
+    .from(trucks)
+    .where(eq(trucks.active, true))
+    .orderBy(asc(trucks.truckNo))
+  )
+
+  const truckList = truckRows.map(t => ({
+    id: t.id,
+    truck_no: t.truckNo,
+    carrier: t.carrier ?? null,
+  }))
 
   return (
     <main className="min-h-screen bg-gray-50 py-6 px-4 max-w-lg mx-auto">
@@ -58,7 +74,7 @@ export default async function ReportPage({ searchParams }: Props) {
         zoneToken={zone ?? null}
         zoneName={zoneName}
         siteName={siteName}
-        trucks={(trucks ?? []) as Array<{ id: string; truck_no: string; carrier: string | null }>}
+        trucks={truckList}
         initialTruckId={truck_id ?? null}
       />
       <OfflineSync />