Update static/script.js

static/script.js

@@ -79,9 +79,23 @@ themeToggle.addEventListener("click", () => {
   themeToggle.textContent = isDark ? "🌙" : "☀️";
 });
 
-// === Config Panel Behavior ===
+// === Config Panel Toggle Behavior ===
 toggleConfig.addEventListener("click", () => {
-  configPanel.classList.toggle("expanded");
+  if (configPanel.classList.contains("minimal")) {
+    configPanel.classList.remove("minimal");
+    configPanel.classList.add("expanded");
+  } else if (configPanel.classList.contains("expanded")) {
+    configPanel.classList.remove("expanded");
+    configPanel.classList.add("minimal");
+  } else {
+    configPanel.classList.add("expanded");
+    configPanel.classList.remove("hidden");
+  }
+});
+
+// === Docs Button Redirect ===
+docsButton.addEventListener("click", () => {
+  window.location.href = "/docs";
 });
 
 // === Show/Hide Loaders ===
@@ -134,9 +148,9 @@ chatForm.addEventListener("submit", async (e) => {
   appendMessage("user", prompt);
   userInput.value = "";
 
-  configPanel.classList.remove("expanded"); // Shrink config
-  configPanel.classList.add("minimal"); // Activate minimal mode
-  showLoaders(); // Show bouncing dots
+  configPanel.classList.remove("expanded");
+  configPanel.classList.add("minimal");
+  showLoaders();
 
   const settings = {
     models: {
@@ -153,7 +167,7 @@ chatForm.addEventListener("submit", async (e) => {
     body: JSON.stringify({ prompt, settings })
   });
 
-  hideLoaders(); // Hide bouncing dots
+  hideLoaders();
 
   if (response.ok) {
     const data = await response.json();