feat(agent): PreScanWizard im ComplianceCheckTab (P79 sichtbar)

Wizard war bisher nur im DocCheckTab eingebaut, der aber nirgends im UI
gemountet ist. Daher: alle Compliance-Checks schickten scan_context=null,
P72 Branchen-Filter wirkte nie.

Fix: PreScanWizard ins ComplianceCheckTab über die Document-Rows
gestellt. Submit-Button disabled bis alle 8 Felder (Branche, B2B/B2C,
Direkt-Vertrieb, Rechtsform, Konzern, MA, Besondere Daten, Drittland)
gesetzt sind. scan_context wird im POST body mitgesendet.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-05-23 07:21:11 +02:00
parent d2f26e70c6
commit dfadff5b02
@@ -4,6 +4,7 @@ import React, { useState, useCallback } from 'react'
import { ChecklistView } from './ChecklistView'
import { DocumentRow } from './DocumentRow'
import { MigrationPanel } from './MigrationPanel'
import { PreScanWizard, useScanContext, isContextComplete } from './PreScanWizard'
const DOCUMENT_TYPES = [
{ id: 'dse', label: 'DSI (Datenschutzinformation)', required: true },
@@ -72,6 +73,7 @@ interface HistoryEntry {
export function ComplianceCheckTab() {
const [docs, setDocs] = useState<DocsState>(initState)
const [scanContext, setScanContext] = useScanContext()
const [useAgent, setUseAgent] = useState(false)
const [tdmOverride, setTdmOverride] = useState(false)
const [tdmOverrideReason, setTdmOverrideReason] = useState('')
@@ -201,6 +203,8 @@ export function ComplianceCheckTab() {
use_agent: useAgent,
tdm_override: tdmOverride && tdmOverrideReason.trim().length >= 10,
tdm_override_reason: tdmOverrideReason.trim(),
// P79 — Pre-Scan-Wizard 8 Pflichtfelder; treibt MC-Scope-Filter (P72)
scan_context: scanContext,
}),
})
if (!startRes.ok) throw new Error(`Pruefung konnte nicht gestartet werden: ${startRes.status}`)
@@ -270,6 +274,8 @@ export function ComplianceCheckTab() {
} catch { /* ignore */ }
}
const contextReady = isContextComplete(scanContext)
return (
<div className="space-y-4">
{/* Info box */}
@@ -282,6 +288,9 @@ export function ComplianceCheckTab() {
</p>
</div>
{/* P79 Pre-Scan-Wizard — 8 Pflichtfelder zum MC-Scope-Filter (P72) */}
<PreScanWizard value={scanContext} onChange={setScanContext} />
{/* Document rows */}
<div className="space-y-2">
{DOCUMENT_TYPES.map(dt => (
@@ -328,10 +337,11 @@ export function ComplianceCheckTab() {
{tdmOverride && <input type="text" value={tdmOverrideReason} onChange={e => setTdmOverrideReason(e.target.value)} placeholder="z.B. Auftragsbeziehung Safetykon GmbH, Email Hr. X vom 18.05.2026" className="w-full px-3 py-2 text-xs border border-amber-300 rounded bg-white" />}
{tdmOverride && tdmOverrideReason.trim().length < 10 && <p className="text-[10px] text-amber-700">Pflicht: Reason mit min. 10 Zeichen (Audit-Spur).</p>}
</div>
{/* Submit button */}
{/* Submit button — Wizard muss vollstaendig sein (P79) */}
<button
onClick={handleSubmit}
disabled={loading || filledCount === 0 || (tdmOverride && tdmOverrideReason.trim().length < 10)}
disabled={loading || filledCount === 0 || !contextReady || (tdmOverride && tdmOverrideReason.trim().length < 10)}
title={!contextReady ? 'Pre-Scan-Wizard zuerst vollstaendig ausfuellen' : ''}
className="w-full px-4 py-3 bg-purple-600 text-white rounded-lg font-medium hover:bg-purple-700 disabled:opacity-50 transition-colors text-sm flex items-center justify-center gap-2"
>
{loading ? (
@@ -342,6 +352,8 @@ export function ComplianceCheckTab() {
</svg>
Pruefe...
</>
) : !contextReady ? (
'Pre-Scan-Wizard vollstaendig ausfuellen (oben)'
) : (
`Compliance-Check starten (${filledCount} Dokument${filledCount !== 1 ? 'e' : ''})`
)}