[split-required] Split 58 monoliths across Python, Go, TypeScript (Phases 1-3)

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>

admin-lehrer/components/ocr-overlay/OverlayCellRenderer.tsx

@@ -0,0 +1,148 @@
+'use client'
+
+import type { EditableCell } from './overlay-reconstruction-types'
+import type { WordPosition } from './usePixelWordPositions'
+
+interface OverlayCellRendererProps {
+  cell: EditableCell
+  displayText: string
+  edited: boolean
+  wordPositions: WordPosition[] | undefined
+  medianCellHeightPx: number
+  fontScale: number
+  globalBold: boolean
+  colorValue: string
+  handleTextChange: (cellId: string, newText: string) => void
+  handleKeyDown: (e: React.KeyboardEvent, cellId: string) => void
+  resetCell: (cellId: string) => void
+}
+
+/** Renders a single cell in the overlay -- either as pixel-positioned word spans or a fallback input. */
+export function OverlayCellRenderer({
+  cell,
+  displayText,
+  edited,
+  wordPositions,
+  medianCellHeightPx,
+  fontScale,
+  globalBold,
+  colorValue,
+  handleTextChange,
+  handleKeyDown,
+  resetCell,
+}: OverlayCellRendererProps) {
+  const bboxPct = cell.bboxPct
+  const fontFamily = "'Liberation Sans', Arial, sans-serif"
+
+  // Pixel-analysed: render word-groups at detected positions
+  if (wordPositions && wordPositions.length > 0) {
+    return (
+      <>
+        {wordPositions.map((wp, i) => {
+          const autoFontPx = medianCellHeightPx * wp.fontRatio * fontScale
+          const fs = Math.max(6, autoFontPx)
+
+          if (wordPositions.length > 1) {
+            return (
+              <span
+                key={`${cell.cellId}_wp_${i}`}
+                className="absolute leading-none pointer-events-none select-none"
+                style={{
+                  left: `${wp.xPct}%`,
+                  top: `${wp.yPct}%`,
+                  width: `${wp.wPct}%`,
+                  height: `${wp.hPct}%`,
+                  fontSize: `${fs}px`,
+                  fontWeight: globalBold ? 'bold' : 'normal',
+                  fontFamily,
+                  display: 'flex',
+                  alignItems: 'center',
+                  whiteSpace: 'nowrap',
+                  overflow: 'visible',
+                  color: colorValue,
+                }}
+              >
+                {wp.text}
+              </span>
+            )
+          }
+
+          return (
+            <div key={`${cell.cellId}_wp_${i}`} className="absolute group" style={{
+              left: `${wp.xPct}%`,
+              top: `${wp.yPct}%`,
+              width: `${wp.wPct}%`,
+              height: `${wp.hPct}%`,
+            }}>
+              <input
+                id={`cell-${cell.cellId}`}
+                type="text"
+                value={displayText}
+                onChange={(e) => handleTextChange(cell.cellId, e.target.value)}
+                onKeyDown={(e) => handleKeyDown(e, cell.cellId)}
+                className={`w-full h-full bg-transparent border-0 outline-none px-0 transition-colors ${
+                  edited ? 'bg-green-50/30' : ''
+                }`}
+                style={{
+                  fontSize: `${fs}px`,
+                  fontWeight: globalBold ? 'bold' : 'normal',
+                  fontFamily,
+                  lineHeight: '1',
+                  color: colorValue,
+                }}
+                title={`${cell.cellId} (${cell.colType})`}
+              />
+              <ResetButton edited={edited} cellId={cell.cellId} resetCell={resetCell} />
+            </div>
+          )
+        })}
+      </>
+    )
+  }
+
+  // Fallback: no pixel data -- single input at cell bbox
+  if (!cell.text) return null
+
+  const fontSize = Math.max(6, medianCellHeightPx * fontScale)
+  return (
+    <div key={cell.cellId} className="absolute group" style={{
+      left: `${bboxPct.x}%`,
+      top: `${bboxPct.y}%`,
+      width: `${bboxPct.w}%`,
+      height: `${bboxPct.h}%`,
+    }}>
+      <input
+        id={`cell-${cell.cellId}`}
+        type="text"
+        value={displayText}
+        onChange={(e) => handleTextChange(cell.cellId, e.target.value)}
+        onKeyDown={(e) => handleKeyDown(e, cell.cellId)}
+        className={`w-full h-full bg-transparent border-0 outline-none px-0 transition-colors ${
+          edited ? 'bg-green-50/30' : ''
+        }`}
+        style={{
+          fontSize: `${fontSize}px`,
+          fontWeight: globalBold ? 'bold' : 'normal',
+          fontFamily,
+          lineHeight: '1',
+          color: colorValue,
+        }}
+        title={`${cell.cellId} (${cell.colType})`}
+      />
+      <ResetButton edited={edited} cellId={cell.cellId} resetCell={resetCell} />
+    </div>
+  )
+}
+
+function ResetButton({ edited, cellId, resetCell }: { edited: boolean; cellId: string; resetCell: (id: string) => void }) {
+  if (!edited) return null
+  return (
+    <button
+      onClick={() => resetCell(cellId)}
+      className="absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white rounded-full text-[9px] leading-none opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"
+      title="Zuruecksetzen"
+    >
+      &times;
+    </button>
+  )
+}