Update frontend/src/components/ChatInterface.jsx

frontend/src/components/ChatInterface.jsx

@@ -3,7 +3,8 @@ import ReactMarkdown from 'react-markdown';
 import Avatar from './Avatar.jsx';
 import '../App.css';
 
-const ChatInterface = ({ messages = [], setMessages = () => {}, onMessageSent = () => {}, toLogin }) => {
+const ChatInterface = ({ messages = [], setMessages = () => {}, onMessageSent = () => {}, activeConversationId,
+saveBotResponse, toLogin }) => {
   const [inputMessage, setInputMessage] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const messagesEndRef = useRef(null);
@@ -17,38 +18,40 @@ const ChatInterface = ({ messages = [], setMessages = () => {}, onMessageSent =
   const sendMessage = async (message) => {
     try {
       setIsLoading(true);
-      onMessageSent(message);
-
-      // 1. Récupération de l'embedding
-      const embedRes = await fetch('/api/embed', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ texts: [message] }),
-      });
-      if (!embedRes.ok) throw new Error(`Embed API error ${embedRes.status}`);
-      const { embeddings } = await embedRes.json();
-      const userEmbedding = embeddings[0];
-
-      // 2. Appel à l'endpoint chat avec embedding
+      
+      // Ajouter le message utilisateur à l'interface
+      setMessages(prev => [...prev, { sender: 'user', text: message }]);
+      
+      // IMPORTANT: Obtenir l'ID de conversation mis à jour (nouvelle ou existante)
+      const updatedConversationId = await onMessageSent(message);
+      
+      // Appel à l'API de chat
       const chatRes = await fetch('/api/chat', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ message, embedding: userEmbedding }),
+        credentials: 'include',
+        body: JSON.stringify({ message }),
       });
+      
       if (!chatRes.ok) throw new Error(`Chat API error ${chatRes.status}`);
+      
       const { response: botResponse } = await chatRes.json();
-
-      setMessages(prev => [
-        ...prev,
-        { sender: 'user', text: message },
-        { sender: 'bot', text: botResponse }
-      ]);
+      
+      // Ajouter la réponse du bot à l'interface
+      setMessages(prev => [...prev, { sender: 'bot', text: botResponse }]);
+      
+      // Utiliser l'ID de conversation mis à jour
+      if (updatedConversationId) {
+        saveBotResponse(updatedConversationId, botResponse);
+      } else if (activeConversationId) {
+        saveBotResponse(activeConversationId, botResponse);
+      }
+      
     } catch (error) {
       console.error('Erreur:', error);
-      setMessages(prev => [
-        ...prev,
+      setMessages(prev => [...prev, 
         { sender: 'user', text: message },
-        { sender: 'bot', text: "Désolé, une erreur s'est produite. Veuillez réessayer. 👍" }
+        { sender: 'bot', text: "Désolé, une erreur s'est produite. Veuillez réessayer." }
       ]);
     } finally {
       setIsLoading(false);