clay-server 3.8.1 → 4.0.0-beta.1

package/lib/public/modules/app-message-cards.js

@@ -0,0 +1,242 @@
+// app-message-cards.js - Non-stream project message and notice rendering.
+
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { escapeHtml, copyToClipboard } from './utils.js';
+import { renderMarkdown, highlightCodeBlocks } from './markdown.js';
+import { iconHtml, refreshIcons } from './icons.js';
+import { userAvatarUrl } from './avatar.js';
+import { showImageModal, showPasteModal } from './app-misc.js';
+import { addToMessages, scrollToBottom, forceScrollToBottom, getMsgTime, shouldGroupMessage, getTurnCounter, setTurnCounter, VENDOR_AVATARS } from './chat-render-runtime.js';
+
+export function addUserMessage(text, images, pastes, fromUserId, fromUserName, delegatedMeta) {
+  if (!text && (!images || images.length === 0) && (!pastes || pastes.length === 0)) return;
+  var myUserId = store.get('myUserId');
+  var isDelegated = !!delegatedMeta;
+  var isOtherUser = isDelegated || (fromUserId && fromUserId !== myUserId);
+  var div = document.createElement("div");
+  div.className = "msg-user" + (isOtherUser ? " msg-user-other" : "");
+  if (isDelegated) div.classList.add("msg-user-delegated");
+  var turn = getTurnCounter() + 1;
+  setTurnCounter(turn);
+  div.dataset.turn = turn;
+  if (shouldGroupMessage("msg-user")) div.classList.add("grouped");
+  var bubble = document.createElement("div");
+  bubble.className = "bubble";
+  bubble.dir = "auto";
+
+  if (isDelegated) {
+    var cardHead = document.createElement("div");
+    cardHead.className = "delegated-card-head";
+    var cardAvi = document.createElement("img");
+    cardAvi.className = "delegated-card-avatar";
+    cardAvi.src = VENDOR_AVATARS[delegatedMeta.delegatedByVendor] || VENDOR_AVATARS.claude;
+    cardAvi.alt = "";
+    cardHead.appendChild(cardAvi);
+    var cardHeadText = document.createElement("div");
+    cardHeadText.className = "delegated-card-headtext";
+    var eyebrow = document.createElement("span");
+    eyebrow.className = "delegated-card-eyebrow";
+    eyebrow.textContent = "Delegated task";
+    cardHeadText.appendChild(eyebrow);
+    var cardFrom = document.createElement("span");
+    cardFrom.className = "delegated-card-from";
+    cardFrom.textContent = delegatedMeta.delegatedByTitle || "Driver";
+    cardHeadText.appendChild(cardFrom);
+    cardHead.appendChild(cardHeadText);
+    var cardTime = document.createElement("span");
+    cardTime.className = "delegated-card-time";
+    cardTime.textContent = getMsgTime();
+    cardHead.appendChild(cardTime);
+    bubble.appendChild(cardHead);
+  }
+
+  if (images && images.length > 0) {
+    var imgRow = document.createElement("div");
+    imgRow.className = "bubble-images";
+    for (var i = 0; i < images.length; i++) {
+      var img = document.createElement("img");
+      if (images[i].url) img.src = images[i].url;
+      else if (images[i].data) img.src = "data:" + images[i].mediaType + ";base64," + images[i].data;
+      img.loading = "lazy";
+      img.className = "bubble-img";
+      img.addEventListener("click", function () { 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);
+  }
+
+  if (pastes && pastes.length > 0) {
+    var pasteRow = document.createElement("div");
+    pasteRow.className = "bubble-pastes";
+    for (var p = 0; p < pastes.length; p++) {
+      (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 (event) {
+          event.stopPropagation();
+          showPasteModal(pasteText);
+        });
+        pasteRow.appendChild(chip);
+      })(pastes[p]);
+    }
+    bubble.appendChild(pasteRow);
+  }
+
+  if (text) {
+    if (isDelegated) {
+      var mdEl = document.createElement("div");
+      mdEl.className = "md-content delegated-brief";
+      mdEl.innerHTML = renderMarkdown(text);
+      highlightCodeBlocks(mdEl);
+      bubble.appendChild(mdEl);
+    } else {
+      var textEl = document.createElement("span");
+      textEl.textContent = text;
+      bubble.appendChild(textEl);
+    }
+  }
+
+  var cachedAllUsers = store.get('cachedAllUsers');
+  var targetUser;
+  var displayName;
+  if (isDelegated) {
+    targetUser = null;
+    displayName = "from " + (delegatedMeta.delegatedByTitle || "Driver");
+  } else if (isOtherUser) {
+    targetUser = cachedAllUsers.find(function (user) { return user.id === fromUserId; });
+    displayName = fromUserName || (targetUser && (targetUser.displayName || targetUser.username)) || "User";
+  } else {
+    targetUser = cachedAllUsers.find(function (user) { return user.id === myUserId; });
+    displayName = document.body.dataset.myDisplayName || "";
+    if (!displayName) displayName = (targetUser && (targetUser.displayName || targetUser.username)) || "Me";
+  }
+
+  var avatar = document.createElement("img");
+  avatar.className = "dm-bubble-avatar" + (isOtherUser ? " dm-bubble-avatar-other" : " dm-bubble-avatar-me");
+  avatar.src = isDelegated
+    ? (VENDOR_AVATARS[delegatedMeta.delegatedByVendor] || VENDOR_AVATARS.claude)
+    : isOtherUser
+    ? userAvatarUrl(targetUser || { id: fromUserId }, 36)
+    : (document.body.dataset.myAvatarUrl || userAvatarUrl(targetUser || { id: myUserId }, 36));
+  div.appendChild(avatar);
+
+  var contentWrap = document.createElement("div");
+  contentWrap.className = "dm-bubble-content";
+  var header = document.createElement("div");
+  header.className = "dm-bubble-header";
+  var nameSpan = document.createElement("span");
+  nameSpan.className = "dm-bubble-name";
+  nameSpan.textContent = displayName;
+  header.appendChild(nameSpan);
+  var timeSpan = document.createElement("span");
+  timeSpan.className = "dm-bubble-time";
+  timeSpan.textContent = getMsgTime();
+  header.appendChild(timeSpan);
+  contentWrap.appendChild(header);
+  contentWrap.appendChild(bubble);
+  div.appendChild(contentWrap);
+
+  var actions = document.createElement("div");
+  actions.className = "msg-actions";
+  actions.innerHTML =
+    '<span class="msg-action-time">' + getMsgTime() + '</span>' +
+    '<button class="msg-action-btn msg-action-copy" type="button" title="Copy">' + iconHtml("copy") + '</button>' +
+    '<button class="msg-action-btn msg-action-fork" type="button" title="Fork">' + iconHtml("git-branch") + '</button>' +
+    (((store.get('vendorCapabilities') || {}).rewind !== false) ? '<button class="msg-action-btn msg-action-rewind msg-user-rewind-btn" type="button" title="Rewind">' + iconHtml("rotate-ccw") + '</button>' : '') +
+    '<button class="msg-action-btn msg-action-hidden msg-action-edit" type="button" title="Edit">' + iconHtml("pencil") + '</button>';
+  div.appendChild(actions);
+  actions.querySelector(".msg-action-copy").addEventListener("click", function () {
+    var self = this;
+    copyToClipboard(text || "");
+    self.innerHTML = iconHtml("check");
+    refreshIcons();
+    setTimeout(function () { self.innerHTML = iconHtml("copy"); refreshIcons(); }, 1200);
+  });
+
+  addToMessages(div);
+  refreshIcons();
+  forceScrollToBottom();
+}
+
+export function addSystemMessage(text, isError) {
+  var div = document.createElement("div");
+  div.className = "sys-msg" + (isError ? " error" : "");
+  div.innerHTML = '<span class="sys-text"></span>';
+  div.querySelector(".sys-text").textContent = text;
+  addToMessages(div);
+  scrollToBottom();
+}
+
+export function addConflictMessage(msg) {
+  var div = document.createElement("div");
+  div.className = "conflict-msg";
+  var header = document.createElement("div");
+  header.className = "conflict-header";
+  header.textContent = msg.text || "Another Claude Code process is already running.";
+  div.appendChild(header);
+  var hint = document.createElement("div");
+  hint.className = "conflict-hint";
+  hint.textContent = "Kill the conflicting process to continue, or use the existing Claude Code session.";
+  div.appendChild(hint);
+
+  for (var i = 0; i < msg.processes.length; i++) {
+    var process = msg.processes[i];
+    var row = document.createElement("div");
+    row.className = "conflict-process";
+    var info = document.createElement("span");
+    info.className = "conflict-pid";
+    info.textContent = "PID " + process.pid;
+    row.appendChild(info);
+    var command = document.createElement("code");
+    command.className = "conflict-cmd";
+    command.textContent = process.command.length > 80 ? process.command.substring(0, 80) + "..." : process.command;
+    command.title = process.command;
+    row.appendChild(command);
+    var killBtn = document.createElement("button");
+    killBtn.className = "conflict-kill-btn";
+    killBtn.textContent = "Kill Process";
+    killBtn.setAttribute("data-pid", process.pid);
+    killBtn.addEventListener("click", function () {
+      var pid = parseInt(this.getAttribute("data-pid"), 10);
+      getWs().send(JSON.stringify({ type: "kill_process", pid: pid }));
+      this.disabled = true;
+      this.textContent = "Killing...";
+    });
+    row.appendChild(killBtn);
+    div.appendChild(row);
+  }
+  addToMessages(div);
+  scrollToBottom();
+}
+
+export function addContextOverflowMessage(msg) {
+  var div = document.createElement("div");
+  div.className = "context-overflow-msg";
+  var header = document.createElement("div");
+  header.className = "context-overflow-header";
+  header.textContent = msg.text || "Conversation too long to continue.";
+  div.appendChild(header);
+  var hint = document.createElement("div");
+  hint.className = "context-overflow-hint";
+  hint.textContent = "The conversation has exceeded the model's context limit. Please start a new conversation to continue.";
+  div.appendChild(hint);
+  var button = document.createElement("button");
+  button.className = "context-overflow-btn";
+  button.textContent = "New Conversation";
+  button.addEventListener("click", function () {
+    getWs().send(JSON.stringify({ type: "new_session" }));
+  });
+  div.appendChild(button);
+  addToMessages(div);
+  scrollToBottom();
+}

