chore: Add development screens, update navigation and docker-compose

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

admin-compliance/lib/navigation.ts

@@ -56,20 +56,36 @@ export const navigation: NavCategory[] = [
   // =========================================================================
   {
     id: 'development',
-    name: 'Entwicklung',
+    name: 'Entwicklung & Produkte',
     icon: 'code',
-    color: '#0ea5e9', // Sky-500
+    color: '#64748b', // Slate-500
     colorClass: 'development',
-    description: 'Dokumentation & Entwickler-Tools',
+    description: 'Dokumentation, Screenflow & Brandbook',
     modules: [
       {
         id: 'docs',
-        name: 'Dokumentation',
+        name: 'Developer Docs',
         href: '/development/docs',
         description: 'MkDocs Projekt-Dokumentation',
         purpose: 'Technische Dokumentation der Compliance-Plattform mit Architektur, API-Referenz und Entwickler-Guides.',
         audience: ['Entwickler', 'Architekten'],
       },
+      {
+        id: 'screen-flow',
+        name: 'Screen Flow',
+        href: '/development/screen-flow',
+        description: 'UI Screen-Verbindungen & Navigation',
+        purpose: 'Visualisierung aller SDK-Screens und deren Verbindungen mit interaktivem ReactFlow-Diagramm.',
+        audience: ['Entwickler', 'Designer'],
+      },
+      {
+        id: 'brandbook',
+        name: 'Brandbook',
+        href: '/development/brandbook',
+        description: 'Corporate Design & Styleguide',
+        purpose: 'Compliance SDK Design-System mit Farben, Typografie, Komponenten und Tonalitaet.',
+        audience: ['Entwickler', 'Designer'],
+      },
     ],
   },
 ]

admin-compliance/lib/roles.ts

@@ -24,7 +24,7 @@ export const roles: Role[] = [
     name: 'Entwickler',
     description: 'Voller Zugriff auf alle Compliance-Bereiche',
     icon: 'code',
-    visibleCategories: ['compliance-sdk'],
+    visibleCategories: ['compliance-sdk', 'development'],
     color: 'bg-primary-100 border-primary-300 text-primary-700',
   },
   {
@@ -32,7 +32,7 @@ export const roles: Role[] = [
     name: 'Manager',
     description: 'Executive Uebersicht',
     icon: 'chart',
-    visibleCategories: ['compliance-sdk'],
+    visibleCategories: ['compliance-sdk', 'development'],
     color: 'bg-blue-100 border-blue-300 text-blue-700',
   },
   {
@@ -40,7 +40,7 @@ export const roles: Role[] = [
     name: 'Auditor',
     description: 'Compliance Pruefung',
     icon: 'clipboard',
-    visibleCategories: ['compliance-sdk'],
+    visibleCategories: ['compliance-sdk', 'development'],
     color: 'bg-amber-100 border-amber-300 text-amber-700',
   },
   {
@@ -48,7 +48,7 @@ export const roles: Role[] = [
     name: 'DSB',
     description: 'Datenschutzbeauftragter',
     icon: 'shield',
-    visibleCategories: ['compliance-sdk'],
+    visibleCategories: ['compliance-sdk', 'development'],
     color: 'bg-purple-100 border-purple-300 text-purple-700',
   },
 ]