refactor: Admin-Layout komplett entfernt — SDK als einziges Layout

Kaputtes (admin) Layout geloescht (Role-Selection, 404-Sidebar, localhost-Dashboard).
SDK-Flow nach /sdk/sdk-flow verschoben. Route-Gruppe (sdk) aufgeloest.
Root-Seite redirected auf /sdk. ~25 ungenutzte Dateien/Verzeichnisse entfernt.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

admin-compliance/app/(admin)/dashboard/catalog-manager/page.tsx

@@ -1,12 +0,0 @@
-'use client'
-
-import { SDKProvider } from '@/lib/sdk/context'
-import { CatalogManagerContent } from '@/components/catalog-manager/CatalogManagerContent'
-
-export default function AdminCatalogManagerPage() {
-  return (
-    <SDKProvider>
-      <CatalogManagerContent />
-    </SDKProvider>
-  )
-}

admin-compliance/app/(admin)/dashboard/page.tsx

@@ -1,155 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { navigation, metaModules } from '@/lib/navigation'
-import { getStoredRole, isCategoryVisibleForRole, RoleId } from '@/lib/roles'
-import { CategoryCard } from '@/components/common/ModuleCard'
-import { InfoNote } from '@/components/common/InfoBox'
-import { ServiceStatus } from '@/components/common/ServiceStatus'
-import { NightModeWidget } from '@/components/dashboard/NightModeWidget'
-import Link from 'next/link'
-
-interface Stats {
-  activeDocuments: number
-  openDSR: number
-  registeredUsers: number
-  totalConsents: number
-  gpuInstances: number
-}
-
-export default function DashboardPage() {
-  const [stats, setStats] = useState<Stats>({
-    activeDocuments: 0,
-    openDSR: 0,
-    registeredUsers: 0,
-    totalConsents: 0,
-    gpuInstances: 0,
-  })
-  const [loading, setLoading] = useState(true)
-  const [currentRole, setCurrentRole] = useState<RoleId | null>(null)
-
-  useEffect(() => {
-    const role = getStoredRole()
-    setCurrentRole(role)
-
-    // Load stats
-    const loadStats = async () => {
-      try {
-        const response = await fetch('http://localhost:8081/api/v1/admin/stats')
-        if (response.ok) {
-          const data = await response.json()
-          setStats({
-            activeDocuments: data.documents_count || 0,
-            openDSR: data.open_dsr_count || 0,
-            registeredUsers: data.users_count || 0,
-            totalConsents: data.consents_count || 0,
-            gpuInstances: 0,
-          })
-        }
-      } catch (error) {
-        console.log('Stats not available')
-      } finally {
-        setLoading(false)
-      }
-    }
-
-    loadStats()
-  }, [])
-
-  const statCards = [
-    { label: 'Aktive Dokumente', value: stats.activeDocuments, color: 'text-green-600' },
-    { label: 'Offene DSR', value: stats.openDSR, color: stats.openDSR > 0 ? 'text-orange-600' : 'text-slate-600' },
-    { label: 'Registrierte Nutzer', value: stats.registeredUsers, color: 'text-blue-600' },
-    { label: 'Zustimmungen', value: stats.totalConsents, color: 'text-purple-600' },
-    { label: 'GPU Instanzen', value: stats.gpuInstances, color: 'text-pink-600' },
-  ]
-
-  const visibleCategories = currentRole
-    ? navigation.filter(cat => isCategoryVisibleForRole(cat.id, currentRole))
-    : navigation
-
-  return (
-    <div>
-      {/* Stats Grid */}
-      <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-8">
-        {statCards.map((stat) => (
-          <div key={stat.label} className="bg-white rounded-xl border border-slate-200 p-4 shadow-sm">
-            <div className={`text-3xl font-bold ${stat.color}`}>
-              {loading ? '-' : stat.value}
-            </div>
-            <div className="text-sm text-slate-500 mt-1">{stat.label}</div>
-          </div>
-        ))}
-      </div>
-
-      {/* Categories */}
-      <h2 className="text-lg font-semibold text-slate-900 mb-4">Bereiche</h2>
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-8">
-        {visibleCategories.map((category) => (
-          <CategoryCard key={category.id} category={category} />
-        ))}
-      </div>
-
-      {/* Quick Links */}
-      <h2 className="text-lg font-semibold text-slate-900 mb-4">Schnellzugriff</h2>
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
-        {metaModules.filter(m => m.id !== 'dashboard').map((module) => (
-          <Link
-            key={module.id}
-            href={module.href}
-            className="flex items-center gap-3 p-4 bg-white rounded-xl border border-slate-200 hover:border-primary-300 hover:shadow-md transition-all"
-          >
-            <div className="w-10 h-10 bg-slate-100 rounded-lg flex items-center justify-center">
-              {module.id === 'onboarding' && '📖'}
-              {module.id === 'backlog' && '📋'}
-              {module.id === 'rbac' && '👥'}
-            </div>
-            <div>
-              <h3 className="font-medium text-slate-900">{module.name}</h3>
-              <p className="text-sm text-slate-500">{module.description}</p>
-            </div>
-          </Link>
-        ))}
-      </div>
-
-      {/* Infrastructure & System Status */}
-      <h2 className="text-lg font-semibold text-slate-900 mb-4">Infrastruktur</h2>
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
-        {/* Night Mode Widget */}
-        <NightModeWidget />
-
-        {/* System Status */}
-        <ServiceStatus />
-      </div>
-
-      {/* Recent Activity */}
-      <h2 className="text-lg font-semibold text-slate-900 mb-4">Aktivitaet</h2>
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        {/* Recent DSR */}
-        <div className="bg-white rounded-xl border border-slate-200 shadow-sm">
-          <div className="px-4 py-3 border-b border-slate-200 flex items-center justify-between">
-            <h3 className="font-semibold text-slate-900">Neueste Datenschutzanfragen</h3>
-            <Link href="/sdk/dsr" className="text-sm text-primary-600 hover:text-primary-700">
-              Alle anzeigen
-            </Link>
-          </div>
-          <div className="p-4">
-            <p className="text-sm text-slate-500 text-center py-4">
-              Keine offenen Anfragen
-            </p>
-          </div>
-        </div>
-      </div>
-
-      {/* Info Box */}
-      <div className="mt-8">
-        <InfoNote title="Admin v2 - Neues Frontend">
-          <p>
-            Dieses neue Admin-Frontend bietet eine verbesserte Navigation mit Kategorien und Rollen-basiertem Zugriff.
-            Das alte Admin-Frontend ist weiterhin unter Port 3000 verfuegbar.
-          </p>
-        </InfoNote>
-      </div>
-    </div>
-  )
-}

admin-compliance/app/(admin)/development/docs/page.tsx

