b681ddb131
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>
77 lines
3.0 KiB
TypeScript
77 lines
3.0 KiB
TypeScript
'use client'
|
|
|
|
/**
|
|
* Stats tab: global statistics, detailed breakdown, and progress bar.
|
|
*/
|
|
|
|
import type { OCRStats } from '../types'
|
|
|
|
interface StatsTabProps {
|
|
stats: OCRStats | null
|
|
}
|
|
|
|
export function StatsTab({ stats }: StatsTabProps) {
|
|
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>
|
|
)
|
|
}
|