clay-server 3.0.0 → 3.1.0-beta.2

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

@@ -20,7 +20,7 @@ import { renderMemoryList } from './mate-memory.js';
 import { handlePaletteSessionSwitch, setPaletteVersion } from './command-palette.js';
 import { handleFindInSessionResults } from './session-search.js';
 import { syncPaneTitles, maybeRestoreSplitGroup, openGroup } from './split-view.js';
-import { showPairDialog, handlePairCreated, handleSplitDelegation } from './split-pair-ui.js';
+import { showPairDialog, handlePairCreated, handleSplitDelegation, showWorkerDelegationNotice, hideWorkerDelegationNotice } from './split-pair-ui.js';
 import { handleInputSync, autoResize, builtinCommands, setScheduleBtnDisabled } from './input.js';
 import { startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, closeToolGroup, removeToolFromGroup, resetToolState, getTools, getPlanContent, setPlanContent, renderPlanBanner, renderPlanCard, getTodoTools, handleTodoWrite, handleTaskCreate, handleTaskUpdate, applyDeadSessionTodoCompaction, isPlanFilePath, enableMainInput, addTurnMeta, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, initSubagentStop, updateSubagentProgress, updateSubagentTaskStatus, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionCancelled, markPermissionResolved, renderElicitationRequest, markElicitationResolved, renderUserDialogRequest, markUserDialogResolved, updateThinkingTokens } from './tools.js';
 import { showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './notifications.js';
@@ -33,7 +33,7 @@ import { handleTuiTranscriptState } from './tui-grab.js';
 import { tuiModalHandleTermOutput, tuiModalHandleTermResized, tuiModalHandleTermExited, tuiModalHandleTermClosed, openTuiModal } from './tui-attention.js';
 import { updateTerminalList, handleContextSourcesState, updateEmailAccountList, updateEmailUnreadCounts, handleEmailTestResult, handleEmailAddResult, handleEmailRemoveResult, handleEmailDefaults } from './context-sources.js';
 import { refreshEmailSettings } from './user-settings.js';
-import { handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted } from './sticky-notes.js';
+import { handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, handleNoteWritten } from './sticky-notes.js';
 import { handleSkillInstalled, handleSkillUninstalled } from './skills.js';
 import { showRewindModal, onRewindComplete, setRewindMode, onRewindError, clearPendingRewindUuid, addRewindButton } from './rewind.js';
 import { checkAdminAccess } from './admin.js';
@@ -50,7 +50,7 @@ import { handleWhatsNewState, handleWhatsNewSeenResult, setKnownEntries as setWh
 import { closeArticle as closeWhatsNewArticle } from './whats-new-article.js';
 import { resolvePaneSession, resolveSwitchedVendor } from './pane-session.js';
 import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateContext, updateContextPanel, renderCtxPopover, updateStatusPanel } from './app-panels.js';
-import { updateProjectList, updateTitleBarProjectIdentity, resetClientState, showUpdateAvailable, handleRemoveProjectCheckResult, handleRemoveProjectResult, handleBrowseDirResult, handleAddProjectResult, handleCloneProgress } from './app-projects.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';
@@ -85,7 +85,8 @@ export function processMessage(msg) {
         // Override title bar with mate name and re-apply color
         var _mdn = (store.get('dmTargetUser').displayName || "New Mate");
         if (headerTitleEl) headerTitleEl.textContent = _mdn;
-        updateTitleBarProjectIdentity(_mdn, null);
+        var _tbpn = document.getElementById("title-bar-project-name");
+        if (_tbpn) _tbpn.textContent = _mdn;
         var _mc2 = (store.get('dmTargetUser').profile && store.get('dmTargetUser').profile.avatarColor) || store.get('dmTargetUser').avatarColor || "#7c3aed";
         var _tbc2 = document.querySelector(".title-bar-content");
         if (_tbc2) { _tbc2.style.background = _mc2; _tbc2.classList.add("mate-dm-active"); }
@@ -298,7 +299,8 @@ export function processMessage(msg) {
         if (store.get('dmMode') && store.get('dmTargetUser') && store.get('dmTargetUser').isMate) {
           var _mateDN = store.get('dmTargetUser').displayName || "New Mate";
           headerTitleEl.textContent = _mateDN;
-          updateTitleBarProjectIdentity(_mateDN, null);
+          var tbProjectName = document.getElementById("title-bar-project-name");
+          if (tbProjectName) tbProjectName.textContent = _mateDN;
           // Re-apply mate title bar styling (may be lost during project switch)
           var _mc = (store.get('dmTargetUser').profile && store.get('dmTargetUser').profile.avatarColor) || store.get('dmTargetUser').avatarColor || "#7c3aed";
           var _tbc = document.querySelector(".title-bar-content");
@@ -306,7 +308,8 @@ export function processMessage(msg) {
           document.body.classList.add("mate-dm-active");
         } else {
           headerTitleEl.textContent = store.get('projectName');
-          updateTitleBarProjectIdentity(msg.title || store.get('projectName'), null);
+          var tbProjectName = document.getElementById("title-bar-project-name");
+          if (tbProjectName) tbProjectName.textContent = msg.title || store.get('projectName');
         }
         updatePageTitle();
         if (msg.version) {
@@ -788,6 +791,9 @@ 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
+        // driven turn; surface the composer notice. Cleared on "done".
+        if (msg.delegated) showWorkerDelegationNotice(msg.delegatedByTitle || null);
         break;
 
       case "plan_content":
@@ -1108,6 +1114,7 @@ export function processMessage(msg) {
         removeMatePreThinking();
         setActivity(null);
         stopThinking();
+        hideWorkerDelegationNotice();
         markAllToolsDone();
         closeToolGroup();
         finalizeAssistantBlock();
@@ -1441,6 +1448,11 @@ export function processMessage(msg) {
         handleNoteUpdated(msg);
         break;
 
+      case "note_written":
+        showToast((msg.byTitle || "Agent") + ' left a note: "' + (msg.preview || "") + '"');
+        handleNoteWritten(msg);
+        break;
+
       case "note_deleted":
         handleNoteDeleted(msg);
         break;

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

@@ -32,7 +32,6 @@ import { resetRateLimitState } from './app-rate-limit.js';
 import { closeSessionInfoPopover } from './app-header.js';
 import { resetDebateState } from './debate.js';
 import { removeDebateBottomBar } from './app-debate-ui.js';
-import { familyOf as deriveFamily, displayProject } from './worktree-family.js';
 
 // --- Module-owned state ---
 var cachedProjects = [];
@@ -202,32 +201,6 @@ export function setCachedProjectCount(v) { cachedProjectCount = v; }
 export function getCachedRemovedProjects() { return cachedRemovedProjects; }
 export function setCachedRemovedProjects(v) { cachedRemovedProjects = v; }
 
-export function familyOf(slug) { return deriveFamily(cachedProjects, slug); }
-export function currentFamily() { return familyOf(store.get('currentSlug')); }
-
-export function updateTitleBarProjectIdentity(fallbackName, fallbackIcon) {
-  if (store.get('dmMode') || store.get('mateProjectSlug')) {
-    var dmNameEl = document.getElementById("title-bar-project-name");
-    if (dmNameEl && fallbackName) dmNameEl.textContent = fallbackName;
-    return;
-  }
-  var identity = displayProject(cachedProjects, store.get('currentSlug'));
-  var name = identity ? (identity.title || identity.project || identity.slug) : fallbackName;
-  var icon = identity ? (identity.icon || null) : (fallbackIcon || null);
-  var nameEl = document.getElementById("title-bar-project-name");
-  if (nameEl && name) nameEl.textContent = name;
-  var iconEl = document.getElementById("title-bar-project-icon");
-  if (!iconEl) return;
-  if (icon) {
-    iconEl.textContent = icon;
-    parseEmojis(iconEl);
-    iconEl.classList.add("has-icon");
-  } else {
-    iconEl.textContent = "";
-    iconEl.classList.remove("has-icon");
-  }
-}
-
 // --- Functions ---
 
 export function updateProjectList(msg) {
@@ -242,7 +215,6 @@ export function updateProjectList(msg) {
       _lastProjectsJson = projectsJson;
     }
     cachedProjects = msg.projects;
-    store.set({ projects: cachedProjects });
   }
   if (msg.removedProjects) cachedRemovedProjects = msg.removedProjects;
   else if (msg.removedProjects === undefined) { /* keep cached */ }
@@ -354,12 +326,31 @@ export function renderProjectList() {
   });
   var st = store.snap();
   var iconStripActiveSlug = (st.mateProjectSlug && st.savedMainSlug) ? st.savedMainSlug : st.currentSlug;
-  var activeFamily = deriveFamily(cachedProjects, iconStripActiveSlug);
-  if (activeFamily.parent) iconStripActiveSlug = activeFamily.parent.slug;
   renderIconStrip(iconStripProjects, iconStripActiveSlug);
   // Update title bar project name and icon if it changed
   if (!st.mateProjectSlug) {
-    updateTitleBarProjectIdentity(store.get('projectName'), null);
+    for (var pi = 0; pi < cachedProjects.length; pi++) {
+      if (cachedProjects[pi].slug === st.currentSlug) {
+        var updatedName = cachedProjects[pi].title || cachedProjects[pi].project;
+        var tbName = document.getElementById("title-bar-project-name");
+        if (tbName && updatedName) tbName.textContent = updatedName;
+        var tbIcon = document.getElementById("title-bar-project-icon");
+        if (tbIcon) {
+          var pIcon = cachedProjects[pi].icon || null;
+          if (pIcon) {
+            tbIcon.textContent = pIcon;
+            parseEmojis(tbIcon);
+            tbIcon.classList.add("has-icon");
+            try { localStorage.setItem("clay-project-icon-" + (st.currentSlug || "default"), pIcon); } catch (e) {}
+          } else {
+            tbIcon.textContent = "";
+            tbIcon.classList.remove("has-icon");
+            try { localStorage.removeItem("clay-project-icon-" + (st.currentSlug || "default")); } catch (e) {}
+          }
+        }
+        break;
+      }
+    }
   }
   // Re-apply current socket status to the active icon's dot
   var dot = getStatusDot();
@@ -566,13 +557,9 @@ function showRemoveProjectTaskDialog(slug, name, taskCount) {
 export function handleRemoveProjectResult(msg) {
   if (msg.ok) {
     var currentSlug = store.get('currentSlug');
-    var removedProj = null;
-    for (var ri = 0; ri < cachedProjects.length; ri++) {
-      if (cachedProjects[ri].slug === msg.slug) { removedProj = cachedProjects[ri]; break; }
-    }
-    var isWorktree = removedProj ? !!removedProj.isWorktree : msg.slug.indexOf("--") !== -1;
     if (msg.slug === currentSlug) {
-      var parentSlug = isWorktree ? ((removedProj && removedProj.parentSlug) || msg.slug.split("--")[0]) : null;
+      var isWorktree = msg.slug.indexOf("--") !== -1;
+      var parentSlug = isWorktree ? msg.slug.split("--")[0] : null;
 
       showToast(isWorktree ? "Worktree removed" : "Project removed", "success");
 
@@ -583,6 +570,10 @@ export function handleRemoveProjectResult(msg) {
       store.set({ connected: false });
       document.getElementById("connect-overlay").classList.add("hidden");
       if (!isWorktree) {
+        var removedProj = null;
+        for (var ri = 0; ri < cachedProjects.length; ri++) {
+          if (cachedProjects[ri].slug === msg.slug) { removedProj = cachedProjects[ri]; break; }
+        }
         if (removedProj) {
           cachedRemovedProjects.push({
             path: removedProj.path || "",
@@ -594,7 +585,7 @@ export function handleRemoveProjectResult(msg) {
       }
       cachedProjects = cachedProjects.filter(function (p) { return p.slug !== msg.slug; });
       cachedProjectCount = cachedProjects.length;
-      store.set({ currentSlug: null, projects: cachedProjects });
+      store.set({ currentSlug: null });
       renderProjectList();
       resetClientState();
 
@@ -604,11 +595,7 @@ export function handleRemoveProjectResult(msg) {
         showHomeHub();
       }
     } else {
-      showToast(isWorktree ? "Worktree removed" : "Project removed", "success");
-      cachedProjects = cachedProjects.filter(function (p) { return p.slug !== msg.slug; });
-      cachedProjectCount = cachedProjects.length;
-      store.set({ projects: cachedProjects });
-      renderProjectList();
+      showToast(msg.slug.indexOf("--") !== -1 ? "Worktree removed" : "Project removed", "success");
     }
   } else {
     showToast(msg.error || "Failed to remove project", "error");

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

@@ -430,6 +430,35 @@ export function addUserMessage(text, images, pastes, fromUserId, fromUserName, d
   bubble.className = "bubble";
   bubble.dir = "auto";
 
+  // Delegated work orders render as a self-contained card: identity lives
+  // in an in-card header strip (the generic bubble avatar/header are hidden
+  // via CSS) and the body is clean markdown on a neutral background.
+  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";
@@ -475,9 +504,19 @@ export function addUserMessage(text, images, pastes, fromUserId, fromUserName, d
   }
 
   if (text) {
-    var textEl = document.createElement("span");
-    textEl.textContent = text;
-    bubble.appendChild(textEl);
+    if (isDelegated) {
+      // Delegated instructions are agent-authored work orders: render them
+      // as markdown (headings, lists, code) instead of a plain text blob.
+      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);
+    }
   }
 
 

package/lib/public/modules/dom-refs.js

@@ -16,5 +16,6 @@ export function getSessionListEl() { return ref("session-list"); }
 
 export function getStatusDot() {
   return document.querySelector("#icon-strip-projects .icon-strip-item.active .icon-strip-status") ||
+         document.querySelector("#icon-strip-projects .icon-strip-wt-item.active .icon-strip-status") ||
          document.querySelector("#icon-strip-users .icon-strip-mate.active .icon-strip-status");
 }

package/lib/public/modules/input.js

@@ -6,6 +6,7 @@ import { store } from './store.js';
 import { mateAvatarUrl } from './avatar.js';
 import { tuiIsActive, tuiSubmitText } from './session-tui-view.js';
 import { VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
+import { showToast } from './utils.js';
 
 var ctx;
 
@@ -284,6 +285,18 @@ export function sendMessage() {
   if (_selVendor) payload.vendor = _selVendor;
   ctx.ws.send(JSON.stringify(payload));
 
+  // A turn blocked on an unanswered tool-permission request looks like a
+  // black hole: the new message queues silently while the dots keep
+  // bouncing, so users re-send the same text (and both copies land once
+  // the permission is answered). Point them at the pending card instead.
+  var pendingPerm = document.querySelector("#messages .permission-container:not(.resolved)");
+  if (pendingPerm) {
+    pendingPerm.scrollIntoView({ behavior: "smooth", block: "center" });
+    pendingPerm.classList.add("permission-attention");
+    setTimeout(function () { pendingPerm.classList.remove("permission-attention"); }, 2600);
+    showToast("A tool permission request is still waiting — your message is queued until you answer it.", "error");
+  }
+
   // First message commits the vendor and bumps the session into
   // has-history state. The server won't re-fire session_switched after a
   // message, so mirror the vendor-toggle/active-indicator swap locally:

package/lib/public/modules/project-switcher.js

@@ -19,7 +19,6 @@ import { getCachedProjects, switchProject } from './app-projects.js';
 import { openDm } from './app-dm.js';
 import { mateAvatarUrl } from './avatar.js';
 import { parseEmojis } from './markdown.js';
-import { switcherProjectName } from './worktree-family.js';
 
 var _projectMru = [];   // project slugs, most recent first
 var _mateMru = [];      // mate ids (mate_XXX), most recent first
@@ -264,7 +263,7 @@ function buildProjectEntries() {
     var unreachable = p.isWorktree && p.worktreeAccessible === false;
     return {
       key: p.slug,
-      title: switcherProjectName(projects, p),
+      title: p.title || p.project || p.slug,
       icon: p.icon || null,
       fallbackIcon: 'folder',
       isCurrent: p.slug === store.get('currentSlug'),

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

@@ -38,7 +38,6 @@ import { showHomeHub } from './app-home-hub.js';
 import { openTerminal } from './terminal.js';
 import { requestKnowledgeList } from './mate-knowledge.js';
 import { loadRootDirectory } from './filebrowser.js';
-import { aggregateFamily, familyOf, parentProjects } from './worktree-family.js';
 
 // --- Mobile state ---
 var mobileChatSheetOpen = false;
@@ -148,22 +147,10 @@ function closeMobileSheet() {
 }
 
 function renderSheetProjects(listEl) {
-  var projects = getCachedProjectList();
-  var parents = parentProjects(projects);
-  var activeFamily = familyOf(projects, getCachedCurrentSlug());
-  var activeSlug = activeFamily.parent ? activeFamily.parent.slug : getCachedCurrentSlug();
-
-  for (var i = 0; i < parents.length; i++) {
+  for (var i = 0; i < getCachedProjectList().length; i++) {
     (function (p) {
-      var family = familyOf(projects, p.slug);
-      var displayProject = aggregateFamily(p, family.worktrees);
-      var hasWorktreeUnread = family.worktrees.some(function (worktree) { return worktree.unread > 0; });
-      var hasWorktreePending = family.worktrees.some(function (worktree) { return worktree.pendingPermissions > 0; });
       var el = document.createElement("button");
-      el.className = "mobile-project-item" + (p.slug === activeSlug ? " active" : "");
-      if ((displayProject.pendingPermissions > 0 && p.slug !== activeSlug) || hasWorktreePending) {
-        el.classList.add("has-pending-perm");
-      }
+      el.className = "mobile-project-item" + (p.slug === getCachedCurrentSlug() ? " active" : "");
 
       var abbrev = document.createElement("span");
       abbrev.className = "mobile-project-abbrev";
@@ -180,16 +167,16 @@ function renderSheetProjects(listEl) {
       name.textContent = p.name;
       el.appendChild(name);
 
-      if (displayProject.isProcessing) {
+      if (p.isProcessing) {
         var dot = document.createElement("span");
         dot.className = "mobile-project-processing";
         el.appendChild(dot);
       }
 
-      if (displayProject.unread > 0 && (p.slug !== activeSlug || hasWorktreeUnread)) {
+      if (p.unread > 0 && p.slug !== getCachedCurrentSlug()) {
         var mBadge = document.createElement("span");
         mBadge.className = "mobile-project-unread";
-        mBadge.textContent = displayProject.unread > 99 ? "99+" : String(displayProject.unread);
+        mBadge.textContent = p.unread > 99 ? "99+" : String(p.unread);
         el.appendChild(mBadge);
       }
 
@@ -199,7 +186,7 @@ function renderSheetProjects(listEl) {
       });
 
       listEl.appendChild(el);
-    })(parents[i]);
+    })(getCachedProjectList()[i]);
   }
 }