feat: KI-Agent toggle in all 3 check tabs

- Impressum-Check: Toggle activates 75 Impressum MCs via agent
- Banner-Check: Toggle runs additional cookie doc-check (381 MCs)
  after the Playwright banner test completes
- Both use the same use_agent flag through doc-check endpoint

Green pill button consistent across all tabs:
'KI-Agent aus' / 'KI-Agent aktiv (X MCs)'

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-05-11 08:00:36 +02:00
parent 6cb5da56b3
commit cc919eb608
2 changed files with 63 additions and 0 deletions
@@ -25,6 +25,8 @@ export function ImpressumCheckTab() {
try { return JSON.parse(localStorage.getItem('impressum-check-history') || '[]') } catch { return [] }
})
const [useAgent, setUseAgent] = useState(false)
React.useEffect(() => { localStorage.setItem('impressum-check-url', url) }, [url])
const handleSubmit = async (e: React.FormEvent) => {
@@ -43,6 +45,7 @@ export function ImpressumCheckTab() {
body: JSON.stringify({
entries: [{ doc_type: 'impressum', label: 'Impressum', url: url.trim() }],
recipient: 'dsb@breakpilot.local',
use_agent: useAgent,
}),
})
if (!startRes.ok) throw new Error(`Fehler: ${startRes.status}`)
@@ -91,6 +94,16 @@ export function ImpressumCheckTab() {
</p>
</div>
<div className="flex items-center gap-3">
<button type="button" onClick={() => setUseAgent(!useAgent)}
className={`flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-medium border transition-colors ${
useAgent ? 'bg-emerald-100 border-emerald-300 text-emerald-800' : 'bg-gray-50 border-gray-200 text-gray-500 hover:bg-gray-100'
}`}>
<span className={`w-2 h-2 rounded-full ${useAgent ? 'bg-emerald-500' : 'bg-gray-300'}`} />
{useAgent ? 'KI-Agent aktiv (75 MCs)' : 'KI-Agent aus'}
</button>
</div>
<form onSubmit={handleSubmit} className="flex gap-3">
<input type="url" value={url} onChange={e => setUrl(e.target.value)}
placeholder="https://www.example.com/impressum"