clay-server 2.30.0 → 2.31.0

package/lib/public/modules/sidebar.js

@@ -113,6 +113,15 @@ export function initSidebar(_ctx) {
     });
   }
 
+  // --- Tools section collapse/expand ---
+  var toolsToggle = ctx.$("sidebar-tools-toggle");
+  var toolsSection = ctx.$("sidebar-tools");
+  if (toolsToggle && toolsSection) {
+    toolsToggle.addEventListener("click", function () {
+      toolsSection.classList.toggle("collapsed");
+    });
+  }
+
   // --- Panel switch (sessions / files / projects) ---
   var fileBrowserBtn = ctx.$("file-browser-btn");
   var projectsPanel = ctx.$("sidebar-panel-projects");
@@ -143,16 +152,37 @@ export function initSidebar(_ctx) {
 
   function showFilesPanel() {
     hideAllPanels();
-    if (filesPanel) filesPanel.classList.remove("hidden");
+    if (filesPanel) {
+      filesPanel.classList.remove("hidden");
+      filesPanel.classList.remove("fb-exit");
+      filesPanel.classList.add("fb-enter");
+    }
     if (filesHeaderContent) filesHeaderContent.classList.remove("hidden");
     if (ctx.onFilesTabOpen) ctx.onFilesTabOpen();
   }
 
+  function hideFilesPanel(cb) {
+    if (!filesPanel || filesPanel.classList.contains("hidden")) { if (cb) cb(); return; }
+    filesPanel.classList.remove("fb-enter");
+    filesPanel.classList.add("fb-exit");
+    function onDone() {
+      filesPanel.removeEventListener("animationend", onDone);
+      filesPanel.classList.remove("fb-exit");
+      filesPanel.classList.add("hidden");
+      if (cb) cb();
+    }
+    filesPanel.addEventListener("animationend", onDone);
+  }
+
   if (fileBrowserBtn) {
     fileBrowserBtn.addEventListener("click", showFilesPanel);
   }
   if (filePanelClose) {
-    filePanelClose.addEventListener("click", showSessionsPanel);
+    filePanelClose.addEventListener("click", function() {
+      hideFilesPanel(function() {
+        showSessionsPanel();
+      });
+    });
   }
 
   // --- User island width sync ---
@@ -192,6 +222,9 @@ export function initSidebar(_ctx) {
       if (newWidth < 192) newWidth = 192;
       if (newWidth > 320) newWidth = 320;
       sidebarColumn.style.width = newWidth + "px";
+      // Sync mate sidebar to same width
+      var mateSC = document.getElementById("mate-sidebar-column");
+      if (mateSC) mateSC.style.width = newWidth + "px";
       syncResizeHandle();
       syncUserIslandWidth();
     }
@@ -234,6 +267,14 @@ export function initSidebar(_ctx) {
           sidebarColumn.style.width = px + "px";
           sidebarColumn.offsetWidth; // force reflow
           sidebarColumn.style.transition = "";
+          // Sync mate sidebar
+          var mateSC2 = document.getElementById("mate-sidebar-column");
+          if (mateSC2) {
+            mateSC2.style.transition = "none";
+            mateSC2.style.width = px + "px";
+            mateSC2.offsetWidth;
+            mateSC2.style.transition = "";
+          }
         }
       }
     } catch (e) {}
@@ -242,6 +283,107 @@ export function initSidebar(_ctx) {
     syncUserIslandWidth();
   }
 
