Update static/script.js

static/script.js

@@ -79,17 +79,14 @@ themeToggle.addEventListener("click", () => {
   themeToggle.textContent = isDark ? "🌙" : "☀️";
 });
 
+// === Config Panel Behavior ===
 toggleConfig.addEventListener("click", () => {
-  configPanel.classList.toggle("hidden");
-});
-
-docsButton.addEventListener("click", () => {
-  window.location.href = "/docs";
+  configPanel.classList.toggle("expanded");
 });
 
 // === Show/Hide Loaders ===
 function showLoaders() {
-  ["A", "B", "C"].forEach(id => {
+  ["A", "B", "C", "D"].forEach(id => {
     const loader = document.getElementById(`loader${id}`);
     loader.classList.remove("hidden");
     loader.innerHTML = `
@@ -101,7 +98,7 @@ function showLoaders() {
 }
 
 function hideLoaders() {
-  ["A", "B", "C"].forEach(id => {
+  ["A", "B", "C", "D"].forEach(id => {
     const loader = document.getElementById(`loader${id}`);
     loader.classList.add("hidden");
     loader.innerHTML = "";
@@ -137,7 +134,8 @@ chatForm.addEventListener("submit", async (e) => {
   appendMessage("user", prompt);
   userInput.value = "";
 
-  configPanel.classList.add("hidden"); // Auto close config
+  configPanel.classList.remove("expanded"); // Shrink config
+  configPanel.classList.add("minimal"); // Activate minimal mode
   showLoaders(); // Show bouncing dots
 
   const settings = {