clay-server 2.18.0-beta.7 → 2.18.0-beta.8

package/lib/public/app.js

@@ -29,6 +29,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
 import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } from './modules/command-palette.js';
 import { initLongPress } from './modules/longpress.js';
 import { initMention, handleMentionStart, handleMentionStream, handleMentionDone, handleMentionError, handleMentionActivity, renderMentionUser, renderMentionResponse } from './modules/mention.js';
+import { initDebate, handleDebateStarted, handleDebateTurn, handleDebateActivity, handleDebateStream, handleDebateTurnDone, handleDebateCommentQueued, handleDebateCommentInjected, handleDebateEnded, handleDebateError, renderDebateStarted, renderDebateTurnDone, renderDebateEnded, renderDebateCommentInjected, openDebateModal, closeDebateModal } from './modules/debate.js';
 
 // --- Base path for multi-project routing ---
   var slugMatch = location.pathname.match(/^\/p\/([a-z0-9_-]+)/);
@@ -3684,10 +3685,17 @@ import { initMention, handleMentionStart, handleMentionStream, handleMentionDone
         ws.send(JSON.stringify({ type: "mate_list" }));
       } catch(e) {}
 
-      // Restore mate DM after hard refresh
+      // Restore mate DM after hard refresh or server restart
       try {
         var savedMateDm = localStorage.getItem("clay_active_mate_dm");
-        if (savedMateDm && !dmMode) {
+        if (savedMateDm) {
+          // If dmMode is stale (server restarted while in mate DM), clean up first
+          if (dmMode) {
+            dmMode = false;
+            savedMainWs = null;
+            mateWs = null;
+            document.body.classList.remove("mate-dm-active");
+          }
           pendingMateDmRestore = true;
           messagesEl.innerHTML = ""; // prevent regular history flash
           openDm(savedMateDm);
@@ -4676,6 +4684,51 @@ import { initMention, handleMentionStart, handleMentionStream, handleMentionDone
           renderMentionResponse(msg);
           break;
 
+        // --- Debate ---
+        case "debate_preparing":
+          showDebateSticky("preparing", msg);
+          break;
+
+        case "debate_started":
+          showDebateSticky("live", msg);
+          handleDebateStarted(msg);
+          break;
+
+        case "debate_turn":
+          handleDebateTurn(msg);
+          if (msg.round) updateDebateRound(msg.round);
+          break;
+
+        case "debate_activity":
+          handleDebateActivity(msg);
+          break;
+
+        case "debate_stream":
+          handleDebateStream(msg);
+          break;
+
+        case "debate_turn_done":
+          handleDebateTurnDone(msg);
+          break;
+
+        case "debate_comment_queued":
+          handleDebateCommentQueued(msg);
+          break;
+
+        case "debate_comment_injected":
+          handleDebateCommentInjected(msg);
+          break;
+
+        case "debate_ended":
+          showDebateSticky("ended", msg);
+          handleDebateEnded(msg);
+          break;
+
+        case "debate_error":
+          handleDebateError(msg);
+          if (msg.error) showToast("Debate: " + msg.error, "error");
+          break;
+
         case "daemon_config":
           updateDaemonConfig(msg.config);
           break;
@@ -5008,6 +5061,16 @@ import { initMention, handleMentionStart, handleMentionStream, handleMentionDone
     addCopyHandler: addCopyHandler,
   });
 
+  // --- Debate module ---
+  initDebate({
+    get ws() { return ws; },
+    messagesEl: messagesEl,
+    scrollToBottom: scrollToBottom,
+    addCopyHandler: addCopyHandler,
+    matesList: function () { return cachedMatesList || []; },
+    currentMateId: function () { return (dmTargetUser && dmTargetUser.isMate) ? dmTargetUser.id : null; },
+  });
+
   // --- STT module (voice input via Web Speech API) ---
   initSTT({
     inputEl: inputEl,
@@ -5499,6 +5562,13 @@ import { initMention, handleMentionStart, handleMentionStream, handleMentionDone
         updateLoopBanner(loopIteration, loopMaxIterations, "running");
       }
     }
+
+    // Restore debate sticky on session switch
+    if (debateStickyState && debateStickyState.phase) {
+      showDebateSticky(debateStickyState.phase, debateStickyState.msg);
+    } else {
+      showDebateSticky("hide", null);
+    }
   }
 
   // --- Skill install dialog (generic) ---
@@ -5727,6 +5797,24 @@ import { initMention, handleMentionStart, handleMentionStream, handleMentionDone
     }, cb);
   }
 
+  function requireClayDebateSetup(cb) {
+    requireSkills({
+      title: "Skill Installation Required",
+      reason: "The Debate Setup skill is required to start a debate.",
+      skills: [{ name: "clay-debate-setup", url: "https://github.com/chadbyte/clay-debate-setup", scope: "global" }]
+    }, cb);
+  }
+
+  // Debate button in mate sidebar
+  var debateBtn = document.getElementById("mate-debate-btn");
+  if (debateBtn) {
+    debateBtn.addEventListener("click", function () {
+      requireClayDebateSetup(function () {
+        openDebateModal();
+      });
+    });
+  }
+
   // --- Ralph Wizard ---
 
   var wizardMode = "draft"; // "draft" or "own"
@@ -6174,6 +6262,130 @@ import { initMention, handleMentionStart, handleMentionStream, handleMentionDone
     }
   }
 