+  // --- Mate sidebar resize handle ---
+  var mateResizeHandle = document.getElementById("mate-sidebar-resize-handle");
+  var mateSidebarCol = document.getElementById("mate-sidebar-column");
+
+  function syncMateResizeHandle() {
+    if (!mateResizeHandle || !mateSidebarCol) return;
+    var rect = mateSidebarCol.getBoundingClientRect();
+    var parentRect = mateSidebarCol.parentElement.getBoundingClientRect();
+    mateResizeHandle.style.left = (rect.right - parentRect.left) + "px";
+  }
+
+  if (mateResizeHandle && mateSidebarCol) {
+    var mateDragging = false;
+
+    function onMateResizeMove(e) {
+      if (!mateDragging) return;
+      e.preventDefault();
+      var clientX = e.touches ? e.touches[0].clientX : e.clientX;
+      var iconStrip = document.getElementById("icon-strip");
+      var stripWidth = iconStrip ? iconStrip.offsetWidth : 72;
+      var newWidth = clientX - stripWidth;
+      if (newWidth < 192) newWidth = 192;
+      if (newWidth > 320) newWidth = 320;
+      mateSidebarCol.style.width = newWidth + "px";
+      syncMateResizeHandle();
+      syncUserIslandWidth();
+    }
+
+    function onMateResizeEnd() {
+      if (!mateDragging) return;
+      mateDragging = false;
+      mateResizeHandle.classList.remove("dragging");
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+      document.removeEventListener("mousemove", onMateResizeMove);
+      document.removeEventListener("mouseup", onMateResizeEnd);
+      document.removeEventListener("touchmove", onMateResizeMove);
+      document.removeEventListener("touchend", onMateResizeEnd);
+      var finalWidth = mateSidebarCol.style.width;
+      try { localStorage.setItem("sidebar-width", finalWidth); } catch (e) {}
+      // Pre-apply to project sidebar so it's ready when dm-mode is removed
+      if (sidebarColumn) sidebarColumn.style.width = finalWidth;
+    }
+
+    function onMateResizeStart(e) {
+      e.preventDefault();
+      mateDragging = true;
+      mateResizeHandle.classList.add("dragging");
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+      document.addEventListener("mousemove", onMateResizeMove);
+      document.addEventListener("mouseup", onMateResizeEnd);
+      document.addEventListener("touchmove", onMateResizeMove, { passive: false });
+      document.addEventListener("touchend", onMateResizeEnd);
+    }
+
+    mateResizeHandle.addEventListener("mousedown", onMateResizeStart);
+    mateResizeHandle.addEventListener("touchstart", onMateResizeStart, { passive: false });
+  }
+
+  // Show/hide mate resize handle when DM mode changes
+  var _mateResizeObserver = new MutationObserver(function () {
+    if (!mateResizeHandle || !mateSidebarCol) return;
+    var isVisible = !mateSidebarCol.classList.contains("hidden");
+    if (isVisible) {
+      mateResizeHandle.classList.remove("hidden");
+      syncMateResizeHandle();
+    } else {
+      mateResizeHandle.classList.add("hidden");
+      // Mate sidebar just hid = returning to project. Sync project handle.
+      requestAnimationFrame(function () {
+        syncResizeHandle();
+        syncUserIslandWidth();
+      });
+    }
+  });
+  if (mateSidebarCol) {
+    _mateResizeObserver.observe(mateSidebarCol, { attributes: true, attributeFilter: ["class"] });
+  }
+
+  // Expose for external callers (e.g. after DM exit)
+  ctx.syncResizeHandles = function () {
+    // Restore project sidebar width from localStorage (may have changed during DM)
+    try {
+      var sw = localStorage.getItem("sidebar-width");
+      if (sw && sidebarColumn) {
+        var px = parseInt(sw, 10);
+        if (px >= 192 && px <= 320) {
+          sidebarColumn.style.width = px + "px";
+          sidebarColumn.offsetWidth; // force reflow
+        }
+      }
+    } catch (e) {}
+    // Defer handle sync to next frame so layout settles after display changes
+    requestAnimationFrame(function () {
+      syncResizeHandle();
+      syncMateResizeHandle();
+      syncUserIslandWidth();
+    });
+  };
+
   // Initial sync even if no resize handle
   syncUserIslandWidth();
 

package/lib/public/modules/sticky-notes.js

