clay-server 2.19.0 → 2.20.0-beta.1

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

@@ -0,0 +1,353 @@
+import { iconHtml, refreshIcons } from './icons.js';
+import { escapeHtml } from './utils.js';
+
+var getMateWs = null;
+var visible = false;
+var cachedEntries = [];
+var cachedSummary = "";
+
+// DOM elements
+var sidebarBtn = null;
+var countBadge = null;
+var viewerEl = null;
+var closeBtn = null;
+var summaryContentEl = null;
+var digestListEl = null;
+var digestDetailEl = null;
+var tabSummary = null;
+var tabDigests = null;
+var tabBodySummary = null;
+var tabBodyDigests = null;
+
+// Confirm overlay
+var confirmOverlay = null;
+
+var _onShow = null;
+
+export function initMateMemory(mateWsGetter, opts) {
+  getMateWs = mateWsGetter;
+  if (opts && opts.onShow) _onShow = opts.onShow;
+
+  sidebarBtn = document.getElementById("mate-memory-btn");
+  countBadge = document.getElementById("mate-memory-count");
+  viewerEl = document.getElementById("mate-memory-viewer");
+  closeBtn = document.getElementById("mate-memory-viewer-close-btn");
+  summaryContentEl = document.getElementById("mate-memory-summary-content");
+  digestListEl = document.getElementById("mate-memory-digest-list");
+  digestDetailEl = document.getElementById("mate-memory-digest-detail");
+  tabBodySummary = document.getElementById("mate-memory-tab-summary");
+  tabBodyDigests = document.getElementById("mate-memory-tab-digests");
+
+  // Tab buttons
+  var tabs = viewerEl ? viewerEl.querySelectorAll(".mate-memory-tab") : [];
+  for (var i = 0; i < tabs.length; i++) {
+    if (tabs[i].dataset.tab === "summary") tabSummary = tabs[i];
+    if (tabs[i].dataset.tab === "digests") tabDigests = tabs[i];
+    (function (tab) {
+      tab.addEventListener("click", function () {
+        switchTab(tab.dataset.tab);
+      });
+    })(tabs[i]);
+  }
+
+  if (sidebarBtn) {
+    sidebarBtn.addEventListener("click", function () {
+      if (visible) { hideMemory(); } else { showMemory(); }
+    });
+  }
+
+  if (closeBtn) {
+    closeBtn.addEventListener("click", hideMemory);
+  }
+}
+
+function switchTab(tabName) {
+  if (tabSummary) tabSummary.classList.toggle("active", tabName === "summary");
+  if (tabDigests) tabDigests.classList.toggle("active", tabName === "digests");
+  if (tabBodySummary) tabBodySummary.classList.toggle("hidden", tabName !== "summary");
+  if (tabBodyDigests) tabBodyDigests.classList.toggle("hidden", tabName !== "digests");
+
+  // When switching to digests, hide detail and show list
+  if (tabName === "digests") {
+    if (digestDetailEl) digestDetailEl.classList.add("hidden");
+    if (digestListEl) digestListEl.classList.remove("hidden");
+  }
+}
+
+export function showMemory() {
+  if (_onShow) _onShow();
+  visible = true;
+  if (sidebarBtn) sidebarBtn.classList.add("active");
+  if (viewerEl) viewerEl.classList.remove("hidden");
+
+  // Default to summary tab
+  switchTab("summary");
+  requestMemoryList();
+}
+
+export function hideMemory() {
+  visible = false;
+  if (sidebarBtn) sidebarBtn.classList.remove("active");
+  if (viewerEl) viewerEl.classList.add("hidden");
+  dismissConfirm();
+  cachedEntries = [];
+  cachedSummary = "";
+}
+
+export function isMemoryVisible() {
+  return visible;
+}
+
+function requestMemoryList() {
+  var ws = getMateWs ? getMateWs() : null;
+  if (ws && ws.readyState === 1) {
+    ws.send(JSON.stringify({ type: "memory_list" }));
+  }
+}
+
+export function renderMemoryList(entries, summary) {
+  cachedEntries = entries || [];
+  cachedSummary = summary || "";
+
+  // Update badge
+  if (countBadge) {
+    if (cachedEntries.length > 0) {
+      countBadge.textContent = cachedEntries.length;
+      countBadge.classList.remove("hidden");
+    } else {
+      countBadge.textContent = "";
+      countBadge.classList.add("hidden");
+    }
+  }
+
+  // Render summary tab
+  renderSummary();
+
+  // Render digest list
+  renderDigestList();
+
+  refreshIcons();
+}
+
+function renderSummary() {
+  if (!summaryContentEl) return;
+
+  if (!cachedSummary) {
+    summaryContentEl.innerHTML =
+      '<div class="mate-memory-empty">No memory summary yet. Memories will be created automatically as you chat.</div>';
+    return;
+  }
+
+  // Render markdown summary (simple conversion)
+  var html = escapeHtml(cachedSummary);
+  // Convert markdown headers
+  html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');
+  html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');
+  html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');
+  // Convert bullet points
+  html = html.replace(/^- (.+)$/gm, '<li>$1</li>');
+  html = html.replace(/(<li>.*<\/li>\n?)+/g, function (m) { return '<ul>' + m + '</ul>'; });
+  // Convert bold
+  html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+  // Line breaks
+  html = html.replace(/\n\n/g, '</p><p>');
+  html = '<p>' + html + '</p>';
+  html = html.replace(/<p>\s*<(h[123]|ul)/g, '<$1');
+  html = html.replace(/<\/(h[123]|ul)>\s*<\/p>/g, '</$1>');
+
+  summaryContentEl.innerHTML = html;
+}
+
+function renderDigestList() {
+  if (!digestListEl) return;
+  digestListEl.innerHTML = "";
+
+  if (cachedEntries.length === 0) {
+    var empty = document.createElement("div");
+    empty.className = "mate-memory-empty";
+    empty.textContent = "No session logs yet";
+    digestListEl.appendChild(empty);
+    return;
+  }
+
+  for (var i = 0; i < cachedEntries.length; i++) {
+    digestListEl.appendChild(renderDigestItem(cachedEntries[i], i));
+  }
+}
+
+function renderDigestItem(entry, listIndex) {
+  var item = document.createElement("div");
+  item.className = "mate-memory-item";
+
+  // Top row: date + type badge + delete
+  var topRow = document.createElement("div");
+  topRow.className = "mate-memory-item-top";
+
+  var dateEl = document.createElement("span");
+  dateEl.className = "mate-memory-date";
+  dateEl.textContent = entry.date || "?";
+  topRow.appendChild(dateEl);
+
+  if (entry.type) {
+    var badge = document.createElement("span");
+    badge.className = "mate-memory-type-badge";
+    badge.textContent = entry.type;
+    topRow.appendChild(badge);
+  }
+
+  if (entry.tags && entry.tags.length > 0) {
+    for (var t = 0; t < entry.tags.length && t < 3; t++) {
+      var tag = document.createElement("span");
+      tag.className = "mate-memory-tag";
+      tag.textContent = entry.tags[t];
+      topRow.appendChild(tag);
+    }
+  }
+
+  var delBtn = document.createElement("button");
+  delBtn.className = "mate-memory-delete-btn";
+  delBtn.title = "Delete";
+  delBtn.innerHTML = iconHtml("trash-2");
+  delBtn.addEventListener("click", function (e) {
+    e.stopPropagation();
+    confirmDelete(entry.index);
+  });
+  topRow.appendChild(delBtn);
+
+  item.appendChild(topRow);
+
+  // Topic
+  var topicEl = document.createElement("div");
+  topicEl.className = "mate-memory-topic";
+  topicEl.textContent = entry.topic || "(no topic)";
+  item.appendChild(topicEl);
+
+  // Position preview
+  if (entry.my_position) {
+    var posEl = document.createElement("div");
+    posEl.className = "mate-memory-position";
+    var preview = entry.my_position;
+    if (preview.length > 120) preview = preview.substring(0, 120) + "...";
+    posEl.textContent = preview;
+    item.appendChild(posEl);
+  }
+
+  item.addEventListener("click", function () {
+    openDigestDetail(entry, listIndex);
+  });
+
+  return item;
+}
+
+function openDigestDetail(entry, listIndex) {
+  if (!digestDetailEl || !digestListEl) return;
+
+  // Hide list, show detail
+  digestListEl.classList.add("hidden");
+  digestDetailEl.classList.remove("hidden");
+
+  // Build detail HTML
+  var html = '';
+  html += '<div class="mate-memory-detail-header">';
+  html += '<button class="mate-memory-detail-back">' + iconHtml("arrow-left") + ' Back</button>';
+  html += '<div class="mate-knowledge-toolbar-spacer"></div>';
+  html += '<button class="mate-memory-detail-delete mate-memory-danger-btn" title="Delete">' + iconHtml("trash-2") + '</button>';
+  html += '</div>';
+  html += '<div class="mate-memory-detail-body">';
+  html += renderField("Date", entry.date);
+  if (entry.type) html += renderField("Type", entry.type);
+  html += renderField("Topic", entry.topic);
+  html += renderField("My Position", entry.my_position);
+  if (entry.user_intent) html += renderField("User Intent", entry.user_intent);
+  if (entry.other_perspectives) html += renderField("Other Perspectives", entry.other_perspectives);
+  html += renderField("Decisions", entry.decisions);
+  html += renderField("Open Items", entry.open_items);
+  if (entry.user_sentiment) html += renderField("User Sentiment", entry.user_sentiment);
+  if (entry.my_role) html += renderField("My Role", entry.my_role);
+  if (entry.outcome) html += renderField("Outcome", entry.outcome);
+  if (entry.confidence) html += renderField("Confidence", entry.confidence);
+  if (entry.tags && entry.tags.length > 0) html += renderField("Tags", entry.tags.join(", "));
+  html += '</div>';
+
+  digestDetailEl.innerHTML = html;
+  refreshIcons();
+
+  // Back button
+  var backBtn = digestDetailEl.querySelector(".mate-memory-detail-back");
+  if (backBtn) {
+    backBtn.addEventListener("click", function () {
+      digestDetailEl.classList.add("hidden");
+      digestListEl.classList.remove("hidden");
+    });
+  }
+
+  // Delete button
+  var delBtn = digestDetailEl.querySelector(".mate-memory-detail-delete");
+  if (delBtn) {
+    delBtn.addEventListener("click", function () {
+      confirmDelete(entry.index);
+    });
+  }
+}
+
+function renderField(label, value) {
+  if (!value || value === "null") return "";
+  return '<div class="mate-memory-detail">' +
+    '<div class="mate-memory-detail-label">' + escapeHtml(label) + '</div>' +
+    '<div class="mate-memory-detail-value">' + escapeHtml(String(value)) + '</div>' +
+    '</div>';
+}
+
+function confirmDelete(index) {
+  dismissConfirm();
+
+  confirmOverlay = document.createElement("div");
+  confirmOverlay.className = "mate-memory-confirm-overlay";
+
+  var dialog = document.createElement("div");
+  dialog.className = "mate-memory-confirm-dialog";
+
+  var msg = document.createElement("div");
+  msg.className = "mate-memory-confirm-msg";
+  msg.textContent = "Delete this memory?";
+  dialog.appendChild(msg);
+
+  var actions = document.createElement("div");
+  actions.className = "mate-memory-confirm-actions";
+
+  var cancelBtn = document.createElement("button");
+  cancelBtn.className = "mate-memory-confirm-cancel";
+  cancelBtn.textContent = "Cancel";
+  cancelBtn.addEventListener("click", dismissConfirm);
+  actions.appendChild(cancelBtn);
+
+  var deleteBtn = document.createElement("button");
+  deleteBtn.className = "mate-memory-confirm-delete";
+  deleteBtn.textContent = "Delete";
+  deleteBtn.addEventListener("click", function () {
+    var ws = getMateWs ? getMateWs() : null;
+    if (ws && ws.readyState === 1) {
+      ws.send(JSON.stringify({ type: "memory_delete", index: index }));
+    }
+    dismissConfirm();
+  });
+  actions.appendChild(deleteBtn);
+
+  dialog.appendChild(actions);
+  confirmOverlay.appendChild(dialog);
+  confirmOverlay.addEventListener("click", function (e) {
+    if (e.target === confirmOverlay) dismissConfirm();
+  });
+  document.body.appendChild(confirmOverlay);
+}
+
+function dismissConfirm() {
+  if (confirmOverlay && confirmOverlay.parentNode) {
+    confirmOverlay.parentNode.removeChild(confirmOverlay);
+  }
+  confirmOverlay = null;
+}
+
+export function handleMemoryDeleted() {
+  // List update follows via memory_list
+}

