Flexible inhaltsbasierte Spaltenerkennung (2-Phasen)

Ersetzt hardcodierte Positionsregeln durch ein zweistufiges System:
Phase A erkennt Spaltengeometrie (Clustering), Phase B klassifiziert
Typen per Inhalt (Sprache/Rolle) mit 3-stufiger Fallback-Kette.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

admin-lehrer/components/ocr-pipeline/ColumnControls.tsx

@@ -15,6 +15,7 @@ const TYPE_COLORS: Record<string, string> = {
   column_en: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400',
   column_de: 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400',
   column_example: 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400',
+  column_text: 'bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-400',
   page_ref: 'bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400',
   column_marker: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400',
   header: 'bg-gray-100 text-gray-600 dark:bg-gray-700/50 dark:text-gray-400',
@@ -25,12 +26,19 @@ const TYPE_LABELS: Record<string, string> = {
   column_en: 'EN',
   column_de: 'DE',
   column_example: 'Beispiel',
+  column_text: 'Text',
   page_ref: 'Seite',
   column_marker: 'Marker',
   header: 'Header',
   footer: 'Footer',
 }
 
+const METHOD_LABELS: Record<string, string> = {
+  content: 'Inhalt',
+  position_enhanced: 'Position',
+  position_fallback: 'Fallback',
+}
+
 export function ColumnControls({ columnResult, onRerun, onGroundTruth, onNext, isDetecting }: ColumnControlsProps) {
   const [gtSaved, setGtSaved] = useState(false)
 
@@ -70,6 +78,16 @@ export function ColumnControls({ columnResult, onRerun, onGroundTruth, onNext, i
             <span className={`px-2 py-0.5 rounded text-xs font-medium ${TYPE_COLORS[col.type] || ''}`}>
               {TYPE_LABELS[col.type] || col.type}
             </span>
+            {col.classification_confidence != null && col.classification_confidence < 1.0 && (
+              <span className="text-xs font-medium text-gray-600 dark:text-gray-300">
+                {Math.round(col.classification_confidence * 100)}%
+              </span>
+            )}
+            {col.classification_method && (
+              <span className="text-xs text-gray-400 dark:text-gray-500">
+                ({METHOD_LABELS[col.classification_method] || col.classification_method})
+              </span>
+            )}
             <span className="text-gray-500 dark:text-gray-400 text-xs font-mono">
               x={col.x} y={col.y} {col.width}x{col.height}px
             </span>