clay-server 3.3.2-beta.3 → 3.4.0-beta.10

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

@@ -0,0 +1,148 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { iconHtml, refreshIcons } from './icons.js';
+import { showToast } from './utils.js';
+
+var defaultPlaceholder = "";
+
+function getInput() {
+  return document.getElementById("input");
+}
+
+function appendToMessages(element) {
+  var messages = document.getElementById("messages");
+  if (!messages) return;
+  messages.appendChild(element);
+  requestAnimationFrame(function () { messages.scrollTop = messages.scrollHeight; });
+}
+
+function setMode(active) {
+  var input = getInput();
+  var button = document.getElementById("shell-command-btn");
+  var row = document.getElementById("input-row");
+  store.set({ shellCommandMode: active });
+  if (button) {
+    button.classList.toggle("active", active);
+    button.setAttribute("aria-pressed", active ? "true" : "false");
+  }
+  if (row) row.classList.toggle("shell-command-mode", active);
+  if (input) {
+    if (!defaultPlaceholder) defaultPlaceholder = input.placeholder;
+    input.placeholder = active ? "Run a shell command in this project…" : defaultPlaceholder;
+    input.focus();
+  }
+}
+
+export function isShellCommandMode() {
+  return !!store.get("shellCommandMode");
+}
+
+export function toggleShellCommandMode() {
+  if (store.get("shellCommandRunning")) return;
+  var target = store.get("dmTargetUser");
+  if (store.get("dmMode") && target && !target.isMate) {
+    showToast("Shell commands are available in agent sessions, not user DMs.", "error");
+    return;
+  }
+  setMode(!isShellCommandMode());
+}
+
+function renderPendingCommand(requestId, command) {
+  var card = document.createElement("div");
+  card.className = "shell-command-card running";
+  card.dataset.requestId = requestId;
+  card.innerHTML =
+    '<div class="shell-command-header">' +
+      '<span class="shell-command-icon">' + iconHtml("square-terminal") + '</span>' +
+      '<code></code><span class="shell-command-status">Running…</span>' +
+    '</div>' +
+    '<pre class="shell-command-output">Waiting for output…</pre>';
+  card.querySelector("code").textContent = "$ " + command;
+  appendToMessages(card);
+  refreshIcons();
+}
+
+export function submitShellCommand(command) {
+  command = String(command || "").trim();
+  if (!command || store.get("shellCommandRunning")) return false;
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) {
+    showToast("Not connected — command not run.", "error");
+    return false;
+  }
+
+  var requestId = "shell_" + Date.now() + "_" + Math.random().toString(36).slice(2, 9);
+  store.set({ shellCommandRunning: true, pendingShellCommandId: requestId });
+  var input = getInput();
+  if (input) {
+    input.disabled = true;
+    input.placeholder = "Running command…";
+  }
+  renderPendingCommand(requestId, command);
+  ws.send(JSON.stringify({ type: "shell_command", requestId: requestId, command: command }));
+  return true;
+}
+
+export function handleShellCommandResult(msg) {
+  var cards = document.querySelectorAll(".shell-command-card[data-request-id]");
+  var card = null;
+  for (var i = 0; i < cards.length; i++) {
+    if (cards[i].dataset.requestId === (msg.requestId || "")) {
+      card = cards[i];
+      break;
+    }
+  }
+  if (card) {
+    var status = card.querySelector(".shell-command-status");
+    var output = card.querySelector(".shell-command-output");
+    card.classList.remove("running");
+    if (msg.error) {
+      card.classList.add("error");
+      if (status) status.textContent = "Failed";
+      if (output) output.textContent = msg.error;
+    } else {
+      card.classList.toggle("error", msg.exitCode !== 0);
+      if (status) status.textContent = msg.timedOut ? "Timed out" : "Exit " + (msg.exitCode == null ? "—" : msg.exitCode);
+      if (output) output.textContent = msg.output || "(no output)";
+    }
+  }
+
+  store.set({ shellCommandRunning: false, pendingShellCommandId: null });
+  var input = getInput();
+  if (input) input.disabled = false;
+  if (msg.error) {
+    setMode(true);
+  } else {
+    setMode(false);
+  }
+  var messages = document.getElementById("messages");
+  if (messages) requestAnimationFrame(function () { messages.scrollTop = messages.scrollHeight; });
+}
+
+export function initShellCommand() {
+  var button = document.getElementById("shell-command-btn");
+  var mobileButton = document.getElementById("input-more-shell");
+  if (button) button.addEventListener("click", toggleShellCommandMode);
+  if (mobileButton) {
+    mobileButton.addEventListener("click", function () {
+      var sheet = document.getElementById("input-more-sheet");
+      if (sheet) {
+        sheet.classList.remove("open");
+        setTimeout(function () { sheet.classList.add("hidden"); }, 250);
+      }
+      toggleShellCommandMode();
+    });
+  }
+  store.subscribe(function (state, previous) {
+    if (previous.connected && !state.connected && state.shellCommandRunning) {
+      resetShellCommand();
+    }
+  });
+}
+
+export function resetShellCommand() {
+  store.set({ shellCommandMode: false, shellCommandRunning: false, pendingShellCommandId: null });
+  var input = getInput();
+  if (input) input.disabled = false;
+  setMode(false);
+}

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

