Update templates/index.html

templates/index.html

@@ -104,25 +104,28 @@
     </div>
 
     <script>
+        // comes from Flask render_template(..., session_id=session_id)
+        const SESSION_ID = "{{ session_id }}";
+    
         function sendMessage() {
             var userInput = document.getElementById('user-input').value;
             if (userInput.trim() === "") return;
-
+    
             var chatContainer = document.getElementById('chat-container');
-
+    
             var userBubble = document.createElement('div');
             userBubble.textContent = userInput;
             userBubble.className = 'chat-bubble user-bubble';
             chatContainer.appendChild(userBubble);
-
+    
             var botBubble = document.createElement('div');
             botBubble.textContent = ". . .";
             botBubble.className = 'chat-bubble bot-bubble';
             chatContainer.appendChild(botBubble);
-
+    
             chatContainer.scrollTop = chatContainer.scrollHeight;
             document.getElementById('user-input').value = '';
-
+    
             var xhr = new XMLHttpRequest();
             xhr.open('POST', '/send_message', true);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
@@ -131,16 +134,24 @@
                     var response = JSON.parse(xhr.responseText);
                     botBubble.textContent = response.response;
                     chatContainer.scrollTop = chatContainer.scrollHeight;
+                } else {
+                    botBubble.textContent = "error: " + xhr.status;
                 }
             };
-            xhr.send('user_input=' + encodeURIComponent(userInput));
+    
+            // ✅ include session_id
+            xhr.send(
+                'user_input=' + encodeURIComponent(userInput) +
+                '&session_id=' + encodeURIComponent(SESSION_ID)
+            );
         }
-
+    
         document.getElementById('user-input').addEventListener('keydown', function(event) {
             if (event.key === 'Enter') {
                 sendMessage();
             }
         });
     </script>
+
 </body>
 </html>