b6983ab1dc
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>
69 lines
2.8 KiB
TypeScript
69 lines
2.8 KiB
TypeScript
'use client'
|
|
|
|
import type { OCRStats } from '../types'
|
|
|
|
export default function StatsTab({ stats }: { stats: OCRStats | null }) {
|
|
return (
|
|
<div className="space-y-6">
|
|
{/* Global Stats */}
|
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h4 className="text-sm font-medium text-slate-500">Gesamt Items</h4>
|
|
<p className="text-3xl font-bold mt-2">{stats?.total_items || 0}</p>
|
|
</div>
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h4 className="text-sm font-medium text-slate-500">Gelabelt</h4>
|
|
<p className="text-3xl font-bold mt-2 text-green-600">{stats?.labeled_items || 0}</p>
|
|
</div>
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h4 className="text-sm font-medium text-slate-500">Ausstehend</h4>
|
|
<p className="text-3xl font-bold mt-2 text-yellow-600">{stats?.pending_items || 0}</p>
|
|
</div>
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h4 className="text-sm font-medium text-slate-500">OCR-Genauigkeit</h4>
|
|
<p className="text-3xl font-bold mt-2">{stats?.accuracy_rate || 0}%</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Detailed Stats */}
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h3 className="text-lg font-semibold mb-4">Details</h3>
|
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
|
<div>
|
|
<p className="text-sm text-slate-500">Bestaetigt</p>
|
|
<p className="text-xl font-semibold text-green-600">{stats?.confirmed_items || 0}</p>
|
|
</div>
|
|
<div>
|
|
<p className="text-sm text-slate-500">Korrigiert</p>
|
|
<p className="text-xl font-semibold text-primary-600">{stats?.corrected_items || 0}</p>
|
|
</div>
|
|
<div>
|
|
<p className="text-sm text-slate-500">Exportierbar</p>
|
|
<p className="text-xl font-semibold">{stats?.exportable_items || 0}</p>
|
|
</div>
|
|
<div>
|
|
<p className="text-sm text-slate-500">Durchschn. Label-Zeit</p>
|
|
<p className="text-xl font-semibold">{stats?.avg_label_time_seconds || 0}s</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Progress Bar */}
|
|
{stats?.total_items ? (
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h3 className="text-lg font-semibold mb-4">Fortschritt</h3>
|
|
<div className="w-full bg-slate-200 rounded-full h-4">
|
|
<div
|
|
className="bg-primary-600 rounded-full h-4 transition-all"
|
|
style={{ width: `${(stats.labeled_items / stats.total_items) * 100}%` }}
|
|
/>
|
|
</div>
|
|
<p className="text-sm text-slate-500 mt-2">
|
|
{Math.round((stats.labeled_items / stats.total_items) * 100)}% abgeschlossen
|
|
</p>
|
|
</div>
|
|
) : null}
|
|
</div>
|
|
)
|
|
}
|