clay-server 2.30.0 → 2.31.0

package/lib/public/modules/context-sources.js

@@ -1,9 +1,16 @@
-// Context Sources — attach terminal output and browser tabs as context for Claude
+// Context Sources — attach terminal output, browser tabs, and email accounts as context for Claude
 
 var ctx = null;
 var activeSourceIds = new Set();
 var terminalList = []; // synced from terminal module's term_list
 var browserTabList = []; // synced from Chrome extension via postMessage
+var emailAccountList = []; // synced from server via email_accounts_list
+var emailProviders = {}; // provider presets from server
+var emailUnreadCounts = {}; // accountId -> unread count
+var _emailTestPassed = false;
+var _emailPendingSave = false;
+var _emailDoSave = null; // set by showEmailSetupModal
+var emailDefaultAccountIds = []; // project-level defaults
 
 export function initContextSources(_ctx) {
   ctx = _ctx;
@@ -110,6 +117,47 @@ export function updateBrowserTabList(tabs) {
   }
 }
 
+// Called when email_accounts_list arrives from server
+export function updateEmailAccountList(msg) {
+  emailAccountList = msg.accounts || [];
+  if (msg.providers) emailProviders = msg.providers;
+
+  // Remove active email sources that no longer exist
+  var changed = false;
+  for (var id of activeSourceIds) {
+    if (id.startsWith("email:")) {
+      var accId = id.split(":")[1];
+      var found = false;
+      for (var i = 0; i < emailAccountList.length; i++) {
+        if (emailAccountList[i].id === accId) { found = true; break; }
+      }
+      if (!found) {
+        activeSourceIds.delete(id);
+        changed = true;
+      }
+    }
+  }
+
+  if (changed) saveToServer();
+  renderChips();
+
+  var picker = document.getElementById("context-sources-picker");
+  if (!picker.classList.contains("hidden")) {
+    renderPicker();
+  }
+}
+
+// Called when email_unread_update arrives from server
+export function updateEmailUnreadCounts(msg) {
+  emailUnreadCounts = msg.unread || {};
+  renderChips();
+
+  var picker = document.getElementById("context-sources-picker");
+  if (!picker.classList.contains("hidden")) {
+    renderPicker();
+  }
+}
+
 function toggleSource(sourceId) {
   if (activeSourceIds.has(sourceId)) {
     activeSourceIds.delete(sourceId);
@@ -279,9 +327,387 @@ function renderPicker() {
     }
   }
 
+  // --- Email Accounts section ---
+  var emailSection = document.getElementById("context-picker-email");
+  emailSection.innerHTML = "";
+
+  var emailLabel = document.createElement("div");
+  emailLabel.className = "context-picker-section-label";
+  emailLabel.textContent = "Email Accounts";
+  emailSection.appendChild(emailLabel);
+
+  if (emailAccountList.length === 0) {
+    var emailEmpty = document.createElement("div");
+    emailEmpty.className = "context-picker-empty";
+    emailEmpty.textContent = "No email accounts connected";
+    emailSection.appendChild(emailEmpty);
+
+    var addAccBtn = document.createElement("div");
+    addAccBtn.className = "context-picker-item context-picker-add-item";
+    addAccBtn.style.justifyContent = "center";
+    addAccBtn.innerHTML = '<i data-lucide="mail-plus"></i><span>Add Account</span>';
+    addAccBtn.addEventListener("click", function (e) {
+      e.stopPropagation();
+      closePicker();
+      showEmailSetupModal();
+    });
+    emailSection.appendChild(addAccBtn);
+  } else {
+    for (var k = 0; k < emailAccountList.length; k++) {
+      var acc = emailAccountList[k];
+      var emailSourceId = "email:" + acc.id;
+      var emailActive = activeSourceIds.has(emailSourceId);
+      var unreadCount = emailUnreadCounts[acc.id] || 0;
+
+      var emailItem = document.createElement("div");
+      emailItem.className = "context-picker-item" + (emailActive ? " active" : "");
+      emailItem.setAttribute("data-source-id", emailSourceId);
+
+      var unreadBadge = unreadCount > 0
+        ? '<span class="context-picker-unread-badge">' + unreadCount + '</span>'
+        : '';
+
+      emailItem.innerHTML =
+        '<i data-lucide="mail"></i>' +
+        '<span>' + escapeHtml(acc.email) + '</span>' +
+        unreadBadge +
+        '<i data-lucide="check" class="context-picker-check"></i>';
+
+      emailItem.addEventListener("click", function() {
+        toggleSource(this.getAttribute("data-source-id"));
+        if (typeof lucide !== "undefined") lucide.createIcons();
+      });
+
+      emailSection.appendChild(emailItem);
+    }
+
+    // "Add Account" link at the bottom
+    var addMoreBtn = document.createElement("div");
+    addMoreBtn.className = "context-picker-item context-picker-add-item";
+    addMoreBtn.innerHTML = '<i data-lucide="plus"></i><span>Add Email Account</span>';
+    addMoreBtn.addEventListener("click", function () {
+      closePicker();
+      showEmailSetupModal();
+    });
+    emailSection.appendChild(addMoreBtn);
+  }
+
   if (typeof lucide !== "undefined") lucide.createIcons();
 }
 
