clay-server 2.6.0 → 2.7.0

package/lib/public/modules/theme.js

@@ -502,22 +502,13 @@ export function toggleDarkMode() {
   updateToggleIcon();
 }
 
-// Update the toggle button icon
+// Update the toggle switch checkbox state
 function updateToggleIcon() {
-  var btn = document.getElementById("theme-toggle-btn");
-  if (!btn) return;
+  var checkbox = document.getElementById("theme-toggle-check");
+  if (!checkbox) return;
   var mode = getEffectiveMode();
-  var iconName = mode === "dark" ? "moon" : "sun";
-  // Replace the icon element entirely
-  var existing = btn.querySelector(".lucide, [data-lucide]");
-  if (existing) {
-    var i = document.createElement("i");
-    i.setAttribute("data-lucide", iconName);
-    btn.replaceChild(i, existing);
-    if (window.lucide && window.lucide.createIcons) {
-      window.lucide.createIcons();
-    }
-  }
+  // checked = light mode (thumb slides right, covering moon)
+  checkbox.checked = (mode === "light");
 }
 
 // --- Theme picker UI ---
@@ -687,11 +678,10 @@ export function initTheme() {
   // Load all themes from server, then apply properly
   loadThemes();
 
-  // Wire up title bar toggle button
-  var toggleBtn = document.getElementById("theme-toggle-btn");
-  if (toggleBtn) {
-    toggleBtn.addEventListener("click", function (e) {
-      e.stopPropagation();
+  // Wire up title bar toggle switch
+  var toggleCheck = document.getElementById("theme-toggle-check");
+  if (toggleCheck) {
+    toggleCheck.addEventListener("change", function () {
       toggleDarkMode();
     });
   }

package/lib/public/modules/tools.js

@@ -189,6 +189,13 @@ export function renderAskUserQuestion(toolId, input) {
     var qDiv = document.createElement("div");
     qDiv.className = "ask-user-question";
 
+    if (q.header) {
+      var qHeader = document.createElement("div");
+      qHeader.className = "ask-user-question-header";
+      qHeader.textContent = q.header;
+      qDiv.appendChild(qHeader);
+    }
+
     var qText = document.createElement("div");
     qText.className = "ask-user-question-text";
     qText.textContent = q.question || "";
@@ -208,6 +215,12 @@ export function renderAskUserQuestion(toolId, input) {
         (opt.description ? '<div class="option-desc"></div>' : '');
       btn.querySelector(".option-label").textContent = opt.label;
       if (opt.description) btn.querySelector(".option-desc").textContent = opt.description;
+      if (opt.markdown) {
+        var pre = document.createElement("pre");
+        pre.className = "option-markdown";
+        pre.textContent = opt.markdown;
+        btn.appendChild(pre);
+      }
 
       btn.addEventListener("click", function () {
         if (container.classList.contains("answered")) return;
@@ -267,8 +280,9 @@ export function renderAskUserQuestion(toolId, input) {
     container.appendChild(qDiv);
   });
 
-  // Single submit button at the bottom (only for multi-question)
-  if (questions.length > 1) {
+  // Submit button: show for multi-question or any multi-select question
+  var hasMultiSelect = questions.some(function (q) { return q.multiSelect; });
+  if (questions.length > 1 || hasMultiSelect) {
     var submitBtn = document.createElement("button");
     submitBtn.className = "ask-user-submit";
     submitBtn.textContent = "Submit";

package/lib/public/style.css

@@ -14,3 +14,4 @@
 @import url("css/sticky-notes.css");
 @import url("css/skills.css");
 @import url("css/mobile-nav.css");
+@import url("css/loop.css");

package/lib/sdk-bridge.js

@@ -479,6 +479,17 @@ function createSDKBridge(opts) {
   // --- SDK query lifecycle ---
 
   function handleCanUseTool(session, toolName, input, opts) {
+    // Ralph Loop: auto-approve all tools, deny interactive ones
+    if (session.loop && session.loop.active) {
+      if (toolName === "AskUserQuestion") {
+        return Promise.resolve({ behavior: "deny", message: "Autonomous mode. Make your own decision." });
+      }
+      if (toolName === "EnterPlanMode") {
+        return Promise.resolve({ behavior: "deny", message: "Do not enter plan mode. Execute directly." });
+      }
+      return Promise.resolve({ behavior: "allow", updatedInput: input });
+    }
+
     // AskUserQuestion: wait for user answers via WebSocket
     if (toolName === "AskUserQuestion") {
       return new Promise(function(resolve) {
@@ -666,6 +677,15 @@ function createSDKBridge(opts) {
       session.pendingPermissions = {};
       session.pendingAskUser = {};
     }
+    // Ralph Loop: notify completion so loop orchestrator can proceed
+    if (session.onQueryComplete) {
+      console.log("[sdk-bridge] Calling onQueryComplete for session " + session.localId + " (title: " + (session.title || "?") + ")");
+      try {
+        session.onQueryComplete(session);
+      } catch (err) {
+        console.error("[sdk-bridge] onQueryComplete error:", err.message || err);
+      }
+    }
   }
 
   async function getOrCreateRewindQuery(session) {
@@ -808,6 +828,14 @@ function createSDKBridge(opts) {
       return;
     }
 
+    // For single-turn sessions (Ralph Loop), end the message queue so the SDK
+    // query finishes after processing the one message. Without this, the query
+    // stream stays open forever waiting for more messages, and onQueryComplete
+    // never fires.
+    if (session.singleTurn) {
+      session.messageQueue.end();
+    }
+
     session.streamPromise = processQueryStream(session).catch(function(err) {
     });
   }

package/lib/sessions.js

@@ -178,6 +178,7 @@ function createSessionManager(opts) {
           active: s.localId === activeSessionId,
           isProcessing: s.isProcessing,
           lastActivity: s.lastActivity || s.createdAt || 0,
+          loop: s.loop || null,
         };
       }),
     });
@@ -254,7 +255,7 @@ function createSessionManager(opts) {
     if (!session) return;
 
     activeSessionId = localId;
-    send({ type: "session_switched", id: localId, cliSessionId: session.cliSessionId || null });
+    send({ type: "session_switched", id: localId, cliSessionId: session.cliSessionId || null, loop: session.loop || null });
     broadcastSessionList();
     replayHistory(session);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "Web UI for Claude Code. Any device. Push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",