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>
+  )
+}

app/api/incidents/[id]/triage/route.ts

@@ -0,0 +1,65 @@
+export const dynamic = 'force-dynamic'
+
+import { NextRequest, NextResponse } from 'next/server'
+import { createClient } from '@/lib/supabase/server'
+
+interface TriageBody {
+  severity: number
+  is_fatality: boolean
+  is_serious_bodily_injury: boolean
+  is_dangerous_occurrence: boolean
+  is_occupational_disease: boolean
+  triage_notes: string | null
+}
+
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const { id } = await params
+  const supabase = await createClient()
+
+  const { data: { user }, error: authError } = await supabase.auth.getUser()
+  if (authError || !user) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+
+  const { data: profile } = await supabase
+    .from('users').select('role').eq('id', user.id).single()
+  if (!profile || profile.role !== 'hse')
+    return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
+
+  const body: TriageBody = await request.json()
+  if (body.severity < 1 || body.severity > 5)
+    return NextResponse.json({ error: 'severity must be 1–5' }, { status: 422 })
+
+  const { data: incident } = await supabase
+    .from('incidents').select('status').eq('id', id).single()
+  if (!incident) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  if (incident.status !== 'reported')
+    return NextResponse.json({ error: 'Incident is not in reported status' }, { status: 409 })
+
+  const { error } = await supabase
+    .from('incidents')
+    .update({
+      severity: body.severity,
+      is_fatality: body.is_fatality,
+      is_serious_bodily_injury: body.is_serious_bodily_injury,
+      is_dangerous_occurrence: body.is_dangerous_occurrence,
+      is_occupational_disease: body.is_occupational_disease,
+      triage_notes: body.triage_notes ?? null,
+      triaged_by: user.id,
+      triaged_at: new Date().toISOString(),
+      status: 'triaged',
+    })
+    .eq('id', id)
+
+  if (error) return NextResponse.json({ error: 'Update failed' }, { status: 500 })
+
+  await supabase.rpc('write_audit_log', {
+    p_table_name: 'incidents',
+    p_record_id: id,
+    p_action: 'triage',
+    p_new_value: { severity: body.severity, status: 'triaged', triaged_by: user.id },
+  })
+
+  return NextResponse.json({ ok: true })
+}

components/incidents/triage-form.tsx

@@ -0,0 +1,134 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { computeDoshObligation } from '@/lib/incidents/dosh'
+
+interface Props {
+  incidentId: string
+  currentSeverity: number | null
+}
+
+const SEVERITY_LABELS: Record<number, string> = {
+  1: 'Minor',
+  2: 'Low',
+  3: 'Moderate',
+  4: 'Serious',
+  5: 'Critical / Fatality',
+}
+
+export function TriageForm({ incidentId, currentSeverity }: Props) {
+  const router = useRouter()
+  const [severity, setSeverity] = useState<number>(currentSeverity ?? 1)
+  const [isFatality, setIsFatality] = useState(false)
+  const [isSBI, setIsSBI] = useState(false)
+  const [isDO, setIsDO] = useState(false)
+  const [isOD, setIsOD] = useState(false)
+  const [triageNotes, setTriageNotes] = useState('')
+  const [saving, setSaving] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const dosh = computeDoshObligation({
+    is_fatality: isFatality,
+    is_serious_bodily_injury: isSBI,
+    is_dangerous_occurrence: isDO,
+    is_occupational_disease: isOD,
+    lost_days: null,
+  })
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    setSaving(true)
+    setError(null)
+    const res = await fetch(`/api/incidents/${incidentId}/triage`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        severity,
+        is_fatality: isFatality,
+        is_serious_bodily_injury: isSBI,
+        is_dangerous_occurrence: isDO,
+        is_occupational_disease: isOD,
+        triage_notes: triageNotes || null,
+      }),
+    })
+    if (!res.ok) {
+      const data = await res.json()
+      setError(data.error ?? 'Triage failed')
+      setSaving(false)
+      return
+    }
+    router.push(`/hse/incidents/${incidentId}`)
+    router.refresh()
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-6">
+      <div>
+        <label className="block text-sm font-medium text-gray-700 mb-1">
+          Severity — {SEVERITY_LABELS[severity]}
+        </label>
+        <input
+          type="range" min={1} max={5} value={severity}
+          onChange={e => setSeverity(Number(e.target.value))}
+          className="w-full accent-blue-600"
+        />
+        <div className="flex justify-between text-xs text-gray-400 mt-1">
+          <span>1 Minor</span><span>3 Moderate</span><span>5 Critical</span>
+        </div>
+      </div>
+
+      <fieldset className="space-y-2">
+        <legend className="text-sm font-medium text-gray-700 mb-2">DOSH Regulatory Checklist (NADOPOD 2004)</legend>
+        {[
+          { id: 'fatality', label: 'Fatality', value: isFatality, set: setIsFatality },
+          { id: 'sbi', label: 'Serious bodily injury', value: isSBI, set: setIsSBI },
+          { id: 'do', label: 'Dangerous occurrence', value: isDO, set: setIsDO },
+          { id: 'od', label: 'Occupational disease', value: isOD, set: setIsOD },
+        ].map(({ id, label, value, set }) => (
+          <label key={id} className="flex items-center gap-2 text-sm text-gray-700">
+            <input
+              type="checkbox" checked={value}
+              onChange={e => set(e.target.checked)}
+              className="rounded border-gray-300 text-blue-600"
+            />
+            {label}
+          </label>
+        ))}
+      </fieldset>
+
+      {dosh.reasons.length > 0 && (
+        <div className="rounded-lg bg-red-50 border border-red-200 p-3 space-y-1">
+          <p className="text-xs font-semibold text-red-700 uppercase tracking-wide">DOSH Reporting Required</p>
+          {dosh.reasons.map(r => (
+            <p key={r} className="text-xs text-red-600">{r}</p>
+          ))}
+          {dosh.requires_immediate_notification && (
+            <p className="text-xs font-bold text-red-700 mt-1">⚠ Immediate notification required (within 24h)</p>
+          )}
+        </div>
+      )}
+
+      <div>
+        <label className="block text-sm font-medium text-gray-700 mb-1">Triage notes (optional)</label>
+        <textarea
+          value={triageNotes}
+          onChange={e => setTriageNotes(e.target.value)}
+          rows={3}
+          className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+          placeholder="Initial assessment, immediate actions taken..."
+        />
+      </div>
+
+      {error && <p className="text-sm text-red-600">{error}</p>}
+
+      <button
+        type="submit"
+        disabled={saving}
+        className="w-full bg-blue-600 text-white rounded-lg py-2 text-sm font-semibold disabled:opacity-50"
+      >
+        {saving ? 'Saving…' : 'Complete Triage'}
+      </button>
+    </form>
+  )
+}

tsconfig.json

@@ -37,6 +37,7 @@
     "**/*.mts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "node_modules.nosync"
   ]
 }