+// --- Email Setup Modal ---
+
+export function getEmailAccountListCache() {
+  return emailAccountList;
+}
+
+export function showEmailSetupModal() {
+  // Remove any existing modal
+  var existing = document.getElementById("email-setup-modal");
+  if (existing) existing.remove();
+
+  var overlay = document.createElement("div");
+  overlay.id = "email-setup-modal";
+  overlay.className = "email-setup-overlay";
+
+  var providerOptions = '<option value="gmail">Gmail</option><option value="outlook">Outlook</option><option value="yahoo">Yahoo</option><option value="custom">Custom</option>';
+
+  var modal = document.createElement("div");
+  modal.className = "email-setup-dialog";
+  modal.innerHTML =
+    '<h3 class="email-setup-title">Add Email Account</h3>' +
+    '<div class="email-setup-field">' +
+      '<label class="email-setup-label">Provider</label>' +
+      '<select id="email-setup-provider" class="email-setup-input">' + providerOptions + '</select>' +
+    '</div>' +
+    '<div class="email-setup-field">' +
+      '<label class="email-setup-label">Email Address</label>' +
+      '<div class="email-setup-email-wrap">' +
+        '<input id="email-setup-address" type="text" placeholder="you" class="email-setup-input email-setup-email-input" />' +
+        '<span id="email-setup-domain" class="email-setup-domain">@gmail.com</span>' +
+      '</div>' +
+    '</div>' +
+    '<div class="email-setup-field">' +
+      '<label class="email-setup-label">App Password</label>' +
+      '<div class="email-setup-password-wrap">' +
+        '<input id="email-setup-password" type="password" placeholder="xxxx-xxxx-xxxx-xxxx" class="email-setup-input" />' +
+        '<button id="email-setup-password-toggle" type="button" class="email-setup-password-eye" title="Show password"><i data-lucide="eye"></i></button>' +
+      '</div>' +
+      '<a id="email-setup-help" href="https://support.google.com/accounts/answer/185833" target="_blank" rel="noopener" class="email-setup-help">How to create an App Password</a>' +
+    '</div>' +
+    '<div id="email-setup-custom-fields" style="display:none;">' +
+      '<div class="email-setup-field">' +
+        '<label class="email-setup-label">IMAP Host</label>' +
+        '<div class="email-setup-row">' +
+          '<input id="email-setup-imap-host" type="text" placeholder="imap.example.com" class="email-setup-input" style="flex:1;" />' +
+          '<input id="email-setup-imap-port" type="number" value="993" class="email-setup-input email-setup-port" />' +
+        '</div>' +
+      '</div>' +
+      '<div class="email-setup-field">' +
+        '<label class="email-setup-label">SMTP Host</label>' +
+        '<div class="email-setup-row">' +
+          '<input id="email-setup-smtp-host" type="text" placeholder="smtp.example.com" class="email-setup-input" style="flex:1;" />' +
+          '<input id="email-setup-smtp-port" type="number" value="587" class="email-setup-input email-setup-port" />' +
+        '</div>' +
+      '</div>' +
+    '</div>' +
+    '<div id="email-setup-status" class="email-setup-status"></div>' +
+    '<div class="email-setup-actions">' +
+      '<button id="email-setup-test" type="button" class="email-setup-btn email-setup-btn-secondary">Test Connection</button>' +
+      '<button id="email-setup-cancel" type="button" class="email-setup-btn email-setup-btn-ghost">Cancel</button>' +
+      '<button id="email-setup-save" type="button" class="email-setup-btn email-setup-btn-primary">Add Account</button>' +
+    '</div>';
+
+  overlay.appendChild(modal);
+  document.body.appendChild(overlay);
+
+  // Event: close on overlay click
+  overlay.addEventListener("click", function (e) {
+    if (e.target === overlay) overlay.remove();
+  });
+
+  // Event: cancel button
+  document.getElementById("email-setup-cancel").addEventListener("click", function () {
+    overlay.remove();
+  });
+
+  // Event: password visibility toggle
+  var pwInput = document.getElementById("email-setup-password");
+  var pwToggle = document.getElementById("email-setup-password-toggle");
+  pwToggle.addEventListener("click", function () {
+    var isHidden = pwInput.type === "password";
+    pwInput.type = isHidden ? "text" : "password";
+    pwToggle.innerHTML = isHidden ? '<i data-lucide="eye-off"></i>' : '<i data-lucide="eye"></i>';
+    pwToggle.title = isHidden ? "Hide password" : "Show password";
+    if (typeof lucide !== "undefined") lucide.createIcons();
+  });
+
+  // Event: provider change
+  var providerSelect = document.getElementById("email-setup-provider");
+  var helpLink = document.getElementById("email-setup-help");
+  var customFields = document.getElementById("email-setup-custom-fields");
+
+  var providerMeta = {
+    gmail: {
+      domain: "@gmail.com",
+      placeholder: "you",
+      helpUrl: "https://support.google.com/accounts/answer/185833",
+    },
+    outlook: {
+      domain: "@outlook.com",
+      placeholder: "you",
+      helpUrl: "https://support.microsoft.com/en-us/account-billing/using-app-passwords-with-apps-that-don-t-support-two-step-verification-5896ed9b-4263-e681-128a-a6f2979a7944",
+    },
+    yahoo: {
+      domain: "@yahoo.com",
+      placeholder: "you",
+      helpUrl: "https://help.yahoo.com/kb/generate-manage-third-party-passwords-sln15241.html",
+    },
+    custom: {
+      domain: null,
+      placeholder: "you@example.com",
+      helpUrl: null,
+    },
+  };
+
+  var emailInput = document.getElementById("email-setup-address");
+  var domainSuffix = document.getElementById("email-setup-domain");
+
+  function applyProviderMeta(val) {
+    var meta = providerMeta[val] || providerMeta.custom;
+    customFields.style.display = val === "custom" ? "block" : "none";
+    emailInput.placeholder = meta.placeholder;
+    if (meta.domain) {
+      domainSuffix.textContent = meta.domain;
+      domainSuffix.style.display = "";
+      emailInput.type = "text";
+    } else {
+      domainSuffix.style.display = "none";
+      emailInput.type = "email";
+    }
+    if (meta.helpUrl) {
+      helpLink.href = meta.helpUrl;
+      helpLink.style.display = "";
+    } else {
+      helpLink.style.display = "none";
+    }
+  }
+
+  providerSelect.addEventListener("change", function () {
+    applyProviderMeta(providerSelect.value);
+  });
+
+  // Strip @ and everything after it for known providers
+  emailInput.addEventListener("input", function () {
+    var meta = providerMeta[providerSelect.value];
+    if (meta && meta.domain) {
+      var val = emailInput.value;
+      var atIdx = val.indexOf("@");
+      if (atIdx !== -1) {
+        emailInput.value = val.substring(0, atIdx);
+      }
+    }
+  });
+
+  // Reset test state
+  _emailTestPassed = false;
+  _emailPendingSave = false;
+
+  // Reset test status when inputs change
+  function onInputChange() {
+    _emailTestPassed = false;
+    _emailPendingSave = false;
+    var saveBtn = document.getElementById("email-setup-save");
+    if (saveBtn) saveBtn.textContent = "Add Account";
+  }
+  document.getElementById("email-setup-address").addEventListener("input", onInputChange);
+  document.getElementById("email-setup-password").addEventListener("input", onInputChange);
+  providerSelect.addEventListener("change", onInputChange);
+
+  function runTest() {
+    var statusEl = document.getElementById("email-setup-status");
+    var emailAddr = getFullEmail();
+    var appPass = document.getElementById("email-setup-password").value;
+
+    if (!emailAddr || emailAddr.indexOf("@") === -1 || !appPass) {
+      statusEl.style.display = "block";
+      statusEl.style.color = "var(--error, #e74c3c)";
+      statusEl.textContent = "Email and app password are required.";
+      return;
+    }
+
+    statusEl.style.display = "block";
+    statusEl.style.color = "var(--text-muted)";
+    statusEl.textContent = "Testing connection...";
+
+    var msgData = buildEmailSetupData();
+    msgData.type = "email_account_test";
+
+    if (ctx && ctx.ws && ctx.connected) {
+      ctx.ws.send(JSON.stringify(msgData));
+    }
+  }
+
+  // Event: test connection
+  document.getElementById("email-setup-test").addEventListener("click", function () {
+    _emailPendingSave = false;
+    runTest();
+  });
+
+  // Event: save (requires test to pass first)
+  document.getElementById("email-setup-save").addEventListener("click", function () {
+    if (_emailTestPassed) {
+      // Test already passed, proceed with save
+      doSave();
+      return;
+    }
+    // Run test first, then auto-save on success
+    _emailPendingSave = true;
+    var saveBtn = document.getElementById("email-setup-save");
+    if (saveBtn) saveBtn.textContent = "Testing...";
+    runTest();
+  });
+
+  _emailDoSave = doSave;
+  function doSave() {
+    var statusEl = document.getElementById("email-setup-status");
+    statusEl.style.display = "block";
+    statusEl.style.color = "var(--text-muted)";
+    statusEl.textContent = "Adding account...";
+
+    var msgData = buildEmailSetupData();
+    msgData.type = "email_account_add";
+
+    if (ctx && ctx.ws && ctx.connected) {
+      ctx.ws.send(JSON.stringify(msgData));
+    }
+  }
+}
+
+function getFullEmail() {
+  var provider = document.getElementById("email-setup-provider").value;
+  var raw = document.getElementById("email-setup-address").value.trim();
+  var meta = { gmail: "@gmail.com", outlook: "@outlook.com", yahoo: "@yahoo.com" };
+  if (meta[provider] && raw.indexOf("@") === -1) {
+    return raw + meta[provider];
+  }
+  return raw;
+}
+
+function buildEmailSetupData() {
+  var provider = document.getElementById("email-setup-provider").value;
+  var email = getFullEmail();
+  var appPassword = document.getElementById("email-setup-password").value;
+  var data = { provider: provider, email: email, appPassword: appPassword };
+
+  if (provider === "custom") {
+    data.imap = {
+      host: document.getElementById("email-setup-imap-host").value.trim(),
+      port: parseInt(document.getElementById("email-setup-imap-port").value, 10) || 993,
+      tls: true,
+    };
+    data.smtp = {
+      host: document.getElementById("email-setup-smtp-host").value.trim(),
+      port: parseInt(document.getElementById("email-setup-smtp-port").value, 10) || 587,
+    };
+  }
+  return data;
+}
+
+// Handle email_account_test_result from server
+export function handleEmailTestResult(msg) {
+  var statusEl = document.getElementById("email-setup-status");
+  if (!statusEl) return;
+  var saveBtn = document.getElementById("email-setup-save");
+
+  statusEl.style.display = "block";
+  if (msg.ok) {
+    _emailTestPassed = true;
+    if (_emailPendingSave && _emailDoSave) {
+      // Test passed from Add Account click, proceed to save
+      _emailPendingSave = false;
+      _emailDoSave();
+      return;
+    }
+    statusEl.style.color = "var(--success, #2ecc71)";
+    statusEl.textContent = "Connection successful! IMAP and SMTP both working.";
+  } else {
+    _emailTestPassed = false;
+    _emailPendingSave = false;
+    if (saveBtn) saveBtn.textContent = "Add Account";
+    statusEl.style.color = "var(--error, #e74c3c)";
+    var parts = [];
+    if (msg.imap && !msg.imap.ok) parts.push("IMAP: " + (msg.imap.error || "failed"));
+    if (msg.smtp && !msg.smtp.ok) parts.push("SMTP: " + (msg.smtp.error || "failed"));
+    statusEl.textContent = parts.length > 0 ? parts.join("; ") : (msg.error || "Connection failed");
+  }
+}
+
+// Handle email_account_add_result from server
+export function handleEmailAddResult(msg) {
+  var statusEl = document.getElementById("email-setup-status");
+  if (!statusEl) return;
+
+  statusEl.style.display = "block";
+  if (msg.ok) {
+    statusEl.style.color = "#2ecc71";
+    statusEl.textContent = "Account added successfully!";
+    // Close modal after short delay
+    setTimeout(function () {
+      var modal = document.getElementById("email-setup-modal");
+      if (modal) modal.remove();
+    }, 800);
+  } else {
+    statusEl.style.color = "#e74c3c";
+    statusEl.textContent = msg.error || "Failed to add account.";
+  }
+}
+
+// Handle email_account_remove_result from server
+export function handleEmailRemoveResult(msg) {
+  // Account removed; list will be refreshed via email_accounts_list message
+}
+
 function getSourceLabel(id) {
   if (id.startsWith("term:")) {
     var termId = parseInt(id.split(":")[1], 10);
@@ -302,12 +728,23 @@ function getSourceLabel(id) {
     }
     return "Tab " + tabId;
   }
+  if (id.startsWith("email:")) {
+    var accId = id.split(":")[1];
+    for (var k = 0; k < emailAccountList.length; k++) {
+      if (emailAccountList[k].id === accId) {
+        var email = emailAccountList[k].email;
+        return email.length > 30 ? email.slice(0, 27) + "..." : email;
+      }
+    }
+    return "Email";
+  }
   return id;
 }
 
 function getSourceIcon(id) {
   if (id.startsWith("term:")) return "square-terminal";
   if (id.startsWith("tab:")) return "globe";
+  if (id.startsWith("email:")) return "mail";
   return "circle";
 }
 
