clay-server 2.20.0-beta.1 → 2.20.0-beta.2

package/lib/public/app.js

@@ -8,7 +8,7 @@ import { initMateKnowledge, requestKnowledgeList, renderKnowledgeList, handleKno
 import { initMateMemory, renderMemoryList, hideMemory } from './modules/mate-memory.js';
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton } from './modules/rewind.js';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
-import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage, hasSendableContent } from './modules/input.js';
+import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage, hasSendableContent, setScheduleBtnDisabled } from './modules/input.js';
 import { initQrCode, triggerShare } from './modules/qrcode.js';
 import { initFileBrowser, loadRootDirectory, refreshTree, handleFsList, handleFsRead, handleDirChanged, refreshIfOpen, handleFileChanged, handleFileHistory, handleGitDiff, handleFileAt, getPendingNavigate, closeFileViewer, resetFileBrowser } from './modules/filebrowser.js';
 import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermList, handleTermCreated, handleTermOutput, handleTermExited, handleTermClosed, sendTerminalCommand } from './modules/terminal.js';
@@ -75,6 +75,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
   var cachedDmConversations = [];
   var dmRemovedUsers = {};       // { userId: true } - users explicitly removed from favorites
   var cachedMatesList = [];       // Cached list of mates for user strip
+  var cachedAvailableBuiltins = []; // Deleted built-in mates available for re-add
 
   // --- Mate WS (separate connection to mate project) ---
   var mateWs = null;
@@ -835,15 +836,74 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     }
   })();
 
