b681ddb131
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>
73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
'use client'
|
|
|
|
import type { StructureBox, StructureGraphic } from '@/app/(admin)/ai/ocr-kombi/types'
|
|
|
|
interface StructureLayerProps {
|
|
boxes: StructureBox[]
|
|
graphics: StructureGraphic[]
|
|
imgW: number
|
|
imgH: number
|
|
show: boolean
|
|
}
|
|
|
|
/**
|
|
* Renders structure boxes and graphic elements as a positioned overlay.
|
|
* Used as a background layer in both simple and overlay reconstruction modes.
|
|
*/
|
|
export function StructureLayer({ boxes, graphics, imgW, imgH, show }: StructureLayerProps) {
|
|
if (!show) return null
|
|
if (boxes.length === 0 && graphics.length === 0) return null
|
|
|
|
return (
|
|
<>
|
|
{/* Structure boxes */}
|
|
{boxes.map((box, i) => {
|
|
const bgColor = box.bg_color_hex || '#6b7280'
|
|
return (
|
|
<div
|
|
key={`sbox-${i}`}
|
|
className="absolute pointer-events-none"
|
|
style={{
|
|
left: `${(box.x / imgW) * 100}%`,
|
|
top: `${(box.y / imgH) * 100}%`,
|
|
width: `${(box.w / imgW) * 100}%`,
|
|
height: `${(box.h / imgH) * 100}%`,
|
|
border: `${Math.max(1, box.border_thickness)}px solid ${bgColor}40`,
|
|
backgroundColor: `${bgColor}0a`,
|
|
borderRadius: '2px',
|
|
}}
|
|
/>
|
|
)
|
|
})}
|
|
|
|
{/* Graphic elements */}
|
|
{graphics.map((g, i) => (
|
|
<div
|
|
key={`sgfx-${i}`}
|
|
className="absolute pointer-events-none"
|
|
style={{
|
|
left: `${(g.x / imgW) * 100}%`,
|
|
top: `${(g.y / imgH) * 100}%`,
|
|
width: `${(g.w / imgW) * 100}%`,
|
|
height: `${(g.h / imgH) * 100}%`,
|
|
border: `1px dashed ${g.color_hex}60`,
|
|
backgroundColor: `${g.color_hex}08`,
|
|
borderRadius: '2px',
|
|
}}
|
|
>
|
|
<span
|
|
className="absolute text-[8px] leading-none opacity-50"
|
|
style={{
|
|
top: '1px',
|
|
left: '2px',
|
|
color: g.color_hex,
|
|
}}
|
|
>
|
|
{g.shape === 'illustration' ? 'Illust' : 'Bild'}
|
|
</span>
|
|
</div>
|
|
))}
|
|
</>
|
|
)
|
|
}
|