clay-server 2.19.0 → 2.20.0-beta.2

package/lib/public/modules/input.js

@@ -13,6 +13,7 @@ var slashActiveIdx = -1;
 var slashFiltered = [];
 var isComposing = false;
 var isRemoteInput = false;
+var scheduleDelayMs = 0; // 0 = no schedule, >0 = delay in ms
 
 export function hasSendableContent() {
   return !!(
@@ -23,6 +24,36 @@ export function hasSendableContent() {
   );
 }
 
+export function getScheduleDelay() {
+  return scheduleDelayMs;
+}
+
+export function clearScheduleDelay() {
+  scheduleDelayMs = 0;
+  var btn = document.getElementById("schedule-btn");
+  if (btn) {
+    btn.classList.remove("schedule-active", "schedule-expanded");
+    var lbl = btn.querySelector(".schedule-delay-label");
+    if (lbl) lbl.remove();
+    var inp = btn.querySelector(".schedule-inline-input");
+    if (inp) inp.remove();
+    btn.title = "Schedule message";
+  }
+}
+
+export function setScheduleBtnDisabled(disabled) {
+  var btn = document.getElementById("schedule-btn");
+  if (!btn) return;
+  btn.disabled = disabled;
+  if (disabled) {
+    btn.style.opacity = "0.3";
+    btn.style.pointerEvents = "none";
+  } else {
+    btn.style.opacity = "";
+    btn.style.pointerEvents = "";
+  }
+}
+
 export var builtinCommands = [
   { name: "clear", desc: "Clear conversation" },
   { name: "context", desc: "Context window usage" },
@@ -101,10 +132,18 @@ export function sendMessage() {
   if (mention) {
     hideMentionMenu();
     if (ctx.hideSuggestionChips) ctx.hideSuggestionChips();
+    var mentionImages = pendingImages.slice();
     var mentionPastes = pendingPastes.map(function (p) { return p.text; });
+    // Prepend file paths to mention text (same pattern as regular messages)
+    var mentionFiles = pendingFiles.slice();
+    var mentionText = mention.text;
+    if (mentionFiles.length > 0) {
+      var mFilePaths = mentionFiles.map(function (f) { return "[Uploaded file: " + f.path + "]"; }).join("\n");
+      mentionText = mentionText ? mFilePaths + "\n\n" + mentionText : mFilePaths;
+    }
     // Render user message with mention chip (same as history replay)
-    renderMentionUser({ mateName: mention.mateName, text: mention.text });
-    sendMention(mention.mateId, mention.text, mentionPastes);
+    renderMentionUser({ mateName: mention.mateName, text: mentionText, images: mentionImages.length > 0 ? mentionImages : null, pastes: mentionPastes.length > 0 ? mentionPastes : null });
+    sendMention(mention.mateId, mentionText, mentionPastes, mentionImages);
     clearMentionState();
     ctx.inputEl.value = "";
     sendInputSync();
@@ -123,19 +162,17 @@ export function sendMessage() {
 
   var pastes = pendingPastes.map(function (p) { return p.text; });
 
-  // Schedule mode: queue message for after rate limit resets
-  if (ctx.isScheduleMode && ctx.isScheduleMode()) {
-    var resetsAt = ctx.getRateLimitResetsAt ? ctx.getRateLimitResetsAt() : null;
-    if (resetsAt && resetsAt > Date.now()) {
-      ctx.ws.send(JSON.stringify({ type: "schedule_message", text: text || "", resetsAt: resetsAt }));
-      if (ctx.exitScheduleMode) ctx.exitScheduleMode();
-      ctx.inputEl.value = "";
-      sendInputSync();
-      clearPendingImages();
-      autoResize();
-      ctx.inputEl.focus();
-      return;
-    }
+  // Scheduled message: queue message with timer delay
+  if (scheduleDelayMs > 0) {
+    var resetsAt = Date.now() + scheduleDelayMs;
+    ctx.ws.send(JSON.stringify({ type: "schedule_message", text: text || "", resetsAt: resetsAt }));
+    clearScheduleDelay();
+    ctx.inputEl.value = "";
+    sendInputSync();
+    clearPendingImages();
+    autoResize();
+    ctx.inputEl.focus();
+    return;
   }
 
   ctx.addUserMessage(text, images.length > 0 ? images : null, pastes.length > 0 ? pastes : null);
@@ -570,11 +607,116 @@ export function initInput(_ctx) {
     });
   }
 
+  // Schedule button — inline expand with minute input
+  var scheduleBtn = document.getElementById("schedule-btn");
+  var scheduleInlineInput = null;
+  var scheduleInlineLabel = null;
+  var scheduleOutsideHandler = null;
+
+  function formatDelayLabel(ms) {
+    var mins = Math.round(ms / 60000);
+    if (mins < 60) return mins + "m";
+    var hrs = Math.floor(mins / 60);
+    var rem = mins % 60;
+    return rem > 0 ? hrs + "h " + rem + "m" : hrs + "h";
+  }
+
+  function collapseScheduleBtn() {
+    if (!scheduleBtn) return;
+    scheduleBtn.classList.remove("schedule-expanded");
+    if (scheduleInlineInput) { scheduleInlineInput.remove(); scheduleInlineInput = null; }
+    if (scheduleInlineLabel) { scheduleInlineLabel.remove(); scheduleInlineLabel = null; }
+    if (scheduleOutsideHandler) {
+      document.removeEventListener("mousedown", scheduleOutsideHandler);
+      scheduleOutsideHandler = null;
+    }
+  }
+
+  function setScheduleDelay(ms) {
+    scheduleDelayMs = ms;
+    if (!scheduleBtn) return;
+    collapseScheduleBtn();
+    if (ms > 0) {
+      scheduleBtn.classList.add("schedule-active", "schedule-expanded");
+      scheduleBtn.title = "Scheduled: " + formatDelayLabel(ms) + " (click to clear)";
+      scheduleInlineLabel = document.createElement("span");
+      scheduleInlineLabel.className = "schedule-delay-label";
+      scheduleInlineLabel.textContent = formatDelayLabel(ms);
+      scheduleBtn.appendChild(scheduleInlineLabel);
+    } else {
+      scheduleBtn.classList.remove("schedule-active", "schedule-expanded");
+      scheduleBtn.title = "Schedule message";
+    }
+  }
+
+  function expandScheduleInput() {
+    if (!scheduleBtn) return;
+    scheduleBtn.classList.add("schedule-expanded");
+    scheduleInlineInput = document.createElement("input");
+    scheduleInlineInput.type = "number";
+    scheduleInlineInput.min = "1";
+    scheduleInlineInput.max = "1440";
+    scheduleInlineInput.placeholder = "min";
+    scheduleInlineInput.className = "schedule-inline-input";
+    scheduleBtn.appendChild(scheduleInlineInput);
+
+    setTimeout(function () { scheduleInlineInput.focus(); }, 0);
+
+    scheduleInlineInput.addEventListener("click", function (e) { e.stopPropagation(); });
+    scheduleInlineInput.addEventListener("keydown", function (e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        var val = parseInt(scheduleInlineInput.value, 10);
+        if (val >= 1 && val <= 1440) {
+          setScheduleDelay(val * 60000);
+        } else {
+          collapseScheduleBtn();
+        }
+      } else if (e.key === "Escape") {
+        collapseScheduleBtn();
+      }
+    });
+
+    // Close on outside click
+    setTimeout(function () {
+      scheduleOutsideHandler = function (ev) {
+        if (!scheduleBtn.contains(ev.target)) {
+          if (scheduleInlineInput) {
+            var val = parseInt(scheduleInlineInput.value, 10);
+            if (val >= 1 && val <= 1440) {
+              setScheduleDelay(val * 60000);
+            } else {
+              collapseScheduleBtn();
+            }
+          }
+          document.removeEventListener("mousedown", scheduleOutsideHandler);
+          scheduleOutsideHandler = null;
+        }
+      };
+      document.addEventListener("mousedown", scheduleOutsideHandler);
+    }, 0);
+  }
+
+  if (scheduleBtn) {
+    scheduleBtn.addEventListener("click", function (e) {
+      e.stopPropagation();
+      if (scheduleDelayMs > 0) {
+        setScheduleDelay(0);
+        return;
+      }
+      if (scheduleInlineInput) {
+        collapseScheduleBtn();
+      } else {
+        expandScheduleInput();
+      }
+    });
+  }
+
   // Paste handler
   document.addEventListener("paste", function (e) {
     // Don't intercept paste when typing in modals or other non-chat inputs
     var target = e.target;
-    if (target && target.closest && target.closest(".sticky-note, #notes-archive, #ralph-wizard, .confirm-modal, .scheduler-detail")) return;
+    if (target && target.closest && target.closest(".sticky-note, #notes-archive, #ralph-wizard, .confirm-modal, .scheduler-detail, #debate-modal, .us-modal")) return;
 
     var cd = e.clipboardData;
     if (!cd) return;

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

@@ -1,5 +1,6 @@
 import { iconHtml, refreshIcons } from './icons.js';
 import { hideNotes } from './sticky-notes.js';
+import { hideMemory } from './mate-memory.js';
 import { renderMarkdown, highlightCodeBlocks } from './markdown.js';
 
 var getMateWs = null;
@@ -281,6 +282,7 @@ function openEditor(fileName, content) {
 export function showKnowledge() {
   visible = true;
   hideNotes();
+  hideMemory();
 
   // Toggle sidebar panels: hide conversations, show knowledge file list
   if (conversationsPanel) conversationsPanel.classList.add("hidden");

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
+}