Phase 1 — Python (klausur-service): 5 monoliths → 36 files - dsfa_corpus_ingestion.py (1,828 LOC → 5 files) - cv_ocr_engines.py (2,102 LOC → 7 files) - cv_layout.py (3,653 LOC → 10 files) - vocab_worksheet_api.py (2,783 LOC → 8 files) - grid_build_core.py (1,958 LOC → 6 files) Phase 2 — Go (edu-search-service, school-service): 8 monoliths → 19 files - staff_crawler.go (1,402 → 4), policy/store.go (1,168 → 3) - policy_handlers.go (700 → 2), repository.go (684 → 2) - search.go (592 → 2), ai_extraction_handlers.go (554 → 2) - seed_data.go (591 → 2), grade_service.go (646 → 2) Phase 3 — TypeScript (admin-lehrer): 45 monoliths → 220+ files - sdk/types.ts (2,108 → 16 domain files) - ai/rag/page.tsx (2,686 → 14 files) - 22 page.tsx files split into _components/ + _hooks/ - 11 component files split into sub-components - 10 SDK data catalogs added to loc-exceptions - Deleted dead backup index_original.ts (4,899 LOC) All original public APIs preserved via re-export facades. Zero new errors: Python imports verified, Go builds clean, TypeScript tsc --noEmit shows only pre-existing errors. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
'use client'
|
|
|
|
import type { ExcludeRegion } from '@/app/(admin)/ai/ocr-kombi/types'
|
|
|
|
interface ExcludeRegionsListProps {
|
|
regions: ExcludeRegion[]
|
|
onDeleteRegion: (index: number) => void
|
|
}
|
|
|
|
export function ExcludeRegionsList({ regions, onDeleteRegion }: ExcludeRegionsListProps) {
|
|
if (regions.length === 0) return null
|
|
|
|
return (
|
|
<div className="bg-red-50 dark:bg-red-900/10 rounded-lg border border-red-200 dark:border-red-800 p-3">
|
|
<h4 className="text-xs font-medium text-red-700 dark:text-red-400 mb-2">
|
|
Ausschlussbereiche ({regions.length}) — Woerter in diesen Bereichen werden nicht erkannt
|
|
</h4>
|
|
<div className="space-y-1">
|
|
{regions.map((region, i) => (
|
|
<div key={i} className="flex items-center gap-3 text-xs">
|
|
<span className="w-3 h-3 rounded-sm flex-shrink-0 bg-red-500/30 border border-red-500" />
|
|
<span className="text-red-700 dark:text-red-400 font-medium">
|
|
{region.label || `Bereich ${i + 1}`}
|
|
</span>
|
|
<span className="font-mono text-red-600/70 dark:text-red-400/70">
|
|
{region.w}x{region.h}px @ ({region.x}, {region.y})
|
|
</span>
|
|
<button
|
|
onClick={() => onDeleteRegion(i)}
|
|
className="ml-auto text-red-500 hover:text-red-700 dark:hover:text-red-300"
|
|
>
|
|
Entfernen
|
|
</button>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|