+  // --- Debate Sticky Banner ---
+  var debateStickyState = null;
+  var debateHandRaiseOpen = false;
+
+  function showDebateSticky(phase, msg) {
+    if (phase === "ended" || phase === "hide") {
+      debateStickyState = null;
+    } else {
+      debateStickyState = { phase: phase, msg: msg };
+    }
+    var stickyEl = document.getElementById("debate-sticky");
+    if (!stickyEl) return;
+
+    if (phase === "ended" || phase === "hide") {
+      stickyEl.classList.add("hidden");
+      stickyEl.innerHTML = "";
+      debateHandRaiseOpen = false;
+      return;
+    }
+
+    var topic = (msg && msg.topic) || "Debate";
+    var truncTopic = topic.length > 30 ? topic.slice(0, 30) + "\u2026" : topic;
+
+    if (phase === "preparing") {
+      stickyEl.innerHTML =
+        '<div class="debate-sticky-inner">' +
+          '<div class="debate-sticky-header">' +
+            '<span class="debate-sticky-icon">' + iconHtml("mic") + '</span>' +
+            '<span class="debate-sticky-label">' + escapeHtml(truncTopic) + '</span>' +
+            '<span class="debate-sticky-status" id="debate-sticky-status">Setting up\u2026</span>' +
+            '<button class="debate-sticky-action debate-sticky-cancel" title="Cancel debate">' + iconHtml("x") + '</button>' +
+          '</div>' +
+        '</div>';
+      stickyEl.classList.remove("hidden");
+      stickyEl.className = "debate-sticky preparing";
+      refreshIcons();
+
+      stickyEl.querySelector(".debate-sticky-cancel").addEventListener("click", function (e) {
+        e.stopPropagation();
+        if (ws && ws.readyState === 1) {
+          ws.send(JSON.stringify({ type: "debate_stop" }));
+        }
+        stickyEl.classList.add("hidden");
+        stickyEl.innerHTML = "";
+      });
+    } else if (phase === "live") {
+      stickyEl.innerHTML =
+        '<div class="debate-sticky-inner">' +
+          '<div class="debate-sticky-header">' +
+            '<span class="debate-sticky-icon">' + iconHtml("mic") + '</span>' +
+            '<span class="debate-sticky-label">' + escapeHtml(truncTopic) + '</span>' +
+            '<span class="debate-sticky-status" id="debate-sticky-status">Live</span>' +
+            '<span class="debate-sticky-round" id="debate-sticky-round">R1</span>' +
+            '<button class="debate-sticky-action debate-sticky-hand" title="Raise hand">' + iconHtml("hand") + '</button>' +
+            '<button class="debate-sticky-action debate-sticky-stop" title="Stop debate">' + iconHtml("square") + '</button>' +
+          '</div>' +
+          '<div class="debate-sticky-hand-input hidden" id="debate-sticky-hand-input">' +
+            '<textarea id="debate-sticky-comment" rows="1" placeholder="Your comment\u2026"></textarea>' +
+            '<button class="debate-sticky-send" id="debate-sticky-send">Send</button>' +
+            '<button class="debate-sticky-send-cancel" id="debate-sticky-send-cancel">Cancel</button>' +
+          '</div>' +
+        '</div>';
+      stickyEl.classList.remove("hidden");
+      stickyEl.className = "debate-sticky live";
+      refreshIcons();
+      debateHandRaiseOpen = false;
+
+      stickyEl.querySelector(".debate-sticky-hand").addEventListener("click", function (e) {
+        e.stopPropagation();
+        toggleDebateHandRaise();
+      });
+
+      stickyEl.querySelector(".debate-sticky-stop").addEventListener("click", function (e) {
+        e.stopPropagation();
+        if (ws && ws.readyState === 1) {
+          ws.send(JSON.stringify({ type: "debate_stop" }));
+        }
+      });
+
+      var sendBtn = document.getElementById("debate-sticky-send");
+      var cancelBtn = document.getElementById("debate-sticky-send-cancel");
+      var commentInput = document.getElementById("debate-sticky-comment");
+
+      if (sendBtn) sendBtn.addEventListener("click", function () { sendDebateStickyComment(); });
+      if (cancelBtn) cancelBtn.addEventListener("click", function () { toggleDebateHandRaise(false); });
+      if (commentInput) {
+        commentInput.addEventListener("keydown", function (e) {
+          if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); sendDebateStickyComment(); }
+          if (e.key === "Escape") { toggleDebateHandRaise(false); }
+        });
+      }
+    }
+  }
+
+  function toggleDebateHandRaise(forceState) {
+    var inputWrap = document.getElementById("debate-sticky-hand-input");
+    var commentInput = document.getElementById("debate-sticky-comment");
+    if (!inputWrap) return;
+    var show = typeof forceState === "boolean" ? forceState : !debateHandRaiseOpen;
+    debateHandRaiseOpen = show;
+    if (show) {
+      inputWrap.classList.remove("hidden");
+      if (commentInput) { commentInput.value = ""; commentInput.focus(); }
+    } else {
+      inputWrap.classList.add("hidden");
+    }
+  }
+
+  function sendDebateStickyComment() {
+    var commentInput = document.getElementById("debate-sticky-comment");
+    if (!commentInput) return;
+    var text = commentInput.value.trim();
+    if (!text) return;
+    if (ws && ws.readyState === 1) {
+      ws.send(JSON.stringify({ type: "debate_comment", text: text }));
+    }
+    toggleDebateHandRaise(false);
+  }
+
+  function updateDebateRound(round) {
+    var roundEl = document.getElementById("debate-sticky-round");
+    if (roundEl) roundEl.textContent = "R" + round;
+  }
+
   // --- Ralph Preview Modal ---
   function openRalphPreviewModal() {
     var modal = document.getElementById("ralph-preview-modal");

package/lib/sdk-bridge.js

@@ -1118,7 +1118,7 @@ function createSDKBridge(opts) {
 
     // Mate sessions (DM): auto-approve read-only tools
     if (isMate || mateDisplayName) {
-      var mateReadTools = { Read: true, Glob: true, Grep: true };
+      var mateReadTools = { Read: true, Glob: true, Grep: true, WebFetch: true, WebSearch: true };
       if (mateReadTools[toolName]) {
         return Promise.resolve({ behavior: "allow", updatedInput: input });
       }
@@ -1775,7 +1775,7 @@ function createSDKBridge(opts) {
           includePartialMessages: true,
           abortController: abortController,
           canUseTool: opts.canUseTool || function (toolName, input) {
-            var allowed = { Read: true, Glob: true, Grep: true };
+            var allowed = { Read: true, Glob: true, Grep: true, WebFetch: true };
             if (allowed[toolName]) {
               return Promise.resolve({ behavior: "allow", updatedInput: input });
             }

package/package.json

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