[split-required] Split 500-1000 LOC files across all services

backend-lehrer (5 files):
- alerts_agent/db/repository.py (992 → 5), abitur_docs_api.py (956 → 3)
- teacher_dashboard_api.py (951 → 3), services/pdf_service.py (916 → 3)
- mail/mail_db.py (987 → 6)

klausur-service (5 files):
- legal_templates_ingestion.py (942 → 3), ocr_pipeline_postprocess.py (929 → 4)
- ocr_pipeline_words.py (876 → 3), ocr_pipeline_ocr_merge.py (616 → 2)
- KorrekturPage.tsx (956 → 6)

website (5 pages):
- mail (985 → 9), edu-search (958 → 8), mac-mini (950 → 7)
- ocr-labeling (946 → 7), audit-workspace (871 → 4)

studio-v2 (5 files + 1 deleted):
- page.tsx (946 → 5), MessagesContext.tsx (925 → 4)
- korrektur (914 → 6), worksheet-cleanup (899 → 6)
- useVocabWorksheet.ts (888 → 3)
- Deleted dead page-original.tsx (934 LOC)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

studio-v2/app/korrektur/_components/CreateKlausurModal.tsx

@@ -0,0 +1,106 @@
+'use client'
+
+import { useState } from 'react'
+import type { CreateKlausurData } from '../types'
+import { GlassCard } from './GlassCard'
+
+interface CreateKlausurModalProps {
+  isOpen: boolean
+  onClose: () => void
+  onSubmit: (data: CreateKlausurData) => void
+  isLoading: boolean
+  isDark?: boolean
+}
+
+export function CreateKlausurModal({ isOpen, onClose, onSubmit, isLoading, isDark = true }: CreateKlausurModalProps) {
+  const [title, setTitle] = useState('')
+  const [subject, setSubject] = useState('Deutsch')
+  const [year, setYear] = useState(new Date().getFullYear())
+  const [semester, setSemester] = useState('Abitur')
+  const [modus, setModus] = useState<'landes_abitur' | 'vorabitur'>('landes_abitur')
+
+  if (!isOpen) return null
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    onSubmit({ title, subject, year, semester, modus })
+  }
+
+  const inputClasses = isDark
+    ? 'bg-white/10 border-white/20 text-white placeholder-white/40'
+    : 'bg-slate-100 border-slate-300 text-slate-900 placeholder-slate-400'
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div className="absolute inset-0 bg-black/50 backdrop-blur-sm" onClick={onClose} />
+      <GlassCard className="relative w-full max-w-md" size="lg" delay={0} isDark={isDark}>
+        <h2 className={`text-xl font-bold mb-6 ${isDark ? 'text-white' : 'text-slate-900'}`}>Neue Klausur erstellen</h2>
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <label htmlFor="klausur-titel" className={`block text-sm mb-2 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>Titel</label>
+            <input
+              id="klausur-titel"
+              type="text"
+              value={title}
+              onChange={(e) => setTitle(e.target.value)}
+              placeholder="z.B. Deutsch LK Q4"
+              className={`w-full p-3 rounded-xl border focus:ring-2 focus:ring-purple-500 focus:border-transparent ${inputClasses}`}
+              required
+            />
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label htmlFor="klausur-fach" className={`block text-sm mb-2 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>Fach</label>
+              <select id="klausur-fach" value={subject} onChange={(e) => setSubject(e.target.value)}
+                className={`w-full p-3 rounded-xl border focus:ring-2 focus:ring-purple-500 ${inputClasses}`}>
+                <option value="Deutsch">Deutsch</option>
+                <option value="Englisch">Englisch</option>
+                <option value="Mathematik">Mathematik</option>
+              </select>
+            </div>
+            <div>
+              <label htmlFor="klausur-jahr" className={`block text-sm mb-2 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>Jahr</label>
+              <input id="klausur-jahr" type="number" value={year} onChange={(e) => setYear(Number(e.target.value))}
+                className={`w-full p-3 rounded-xl border focus:ring-2 focus:ring-purple-500 ${inputClasses}`} />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label htmlFor="klausur-semester" className={`block text-sm mb-2 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>Semester</label>
+              <select id="klausur-semester" value={semester} onChange={(e) => setSemester(e.target.value)}
+                className={`w-full p-3 rounded-xl border focus:ring-2 focus:ring-purple-500 ${inputClasses}`}>
+                <option value="Abitur">Abitur</option>
+                <option value="Q1">Q1</option>
+                <option value="Q2">Q2</option>
+                <option value="Q3">Q3</option>
+                <option value="Q4">Q4</option>
+              </select>
+            </div>
+            <div>
+              <label htmlFor="klausur-modus" className={`block text-sm mb-2 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>Modus</label>
+              <select id="klausur-modus" value={modus} onChange={(e) => setModus(e.target.value as 'landes_abitur' | 'vorabitur')}
+                className={`w-full p-3 rounded-xl border focus:ring-2 focus:ring-purple-500 ${inputClasses}`}>
+                <option value="landes_abitur">Landes-Abitur (NiBiS EH)</option>
+                <option value="vorabitur">Vorabitur (Eigener EH)</option>
+              </select>
+            </div>
+          </div>
+
+          <div className="flex gap-3 pt-4">
+            <button type="button" onClick={onClose}
+              className={`flex-1 px-4 py-3 rounded-xl transition-colors ${isDark ? 'bg-white/10 text-white hover:bg-white/20' : 'bg-slate-200 text-slate-700 hover:bg-slate-300'}`}>
+              Abbrechen
+            </button>
+            <button type="submit" disabled={isLoading || !title.trim()}
+              className="flex-1 px-4 py-3 rounded-xl bg-gradient-to-r from-purple-500 to-pink-500 text-white font-semibold hover:shadow-lg hover:shadow-purple-500/30 transition-all disabled:opacity-50">
+              {isLoading ? 'Erstelle...' : 'Erstellen'}
+            </button>
+          </div>
+        </form>
+      </GlassCard>
+    </div>
+  )
+}

studio-v2/app/korrektur/_components/GlassCard.tsx

@@ -0,0 +1,49 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+
+interface GlassCardProps {
+  children: React.ReactNode
+  className?: string
+  onClick?: () => void
+  size?: 'sm' | 'md' | 'lg'
+  delay?: number
+  isDark?: boolean
+}
+
+export function GlassCard({ children, className = '', onClick, size = 'md', delay = 0, isDark = true }: GlassCardProps) {
+  const [isVisible, setIsVisible] = useState(false)
+  const [isHovered, setIsHovered] = useState(false)
+
+  useEffect(() => {
+    const timer = setTimeout(() => setIsVisible(true), delay)
+    return () => clearTimeout(timer)
+  }, [delay])
+
+  const sizeClasses = { sm: 'p-4', md: 'p-5', lg: 'p-6' }
+
+  return (
+    <div
+      className={`rounded-3xl ${sizeClasses[size]} ${onClick ? 'cursor-pointer' : ''} ${className}`}
+      style={{
+        background: isDark
+          ? (isHovered ? 'rgba(255, 255, 255, 0.12)' : 'rgba(255, 255, 255, 0.08)')
+          : (isHovered ? 'rgba(255, 255, 255, 0.9)' : 'rgba(255, 255, 255, 0.7)'),
+        backdropFilter: 'blur(24px) saturate(180%)',
+        WebkitBackdropFilter: 'blur(24px) saturate(180%)',
+        border: isDark ? '1px solid rgba(255, 255, 255, 0.1)' : '1px solid rgba(0, 0, 0, 0.1)',
+        boxShadow: isDark
+          ? '0 4px 24px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05)'
+          : '0 4px 24px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5)',
+        opacity: isVisible ? 1 : 0,
+        transform: isVisible ? `translateY(0) scale(${isHovered ? 1.01 : 1})` : 'translateY(20px)',
+        transition: 'all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)',
+      }}
+      onMouseEnter={() => setIsHovered(true)}
+      onMouseLeave={() => setIsHovered(false)}
+      onClick={onClick}
+    >
+      {children}
+    </div>
+  )
+}

studio-v2/app/korrektur/_components/KlausurCard.tsx

@@ -0,0 +1,60 @@
+'use client'
+
+import type { Klausur } from '../types'
+import { GlassCard } from './GlassCard'
+
+interface KlausurCardProps {
+  klausur: Klausur
+  onClick: () => void
+  delay?: number
+  isDark?: boolean
+}
+
+export function KlausurCard({ klausur, onClick, delay = 0, isDark = true }: KlausurCardProps) {
+  const progress = klausur.student_count
+    ? Math.round(((klausur.completed_count || 0) / klausur.student_count) * 100)
+    : 0
+
+  const statusColor = klausur.status === 'completed'
+    ? '#22c55e'
+    : klausur.status === 'in_progress'
+      ? '#f97316'
+      : '#6b7280'
+
+  return (
+    <GlassCard onClick={onClick} delay={delay} className="min-h-[180px]" isDark={isDark}>
+      <div className="flex flex-col h-full">
+        <div className="flex items-start justify-between mb-3">
+          <h3 className={`text-lg font-semibold ${isDark ? 'text-white' : 'text-slate-900'}`}>{klausur.title}</h3>
+          <span
+            className="px-2 py-1 rounded-full text-xs font-medium"
+            style={{ backgroundColor: `${statusColor}20`, color: statusColor }}
+          >
+            {klausur.status === 'completed' ? 'Fertig' : klausur.status === 'in_progress' ? 'In Arbeit' : 'Entwurf'}
+          </span>
+        </div>
+
+        <p className={`text-sm mb-4 ${isDark ? 'text-white/50' : 'text-slate-500'}`}>
+          {klausur.subject} {klausur.semester} {klausur.year}
+        </p>
+
+        <div className="mt-auto">
+          <div className="flex justify-between text-sm mb-2">
+            <span className={isDark ? 'text-white/50' : 'text-slate-500'}>{klausur.student_count || 0} Arbeiten</span>
+            <span className={isDark ? 'text-white' : 'text-slate-900'}>{progress}%</span>
+          </div>
+
+          <div className={`h-2 rounded-full overflow-hidden ${isDark ? 'bg-white/10' : 'bg-slate-200'}`}>
+            <div
+              className="h-full rounded-full transition-all duration-500"
+              style={{
+                width: `${progress}%`,
+                background: `linear-gradient(90deg, ${statusColor}, ${statusColor}80)`,
+              }}
+            />
+          </div>
+        </div>
+      </div>
+    </GlassCard>
+  )
+}

studio-v2/app/korrektur/_components/StatCard.tsx

@@ -0,0 +1,31 @@
+'use client'
+
+import { GlassCard } from './GlassCard'
+
+interface StatCardProps {
+  label: string
+  value: string | number
+  icon: React.ReactNode
+  color?: string
+  delay?: number
+  isDark?: boolean
+}
+
+export function StatCard({ label, value, icon, color = '#a78bfa', delay = 0, isDark = true }: StatCardProps) {
+  return (
+    <GlassCard size="sm" delay={delay} isDark={isDark}>
+      <div className="flex items-center gap-4">
+        <div
+          className="w-12 h-12 rounded-2xl flex items-center justify-center"
+          style={{ backgroundColor: `${color}20` }}
+        >
+          <span style={{ color }}>{icon}</span>
+        </div>
+        <div>
+          <p className={`text-sm ${isDark ? 'text-white/50' : 'text-slate-500'}`}>{label}</p>
+          <p className={`text-2xl font-bold ${isDark ? 'text-white' : 'text-slate-900'}`}>{value}</p>
+        </div>
+      </div>
+    </GlassCard>
+  )
+}

studio-v2/app/korrektur/_components/UploadModals.tsx

@@ -0,0 +1,199 @@
+'use client'
+
+import { QRCodeUpload, UploadedFile } from '@/components/QRCodeUpload'
+import { GlassCard } from './GlassCard'
+
+// =============================================================================
+// Direct Upload Modal
+// =============================================================================
+
+interface DirectUploadModalProps {
+  isDark: boolean
+  isDragging: boolean
+  uploadedFiles: File[]
+  isUploading: boolean
+  error: string | null
+  onDragOver: (e: React.DragEvent) => void
+  onDragLeave: (e: React.DragEvent) => void
+  onDrop: (e: React.DragEvent) => void
+  onFileSelect: (e: React.ChangeEvent<HTMLInputElement>) => void
+  onRemoveFile: (idx: number) => void
+  onUpload: () => void
+  onClose: () => void
+}
+
+export function DirectUploadModal({
+  isDark, isDragging, uploadedFiles, isUploading, error,
+  onDragOver, onDragLeave, onDrop, onFileSelect, onRemoveFile, onUpload, onClose
+}: DirectUploadModalProps) {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div className="absolute inset-0 bg-black/50 backdrop-blur-sm" onClick={onClose} />
+      <GlassCard className="relative w-full max-w-lg" size="lg" delay={0} isDark={isDark}>
+        <h2 className={`text-xl font-bold mb-4 ${isDark ? 'text-white' : 'text-slate-900'}`}>Arbeiten hochladen</h2>
+        <p className={`mb-4 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>
+          Ziehen Sie eingescannte Klausuren hierher oder klicken Sie zum Auswaehlen.
+        </p>
+
+        {error && (
+          <div className="mb-4 p-3 rounded-lg bg-red-500/20 border border-red-500/30 text-red-300 text-sm">{error}</div>
+        )}
+
+        <div
+          onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={onDrop}
+          className={`relative p-8 rounded-2xl border-2 border-dashed transition-colors ${
+            isDragging ? 'border-purple-400 bg-purple-500/10'
+              : isDark ? 'border-white/20 hover:border-white/40' : 'border-slate-300 hover:border-slate-400'
+          }`}
+        >
+          <input type="file" accept=".pdf,image/*" multiple onChange={onFileSelect}
+            className="absolute inset-0 w-full h-full opacity-0 cursor-pointer" />
+          <div className="text-center">
+            <svg className={`w-12 h-12 mx-auto mb-4 ${isDark ? 'text-white/40' : 'text-slate-400'}`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
+            </svg>
+            <p className={`font-medium ${isDark ? 'text-white' : 'text-slate-900'}`}>
+              {isDragging ? 'Dateien hier ablegen' : 'Dateien hierher ziehen'}
+            </p>
+            <p className={`text-sm mt-1 ${isDark ? 'text-white/50' : 'text-slate-500'}`}>PDF oder Bilder (JPG, PNG)</p>
+          </div>
+        </div>
+
+        {uploadedFiles.length > 0 && (
+          <div className="mt-4 space-y-2">
+            <p className={`text-sm font-medium ${isDark ? 'text-white/60' : 'text-slate-600'}`}>
+              {uploadedFiles.length} Datei(en) ausgewaehlt:
+            </p>
+            <div className="max-h-32 overflow-y-auto space-y-1">
+              {uploadedFiles.map((file, idx) => (
+                <div key={idx} className={`flex items-center justify-between p-2 rounded-lg ${isDark ? 'bg-white/5' : 'bg-slate-100'}`}>
+                  <span className={`text-sm truncate ${isDark ? 'text-white/80' : 'text-slate-700'}`}>{file.name}</span>
+                  <button onClick={() => onRemoveFile(idx)} className="text-red-400 hover:text-red-300">
+                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                  </button>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+
+        <div className="flex gap-3 mt-6">
+          <button onClick={onClose}
+            className={`flex-1 px-4 py-3 rounded-xl transition-colors ${isDark ? 'bg-white/10 text-white hover:bg-white/20' : 'bg-slate-200 text-slate-700 hover:bg-slate-300'}`}>
+            Abbrechen
+          </button>
+          <button onClick={onUpload} disabled={uploadedFiles.length === 0 || isUploading}
+            className="flex-1 px-4 py-3 rounded-xl bg-gradient-to-r from-purple-500 to-pink-500 text-white font-semibold hover:shadow-lg hover:shadow-purple-500/30 transition-all disabled:opacity-50">
+            {isUploading ? 'Hochladen...' : `${uploadedFiles.length} Arbeiten hochladen`}
+          </button>
+        </div>
+      </GlassCard>
+    </div>
+  )
+}
+
+// =============================================================================
+// EH Upload Modal
+// =============================================================================
+
+interface EHUploadModalProps {
+  isDark: boolean
+  isDragging: boolean
+  ehFile: File | null
+  isUploading: boolean
+  onDragOver: (e: React.DragEvent) => void
+  onDragLeave: (e: React.DragEvent) => void
+  onDrop: (e: React.DragEvent) => void
+  onFileSelect: (e: React.ChangeEvent<HTMLInputElement>) => void
+  onRemoveFile: () => void
+  onUpload: () => void
+  onClose: () => void
+}
+
+export function EHUploadModal({
+  isDark, isDragging, ehFile, isUploading,
+  onDragOver, onDragLeave, onDrop, onFileSelect, onRemoveFile, onUpload, onClose
+}: EHUploadModalProps) {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div className="absolute inset-0 bg-black/50 backdrop-blur-sm" onClick={onClose} />
+      <GlassCard className="relative w-full max-w-lg" size="lg" delay={0} isDark={isDark}>
+        <h2 className={`text-xl font-bold mb-4 ${isDark ? 'text-white' : 'text-slate-900'}`}>Erwartungshorizont hochladen</h2>
+        <p className={`mb-6 ${isDark ? 'text-white/60' : 'text-slate-600'}`}>
+          Laden Sie einen eigenen Erwartungshorizont fuer Vorabitur-Klausuren hoch.
+        </p>
+
+        <div
+          onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={onDrop}
+          className={`relative p-8 rounded-2xl border-2 border-dashed transition-colors ${
+            isDragging ? 'border-orange-400 bg-orange-500/10'
+              : isDark ? 'border-white/20 hover:border-white/40' : 'border-slate-300 hover:border-slate-400'
+          }`}
+        >
+          <input type="file" accept=".pdf,.docx,.doc" onChange={onFileSelect}
+            className="absolute inset-0 w-full h-full opacity-0 cursor-pointer" />
+          <div className="text-center">
+            <svg className={`w-12 h-12 mx-auto mb-4 ${isDark ? 'text-white/40' : 'text-slate-400'}`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+            </svg>
+            <p className={`font-medium ${isDark ? 'text-white' : 'text-slate-900'}`}>
+              {ehFile ? ehFile.name : 'EH-Datei hierher ziehen'}
+            </p>
+            <p className={`text-sm mt-1 ${isDark ? 'text-white/50' : 'text-slate-500'}`}>PDF oder Word-Dokument</p>
+          </div>
+        </div>
+
+        {ehFile && (
+          <div className={`mt-4 flex items-center justify-between p-3 rounded-lg ${isDark ? 'bg-white/5' : 'bg-slate-100'}`}>
+            <div className="flex items-center gap-3">
+              <svg className="w-6 h-6 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+              </svg>
+              <span className={`text-sm truncate ${isDark ? 'text-white/80' : 'text-slate-700'}`}>{ehFile.name}</span>
+            </div>
+            <button onClick={onRemoveFile} className="text-red-400 hover:text-red-300">
+              <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+              </svg>
+            </button>
+          </div>
+        )}
+
+        <div className="flex gap-3 mt-6">
+          <button onClick={onClose}
+            className={`flex-1 px-4 py-3 rounded-xl transition-colors ${isDark ? 'bg-white/10 text-white hover:bg-white/20' : 'bg-slate-200 text-slate-700 hover:bg-slate-300'}`}>
+            Abbrechen
+          </button>
+          <button onClick={onUpload} disabled={!ehFile || isUploading}
+            className="flex-1 px-4 py-3 rounded-xl bg-gradient-to-r from-orange-500 to-red-500 text-white font-semibold hover:shadow-lg hover:shadow-orange-500/30 transition-all disabled:opacity-50">
+            {isUploading ? 'Hochladen...' : 'EH hochladen'}
+          </button>
+        </div>
+      </GlassCard>
+    </div>
+  )
+}
+
+// =============================================================================
+// QR Code Modal
+// =============================================================================
+
+interface QRCodeModalProps {
+  isDark: boolean
+  sessionId: string
+  onClose: () => void
+  onFileUploaded?: (file: UploadedFile) => void
+}
+
+export function QRCodeModal({ isDark, sessionId, onClose, onFileUploaded }: QRCodeModalProps) {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div className="absolute inset-0 bg-black/50 backdrop-blur-sm" onClick={onClose} />
+      <div className={`relative w-full max-w-md rounded-3xl ${isDark ? 'bg-slate-900' : 'bg-white'}`}>
+        <QRCodeUpload sessionId={sessionId} onClose={onClose} onFileUploaded={onFileUploaded} />
+      </div>
+    </div>
+  )
+}