feat(sdk): Multi-Tenancy, Versionierung, Change-Requests, Dokumentengenerierung (Phase 1-6)

6-Phasen-Implementation fuer cloud-faehiges, mandantenfaehiges Compliance SDK:

Phase 1: Multi-Tenancy Fix
- Shared tenant_utils.py Dependency (UUID-Validierung, kein "default" mehr)
- VVT tenant_id Column + tenant-scoped Queries
- DSFA/Vendor DEFAULT_TENANT_ID von "default" auf UUID migriert
- Migration 035

Phase 2: Stammdaten-Erweiterung
- Company Profile um JSONB-Felder erweitert (processing_systems, ai_systems, technical_contacts)
- Regulierungs-Flags (NIS2, AI Act, ISO 27001)
- GET /template-context Endpoint
- Migration 036

Phase 3: Dokument-Versionierung
- 5 Versions-Tabellen (DSFA, VVT, TOM, Loeschfristen, Obligations)
- Shared versioning_utils.py Helper
- /{id}/versions Endpoints auf allen 5 Dokumenttypen
- Migration 037

Phase 4: Change-Request System
- Zentrale CR-Inbox mit CRUD + Accept/Reject/Edit Workflow
- Regelbasierte CR-Engine (VVT DPIA → DSFA CR, Datenkategorien → Loeschfristen CR)
- Audit-Trail
- Migration 038

Phase 5: Dokumentengenerierung
- 5 Template-Generatoren (DSFA, VVT, TOM, Loeschfristen, Obligations)
- Preview + Apply Endpoints (erzeugt CRs, keine direkten Dokumente)

Phase 6: Frontend-Integration
- Change-Request Inbox Page mit Stats, Filtern, Modals
- VersionHistory Timeline-Komponente
- SDKSidebar CR-Badge (60s Polling)
- Company Profile: 2 neue Wizard-Steps + "Dokumente generieren" CTA

Docs: 5 neue MkDocs-Seiten, CLAUDE.md aktualisiert
Tests: 97 neue Tests (alle bestanden)

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

admin-compliance/components/sdk/VersionHistory.tsx

@@ -0,0 +1,110 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+
+interface Version {
+  id: string
+  versionNumber: number
+  status: string
+  changeSummary: string | null
+  changedSections: string[]
+  createdBy: string
+  approvedBy: string | null
+  approvedAt: string | null
+  createdAt: string | null
+}
+
+interface VersionHistoryProps {
+  documentType: 'dsfa' | 'vvt' | 'tom' | 'loeschfristen' | 'obligation'
+  documentId: string
+  apiPath: string
+}
+
+export default function VersionHistory({ documentType, documentId, apiPath }: VersionHistoryProps) {
+  const [versions, setVersions] = useState<Version[]>([])
+  const [loading, setLoading] = useState(true)
+  const [expanded, setExpanded] = useState(false)
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const res = await fetch(`/api/sdk/v1/compliance/${apiPath}`)
+        if (res.ok) {
+          const data = await res.json()
+          setVersions(
+            (Array.isArray(data) ? data : []).map((v: Record<string, unknown>) => ({
+              id: v.id as string,
+              versionNumber: v.version_number as number,
+              status: v.status as string,
+              changeSummary: v.change_summary as string | null,
+              changedSections: (v.changed_sections || []) as string[],
+              createdBy: v.created_by as string,
+              approvedBy: v.approved_by as string | null,
+              approvedAt: v.approved_at as string | null,
+              createdAt: v.created_at as string | null,
+            }))
+          )
+        }
+      } catch (e) {
+        console.error('Failed to load versions:', e)
+      } finally {
+        setLoading(false)
+      }
+    }
+    if (documentId) load()
+  }, [documentId, apiPath])
+
+  if (loading) return null
+  if (versions.length === 0) return null
+
+  return (
+    <div className="mt-4">
+      <button
+        onClick={() => setExpanded(!expanded)}
+        className="flex items-center gap-2 text-sm text-purple-600 hover:text-purple-800 font-medium"
+      >
+        <svg className={`w-4 h-4 transition-transform ${expanded ? 'rotate-90' : ''}`} fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+        </svg>
+        Versionen ({versions.length})
+      </button>
+
+      {expanded && (
+        <div className="mt-3 border-l-2 border-purple-200 pl-4 space-y-3">
+          {versions.map(v => (
+            <div key={v.id} className="relative">
+              <div className="absolute -left-[1.35rem] top-1.5 w-2.5 h-2.5 rounded-full bg-purple-400 border-2 border-white" />
+              <div className="text-sm">
+                <div className="flex items-center gap-2">
+                  <span className="font-medium text-gray-900">v{v.versionNumber}</span>
+                  <span className={`px-1.5 py-0.5 rounded text-xs ${
+                    v.status === 'approved' ? 'bg-green-100 text-green-700' :
+                    v.status === 'draft' ? 'bg-yellow-100 text-yellow-700' :
+                    'bg-gray-100 text-gray-600'
+                  }`}>
+                    {v.status}
+                  </span>
+                  {v.createdAt && (
+                    <span className="text-gray-400 text-xs">
+                      {new Date(v.createdAt).toLocaleDateString('de-DE')}
+                    </span>
+                  )}
+                </div>
+                {v.changeSummary && (
+                  <p className="text-gray-600 text-xs mt-0.5">{v.changeSummary}</p>
+                )}
+                {v.changedSections.length > 0 && (
+                  <div className="flex gap-1 mt-1">
+                    {v.changedSections.map((s, i) => (
+                      <span key={i} className="px-1.5 py-0.5 bg-purple-50 text-purple-600 rounded text-xs">{s}</span>
+                    ))}
+                  </div>
+                )}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}