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>
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
'use client'
|
|
|
|
/**
|
|
* Brandbook - Corporate Design & Styleguide
|
|
*
|
|
* Aktualisiert fuer admin-v2 mit:
|
|
* - Neuen Kategorie-Farben
|
|
* - Aktuellem UI-Design
|
|
* - Inter Font Family
|
|
*/
|
|
|
|
import { useState } from 'react'
|
|
import { TABS, type BrandbookTab } from './constants'
|
|
import { ColorsTab } from './_components/ColorsTab'
|
|
import { TypographyTab } from './_components/TypographyTab'
|
|
import { ComponentsTab } from './_components/ComponentsTab'
|
|
import { LogoTab } from './_components/LogoTab'
|
|
import { VoiceTab } from './_components/VoiceTab'
|
|
|
|
export default function BrandbookPage() {
|
|
const [activeTab, setActiveTab] = useState<BrandbookTab>('colors')
|
|
|
|
return (
|
|
<div>
|
|
{/* Header */}
|
|
<div className="mb-6">
|
|
<h1 className="text-2xl font-bold text-slate-900">Brandbook</h1>
|
|
<p className="text-slate-500 mt-1">Corporate Design & Styleguide fuer BreakPilot Admin v2</p>
|
|
</div>
|
|
|
|
{/* Tabs */}
|
|
<div className="mb-6">
|
|
<div className="flex gap-1 bg-slate-100 p-1 rounded-xl w-fit">
|
|
{TABS.map((tab) => (
|
|
<button
|
|
key={tab.id}
|
|
onClick={() => setActiveTab(tab.id)}
|
|
className={`px-4 py-2 text-sm font-medium rounded-lg transition-colors ${
|
|
activeTab === tab.id
|
|
? 'bg-white text-slate-900 shadow-sm'
|
|
: 'text-slate-600 hover:text-slate-900'
|
|
}`}
|
|
>
|
|
{tab.label}
|
|
</button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
{/* Tab Content */}
|
|
{activeTab === 'colors' && <ColorsTab />}
|
|
{activeTab === 'typography' && <TypographyTab />}
|
|
{activeTab === 'components' && <ComponentsTab />}
|
|
{activeTab === 'logo' && <LogoTab />}
|
|
{activeTab === 'voice' && <VoiceTab />}
|
|
</div>
|
|
)
|
|
}
|