-  function handleMateCreatedInApp(mate) {
+  function handleMateCreatedInApp(mate, msg) {
     if (!mate) return;
     cachedMatesList.push(mate);
+    if (msg && msg.availableBuiltins) cachedAvailableBuiltins = msg.availableBuiltins;
+    if (msg && msg.dmFavorites) cachedDmFavorites = msg.dmFavorites;
     renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
-    // Store pending interview data so we can auto-send after DM opens
-    pendingMateInterview = mate;
+    // Built-in mates handle their own onboarding via CLAUDE.md, skip auto-interview
+    if (!mate.builtinKey) {
+      pendingMateInterview = mate;
+    }
     openDm(mate.id);
   }
 
+  function renderAvailableBuiltins(builtins) {
+    // Append deleted built-in mates to the mates list in the picker
+    var matesList = document.querySelector(".dm-mates-list");
+    if (!matesList) return;
+    if (!builtins || builtins.length === 0) return;
+
+    for (var i = 0; i < builtins.length; i++) {
+      (function (b) {
+        var item = document.createElement("div");
+        item.className = "dm-user-picker-item dm-user-picker-builtin-item";
+        item.style.opacity = "0.5";
+
+        var av = document.createElement("img");
+        av.className = "dm-user-picker-avatar";
+        av.src = b.avatarCustom || "";
+        av.alt = b.displayName;
+        item.appendChild(av);
+
+        var nameWrap = document.createElement("div");
+        nameWrap.style.cssText = "flex:1;min-width:0;";
+        var nameEl = document.createElement("span");
+        nameEl.className = "dm-user-picker-name";
+        nameEl.textContent = b.displayName;
+        nameWrap.appendChild(nameEl);
+        var bioEl = document.createElement("div");
+        bioEl.style.cssText = "font-size:11px;color:var(--text-dimmer);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;";
+        bioEl.textContent = "Deleted";
+        nameWrap.appendChild(bioEl);
+        item.appendChild(nameWrap);
+
+        var addBtn = document.createElement("button");
+        addBtn.style.cssText = "border:none;background:none;cursor:pointer;padding:2px 6px;color:var(--accent, #6366f1);font-size:12px;font-weight:600;";
+        addBtn.textContent = "+ Add";
+        addBtn.title = "Re-add " + b.displayName;
+        addBtn.addEventListener("click", function (e) {
+          e.stopPropagation();
+          if (ws && ws.readyState === 1) {
+            ws.send(JSON.stringify({ type: "mate_readd_builtin", builtinKey: b.key }));
+          }
+          closeDmUserPicker();
+        });
+        item.appendChild(addBtn);
+
+        item.addEventListener("click", function () {
+          if (ws && ws.readyState === 1) {
+            ws.send(JSON.stringify({ type: "mate_readd_builtin", builtinKey: b.key }));
+          }
+          closeDmUserPicker();
+        });
+
+        matesList.appendChild(item);
+      })(builtins[i]);
+    }
+  }
+
   var pendingMateInterview = null;
 
   function buildMateInterviewPrompt(mate) {
@@ -1885,6 +1945,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     getHistoryFrom: function () { return historyFrom; },
     get permissions() { return myPermissions; },
     get projectList() { return cachedProjects || []; },
+    availableBuiltins: function () { return cachedAvailableBuiltins || []; },
   };
   initSidebar(sidebarCtx);
   initIconStrip(sidebarCtx);
@@ -1901,6 +1962,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     currentSlug: function () { return mateProjectSlug || currentSlug; },
     projectList: function () { return cachedProjects || []; },
     matesList: function () { return cachedMatesList || []; },
+    availableBuiltins: function () { return cachedAvailableBuiltins || []; },
     allUsers: function () { return cachedAllUsers || []; },
     dmConversations: function () { return cachedDmConversations || []; },
     myUserId: function () { return myUserId; },
@@ -2852,6 +2914,9 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
   function addToMessages(el) {
     if (prependAnchor) messagesEl.insertBefore(el, prependAnchor);
     else messagesEl.appendChild(el);
+    if (scheduledMsgEl && el !== scheduledMsgEl && scheduledMsgEl.parentNode === messagesEl) {
+      messagesEl.appendChild(scheduledMsgEl);
+    }
   }
 
   var newMsgBtn = $("new-msg-btn");
@@ -3596,13 +3661,12 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
       popoverText = typeLabel + " limit exceeded";
       updateRateLimitIndicator(msg);
       startRateLimitCountdown(null, msg.resetsAt, null);
-      // Track for schedule mode
+      // Track rate limit reset time
       rateLimitResetsAt = msg.resetsAt;
       if (rateLimitResetTimer) clearTimeout(rateLimitResetTimer);
       rateLimitResetTimer = setTimeout(function () {
         rateLimitResetsAt = null;
         rateLimitResetTimer = null;
-        exitScheduleMode();
       }, msg.resetsAt - Date.now() + 1000);
     } else {
       var pct = msg.utilization ? Math.round(msg.utilization * 100) : null;
@@ -3613,32 +3677,6 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     showRateLimitPopover(popoverText, isRejected);
   }
 
-  // --- Schedule mode (rate limit) ---
-
-  var scheduleModeActive = false;
-
-  function enterScheduleMode() {
-    if (scheduleModeActive) return;
-    scheduleModeActive = true;
-    var inputRow = document.getElementById("input-row");
-    if (inputRow) inputRow.classList.add("input-rate-limited");
-    if (inputEl) {
-      inputEl.dataset.originalPlaceholder = inputEl.placeholder;
-      inputEl.placeholder = "Schedule message after limit resets...";
-    }
-  }
-
-  function exitScheduleMode() {
-    if (!scheduleModeActive) return;
-    scheduleModeActive = false;
-    var inputRow = document.getElementById("input-row");
-    if (inputRow) inputRow.classList.remove("input-rate-limited");
-    if (inputEl && inputEl.dataset.originalPlaceholder) {
-      inputEl.placeholder = inputEl.dataset.originalPlaceholder;
-      delete inputEl.dataset.originalPlaceholder;
-    }
-  }
-
   // --- Scheduled message in chat history ---
 
   var scheduledMsgEl = null;
