feat: triage panel — severity + DOSH checklist, transitions reported→triaged

Also excludes node_modules.nosync from tsconfig to fix pre-existing TS type check bleed.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FFDuBhMKvoWjrWT3ZnGmmr

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

@@ -30,12 +30,45 @@ export default async function HseIncidentDetailPage({ params }: Props) {
 
   if (error || !incident) notFound()
 
+  const status = (incident as { status: string }).status
+
   return (
     <main className="max-w-3xl mx-auto px-4 py-6">
       <Link href="/hse/incidents" className="text-sm text-blue-600 hover:underline mb-4 inline-block">
         ← Back to inbox
       </Link>
       <IncidentDetail incident={incident as unknown as Incident} />
+
+      {status === 'reported' && (
+        <div className="mt-6">
+          <Link
+            href={`/hse/incidents/${id}/triage`}
+            className="inline-block bg-blue-600 text-white rounded-lg px-4 py-2 text-sm font-semibold hover:bg-blue-700"
+          >
+            Triage Incident
+          </Link>
+        </div>
+      )}
+      {status === 'triaged' && (
+        <div className="mt-6">
+          <Link
+            href={`/hse/incidents/${id}/investigation`}
+            className="inline-block bg-indigo-600 text-white rounded-lg px-4 py-2 text-sm font-semibold hover:bg-indigo-700"
+          >
+            Start Investigation
+          </Link>
+        </div>
+      )}
+      {(['investigating', 'capa_pending'] as string[]).includes(status) && (
+        <div className="mt-6">
+          <Link
+            href={`/hse/incidents/${id}/capa/new`}
+            className="inline-block bg-amber-600 text-white rounded-lg px-4 py-2 text-sm font-semibold hover:bg-amber-700"
+          >
+            Add CAPA Action
+          </Link>
+        </div>
+      )}
     </main>
   )
 }

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

@@ -0,0 +1,45 @@
+export const dynamic = 'force-dynamic'
+
+import { notFound, redirect } from 'next/navigation'
+import Link from 'next/link'
+import { createClient } from '@/lib/supabase/server'
+import { TriageForm } from '@/components/incidents/triage-form'
+
+interface Props {
+  params: Promise<{ id: string }>
+}
+
+export default async function TriagePage({ params }: Props) {
+  const { id } = await params
+  const supabase = await createClient()
+
+  const { data, error: authError } = await supabase.auth.getUser()
+  if (authError || !data?.user) redirect(`/login?redirect=/hse/incidents/${id}/triage`)
+
+  const { data: profile } = await supabase
+    .from('users').select('role').eq('id', data.user.id).single()
+  if (!profile || profile.role !== 'hse') redirect('/hse/incidents')
+
+  const { data: incident } = await supabase
+    .from('incidents')
+    .select('id, reference_no, incident_type, status, severity')
+    .eq('id', id)
+    .single()
+
+  if (!incident) notFound()
+  if (incident.status !== 'reported') redirect(`/hse/incidents/${id}`)
+
+  return (
+    <main className="max-w-lg mx-auto px-4 py-6">
+      <Link href={`/hse/incidents/${id}`} className="text-sm text-blue-600 hover:underline mb-4 inline-block">
+        ← 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>
+      <TriageForm
+        incidentId={id}
+        currentSeverity={(incident as { severity: number | null }).severity}
+      />
+    </main>
+  )
+}