package/lib/public/modules/app-message-router.js

@@ -0,0 +1,84 @@
+// Narrow pre-router for Home and Capsule protocol responses kept out of the legacy router.
+
+import { processMessage as processAppMessage } from './app-messages.js';
+import { handleHomeMateModelsState, handleHomeMateModelResult } from './home-mate-settings.js';
+import { handleHomeMateSessionIdentity, handleHomeDebateTranscript, handleHomeWorkspaceAssignment } from './home-mate-chat.js';
+import { handleToolLlmConfigState } from './tool-llm-status.js';
+import { handleToolSourceState, handleToolMateAccessState } from './home-tools.js';
+import { handleHomeDebatesState } from './home-debates-archive.js';
+import { renderProjectWorkspaceAssignment, showProjectWorkspaceAssignmentError } from './project-workspace-assignment.js';
+import { isHomeWorkspaceAssignmentMessage } from './workspace-assignment-routing.js';
+import { handleSearchClayMessage } from './search-clay-chat.js';
+import { handleClaySessionTarget } from './command-palette.js';
+
+export function handleHomeProtocolMessage(msg) {
+  if (handleClaySessionTarget(msg)) return true;
+  if (isHomeWorkspaceAssignmentMessage(msg)) {
+    handleHomeWorkspaceAssignment(msg);
+    return true;
+  }
+  if (msg.type === "project_assignment_proposal" || msg.type === "project_assignment_status") {
+    renderProjectWorkspaceAssignment(msg);
+    return true;
+  }
+  if (msg.type === "project_assignment_error") {
+    showProjectWorkspaceAssignmentError(msg);
+    return true;
+  }
+  if (msg.type === "home_debates_state") {
+    handleHomeDebatesState(msg);
+    return true;
+  }
+  if (msg.type === "home_mate_models_state") {
+    handleHomeMateModelsState(msg);
+    return true;
+  }
+  if (msg.type === "home_mate_model_result") {
+    handleHomeMateModelResult(msg);
+    return true;
+  }
+  if (msg.type === "home_mate_session_identity") {
+    handleHomeMateSessionIdentity(msg);
+    return true;
+  }
+  if (msg.type === "home_debate_proposal") {
+    handleHomeDebateTranscript(msg);
+    return true;
+  }
+  if (msg.type === "home_debate_proposal_resolved") {
+    handleHomeDebateTranscript(msg);
+    return true;
+  }
+  if (msg.type === "home_debate_question" || msg.type === "home_debate_question_resolved" || msg.type === "home_debate_event") {
+    handleHomeDebateTranscript(msg);
+    return true;
+  }
+  if (msg.type === "home_mate_creation_question" || msg.type === "home_mate_creation_question_resolved" || msg.type === "home_mate_creation_proposal" || msg.type === "home_mate_creation_proposal_resolved") {
+    handleHomeDebateTranscript(msg);
+    return true;
+  }
+  if (msg.type === "home_mate_error" && /^question_/.test(msg.code || "")) {
+    handleHomeDebateTranscript(msg);
+    return true;
+  }
+  if (msg.type === "tool_llm_config_state") {
+    handleToolLlmConfigState(msg);
+    return true;
+  }
+  if (msg.type === "tool_source_state") {
+    handleToolSourceState(msg);
+    return true;
+  }
+  if (msg.type === "tool_mate_access_state") {
+    handleToolMateAccessState(msg);
+    return true;
+  }
+  return false;
+}
+
+export function processMessage(msg) {
+  var searchHandled = handleSearchClayMessage(msg);
+  if (searchHandled && msg.type === "home_clay_activity") return;
+  if (handleHomeProtocolMessage(msg)) return;
+  processAppMessage(msg);
+}

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