@@ -52,27 +52,6 @@ function reclampAllNotes() {
 export function initStickyNotes(_ctx) {
   ctx = _ctx;
 
-  var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
-  if (toggleBtn) {
-    toggleBtn.addEventListener("click", function () {
-      dismissOnboarding();
-      if (!notesVisible && notes.size > 0) {
-        // Hidden with existing notes → just show them
-        showNotes();
-      } else {
-        // Visible or no notes → create a new one
-        showNotes();
-        createNote();
-      }
-    });
-
-    // Long-press or right-click to toggle hide
-    toggleBtn.addEventListener("contextmenu", function (e) {
-      e.preventDefault();
-      if (notesVisible) hideNotes();
-    });
-  }
-
   // Close format toolbar on outside click
   document.addEventListener("mousedown", function (e) {
     if (formatToolbarEl && !e.target.closest(".sn-format-toolbar") && !e.target.closest(".sticky-note-text") && !e.target.closest(".sticky-note-rendered")) {
@@ -91,67 +70,6 @@ export function initStickyNotes(_ctx) {
     }, 100);
   });
 
-  // First-time onboarding beacon
-  maybeShowOnboarding();
-}
-
-// --- Onboarding beacon (one-time discovery hint) ---
-
-var onboardingEl = null;
-var ONBOARDING_KEY = "clay-sticky-notes-discovered";
-
-function maybeShowOnboarding() {
-  try {
-    if (localStorage.getItem(ONBOARDING_KEY)) return;
-  } catch (e) { return; }
-
-  var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
-  if (!toggleBtn) return;
-
-  // Show beacon after a short delay so UI settles
-  setTimeout(function () {
-    // Don't show if user already has notes (they know the feature)
-    if (notes.size > 0) {
-      dismissOnboarding();
-      return;
-    }
-
-    toggleBtn.classList.add("sn-onboarding-pulse");
-
-    var tooltip = document.createElement("div");
-    tooltip.className = "sn-onboarding-tooltip";
-    tooltip.innerHTML = '<span>Click here to create a sticky note</span>';
-    document.body.appendChild(tooltip);
-    onboardingEl = tooltip;
-
-    // Position tooltip below the button
-    var rect = toggleBtn.getBoundingClientRect();
-    tooltip.style.left = (rect.left + rect.width / 2) + "px";
-    tooltip.style.top = (rect.bottom + 8) + "px";
-
-    // Auto-dismiss after 8 seconds
-    setTimeout(function () {
-      dismissOnboarding();
-    }, 8000);
-
-    // Dismiss on click anywhere
-    document.addEventListener("click", function onClickDismiss() {
-      dismissOnboarding();
-      document.removeEventListener("click", onClickDismiss);
-    }, { once: true });
-  }, 2000);
-}
-
-function dismissOnboarding() {
-  var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
-  if (toggleBtn) toggleBtn.classList.remove("sn-onboarding-pulse");
-  if (onboardingEl) {
-    onboardingEl.classList.add("sn-onboarding-fade-out");
-    var el = onboardingEl;
-    setTimeout(function () { el.remove(); }, 300);
-    onboardingEl = null;
-  }
-  try { localStorage.setItem(ONBOARDING_KEY, "1"); } catch (e) {}
 }
 
 // --- Visibility ---
@@ -159,21 +77,17 @@ function dismissOnboarding() {
 export function showNotes() {
   notesVisible = true;
   var container = document.getElementById("sticky-notes-container");
-  var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
   if (container) container.classList.remove("hidden");
-  if (toggleBtn) toggleBtn.classList.add("active");
 }
 
 export function hideNotes() {
   notesVisible = false;
   var container = document.getElementById("sticky-notes-container");
-  var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
   if (container) container.classList.add("hidden");
-  if (toggleBtn) toggleBtn.classList.remove("active");
   closeColorPicker();
 }
 
-function createNote() {
+export function createNote() {
   var container = document.getElementById("sticky-notes-container");
   if (!container) return;
   // Scatter position so notes don't stack exactly
@@ -978,8 +892,6 @@ export function handleNotesList(msg) {
   if (list.length > 0 && !notesVisible) {
     notesVisible = true;
     container.classList.remove("hidden");
-    var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
-    if (toggleBtn) toggleBtn.classList.add("active");
   }
 }
 
@@ -1003,8 +915,6 @@ export function handleNoteCreated(msg) {
   if (!notesVisible) {
     notesVisible = true;
     container.classList.remove("hidden");
-    var toggleBtn = document.getElementById("sticky-notes-toggle-btn");
-    if (toggleBtn) toggleBtn.classList.add("active");
   }
 }
 

package/lib/public/modules/terminal.js

@@ -152,18 +152,6 @@ export function initTerminal(_ctx) {
     fitTerminal();
   });
 
-  // Header toggle button
-  var toggleBtn = document.getElementById("terminal-toggle-btn");
-  if (toggleBtn) {
-    toggleBtn.addEventListener("click", function () {
-      if (isOpen && !ctx.terminalContainerEl.classList.contains("hidden")) {
-        closeTerminal();
-      } else {
-        openTerminal();
-      }
-    });
-  }
-
   // Sidebar terminal button
   var sidebarTermBtn = document.getElementById("terminal-sidebar-btn");
   if (sidebarTermBtn) {

package/lib/public/modules/theme.js

@@ -77,6 +77,8 @@ var defaultExactVars = {
   "--sidebar-bg": "#242631",
   "--sidebar-hover": "#2f2f3f",
   "--sidebar-active": "#3d3e51",
+  "--filebrowser-bg": "#2e3042",
+  "--filebrowser-border": "#383a4d",
   "--accent-8": "rgba(255, 184, 108, 0.08)",
   "--accent-12": "rgba(255, 184, 108, 0.12)",
   "--accent-15": "rgba(255, 184, 108, 0.15)",
@@ -164,6 +166,8 @@ function computeVars(theme) {
     "--sidebar-bg":     isLight ? darken(b.base00, 0.02) : darken(b.base00, 0.10),
     "--sidebar-hover":  isLight ? darken(b.base00, 0.06) : mixColors(b.base00, b.base01, 0.5),
     "--sidebar-active": isLight ? darken(b.base01, 0.05) : mixColors(b.base01, b.base02, 0.5),
+    "--filebrowser-bg": isLight ? lighten(b.base00, 0.03) : lighten(b.base00, 0.04),
+    "--filebrowser-border": isLight ? darken(b.base00, 0.08) : mixColors(b.base02, b.base00, 0.5),
     "--accent-8":       hexToRgba(b.base09, 0.08),
     "--accent-12":      hexToRgba(b.base09, 0.12),
     "--accent-15":      hexToRgba(b.base09, 0.15),

package/lib/public/modules/tools.js

@@ -2068,6 +2068,29 @@ export function initSubagentStop(parentToolId, taskId) {
   header.appendChild(btn);
 }
 
+export function updateSubagentTaskStatus(parentToolId, patch) {
+  var tool = tools[parentToolId];
+  if (!tool || !tool.el) return;
+  if (patch.description) {
+    var summaryEl = tool.el.querySelector(".subagent-summary");
+    if (!summaryEl) {
+      var progressEl = tool.el.querySelector(".subagent-progress");
+      if (progressEl) {
+        summaryEl = document.createElement("div");
+        summaryEl.className = "subagent-summary";
+        progressEl.parentNode.insertBefore(summaryEl, progressEl.nextSibling);
+      }
+    }
+    if (summaryEl) summaryEl.textContent = patch.description;
+  }
+  if (patch.status === "failed" || patch.status === "killed") {
+    var subtitleText = tool.el.querySelector(".tool-subtitle-text");
+    if (subtitleText) subtitleText.textContent = patch.status === "failed" ? "Agent failed" : "Agent killed";
+    var stopBtn = tool.el.querySelector(".subagent-stop-btn");
+    if (stopBtn) stopBtn.remove();
+  }
+}
+
 export function markSubagentDone(parentToolId, status, summary, usage) {
   var tool = tools[parentToolId];
   if (!tool || !tool.el) return;

package/lib/public/modules/user-settings.js

@@ -4,6 +4,7 @@
 import { refreshIcons } from './icons.js';
 import { showToast } from './utils.js';
 import { toggleDarkMode, getCurrentTheme, getChatLayout, setChatLayout } from './theme.js';
+import { showEmailSetupModal, getEmailAccountListCache } from './context-sources.js';
 
 var ctx = null;
 var settingsEl = null;
@@ -142,6 +143,14 @@ export function initUserSettings(appCtx) {
       });
     });
   }
+
+  // Email: Add Account button
+  var emailAddBtn = document.getElementById('us-email-add');
+  if (emailAddBtn) {
+    emailAddBtn.addEventListener('click', function () {
+      showEmailSetupModal();
+    });
+  }
 }
 
 function openUserSettings() {
@@ -170,6 +179,7 @@ function switchSection(sectionName) {
   }
   var navDropdown = document.getElementById('user-settings-nav-dropdown');
   if (navDropdown) navDropdown.value = sectionName;
+  if (sectionName === 'us-email') renderEmailSettings();
 }
 
 function stopProp(e) {
@@ -265,3 +275,67 @@ function savePin(pin) {
     }
   });
 }
