feat: AI report quality check before submission
Adds POST /api/incidents/ai/quality-check using Claude tool_use to score incident descriptions 1-10. Report form blocks submission when score < 6, shows amber feedback with suggestions, and offers a 'Submit anyway' override. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FFDuBhMKvoWjrWT3ZnGmmr
This commit is contained in:
@@ -33,6 +33,13 @@ export function ReportForm({ zoneToken }: Props) {
|
||||
const [submitting, setSubmitting] = useState(false)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const [files, setFiles] = useState<File[]>([])
|
||||
const [qualityCheck, setQualityCheck] = useState<{
|
||||
score: number
|
||||
passes: boolean
|
||||
feedback: string
|
||||
suggestions: string[]
|
||||
} | null>(null)
|
||||
const [overrideQuality, setOverrideQuality] = useState(false)
|
||||
|
||||
const [form, setForm] = useState({
|
||||
incident_type: '' as IncidentType | '',
|
||||
@@ -47,6 +54,34 @@ export function ReportForm({ zoneToken }: Props) {
|
||||
setError(null)
|
||||
setSubmitting(true)
|
||||
|
||||
if (!overrideQuality) {
|
||||
try {
|
||||
const qcRes = await fetch('/api/incidents/ai/quality-check', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
description: form.description,
|
||||
incident_type: form.incident_type,
|
||||
}),
|
||||
})
|
||||
if (qcRes.ok) {
|
||||
const qc = await qcRes.json() as {
|
||||
score: number
|
||||
passes: boolean
|
||||
feedback: string
|
||||
suggestions: string[]
|
||||
}
|
||||
setQualityCheck(qc)
|
||||
if (!qc.passes) {
|
||||
setSubmitting(false)
|
||||
return
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
// Quality check failure is non-blocking — proceed with submission
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
const fd = new FormData()
|
||||
if (zoneToken) fd.append('zone_token', zoneToken)
|
||||
@@ -115,6 +150,31 @@ export function ReportForm({ zoneToken }: Props) {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{qualityCheck && !qualityCheck.passes && (
|
||||
<div className="rounded-lg bg-amber-50 border border-amber-200 p-3 space-y-2">
|
||||
<p className="text-xs font-semibold text-amber-700 uppercase tracking-wide">
|
||||
Report quality — {qualityCheck.score}/10
|
||||
</p>
|
||||
<p className="text-sm text-amber-800">{qualityCheck.feedback}</p>
|
||||
{qualityCheck.suggestions.length > 0 && (
|
||||
<ul className="list-disc list-inside space-y-1">
|
||||
{qualityCheck.suggestions.map((s, i) => (
|
||||
<li key={i} className="text-xs text-amber-700">{s}</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
<label className="flex items-center gap-2 text-xs text-amber-700 cursor-pointer mt-1">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={overrideQuality}
|
||||
onChange={e => setOverrideQuality(e.target.checked)}
|
||||
className="rounded border-amber-300 text-amber-600"
|
||||
/>
|
||||
Submit anyway
|
||||
</label>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="space-y-3">
|
||||
<label className="flex items-center gap-3 cursor-pointer">
|
||||
<input
|
||||
|
||||
Reference in New Issue
Block a user