Update script.js

script.js

@@ -3,7 +3,8 @@ document.addEventListener("DOMContentLoaded", () => {
   const input = document.getElementById("userInput");
   const micBtn = document.getElementById("micBtn");
 
-  // Append a message to the chat box
+  let isWaiting = false;
+
   function appendMessage(text, sender = "bot") {
     const msg = document.createElement("div");
     msg.className = sender === "bot" ? "bot-message" : "user-message";
@@ -12,13 +13,15 @@ document.addEventListener("DOMContentLoaded", () => {
     chatBox.scrollTop = chatBox.scrollHeight;
   }
 
-  // Send message to backend
   async function sendMessage() {
+    if (isWaiting) return;
+
     const message = input.value.trim();
     if (!message) return;
 
     appendMessage(message, "user");
     input.value = "";
+    isWaiting = true;
 
     const loadingMsg = document.createElement("div");
     loadingMsg.className = "bot-message";
@@ -27,26 +30,31 @@ document.addEventListener("DOMContentLoaded", () => {
     chatBox.scrollTop = chatBox.scrollHeight;
 
     try {
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), 30000); // optional 30s timeout
+
       const res = await fetch("/api", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ question: message })
+        body: JSON.stringify({ question: message }),
+        signal: controller.signal
       });
 
+      clearTimeout(timeoutId);
       const data = await res.json();
       loadingMsg.remove();
 
       appendMessage(data.answer || "❌ No response from AI.", "bot");
     } catch (err) {
       loadingMsg.remove();
-      appendMessage("❌ Failed to get response: " + err.message, "bot");
+      appendMessage("❌ Error: " + (err.message || "Unknown error"), "bot");
+    } finally {
+      isWaiting = false;
     }
   }
 
-  // Make sendMessage available globally for <form onsubmit>
   window.sendMessage = sendMessage;
 
-  // Submit on Enter key (in case form fallback fails)
   input.addEventListener("keydown", (e) => {
     if (e.key === "Enter") {
       e.preventDefault();
@@ -54,7 +62,7 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   });
 
-  // Voice input (mic) support
+  // Voice support
   if ("webkitSpeechRecognition" in window || "SpeechRecognition" in window) {
     const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
     recognition.lang = "en-IN";