Verbessere die Funktionalität des neuronalen Netzwerk-Hintergrunds in neural-network-background.js durch die Einführung einer flexiblen Konfigurationsstruktur, die benutzerdefinierte Optionen unterstützt. Optimiere die Cluster-Generierung und -Verteilung, verbessere die Verbindungslogik zwischen Knoten und implementiere erweiterte Fehlerbehandlung in den API-Funktionen in mindmap.js. Füge Fallback-Knoten hinzu, um die Benutzererfahrung zu verbessern, und implementiere visuelle Rückmeldungen für die Initialisierung der Mindmap.

static/js/mindmap.js

@@ -67,15 +67,51 @@
   });
 
   /* 2. Hilfs-Funktionen für API-Zugriffe */
-  const get = endpoint => fetch(endpoint).then(r => r.json());
-  const post = (endpoint, body) =>
-    fetch(endpoint, { 
-      method: 'POST', 
-      headers: { 'Content-Type': 'application/json' }, 
-      body: JSON.stringify(body) 
-    }).then(r => r.json());
-  const del = endpoint => 
-    fetch(endpoint, { method: 'DELETE' }).then(r => r.json());
+  const get = async endpoint => {
+    try {
+      const response = await fetch(endpoint);
+      if (!response.ok) {
+        console.error(`API-Fehler: ${endpoint} antwortet mit Status ${response.status}`);
+        return []; // Leeres Array zurückgeben bei Fehlern
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(`Fehler beim Abrufen von ${endpoint}:`, error);
+      return []; // Leeres Array zurückgeben bei Netzwerkfehlern
+    }
+  };
+  
+  const post = async (endpoint, body) => {
+    try {
+      const response = await fetch(endpoint, { 
+        method: 'POST', 
+        headers: { 'Content-Type': 'application/json' }, 
+        body: JSON.stringify(body) 
+      });
+      if (!response.ok) {
+        console.error(`API-Fehler: ${endpoint} antwortet mit Status ${response.status}`);
+        return {}; // Leeres Objekt zurückgeben bei Fehlern
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(`Fehler beim POST zu ${endpoint}:`, error);
+      return {}; // Leeres Objekt zurückgeben bei Netzwerkfehlern
+    }
+  };
+  
+  const del = async endpoint => {
+    try {
+      const response = await fetch(endpoint, { method: 'DELETE' });
+      if (!response.ok) {
+        console.error(`API-Fehler: ${endpoint} antwortet mit Status ${response.status}`);
+        return {}; // Leeres Objekt zurückgeben bei Fehlern
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(`Fehler beim DELETE zu ${endpoint}:`, error);
+      return {}; // Leeres Objekt zurückgeben bei Netzwerkfehlern
+    }
+  };
 
   /* 3. Kategorien laden für Style-Informationen */
   let categories = await get('/api/categories');
@@ -92,9 +128,12 @@
       // Graph leeren (für Reload-Fälle)
       cy.elements().remove();
       
+      // Überprüfen, ob nodes ein Array ist, wenn nicht, setze es auf ein leeres Array
+      const nodesArray = Array.isArray(nodes) ? nodes : [];
+      
       // Knoten zum Graph hinzufügen
       cy.add(
-        nodes.map(node => {
+        nodesArray.map(node => {
           // Kategorie-Informationen für Styling abrufen
           const category = categories.find(c => c.id === node.category_id) || {};
           
@@ -112,9 +151,12 @@
         })
       );
       
+      // Überprüfen, ob relationships ein Array ist, wenn nicht, setze es auf ein leeres Array
+      const relationshipsArray = Array.isArray(relationships) ? relationships : [];
+      
       // Kanten zum Graph hinzufügen
       cy.add(
-        relationships.map(rel => ({
+        relationshipsArray.map(rel => ({
           data: {
             id: `${rel.parent_id}_${rel.child_id}`,
             source: rel.parent_id.toString(),
@@ -123,6 +165,54 @@
         }))
       );
       
+      // Wenn keine Knoten geladen wurden, Fallback-Knoten erstellen
+      if (nodesArray.length === 0) {
+        // Mindestens einen Standardknoten hinzufügen
+        cy.add({
+          data: {
+            id: 'fallback-1',
+            name: 'Mindmap',
+            description: 'Erstellen Sie hier Ihre eigene Mindmap',
+            color: '#3b82f6',
+            icon: 'help-circle'
+          },
+          position: { x: 300, y: 200 }
+        });
+        
+        // Erfolgsmeldung anzeigen
+        console.log('Mindmap erfolgreich initialisiert mit Fallback-Knoten');
+        
+        // Info-Meldung für Benutzer anzeigen
+        const infoBox = document.createElement('div');
+        infoBox.classList.add('info-message');
+        infoBox.style.position = 'absolute';
+        infoBox.style.top = '50%';
+        infoBox.style.left = '50%';
+        infoBox.style.transform = 'translate(-50%, -50%)';
+        infoBox.style.padding = '15px 20px';
+        infoBox.style.backgroundColor = 'rgba(59, 130, 246, 0.9)';
+        infoBox.style.color = 'white';
+        infoBox.style.borderRadius = '8px';
+        infoBox.style.zIndex = '5';
+        infoBox.style.maxWidth = '80%';
+        infoBox.style.textAlign = 'center';
+        infoBox.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)';
+        infoBox.innerHTML = 'Mindmap erfolgreich initialisiert.<br>Verwenden Sie die Werkzeugleiste, um Knoten hinzuzufügen.';
+        
+        document.getElementById('cy').appendChild(infoBox);
+        
+        // Meldung nach 5 Sekunden ausblenden
+        setTimeout(() => {
+          infoBox.style.opacity = '0';
+          infoBox.style.transition = 'opacity 0.5s ease';
+          setTimeout(() => {
+            if (infoBox.parentNode) {
+              infoBox.parentNode.removeChild(infoBox);
+            }
+          }, 500);
+        }, 5000);
+      }
+      
       // Layout anwenden wenn keine Positionsdaten vorhanden
       const nodesWithoutPosition = cy.nodes().filter(node => 
         !node.position() || (node.position().x === 0 && node.position().y === 0)