@@ -1,188 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { ExternalLink, Maximize2, Minimize2, RefreshCw, Search, BookOpen, ArrowRight } from 'lucide-react'
-
-// Quick links to compliance documentation sections
-const quickLinks = [
-  { name: 'AI Compliance SDK', path: 'services/ai-compliance-sdk/', icon: '🔒' },
-  { name: 'Architektur', path: 'services/ai-compliance-sdk/ARCHITECTURE/', icon: '🏗️' },
-  { name: 'Developer Guide', path: 'services/ai-compliance-sdk/DEVELOPER/', icon: '👩‍💻' },
-  { name: 'Auditor Doku', path: 'services/ai-compliance-sdk/AUDITOR_DOCUMENTATION/', icon: '📋' },
-  { name: 'SBOM', path: 'services/ai-compliance-sdk/SBOM/', icon: '📦' },
-  { name: 'CI/CD Pipeline', path: 'development/ci-cd-pipeline/', icon: '🚀' },
-]
-
-export default function DocsPage() {
-  const [isFullscreen, setIsFullscreen] = useState(false)
-  const [isLoading, setIsLoading] = useState(true)
-  const [currentPath, setCurrentPath] = useState('')
-
-  const getDocsUrl = () => {
-    if (typeof window !== 'undefined') {
-      const protocol = window.location.protocol
-      const hostname = window.location.hostname
-      const port = window.location.port
-      return `${protocol}//${hostname}${port ? ':' + port : ''}/docs`
-    }
-    return '/docs'
-  }
-
-  const docsUrl = getDocsUrl()
-
-  const handleIframeLoad = () => {
-    setIsLoading(false)
-  }
-
-  const navigateTo = (path: string) => {
-    setCurrentPath(path)
-    setIsLoading(true)
-  }
-
-  const toggleFullscreen = () => {
-    setIsFullscreen(!isFullscreen)
-  }
-
-  const openInNewTab = () => {
-    window.open(`${docsUrl}/${currentPath}`, '_blank')
-  }
-
-  const refreshDocs = () => {
-    setIsLoading(true)
-    setCurrentPath(currentPath + '?refresh=' + Date.now())
-    setTimeout(() => setCurrentPath(currentPath), 100)
-  }
-
-  if (isFullscreen) {
-    return (
-      <div className="fixed inset-0 z-50 bg-white">
-        <div className="absolute top-0 left-0 right-0 h-12 bg-slate-900 flex items-center justify-between px-4 z-10">
-          <div className="flex items-center gap-2 text-white">
-            <BookOpen className="w-5 h-5" />
-            <span className="font-semibold">BreakPilot Compliance Dokumentation</span>
-          </div>
-          <div className="flex items-center gap-2">
-            <button
-              onClick={openInNewTab}
-              className="p-2 text-slate-300 hover:text-white hover:bg-slate-700 rounded transition-colors"
-              title="In neuem Tab oeffnen"
-            >
-              <ExternalLink className="w-4 h-4" />
-            </button>
-            <button
-              onClick={toggleFullscreen}
-              className="p-2 text-slate-300 hover:text-white hover:bg-slate-700 rounded transition-colors"
-              title="Vollbild beenden"
-            >
-              <Minimize2 className="w-4 h-4" />
-            </button>
-          </div>
-        </div>
-        <iframe
-          src={`${docsUrl}/${currentPath}`}
-          className="w-full h-full pt-12"
-          title="BreakPilot Compliance Documentation"
-          onLoad={handleIframeLoad}
-        />
-      </div>
-    )
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Quick Links */}
-      <div className="bg-white border border-slate-200 rounded-xl p-4">
-        <h3 className="text-sm font-semibold text-slate-700 mb-3 flex items-center gap-2">
-          <Search className="w-4 h-4" />
-          Schnellzugriff
-        </h3>
-        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2">
-          {quickLinks.map((link) => (
-            <button
-              key={link.path}
-              onClick={() => navigateTo(link.path)}
-              className="flex items-center gap-2 px-3 py-2 text-sm bg-slate-50 hover:bg-slate-100 border border-slate-200 rounded-lg transition-colors text-left"
-            >
-              <span>{link.icon}</span>
-              <span className="truncate">{link.name}</span>
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {/* Toolbar */}
-      <div className="flex items-center justify-between bg-white border border-slate-200 rounded-xl p-3">
-        <div className="flex items-center gap-2">
-          <BookOpen className="w-5 h-5 text-slate-500" />
-          <span className="text-sm font-medium text-slate-700">
-            BreakPilot Compliance Dokumentation
-          </span>
-          <span className="text-xs text-slate-400">
-            (MkDocs Material)
-          </span>
-        </div>
-        <div className="flex items-center gap-2">
-          <button
-            onClick={refreshDocs}
-            className="p-2 text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors"
-            title="Aktualisieren"
-          >
-            <RefreshCw className={`w-4 h-4 ${isLoading ? 'animate-spin' : ''}`} />
-          </button>
-          <button
-            onClick={openInNewTab}
-            className="p-2 text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors"
-            title="In neuem Tab oeffnen"
-          >
-            <ExternalLink className="w-4 h-4" />
-          </button>
-          <button
-            onClick={toggleFullscreen}
-            className="p-2 text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors"
-            title="Vollbild"
-          >
-            <Maximize2 className="w-4 h-4" />
-          </button>
-        </div>
-      </div>
-
-      {/* Documentation Iframe */}
-      <div className="relative bg-white border border-slate-200 rounded-xl overflow-hidden" style={{ height: 'calc(100vh - 350px)', minHeight: '500px' }}>
-        {isLoading && (
-          <div className="absolute inset-0 bg-white flex items-center justify-center z-10">
-            <div className="flex flex-col items-center gap-3">
-              <div className="w-8 h-8 border-2 border-slate-300 border-t-slate-600 rounded-full animate-spin" />
-              <span className="text-sm text-slate-500">Dokumentation wird geladen...</span>
-            </div>
-          </div>
-        )}
-        <iframe
-          key={currentPath}
-          src={`${docsUrl}/${currentPath}`}
-          className="w-full h-full"
-          title="BreakPilot Compliance Documentation"
-          onLoad={handleIframeLoad}
-        />
-      </div>
-
-      {/* Info Box */}
-      <div className="bg-slate-50 border border-slate-200 rounded-xl p-4">
-        <div className="flex items-start gap-3">
-          <div className="p-2 bg-slate-200 rounded-lg">
-            <ArrowRight className="w-4 h-4 text-slate-600" />
-          </div>
-          <div>
-            <h4 className="font-medium text-slate-800">Dokumentation bearbeiten</h4>
-            <p className="text-sm text-slate-600 mt-1">
-              Die Dokumentation befindet sich im Repository unter <code className="text-xs bg-slate-200 px-1.5 py-0.5 rounded">docs-src/</code>.
-              Nach Aenderungen muss der Docs-Container neu gebaut werden:
-            </p>
-            <div className="mt-2 text-xs text-slate-500 font-mono bg-slate-100 p-2 rounded">
-              docker compose --profile docs build docs && docker compose --profile docs up -d docs
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

admin-compliance/app/(admin)/development/screen-flow/page.tsx

@@ -1,622 +0,0 @@
-'use client'
-
-/**
- * Screen Flow Visualization - Compliance SDK
- *
- * Visualisiert alle Screens aus:
- * - Admin Compliance (Port 3007): Verwaltung
- * - SDK Pipeline: Compliance-Module
- */
-
-import { useCallback, useState, useMemo, useEffect } from 'react'
-import ReactFlow, {
-  Node,
-  Edge,
-  Controls,
-  Background,
-  MiniMap,
-  useNodesState,
-  useEdgesState,
-  BackgroundVariant,
-  MarkerType,
-  Panel,
-} from 'reactflow'
-import 'reactflow/dist/style.css'
-
-// ============================================
-// TYPES
-// ============================================
-
-interface ScreenDefinition {
-  id: string
-  name: string
-  description: string
-  category: string
-  icon: string
-  url?: string
-}
-
-interface ConnectionDef {
-  source: string
-  target: string
-  label?: string
-}
-
-// ============================================
-// ADMIN COMPLIANCE SCREENS (Port 3007)
-// ============================================
-
-const SCREENS: ScreenDefinition[] = [
-  // === DASHBOARD & VERWALTUNG (Blue) ===
-  { id: 'dashboard', name: 'Dashboard', description: 'Uebersicht & Statistiken', category: 'dashboard', icon: '🏠', url: '/dashboard' },
-  { id: 'catalog-manager', name: 'Katalogverwaltung', description: 'SDK-Kataloge & Auswahltabellen', category: 'dashboard', icon: '📦', url: '/dashboard/catalog-manager' },
-
-  // === DSGVO-GRUNDLAGEN (Violet) ===
-  { id: 'vvt', name: 'VVT', description: 'Verarbeitungsverzeichnis Art. 30', category: 'dsgvo', icon: '📋', url: '/sdk/vvt' },
-  { id: 'dsfa', name: 'DSFA', description: 'Datenschutz-Folgenabschaetzung', category: 'dsgvo', icon: '⚖️', url: '/sdk/dsfa' },
-  { id: 'tom', name: 'TOMs', description: 'Technische & Org. Massnahmen', category: 'dsgvo', icon: '🛡️', url: '/sdk/tom' },
-  { id: 'tom-generator', name: 'TOM Generator', description: 'TOM-Erstellung mit Wizard', category: 'dsgvo', icon: '⚙️', url: '/sdk/tom-generator' },
-  { id: 'loeschfristen', name: 'Loeschfristen', description: 'Aufbewahrung & Deadlines', category: 'dsgvo', icon: '🗑️', url: '/sdk/loeschfristen' },
-  { id: 'einwilligungen', name: 'Einwilligungen', description: 'Nutzer-Consent Uebersicht', category: 'dsgvo', icon: '✅', url: '/sdk/einwilligungen' },
-  { id: 'dsr', name: 'Datenschutzanfragen', description: 'DSGVO Art. 15-21 (DSR)', category: 'dsgvo', icon: '🔒', url: '/sdk/dsr' },
-  { id: 'consent', name: 'Consent Verwaltung', description: 'Rechtliche Dokumente & Versionen', category: 'dsgvo', icon: '📄', url: '/sdk/consent' },
-  { id: 'consent-management', name: 'Consent Management', description: 'Einwilligungsmanagement', category: 'dsgvo', icon: '📝', url: '/sdk/consent-management' },
-
-  // === COMPLIANCE-MANAGEMENT (Purple) ===
-  { id: 'compliance-hub', name: 'Compliance Hub', description: 'Zentrales GRC Dashboard', category: 'compliance', icon: '✅', url: '/sdk/compliance-hub' },
-  { id: 'compliance-scope', name: 'Compliance Scope', description: 'Geltungsbereich definieren', category: 'compliance', icon: '🎯', url: '/sdk/compliance-scope' },
-  { id: 'requirements', name: 'Requirements', description: '558+ aus 19 Verordnungen', category: 'compliance', icon: '📜', url: '/sdk/requirements' },
-  { id: 'controls', name: 'Controls', description: '474 Control-Mappings', category: 'compliance', icon: '🎛️', url: '/sdk/controls' },
-  { id: 'evidence', name: 'Evidence', description: 'Nachweise & Dokumentation', category: 'compliance', icon: '📎', url: '/sdk/evidence' },
-  { id: 'risks', name: 'Risiken', description: 'Risk Matrix & Register', category: 'compliance', icon: '⚠️', url: '/sdk/risks' },
-  { id: 'audit-checklist', name: 'Audit Checkliste', description: '476 Anforderungen pruefen', category: 'compliance', icon: '📋', url: '/sdk/audit-checklist' },
-  { id: 'audit-report', name: 'Audit Report', description: 'PDF Audit-Berichte', category: 'compliance', icon: '📊', url: '/sdk/audit-report' },
-  { id: 'workflow', name: 'Workflow', description: 'Freigabe-Workflows', category: 'compliance', icon: '🔄', url: '/sdk/workflow' },
-  { id: 'modules', name: 'Service Registry', description: '30+ Service-Module', category: 'compliance', icon: '🔧', url: '/sdk/modules' },
-
-  // === KI & AUTOMATISIERUNG (Teal) ===
-  { id: 'ai-act', name: 'EU-AI-Act', description: 'KI-Risikoklassifizierung', category: 'ai', icon: '🤖', url: '/sdk/ai-act' },
-  { id: 'screening', name: 'Screening', description: 'Compliance-Screening & Pruefung', category: 'ai', icon: '🔍', url: '/sdk/screening' },
-  { id: 'rag', name: 'Daten & RAG', description: 'Training Data & RAG', category: 'ai', icon: '🗄️', url: '/sdk/rag' },
-  { id: 'quality', name: 'Qualitaet & Audit', description: 'Compliance-Audit & Traceability', category: 'ai', icon: '✨', url: '/sdk/quality' },
-  { id: 'advisory-board', name: 'Advisory Board', description: 'KI-Use-Case Pruefung', category: 'ai', icon: '🧑‍⚖️', url: '/sdk/advisory-board' },
-  { id: 'obligations', name: 'Pflichten', description: 'NIS2, DSGVO, AI Act', category: 'ai', icon: '⚡', url: '/sdk/obligations' },
-  { id: 'escalations', name: 'Eskalations-Queue', description: 'DSB Review & Freigabe', category: 'ai', icon: '🚨', url: '/sdk/escalations' },
-
-  // === DOKUMENTE & LEGAL (Orange) ===
-  { id: 'document-generator', name: 'Document Generator', description: 'Datenschutz-Dokumente erstellen', category: 'documents', icon: '📄', url: '/sdk/document-generator' },
-  { id: 'notfallplan', name: 'Notfallplan', description: 'Incident Response Plan', category: 'documents', icon: '🚨', url: '/sdk/notfallplan' },
-  { id: 'source-policy', name: 'Quellen-Policy', description: 'Datenquellen & Compliance', category: 'documents', icon: '📚', url: '/sdk/source-policy' },
-  { id: 'cookie-banner', name: 'Cookie-Banner', description: 'Cookie Consent Builder', category: 'documents', icon: '🍪', url: '/sdk/cookie-banner' },
-  { id: 'company-profile', name: 'Unternehmensprofil', description: 'Firmen-Stammdaten', category: 'documents', icon: '🏢', url: '/sdk/company-profile' },
-  { id: 'security-backlog', name: 'Security Backlog', description: 'Sicherheits-Massnahmen Tracking', category: 'documents', icon: '🔐', url: '/sdk/security-backlog' },
-
-  // === VENDOR & EXTERN (Green) ===
-  { id: 'vendor-compliance', name: 'Vendor Compliance', description: 'Lieferanten-Management', category: 'vendor', icon: '🏭', url: '/sdk/vendor-compliance' },
-  { id: 'vendor-vendors', name: 'Vendor-Liste', description: 'Lieferanten-Uebersicht', category: 'vendor', icon: '📋', url: '/sdk/vendor-compliance/vendors' },
-  { id: 'vendor-contracts', name: 'Vertraege', description: 'AVV & Vertragsmanagement', category: 'vendor', icon: '📝', url: '/sdk/vendor-compliance/contracts' },
-  { id: 'vendor-controls', name: 'Vendor Controls', description: 'Lieferanten-Kontrollen', category: 'vendor', icon: '🎛️', url: '/sdk/vendor-compliance/controls' },
-  { id: 'vendor-risks', name: 'Vendor Risiken', description: 'Lieferanten-Risikobewertung', category: 'vendor', icon: '⚠️', url: '/sdk/vendor-compliance/risks' },
-  { id: 'vendor-processing', name: 'Verarbeitungen', description: 'Auftragsverarbeitung', category: 'vendor', icon: '🔄', url: '/sdk/vendor-compliance/processing-activities' },
-  { id: 'vendor-reports', name: 'Vendor Reports', description: 'Lieferanten-Berichte', category: 'vendor', icon: '📊', url: '/sdk/vendor-compliance/reports' },
-  { id: 'dsms', name: 'DSMS', description: 'Datenschutz-Management-System', category: 'vendor', icon: '🏛️', url: '/sdk/dsms' },
-  { id: 'import', name: 'Import', description: 'Daten-Import', category: 'vendor', icon: '📥', url: '/sdk/import' },
-
-  // === ENTWICKLUNG (Slate) ===
-  { id: 'dev-docs', name: 'Developer Docs', description: 'API & Architektur', category: 'development', icon: '📖', url: '/development/docs' },
-  { id: 'dev-screen-flow', name: 'Screen Flow', description: 'UI Screen-Verbindungen', category: 'development', icon: '🔀', url: '/development/screen-flow' },
-  { id: 'dev-brandbook', name: 'Brandbook', description: 'Corporate Design', category: 'development', icon: '🎨', url: '/development/brandbook' },
-]
-
-const CONNECTIONS: ConnectionDef[] = [
-  // === DASHBOARD FLOW ===
-  { source: 'dashboard', target: 'catalog-manager', label: 'Kataloge' },
-  { source: 'dashboard', target: 'compliance-hub', label: 'Compliance' },
-  { source: 'dashboard', target: 'vvt', label: 'VVT' },
-
-  // === DSGVO FLOW ===
-  { source: 'consent-management', target: 'einwilligungen', label: 'Nutzer' },
-  { source: 'consent-management', target: 'dsr' },
-  { source: 'consent', target: 'consent-management' },
-  { source: 'consent', target: 'cookie-banner' },
-  { source: 'dsr', target: 'loeschfristen' },
-  { source: 'vvt', target: 'tom' },
-  { source: 'vvt', target: 'dsfa' },
-  { source: 'dsfa', target: 'tom' },
-  { source: 'tom', target: 'tom-generator', label: 'Wizard' },
-  { source: 'einwilligungen', target: 'consent' },
-  { source: 'einwilligungen', target: 'loeschfristen' },
-
-  // === COMPLIANCE FLOW ===
-  { source: 'compliance-hub', target: 'audit-checklist', label: 'Audit' },
-  { source: 'compliance-hub', target: 'requirements', label: 'Anforderungen' },
-  { source: 'compliance-hub', target: 'risks', label: 'Risiken' },
-  { source: 'compliance-hub', target: 'ai-act', label: 'AI Act' },
-  { source: 'compliance-hub', target: 'compliance-scope' },
-  { source: 'requirements', target: 'controls' },
-  { source: 'controls', target: 'evidence' },
-  { source: 'audit-checklist', target: 'audit-report', label: 'Report' },
-  { source: 'risks', target: 'controls' },
-  { source: 'modules', target: 'controls' },
-  { source: 'obligations', target: 'requirements' },
-  { source: 'dsms', target: 'workflow' },
-  { source: 'workflow', target: 'audit-report' },
-
-  // === KI & AUTOMATISIERUNG FLOW ===
-  { source: 'advisory-board', target: 'escalations', label: 'Eskalation' },
-  { source: 'advisory-board', target: 'dsfa', label: 'Risiko' },
-  { source: 'ai-act', target: 'screening' },
-  { source: 'screening', target: 'advisory-board' },
-  { source: 'source-policy', target: 'rag' },
-  { source: 'rag', target: 'quality' },
-
-  // === DOKUMENTE FLOW ===
-  { source: 'document-generator', target: 'notfallplan' },
-  { source: 'document-generator', target: 'audit-report' },
-  { source: 'security-backlog', target: 'tom' },
-  { source: 'company-profile', target: 'document-generator' },
-
-  // === VENDOR FLOW ===
-  { source: 'vendor-compliance', target: 'vendor-vendors' },
-  { source: 'vendor-compliance', target: 'vendor-contracts' },
-  { source: 'vendor-compliance', target: 'vendor-controls' },
-  { source: 'vendor-compliance', target: 'vendor-risks' },
-  { source: 'vendor-compliance', target: 'vendor-processing' },
-  { source: 'vendor-compliance', target: 'vendor-reports' },
-  { source: 'vendor-vendors', target: 'vendor-contracts' },
-  { source: 'vendor-risks', target: 'risks' },
-  { source: 'dsms', target: 'compliance-hub' },
-  { source: 'import', target: 'catalog-manager' },
-
-  // === ENTWICKLUNG FLOW ===
-  { source: 'dev-brandbook', target: 'dev-screen-flow' },
-  { source: 'dev-docs', target: 'dev-brandbook' },
-]
-
-// ============================================
-// CATEGORY COLORS & LABELS
-// ============================================
-
-const COLORS: Record<string, { bg: string; border: string; text: string }> = {
-  dashboard: { bg: '#dbeafe', border: '#3b82f6', text: '#1e40af' },
-  dsgvo: { bg: '#ede9fe', border: '#7c3aed', text: '#5b21b6' },
-  compliance: { bg: '#f3e8ff', border: '#9333ea', text: '#6b21a8' },
-  ai: { bg: '#ccfbf1', border: '#14b8a6', text: '#0f766e' },
-  documents: { bg: '#ffedd5', border: '#f97316', text: '#c2410c' },
-  vendor: { bg: '#dcfce7', border: '#22c55e', text: '#166534' },
-  development: { bg: '#f1f5f9', border: '#64748b', text: '#334155' },
-}
-
-const LABELS: Record<string, string> = {
-  dashboard: 'Dashboard & Verwaltung',
-  dsgvo: 'DSGVO-Grundlagen',
-  compliance: 'Compliance-Management',
-  ai: 'KI & Automatisierung',
-  documents: 'Dokumente & Legal',
-  vendor: 'Vendor & Extern',
-  development: 'Entwicklung',
-}
-
-// ============================================
-// HELPER: Find all connected nodes
-// ============================================
-
-function findConnectedNodes(
-  startNodeId: string,
-  connections: ConnectionDef[],
-  direction: 'children' | 'parents' | 'both' = 'children'
-): Set<string> {
-  const connected = new Set<string>()
-  connected.add(startNodeId)
-
-  const queue = [startNodeId]
-  while (queue.length > 0) {
-    const current = queue.shift()!
-
-    connections.forEach(conn => {
-      if ((direction === 'children' || direction === 'both') && conn.source === current) {
-        if (!connected.has(conn.target)) {
-          connected.add(conn.target)
-          queue.push(conn.target)
-        }
-      }
-      if ((direction === 'parents' || direction === 'both') && conn.target === current) {
-        if (!connected.has(conn.source)) {
-          connected.add(conn.source)
-          queue.push(conn.source)
-        }
-      }
-    })
-  }
-
-  return connected
-}
-
-// ============================================
-// LAYOUT HELPERS
-// ============================================
-
-const CATEGORY_POSITIONS: Record<string, { x: number; y: number }> = {
-  dashboard: { x: 400, y: 30 },
-  dsgvo: { x: 50, y: 150 },
-  compliance: { x: 700, y: 150 },
-  ai: { x: 50, y: 380 },
-  documents: { x: 400, y: 380 },
-  vendor: { x: 700, y: 380 },
-  development: { x: 400, y: 580 },
-}
-
-const getNodePosition = (id: string, category: string) => {
-  const base = CATEGORY_POSITIONS[category] || { x: 400, y: 300 }
-  const categoryScreens = SCREENS.filter(s => s.category === category)
-  const categoryIndex = categoryScreens.findIndex(s => s.id === id)
-
-  const cols = Math.ceil(Math.sqrt(categoryScreens.length + 1))
-  const row = Math.floor(categoryIndex / cols)
-  const col = categoryIndex % cols
-
-  return {
-    x: base.x + col * 160,
-    y: base.y + row * 90,
-  }
-}
-
-// ============================================
-// MAIN COMPONENT
-// ============================================
-
-export default function ScreenFlowPage() {
-  const [selectedCategory, setSelectedCategory] = useState<string | null>(null)
-  const [selectedNode, setSelectedNode] = useState<string | null>(null)
-  const [previewScreen, setPreviewScreen] = useState<ScreenDefinition | null>(null)
-
-  const baseUrl = 'https://macmini:3007'
-
-  // Calculate connected nodes
-  const connectedNodes = useMemo(() => {
-    if (!selectedNode) return new Set<string>()
-    return findConnectedNodes(selectedNode, CONNECTIONS, 'children')
-  }, [selectedNode])
-
-  // Create nodes with useMemo
-  const initialNodes = useMemo((): Node[] => {
-    return SCREENS.map((screen) => {
-      const catColors = COLORS[screen.category] || { bg: '#f1f5f9', border: '#94a3b8', text: '#475569' }
-      const position = getNodePosition(screen.id, screen.category)
-
-      let opacity = 1
-      if (selectedNode) {
-        opacity = connectedNodes.has(screen.id) ? 1 : 0.2
-      } else if (selectedCategory) {
-        opacity = screen.category === selectedCategory ? 1 : 0.2
-      }
-
-      const isSelected = selectedNode === screen.id
-
-      return {
-        id: screen.id,
-        type: 'default',
-        position,
-        data: {
-          label: (
-            <div className="text-center p-1">
-              <div className="text-lg mb-1">{screen.icon}</div>
-              <div className="font-medium text-xs leading-tight">{screen.name}</div>
-            </div>
-          ),
-        },
-        style: {
-          background: isSelected ? catColors.border : catColors.bg,
-          color: isSelected ? 'white' : catColors.text,
-          border: `2px solid ${catColors.border}`,
-          borderRadius: '12px',
-          padding: '6px',
-          minWidth: '110px',
-          opacity,
-          cursor: 'pointer',
-          boxShadow: isSelected ? `0 0 20px ${catColors.border}` : 'none',
-        },
-      }
-    })
-  }, [selectedCategory, selectedNode, connectedNodes])
-
-  // Create edges with useMemo
-  const initialEdges = useMemo((): Edge[] => {
-    return CONNECTIONS.map((conn, index) => {
-      const isHighlighted = selectedNode && (conn.source === selectedNode || conn.target === selectedNode)
-      const isInSubtree = selectedNode && connectedNodes.has(conn.source) && connectedNodes.has(conn.target)
-
-      return {
-        id: `e-${conn.source}-${conn.target}-${index}`,
-        source: conn.source,
-        target: conn.target,
-        label: conn.label,
-        type: 'smoothstep',
-        animated: isHighlighted || false,
-        style: {
-          stroke: isHighlighted ? '#3b82f6' : (isInSubtree ? '#94a3b8' : '#e2e8f0'),
-          strokeWidth: isHighlighted ? 3 : 1.5,
-          opacity: selectedNode ? (isInSubtree ? 1 : 0.15) : 1,
-        },
-        labelStyle: { fontSize: 9, fill: '#64748b' },
-        labelBgStyle: { fill: '#f8fafc' },
-        markerEnd: { type: MarkerType.ArrowClosed, color: isHighlighted ? '#3b82f6' : '#94a3b8', width: 15, height: 15 },
-      }
-    })
-  }, [selectedNode, connectedNodes])
-
-  const [nodes, setNodes, onNodesChange] = useNodesState([])
-  const [edges, setEdges, onEdgesChange] = useEdgesState([])
-
-  // Update nodes/edges when dependencies change
-  useEffect(() => {
-    setNodes(initialNodes)
-    setEdges(initialEdges)
-  }, [initialNodes, initialEdges, setNodes, setEdges])
-
-  // Handle node click
-  const onNodeClick = useCallback((_event: React.MouseEvent, node: Node) => {
-    const screen = SCREENS.find(s => s.id === node.id)
-
-    if (selectedNode === node.id) {
-      if (screen?.url) {
-        window.open(`${baseUrl}${screen.url}`, '_blank')
-      }
-      return
-    }
-
-    setSelectedNode(node.id)
-    setSelectedCategory(null)
-
-    if (screen) {
-      setPreviewScreen(screen)
-    }
-  }, [selectedNode, baseUrl])
-
-  // Handle background click - deselect
-  const onPaneClick = useCallback(() => {
-    setSelectedNode(null)
-    setPreviewScreen(null)
-  }, [])
-
-  // Stats
-  const stats = {
-    totalScreens: SCREENS.length,
-    totalConnections: CONNECTIONS.length,
-    connectedCount: connectedNodes.size,
-  }
-
-  const categories = Object.keys(LABELS)
-
-  // Connected screens list
-  const connectedScreens = selectedNode
-    ? SCREENS.filter(s => connectedNodes.has(s.id))
-    : []
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <div className="bg-white rounded-xl border border-slate-200 p-6 shadow-sm">
-        <div className="flex items-center gap-4">
-          <div className="w-14 h-14 rounded-xl bg-violet-500 flex items-center justify-center text-2xl text-white">
-            🔀
-          </div>
-          <div>
-            <h2 className="text-xl font-bold text-slate-900">Compliance SDK Screen Flow</h2>
-            <p className="text-sm text-slate-500">
-              {stats.totalScreens} Screens mit {stats.totalConnections} Verbindungen
-            </p>
-          </div>
-        </div>
-      </div>
-
-      {/* Stats */}
-      <div className="grid grid-cols-4 gap-4">
-        <div className="bg-white rounded-xl border border-slate-200 p-4 shadow-sm">
-          <div className="text-3xl font-bold text-slate-800">{stats.totalScreens}</div>
-          <div className="text-sm text-slate-500">Screens</div>
-        </div>
-        <div className="bg-white rounded-xl border border-slate-200 p-4 shadow-sm">
-          <div className="text-3xl font-bold text-violet-600">{stats.totalConnections}</div>
-          <div className="text-sm text-slate-500">Verbindungen</div>
-        </div>
-        <div className="bg-white rounded-xl border border-slate-200 p-4 shadow-sm col-span-2">
-          {selectedNode ? (
-            <div className="flex items-center gap-3">
-              <div className="text-3xl">{previewScreen?.icon}</div>
-              <div>
-                <div className="font-bold text-slate-800">{previewScreen?.name}</div>
-                <div className="text-sm text-slate-500">
-                  {stats.connectedCount} verbundene Screen{stats.connectedCount !== 1 ? 's' : ''}
-                </div>
-              </div>
-              <button
-                onClick={() => {
-                  setSelectedNode(null)
-                  setPreviewScreen(null)
-                }}
-                className="ml-auto px-3 py-1 text-sm bg-slate-100 hover:bg-slate-200 rounded-lg"
-              >
-                Zuruecksetzen
-              </button>
-            </div>
-          ) : (
-            <div className="text-slate-500 text-sm">
-              Klicke auf einen Screen um den Subtree zu sehen
-            </div>
-          )}
-        </div>
-      </div>
-
-      {/* Category Filter */}
-      <div className="bg-white rounded-xl border border-slate-200 p-4 shadow-sm">
-        <div className="flex flex-wrap gap-2">
-          <button
-            onClick={() => {
-              setSelectedCategory(null)
-              setSelectedNode(null)
-              setPreviewScreen(null)
-            }}
-            className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
-              selectedCategory === null && !selectedNode
-                ? 'bg-slate-800 text-white'
-                : 'bg-slate-100 text-slate-700 hover:bg-slate-200'
-            }`}
-          >
-            Alle ({SCREENS.length})
-          </button>
-          {categories.map((key) => {
-            const count = SCREENS.filter(s => s.category === key).length
-            const catColors = COLORS[key] || { bg: '#f1f5f9', border: '#94a3b8', text: '#475569' }
-            return (
-              <button
-                key={key}
-                onClick={() => {
-                  setSelectedCategory(selectedCategory === key ? null : key)
-                  setSelectedNode(null)
-                  setPreviewScreen(null)
-                }}
-                className="px-4 py-2 rounded-lg text-sm font-medium transition-all flex items-center gap-2"
-                style={{
-                  background: selectedCategory === key ? catColors.border : catColors.bg,
-                  color: selectedCategory === key ? 'white' : catColors.text,
-                }}
-              >
-                <span className="w-3 h-3 rounded-full" style={{ background: catColors.border }} />
-                {LABELS[key]} ({count})
-              </button>
-            )
-          })}
-        </div>
-      </div>
-
-      {/* Connected Screens List */}
-      {selectedNode && connectedScreens.length > 1 && (
-        <div className="bg-white rounded-xl border border-slate-200 p-4 shadow-sm">
-          <div className="text-sm font-medium text-slate-700 mb-3">Verbundene Screens:</div>
-          <div className="flex flex-wrap gap-2">
-            {connectedScreens.map((screen) => {
-              const catColors = COLORS[screen.category] || { bg: '#f1f5f9', border: '#94a3b8', text: '#475569' }
-              const isCurrentNode = screen.id === selectedNode
-              return (
-                <button
-                  key={screen.id}
-                  onClick={() => {
-                    if (screen.url) {
-                      window.open(`${baseUrl}${screen.url}`, '_blank')
-                    }
-                  }}
-                  className={`px-3 py-2 rounded-lg text-sm font-medium transition-all flex items-center gap-2 ${
-                    isCurrentNode ? 'ring-2 ring-violet-500' : ''
-                  }`}
-                  style={{
-                    background: isCurrentNode ? catColors.border : catColors.bg,
-                    color: isCurrentNode ? 'white' : catColors.text,
-                  }}
-                >
-                  <span>{screen.icon}</span>
-                  {screen.name}
-                </button>
-              )
-            })}
-          </div>
-        </div>
-      )}
-
-      {/* Flow Diagram */}
-      <div className="bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden" style={{ height: '500px' }}>
-        <ReactFlow
-          nodes={nodes}
-          edges={edges}
-          onNodesChange={onNodesChange}
-          onEdgesChange={onEdgesChange}
-          onNodeClick={onNodeClick}
-          onPaneClick={onPaneClick}
-          fitView
-          fitViewOptions={{ padding: 0.2 }}
-          attributionPosition="bottom-left"
-        >
-          <Controls />
-          <MiniMap
-            nodeColor={(node) => {
-              const screen = SCREENS.find(s => s.id === node.id)
-              const catColors = screen ? COLORS[screen.category] : null
-              return catColors?.border || '#94a3b8'
-            }}
-            maskColor="rgba(0, 0, 0, 0.1)"
-          />
-          <Background variant={BackgroundVariant.Dots} gap={12} size={1} />
-
-          <Panel position="top-left" className="bg-white/95 p-3 rounded-lg shadow-lg text-xs">
-            <div className="font-medium text-slate-700 mb-2">
-              🛡️ Compliance SDK
-            </div>
-            <div className="space-y-1">
-              {categories.slice(0, 5).map((key) => {
-                const catColors = COLORS[key] || { bg: '#f1f5f9', border: '#94a3b8' }
-                return (
-                  <div key={key} className="flex items-center gap-2">
-                    <span
-                      className="w-3 h-3 rounded"
-                      style={{ background: catColors.bg, border: `1px solid ${catColors.border}` }}
-                    />
-                    <span className="text-slate-600">{LABELS[key]}</span>
-                  </div>
-                )
-              })}
-            </div>
-            <div className="mt-2 pt-2 border-t text-slate-400">
-              Klick = Subtree<br/>
-              Doppelklick = Oeffnen
-            </div>
-          </Panel>
-        </ReactFlow>
-      </div>
-
-      {/* Screen List */}
-      <div className="bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden">
-        <div className="px-4 py-3 bg-slate-50 border-b flex items-center justify-between">
-          <h3 className="font-medium text-slate-700">
-            Alle Screens ({SCREENS.length})
-          </h3>
-          <span className="text-xs text-slate-400">{baseUrl}</span>
-        </div>
-        <div className="divide-y max-h-80 overflow-y-auto">
-          {SCREENS
-            .filter(s => !selectedCategory || s.category === selectedCategory)
-            .map((screen) => {
-              const catColors = COLORS[screen.category] || { bg: '#f1f5f9', border: '#94a3b8', text: '#475569' }
-              return (
-                <button
-                  key={screen.id}
-                  onClick={() => {
-                    setSelectedNode(screen.id)
-                    setSelectedCategory(null)
-                    setPreviewScreen(screen)
-                  }}
-                  className="w-full flex items-center gap-4 p-3 hover:bg-slate-50 transition-colors text-left"
-                >
-                  <span
-                    className="w-9 h-9 rounded-lg flex items-center justify-center text-lg"
-                    style={{ background: catColors.bg }}
-                  >
-                    {screen.icon}
-                  </span>
-                  <div className="flex-1 min-w-0">
-                    <div className="font-medium text-slate-800 text-sm">{screen.name}</div>
-                    <div className="text-xs text-slate-500 truncate">{screen.description}</div>
-                  </div>
-                  <span
-                    className="px-2 py-1 rounded text-xs font-medium shrink-0"
-                    style={{ background: catColors.bg, color: catColors.text }}
-                  >
-                    {LABELS[screen.category]}
-                  </span>
-                </button>
-              )
-            })}
-        </div>
-      </div>
-    </div>
-  )
-}

admin-compliance/app/(admin)/layout.tsx

@@ -1,61 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { Sidebar } from '@/components/layout/Sidebar'
-import { Header } from '@/components/layout/Header'
-import { Breadcrumbs } from '@/components/common/Breadcrumbs'
-import { getStoredRole } from '@/lib/roles'
-
-export default function AdminLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  const router = useRouter()
-  const [sidebarKey, setSidebarKey] = useState(0)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    // Check if role is stored
-    const role = getStoredRole()
-    if (!role) {
-      // Redirect to role selection
-      router.replace('/')
-    } else {
-      setLoading(false)
-    }
-  }, [router])
-
-  const handleRoleChange = () => {
-    // Force sidebar to re-render
-    setSidebarKey(prev => prev + 1)
-  }
-
-  if (loading) {
-    return (
-      <div className="min-h-screen bg-slate-50 flex items-center justify-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600"></div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="min-h-screen bg-slate-50 flex">
-      {/* Sidebar */}
-      <Sidebar key={sidebarKey} onRoleChange={handleRoleChange} />
-
-      {/* Main Content */}
-      <div className="flex-1 ml-64 transition-all duration-300">
-        {/* Header */}
-        <Header />
-
-        {/* Page Content */}
-        <main className="p-6">
-          <Breadcrumbs />
-          {children}
-        </main>
-      </div>
-    </div>
-  )
-}

admin-compliance/app/api/development/content/route.ts

@@ -1,68 +0,0 @@
-/**
- * Content API Route
- *
- * GET: Load current website content
- * POST: Save changed content (Admin only)
- */
-
-import { NextRequest, NextResponse } from 'next/server'
-import { getContent, saveContent } from '@/lib/content'
-import type { WebsiteContent } from '@/lib/content-types'
-
-// GET - Load content
-export async function GET() {
-  try {
-    const content = getContent()
-    return NextResponse.json(content)
-  } catch (error) {
-    console.error('Error loading content:', error)
-    return NextResponse.json(
-      { error: 'Failed to load content' },
-      { status: 500 }
-    )
-  }
-}
-
-// POST - Save content
-export async function POST(request: NextRequest) {
-  try {
-    // Simple admin check via header or query
-    // In production: JWT/Session-based auth
-    const adminKey = request.headers.get('x-admin-key')
-    const expectedKey = process.env.ADMIN_API_KEY || 'breakpilot-admin-2024'
-
-    if (adminKey !== expectedKey) {
-      return NextResponse.json(
-        { error: 'Unauthorized' },
-        { status: 401 }
-      )
-    }
-
-    const content: WebsiteContent = await request.json()
-
-    // Validation
-    if (!content.hero || !content.features || !content.faq || !content.pricing) {
-      return NextResponse.json(
-        { error: 'Invalid content structure' },
-        { status: 400 }
-      )
-    }
-
-    const result = saveContent(content)
-
-    if (result.success) {
-      return NextResponse.json({ success: true, message: 'Content saved' })
-    } else {
-      return NextResponse.json(
-        { error: result.error || 'Failed to save content' },
-        { status: 500 }
-      )
-    }
-  } catch (error) {
-    console.error('Error saving content:', error)
-    return NextResponse.json(
-      { error: error instanceof Error ? error.message : 'Failed to save content' },
-      { status: 500 }
-    )
-  }
-}

admin-compliance/app/globals.css

@@ -34,55 +34,3 @@
   outline-offset: 2px;
 }
 
-/* Category color utilities */
-@layer utilities {
-  .bg-category-compliance {
-    @apply bg-compliance-100;
-  }
-  .border-category-compliance {
-    @apply border-compliance-300;
-  }
-  .text-category-compliance {
-    @apply text-compliance-700;
-  }
-
-  .bg-category-ai {
-    @apply bg-ai-100;
-  }
-  .border-category-ai {
-    @apply border-ai-300;
-  }
-  .text-category-ai {
-    @apply text-ai-700;
-  }
-
-  .bg-category-infrastructure {
-    @apply bg-infrastructure-100;
-  }
-  .border-category-infrastructure {
-    @apply border-infrastructure-300;
-  }
-  .text-category-infrastructure {
-    @apply text-infrastructure-700;
-  }
-
-  .bg-category-communication {
-    @apply bg-communication-100;
-  }
-  .border-category-communication {
-    @apply border-communication-300;
-  }
-  .text-category-communication {
-    @apply text-communication-700;
-  }
-
-  .bg-category-development {
-    @apply bg-development-100;
-  }
-  .border-category-development {
-    @apply border-development-300;
-  }
-  .text-category-development {
-    @apply text-development-700;
-  }
-}

admin-compliance/app/layout.tsx

@@ -6,7 +6,7 @@ const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
   title: 'BreakPilot Admin Compliance',
-  description: 'Neues Admin-Frontend mit verbesserter Navigation und Rollen-System',
+  description: 'DSGVO/AI-Act Compliance SDK Platform',
 }
 
 export default function RootLayout({

admin-compliance/app/page.tsx

@@ -1,105 +1,5 @@
-'use client'
+import { redirect } from 'next/navigation'
 
-import { useEffect, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { roles, storeRole, getStoredRole, RoleId } from '@/lib/roles'
-
-// Role icons
-const roleIcons: Record<RoleId, string> = {
-  developer: '👨‍💻',
-  manager: '📊',
-  auditor: '🔍',
-  dsb: '🛡️',
-}
-
-export default function RoleSelectPage() {
-  const router = useRouter()
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    // Check if role is already stored
-    const storedRole = getStoredRole()
-    if (storedRole) {
-      // Redirect to dashboard
-      router.replace('/dashboard')
-    } else {
-      setLoading(false)
-    }
-  }, [router])
-
-  const handleRoleSelect = (roleId: RoleId) => {
-    storeRole(roleId)
-    router.push('/dashboard')
-  }
-
-  if (loading) {
-    return (
-      <div className="min-h-screen bg-slate-50 flex items-center justify-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600"></div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 flex items-center justify-center p-8">
-      <div className="max-w-3xl w-full">
-        {/* Header */}
-        <div className="text-center mb-12">
-          <h1 className="text-4xl font-bold text-white mb-4">
-            Willkommen im Admin Center
-          </h1>
-          <p className="text-lg text-slate-300">
-            Waehlen Sie Ihre Rolle fuer eine optimierte Ansicht:
-          </p>
-        </div>
-
-        {/* Role Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
-          {roles.map((role) => (
-            <button
-              key={role.id}
-              onClick={() => handleRoleSelect(role.id)}
-              className="group bg-slate-800/50 hover:bg-slate-700/50 border border-slate-700 hover:border-primary-500 rounded-2xl p-6 text-left transition-all duration-200 hover:scale-[1.02] hover:shadow-xl"
-            >
-              <div className="flex items-start gap-4">
-                <span className="text-4xl">{roleIcons[role.id]}</span>
-                <div>
-                  <h3 className="text-xl font-semibold text-white group-hover:text-primary-400 transition-colors">
-                    {role.name}
-                  </h3>
-                  <p className="text-slate-400 mt-1">{role.description}</p>
-                  <div className="mt-3 flex flex-wrap gap-2">
-                    {role.visibleCategories.slice(0, 3).map((cat) => (
-                      <span
-                        key={cat}
-                        className="px-2 py-1 bg-slate-700/50 rounded text-xs text-slate-300"
-                      >
-                        {cat === 'compliance' && 'DSGVO & Compliance'}
-                        {cat === 'ai' && 'KI & Automatisierung'}
-                        {cat === 'infrastructure' && 'Infrastruktur'}
-                        {cat === 'communication' && 'Kommunikation'}
-                        {cat === 'development' && 'Entwicklung'}
-                      </span>
-                    ))}
-                    {role.visibleCategories.length > 3 && (
-                      <span className="px-2 py-1 bg-slate-700/50 rounded text-xs text-slate-300">
-                        +{role.visibleCategories.length - 3} mehr
-                      </span>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </button>
-          ))}
-        </div>
-
-        {/* Info */}
-        <div className="text-center">
-          <p className="text-sm text-slate-500">
-            Sie koennen Ihre Rolle jederzeit in der Sidebar aendern.
-          </p>
-        </div>
-      </div>
-    </div>
-  )
+export default function Home() {
+  redirect('/sdk')
 }

admin-compliance/app/sdk/layout.tsx

@@ -1,14 +1,13 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { useRouter, usePathname } from 'next/navigation'
+import { usePathname } from 'next/navigation'
 import { SDKProvider } from '@/lib/sdk'
 import { SDKSidebar } from '@/components/sdk/Sidebar/SDKSidebar'
 import { CommandBar } from '@/components/sdk/CommandBar'
 import { SDKPipelineSidebar } from '@/components/sdk/SDKPipelineSidebar'
 import { ComplianceAdvisorWidget } from '@/components/sdk/ComplianceAdvisorWidget'
 import { useSDK } from '@/lib/sdk'
-import { getStoredRole, storeRole } from '@/lib/roles'
 
 // =============================================================================
 // SDK HEADER
@@ -144,27 +143,6 @@ export default function SDKRootLayout({
 }: {
   children: React.ReactNode
 }) {
-  const router = useRouter()
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    // Check if role is stored (auth check)
-    const role = getStoredRole()
-    if (!role) {
-      // Auto-select developer role for direct SDK URL access
-      storeRole('developer')
-    }
-    setLoading(false)
-  }, [router])
-
-  if (loading) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-purple-600"></div>
-      </div>
-    )
-  }
-
   return (
     <SDKProvider enableBackendSync={true}>
       <SDKInnerLayout>{children}</SDKInnerLayout>