@@ -11,10 +11,13 @@ import { refreshIcons, iconHtml } from './icons.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks } from './markdown.js';
 import { updatePageTitle } from './sidebar.js';
 import { renderSessionList, updateSessionPresence, handleSearchResults, updateSessionBadge } from './sidebar-sessions.js';
-import { updateDmBadge, renderSidebarPresence, setMentionActive, renderUserStrip } from './sidebar-mates.js';
+import { updateDmBadge, setMentionActive, renderUserStrip } from './sidebar-mates.js';
+import { renderSidebarPresence } from './sidebar-presence.js';
 import { refreshMobileChatSheet } from './sidebar-mobile.js';
 import { renderMateSessionList, handleMateSearchResults, updateMateSidebarProfile } from './mate-sidebar.js';
-import { handleHomeClayHistory, handleHomeClayDelta, handleHomeClayDone, handleHomeClayError } from './home-chat.js';
+import { openHomeChat, handleHomeMateHistory, handleHomeMateDelta, handleHomeMateDone, handleHomeMateError, handleHomeMateSessionsState } from './home-mate-chat.js';
+import { handleHomeSurfaceState } from './home-surface.js';
+import { handleHomeMateMemoryState, handleHomeMateKnowledgeState } from './home-mate-settings.js';
 import { renderKnowledgeList, handleKnowledgeContent } from './mate-knowledge.js';
 import { renderMemoryList } from './mate-memory.js';
 import { handlePaletteSessionSwitch, setPaletteVersion } from './command-palette.js';
