Update static/script.js

static/script.js

@@ -20,8 +20,8 @@ function createDropdown(dropdownId) {
   const dropdown = document.getElementById(dropdownId);
   const selected = dropdown.querySelector(".selected");
   const options = dropdown.querySelector(".options");
-  const label = dropdown.parentElement.querySelector(".model-label");
-  const nameDisplay = dropdown.parentElement.querySelector(".model-name");
+  const modelZone = dropdown.closest(".model-zone");
+  const nameDisplay = modelZone.querySelector(".model-name");
 
   MODEL_LIST.forEach(model => {
     const option = document.createElement("div");
@@ -34,7 +34,10 @@ function createDropdown(dropdownId) {
       e.stopPropagation();
       selected.textContent = model.name;
       dropdown.dataset.value = model.id;
-      nameDisplay.textContent = model.name;
+      if (nameDisplay) {
+        nameDisplay.textContent = model.name;
+        nameDisplay.classList.remove("hidden");
+      }
       options.classList.add("hidden");
     });
   });
@@ -178,19 +181,23 @@ chatForm.addEventListener("submit", async (e) => {
     aggregator: selections["LLM-D"]
   };
 
-  const response = await fetch("/chat", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ prompt, settings })
-  });
+  try {
+    const response = await fetch("/chat", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ prompt, settings })
+    });
 
-  if (response.ok) {
-    const data = await response.json();
-    appendMessage("bot", data.response);
-    ["A", "B", "C", "D"].forEach(id => hideLoader(id));
-  } else {
+    if (response.ok) {
+      const data = await response.json();
+      appendMessage("bot", data.response);
+    } else {
+      appendMessage("bot", "An error occurred. Please check your model selections.");
+    }
+  } catch (error) {
+    appendMessage("bot", "An unexpected error occurred.");
+  } finally {
     ["A", "B", "C", "D"].forEach(id => hideLoader(id));
-    appendMessage("bot", "An error occurred. Please check your model selections.");
   }
 });