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:
2026-07-11 16:18:39 +08:00
co-authored by Claude Sonnet 4.6
parent ab6299f963
commit 3bec95aaf8
3 changed files with 172 additions and 0 deletions
+60
View File
@@ -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