[split-required] Split remaining 500-680 LOC files (final batch)

website (17 pages + 3 components): - multiplayer/wizard, middleware/wizard+test-wizard, communication - builds/wizard, staff-search, voice, sbom/wizard - foerderantrag, mail/tasks, tools/communication, sbom - compliance/evidence, uni-crawler, brandbook (already done) - CollectionsTab, IngestionTab, RiskHeatmap backend-lehrer (5 files): - letters_api (641 → 2), certificates_api (636 → 2) - alerts_agent/db/models (636 → 3) - llm_gateway/communication_service (614 → 2) - game/database already done in prior batch klausur-service (2 files): - hybrid_vocab_extractor (664 → 2) - klausur-service/frontend: api.ts (620 → 3), EHUploadWizard (591 → 2) voice-service (3 files): - bqas/rag_judge (618 → 3), runner (529 → 2) - enhanced_task_orchestrator (519 → 2) studio-v2 (6 files): - korrektur/[klausurId] (578 → 4), fairness (569 → 2) - AlertsWizard (552 → 2), OnboardingWizard (513 → 2) - korrektur/api.ts (506 → 3), geo-lernwelt (501 → 2) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-25 08:56:45 +02:00
parent b4613e26f3
commit 451365a312
115 changed files with 10694 additions and 13839 deletions
--- a/website/app/mail/tasks/_components/CreateTaskModal.tsx
+++ b/website/app/mail/tasks/_components/CreateTaskModal.tsx
@@ -0,0 +1,126 @@
+'use client'
+
+import { useState } from 'react'
+import { API_BASE } from './types'
+
+interface CreateTaskModalProps {
+  onClose: () => void
+  onSuccess: () => void
+}
+
+export function CreateTaskModal({
+  onClose,
+  onSuccess
+}: CreateTaskModalProps) {
+  const [formData, setFormData] = useState({
+    title: '',
+    description: '',
+    priority: 'medium',
+    deadline: '',
+  })
+  const [submitting, setSubmitting] = useState(false)
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    setSubmitting(true)
+
+    try {
+      const res = await fetch(`${API_BASE}/api/v1/mail/tasks`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          title: formData.title,
+          description: formData.description,
+          priority: formData.priority,
+          deadline: formData.deadline || null,
+        }),
+      })
+
+      if (res.ok) {
+        onSuccess()
+      }
+    } catch (err) {
+      console.error('Failed to create task:', err)
+    } finally {
+      setSubmitting(false)
+    }
+  }
+
+  return (
+    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+      <div className="bg-white rounded-lg shadow-xl max-w-md w-full mx-4">
+        <div className="p-6 border-b border-slate-200">
+          <h2 className="text-lg font-semibold text-slate-900">Neue Aufgabe erstellen</h2>
+        </div>
+
+        <form onSubmit={handleSubmit} className="p-6 space-y-4">
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">Titel</label>
+            <input
+              type="text"
+              required
+              value={formData.title}
+              onChange={(e) => setFormData({ ...formData, title: e.target.value })}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500"
+              placeholder="Was muss erledigt werden?"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">Beschreibung</label>
+            <textarea
+              value={formData.description}
+              onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500"
+              rows={3}
+              placeholder="Weitere Details..."
+            />
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="block text-sm font-medium text-slate-700 mb-1">Prioritaet</label>
+              <select
+                value={formData.priority}
+                onChange={(e) => setFormData({ ...formData, priority: e.target.value })}
+                className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500"
+              >
+                <option value="urgent">Dringend</option>
+                <option value="high">Hoch</option>
+                <option value="medium">Mittel</option>
+                <option value="low">Niedrig</option>
+              </select>
+            </div>
+
+            <div>
+              <label className="block text-sm font-medium text-slate-700 mb-1">Frist</label>
+              <input
+                type="date"
+                value={formData.deadline}
+                onChange={(e) => setFormData({ ...formData, deadline: e.target.value })}
+                className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500"
+              />
+            </div>
+          </div>
+
+          <div className="flex justify-end gap-3 pt-4 border-t border-slate-200">
+            <button
+              type="button"
+              onClick={onClose}
+              className="px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-100 rounded-lg"
+            >
+              Abbrechen
+            </button>
+            <button
+              type="submit"
+              disabled={submitting}
+              className="px-4 py-2 text-sm font-medium text-white bg-primary-600 rounded-lg hover:bg-primary-700 disabled:opacity-50"
+            >
+              {submitting ? 'Erstellen...' : 'Aufgabe erstellen'}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  )
+}
--- a/website/app/mail/tasks/_components/StatCard.tsx
+++ b/website/app/mail/tasks/_components/StatCard.tsx
@@ -0,0 +1,29 @@
+interface StatCardProps {
+  label: string
+  value: number
+  color?: 'slate' | 'blue' | 'green' | 'yellow' | 'red' | 'orange'
+  highlight?: boolean
+}
+
+const colorClasses: Record<string, string> = {
+  slate: 'text-slate-900',
+  blue: 'text-blue-600',
+  green: 'text-green-600',
+  yellow: 'text-yellow-600',
+  red: 'text-red-600',
+  orange: 'text-orange-600',
+}
+
+export function StatCard({
+  label,
+  value,
+  color = 'slate',
+  highlight = false
+}: StatCardProps) {
+  return (
+    <div className={`bg-white rounded-lg shadow p-4 ${highlight ? 'ring-2 ring-red-200' : ''}`}>
+      <p className="text-xs text-slate-500 uppercase tracking-wider mb-1">{label}</p>
+      <p className={`text-2xl font-bold ${colorClasses[color]}`}>{value}</p>
+    </div>
+  )
+}
--- a/website/app/mail/tasks/_components/TaskCard.tsx
+++ b/website/app/mail/tasks/_components/TaskCard.tsx
@@ -0,0 +1,115 @@
+import type { Task } from './types'
+import { priorityColors, priorityLabels, getOverdueIndicator } from './types'
+
+interface TaskCardProps {
+  task: Task
+  onUpdateStatus: (taskId: string, status: string) => void
+}
+
+export function TaskCard({ task, onUpdateStatus }: TaskCardProps) {
+  const colors = priorityColors[task.priority]
+  const overdueInfo = getOverdueIndicator(task.deadline)
+
+  return (
+    <div className={`bg-white rounded-lg shadow border-l-4 ${colors.border} p-6 hover:shadow-md transition-shadow`}>
+      <div className="flex items-start justify-between">
+        <div className="flex-1">
+          {/* Header */}
+          <div className="flex items-center gap-3 mb-2">
+            <span className={`px-2 py-1 text-xs font-medium rounded ${colors.bg} ${colors.text}`}>
+              {priorityLabels[task.priority]}
+            </span>
+            {overdueInfo && (
+              <span className={`px-2 py-1 text-xs font-medium rounded ${overdueInfo.color}`}>
+                {overdueInfo.label}
+              </span>
+            )}
+            {task.aiExtracted && (
+              <span className="px-2 py-1 text-xs font-medium rounded bg-purple-100 text-purple-700 flex items-center gap-1">
+                <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
+                </svg>
+                KI
+              </span>
+            )}
+          </div>
+
+          {/* Title */}
+          <h3 className="text-lg font-semibold text-slate-900 mb-2">{task.title}</h3>
+
+          {/* Description */}
+          {task.description && (
+            <p className="text-slate-600 text-sm mb-3 line-clamp-2">{task.description}</p>
+          )}
+
+          {/* Source Email */}
+          {task.sourceSubject && (
+            <div className="flex items-center gap-2 text-sm text-slate-500 mb-3">
+              <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+              </svg>
+              <span className="truncate">
+                Von: {task.sourceSender} - {task.sourceSubject}
+              </span>
+            </div>
+          )}
+
+          {/* Meta */}
+          <div className="flex items-center gap-4 text-sm text-slate-500">
+            {task.deadline && (
+              <div className="flex items-center gap-1">
+                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                </svg>
+                <span>
+                  {new Date(task.deadline).toLocaleDateString('de-DE', {
+                    day: '2-digit', month: '2-digit', year: 'numeric',
+                  })}
+                </span>
+              </div>
+            )}
+            <div className="flex items-center gap-1">
+              <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+              <span>Erstellt: {new Date(task.createdAt).toLocaleDateString('de-DE')}</span>
+            </div>
+          </div>
+        </div>
+
+        {/* Actions */}
+        <div className="flex items-center gap-2 ml-4">
+          {task.status === 'pending' && (
+            <button
+              onClick={() => onUpdateStatus(task.id, 'in_progress')}
+              className="px-3 py-1.5 text-sm font-medium text-blue-600 bg-blue-50 rounded-lg hover:bg-blue-100"
+            >
+              Starten
+            </button>
+          )}
+          {task.status === 'in_progress' && (
+            <button
+              onClick={() => onUpdateStatus(task.id, 'completed')}
+              className="px-3 py-1.5 text-sm font-medium text-green-600 bg-green-50 rounded-lg hover:bg-green-100"
+            >
+              Erledigen
+            </button>
+          )}
+          {task.status === 'completed' && (
+            <span className="px-3 py-1.5 text-sm font-medium text-green-700 bg-green-100 rounded-lg flex items-center gap-1">
+              <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+              </svg>
+              Erledigt
+            </span>
+          )}
+          <button className="p-2 text-slate-400 hover:text-slate-600 rounded-lg hover:bg-slate-100">
+            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
--- a/website/app/mail/tasks/_components/types.ts
+++ b/website/app/mail/tasks/_components/types.ts
@@ -0,0 +1,71 @@
+export const API_BASE = process.env.NEXT_PUBLIC_KLAUSUR_SERVICE_URL || 'http://localhost:8086'
+
+export interface Task {
+  id: string
+  title: string
+  description: string
+  status: 'pending' | 'in_progress' | 'completed'
+  priority: 'urgent' | 'high' | 'medium' | 'low'
+  deadline: string | null
+  emailId: string | null
+  sourceSubject: string | null
+  sourceSender: string | null
+  senderType: string | null
+  aiExtracted: boolean
+  confidenceScore: number | null
+  createdAt: string
+  updatedAt: string
+}
+
+export interface DashboardStats {
+  totalTasks: number
+  pendingTasks: number
+  inProgressTasks: number
+  completedTasks: number
+  overdueTasks: number
+  dueToday: number
+  dueThisWeek: number
+  byPriority: Record<string, number>
+  bySenderType: Record<string, number>
+}
+
+export type FilterStatus = 'all' | 'pending' | 'in_progress' | 'completed'
+export type FilterPriority = 'all' | 'urgent' | 'high' | 'medium' | 'low'
+
+export const priorityColors: Record<string, { bg: string; text: string; border: string }> = {
+  urgent: { bg: 'bg-red-50', text: 'text-red-700', border: 'border-red-200' },
+  high: { bg: 'bg-orange-50', text: 'text-orange-700', border: 'border-orange-200' },
+  medium: { bg: 'bg-yellow-50', text: 'text-yellow-700', border: 'border-yellow-200' },
+  low: { bg: 'bg-green-50', text: 'text-green-700', border: 'border-green-200' },
+}
+
+export const priorityLabels: Record<string, string> = {
+  urgent: 'Dringend',
+  high: 'Hoch',
+  medium: 'Mittel',
+  low: 'Niedrig',
+}
+
+export const statusLabels: Record<string, string> = {
+  pending: 'Offen',
+  in_progress: 'In Bearbeitung',
+  completed: 'Erledigt',
+}
+
+export const getOverdueIndicator = (deadline: string | null) => {
+  if (!deadline) return null
+  const deadlineDate = new Date(deadline)
+  const now = new Date()
+  const diffDays = Math.ceil((deadlineDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24))
+
+  if (diffDays < 0) {
+    return { label: 'Ueberfaellig', color: 'bg-red-100 text-red-800', urgent: true }
+  } else if (diffDays === 0) {
+    return { label: 'Heute', color: 'bg-orange-100 text-orange-800', urgent: true }
+  } else if (diffDays <= 3) {
+    return { label: `In ${diffDays} Tag${diffDays > 1 ? 'en' : ''}`, color: 'bg-yellow-100 text-yellow-800', urgent: false }
+  } else if (diffDays <= 7) {
+    return { label: `In ${diffDays} Tagen`, color: 'bg-blue-100 text-blue-800', urgent: false }
+  }
+  return null
+}