@@ -3647,15 +3685,15 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
   function addScheduledMessageBubble(text, resetsAt) {
     removeScheduledMessageBubble();
     var wrap = document.createElement("div");
-    wrap.className = "scheduled-msg-wrap";
+    wrap.className = "msg-user scheduled-msg-wrap";
     wrap.id = "scheduled-msg-bubble";
 
     var bubble = document.createElement("div");
-    bubble.className = "scheduled-msg-bubble";
+    bubble.className = "bubble scheduled-msg-bubble";
 
-    var textEl = document.createElement("div");
-    textEl.className = "scheduled-msg-text";
+    var textEl = document.createElement("span");
     textEl.textContent = text;
+    bubble.appendChild(textEl);
 
     var metaEl = document.createElement("div");
     metaEl.className = "scheduled-msg-meta";
@@ -3672,7 +3710,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     var cancelBtn = document.createElement("button");
     cancelBtn.className = "scheduled-msg-cancel";
     cancelBtn.title = "Cancel scheduled message";
-    cancelBtn.innerHTML = iconHtml("x");
+    cancelBtn.textContent = "\u00d7";
     cancelBtn.addEventListener("click", function () {
       if (ws && ws.readyState === 1) {
         ws.send(JSON.stringify({ type: "cancel_scheduled_message" }));
@@ -3680,10 +3718,9 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     });
     metaEl.appendChild(cancelBtn);
 
-    bubble.appendChild(textEl);
-    bubble.appendChild(metaEl);
     wrap.appendChild(bubble);
-    messagesEl.appendChild(wrap);
+    wrap.appendChild(metaEl);
+    addToMessages(wrap);
     scheduledMsgEl = wrap;
     scrollToBottom();
 
@@ -3709,8 +3746,6 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     }
     updateCountdown();
     scheduledCountdownTimer = setInterval(updateCountdown, 1000);
-
-    refreshIcons(wrap);
   }
 
   function removeScheduledMessageBubble() {
@@ -3724,6 +3759,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     }
   }
 
+
   // --- Fast Mode State ---
 
   var fastModeIndicatorEl = null;
@@ -3958,6 +3994,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
       if (savedMainWs === this) return;
 
       if (connectTimeoutId) { clearTimeout(connectTimeoutId); connectTimeoutId = null; }
+      closeDmUserPicker();
       setStatus("disconnected");
       processing = false;
       setActivity(null);
@@ -4621,10 +4658,6 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
             if (isNotifAlertEnabled() && !window._pushSubscription) showDoneNotification();
             if (isNotifSoundEnabled()) playDoneSound();
           }
-          // Enter schedule mode if rate limited (regardless of exit code)
-          if (rateLimitResetsAt && rateLimitResetsAt > Date.now()) {
-            enterScheduleMode();
-          }
           break;
 
         case "stderr":
@@ -4661,21 +4694,19 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
 
         case "scheduled_message_queued":
           addScheduledMessageBubble(msg.text, msg.resetsAt);
-          exitScheduleMode();
+          setScheduleBtnDisabled(true);
           break;
 
         case "scheduled_message_sent":
           removeScheduledMessageBubble();
+          setScheduleBtnDisabled(false);
           processing = true;
           setStatus("processing");
           break;
 
         case "scheduled_message_cancelled":
           removeScheduledMessageBubble();
-          // Re-enter schedule mode if still rate limited
-          if (rateLimitResetsAt && rateLimitResetsAt > Date.now()) {
-            enterScheduleMode();
-          }
+          setScheduleBtnDisabled(false);
           break;
 
         case "auto_continue_scheduled":
@@ -4946,11 +4977,12 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           break;
 
         case "mate_created":
-          handleMateCreatedInApp(msg.mate);
+          handleMateCreatedInApp(msg.mate, msg);
           break;
 
         case "mate_deleted":
           cachedMatesList = cachedMatesList.filter(function (m) { return m.id !== msg.mateId; });
+          if (msg.availableBuiltins) cachedAvailableBuiltins = msg.availableBuiltins;
           renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
           // Clean up background WS for deleted mate
           var delSlug = "mate-" + msg.mateId;
@@ -4993,9 +5025,14 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
 
         case "mate_list":
           cachedMatesList = msg.mates || [];
+          cachedAvailableBuiltins = msg.availableBuiltins || [];
           renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
           break;
 
