Upload templates/index.html with huggingface_hub

templates/index.html

@@ -1703,7 +1703,7 @@ textarea:focus {
       <div class="welcome-header">
         <h1 class="welcome-title">🎓 Dashboard Réflexif – ReflAgent</h1>
         <p class="welcome-subtitle">
-Bienvenue sur notre outil d’évaluation qualitative des messages auto-réflexifs générés par l’IA et adaptés aux profils des apprenants.        </p>
+Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs générés par l'IA et adaptés aux profils des apprenants.        </p>
       </div>
       
       <div class="welcome-card">
@@ -1804,7 +1804,7 @@ Bienvenue sur notre outil d’évaluation qualitative des messages auto-réflexi
      <div style="text-align: center; margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: 10px;">
   <p style="color: #666; font-size: 14px;">
     <strong>Laboratoire d'informatique de l'Université du Mans</strong><br>
-    Travaux de recherche sur l'apprentissage auto-régulé et l’intelligence artificielle éducative
+    Travaux de recherche sur l'apprentissage auto-régulé et l'intelligence artificielle éducative
     dans le cadre du projet écri+ :
     <a href="https://ecriplus.fr/" target="_blank" style="color: #007bff; text-decoration: none;">
       https://ecriplus.fr/
@@ -1957,10 +1957,15 @@ Bienvenue sur notre outil d’évaluation qualitative des messages auto-réflexi
         <!-- Les métriques seront ajoutées dynamiquement -->
       </div>
       
-      <!-- Container Radar et Bot Message -->
+      <!-- Container Radar et Bot Message - MODIFICATION ICI: Radar à gauche, Analyse à droite -->
       <div id="radar-container">
         <div style="display: flex; gap: 20px; flex-wrap: wrap;">
-          <!-- Message Bot Radar Compact -->
+          <!-- Canvas Radar Compact - DÉPLACÉ À GAUCHE -->
+          <div style="flex: 1; min-width: 300px; text-align: center;">
+            <canvas id="radar" width="500" height="500" style="max-width: 100%; height: auto;"></canvas>
+          </div>
+          
+          <!-- Message Bot Radar Compact - DÉPLACÉ À DROITE -->
           <div class="compact-radar-bot-message" style="flex: 1; min-width: 300px;">
             <div class="compact-radar-bot-header">
               <h4 class="compact-radar-bot-title">Analyse du radar des métriques d'engagement</h4>
@@ -1972,11 +1977,6 @@ Bienvenue sur notre outil d’évaluation qualitative des messages auto-réflexi
               </div>
             </div>
           </div>
-          
-          <!-- Canvas Radar Compact -->
-          <div style="flex: 1; min-width: 300px; text-align: center;">
-            <canvas id="radar" width="500" height="500" style="max-width: 100%; height: auto;"></canvas>
-          </div>
         </div>
       </div>
 
@@ -3086,6 +3086,7 @@ function updateCompactRadarMetricsGrid() {
   radarMetrics.forEach(metric => {
     // Déterminer la classe de couleur selon la valeur
     let colorClass = "";
+;
     if (metric.value >= 70) colorClass = "high";
     else if (metric.value >= 40) colorClass = "medium";
     else colorClass = "low";