clay-server 4.0.0-beta.16 → 4.0.0-beta.18

package/lib/public/modules/app-rendering.js

@@ -111,6 +111,7 @@ export function finalizeAssistantBlock() {
 
 export function showClaudePreThinking() {
   if (getChatLayout() !== "channel") return;
+  removeMatePreThinking();
   var vendor = store.get('currentVendor') || "claude";
   var vendorAvatar = VENDOR_AVATARS[vendor] || VENDOR_AVATARS.claude;
   var vendorName = VENDOR_NAMES[vendor] || VENDOR_NAMES.claude;

package/lib/public/modules/chat-bubble-renderer.js

@@ -105,7 +105,7 @@ export function addAssistantCopyHandler(row, rawText) {
   }
 
   row.addEventListener("click", function (event) {
-    if (event.target.closest("a, pre, code")) return;
+    if (event.target.closest("a, button, pre, code")) return;
     var selection = window.getSelection();
     if (selection && selection.toString().length > 0) return;
     if (!primed) {

package/lib/public/modules/clay-log-links.js

@@ -0,0 +1,70 @@
+export function parseClayLogReferences(text) {
+  var pattern = /\[clayos\/(log:[A-Za-z0-9_-]{24})(?:\s+[\u2014-]\s+([^\]\n]{1,80}))?\]|(^|[^A-Za-z0-9_/:])(log:[A-Za-z0-9_-]{24})(?![A-Za-z0-9_-])/g;
+  var results = [];
+  var match;
+  while ((match = pattern.exec(text || ""))) {
+    results.push({
+      start: match.index,
+      end: pattern.lastIndex,
+      prefix: match[3] || "",
+      ref: match[1] || match[4],
+      label: match[2] ? match[2].trim() : "",
+    });
+  }
+  return results;
+}
+
+export function isExactClayLogReference(text) {
+  return /^log:[A-Za-z0-9_-]{24}$/.test((text || "").trim());
+}
+
+function createLogLink(ref, labelText) {
+  var button = document.createElement("button");
+  button.type = "button";
+  button.className = "clayos-log-link";
+  button.contentEditable = "false";
+  button.dataset.logRef = ref;
+  button.setAttribute("aria-label", "Open Project Log" + (labelText ? " " + labelText : ""));
+  var label = document.createElement("span");
+  label.textContent = "Log";
+  button.appendChild(label);
+  if (labelText) {
+    var meta = document.createElement("small");
+    meta.textContent = labelText;
+    button.appendChild(meta);
+  }
+  return button;
+}
+
+export function enhanceClayLogLinks(root) {
+  var codeNodes = root.querySelectorAll("code");
+  for (var codeIndex = 0; codeIndex < codeNodes.length; codeIndex++) {
+    var code = codeNodes[codeIndex];
+    var codeText = (code.textContent || "").trim();
+    if (code.closest("pre") || !isExactClayLogReference(codeText)) continue;
+    code.parentNode.replaceChild(createLogLink(codeText, ""), code);
+  }
+
+  var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  var nodes = [];
+  var node;
+  while ((node = walker.nextNode())) {
+    if (!node.parentElement || node.parentElement.closest("code, pre, a, button")) continue;
+    if (parseClayLogReferences(node.nodeValue).length) nodes.push(node);
+  }
+  for (var i = 0; i < nodes.length; i++) {
+    var text = nodes[i].nodeValue || "";
+    var matches = parseClayLogReferences(text);
+    var fragment = document.createDocumentFragment();
+    var offset = 0;
+    for (var j = 0; j < matches.length; j++) {
+      var match = matches[j];
+      fragment.appendChild(document.createTextNode(text.slice(offset, match.start)));
+      if (match.prefix) fragment.appendChild(document.createTextNode(match.prefix));
+      fragment.appendChild(createLogLink(match.ref, match.label));
+      offset = match.end;
+    }
+    fragment.appendChild(document.createTextNode(text.slice(offset)));
+    nodes[i].parentNode.replaceChild(fragment, nodes[i]);
+  }
+}

package/lib/public/modules/command-palette.js

@@ -6,6 +6,7 @@ import { showHomeHub, minimizeHomeHub } from './app-home-hub.js';
 import { openHomeConversation } from './home-mate-chat.js';
 import { startSearchClayChat, attachSearchClayChat, detachSearchClayChat, getSearchClayChatSummary } from './search-clay-chat.js';
 import { getWs } from './ws-ref.js';
+import { openProjectLog } from './project-logs.js';
 
 function formatRelativeDate(ts) {
   if (!ts) return "";
@@ -27,6 +28,7 @@ var ctx;
 var paletteEl = null, inputEl = null, resultsEl = null, footerEl = null;
 var activeIndex = -1, items = [], debounceTimer = null, abortCtrl = null;
 var pendingNav = null, cachedHomeData = [], cachedVersion = null;
+var pendingLogNav = null;
 var searchResults = [], searchQuery = "", searchPending = false, chatMode = false;
 
 export function initCommandPalette(value) {
@@ -52,43 +54,62 @@ export function initCommandPalette(value) {
 }
 
 function handleClaySessionLinkClick(event) {
-  var link = event.target.closest(".clayos-session-link");
+  var link = event.target.closest(".clayos-session-link, .clayos-log-link");
   if (!link || link.classList.contains("is-loading")) return;
+  event.preventDefault();
+  event.stopPropagation();
+  if (link.classList.contains("clayos-log-link") && !link.closest(".search-clay-chat, #home-mate-chat")) {
+    openProjectLog(link.dataset.logRef);
+    return;
+  }
   var ws = getWs();
   if (!ws || ws.readyState !== 1) {
     link.classList.add("is-error");
-    link.title = "Reconnect to open this session";
+    link.title = "Reconnect to open this item";
     return;
   }
-  var requestId = "clayos-session-" + Date.now() + "-" + Math.random().toString(36).slice(2, 9);
-  link.dataset.sessionRequest = requestId;
+  var isLog = link.classList.contains("clayos-log-link");
+  var requestId = "clayos-" + (isLog ? "log-" : "session-") + Date.now() + "-" + Math.random().toString(36).slice(2, 9);
+  if (isLog) link.dataset.logRequest = requestId;
+  else link.dataset.sessionRequest = requestId;
   link.classList.remove("is-error");
   link.classList.add("is-loading");
-  ws.send(JSON.stringify({
-    type: "home_clay_session_resolve",
-    requestId: requestId,
-    sessionRef: link.dataset.sessionRef,
-    surface: link.closest(".search-clay-chat") ? "search" : "home",
-  }));
+  var request = { requestId: requestId, surface: link.closest(".search-clay-chat") ? "search" : "home" };
+  if (isLog) {
+    request.type = "home_clay_log_resolve";
+    request.ref = link.dataset.logRef;
+  } else {
+    request.type = "home_clay_session_resolve";
+    request.sessionRef = link.dataset.sessionRef;
+  }
+  ws.send(JSON.stringify(request));
 }
 
 export function handleClaySessionTarget(msg) {
-  if (!msg || msg.type !== "home_clay_session_target") return false;
-  var links = document.querySelectorAll(".clayos-session-link[data-session-request]");
+  if (!msg || (msg.type !== "home_clay_session_target" && msg.type !== "home_clay_log_target")) return false;
+  var isLog = msg.type === "home_clay_log_target";
+  var links = document.querySelectorAll(isLog ? ".clayos-log-link[data-log-request]" : ".clayos-session-link[data-session-request]");
   var link = null;
-  for (var i = 0; i < links.length; i++) if (links[i].dataset.sessionRequest === msg.requestId) link = links[i];
+  for (var i = 0; i < links.length; i++) {
+    if ((isLog ? links[i].dataset.logRequest : links[i].dataset.sessionRequest) === msg.requestId) link = links[i];
+  }
   if (link) {
     link.classList.remove("is-loading");
-    delete link.dataset.sessionRequest;
+    if (isLog) delete link.dataset.logRequest;
+    else delete link.dataset.sessionRequest;
   }
   if (msg.status !== "ready" || !msg.target) {
     if (link) {
       link.classList.add("is-error");
-      link.title = msg.error || "Session not available";
+      link.title = msg.error || "Item not available";
     }
     return true;
   }
   closeCommandPalette();
+  if (isLog) {
+    navigateToLog(msg.target);
+    return true;
+  }
   if (msg.target.isMate && msg.target.mateId && msg.target.homeSessionId) {
     showHomeHub();
     openHomeConversation(msg.target.mateId, msg.target.homeSessionId);
@@ -129,6 +150,11 @@ export function closeCommandPalette() {
 export function setPaletteVersion(version) { cachedVersion = version; }
 
 export function handlePaletteSessionSwitch() {
+  if (pendingLogNav && ctx.currentSlug && ctx.currentSlug() === pendingLogNav.projectSlug) {
+    var logNav = pendingLogNav;
+    pendingLogNav = null;
+    openProjectLog(logNav.ref);
+  }
   if (!pendingNav) return;
   var nav = pendingNav;
   pendingNav = null;
@@ -138,6 +164,17 @@ export function handlePaletteSessionSwitch() {
   }
 }
 
+function navigateToLog(target) {
+  closeCommandPalette();
+  minimizeHomeHub();
+  if (ctx.currentSlug && ctx.currentSlug() === target.projectSlug) {
+    openProjectLog(target.ref);
+  } else {
+    pendingLogNav = { projectSlug: target.projectSlug, ref: target.ref };
+    ctx.switchProject(target.projectSlug);
+  }
+}
+
 function buildDOM() {
   paletteEl = document.createElement("div");
   paletteEl.className = "cmd-palette hidden";

package/lib/public/modules/input.js

@@ -3,6 +3,7 @@ import { setRewindMode, isRewindMode } from './rewind.js';
 import { renderPicker as renderContextPicker } from './context-sources.js';
 import { checkForMention, showMentionMenu, hideMentionMenu, isMentionMenuVisible, mentionMenuKeydown, setMentionAtIdx, parseMentionFromInput, clearMentionState, stickyReapplyMention, sendMention, sendUserMention, renderMentionUser, renderUserMention, removeMentionChip } from './mention.js';
 import { store } from './store.js';
+import { sendAcknowledgedMessage } from './message-delivery.js';
 import { mateAvatarUrl } from './avatar.js';
 import { tuiIsActive, tuiSubmitText } from './session-tui-view.js';
 import { VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
@@ -316,7 +317,11 @@ export function sendMessage() {
   // Include selected vendor for session binding (server uses on first message)
   var _selVendor = store.get("currentVendor") || null;
   if (_selVendor) payload.vendor = _selVendor;
-  ctx.ws.send(JSON.stringify(payload));
+  var clientMessageId = sendAcknowledgedMessage(payload);
+  var optimisticUsers = ctx.messagesEl.querySelectorAll(".msg-user");
+  if (optimisticUsers.length > 0) {
+    optimisticUsers[optimisticUsers.length - 1].dataset.clientMessageId = clientMessageId;
+  }
 
   // A turn blocked on an unanswered tool-permission request looks like a
   // black hole: the new message queues silently while the dots keep

package/lib/public/modules/markdown.js

@@ -2,6 +2,7 @@ import { copyToClipboard, escapeHtml } from './utils.js';
 import { refreshIcons } from './icons.js';
 import { getMermaidThemeVars } from './theme.js';
 import { store } from './store.js';
+import { enhanceClayLogLinks } from './clay-log-links.js';
 
 // Initialize markdown parser
 marked.use({ gfm: true, breaks: false });
@@ -89,6 +90,7 @@ export function enhanceClaySessionLinks(root) {
     fragment.appendChild(document.createTextNode(text.slice(offset)));
     nodes[i].parentNode.replaceChild(fragment, nodes[i]);
   }
+  enhanceClayLogLinks(root);
 }
 
 /**

package/lib/public/modules/message-delivery.js

@@ -0,0 +1,97 @@
+// Reliable delivery for ordinary project chat messages within a page lifetime.
+
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+
+var ACK_TIMEOUT_MS = 5000;
+var ackTimers = {};
+
+function createClientMessageId() {
+  if (window.crypto && typeof window.crypto.randomUUID === "function") {
+    return "cm-" + window.crypto.randomUUID();
+  }
+  return "cm-" + Date.now().toString(36) + "-" + Math.random().toString(36).slice(2);
+}
+
+function pendingMessages() {
+  return store.get('pendingOutboundMessages') || [];
+}
+
+function replacePending(messages) {
+  store.set({ pendingOutboundMessages: messages });
+}
+
+function clearAckTimer(clientMessageId) {
+  if (!ackTimers[clientMessageId]) return;
+  clearTimeout(ackTimers[clientMessageId]);
+  delete ackTimers[clientMessageId];
+}
+
+function isPending(clientMessageId) {
+  var pending = pendingMessages();
+  for (var i = 0; i < pending.length; i++) {
+    if (pending[i].payload.clientMessageId === clientMessageId) return true;
+  }
+  return false;
+}
+
+function armAckTimer(clientMessageId, socket) {
+  clearAckTimer(clientMessageId);
+  ackTimers[clientMessageId] = setTimeout(function () {
+    delete ackTimers[clientMessageId];
+    if (!isPending(clientMessageId) || getWs() !== socket) return;
+    window.dispatchEvent(new CustomEvent("clay-message-delivery-timeout", {
+      detail: { socket: socket, clientMessageId: clientMessageId },
+    }));
+  }, ACK_TIMEOUT_MS);
+}
+
+function transmit(entry) {
+  var socket = getWs();
+  if (!socket || socket.readyState !== 1) return false;
+  try {
+    socket.send(JSON.stringify(entry.payload));
+    armAckTimer(entry.payload.clientMessageId, socket);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+export function sendAcknowledgedMessage(payload) {
+  var nextPayload = Object.assign({}, payload, { clientMessageId: createClientMessageId() });
+  var entry = {
+    projectSlug: store.get('currentSlug'),
+    sessionId: store.get('activeSessionId'),
+    payload: nextPayload,
+  };
+  replacePending(pendingMessages().concat([entry]));
+  if (!transmit(entry)) {
+    window.dispatchEvent(new CustomEvent("clay-message-delivery-timeout", {
+      detail: { socket: getWs(), clientMessageId: nextPayload.clientMessageId },
+    }));
+  }
+  return nextPayload.clientMessageId;
+}
+
+export function acknowledgeMessage(clientMessageId) {
+  if (typeof clientMessageId !== "string") return false;
+  var pending = pendingMessages();
+  var next = pending.filter(function (entry) {
+    return entry.payload.clientMessageId !== clientMessageId;
+  });
+  if (next.length === pending.length) return false;
+  clearAckTimer(clientMessageId);
+  replacePending(next);
+  return true;
+}
+
+export function replayPendingMessages(sessionId) {
+  var pending = pendingMessages();
+  var projectSlug = store.get('currentSlug');
+  for (var i = 0; i < pending.length; i++) {
+    if (pending[i].projectSlug === projectSlug && pending[i].sessionId === sessionId) {
+      transmit(pending[i]);
+    }
+  }
+}

package/lib/public/modules/project-logs-render.js

@@ -106,6 +106,34 @@ export function renderFilter(container, categories, selected, onChange) {
   container.appendChild(select);
 }
 
+export function renderContextFilter(container, selected, isWorktree, onChange) {
+  container.innerHTML = "";
+  var select = document.createElement("select");
+  select.id = "project-logs-context";
+  select.className = "project-logs-filter project-logs-context-filter";
+  select.setAttribute("aria-label", "Filter by change scope");
+  var options = isWorktree
+    ? [["current", "Current worktree"], ["project", "Project"], ["all", "All changes"]]
+    : [["project", "Project"], ["all", "All changes"]];
+  for (var i = 0; i < options.length; i++) {
+    var option = document.createElement("option");
+    option.value = options[i][0];
+    option.textContent = options[i][1];
+    select.appendChild(option);
+  }
+  select.value = selected || (isWorktree ? "current" : "project");
+  select.addEventListener("change", function () { onChange(select.value); });
+  container.appendChild(select);
+}
+
+function contextLabel(context) {
+  if (!context || !context.changeSetId) return "";
+  var label = context.branch || "Worktree change";
+  if (context.status === "merged") return label + " · Merged";
+  if (context.status === "archived") return label + " · Archived";
+  return label + " · Active";
+}
+
 // One ledger row. Reveals what happened without opening the record: category,
 // priority, title, summary, author, time, revision and comment counts.
 function renderRow(entry, onOpen) {
@@ -152,6 +180,8 @@ function renderRow(entry, onOpen) {
   if (entry.commentCount > 0) {
     parts.push(entry.commentCount + (entry.commentCount === 1 ? " comment" : " comments"));
   }
+  var context = contextLabel(entry.context);
+  if (context) parts.push(context);
   meta.textContent = parts.filter(Boolean).join(" · ");
   row.appendChild(meta);
 
@@ -289,8 +319,8 @@ function historyVerb(revision) {
   return "Revised";
 }
 
-// The entry, full pane. People read here and may only comment: there is no
-// edit affordance because canonical authorship belongs to agent sessions.
+// The entry, full pane. People may comment and the project owner may delete;
+// there is no edit affordance because canonical authorship belongs to agents.
 export function renderDetail(detailEl, entry, handlers) {
   detailEl.innerHTML = "";
   if (!entry) return;
@@ -317,6 +347,14 @@ export function renderDetail(detailEl, entry, handlers) {
     flag.textContent = PRIORITY_LABELS[entry.priority] || entry.priority;
     chips.appendChild(flag);
   }
+  var context = contextLabel(entry.context);
+  if (context) {
+    var contextChip = document.createElement("span");
+    contextChip.className = "project-log-context-chip";
+    contextChip.dataset.status = entry.context.status || "active";
+    contextChip.textContent = context;
+    chips.appendChild(contextChip);
+  }
   setText(header, "h1", entry.title || "Untitled log");
   setText(header, ".project-log-doc-summary", entry.summary || "");
   var byline = [
@@ -325,6 +363,14 @@ export function renderDetail(detailEl, entry, handlers) {
     formatTime(entry.updatedAt || entry.createdAt),
   ].filter(Boolean).join(" · ");
   setText(header, ".project-log-byline", byline);
+  if (handlers && handlers.canDelete) {
+    var deleteButton = document.createElement("button");
+    deleteButton.type = "button";
+    deleteButton.className = "project-log-delete-button";
+    deleteButton.innerHTML = '<i data-lucide="trash-2"></i><span>Delete log</span>';
+    deleteButton.addEventListener("click", function () { handlers.onDelete(entry); });
+    header.appendChild(deleteButton);
+  }
   article.appendChild(header);
 
   var markdown = document.createElement("div");