@@ -321,6 +758,95 @@ export function hasActiveSources() {
   return activeSourceIds.size > 0;
 }
 
+// --- Email Defaults Modal (project-level) ---
+
+export function handleEmailDefaults(msg) {
+  emailDefaultAccountIds = msg.accounts || [];
+  renderEmailDefaultsList();
+}
+
+export function initEmailDefaultsModal() {
+  var btn = document.getElementById("email-sidebar-btn");
+  var modal = document.getElementById("email-defaults-modal");
+  var closeBtn = document.getElementById("email-defaults-close");
+  if (!btn || !modal) return;
+
+  btn.addEventListener("click", function () {
+    modal.classList.remove("hidden");
+    // Request current defaults from server
+    if (ctx && ctx.ws && ctx.connected) {
+      ctx.ws.send(JSON.stringify({ type: "email_defaults_get" }));
+    }
+    renderEmailDefaultsList();
+    if (typeof lucide !== "undefined") lucide.createIcons();
+  });
+
+  if (closeBtn) {
+    closeBtn.addEventListener("click", function () {
+      modal.classList.add("hidden");
+    });
+  }
+
+  var backdrop = modal.querySelector(".confirm-backdrop");
+  if (backdrop) {
+    backdrop.addEventListener("click", function () {
+      modal.classList.add("hidden");
+    });
+  }
+}
+
+function renderEmailDefaultsList() {
+  var listEl = document.getElementById("email-defaults-list");
+  if (!listEl) return;
+  listEl.innerHTML = "";
+
+  if (emailAccountList.length === 0) {
+    var emptyEl = document.createElement("div");
+    emptyEl.className = "mcp-empty";
+    emptyEl.innerHTML = '<p>No email accounts connected.</p>' +
+      '<button class="us-email-add-btn" type="button" style="margin:12px auto 0">+ Add Account</button>';
+    var addBtn = emptyEl.querySelector("button");
+    addBtn.addEventListener("click", function () {
+      document.getElementById("email-defaults-modal").classList.add("hidden");
+      showEmailSetupModal();
+    });
+    listEl.appendChild(emptyEl);
+    return;
+  }
+
+  for (var i = 0; i < emailAccountList.length; i++) {
+    var acc = emailAccountList[i];
+    var isOn = emailDefaultAccountIds.indexOf(acc.id) !== -1;
+
+    var row = document.createElement("label");
+    row.className = "settings-toggle-row";
+    row.innerHTML =
+      '<div>' +
+        '<span class="settings-label">' + escapeHtml(acc.email) + '</span>' +
+        '<div class="settings-hint">' + escapeHtml(acc.label || acc.provider || "Custom") + '</div>' +
+      '</div>' +
+      '<input type="checkbox" data-account-id="' + escapeHtml(acc.id) + '"' + (isOn ? ' checked' : '') + '>' +
+      '<span class="toggle-track"><span class="toggle-thumb"></span></span>';
+
+    var checkbox = row.querySelector("input");
+    checkbox.addEventListener("change", function () {
+      var accId = this.getAttribute("data-account-id");
+      var idx = emailDefaultAccountIds.indexOf(accId);
+      if (this.checked && idx === -1) {
+        emailDefaultAccountIds.push(accId);
+      } else if (!this.checked && idx !== -1) {
+        emailDefaultAccountIds.splice(idx, 1);
+      }
+      // Save to server
+      if (ctx && ctx.ws && ctx.connected) {
+        ctx.ws.send(JSON.stringify({ type: "email_defaults_save", accounts: emailDefaultAccountIds }));
+      }
+    });
+
+    listEl.appendChild(row);
+  }
+}
+
 function escapeHtml(str) {
   var div = document.createElement("div");
   div.textContent = str;

package/lib/public/modules/filebrowser.js

@@ -7,6 +7,7 @@ import { renderUnifiedDiff, renderSplitDiff } from './diff.js';
 import { initFileIcons, getFileIconSvg, getFolderIconSvg } from './fileicons.js';
 
 var ctx;
+var showDropHint = function () {};
 var treeData = {};  // path -> { loaded, children }
 var currentContent = null;  // last read file content for copy
 var currentFilePath = null;  // path of the currently viewed file
@@ -34,6 +35,66 @@ export function initFileBrowser(_ctx) {
     }
   });
 
