clay-server 2.33.0-beta.1 → 2.33.0-beta.3

package/lib/project-connection.js

@@ -139,6 +139,7 @@ function attachConnection(ctx) {
           loop: loop,
           ownerId: s.ownerId || null,
           sessionVisibility: s.sessionVisibility || "shared",
+          bookmarked: !!s.bookmarked,
         };
       }),
     });

package/lib/project-sessions.js

@@ -124,6 +124,18 @@ function attachSessions(ctx) {
       return true;
     }
 
+    if (msg.type === "set_session_bookmark") {
+      if (typeof msg.sessionId === "number") {
+        var bookmarkTarget = sm.sessions.get(msg.sessionId);
+        if (!bookmarkTarget) return true;
+        if (usersModule.isMultiUser() && ws._clayUser) {
+          if (!usersModule.canAccessSession(ws._clayUser.id, bookmarkTarget, { visibility: "public" })) return true;
+        }
+        sm.setSessionBookmarked(msg.sessionId, !!msg.bookmarked);
+      }
+      return true;
+    }
+
     if (msg.type === "transfer_project_owner") {
       // Home directory projects: ownership is permanently locked
       if (osUsers && osUsers.length > 0 && /^\/home\/[^/]+\//.test(cwd)) {

package/lib/project.js

@@ -779,11 +779,44 @@ function createProjectContext(opts) {
 
     // --- Vendor model switching ---
     if (msg.type === "get_vendor_models") {
-      var vendorModels = (sm.modelsByVendor && sm.modelsByVendor[msg.vendor]) || [];
-      var firstModel = vendorModels[0] || "";
-      // model value can be string or {value, displayName} object
-      var defaultModel = typeof firstModel === "string" ? firstModel : (firstModel.value || "");
-      sendTo(ws, { type: "model_info", model: defaultModel, models: vendorModels, vendor: msg.vendor, availableVendors: sm.availableVendors || [], installedVendors: sm.installedVendors || [] });
+      (async function() {
+        if (msg.vendor) {
+          try {
+            var vendorAdapter = adapters[msg.vendor] || null;
+            if (!vendorAdapter) {
+              vendorAdapter = await yoke.lazyCreateAdapter(adapters, msg.vendor, {
+                cwd: cwd,
+                clayPort: serverPort,
+                clayTls: serverTls,
+                clayAuthToken: serverAuthToken,
+                slug: slug,
+              });
+            } else if ((!sm.modelsByVendor || !sm.modelsByVendor[msg.vendor]) && typeof vendorAdapter.init === "function") {
+              await vendorAdapter.init({
+                cwd: cwd,
+                clayPort: serverPort,
+                clayTls: serverTls,
+                clayAuthToken: serverAuthToken,
+                slug: slug,
+              });
+            }
+            if (vendorAdapter) {
+              sm.availableVendors = Object.keys(adapters);
+              sm.modelsByVendor = sm.modelsByVendor || {};
+              if (!sm.modelsByVendor[msg.vendor] && typeof vendorAdapter.supportedModels === "function") {
+                sm.modelsByVendor[msg.vendor] = await vendorAdapter.supportedModels();
+              }
+            }
+          } catch (e) {
+            console.error("[project] get_vendor_models lazy init failed for " + msg.vendor + ":", e.message || e);
+          }
+        }
+        var vendorModels = (sm.modelsByVendor && sm.modelsByVendor[msg.vendor]) || [];
+        var firstModel = vendorModels[0] || "";
+        // model value can be string or {value, displayName} object
+        var defaultModel = typeof firstModel === "string" ? firstModel : (firstModel.value || "");
+        sendTo(ws, { type: "model_info", model: defaultModel, models: vendorModels, vendor: msg.vendor, availableVendors: sm.availableVendors || [], installedVendors: sm.installedVendors || [] });
+      })();
       return;
     }
 

package/lib/public/css/debate.css

@@ -88,35 +88,6 @@
   height: 12px;
 }
 
-/* --- Debate pill button in mate sidebar (matches .new-ralph-pill) --- */
-.mate-debate-pill {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 3px;
-  height: 22px;
-  padding: 0 8px;
-  border: 1px solid var(--accent);
-  border-radius: 6px;
-  background: var(--accent-12, rgba(108, 92, 231, 0.12));
-  color: var(--accent);
-  font-size: 10px;
-  font-weight: 700;
-  font-family: inherit;
-  letter-spacing: 0.2px;
-  cursor: pointer;
-  white-space: nowrap;
-  transition: background 0.15s, color 0.15s;
-}
-.mate-debate-pill .lucide {
-  width: 10px;
-  height: 10px;
-}
-.mate-debate-pill:hover {
-  background: var(--accent);
-  color: #fff;
-}
-
 /* --- Debate header badges (inline with session title) --- */
 .debate-header-badge {
   display: inline-flex;

package/lib/public/css/mobile-nav.css

@@ -518,11 +518,28 @@
 
   .mobile-session-title {
     flex: 1;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
+  .mobile-session-bookmark {
+    display: inline-flex;
+    align-items: center;
+    color: var(--accent, #ff7b54);
+    flex-shrink: 0;
+  }
+
+  .mobile-session-bookmark .lucide,
+  .mobile-session-bookmark svg {
+    width: 13px;
+    height: 13px;
+    display: block;
+  }
+
   .mobile-session-processing {
     width: 7px;
     height: 7px;

package/lib/public/css/notifications-center.css

@@ -51,22 +51,27 @@
   align-items: center;
   gap: 4px;
   padding: 3px 10px;
-  background: color-mix(in srgb, var(--bg-alt, #1a1a2e) 75%, transparent);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
-  border: 1px solid var(--border, #333);
+  background:
+    linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04)),
+    rgba(var(--overlay-rgb), 0.06);
+  backdrop-filter: blur(10px) saturate(1.1);
+  -webkit-backdrop-filter: blur(10px) saturate(1.1);
+  border: 1px solid rgba(255,255,255,0.18);
   border-radius: 999px;
   font-family: inherit;
   font-size: 11px;
   font-weight: 500;
   color: var(--text-muted);
   cursor: pointer;
-  box-shadow: 0 4px 20px rgba(var(--shadow-rgb, 0,0,0), 0.2);
-  transition: color 0.15s, background 0.15s;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
+  transition: color 0.15s, background 0.15s, border-color 0.15s;
 }
 .notif-banner-clear-all:hover {
   color: var(--text);
-  background: color-mix(in srgb, var(--bg-alt, #1a1a2e) 90%, transparent);
+  background:
+    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06)),
+    rgba(var(--overlay-rgb), 0.08);
+  border-color: rgba(255,255,255,0.24);
 }
 .notif-banner-clear-all .lucide {
   width: 12px;
@@ -79,17 +84,19 @@
   align-items: center;
   gap: 10px;
   padding: 10px 14px;
-  background: color-mix(in srgb, var(--bg-alt, #1a1a2e) 75%, transparent);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
-  border: 1px solid var(--border, #333);
-  border-radius: 12px;
-  box-shadow: 0 4px 20px rgba(var(--shadow-rgb, 0,0,0), 0.25);
+  background:
+    linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.04)),
+    rgba(var(--overlay-rgb), 0.07);
+  backdrop-filter: blur(10px) saturate(1.08);
+  -webkit-backdrop-filter: blur(10px) saturate(1.08);
+  border: 1px solid rgba(255,255,255,0.2);
+  border-radius: 16px;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
   pointer-events: auto;
   cursor: pointer;
   opacity: 0;
   transform: translateY(-100%);
-  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.18s ease, box-shadow 0.18s ease;
 }
 .notif-banner.show {
   opacity: 1;
@@ -99,6 +106,10 @@
   opacity: 0;
   transform: translateY(-100%);
 }
+.notif-banner:hover {
+  border-color: rgba(255,255,255,0.28);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.24);
+}
 
 .notif-banner-icon {
   flex-shrink: 0;
@@ -107,9 +118,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgba(var(--overlay-rgb, 0,0,0), 0.06);
-  border-radius: 8px;
+  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
+  border: 1px solid rgba(255,255,255,0.16);
+  border-radius: 10px;
   color: var(--text-muted);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
 }
 .notif-banner-icon .lucide { width: 16px; height: 16px; }
 .notif-banner-emoji { font-size: 18px; line-height: 1; }
@@ -215,7 +228,7 @@
 .notif-banner:hover .notif-banner-close { opacity: 1; }
 .notif-banner-close:hover {
   color: var(--text);
-  background: rgba(var(--overlay-rgb, 0,0,0), 0.08);
+  background: rgba(255,255,255,0.12);
 }
 .notif-banner-close .lucide { width: 12px; height: 12px; }
 

package/lib/public/css/overlays.css

@@ -46,6 +46,13 @@
 .usage-check-link:hover {
   background: color-mix(in srgb, var(--text-dimmer) 16%, transparent);
 }
+.usage-check-vendor-icon {
+  width: 14px;
+  height: 14px;
+  border-radius: 4px;
+  object-fit: cover;
+  flex: 0 0 auto;
+}
 .usage-check-link .lucide {
   width: 12px;
   height: 12px;
@@ -1258,4 +1265,3 @@ button.top-bar-pill.pill-accent:hover { background: color-mix(in srgb, var(--acc
   margin-top: 1.2rem;
   letter-spacing: 0.03em;
 }
-

package/lib/public/css/sidebar.css

@@ -603,7 +603,7 @@
   gap: 2px;
 }
 
-.session-list-header-actions button:not(.new-ralph-pill) {
+.session-list-header-actions button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -618,8 +618,8 @@
   transition: color 0.15s, background 0.15s;
 }
 
-.session-list-header-actions button:not(.new-ralph-pill) .lucide { width: 14px; height: 14px; }
-.session-list-header-actions button:not(.new-ralph-pill):hover { color: var(--text); background: var(--sidebar-hover); }
+.session-list-header-actions button .lucide { width: 14px; height: 14px; }
+.session-list-header-actions button:hover { color: var(--text); background: var(--sidebar-hover); }
 
 /* --- Session search --- */
 #session-search {
@@ -810,6 +810,64 @@
   box-shadow: 0 0 4px var(--success);
 }
 
+.session-bookmark-btn {
+  display: flex;
+  width: 20px;
+  height: 20px;
+  border-radius: 6px;
+  border: none;
+  background: transparent;
+  color: var(--text-dimmer);
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin-right: 2px;
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 0.2s ease, color 0.15s, background 0.15s;
+}
+
+.session-bookmark-btn.hover {
+  position: absolute;
+  right: 30px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.session-bookmark-btn.inline {
+  margin-right: 2px;
+  flex-shrink: 0;
+}
+
+.session-bookmark-btn .lucide,
+.session-bookmark-btn svg {
+  width: 13px;
+  height: 13px;
+  display: block;
+}
+
+.session-item:hover .session-bookmark-btn.hover,
+.session-item:focus-within .session-bookmark-btn.hover,
+.session-bookmark-btn.bookmarked {
+  opacity: 1;
+}
+
+.session-bookmark-btn:hover {
+  color: var(--accent);
+  background: rgba(var(--overlay-rgb), 0.06);
+}
+
+.session-bookmark-btn.bookmarked {
+  color: var(--accent);
+}
+
+.session-bookmark-btn.bookmarked .lucide,
+.session-bookmark-btn.bookmarked svg {
+  fill: currentColor;
+  stroke: currentColor;
+}
+
 /* Session unread badge */
 .session-unread-badge {
   position: absolute;
@@ -832,6 +890,10 @@
   z-index: 2;
 }
 
+.session-item .session-item-text {
+  padding-right: 28px;
+}
+
 .session-unread-badge.has-unread {
   display: flex;
 }
@@ -1216,41 +1278,6 @@
   margin-left: 12px;
 }
 
-/* --- New Ralph Loop pill button --- */
-.new-ralph-pill {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 3px;
-  height: 22px;
-  padding: 0 8px;
-  border: 1px solid var(--accent);
-  border-radius: 6px;
-  background: var(--accent-12, rgba(108, 92, 231, 0.12));
-  color: var(--accent);
-  font-size: 10px;
-  font-weight: 700;
-  font-family: inherit;
-  letter-spacing: 0.2px;
-  cursor: pointer;
-  white-space: nowrap;
-  transition: background 0.15s, color 0.15s;
-}
-
-.new-ralph-pill .lucide {
-  width: 10px;
-  height: 10px;
-}
-
-.new-ralph-pill + button {
-  margin-left: 4px;
-}
-
-.new-ralph-pill:hover {
-  background: var(--accent);
-  color: #fff;
-}
-
 @media (hover: none) {
   .session-more-btn { opacity: 1; }
   .msg-copy-hint { opacity: 1; }
@@ -1719,4 +1746,3 @@
   50% { opacity: 0.18; }
   100% { opacity: 0.1; }
 }
-

package/lib/public/index.html

@@ -200,7 +200,6 @@
             <div class="session-list-header">
               <span>Sessions</span>
               <div class="session-list-header-actions">
-                <button id="new-ralph-btn" type="button" class="new-ralph-pill" data-tip="New Loop"><i data-lucide="repeat"></i> Loop</button>
                 <button id="new-session-btn" type="button" data-tip="New session"><i data-lucide="plus"></i></button>
                 <button id="resume-session-btn" type="button" data-tip="Import CLI session"><i data-lucide="import"></i></button>
                 <button id="search-session-btn" type="button" data-tip="Search sessions"><i data-lucide="search"></i></button>
@@ -270,7 +269,6 @@
       <div id="mate-sidebar-conversations">
         <div class="mate-sidebar-sessions-header">
           <span>Conversations</span>
-          <button id="mate-debate-btn" class="mate-debate-pill" title="New Debate"><i data-lucide="mic"></i> Debate</button>
           <div class="mate-sidebar-actions">
             <button id="mate-search-session-btn" type="button" title="Search sessions"><i data-lucide="search"></i></button>
             <button id="mate-new-session-btn" type="button" title="New session"><i data-lucide="plus"></i></button>

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

@@ -337,7 +337,12 @@ export function processMessage(msg) {
       case "model_info": {
         var _modelVal = msg.model;
         if (_modelVal && typeof _modelVal === "object") _modelVal = _modelVal.value || _modelVal.displayName || "";
-        var _miUpdate = { currentModel: _modelVal || store.get('currentModel'), currentModels: msg.models || [] };
+        var _miUpdate = { currentModels: msg.models || [] };
+        if (Object.prototype.hasOwnProperty.call(msg, "model")) {
+          _miUpdate.currentModel = _modelVal || "";
+        } else {
+          _miUpdate.currentModel = store.get('currentModel');
+        }
         if (msg.vendor) _miUpdate.currentVendor = msg.vendor;
         if (msg.availableVendors) _miUpdate.availableVendors = msg.availableVendors;
         if (msg.installedVendors) _miUpdate.installedVendors = msg.installedVendors;
@@ -573,6 +578,11 @@ export function processMessage(msg) {
         }
         break;
 
+      case "plan_content":
+        setPlanContent(msg.content || "");
+        renderPlanCard(msg.content || "");
+        break;
+
       case "context_preview":
         // Show a Context Card with tab screenshot between user message and assistant response
         if (msg.tab) {

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

@@ -410,7 +410,7 @@ export function initPanels() {
     if (vendor === (store.get('currentVendor') || "claude")) return;
     var installed = store.get('installedVendors') || [];
     if (installed.indexOf(vendor) === -1) return;
-    store.set({ currentVendor: vendor });
+    store.set({ currentVendor: vendor, currentModel: "", currentModels: [] });
     var ws = getWs();
     if (ws) ws.send(JSON.stringify({ type: "set_vendor", vendor: vendor }));
   }

package/lib/public/modules/app-rate-limit.js

@@ -22,6 +22,23 @@ var fastModeIndicatorEl = null;
 
 // --- Internal helpers ---
 
+function getVendorUsageMeta(vendor) {
+  if (vendor === "codex") {
+    return {
+      icon: "/codex-avatar.png",
+      alt: "Codex",
+      href: "https://chatgpt.com/admin/usage",
+      title: "Check usage on ChatGPT",
+    };
+  }
+  return {
+    icon: "/claude-code-avatar.png",
+    alt: "Claude Code",
+    href: "https://claude.ai/settings/usage",
+    title: "Check usage on claude.ai",
+  };
+}
+
 function rateLimitTypeLabel(type) {
   if (!type) return "Usage";
   var labels = {
@@ -159,7 +176,13 @@ function tickRateLimitUsage() {
 
 // --- Exported functions ---
 
-export function initRateLimit() {}
+export function initRateLimit() {
+  store.subscribe(function(state, prev) {
+    if (state.currentVendor !== prev.currentVendor && state.currentVendor && state.currentVendor !== "claude") {
+      clearScheduleDelay();
+    }
+  });
+}
 
 export function handleRateLimitEvent(msg) {
   var isRejected = msg.status === "rejected";
@@ -180,7 +203,7 @@ export function handleRateLimitEvent(msg) {
     if (rateLimitResetTimer) clearTimeout(rateLimitResetTimer);
     // Auto-switch input to schedule mode: any message typed will be queued for after reset
     var delayUntilReset = msg.resetsAt - Date.now();
-    if (delayUntilReset > 0) {
+    if (delayUntilReset > 0 && (store.get('currentVendor') || "claude") === "claude") {
       setScheduleDelayMs(delayUntilReset + 60000); // +1min buffer after reset
     }
     rateLimitResetTimer = setTimeout(function () {
@@ -210,11 +233,8 @@ export function updateRateLimitUsage(msg) {
     rateLimitUsageEl = document.createElement("a");
     rateLimitUsageEl.id = "rate-limit-usage-link";
     rateLimitUsageEl.className = "top-bar-pill pill-dim usage-check-link";
-    var vendor = store.get('currentVendor') || "claude";
-    rateLimitUsageEl.href = vendor === "codex" ? "https://chatgpt.com/admin/usage" : "https://claude.ai/settings/usage";
     rateLimitUsageEl.target = "_blank";
     rateLimitUsageEl.rel = "noopener";
-    rateLimitUsageEl.title = vendor === "codex" ? "Check usage on ChatGPT" : "Check usage on claude.ai";
     var ref = document.getElementById("skip-perms-pill");
     topBarActions.insertBefore(rateLimitUsageEl, ref);
   }
@@ -231,7 +251,14 @@ export function updateRateLimitUsage(msg) {
   }
 
   var label = parts.length > 0 ? parts.join(" · ") : "Check usage";
-  rateLimitUsageEl.innerHTML = iconHtml("activity") + '<span>' + label + '</span>' + iconHtml("external-link");
+  var vendor = store.get('currentVendor') || "claude";
+  var meta = getVendorUsageMeta(vendor);
+  rateLimitUsageEl.href = meta.href;
+  rateLimitUsageEl.title = meta.title;
+  rateLimitUsageEl.innerHTML =
+    '<img src="' + meta.icon + '" class="usage-check-vendor-icon" alt="' + meta.alt + '">' +
+    '<span>' + label + '</span>' +
+    iconHtml("external-link");
   refreshIcons();
 
   // Start or stop live countdown tick

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

@@ -496,7 +496,7 @@ export function addAuthRequiredMessage(msg) {
   div.className = "auth-required-msg";
 
   var vendor = msg.vendor || "claude";
-  var loginCmd = msg.loginCommand || (vendor === "codex" ? "codex login" : "claude login");
+  var loginCmd = msg.loginCommand || (vendor === "codex" ? "codex login --device-auth" : "claude login");
   var vendorName = msg.text || "Claude Code is not logged in.";
 
   var header = document.createElement("div");

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

@@ -389,7 +389,13 @@ function createMobileSessionItem(s) {
 
   var titleSpan = document.createElement("span");
   titleSpan.className = "mobile-session-title";
-  titleSpan.textContent = s.title || "New Session";
+  if (s.bookmarked) {
+    var bookmarkIcon = document.createElement("span");
+    bookmarkIcon.className = "mobile-session-bookmark";
+    bookmarkIcon.innerHTML = iconHtml("star");
+    titleSpan.appendChild(bookmarkIcon);
+  }
+  titleSpan.appendChild(document.createTextNode(s.title || "New Session"));
   el.appendChild(titleSpan);
 
   // Unread badge (right side)
@@ -758,12 +764,37 @@ function renderMobileSessionsInto(container) {
 
   // Sort by lastActivity descending
   items.sort(function (a, b) {
+    var aBookmarked = !!(a.type === "loop" ? false : a.data && a.data.bookmarked);
+    var bBookmarked = !!(b.type === "loop" ? false : b.data && b.data.bookmarked);
+    if (aBookmarked !== bBookmarked) return aBookmarked ? -1 : 1;
     return (b.lastActivity || 0) - (a.lastActivity || 0);
   });
 
-  var currentGroup = "";
+  var bookmarkedItems = [];
+  var regularItems = [];
   for (var n = 0; n < items.length; n++) {
     var item = items[n];
+    if (item.type === "session" && item.data && item.data.bookmarked) {
+      bookmarkedItems.push(item);
+    } else {
+      regularItems.push(item);
+    }
+  }
+
+  if (bookmarkedItems.length > 0) {
+    var bookmarkedHeader = document.createElement("div");
+    bookmarkedHeader.className = "mobile-sheet-group";
+    bookmarkedHeader.textContent = "Bookmarked";
+    container.appendChild(bookmarkedHeader);
+
+    for (var bi = 0; bi < bookmarkedItems.length; bi++) {
+      container.appendChild(createMobileSessionItem(bookmarkedItems[bi].data));
+    }
+  }
+
+  var currentGroup = "";
+  for (var ri = 0; ri < regularItems.length; ri++) {
+    var item = regularItems[ri];
     var group = getDateGroup(item.lastActivity || 0);
     if (group !== currentGroup) {
       currentGroup = group;
@@ -929,6 +960,7 @@ function renderSheetSearch(listEl) {
 function renderSearchResults(container, query) {
   container.innerHTML = "";
   var sorted = getCachedSessions().slice().sort(function (a, b) {
+    if (!!a.bookmarked !== !!b.bookmarked) return a.bookmarked ? -1 : 1;
     return (b.lastActivity || 0) - (a.lastActivity || 0);
   });
 
@@ -945,7 +977,13 @@ function renderSearchResults(container, query) {
 
     var titleSpan = document.createElement("span");
     titleSpan.className = "mobile-session-title";
-    titleSpan.textContent = title;
+    if (s.bookmarked) {
+      var bookmarkIcon = document.createElement("span");
+      bookmarkIcon.className = "mobile-session-bookmark";
+      bookmarkIcon.innerHTML = iconHtml("star");
+      titleSpan.appendChild(bookmarkIcon);
+    }
+    titleSpan.appendChild(document.createTextNode(title));
     el.appendChild(titleSpan);
 
     if (s.isProcessing) {