clay-server 2.26.0-beta.9 → 2.26.0

package/lib/public/modules/mate-sidebar.js

@@ -6,7 +6,7 @@ import { isSchedulerOpen, closeScheduler } from './scheduler.js';
 import { hideNotes } from './sticky-notes.js';
 import { openSearch as openSessionSearch } from './session-search.js';
 
-var getMateWs = null;
+var getWs = null;
 var currentMateId = null;
 var currentMate = null;
 var cachedSessions = [];
@@ -27,8 +27,8 @@ var searchQuery = "";
 var searchMatchIds = null;
 var searchDebounce = null;
 
-export function initMateSidebar(mateWsGetter) {
-  getMateWs = mateWsGetter;
+export function initMateSidebar(wsGetter) {
+  getWs = wsGetter;
   columnEl = document.getElementById("mate-sidebar-column");
   listEl = document.getElementById("mate-session-list");
   avatarEl = document.getElementById("mate-sidebar-avatar");
@@ -37,7 +37,7 @@ export function initMateSidebar(mateWsGetter) {
 
   if (newSessionBtn) {
     newSessionBtn.addEventListener("click", function () {
-      var ws = getMateWs ? getMateWs() : null;
+      var ws = getWs ? getWs() : null;
       if (ws && ws.readyState === 1) {
         ws.send(JSON.stringify({ type: "new_session" }));
       }
@@ -73,7 +73,7 @@ export function initMateSidebar(mateWsGetter) {
         return;
       }
       searchDebounce = setTimeout(function () {
-        var ws = getMateWs ? getMateWs() : null;
+        var ws = getWs ? getWs() : null;
         if (ws && ws.readyState === 1) {
           ws.send(JSON.stringify({ type: "search_sessions", query: q }));
         }
@@ -316,6 +316,10 @@ function spawnSparks(cx, cy) {
   }
 }
 
+export function getMateSessions() {
+  return cachedSessions;
+}
+
 export function hideMateSidebar() {
   currentMateId = null;
   currentMate = null;
@@ -498,7 +502,7 @@ function renderDebateGroup(children, groupKey) {
       hideKnowledge();
       if (isSchedulerOpen()) closeScheduler();
       hideNotes();
-      var ws = getMateWs ? getMateWs() : null;
+      var ws = getWs ? getWs() : null;
       if (ws && ws.readyState === 1) {
         ws.send(JSON.stringify({ type: "switch_session", id: id }));
       }
@@ -534,7 +538,7 @@ function renderDebateGroup(children, groupKey) {
           hideKnowledge();
           if (isSchedulerOpen()) closeScheduler();
           hideNotes();
-          var ws = getMateWs ? getMateWs() : null;
+          var ws = getWs ? getWs() : null;
           if (ws && ws.readyState === 1) {
             ws.send(JSON.stringify({ type: "switch_session", id: id }));
           }
@@ -580,7 +584,7 @@ function renderMateSessionItem(s) {
       if (isSchedulerOpen()) closeScheduler();
       hideNotes();
       var pendingQuery = searchQuery || "";
-      var ws = getMateWs ? getMateWs() : null;
+      var ws = getWs ? getWs() : null;
       if (ws && ws.readyState === 1) {
         ws.send(JSON.stringify({ type: "switch_session", id: id }));
       }
@@ -642,7 +646,7 @@ function showMateSessionCtxMenu(anchorEl, sessionId, title) {
     overlay.querySelector(".mate-confirm-cancel").addEventListener("click", function () { overlay.remove(); });
     overlay.querySelector(".mate-confirm-delete").addEventListener("click", function () {
       overlay.remove();
-      var ws = getMateWs ? getMateWs() : null;
+      var ws = getWs ? getWs() : null;
       if (ws && ws.readyState === 1) {
         ws.send(JSON.stringify({ type: "delete_session", id: sessionId }));
       }

package/lib/public/modules/sidebar.js

@@ -10,6 +10,7 @@ import { closeArchive } from './sticky-notes.js';
 import { closeScheduler } from './scheduler.js';
 import { openSearch as openSessionSearch } from './session-search.js';
 import { openCommandPalette } from './command-palette.js';
+import { getMateSessions } from './mate-sidebar.js';
 
 var ctx;
 
@@ -351,6 +352,7 @@ function renderLoopGroup(loopId, children, groupKey) {
 
   var loopName = (children[0].loop && children[0].loop.name) || "Ralph Loop";
   var isRalph = children[0].loop && children[0].loop.source === "ralph";
+  var isDebate = children[0].loop && children[0].loop.source === "debate";
   var isCrafting = false;
   for (var j = 0; j < children.length; j++) {
     if (children[j].loop && children[j].loop.role === "crafting") isCrafting = true;
@@ -363,7 +365,10 @@ function renderLoopGroup(loopId, children, groupKey) {
 
   // Group header row
   var el = document.createElement("div");
-  el.className = "session-loop-group" + (hasActive ? " active" : "") + (expanded ? " expanded" : "") + (isRalph ? "" : " scheduled");
+  var groupClass = "session-loop-group" + (hasActive ? " active" : "") + (expanded ? " expanded" : "");
+  if (isDebate) groupClass += " debate";
+  else if (!isRalph) groupClass += " scheduled";
+  el.className = groupClass;
   el.dataset.loopId = loopId;
 
   var chevron = document.createElement("button");
@@ -388,14 +393,16 @@ function renderLoopGroup(loopId, children, groupKey) {
   if (anyProcessing) {
     textHtml += '<span class="session-processing"></span>';
   }
-  var groupIcon = isRalph ? "repeat" : "calendar-clock";
-  textHtml += '<span class="session-loop-icon' + (isRalph ? "" : " scheduled") + '">' + iconHtml(groupIcon) + '</span>';
+  var groupIcon = isDebate ? "mic" : (isRalph ? "repeat" : "calendar-clock");
+  var iconClass = isDebate ? " debate" : (isRalph ? "" : " scheduled");
+  textHtml += '<span class="session-loop-icon' + iconClass + '">' + iconHtml(groupIcon) + '</span>';
   textHtml += '<span class="session-loop-name">' + escapeHtml(loopName) + '</span>';
   if (isCrafting && children.length === 1) {
     textHtml += '<span class="session-loop-badge crafting">Crafting</span>';
   } else {
     var countLabel = runCount === 1 ? children.length : runCount + (runCount === 1 ? " run" : " runs");
-    textHtml += '<span class="session-loop-count' + (isRalph ? "" : " scheduled") + '">' + countLabel + '</span>';
+    var countClass = isDebate ? " debate" : (isRalph ? "" : " scheduled");
+    textHtml += '<span class="session-loop-count' + countClass + '">' + countLabel + '</span>';
   }
   textSpan.innerHTML = textHtml;
   el.appendChild(textSpan);
@@ -538,6 +545,9 @@ function renderSessionItem(s) {
   if (s.isProcessing) {
     textHtml += '<span class="session-processing"></span>';
   }
+  if (s.loop && s.loop.source === "debate") {
+    textHtml += '<span class="session-debate-icon" title="Debate">' + iconHtml("mic") + '</span>';
+  }
   if (ctx.multiUser && s.sessionVisibility === "private") {
     textHtml += '<span class="session-private-icon" title="Private session">' + iconHtml("lock") + '</span>';
   }
@@ -598,8 +608,8 @@ export function renderSessionList(sessions) {
   var normalSessions = [];
   for (var i = 0; i < cachedSessions.length; i++) {
     var s = cachedSessions[i];
-    if (s.loop && s.loop.loopId && s.loop.role === "crafting" && s.loop.source !== "ralph") {
-      // Task crafting sessions live in the scheduler calendar, not the main list
+    if (s.loop && s.loop.loopId && s.loop.role === "crafting" && s.loop.source !== "ralph" && s.loop.source !== "debate") {
+      // Task crafting sessions live in the scheduler calendar, not the main list (except debate)
       continue;
     } else if (s.loop && s.loop.loopId) {
       var startedAt = s.loop.startedAt || 0;
@@ -923,7 +933,8 @@ function renderSheetSessions(listEl) {
     (function (p) {
       var chip = document.createElement("button");
       chip.className = "mobile-chat-chip";
-      if (p.slug === cachedCurrentSlug) chip.classList.add("active");
+      var isDmActive = document.body.classList.contains("mate-dm-active");
+      if (p.slug === cachedCurrentSlug && !isDmActive) chip.classList.add("active");
       chip.dataset.type = "project";
       chip.dataset.slug = p.slug;
 
@@ -975,6 +986,7 @@ function renderSheetSessions(listEl) {
       var mp = mate.profile || {};
       var chip = document.createElement("button");
       chip.className = "mobile-chat-chip";
+      if (currentDmUserId === mate.id) chip.classList.add("active");
       chip.dataset.type = "mate";
       chip.dataset.mateId = mate.id;
 
@@ -1029,10 +1041,9 @@ function renderSheetSessions(listEl) {
     if (type === "project") {
       renderMobileSessionsInto(sessionListEl);
     } else if (type === "mate") {
-      // Mate DM: just open the DM
+      // Mate DM: open the DM and show mate actions
       if (ctx.openDm) ctx.openDm(mateId);
-      closeMobileSheet();
-      return;
+      renderMateMobileActions(sessionListEl);
     }
 
     refreshIcons();
@@ -1051,15 +1062,23 @@ function renderSheetSessions(listEl) {
         var type = chip.dataset.type;
         if (type === "project") {
           var slug = chip.dataset.slug;
-          if (slug !== cachedCurrentSlug) {
-            // Switch project, show loading, keep sheet open
+          var isDmNow = !!currentDmUserId;
+          if (slug !== cachedCurrentSlug || isDmNow) {
+            // Switch project (or exit DM back to same project)
             sessionListEl.innerHTML = "";
-            var loading = document.createElement("div");
-            loading.className = "mobile-chat-context-note";
-            loading.textContent = "Loading sessions...";
-            sessionListEl.appendChild(loading);
+            if (slug !== cachedCurrentSlug) {
+              var loading = document.createElement("div");
+              loading.className = "mobile-chat-context-note";
+              loading.textContent = "Loading sessions...";
+              sessionListEl.appendChild(loading);
+            }
             if (ctx.switchProject) ctx.switchProject(slug);
-            // renderSessionList will be called by WS, which calls refreshMobileChatSheet
+            if (!isDmNow || slug !== cachedCurrentSlug) {
+              // renderSessionList will be called by WS, which calls refreshMobileChatSheet
+            } else {
+              // Exited DM, same project - render sessions now
+              renderSessionsForContext("project", slug, null);
+            }
           } else {
             renderSessionsForContext("project", slug, null);
           }
@@ -1073,8 +1092,12 @@ function renderSheetSessions(listEl) {
   // Track that chat sheet is open
   mobileChatSheetOpen = true;
 
-  // --- Initial render: current project sessions ---
-  renderSessionsForContext("project", cachedCurrentSlug, null);
+  // --- Initial render: show mate actions if DM active, otherwise project sessions ---
+  if (currentDmUserId) {
+    renderSessionsForContext("mate", null, currentDmUserId);
+  } else {
+    renderSessionsForContext("project", cachedCurrentSlug, null);
+  }
 }
 
 // Helper: create a mobile session item element
@@ -1350,6 +1373,54 @@ function createMobileLoopGroup(loopId, children, groupKey) {
   return wrapper;
 }
 
+function renderMateMobileActions(container) {
+  var newSessionBtn = document.createElement("button");
+  newSessionBtn.className = "mobile-session-new";
+  newSessionBtn.innerHTML = '<i data-lucide="plus" style="width:16px;height:16px"></i> New session';
+  newSessionBtn.addEventListener("click", function () {
+    if (ctx.ws && ctx.connected) {
+      ctx.ws.send(JSON.stringify({ type: "new_session" }));
+    }
+    closeMobileSheet();
+  });
+  container.appendChild(newSessionBtn);
+
+  var debateBtn = document.createElement("button");
+  debateBtn.className = "mobile-session-new";
+  debateBtn.innerHTML = '<i data-lucide="mic" style="width:16px;height:16px"></i> New debate';
+  debateBtn.addEventListener("click", function () {
+    closeMobileSheet();
+    var targetBtn = document.getElementById("mate-debate-btn");
+    if (targetBtn) setTimeout(function () { targetBtn.click(); }, 250);
+  });
+  container.appendChild(debateBtn);
+
+  // Render mate session list
+  var mateSessions = getMateSessions();
+  if (mateSessions.length > 0) {
+    var sorted = mateSessions.slice().sort(function (a, b) {
+      return (b.lastActivity || 0) - (a.lastActivity || 0);
+    });
+
+    var currentGroup = "";
+    for (var i = 0; i < sorted.length; i++) {
+      var s = sorted[i];
+      var group = getDateGroup(s.lastActivity || 0);
+      if (group !== currentGroup) {
+        currentGroup = group;
+        var header = document.createElement("div");
+        header.className = "mobile-sheet-group";
+        header.textContent = group;
+        container.appendChild(header);
+      }
+      var mateItem = createMobileSessionItem(s);
+      container.appendChild(mateItem);
+    }
+  }
+
+  refreshIcons();
+}
+
 // Helper: render sorted sessions into a container with date groups (with loop session grouping)
 function renderMobileSessionsInto(container) {
   var newBtn = document.createElement("button");
@@ -1368,7 +1439,7 @@ function renderMobileSessionsInto(container) {
   var normalSessions = [];
   for (var i = 0; i < cachedSessions.length; i++) {
     var s = cachedSessions[i];
-    if (s.loop && s.loop.loopId && s.loop.role === "crafting" && s.loop.source !== "ralph") {
+    if (s.loop && s.loop.loopId && s.loop.role === "crafting" && s.loop.source !== "ralph" && s.loop.source !== "debate") {
       continue;
     } else if (s.loop && s.loop.loopId) {
       var startedAt = s.loop.startedAt || 0;
@@ -1424,7 +1495,7 @@ function renderMobileSessionsInto(container) {
 }
 
 // Refresh mobile chat sheet when session data updates (called from renderSessionList)
-function refreshMobileChatSheet() {
+export function refreshMobileChatSheet() {
   if (!mobileChatSheetOpen) return;
   var sheet = document.getElementById("mobile-sheet");
   if (!sheet || sheet.classList.contains("hidden")) {
@@ -1441,7 +1512,10 @@ function refreshMobileChatSheet() {
     chip.classList.remove("active");
 
     // Update active state
-    if (chip.dataset.type === "project" && chip.dataset.slug === cachedCurrentSlug) {
+    var isDmActive = !!currentDmUserId;
+    if (chip.dataset.type === "project" && chip.dataset.slug === cachedCurrentSlug && !isDmActive) {
+      chip.classList.add("active");
+    } else if (chip.dataset.type === "mate" && chip.dataset.mateId === currentDmUserId) {
       chip.classList.add("active");
     }
 
@@ -1461,9 +1535,13 @@ function refreshMobileChatSheet() {
     }
   }
 
-  // Re-render sessions for current project
+  // Re-render sessions for current context
   sessionListEl.innerHTML = "";
-  renderMobileSessionsInto(sessionListEl);
+  if (currentDmUserId) {
+    renderMateMobileActions(sessionListEl);
+  } else {
+    renderMobileSessionsInto(sessionListEl);
+  }
 
   refreshIcons();
 }
@@ -1619,8 +1697,7 @@ function renderSheetTools(listEl) {
     { icon: "book-open", label: "Knowledge", action: "mate-knowledge" },
     { icon: "sticky-note", label: "Sticky Notes", action: "mate-sticky" },
     { icon: "puzzle", label: "Skills", action: "mate-skills" },
-    { icon: "calendar-clock", label: "Scheduled Tasks", action: "mate-scheduler" },
-    { icon: "mic", label: "Debate", action: "mate-debate" }
+    { icon: "calendar-clock", label: "Scheduled Tasks", action: "mate-scheduler" }
   ] : [
     { icon: "folder-tree", label: "Files", action: "files" },
     { icon: "square-terminal", label: "Terminal", action: "terminal" },
@@ -4062,6 +4139,8 @@ export function renderUserStrip(allUsers, onlineUserIds, myUserId, dmFavorites,
       avatar.className = "icon-strip-user-avatar" + (mate.primary ? " icon-strip-primary-mate" : "");
       avatar.src = mateAvatarUrl(mate, 34);
       avatar.alt = mp.displayName || mate.name || "Mate";
+      var mateColor = (mp.avatarColor) || mate.avatarColor || "#7c3aed";
+      avatar.style.background = mateColor + "30";
       el.appendChild(avatar);
 
       // Processing status dot (IO blink)

package/lib/public/modules/terminal.js

@@ -352,6 +352,16 @@ function createXtermForTab(tab) {
 
   xterm.open(bodyEl);
 
+  // WebGL addon: pixel-perfect rendering (eliminates gaps in block characters)
+  // Must be loaded after xterm.open() so the rendering context is available.
+  if (typeof WebglAddon !== "undefined") {
+    try {
+      xterm.loadAddon(new WebglAddon.WebglAddon());
+    } catch (e) {
+      // WebGL not available, fall back to DOM renderer
+    }
+  }
+
   // Route input to server
   xterm.onData(function (data) {
     if (ctx.ws && ctx.connected) {
@@ -481,14 +491,14 @@ function renderTabBar() {
         startRenameTab(t, label);
       });
 
-      var closeBtn = document.createElement("button");
-      closeBtn.className = "terminal-tab-close";
-      closeBtn.innerHTML = '<i data-lucide="trash-2" style="width:12px;height:12px"></i>';
-      closeBtn.addEventListener("click", function (e) {
+      var moreBtn = document.createElement("button");
+      moreBtn.className = "terminal-tab-more";
+      moreBtn.innerHTML = '<i data-lucide="ellipsis" style="width:12px;height:12px"></i>';
+      moreBtn.addEventListener("click", function (e) {
         e.stopPropagation();
-        closeTab(t.id);
+        showTabContextMenu(e, t, label);
       });
-      el.appendChild(closeBtn);
+      el.appendChild(moreBtn);
 
       el.addEventListener("click", function () {
         if (t.id !== activeTabId) {
@@ -504,6 +514,52 @@ function renderTabBar() {
   refreshIcons();
 }
 
+// --- Tab context menu (three-dot) ---
+function showTabContextMenu(e, tab, labelEl) {
+  var existing = document.querySelector(".terminal-tab-ctx");
+  if (existing) existing.remove();
+
+  var menu = document.createElement("div");
+  menu.className = "terminal-tab-ctx";
+
+  var renameItem = document.createElement("button");
+  renameItem.className = "terminal-tab-ctx-item";
+  renameItem.innerHTML = '<i data-lucide="pencil" style="width:13px;height:13px"></i> Rename';
+  renameItem.addEventListener("click", function () {
+    menu.remove();
+    startRenameTab(tab, labelEl);
+  });
+  menu.appendChild(renameItem);
+
+  var closeItem = document.createElement("button");
+  closeItem.className = "terminal-tab-ctx-item terminal-tab-ctx-danger";
+  closeItem.innerHTML = '<i data-lucide="trash-2" style="width:13px;height:13px"></i> Close';
+  closeItem.addEventListener("click", function () {
+    menu.remove();
+    closeTab(tab.id);
+  });
+  menu.appendChild(closeItem);
+
+  document.body.appendChild(menu);
+  refreshIcons();
+
+  // Position near the button
+  var rect = e.currentTarget.getBoundingClientRect();
+  menu.style.top = (rect.bottom + 4) + "px";
+  menu.style.left = rect.left + "px";
+
+  // Dismiss on outside click
+  function dismiss(ev) {
+    if (!menu.contains(ev.target)) {
+      menu.remove();
+      document.removeEventListener("mousedown", dismiss, true);
+    }
+  }
+  setTimeout(function () {
+    document.addEventListener("mousedown", dismiss, true);
+  }, 0);
+}
+
 // --- Rename tab inline ---
 function startRenameTab(tab, labelEl) {
   var input = document.createElement("input");

package/lib/public/modules/tools.js

@@ -205,7 +205,7 @@ export function renderAskUserQuestion(toolId, input) {
 
     var avi = document.createElement("img");
     avi.className = "dm-bubble-avatar";
-    avi.src = identity.avatar;
+    avi.src = mateAvatar;
     container.appendChild(avi);
 
     mateContentWrap = document.createElement("div");
@@ -214,7 +214,7 @@ export function renderAskUserQuestion(toolId, input) {
     var headerEl = document.createElement("div");
     headerEl.className = "dm-bubble-header";
     headerEl.innerHTML =
-      '<span class="dm-bubble-name">' + escapeHtml(identity.name) + '</span>' +
+      '<span class="dm-bubble-name">' + escapeHtml(mateName) + '</span>' +
       '<span class="dm-bubble-time">' + String(new Date().getHours()).padStart(2, "0") + ":" + String(new Date().getMinutes()).padStart(2, "0") + '</span>';
     mateContentWrap.appendChild(headerEl);
   }