+        case "mate_available_builtins":
+          // Handled via mate_list.availableBuiltins now
+          break;
+
         case "mate_error":
           showToast(msg.error || "Mate operation failed", "error");
           break;
@@ -5435,9 +5472,6 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     getMateName: function () { return dmTargetUser ? (dmTargetUser.displayName || "Mate") : "Mate"; },
     getMateAvatarUrl: function () { return document.body.dataset.mateAvatarUrl || ""; },
     showMatePreThinking: function () { showMatePreThinking(); },
-    isScheduleMode: function () { return scheduleModeActive; },
-    getRateLimitResetsAt: function () { return rateLimitResetsAt; },
-    exitScheduleMode: exitScheduleMode,
   });
 
   // --- @Mention module ---
@@ -5447,6 +5481,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     inputEl: inputEl,
     messagesEl: messagesEl,
     matesList: function () { return cachedMatesList || []; },
+    availableBuiltins: function () { return cachedAvailableBuiltins || []; },
     scrollToBottom: scrollToBottom,
     addUserMessage: addUserMessage,
     addCopyHandler: addCopyHandler,
@@ -5462,6 +5497,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     scrollToBottom: scrollToBottom,
     addCopyHandler: addCopyHandler,
     matesList: function () { return cachedMatesList || []; },
+    availableBuiltins: function () { return cachedAvailableBuiltins || []; },
     currentMateId: function () { return (dmTargetUser && dmTargetUser.isMate) ? dmTargetUser.id : null; },
   });
 

package/lib/public/css/icon-strip.css

@@ -830,13 +830,17 @@
   border: 1px solid var(--border);
   border-radius: 12px;
   padding: 8px;
-  width: 220px;
+  width: 300px;
+  max-height: 70vh;
+  overflow-y: auto;
   box-shadow: 0 8px 24px rgba(var(--shadow-rgb), 0.5);
   z-index: 10001;
   animation: ctxMenuAppear 0.15s ease-out;
   display: flex;
   flex-direction: column;
   gap: 4px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
 }
 
 .dm-user-picker-search {
@@ -861,11 +865,27 @@
 }
 
 .dm-user-picker-list {
-  max-height: 200px;
+  overflow: visible;
+}
+
+.dm-user-picker-list.dm-mates-list {
+  max-height: 336px;  /* ~7 items at ~48px each */
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: thin;
   scrollbar-color: var(--border) transparent;
+  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
+  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
+}
+
+.dm-user-picker-list.dm-mates-list.scrolled-bottom {
+  mask-image: linear-gradient(to bottom, transparent 0%, black 35%);
+  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 35%);
+}
+
+.dm-user-picker-list.dm-mates-list.no-overflow {
+  mask-image: none;
+  -webkit-mask-image: none;
 }
 
 .dm-user-picker-list::-webkit-scrollbar {
@@ -919,6 +939,39 @@
   text-align: center;
 }
 
+.dm-picker-fav-btn,
+.dm-picker-del-btn {
+  flex-shrink: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  opacity: 0.5;
+  transition: opacity 0.15s, color 0.15s;
+}
+
+.dm-picker-fav-btn:hover,
+.dm-picker-del-btn:hover {
+  opacity: 1;
+}
+
+.dm-picker-del-btn:hover {
+  color: var(--danger, #e74c3c) !important;
+}
+
+.dm-picker-fav-btn svg,
+.dm-picker-del-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
+.dm-picker-fav .dm-picker-fav-btn {
+  opacity: 1;
+}
+
 /* --- Worktree folder groups --- */
 .icon-strip-group {
   display: flex;

package/lib/public/css/input.css

@@ -340,7 +340,8 @@
 }
 
 #attach-file-btn,
-#attach-image-btn {
+#attach-image-btn,
+#schedule-btn {
   width: 36px;
   height: 36px;
   border-radius: 50%;
@@ -356,10 +357,12 @@
 }
 
 #attach-file-btn .lucide,
