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

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 || !['hse', 'admin'].includes(profile.role)) 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>
  )
}