@@ -60,8 +63,10 @@ import { getModelInfoUpdate, modelEntryValue, modelEntryMatches, handleModelSele
 import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateContext, updateContextPanel, renderCtxPopover, updateStatusPanel } from './app-panels.js';
 import { updateProjectList, resetClientState, showUpdateAvailable, handleRemoveProjectCheckResult, handleRemoveProjectResult, handleBrowseDirResult, handleAddProjectResult, handleCloneProgress } from './app-projects.js';
 import { updateHistorySentinel, prependOlderHistory } from './app-header.js';
-import { hideHomeHub, handleHubSchedules } from './app-home-hub.js';
-import { openDm, enterDmMode, exitDmMode, handleMateCreatedInApp, updateMateIconStatus, appendDmMessage, showDmTypingIndicator, buildMateInterviewPrompt } from './app-dm.js';
+import { hideHomeHub, showHomeHub } from './app-home-hub.js';
+import { handleToolsState, handleToolInstalled, handleToolRemoved, handleToolStorageResult, handleToolLlmResult, handleToolsError, handleToolControlRequest } from './home-tools.js';
+import { handleHomeDockState } from './home-dock.js';
+import { enterDmMode, exitDmMode, handleMateCreatedInApp, updateMateIconStatus, appendDmMessage, showDmTypingIndicator, buildMateInterviewPrompt } from './app-dm.js';
 import { handleRateLimitEvent, updateRateLimitUsage, addScheduledMessageBubble, removeScheduledMessageBubble, handleFastModeState } from './app-rate-limit.js';
 import { handleRemoteCursorMove, handleRemoteCursorLeave, handleRemoteSelection, clearRemoteCursors } from './app-cursors.js';
 import { showLoopBanner, updateLoopBanner, updateLoopInputVisibility, showRalphApprovalBar, updateRalphApprovalStatus, openRalphPreviewModal, showExecModal, updateExecModalStatus } from './app-loop-ui.js';