-#attach-image-btn .lucide { width: 20px; height: 20px; }
+#attach-image-btn .lucide,
+#schedule-btn .lucide { width: 20px; height: 20px; flex-shrink: 0; }
 
 #attach-file-btn:hover,
-#attach-image-btn:hover { background: rgba(var(--overlay-rgb), 0.06); color: var(--text); }
+#attach-image-btn:hover,
+#schedule-btn:hover { background: rgba(var(--overlay-rgb), 0.06); color: var(--text); }
 
 #send-btn {
   flex-shrink: 0;
@@ -668,52 +671,69 @@
 }
 
 /* ==========================================================================
-   Rate Limit Schedule Mode
+   Message Scheduling
    ========================================================================== */
 
-/* Input area styling when rate limited */
-#input-row.input-rate-limited {
-  border-color: var(--warning, #d97706);
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warning, #d97706) 20%, transparent);
+/* Schedule button — inline expand (like STT pill) */
+#schedule-btn {
+  transition: width 0.2s ease, border-radius 0.2s ease, background 0.15s, color 0.15s, padding 0.2s ease;
+  overflow: hidden;
+  white-space: nowrap;
+  gap: 6px;
+  position: relative;
 }
 
-#input-row.input-rate-limited:focus-within {
-  border-color: var(--warning, #d97706);
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warning, #d97706) 30%, transparent);
+#schedule-btn.schedule-expanded {
+  width: auto;
+  padding: 0 10px 0 8px;
+  border-radius: 18px;
 }
 
-/* Scheduled message bubble in chat */
-.scheduled-msg-wrap {
-  display: flex;
-  justify-content: flex-end;
-  padding: 4px 16px;
+#schedule-btn.schedule-active {
+  color: var(--accent);
+  background: var(--accent-bg, rgba(99,102,241,0.15));
+}
+
+.schedule-inline-input {
+  width: 48px;
+  padding: 2px 4px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg);
+  color: var(--text);
+  font-size: 12px;
+  text-align: center;
+  outline: none;
+}
+.schedule-inline-input:focus {
+  border-color: var(--accent);
 }
 
-.scheduled-msg-bubble {
-  max-width: 75%;
-  padding: 10px 14px;
-  border-radius: 12px;
-  background: color-mix(in srgb, var(--warning, #d97706) 8%, var(--bg-alt));
-  border: 1px dashed color-mix(in srgb, var(--warning, #d97706) 40%, transparent);
+.schedule-delay-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: inherit;
 }
 
-.scheduled-msg-text {
-  font-size: 14px;
-  color: var(--text);
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
+/* Scheduled message bubble: accent-tinted user bubble */
+.scheduled-msg-wrap .bubble {
+  background: color-mix(in srgb, var(--accent) 18%, var(--user-bubble, var(--bg-alt)));
+  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
 }
 
+.scheduled-msg-wrap .msg-user-rewind-btn,
+.scheduled-msg-wrap .msg-actions { display: none !important; }
+
 .scheduled-msg-meta {
   display: flex;
   align-items: center;
   gap: 6px;
-  margin-top: 8px;
+  padding-right: 4px;
   font-size: 12px;
-  color: var(--warning, #d97706);
+  color: var(--accent);
 }
 
+.scheduled-msg-icon svg,
 .scheduled-msg-icon .lucide {
   width: 14px;
   height: 14px;

package/lib/public/index.html

@@ -398,6 +398,7 @@
               <button id="attach-file-btn" type="button" aria-label="Attach file" title="Attach file"><i data-lucide="paperclip"></i></button>
               <button id="attach-image-btn" type="button" aria-label="Attach image" title="Attach image"><i data-lucide="image"></i></button>
               <button id="stt-btn" type="button" aria-label="Voice input" title="Voice input"><i data-lucide="mic"></i></button>
+              <button id="schedule-btn" type="button" aria-label="Schedule message" title="Schedule message"><i data-lucide="clock"></i></button>
             </div>
             <div id="input-bottom-right">
               <div id="config-chip-wrap" class="hidden">