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
This commit is contained in:
Claude Opus 4.8
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
@@ -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 })
|
||||
}
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
+2
-1
@@ -37,6 +37,7 @@
|
||||
"**/*.mts"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules"
|
||||
"node_modules",
|
||||
"node_modules.nosync"
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user