package/lib/public/modules/mention.js

@@ -233,10 +233,11 @@ export function clearMentionState() {
   removeInputMentionChip();
 }
 
-export function sendMention(mateId, text, pastes) {
+export function sendMention(mateId, text, pastes, images) {
   if (!ctx.ws || !ctx.connected) return;
   var payload = { type: "mention", mateId: mateId, text: text };
   if (pastes && pastes.length > 0) payload.pastes = pastes;
+  if (images && images.length > 0) payload.images = images;
   ctx.ws.send(JSON.stringify(payload));
 }
 
@@ -298,6 +299,17 @@ export function handleMentionStart(msg) {
     badge.className = "mention-badge";
     badge.textContent = "@MENTION";
     header.appendChild(badge);
+
+    var stopBtn = document.createElement("button");
+    stopBtn.className = "mention-stop-btn";
+    stopBtn.title = "Stop";
+    stopBtn.innerHTML = iconHtml("square");
+    stopBtn.addEventListener("click", function () {
+      if (ctx.ws && ctx.connected) {
+        ctx.ws.send(JSON.stringify({ type: "mention_stop", mateId: msg.mateId }));
+      }
+    });
+    header.appendChild(stopBtn);
     contentWrap.appendChild(header);
 
     // Activity indicator
@@ -336,6 +348,17 @@ export function handleMentionStart(msg) {
     nameSpan.textContent = msg.mateName || "Mate";
     header.appendChild(nameSpan);
 
+    var stopBtn = document.createElement("button");
+    stopBtn.className = "mention-stop-btn";
+    stopBtn.title = "Stop";
+    stopBtn.innerHTML = iconHtml("square");
+    stopBtn.addEventListener("click", function () {
+      if (ctx.ws && ctx.connected) {
+        ctx.ws.send(JSON.stringify({ type: "mention_stop", mateId: msg.mateId }));
+      }
+    });
+    header.appendChild(stopBtn);
+
     currentMentionEl.appendChild(header);
 
     // Activity indicator
@@ -457,10 +480,12 @@ function flushMentionStream() {
 
 export function handleMentionDone(msg) {
   flushMentionStream();
-  // Hide activity bar
   if (currentMentionEl) {
     var bar = currentMentionEl.querySelector(".mention-activity-bar");
     if (bar) bar.style.display = "none";
+    // Remove stop button
+    var stopBtn = currentMentionEl.querySelector(".mention-stop-btn");
+    if (stopBtn) stopBtn.remove();
     // Add copy handler so user can "click to grab this"
     if (ctx.addCopyHandler && mentionFullText) {
       ctx.addCopyHandler(currentMentionEl, mentionFullText);
@@ -477,6 +502,8 @@ export function handleMentionError(msg) {
   if (currentMentionEl) {
     var bar = currentMentionEl.querySelector(".mention-activity-bar");
     if (bar) bar.style.display = "none";
+    var stopBtn = currentMentionEl.querySelector(".mention-stop-btn");
+    if (stopBtn) stopBtn.remove();
     var contentEl = currentMentionEl.querySelector(".mention-content");
     if (contentEl) {
       contentEl.innerHTML = '<div class="mention-error">Error: ' + escapeHtml(msg.error || "Unknown error") + '</div>';
@@ -511,6 +538,54 @@ export function renderMentionUser(entry) {
   bubble.className = "bubble";
   bubble.dir = "auto";
 
+  // Render images (same pattern as addUserMessage in app.js)
+  if (entry.images && entry.images.length > 0) {
+    var imgRow = document.createElement("div");
+    imgRow.className = "bubble-images";
+    for (var ii = 0; ii < entry.images.length; ii++) {
+      var img = document.createElement("img");
+      if (entry.images[ii].url) {
+        img.src = entry.images[ii].url;
+      } else if (entry.images[ii].data) {
+        img.src = "data:" + entry.images[ii].mediaType + ";base64," + entry.images[ii].data;
+      }
+      img.loading = "lazy";
+      img.className = "bubble-img";
+      img.addEventListener("click", function () {
+        if (ctx.showImageModal) ctx.showImageModal(this.src);
+      });
+      img.addEventListener("error", function () {
+        var placeholder = document.createElement("div");
+        placeholder.className = "bubble-img-expired";
+        placeholder.textContent = "Image deleted";
+        this.parentNode.replaceChild(placeholder, this);
+      });
+      imgRow.appendChild(img);
+    }
+    bubble.appendChild(imgRow);
+  }
+
+  // Render pastes
+  if (entry.pastes && entry.pastes.length > 0) {
+    var pasteRow = document.createElement("div");
+    pasteRow.className = "bubble-pastes";
+    for (var pi = 0; pi < entry.pastes.length; pi++) {
+      (function (pasteText) {
+        var chip = document.createElement("div");
+        chip.className = "bubble-paste";
+        var preview = pasteText.substring(0, 60).replace(/\n/g, " ");
+        if (pasteText.length > 60) preview += "...";
+        chip.innerHTML = '<span class="bubble-paste-preview">' + escapeHtml(preview) + '</span><span class="bubble-paste-label">PASTED</span>';
+        chip.addEventListener("click", function (e) {
+          e.stopPropagation();
+          if (ctx.showPasteModal) ctx.showPasteModal(pasteText);
+        });
+        pasteRow.appendChild(chip);
+      })(entry.pastes[pi]);
+    }
+    bubble.appendChild(pasteRow);
+  }
+
   var textEl = document.createElement("span");
   textEl.innerHTML = '<span class="mention-chip">@' + escapeHtml(entry.mateName || "Mate") + '</span> ' + escapeHtml(entry.text || "");
   bubble.appendChild(textEl);

package/lib/public/modules/notifications.js

@@ -184,14 +184,6 @@ export function initNotifications(_ctx) {
           ctx.ws.send(JSON.stringify({ type: "check_update" }));
         }
         setUpdateBtn("Checking…", true, true);
-        setTimeout(function () {
-          if (settingsUpdateCheck.disabled) {
-            setUpdateBtn("Up to date", false, true);
-            setTimeout(function () {
-              setUpdateBtn("Check for updates", false, false);
-            }, 1500);
-          }
-        }, 2000);
       });
     }
 

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

@@ -144,6 +144,8 @@ export function initServerSettings(appCtx) {
     if (e.key === "Escape") { e.preventDefault(); hidePinForm(); }
   });
 
+  // Auto-continue moved to User Settings > Behavior
+
   // Keep awake toggle
   var keepAwakeToggle = document.getElementById("settings-keep-awake");
   if (keepAwakeToggle) {
@@ -318,10 +320,8 @@ function populateSettings() {
   // Nav header defaults to hostname (updated by updateDaemonConfig)
   if (nameEl && !nameEl.textContent) nameEl.textContent = "Server";
 
-  var footerVersion = document.getElementById("footer-version");
-  if (versionEl && footerVersion) {
-    versionEl.textContent = footerVersion.textContent || "-";
-  }
+  // Version is set from WebSocket "info" message in app.js
+  if (versionEl && !versionEl.textContent) versionEl.textContent = "-";
 
   if (slugEl) slugEl.textContent = ctx.currentSlug || "(default)";
   if (wsPathEl) wsPathEl.textContent = ctx.wsPath || "/ws";
@@ -475,6 +475,9 @@ export function updateDaemonConfig(config) {
   // PIN status
   updatePinStatus(!!config.pinEnabled);
 
+  // Auto-continue on rate limit
+  // Auto-continue is now per-user (User Settings > Behavior)
+
   // Keep awake
   var keepAwakeToggle = document.getElementById("settings-keep-awake");
   if (keepAwakeToggle) keepAwakeToggle.checked = !!config.keepAwake;
@@ -529,6 +532,10 @@ export function handleKeepAwakeChanged(msg) {
   if (keepAwakeToggle) keepAwakeToggle.checked = !!msg.keepAwake;
 }
 
+export function handleAutoContinueChanged(msg) {
+  // Auto-continue is now per-user; server broadcast no longer updates UI
+}
+
 export function handleRestartResult(msg) {
   var restartBtn = document.getElementById("settings-restart-btn");
   var errorEl = document.getElementById("settings-restart-error");