Update templates/index.html

templates/index.html

@@ -106,31 +106,53 @@
             });
         }
 
-        function loadConversation(conversationId) {
-            if (conversationId === currentConversationId) return;
-            
-            currentConversationId = conversationId;
-            const conversation = conversations.find(c => c.id === conversationId);
-            updateConversationsList();
+        // Modifiez la fonction loadConversation :
+async function loadConversation(conversationId) {
+    if (conversationId === currentConversationId) return;
+    
+    try {
+        // Informer le backend du changement de conversation
+        const response = await fetch('/switch_conversation', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                conversation_id: conversationId
+            })
+        });
+
+        const data = await response.json();
+        if (data.error) {
+            alert(`Erreur: ${data.error}`);
+            return;
+        }
+        
+        currentConversationId = conversationId;
+        const conversation = conversations.find(c => c.id === conversationId);
+        updateConversationsList();
+        
+        if (conversation) {
+            clearChatMessages();
             
-            if (conversation) {
-                clearChatMessages();
+            conversation.messages.forEach(msg => {
+                const messageDiv = document.createElement('div');
+                messageDiv.className = `flex ${msg.isUser ? 'justify-end' : ''}`;
                 
-                conversation.messages.forEach(msg => {
-                    const messageDiv = document.createElement('div');
-                    messageDiv.className = `flex ${msg.isUser ? 'justify-end' : ''}`;
-                    
-                    const innerDiv = document.createElement('div');
-                    innerDiv.className = `max-w-3/4 p-3 rounded-lg ${msg.isUser ? 'bg-blue-500 text-white' : 'bg-gray-200'}`;
-                    innerDiv.innerHTML = marked.parse(msg.content);
-                    
-                    messageDiv.appendChild(innerDiv);
-                    chatMessages.appendChild(messageDiv);
-                });
+                const innerDiv = document.createElement('div');
+                innerDiv.className = `max-w-3/4 p-3 rounded-lg ${msg.isUser ? 'bg-blue-500 text-white' : 'bg-gray-200'}`;
+                innerDiv.innerHTML = marked.parse(msg.content);
                 
-                chatMessages.scrollTop = chatMessages.scrollHeight;
-            }
+                messageDiv.appendChild(innerDiv);
+                chatMessages.appendChild(messageDiv);
+            });
+            
+            chatMessages.scrollTop = chatMessages.scrollHeight;
         }
+    } catch (error) {
+        alert(`Erreur lors du changement de conversation: ${error.message}`);
+    }
+}
 
         function clearChatMessages() {
             chatMessages.innerHTML = '';