@@ -259,15 +264,12 @@ export function processMessage(msg) {
 
       case "restore_mate_dm":
         if (msg.mateId && !store.get('returningFromMateDm')) {
-          // Server-driven mate DM restore on reconnect
-          // Note: do NOT remove mate-dm-active here; openDm is async (skill check)
-          // and removing the class causes a flash where mate UI is lost.
-          // enterDmMode will properly set/reset the class when DM is entered.
           if (store.get('dmMode')) {
             store.set({ dmMode: false });
           }
           messagesEl.innerHTML = "";
-          openDm(msg.mateId);
+          showHomeHub();
+          openHomeChat(msg.mateId);
         }
         // Clear the flag and notify server that mate DM is closed
         if (store.get('returningFromMateDm')) {
@@ -376,20 +378,32 @@ export function processMessage(msg) {
         connectOverlay.classList.remove("hidden");
         break;
 
-      case "home_clay_history":
-        handleHomeClayHistory(msg);
+      case "home_mate_history":
+        handleHomeMateHistory(msg);
         break;
 
-      case "home_clay_delta":
-        handleHomeClayDelta(msg);
+      case "home_mate_sessions_state":
+        handleHomeMateSessionsState(msg);
         break;
 
-      case "home_clay_done":
-        handleHomeClayDone();
+      case "home_mate_delta":
+        handleHomeMateDelta(msg);
         break;
 
-      case "home_clay_error":
-        handleHomeClayError(msg);
+      case "home_mate_done":
+        handleHomeMateDone(msg);
+        break;
+
+      case "home_mate_error":
+        handleHomeMateError(msg);
+        break;
+
+      case "home_mate_memory_state":
+        handleHomeMateMemoryState(msg);
+        break;
+
+      case "home_mate_knowledge_state":
+        handleHomeMateKnowledgeState(msg);
         break;
 
       case "slash_commands":
@@ -568,8 +582,40 @@ export function processMessage(msg) {
         handleRemoveProjectCheckResult(msg);
         break;
 
-      case "hub_schedules":
-        handleHubSchedules(msg);
+      case "tools_state":
+        handleToolsState(msg);
+        break;
+
+      case "home_dock_state":
+        handleHomeDockState(msg);
+        break;
+
+      case "home_surface_state":
+        handleHomeSurfaceState(msg);
+        break;
+
+      case "tool_installed":
+        handleToolInstalled(msg);
+        break;
+
+      case "tool_removed":
+        handleToolRemoved(msg);
+        break;
+
+      case "tool_storage_result":
+        handleToolStorageResult(msg);
+        break;
+
+      case "tool_llm_result":
+        handleToolLlmResult(msg);
+        break;
+
+      case "tools_error":
+        handleToolsError(msg);
+        break;
+
+      case "tool_control_request":
+        handleToolControlRequest(msg);
         break;
 
       case "input_sync":
@@ -811,7 +857,7 @@ export function processMessage(msg) {
         } else {
           addUserMessage(msg.text, msg.images || null, msg.pastes || null, msg.from, msg.fromName, msg.delegated ? msg : null);
         }
-        // Worker pane: a delegated instruction starts (or replays into) a
+        // Split Worker pane: a delegated instruction starts (or replays into) a
         // driven turn; surface the composer notice. Cleared on "done".
         if (msg.delegated) showWorkerDelegationNotice(msg.delegatedByTitle || null);
         break;
@@ -1810,6 +1856,18 @@ export function processMessage(msg) {
         handleDebateTurnDone(msg);
         break;
 
+      case "debate_tool_decision":
+        addSystemMessage((msg.action || "Use " + (msg.toolName || "tool")) + " · " + (msg.decision === "allowed" ? "Allowed" : "Blocked") + (msg.reason ? " — " + msg.reason : "") + (msg.command ? "\n$ " + msg.command : ""), msg.decision !== "allowed");
+        break;
+
+      case "debate_stop_requested":
+        addSystemMessage("Debate will stop after the current speaker finishes.", false);
+        break;
+
+      case "debate_stop_cancelled":
+        addSystemMessage("Debate stop cancelled.", false);
+        break;
+
       case "debate_hand_raised":
         // Visual feedback: hand is raised, waiting for floor
         break;

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

@@ -6,7 +6,8 @@ import { refreshIcons, iconHtml } from './icons.js';
 import { escapeHtml } from './utils.js';
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
-import { openDm } from './app-dm.js';
+import { showHomeHub } from './app-home-hub.js';
+import { openHomeChat } from './home-mate-chat.js';
 import { getCachedProjects, switchProject, renderProjectList } from './app-projects.js';
 import { mateAvatarUrl, userAvatarUrl } from './avatar.js';
 import { openTerminal } from './terminal.js';
@@ -726,7 +727,8 @@ function navigateToNotification(notif) {
     if (notif.sessionId) {
       try { sessionStorage.setItem("pending-notif-session", notif.sessionId); } catch (e) {}
     }
-    openDm(mateId);
+    showHomeHub();
+    openHomeChat(mateId);
     return;
   }
 

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

@@ -413,6 +413,7 @@ export function resetClientState() {
 
 export function switchProject(slug) {
   if (!slug) return;
+  document.cookie = "clay_last_project=" + encodeURIComponent(slug) + "; Path=/; SameSite=Strict; Max-Age=31536000";
   var st = store.snap();
   var wasDm = st.dmMode;
   var wasMate = st.dmMode && st.dmTargetUser && st.dmTargetUser.isMate;
@@ -420,7 +421,14 @@ export function switchProject(slug) {
   closeWhatsNewArticle();
   if (isHomeHubVisible()) {
     hideHomeHub();
-    if (slug === store.get('currentSlug')) return;
+    if (slug === store.get('currentSlug')) {
+      if (document.documentElement.classList.contains("pwa-standalone")) {
+        history.replaceState(null, "", "/p/" + slug + "/");
+      } else {
+        history.pushState(null, "", "/p/" + slug + "/");
+      }
+      return;
+    }
   }
   if (slug === store.get('currentSlug')) {
     var ws = getWs();