clay-server 2.30.0 → 2.31.0-beta.1

package/lib/project.js

@@ -28,15 +28,17 @@ var { attachUserMessage } = require("./project-user-message");
 var { attachConnection } = require("./project-connection");
 var { attachMcp } = require("./project-mcp");
 var { createLocalMcp } = require("./mcp-local");
+var { attachEmail: attachEmailModule } = require("./project-email");
 // project-notifications is attached globally in server.js, passed via opts.notificationsModule
 
 // --- Context Sources persistence ---
 var _ctxSrcConfig = require("./config");
 var _ctxSrcDir = path.join(_ctxSrcConfig.CONFIG_DIR, "context-sources");
 
-function loadContextSources(slug) {
+function loadContextSources(slug, sessionId) {
   try {
-    var filePath = path.join(_ctxSrcDir, slug + ".json");
+    var key = sessionId ? slug + "--" + sessionId : slug;
+    var filePath = path.join(_ctxSrcDir, key + ".json");
     var data = JSON.parse(fs.readFileSync(filePath, "utf8"));
     return data.active || [];
   } catch (e) {
@@ -44,12 +46,13 @@ function loadContextSources(slug) {
   }
 }
 
-function saveContextSources(slug, activeIds) {
+function saveContextSources(slug, sessionId, activeIds) {
   try {
     if (!fs.existsSync(_ctxSrcDir)) {
       fs.mkdirSync(_ctxSrcDir, { recursive: true });
     }
-    var filePath = path.join(_ctxSrcDir, slug + ".json");
+    var key = sessionId ? slug + "--" + sessionId : slug;
+    var filePath = path.join(_ctxSrcDir, key + ".json");
     fs.writeFileSync(filePath, JSON.stringify({ active: activeIds }), "utf8");
   } catch (e) {
     console.error("[context-sources] Failed to save:", e.message);
@@ -255,15 +258,19 @@ function createProjectContext(opts) {
     return sendExtensionCommand(browserState._extensionWs, command, args, timeout);
   }
 
-  function requestTabContext(ws, tabId) {
+  function requestTabContext(tabId) {
+    if (!browserState._extensionWs || browserState._extensionWs.readyState !== 1) {
+      return Promise.resolve(null);
+    }
+    var extWs = browserState._extensionWs;
     // Try inject first (best-effort), then request all data in parallel.
     // Even if inject fails (CSP etc.), page text and screenshot still work.
-    return sendExtensionCommand(ws, "tab_inject", { tabId: tabId }).then(function() {}, function() {}).then(function() {
+    return sendExtensionCommand(extWs, "tab_inject", { tabId: tabId }).then(function() {}, function() {}).then(function() {
       return Promise.all([
-        sendExtensionCommand(ws, "tab_console", { tabId: tabId }),
-        sendExtensionCommand(ws, "tab_network", { tabId: tabId }),
-        sendExtensionCommand(ws, "tab_page_text", { tabId: tabId }),
-        sendExtensionCommand(ws, "tab_screenshot", { tabId: tabId })
+        sendExtensionCommand(extWs, "tab_console", { tabId: tabId }),
+        sendExtensionCommand(extWs, "tab_network", { tabId: tabId }),
+        sendExtensionCommand(extWs, "tab_page_text", { tabId: tabId }),
+        sendExtensionCommand(extWs, "tab_screenshot", { tabId: tabId })
       ]);
     }).then(function(results) {
       return {
@@ -432,6 +439,18 @@ function createProjectContext(opts) {
     localMcp: _localMcp,
   });
 
+  // --- Email module (delegated to project-email.js) ---
+  var _email = attachEmailModule({
+    slug: slug,
+    send: send,
+    sendTo: sendTo,
+    clients: clients,
+    loadContextSources: loadContextSources,
+    getUserIdForWs: function (ws) {
+      return (ws._clayUser && ws._clayUser.id) || "default";
+    },
+  });
+
   // --- SDK bridge ---
   var sdk = createSDKBridge({
     cwd: cwd,
@@ -476,24 +495,31 @@ function createProjectContext(opts) {
           }, {
             watchTab: function (tabId) {
               var key = "tab:" + tabId;
-              var active = loadContextSources(slug);
-              if (active.indexOf(key) === -1) {
-                active.push(key);
-                saveContextSources(slug, active);
-                var _msg = JSON.stringify({ type: "context_sources_state", active: active });
-                for (var c of clients) { if (c.readyState === 1) c.send(_msg); }
+              // Apply to all connected clients' active sessions
+              for (var c of clients) {
+                if (c.readyState !== 1) continue;
+                var sid = c._clayActiveSession || null;
+                var active = loadContextSources(slug, sid);
+                if (active.indexOf(key) === -1) {
+                  active.push(key);
+                  saveContextSources(slug, sid, active);
+                  c.send(JSON.stringify({ type: "context_sources_state", active: active }));
+                }
               }
-              return active;
+              return [];
             },
             unwatchTab: function (tabId) {
               var key = "tab:" + tabId;
-              var active = loadContextSources(slug);
-              var idx = active.indexOf(key);
-              if (idx !== -1) {
-                active.splice(idx, 1);
-                saveContextSources(slug, active);
-                var _msg = JSON.stringify({ type: "context_sources_state", active: active });
-                for (var c of clients) { if (c.readyState === 1) c.send(_msg); }
+              for (var c of clients) {
+                if (c.readyState !== 1) continue;
+                var sid = c._clayActiveSession || null;
+                var active = loadContextSources(slug, sid);
+                var idx = active.indexOf(key);
+                if (idx !== -1) {
+                  active.splice(idx, 1);
+                  saveContextSources(slug, sid, active);
+                  c.send(JSON.stringify({ type: "context_sources_state", active: active }));
+                }
               }
               return active;
             },
@@ -504,6 +530,17 @@ function createProjectContext(opts) {
         }
       }
 
+      // Email MCP server (available to both mates and main project)
+      try {
+        var emailMcp = require("./email-mcp-server");
+        // Use "default" userId initially; the actual userId is resolved per-tool-call
+        // via the deps closures which read from the active WS connection.
+        var emailMcpConfig = emailMcp.create(_email.createMcpDeps());
+        if (emailMcpConfig) servers[emailMcpConfig.name || "clay-email"] = emailMcpConfig;
+      } catch (e) {
+        console.error("[project] Failed to create email MCP server:", e.message);
+      }
+
       return Object.keys(servers).length > 0 ? servers : undefined;
     })(),
     getRemoteMcpServers: function () { return _mcp.getMcpServers(); },
@@ -651,7 +688,7 @@ function createProjectContext(opts) {
     }
 
     // --- DM messages (delegated to server-level handler) ---
-    if (msg.type === "dm_open" || msg.type === "dm_send" || msg.type === "dm_list" || msg.type === "dm_typing" || msg.type === "dm_add_favorite" || msg.type === "dm_remove_favorite" || msg.type === "mate_create" || msg.type === "mate_list" || msg.type === "mate_delete" || msg.type === "mate_update" || msg.type === "mate_readd_builtin" || msg.type === "mate_list_available_builtins") {
+    if (msg.type === "dm_open" || msg.type === "dm_send" || msg.type === "dm_list" || msg.type === "dm_typing" || msg.type === "dm_add_favorite" || msg.type === "dm_remove_favorite" || msg.type === "mate_create" || msg.type === "mate_list" || msg.type === "mate_delete" || msg.type === "mate_update" || msg.type === "mate_readd_builtin" || msg.type === "mate_list_available_builtins" || msg.type === "email_accounts_list" || msg.type === "email_account_add" || msg.type === "email_account_remove" || msg.type === "email_account_test") {
       if (typeof opts.onDmMessage === "function") {
         opts.onDmMessage(ws, msg);
       }
@@ -733,6 +770,9 @@ function createProjectContext(opts) {
       return;
     }
 
+    // --- Email defaults (project-level) ---
+    if (_email.handleEmailMessage(ws, msg)) return;
+
     // --- MCP bridge (remote MCP servers via extension) ---
     if (_mcp.handleMcpMessage(ws, msg)) return;
 
@@ -929,6 +969,9 @@ function createProjectContext(opts) {
     setLatestVersion: function (v) { latestVersion = v; },
     onCreateWorktree: onCreateWorktree,
     IGNORED_DIRS: IGNORED_DIRS,
+    loadContextSources: loadContextSources,
+    saveContextSources: saveContextSources,
+    _email: _email,
   });
 
   // --- User message handler (delegated to project-user-message.js) ---
@@ -970,6 +1013,7 @@ function createProjectContext(opts) {
     getSDK: getSDK,
     getHubSchedules: getHubSchedules,
     getProjectOwnerId: function () { return projectOwnerId; },
+    _email: _email,
   });
 
   // --- Filesystem handler (delegated to project-filesystem.js) ---
@@ -1041,6 +1085,8 @@ function createProjectContext(opts) {
     getProjectList: getProjectList,
     getHubSchedules: getHubSchedules,
     loadContextSources: loadContextSources,
+    saveContextSources: saveContextSources,
+    _email: _email,
     restoreDebateState: restoreDebateState,
     stopFileWatch: stopFileWatch,
     stopAllDirWatches: stopAllDirWatches,
@@ -1054,6 +1100,7 @@ function createProjectContext(opts) {
   // --- Destroy ---
   function destroy() {
     _loop.stopTimer();
+    _email.destroy();
     stopFileWatch();
     stopAllDirWatches();
     // Abort all active sessions and clean up mention sessions

package/lib/public/app.js

@@ -26,8 +26,8 @@ import { initInput, clearPendingImages, handleInputSync, autoResize, builtinComm
 import { initQrCode, triggerShare } from './modules/qrcode.js';
 import { initFileBrowser, loadRootDirectory, refreshTree, handleFsList, handleFsRead, handleDirChanged, refreshIfOpen, handleFileChanged, handleFileHistory, handleGitDiff, handleFileAt, getPendingNavigate, closeFileViewer, resetFileBrowser } from './modules/filebrowser.js';
 import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermList, handleTermCreated, handleTermOutput, handleTermResized, handleTermExited, handleTermClosed, sendTerminalCommand } from './modules/terminal.js';
-import { initContextSources, updateTerminalList, updateBrowserTabList, handleContextSourcesState, getActiveSources, hasActiveSources } from './modules/context-sources.js';
-import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, openArchive, closeArchive, isArchiveOpen, hideNotes, showNotes, isNotesVisible } from './modules/sticky-notes.js';
+import { initContextSources, initEmailDefaultsModal, updateTerminalList, updateBrowserTabList, handleContextSourcesState, getActiveSources, hasActiveSources } from './modules/context-sources.js';
+import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, openArchive, closeArchive, isArchiveOpen, hideNotes, showNotes, isNotesVisible, createNote } from './modules/sticky-notes.js';
 import { initTheme, getThemeColor, getComputedVar, onThemeChange, getCurrentTheme, getChatLayout } from './modules/theme.js';
 import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionResolved, markPermissionCancelled, renderElicitationRequest, markElicitationResolved, renderPlanBanner, renderPlanCard, handleTodoWrite, handleTaskCreate, handleTaskUpdate, startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, addTurnMeta, resetTurnMetaCost, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
 import { initServerSettings, updateSettingsStats, updateSettingsModels, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleAutoContinueChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './modules/server-settings.js';
@@ -264,6 +264,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     historyTotal: 0,
     replayingHistory: false,
     projectName: projectName,
+    cwd: "",
     currentSlug: currentSlug,
     currentProjectOwnerId: null,
     isOsUsers: false,
@@ -850,8 +851,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     // Apply RBAC UI gating
     if (myPermissions) {
       if (!myPermissions.terminal) {
-        var termBtn = document.getElementById("terminal-toggle-btn");
-        if (termBtn) termBtn.style.display = "none";
         var termSideBtn = document.getElementById("terminal-sidebar-btn");
         if (termSideBtn) termSideBtn.style.display = "none";
       }
@@ -941,6 +940,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     get ws() { return ws; },
     get connected() { return store.getState().connected; },
     get activeSessionId() { return store.getState().activeSessionId; },
+    get cwd() { return store.getState().cwd; },
     messagesEl: messagesEl,
     fileTreeEl: $("file-tree"),
     fileViewerEl: $("file-viewer"),
@@ -1002,10 +1002,22 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     get connected() { return store.getState().connected; },
   });
 
-  // --- Sticky Notes sidebar button (archive view) ---
+  // --- Sticky Notes sidebar button (create new note) ---
   var stickyNotesSidebarBtn = $("sticky-notes-sidebar-btn");
   if (stickyNotesSidebarBtn) {
     stickyNotesSidebarBtn.addEventListener("click", function () {
+      if (isSchedulerOpen()) closeScheduler();
+      if (isArchiveOpen()) closeArchive();
+      showNotes();
+      createNote();
+    });
+  }
+
+  // Sticky Notes badge click → archive toggle
+  var stickyNotesBadge = $("sticky-notes-sidebar-count");
+  if (stickyNotesBadge) {
+    stickyNotesBadge.addEventListener("click", function (e) {
+      e.stopPropagation();
       if (isSchedulerOpen()) closeScheduler();
       if (isArchiveOpen()) {
         closeArchive();
@@ -1084,6 +1096,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   // --- MCP Servers ---
   initMcp();
+  initEmailDefaultsModal();
 
   // --- Skills ---
   initSkills({

package/lib/public/css/filebrowser.css

@@ -31,8 +31,8 @@
 #session-actions button.active { background: var(--sidebar-hover); color: var(--text); }
 
 .sidebar-badge {
-  background: var(--accent);
-  color: #fff;
+  background: rgba(var(--overlay-rgb), 0.1);
+  color: var(--text-dimmer);
   font-size: 10px;
   font-weight: 700;
   min-width: 16px;
@@ -47,6 +47,32 @@
 }
 .sidebar-badge.hidden { display: none; }
 
+#sticky-notes-sidebar-count {
+  cursor: pointer;
+  overflow: hidden;
+  transition: padding 0.2s ease, background 0.15s ease, color 0.15s ease;
+}
+#sticky-notes-sidebar-count::after {
+  content: "Open Archive";
+  display: inline-block;
+  max-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  vertical-align: middle;
+  margin-left: 0;
+  opacity: 0;
+  transition: max-width 0.2s ease, margin-left 0.2s ease, opacity 0.15s ease;
+}
+#sticky-notes-sidebar-count:hover {
+  background: var(--accent);
+  color: #fff;
+}
+#sticky-notes-sidebar-count:hover::after {
+  max-width: 80px;
+  margin-left: 4px;
+  opacity: 1;
+}
+
 /* --- Panels --- */
 .sidebar-panel { flex: 1; overflow-y: auto; min-height: 0; }
 .sidebar-panel.hidden { display: none; }
@@ -61,6 +87,58 @@
 #file-viewer-refresh.spinning { animation: spin-once 0.5s ease; }
 @keyframes spin-once { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
 
+/* --- File browser panel background --- */
+#sidebar-panel-files {
+  background: var(--filebrowser-bg);
+  border: 1px solid var(--filebrowser-border);
+  border-radius: 8px;
+  margin: 0 6px 12px;
+}
+
+#sidebar-panel-files.fb-enter { animation: fb-in 0.2s ease-out both; }
+#sidebar-panel-files.fb-exit  { animation: fb-out 0.15s ease-in both; }
+
+@keyframes fb-in {
+  from { opacity: 0; transform: translateY(6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+@keyframes fb-out {
+  from { opacity: 1; transform: translateY(0); }
+  to   { opacity: 0; transform: translateY(6px); }
+}
+
+/* --- Drag-and-drop file path into input --- */
+.file-tree-item[draggable="true"] { cursor: grab; }
+.file-tree-item[draggable="true"]:active { cursor: grabbing; }
+
+#input.drop-target {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+  background: var(--accent-8);
+}
+
+.fb-drop-hint {
+  position: absolute;
+  top: -32px;
+  left: 50%;
+  transform: translateX(-50%) translateY(4px);
+  background: var(--accent);
+  color: var(--bg);
+  font-size: 11px;
+  font-weight: 600;
+  padding: 5px 12px;
+  border-radius: 6px;
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  box-shadow: 0 2px 8px rgba(var(--shadow-rgb), 0.25);
+  transition: opacity 0.15s, transform 0.15s;
+}
+.fb-drop-hint.visible {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
 /* --- File tree --- */
 #file-tree { padding: 4px 8px; }
 

package/lib/public/css/input.css

@@ -479,6 +479,202 @@
   object-fit: contain;
 }
 
+.context-picker-unread-badge {
+  margin-left: auto;
+  margin-right: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  background: var(--accent, #DA7756);
+  color: #fff;
+  border-radius: 8px;
+  padding: 1px 6px;
+  min-width: 16px;
+  text-align: center;
+  line-height: 1.3;
+}
+
+.context-picker-add-item {
+  color: var(--text-dimmer);
+  font-size: 13px;
+  opacity: 0.8;
+}
+.context-picker-add-item:hover {
+  opacity: 1;
+}
+
+/* --- Email setup modal --- */
+#email-defaults-modal { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; }
+#email-defaults-modal.hidden { display: none; }
+
+.email-setup-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 10000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.email-setup-dialog {
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 24px;
+  width: 420px;
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow-y: auto;
+  color: var(--text);
+}
+.email-setup-title {
+  margin: 0 0 16px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--text);
+}
+.email-setup-field {
+  margin-bottom: 12px;
+}
+.email-setup-label {
+  display: block;
+  font-size: 13px;
+  margin-bottom: 4px;
+  color: var(--text-muted);
+}
+.email-setup-input {
+  width: 100%;
+  padding: 8px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--input-bg);
+  color: var(--text);
+  font-size: 14px;
+  box-sizing: border-box;
+  font-family: inherit;
+}
+.email-setup-input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+.email-setup-port {
+  width: 70px;
+  flex: none !important;
+}
+.email-setup-row {
+  display: flex;
+  gap: 8px;
+}
+.email-setup-email-wrap {
+  display: flex;
+  align-items: center;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--input-bg);
+  overflow: hidden;
+}
+.email-setup-email-wrap .email-setup-input {
+  border: none;
+  background: transparent;
+  border-radius: 0;
+  flex: 1;
+  min-width: 0;
+}
+.email-setup-email-wrap .email-setup-input:focus {
+  outline: none;
+  border: none;
+}
+.email-setup-email-wrap:focus-within {
+  border-color: var(--accent);
+}
+.email-setup-domain {
+  padding: 8px 10px 8px 0;
+  font-size: 14px;
+  color: var(--text-dimmer);
+  white-space: nowrap;
+  user-select: none;
+  pointer-events: none;
+}
+.email-setup-password-wrap {
+  position: relative;
+}
+.email-setup-password-wrap .email-setup-input {
+  padding-right: 36px;
+}
+.email-setup-password-eye {
+  position: absolute;
+  right: 6px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: none;
+  border: none;
+  color: var(--text-dimmer);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.email-setup-password-eye:hover {
+  color: var(--text);
+}
+.email-setup-password-eye .lucide {
+  width: 15px;
+  height: 15px;
+}
+.email-setup-help {
+  font-size: 12px;
+  color: var(--accent);
+  display: inline-block;
+  margin-top: 4px;
+}
+.email-setup-help:hover {
+  text-decoration: underline;
+}
+.email-setup-status {
+  margin-bottom: 12px;
+  font-size: 13px;
+  display: none;
+}
+.email-setup-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+.email-setup-btn {
+  padding: 8px 16px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 13px;
+  font-family: inherit;
+}
+.email-setup-btn-primary {
+  border: none;
+  background: var(--accent);
+  color: #fff;
+  font-weight: 600;
+}
+.email-setup-btn-primary:hover {
+  background: var(--accent-hover);
+}
+.email-setup-btn-secondary {
+  border: 1px solid var(--border);
+  background: var(--bg-alt);
+  color: var(--text);
+}
+.email-setup-btn-secondary:hover {
+  background: var(--input-bg);
+}
+.email-setup-btn-ghost {
+  border: 1px solid var(--border);
+  background: transparent;
+  color: var(--text-muted);
+}
+.email-setup-btn-ghost:hover {
+  color: var(--text);
+  background: rgba(var(--overlay-rgb), 0.05);
+}
+
 /* ==========================================================================
    Input Area — Claude-style unified container
    ========================================================================== */

package/lib/public/css/notifications-center.css

@@ -99,6 +99,9 @@
   font-size: 13px;
   color: var(--text);
   line-height: 1.3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .notif-banner-text {
   font-size: 12px;

package/lib/public/css/sidebar.css

@@ -271,9 +271,53 @@
 #sidebar-tools {
   flex-shrink: 0;
   border-bottom: 1px solid var(--border-subtle);
-  padding-top: 8px;
   padding-bottom: 4px;
 }
+#sidebar-tools-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  margin: 0;
+  padding: 8px 8px 4px 0;
+  box-sizing: border-box;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-dimmer);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-family: inherit;
+}
+#sidebar-tools-toggle:hover {
+  color: var(--text-muted);
+}
+.sidebar-tools-chevron {
+  width: 14px;
+  height: 14px;
+  transition: transform 0.15s;
+}
+#sidebar-tools #session-actions {
+  max-height: 300px;
+  overflow: hidden;
+  transition: max-height 0.2s ease, opacity 0.2s ease;
+  opacity: 1;
+}
+#sidebar-tools.collapsed .sidebar-tools-chevron {
+  transform: rotate(-90deg);
+}
+#sidebar-tools.collapsed #session-actions {
+  max-height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+}
+.sidebar-tools-divider {
+  height: 1px;
+  background: var(--border-subtle);
+  margin: 4px 12px;
+}
 
 /* --- Sessions header (pinned above scroll) --- */
 #sidebar-sessions-header {
@@ -1332,8 +1376,39 @@
   display: none;
 }
 
+/* Mate sidebar resize handle (same style) */
+#mate-sidebar-resize-handle {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  margin-left: -4px;
+  cursor: col-resize;
+  z-index: 10;
+}
+#mate-sidebar-resize-handle::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 2px;
+  margin-left: -1px;
+  background: var(--accent);
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+#mate-sidebar-resize-handle:hover::before,
+#mate-sidebar-resize-handle.dragging::before {
+  opacity: 1;
+}
+#mate-sidebar-resize-handle.hidden {
+  display: none;
+}
+
 @media (max-width: 768px) {
-  #sidebar-resize-handle {
+  #sidebar-resize-handle,
+  #mate-sidebar-resize-handle {
     display: none;
   }