Update templates/index.html

templates/index.html

@@ -317,12 +317,9 @@
     pre:hover .code-copy-btn {
       opacity: 0.7;
     }
-    /* Styles pour améliorer les tableaux Markdown */
-    .prose {
-      overflow-wrap: break-word;
-      word-break: break-word;
-    }
+    /* Amélioration de l'affichage des tableaux Markdown */
     .table-wrapper {
+      width: 100%;
       overflow-x: auto;
       margin: 1rem 0;
       border: 1px solid #e2e8f0;
@@ -333,7 +330,7 @@
     }
     .prose table {
       width: 100%;
-      min-width: 500px;
+      min-width: 100%;
       border-collapse: collapse;
       margin: 0;
     }
@@ -381,7 +378,7 @@
       padding-right: 3rem;
       box-sizing: border-box;
     }
-    /* Ajustements pour le responsive */
+    /* Ajustements responsive */
     @media (max-width: 640px) {
       .message-bubble {
         max-width: 90%;
@@ -420,7 +417,7 @@
         font-size: 0.9rem;
       }
     }
-    /* Container pour le textarea et le bouton pour un meilleur contrôle */
+    /* Container pour le textarea et le bouton */
     .input-wrapper {
       position: relative;
       display: flex;
@@ -504,7 +501,6 @@
       </div>
       <!-- Barre d'options -->
       <div class="flex items-center justify-between flex-wrap gap-y-2 px-4 py-2 bg-gray-100 dark:bg-gray-800/80 text-sm text-gray-600 dark:text-gray-300">
-         <!-- Ajout du flex-wrap -->
          <div class="flex items-center space-x-4 flex-wrap gap-y-2">
            <label class="flex items-center cursor-pointer tooltip">
              <span class="mr-2 text-xs sm:text-sm font-medium"><i class="fa-solid fa-globe mr-1.5"></i><span class="hidden sm:inline">Recherche Web</span></span>
@@ -527,7 +523,6 @@
              <span class="tooltip-text">Raisonnement avancé (1 fois/min)</span>
            </label>
          </div>
-         <!-- Conteneur pour le fichier -->
          <div class="flex items-center space-x-2">
            <label for="file_upload" class="cursor-pointer flex items-center text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 tooltip">
              <i class="fa-solid fa-paperclip"></i>
@@ -1022,7 +1017,12 @@
           clearButton.disabled = true;
           clearButton.innerHTML = '<i class="fa-solid fa-spinner fa-spin mr-1.5"></i><span class="hidden sm:inline">Effacement...</span>';
           try {
-            const response = await fetch(CLEAR_ENDPOINT, { method: 'POST' });
+            const response = await fetch(CLEAR_ENDPOINT, { 
+              method: 'POST',
+              headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+              }
+            });
             const data = await response.json();
             if (response.ok && data.success) {
               const messagesToRemove = chatMessages.querySelectorAll(':scope > *:not(#loading-indicator)');