+
+// --- Email settings ---
+
+function renderEmailSettings() {
+  var listEl = document.getElementById('us-email-list');
+  if (!listEl) return;
+  listEl.innerHTML = '';
+
+  var accounts = getEmailAccountListCache();
+  if (!accounts || accounts.length === 0) {
+    var empty = document.createElement('div');
+    empty.className = 'settings-field';
+    empty.innerHTML = '<div class="us-email-empty">No email accounts connected yet.</div>';
+    listEl.appendChild(empty);
+    return;
+  }
+
+  for (var i = 0; i < accounts.length; i++) {
+    var acc = accounts[i];
+    var row = document.createElement('div');
+    row.className = 'us-email-row';
+    row.innerHTML =
+      '<div class="us-email-icon">' + providerIcon(acc.provider) + '</div>' +
+      '<div class="us-email-info">' +
+        '<div class="us-email-addr">' + escHtml(acc.email) + '</div>' +
+        '<div class="us-email-provider">' + escHtml(acc.label || acc.provider || 'Custom') + '</div>' +
+      '</div>' +
+      '<button class="us-email-remove-btn" data-account-id="' + escHtml(acc.id) + '">Remove</button>';
+
+    var removeBtn = row.querySelector('button');
+    removeBtn.addEventListener('click', function () {
+      var accountId = this.getAttribute('data-account-id');
+      if (ctx && ctx.ws && ctx.connected) {
+        ctx.ws.send(JSON.stringify({ type: 'email_account_remove', accountId: accountId }));
+      }
+    });
+
+    listEl.appendChild(row);
+  }
+}
+
+export function refreshEmailSettings() {
+  if (isUserSettingsOpen()) renderEmailSettings();
+}
+
+var PROVIDER_ICON_PATHS = {
+  gmail: '/icons/email/gmail.svg',
+  outlook: '/icons/email/outlook.svg',
+  yahoo: '/icons/email/yahoo.svg',
+};
+
+function providerIcon(provider) {
+  var src = PROVIDER_ICON_PATHS[provider];
+  if (src) {
+    return '<img src="' + src + '" class="us-email-provider-icon" alt="' + provider + '">';
+  }
+  return '<i data-lucide="mail" class="us-email-provider-icon-fallback"></i>';
+}
+
+function escHtml(str) {
+  var d = document.createElement('div');
+  d.textContent = str;
+  return d.innerHTML;
+}