@@ -457,7 +457,13 @@ export function renderUserStrip(allUsers, onlineUserIds, myUserId, dmFavorites,
       // Tooltip
       var displayName = mp.displayName || mate.name || "New Mate";
       var mateVendor = mate.vendor || "claude";
-      var vendorLabels = { claude: "Claude Code", codex: "OpenAI Codex", kiro: "Kiro CLI" };
+      var vendorLabels = {
+        claude: "Claude Code",
+        codex: "OpenAI Codex",
+        antigravity: "Antigravity CLI",
+        opencode: "OpenCode",
+        kiro: "Kiro CLI",
+      };
       el.addEventListener("mouseenter", function () {
         var html = '<div style="font-weight:600">' + escapeHtml(displayName);
         if (mate.primary) {

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

@@ -15,7 +15,7 @@ import {
   resolveDefaultVendor,
   startNewSession
 } from './sidebar-sessions.js';
-import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER, VENDOR_HOMEPAGES } from './app-rendering.js';
+import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER, VENDOR_HOMEPAGES, isExperimentalVendor } from './app-rendering.js';
 import {
   getCachedProjectList,
   getCachedCurrentSlug,
@@ -754,6 +754,7 @@ function renderMobileSessionsInto(container) {
       if (vendor === mobileDefaultVendor) vBtn.classList.add("active");
       vBtn.innerHTML = '<img src="' + VENDOR_AVATARS[vendor] + '" class="mobile-session-new-icon" alt="">' +
         '<span>' + name + '</span>' +
+        (isExperimentalVendor(vendor) ? '<span class="vendor-experimental-badge" aria-label="Experimental integration" title="Experimental integration; not yet validated through direct use testing">🧪</span>' : '') +
         (isInstalled ? "" : '<span class="mobile-vendor-note">Not installed</span>');
       vBtn.addEventListener("click", function () {
         if (!isInstalled) {

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

@@ -13,6 +13,7 @@ import { showIconTooltip, hideIconTooltip, closeUserCtxMenu, getCurrentDmUserId
 import { switchProject, openAddProjectModal, getCachedProjects } from './app-projects.js';
 import { showHomeHub } from './app-home-hub.js';
 import { getPendingTuiAttention } from './app-notifications.js';
+import { isExternalWorktree, externalWorktreeTooltip, appendExternalWorktreeBadge } from './worktree-location.js';
 
 // --- Project state ---
 var cachedProjectList = [];
@@ -489,7 +490,7 @@ export function closeProjectCtxMenu() {
   }
 }
 
-function showIconCtxMenu(anchorEl, slug, name) {
+function showIconCtxMenu(anchorEl, slug, name, options) {
   closeProjectCtxMenu();
   if (closeUserCtxMenu) closeUserCtxMenu();
   closeEmojiPicker();
@@ -510,17 +511,19 @@ function showIconCtxMenu(anchorEl, slug, name) {
   menu.appendChild(iconItem);
 
   if (isWorktree) {
-    var removeWtItem = document.createElement("button");
-    removeWtItem.className = "project-ctx-item project-ctx-delete";
-    removeWtItem.innerHTML = iconHtml("trash-2") + " <span>Remove Worktree</span>";
-    removeWtItem.addEventListener("click", function (e) {
-      e.stopPropagation();
-      closeProjectCtxMenu();
-      if (getWs() && store.get('connected')) {
-        getWs().send(JSON.stringify({ type: "remove_project_check", slug: slug, name: name || slug }));
-      }
-    });
-    menu.appendChild(removeWtItem);
+    if (!options || options.canRemoveWorktree !== false) {
+      var removeWtItem = document.createElement("button");
+      removeWtItem.className = "project-ctx-item project-ctx-delete";
+      removeWtItem.innerHTML = iconHtml("trash-2") + " <span>Remove Worktree</span>";
+      removeWtItem.addEventListener("click", function (e) {
+        e.stopPropagation();
+        closeProjectCtxMenu();
+        if (getWs() && store.get('connected')) {
+          getWs().send(JSON.stringify({ type: "remove_project_check", slug: slug, name: name || slug }));
+        }
+      });
+      menu.appendChild(removeWtItem);
+    }
   } else {
     var wtItem = document.createElement("button");
     wtItem.className = "project-ctx-item";
@@ -1253,8 +1256,8 @@ export function renderIconStrip(projects, currentSlug) {
       (function (wt) {
         var wtEl = document.createElement("a");
         var isWtActive = wt.slug === currentSlug && !currentDmUserId;
-        var isAccessible = wt.worktreeAccessible !== false;
-        wtEl.className = "icon-strip-wt-item" + (isWtActive ? " active" : "") + (!isAccessible ? " wt-disabled" : "");
+        var isExternal = isExternalWorktree(wt);
+        wtEl.className = "icon-strip-wt-item" + (isWtActive ? " active" : "") + (isExternal ? " wt-external" : "");
         wtEl.href = "/p/" + wt.slug + "/";
         wtEl.dataset.slug = wt.slug;
 
@@ -1276,42 +1279,28 @@ export function renderIconStrip(projects, currentSlug) {
         if (wt.isProcessing) wtStatus.classList.add("processing");
         wtEl.appendChild(wtStatus);
 
-        var tooltipText = wt.name;
-        if (!isAccessible) {
-          tooltipText += " (outside project path, cannot be accessed)";
-        }
+        if (isExternal) appendExternalWorktreeBadge(wtEl, "worktree-external-badge");
+
+        var tooltipText = isExternal ? externalWorktreeTooltip(wt.name) : wt.name;
         (function (text, elem) {
           elem.addEventListener("mouseenter", function () { showIconTooltip(elem, text); });
           elem.addEventListener("mouseleave", hideIconTooltip);
         })(tooltipText, wtEl);
 
-        if (isAccessible) {
-          (function (slug) {
-            wtEl.addEventListener("click", function (e) {
-              e.preventDefault();
-              if (switchProject) switchProject(slug);
-            });
-          })(wt.slug);
-        } else {
+        (function (slug) {
           wtEl.addEventListener("click", function (e) {
             e.preventDefault();
+            if (switchProject) switchProject(slug);
           });
-        }
+        })(wt.slug);
 
-        if (isAccessible) {
-          (function (slug, name, elem) {
-            elem.addEventListener("contextmenu", function (e) {
-              e.preventDefault();
-              e.stopPropagation();
-              showIconCtxMenu(elem, slug, name);
-            });
-          })(wt.slug, wt.name, wtEl);
-        } else {
-          wtEl.addEventListener("contextmenu", function (e) {
+        (function (slug, name, elem, external) {
+          elem.addEventListener("contextmenu", function (e) {
             e.preventDefault();
             e.stopPropagation();
+            showIconCtxMenu(elem, slug, name, { canRemoveWorktree: !external });
           });
-        }
+        })(wt.slug, wt.name, wtEl, isExternal);
 
         if (!isWtActive && (wt.pendingPermissions > 0 || getPendingTuiAttention(wt.slug) > 0)) {
           wtEl.classList.add("has-pending-perm");
@@ -1360,7 +1349,10 @@ export function renderIconStrip(projects, currentSlug) {
 
   renderProjectList(projects, currentSlug);
 
-  try { lucide.createIcons({ nodes: [container] }); } catch (e) {}
+  var iconNodes = [container];
+  var mobileProjectList = document.getElementById("project-list");
+  if (mobileProjectList) iconNodes.push(mobileProjectList);
+  try { lucide.createIcons({ nodes: iconNodes }); } catch (e) {}
 }
 
 function renderProjectList(projects, currentSlug) {
@@ -1401,11 +1393,10 @@ function renderProjectList(projects, currentSlug) {
     var wtList = document.createElement("div");
     wtList.className = "mobile-folder-items";
     for (var wi = 0; wi < worktrees.length; wi++) {
-      var isAccessible = worktrees[wi].worktreeAccessible !== false;
       var wtItem = createMobileProjectItem(worktrees[wi], currentSlug, true);
-      if (!isAccessible) wtItem.classList.add("wt-disabled");
-      if (!isAccessible) {
-        wtItem.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); });
+      if (isExternalWorktree(worktrees[wi])) {
+        wtItem.classList.add("wt-external");
+        appendExternalWorktreeBadge(wtItem, "mobile-worktree-external-badge");
       }
       wtList.appendChild(wtItem);
     }

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

@@ -12,7 +12,7 @@ import { dismissOverlayPanels, closeSidebar, updatePageTitle, spawnDustParticles
 import { showConfirm } from './app-misc.js';
 import { getUpcomingSchedules } from './scheduler.js';
 import { refreshMobileChatSheet } from './sidebar-mobile.js';
-import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER, VENDOR_HOMEPAGES } from './app-rendering.js';
+import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER, VENDOR_HOMEPAGES, isExperimentalVendor } from './app-rendering.js';
 import { openGroup, separateGroup } from './split-view.js';
 import { groupedSessionIds } from './split-group-helpers.js';
 import { openPairDialog } from './split-pair-ui.js';
@@ -299,13 +299,10 @@ function appendSessionCloseButton(el, session) {
   el.appendChild(closeBtn);
 }
 
-// Resolve the vendor the "New session" button should launch: the project's
-// last-used vendor when its CLI is still installed, else the first installed
-// vendor, else Claude (so the button always has a sane label to render).
+// Resolve the vendor the "New session" button should launch from the stable
+// installed-vendor priority (Claude, then Codex, then the remaining vendors).
 export function resolveDefaultVendor() {
   var installed = store.get('installedVendors') || [];
-  var last = store.get('lastVendor') || "";
-  if (last && installed.indexOf(last) !== -1) return last;
   for (var i = 0; i < VENDOR_ORDER.length; i++) {
     if (installed.indexOf(VENDOR_ORDER[i]) !== -1) return VENDOR_ORDER[i];
   }
@@ -330,6 +327,7 @@ export function startNewSession(vendor, extra) {
     currentModel: "",
     currentModels: [],
     vendorSelectionLocked: true,
+    sessionVendorBound: true,
   });
 }
 
@@ -396,10 +394,12 @@ function showNewSessionMenu(anchorBtn, defaultVendor) {
       item.type = "button";
       item.innerHTML = '<img src="' + VENDOR_AVATARS[vendor] + '" class="session-top-action-icon" alt="">' +
         '<span class="session-new-vendor-name">' + name + '</span>' +
+        (isExperimentalVendor(vendor) ? '<span class="vendor-experimental-badge" aria-label="Experimental integration" title="Experimental integration; not yet validated through direct use testing">🧪</span>' : '') +
         (isInstalled ? "" : '<span class="session-new-vendor-note">Not installed</span>' + iconHtml("external-link"));
       item.title = isInstalled
         ? "New " + name + " session"
         : name + " is not installed - open " + VENDOR_HOMEPAGES[vendor];
+      if (isExperimentalVendor(vendor)) item.title += " · Experimental integration; not yet validated through direct use testing";
       item.addEventListener("click", function (e) {
         e.stopPropagation();
         closeSessionCtxMenu();

package/lib/public/modules/split-pair-ui.js

@@ -1,6 +1,6 @@
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
-import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER } from './app-rendering.js';
+import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER, isExperimentalVendor } from './app-rendering.js';
 import { effortLevelsFor, effortDisplayName } from './app-panels.js';
 import { showToast } from './utils.js';
 
@@ -46,7 +46,8 @@ function buildVendorSelect(installed, preferred) {
     if (installed.indexOf(VENDOR_ORDER[i]) === -1) continue;
     var option = document.createElement("option");
     option.value = VENDOR_ORDER[i];
-    option.textContent = VENDOR_NAMES[VENDOR_ORDER[i]] || VENDOR_ORDER[i];
+    option.textContent = (isExperimentalVendor(VENDOR_ORDER[i]) ? "🧪 " : "") + (VENDOR_NAMES[VENDOR_ORDER[i]] || VENDOR_ORDER[i]);
+    if (isExperimentalVendor(VENDOR_ORDER[i])) option.title = "Experimental integration; not yet validated through direct use testing";
     select.appendChild(option);
   }
   if (preferred && installed.indexOf(preferred) !== -1) select.value = preferred;

package/lib/public/modules/tools.js

@@ -814,7 +814,18 @@ function resolvePermissionIdentity(mateId, vendor) {
     }
   }
   // Project chat: use vendor name and avatar
-  var vendorAvatars = { claude: "/claude-code-avatar.png", codex: "/codex-avatar.png", kiro: "/kiro-avatar.svg" };
+  var vendorAvatars = {
+    claude: "/claude-code-avatar.png",
+    codex: "/codex-avatar.png",
+    antigravity: "/antigravity-avatar.png",
+    opencode: "/opencode-avatar.svg",
+    kimi: "/kimi-avatar.svg",
+    grok: "/grok-avatar.svg",
+    copilot: "/copilot-avatar.svg",
+    qwen: "/qwen-avatar.svg",
+    junie: "/junie-avatar.svg",
+    kiro: "/kiro-avatar.svg",
+  };
   var vendorName = (vendor && VENDOR_NAMES[vendor]) || VENDOR_NAMES.claude;
   return {
     name: vendorName,

package/lib/public/modules/vendor-priority.js

@@ -0,0 +1,14 @@
+export var VENDOR_ORDER = ["claude", "codex", "grok", "kimi", "copilot", "qwen", "junie", "antigravity", "opencode", "kiro"];
+export var EXPERIMENTAL_VENDORS = ["grok", "kimi", "copilot", "qwen", "junie", "antigravity", "opencode"];
+
+export function isExperimentalVendor(vendor) {
+  return EXPERIMENTAL_VENDORS.indexOf(vendor) !== -1;
+}
+
+export function firstInstalledVendor(installedVendors) {
+  var installed = Array.isArray(installedVendors) ? installedVendors : [];
+  for (var i = 0; i < VENDOR_ORDER.length; i++) {
+    if (installed.indexOf(VENDOR_ORDER[i]) !== -1) return VENDOR_ORDER[i];
+  }
+  return "";
+}

package/lib/public/modules/vendor-selection.js

@@ -0,0 +1,20 @@
+import { store } from './store.js';
+import { firstInstalledVendor } from './vendor-priority.js';
+
+export function selectDefaultVendorForBlankSession() {
+  var state = store.snap();
+  if (!state.activeSessionId || state.sessionHasHistory || state.sessionVendorBound || state.dmMode) return "";
+  var vendor = firstInstalledVendor(state.installedVendors);
+  if (!vendor) return "";
+  if (vendor === state.currentVendor) {
+    if (state.vendorSelectionLocked) store.set({ vendorSelectionLocked: false });
+    return vendor;
+  }
+  store.set({
+    currentVendor: vendor,
+    currentModel: "",
+    currentModels: [],
+    vendorSelectionLocked: false,
+  });
+  return vendor;
+}

package/lib/public/modules/worktree-location.js

@@ -0,0 +1,17 @@
+export function isExternalWorktree(project) {
+  return !!(project && project.isWorktree && project.worktreeExternal === true);
+}
+
+export function externalWorktreeTooltip(name) {
+  return name + " — outside the main project folder";
+}
+
+export function appendExternalWorktreeBadge(container, className) {
+  var badge = document.createElement("span");
+  badge.className = className;
+  badge.setAttribute("role", "img");
+  badge.setAttribute("aria-label", "Outside the main project folder");
+  badge.innerHTML = '<i data-lucide="external-link"></i>';
+  container.appendChild(badge);
+  return badge;
+}

package/lib/public/opencode-avatar.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="OpenCode">
+  <rect width="64" height="64" rx="16" fill="#111814"/>
+  <path d="m26 19-13 13 13 13M38 19l13 13-13 13" fill="none" stroke="#78e08f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/public/qwen-avatar.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Qwen Code">
+  <rect width="64" height="64" rx="14" fill="#6b4eff"/>
+  <path d="M32 12a20 20 0 1 0 12 36l7 5-3-11a20 20 0 0 0-16-30zm0 9a11 11 0 1 1-7.8 18.8A11 11 0 0 1 32 21z" fill="#fff"/>
+</svg>

package/lib/public/style.css

@@ -1,12 +1,12 @@
 @import url("css/base.css");
 @import url("css/icon-strip.css");
-@import url("css/title-bar.css");
+@import url("css/title-bar.css?v=20260824");
 @import url("css/pane.css");
 @import url("css/worker-proposal.css");
 @import url("css/sidebar.css");
 @import url("css/overlays.css");
 @import url("css/menus.css");
-@import url("css/messages.css?v=20260407");
+@import url("css/messages.css?v=20260824");
 @import url("css/rewind.css");
 @import url("css/input.css");
 @import url("css/filebrowser.css");
@@ -35,3 +35,4 @@
 @import url("css/debate.css");
 @import url("css/notifications-center.css");
 @import url("css/tui-attention.css");
+@import url("css/pwa-mobile.css?v=20260824f");