From 78021a54968fc0d84a995b87147a69b0451648bd Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 9 Dec 2025 13:04:51 +0100
Subject: [PATCH] =?UTF-8?q?debug:=20logs=20d=C3=A9taill=C3=A9s=20chargemen?=
 =?UTF-8?q?t=20donn=C3=A9es=20=C3=A9quipe?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Logs console détaillés dans team.html pour diagnostiquer le chargement
- Message de fallback informatif si données non chargées
- Vérifications build pour team-visualization-data.json
- Diagnostic pour identifier pourquoi les visualisations n'apparaissent pas

Les logs console aideront à identifier si le problème vient :
- Du chargement des données JSON
- De l'initialisation des graphiques Cytoscape/ECharts
- De l'accès aux fichiers statiques
---
 Dockerfile.business |  5 ++++-
 public/team.html    | 35 ++++++++++++++++++++++++++++++++---
 2 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/Dockerfile.business b/Dockerfile.business
index d1750c5..9f0292e 100644
--- a/Dockerfile.business
+++ b/Dockerfile.business
@@ -68,7 +68,10 @@ RUN if [ ! -f "public/team-visualization-data.json" ]; then \
       echo "✅ Données de visualisation équipe générées"; \
     else \
       echo "✅ team-visualization-data.json existe déjà"; \
-    fi
+    fi && \
+    echo "🔍 Vérification contenu team-visualization-data.json:" && \
+    ls -la public/team-visualization-data.json && \
+    head -20 public/team-visualization-data.json
 
 # Copier les fichiers nécessaires dans .techradar avant le build (comme le fait techradar.js)
 RUN rm -rf .techradar/data/radar && \
diff --git a/public/team.html b/public/team.html
index 5ec4f81..7dd2f59 100644
--- a/public/team.html
+++ b/public/team.html
@@ -274,13 +274,42 @@
     // Charger les données
     async function loadData() {
       try {
+        console.log('🔄 Chargement des données équipe depuis /team-visualization-data.json');
         const response = await fetch('/team-visualization-data.json');
+        console.log('📡 Réponse reçue:', response.status, response.statusText);
+
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+        }
+
         data = await response.json();
+        console.log('✅ Données chargées:', Object.keys(data));
+        console.log('📊 Nombre de nœuds réseau:', data.network?.nodes?.length || 0);
+        console.log('📊 Données matrice congestion:', data.congestionMatrix?.length || 0);
+        console.log('📊 Données équipe genèse:', data.genesisTeam ? 'présentes' : 'absentes');
+
         initVisualizations();
       } catch (error) {
-        console.error('Erreur lors du chargement des données:', error);
-        document.getElementById('genesis-team').innerHTML = 
-          '<div class="warning-box">Erreur lors du chargement des données. Assurez-vous que le script generate-team-visualization-data.js a été exécuté.</div>';
+        console.error('❌ Erreur lors du chargement des données:', error);
+
+        // Fallback : afficher un message d'information si les données ne se chargent pas
+        const fallbackMessage = `
+          <div style="padding: 20px; background: rgba(255, 152, 0, 0.1); border: 1px solid #ff9800; border-radius: 8px; margin: 20px 0;">
+            <h3 style="color: #ff9800; margin-top: 0;">🔄 Chargement des données...</h3>
+            <p>Les visualisations équipe se chargent. Si elles n'apparaissent pas :</p>
+            <ul>
+              <li>Vérifiez la console du navigateur (F12) pour les erreurs</li>
+              <li>Assurez-vous que <code>team-visualization-data.json</code> est accessible</li>
+              <li>Le script <code>generate-team-visualization-data.js</code> doit avoir été exécuté</li>
+            </ul>
+            <p><strong>Erreur détectée :</strong> ${error.message}</p>
+          </div>
+        `;
+
+        // Afficher le message de fallback dans toutes les sections
+        document.getElementById('network-graph').innerHTML = fallbackMessage;
+        document.getElementById('congestion-matrix').innerHTML = fallbackMessage;
+        document.getElementById('genesis-team').innerHTML = fallbackMessage;
       }
     }