package/lib/sdk-bridge.js

@@ -1068,6 +1068,22 @@ function createSDKBridge(opts) {
       return { behavior: "allow", updatedInput: input };
     }
 
+    // Auto-approve read-only email MCP tools.
+    // These only read data from accounts the user explicitly checked.
+    // Write operations (send, reply, mark_read) still require permission.
+    var safeEmailTools = {
+      clay_read_email: true,
+      clay_read_email_body: true,
+      clay_search_email: true,
+      clay_list_labels: true,
+    };
+    if (toolName.indexOf("mcp__clay-email__") === 0) {
+      var emailToolName = toolName.substring(toolName.lastIndexOf("__") + 2);
+      if (safeEmailTools[emailToolName]) {
+        return { behavior: "allow", updatedInput: input };
+      }
+    }
+
     // Auto-approve remote MCP tools that the user explicitly enabled in project settings.
     // These are user-owned local MCP servers, so no additional permission prompt needed.
     if (toolName.indexOf("mcp__") === 0 && getRemoteMcpServers) {

package/lib/sdk-message-processor.js

@@ -458,6 +458,25 @@ function attachMessageProcessor(ctx) {
         });
       }
 
+    } else if (parsed.type === "system" && parsed.subtype === "task_updated") {
+      // Live task state patches (status, description, error, backgrounded)
+      var taskId = parsed.task_id;
+      var patch = parsed.patch || {};
+      var parentId = null;
+      if (session.taskIdMap) {
+        for (var k in session.taskIdMap) {
+          if (session.taskIdMap[k] === taskId) { parentId = k; break; }
+        }
+      }
+      if (parentId) {
+        sendAndRecord(session, {
+          type: "task_updated",
+          parentToolId: parentId,
+          taskId: taskId,
+          patch: patch,
+        });
+      }
+
     } else if (parsed.type === "tool_progress") {
       // Sub-agent tool_progress: forward as activity update
       var parentId = parsed.parent_tool_use_id;
@@ -552,6 +571,20 @@ function attachMessageProcessor(ctx) {
         suggestion: parsed.suggestion || "",
       });
 
+    } else if (parsed.type === "system" && parsed.subtype === "notification") {
+      var notifText = parsed.text || "";
+      var notifPriority = parsed.priority || "low";
+      if (notifText) {
+        sendAndRecord(session, {
+          type: "sdk_notification",
+          key: parsed.key || "",
+          text: notifText,
+          priority: notifPriority,
+          color: parsed.color || null,
+          timeoutMs: parsed.timeout_ms || null,
+        });
+      }
+
     } else if (parsed.type === "system" && parsed.subtype === "api_retry") {
       // Transient retry notification — show in UI but don't persist in history
       var retryText = parsed.message || parsed.error || "Retrying API request...";