+  // --- Drag-and-drop file paths into message input ---
+  var inputEl = document.getElementById("input");
+  var dropHintEl = null;
+  var dropHintTimer = null;
+
+  showDropHint = function () {
+    if (!inputEl) return;
+    if (!dropHintEl) {
+      dropHintEl = document.createElement("div");
+      dropHintEl.className = "fb-drop-hint";
+      dropHintEl.textContent = "Drop here to insert file path";
+      inputEl.parentElement.style.position = "relative";
+      inputEl.parentElement.appendChild(dropHintEl);
+    }
+    dropHintEl.classList.add("visible");
+    clearTimeout(dropHintTimer);
+    // Auto-hide after drag ends without drop
+    dropHintTimer = setTimeout(function () { hideDropHint(); }, 3000);
+  }
+
+  function hideDropHint() {
+    clearTimeout(dropHintTimer);
+    if (dropHintEl) dropHintEl.classList.remove("visible");
+  }
+
+  if (inputEl) {
+    inputEl.addEventListener("dragover", function (e) {
+      if (e.dataTransfer.types.indexOf("text/plain") !== -1) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "copy";
+        inputEl.classList.add("drop-target");
+      }
+    });
+    inputEl.addEventListener("dragleave", function () {
+      inputEl.classList.remove("drop-target");
+    });
+    inputEl.addEventListener("drop", function (e) {
+      inputEl.classList.remove("drop-target");
+      hideDropHint();
+      var filePath = e.dataTransfer.getData("text/plain");
+      if (!filePath) return;
+      e.preventDefault();
+      var cursorPos = inputEl.selectionStart || 0;
+      var before = inputEl.value.substring(0, cursorPos);
+      var after = inputEl.value.substring(cursorPos);
+      var prefix = before.length > 0 && before[before.length - 1] !== " " && before[before.length - 1] !== "\n" ? " " : "";
+      var suffix = after.length > 0 && after[0] !== " " && after[0] !== "\n" ? " " : "";
+      inputEl.value = before + prefix + filePath + suffix + after;
+      var newPos = cursorPos + prefix.length + filePath.length + suffix.length;
+      inputEl.setSelectionRange(newPos, newPos);
+      inputEl.focus();
+      inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+    });
+    // Hide hint when drag ends anywhere on the page
+    document.addEventListener("dragend", function () {
+      inputEl.classList.remove("drop-target");
+      hideDropHint();
+    });
+  }
+
   // Close button
   document.getElementById("file-viewer-close").addEventListener("click", function () {
     closeFileViewer();
@@ -418,6 +479,17 @@ function renderEntries(container, entries, depth) {
     row.className = "file-tree-item";
     row.style.paddingLeft = (8 + depth * 16) + "px";
 
+    row.draggable = true;
+    row.dataset.path = entry.path;
+    row.addEventListener("dragstart", function (e) {
+      var cwd = ctx.cwd || "";
+      var rel = this.dataset.path;
+      var abs = cwd ? cwd.replace(/\/$/, "") + "/" + rel : rel;
+      e.dataTransfer.setData("text/plain", abs);
+      e.dataTransfer.effectAllowed = "copy";
+      showDropHint();
+    });
+
     if (entry.type === "dir") {
       row.innerHTML =
         '<span class="file-tree-chevron">' + iconHtml("chevron-right") + '</span>' +

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

@@ -108,6 +108,13 @@ export function initMateSidebar(wsGetter) {
       if (origBtn) origBtn.click();
     });
   }
+  var mateEmailBtn = document.getElementById("mate-email-btn");
+  if (mateEmailBtn) {
+    mateEmailBtn.addEventListener("click", function () {
+      var origBtn = document.getElementById("email-sidebar-btn");
+      if (origBtn) origBtn.click();
+    });
+  }
   var mateSkillsBtn = document.getElementById("mate-skills-btn");
   if (mateSkillsBtn) {
     mateSkillsBtn.addEventListener("click", function () {

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

@@ -856,7 +856,7 @@ function renderSheetMateProfile(listEl) {
   // Action buttons
   var actions = [
     { icon: "book-open", label: "Knowledge", btnId: "mate-knowledge-btn", countId: "mate-knowledge-count" },
-    { icon: "sticky-note", label: "Sticky Notes", btnId: "sticky-notes-toggle-btn", countId: "sticky-notes-sidebar-count" },
+    { icon: "sticky-note", label: "Sticky Notes", btnId: "sticky-notes-sidebar-btn", countId: "sticky-notes-sidebar-count" },
     { icon: "puzzle", label: "Skills", btnId: "mate-skills-btn" },
     { icon: "calendar", label: "Scheduled Tasks", btnId: "mate-scheduler-btn" }
   ];