clay-server 3.4.0-beta.1 → 3.4.0-beta.11

package/lib/public/css/input.css

@@ -790,6 +790,7 @@
   opacity: 0.35;
   cursor: default;
 }
+.vendor-toggle-btn.disabled:not(.active) { display: none; }
 .vendor-toggle-icon {
   width: 16px;
   height: 16px;
@@ -799,6 +800,17 @@
 .vendor-toggle-label {
   pointer-events: none;
 }
+.vendor-toggle-btn.experimental::after,
+.vendor-experimental-badge {
+  content: "🧪";
+  font-size: 10px;
+  line-height: 1;
+  font-weight: 400;
+  filter: saturate(0.85);
+}
+.vendor-experimental-badge {
+  margin-left: auto;
+}
 @media (min-width: 901px) {
   .vendor-toggle-btn:not(.active) .vendor-toggle-label { display: none; }
   .vendor-toggle-btn:not(.active) { padding: 0 8px; }
@@ -826,6 +838,7 @@
 
 #attach-file-btn,
 #attach-image-btn,
+#shell-command-btn,
 #schedule-btn,
 #input-more-btn {
   width: 36px;
@@ -844,14 +857,76 @@
 
 #attach-file-btn .lucide,
 #attach-image-btn .lucide,
+#shell-command-btn .lucide,
 #schedule-btn .lucide,
 #input-more-btn .lucide { width: 20px; height: 20px; flex-shrink: 0; }
 
 #attach-file-btn:hover,
 #attach-image-btn:hover,
+#shell-command-btn:hover,
 #schedule-btn:hover,
 #input-more-btn:hover { background: rgba(var(--overlay-rgb), 0.06); color: var(--text); }
 
+#shell-command-btn.active {
+  background: var(--accent-12);
+  color: var(--accent);
+}
+
+#input-row.shell-command-mode {
+  box-shadow: 0 0 0 1px var(--accent);
+}
+
+#input-row.shell-command-mode #input {
+  font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
+}
+
+.shell-command-card {
+  width: min(760px, calc(100% - 24px));
+  margin: 10px auto;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--input-bg);
+  overflow: hidden;
+}
+
+.shell-command-card.error { border-color: rgba(239, 68, 68, 0.45); }
+
+.shell-command-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  border-bottom: 1px solid var(--border);
+  color: var(--text-secondary);
+  font-size: 12px;
+}
+
+.shell-command-header code {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text);
+}
+
+.shell-command-icon { display: inline-flex; }
+.shell-command-icon .lucide { width: 16px; height: 16px; }
+.shell-command-status { flex-shrink: 0; color: var(--text-muted); }
+
+.shell-command-card.running .shell-command-status { color: var(--accent); }
+
+.shell-command-output {
+  max-height: 320px;
+  margin: 0;
+  padding: 12px;
+  overflow: auto;
+  color: var(--text-secondary);
+  font: 12px/1.5 var(--font-mono, "SFMono-Regular", Consolas, monospace);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 #ask-mate-btn {
   width: 36px;
   height: 36px;

package/lib/public/css/mates.css

@@ -682,6 +682,12 @@
 .mate-vendor-label {
   pointer-events: none;
 }
+.mate-vendor-btn.experimental::after {
+  content: "🧪";
+  font-size: 9px;
+  line-height: 1;
+  font-weight: 400;
+}
 .mate-vendor-btn:not(.active) .mate-vendor-label { display: none; }
 
 /* Collapse button inside mate header: white to match header style */

package/lib/public/css/menus.css

@@ -44,29 +44,64 @@
 #header-rename-btn .lucide { width: 13px; height: 13px; }
 
 #header-add-worker-btn {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
-  border: 1px solid transparent;
-  background: none;
-  color: var(--text-dimmer);
+  gap: 7px;
+  width: auto;
+  height: 28px;
+  border: 1px solid color-mix(in srgb, var(--accent2) 28%, var(--border));
+  background: var(--accent2-8);
+  color: var(--accent2);
   cursor: pointer;
   border-radius: 8px;
   flex-shrink: 0;
-  padding: 0;
-  margin-left: 4px;
+  padding: 0 9px 0 7px;
+  margin-left: 0;
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+  white-space: nowrap;
   transition: color 0.15s, background 0.15s, border-color 0.15s;
 }
-#header-add-worker-btn:hover { color: var(--text-secondary); background: rgba(var(--overlay-rgb),0.04); border-color: var(--border); }
-#header-add-worker-btn .lucide { width: 13px; height: 13px; }
+#header-add-worker-btn:hover {
+  color: var(--accent2-hover);
+  background: var(--accent2-15);
+  border-color: color-mix(in srgb, var(--accent2) 48%, var(--border));
+}
+.header-worker-icon {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+.header-worker-icon > .lucide { width: 15px; height: 15px; }
+.header-worker-add-badge {
+  position: absolute;
+  right: -4px;
+  bottom: -3px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--accent2);
+  color: var(--bg);
+  box-shadow: 0 0 0 2px var(--bg);
+}
+.header-worker-add-badge .lucide { width: 7px; height: 7px; stroke-width: 3; }
+.header-worker-label { letter-spacing: 0.01em; }
 #header-add-worker-btn.hidden { display: none; }
 body.dm-mode #header-add-worker-btn { display: none; }
 
-/* "Close terminal" button: sits just left of the rename pencil during a live
-   TUI session. Matches the rename button's chrome; reds out on hover since it
-   stops the running claude (the session stays resumable). */
+/* "Close terminal" button for a live TUI session. Matches the session-control
+   chrome; reds out on hover since it stops the running agent while preserving
+   the resumable session. */
 #header-tui-close-btn {
   display: flex;
   align-items: center;
@@ -980,4 +1015,3 @@ body.dm-mode #header-add-worker-btn { display: none; }
   #config-chip .config-chip-icon { display: inline; width: 14px; height: 14px; }
   #config-chip-label { display: none; }
 }
-

package/lib/public/css/messages.css

@@ -5,12 +5,21 @@
 #messages {
   flex: 1;
   overflow-y: auto;
+  overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
   overscroll-behavior-y: contain;
   padding: 20px 0 12px;
   position: relative;
 }
 
+/* Rich message content can contain wide tables, diagrams, or generated HTML.
+   Keep that content inside the chat scroller; nested code blocks still own
+   their intentional horizontal scrolling. */
+#messages > * {
+  min-width: 0;
+  max-width: 100%;
+}
+
 /* --- Remote cursors (Figma-style) --- */
 .remote-cursor {
   pointer-events: none;

package/lib/public/css/pane.css

@@ -23,6 +23,10 @@ body.pane-mode #sticky-notes-container {
   display: none !important;
 }
 
+body.pane-mode .notif-banner-container {
+  display: none !important;
+}
+
 body.pane-mode #main-area {
   border: 0;
   border-radius: 0;

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

@@ -0,0 +1,17 @@
+/* In an iOS Home Screen app, a 100%-tall root can be measured against the
+   shortened safe-area viewport. Use the physical viewport for the root while
+   retaining safe-area padding on controls inside the app. */
+@media (max-width: 768px) {
+  html.pwa-standalone,
+  html.pwa-standalone body {
+    height: 100vh;
+  }
+}
+
+@media (max-width: 768px) and (display-mode: standalone),
+       (max-width: 768px) and (display-mode: fullscreen) {
+  html,
+  body {
+    height: 100vh;
+  }
+}

package/lib/public/css/title-bar.css

@@ -324,6 +324,25 @@
     display: none !important;
   }
 
+  .title-bar-content {
+    height: calc(48px + var(--safe-top));
+    padding: var(--safe-top) 16px 0;
+  }
+
+  /* The inline title editor must own the header while the keyboard is open.
+     Leaving the other controls visible made its usable width nearly zero. */
+  .title-bar-content.session-renaming .status,
+  .title-bar-content.session-renaming #header-left > :not(.header-rename-input) {
+    display: none !important;
+  }
+
+  .title-bar-content.session-renaming .header-rename-input {
+    flex: 1 1 100%;
+    width: 100%;
+    min-height: 36px;
+    font-size: 16px;
+  }
+
   #sidebar-column {
     width: 0 !important;
     min-width: 0 !important;

package/lib/public/grok-avatar.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Grok Build">
+  <rect width="64" height="64" rx="14" fill="#111"/>
+  <path d="M45 17A21 21 0 1 0 49 42H35v-9h22v4A25 25 0 1 1 51 13z" fill="#fff"/>
+</svg>

package/lib/public/index.html

@@ -30,7 +30,7 @@
 (function(){try{var k="clay-theme-vars",v=localStorage.getItem(k),r=document.documentElement;if(v){var o=JSON.parse(v),p;for(p in o)r.style.setProperty(p,o[p]);var vt=localStorage.getItem(k.replace("-vars","-variant"));if(vt==="light"){r.classList.add("light-theme");r.classList.remove("dark-theme")}else{r.classList.add("dark-theme");r.classList.remove("light-theme")}var m=document.querySelector('meta[name="theme-color"]');if(m&&o["--bg"])m.setAttribute("content",o["--bg"])}else{var sl=window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches;if(sl){r.classList.add("light-theme");r.classList.remove("dark-theme")}}}catch(e){}})();
 </script>
 <script>if(window.navigator.standalone||window.matchMedia("(display-mode:standalone)").matches){document.documentElement.classList.add("pwa-standalone")}</script>
-<link rel="stylesheet" href="style.css?v=20260407">
+<link rel="stylesheet" href="style.css?v=20260824f">
 <style>
 @media(max-width:768px){
   /* User messages: vertical stack, avatar on top, right-aligned */
@@ -373,12 +373,11 @@
           </div>
           <button id="hamburger-btn" aria-label="Toggle sidebar" title="Toggle sidebar"><i data-lucide="menu"></i></button>
           <span class="header-title" id="header-title">Connecting...</span>
+          <button id="header-rename-btn" type="button" title="Rename session"><i data-lucide="pencil"></i></button>
           <button id="header-info-btn" type="button" title="Session info"><i data-lucide="info"></i></button>
           <button id="header-full-access-btn" type="button" class="session-full-access hidden" role="switch" aria-checked="false" title="Skip Permissions is off — permission prompts are on">
             <span class="session-full-access-label">Skip Permissions</span><span class="session-full-access-track" aria-hidden="true"><span></span></span>
           </button>
-          <button id="header-rename-btn" type="button" title="Rename session"><i data-lucide="pencil"></i></button>
-          <button id="header-add-worker-btn" type="button" title="Add Worker — this session becomes the Driver of a pair"><i data-lucide="user-plus"></i></button>
           <button type="button" id="header-tui-close-btn" class="header-tui-close-btn hidden" title="Close terminal (keeps history, resume anytime)" aria-label="Close terminal"><i data-lucide="power"></i></button>
           <div id="mate-mobile-title" class="mate-mobile-title hidden">
             <img id="mate-mobile-avatar" class="mate-mobile-avatar" alt="">
@@ -389,6 +388,13 @@
         <div id="ralph-sticky" class="hidden"></div>
         <div id="debate-sticky" class="hidden"></div>
         <div class="status">
+          <button id="header-add-worker-btn" type="button" aria-label="Add AI Worker" title="Add an AI Worker — this session becomes the Driver of a pair">
+            <span class="header-worker-icon" aria-hidden="true">
+              <i data-lucide="bot"></i>
+              <span class="header-worker-add-badge"><i data-lucide="plus"></i></span>
+            </span>
+            <span class="header-worker-label">Add Worker</span>
+          </button>
           <button type="button" id="header-tui-font-btn" class="header-tui-font-btn hidden" title="Terminal font" aria-label="Terminal font">
             <i data-lucide="type"></i>
           </button>
@@ -505,6 +511,7 @@
               <button id="input-more-btn" type="button" aria-label="More options" title="More options" class="mobile-only"><i data-lucide="plus"></i></button>
               <button id="attach-file-btn" type="button" aria-label="Attach file" title="Attach file" class="desktop-only"><i data-lucide="paperclip"></i></button>
               <button id="attach-image-btn" type="button" aria-label="Attach image" title="Attach image" class="desktop-only"><i data-lucide="image"></i></button>
+              <button id="shell-command-btn" type="button" aria-label="Run shell command" aria-pressed="false" title="Run a shell command and add its output to the next agent message" class="desktop-only"><i data-lucide="square-terminal"></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>
               <button id="ask-mate-btn" type="button" aria-label="Ask Mate" title="Ask a Mate for advice on this session"><i data-lucide="at-sign"></i></button>
@@ -527,14 +534,34 @@
                   <img src="/codex-avatar.png" class="vendor-toggle-icon" alt="Codex">
                   <span class="vendor-toggle-label">Codex</span>
                 </button>
-                <button id="vendor-btn-gemini" class="vendor-toggle-btn" data-vendor="gemini">
-                  <img src="/gemini-avatar.svg" class="vendor-toggle-icon" alt="Gemini">
-                  <span class="vendor-toggle-label">Gemini CLI</span>
+                <button id="vendor-btn-antigravity" class="vendor-toggle-btn" data-vendor="antigravity">
+                  <img src="/antigravity-avatar.png" class="vendor-toggle-icon" alt="Antigravity">
+                  <span class="vendor-toggle-label">Antigravity CLI</span>
                 </button>
                 <button id="vendor-btn-opencode" class="vendor-toggle-btn" data-vendor="opencode">
                   <img src="/opencode-avatar.svg" class="vendor-toggle-icon" alt="OpenCode">
                   <span class="vendor-toggle-label">OpenCode</span>
                 </button>
+                <button id="vendor-btn-kimi" class="vendor-toggle-btn" data-vendor="kimi">
+                  <img src="/kimi-avatar.svg" class="vendor-toggle-icon" alt="Kimi">
+                  <span class="vendor-toggle-label">Kimi Code</span>
+                </button>
+                <button id="vendor-btn-grok" class="vendor-toggle-btn" data-vendor="grok">
+                  <img src="/grok-avatar.svg" class="vendor-toggle-icon" alt="Grok">
+                  <span class="vendor-toggle-label">Grok Build</span>
+                </button>
+                <button id="vendor-btn-copilot" class="vendor-toggle-btn" data-vendor="copilot">
+                  <img src="/copilot-avatar.svg" class="vendor-toggle-icon" alt="GitHub Copilot">
+                  <span class="vendor-toggle-label">GitHub Copilot CLI</span>
+                </button>
+                <button id="vendor-btn-qwen" class="vendor-toggle-btn" data-vendor="qwen">
+                  <img src="/qwen-avatar.svg" class="vendor-toggle-icon" alt="Qwen">
+                  <span class="vendor-toggle-label">Qwen Code</span>
+                </button>
+                <button id="vendor-btn-junie" class="vendor-toggle-btn" data-vendor="junie">
+                  <img src="/junie-avatar.svg" class="vendor-toggle-icon" alt="Junie">
+                  <span class="vendor-toggle-label">Junie CLI</span>
+                </button>
                 <button id="vendor-btn-kiro" class="vendor-toggle-btn" data-vendor="kiro">
                   <img src="/kiro-avatar.svg" class="vendor-toggle-icon" alt="Kiro">
                   <span class="vendor-toggle-label">Kiro CLI</span>
@@ -615,6 +642,10 @@
           <i data-lucide="image"></i>
           <span>Image</span>
         </button>
+        <button class="input-more-action" id="input-more-shell">
+          <i data-lucide="square-terminal"></i>
+          <span>Shell command</span>
+        </button>
       </div>
       <div class="input-more-divider"></div>
       <div class="input-more-section-label">
@@ -2333,7 +2364,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-web-links@0/lib/addon-web-links.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-webgl@0/lib/addon-webgl.min.js"></script>
-<script type="module" src="app.js"></script>
+<script type="module" src="app.js?v=20260824g"></script>
 <div id="pwa-install-modal" class="pwa-modal hidden">
   <div class="pwa-modal-backdrop"></div>
   <div class="pwa-modal-card">

package/lib/public/junie-avatar.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Junie">
+  <defs>
+    <linearGradient id="junie-gradient" x1="8" y1="8" x2="56" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#8B5CF6"/>
+      <stop offset="1" stop-color="#F97316"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="15" fill="url(#junie-gradient)"/>
+  <path d="M39 15v26c0 7.7-5.4 12-13.2 12-5.3 0-9.4-2.2-12-6.4l7.1-5c1.3 2 2.7 3 4.6 3 2.5 0 4-1.4 4-4.4V15H39Z" fill="#fff"/>
+  <circle cx="47.5" cy="17.5" r="4.5" fill="#fff" fill-opacity=".9"/>
+</svg>

package/lib/public/kimi-avatar.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Kimi Code">
+  <rect width="64" height="64" rx="14" fill="#1769ff"/>
+  <path d="M18 14h9v15l13-15h11L36 31l16 19H40L27 34v16h-9z" fill="#fff"/>
+</svg>

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

@@ -93,6 +93,8 @@ export function initHeader() {
       input.type = "text";
       input.className = "header-rename-input";
       input.value = currentText;
+      var titleBar = headerTitleEl.closest(".title-bar-content");
+      if (titleBar) titleBar.classList.add("session-renaming");
       headerTitleEl.style.display = "none";
       headerRenameBtn.style.display = "none";
       headerTitleEl.parentNode.insertBefore(input, headerTitleEl.nextSibling);
@@ -117,6 +119,7 @@ export function initHeader() {
           }
         }
         input.remove();
+        if (titleBar) titleBar.classList.remove("session-renaming");
         headerTitleEl.style.display = "";
         headerRenameBtn.style.display = "";
       }
@@ -126,6 +129,7 @@ export function initHeader() {
         if (e.key === "Escape") {
           e.preventDefault();
           input.remove();
+          if (titleBar) titleBar.classList.remove("session-renaming");
           headerTitleEl.style.display = "";
           headerRenameBtn.style.display = "";
         }

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

@@ -22,7 +22,7 @@ import { handleFindInSessionResults } from './session-search.js';
 import { syncPaneTitles, maybeRestoreSplitGroup, openGroup } from './split-view.js';
 import { showPairDialog, handlePairCreated, handleSplitDelegation, showWorkerDelegationNotice, hideWorkerDelegationNotice } from './split-pair-ui.js';
 import { renderWorkerProposal, updateWorkerProposal } from './worker-proposal.js';
-import { handleInputSync, autoResize, builtinCommands, setScheduleBtnDisabled } from './input.js';
+import { handleInputSync, autoResize, builtinCommands, setScheduleBtnDisabled, sendShellResultToAgent } 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';
 import { handleFsList, handleFsRead, handleFileChanged, handleDirChanged, handleFileHistory, handleGitDiff, handleFileAt, refreshIfOpen, getPendingNavigate, handleFsSearch, presentMarkdownEdit } from './filebrowser.js';
@@ -42,6 +42,7 @@ import { checkAdminAccess } from './admin.js';
 import { mateAvatarUrl } from './avatar.js';
 import { showImageModal, sendExtensionCommand, handleMcpToolCallMessage } from './app-misc.js';
 import { handleMcpServersState } from './mcp-ui.js';
+import { handleShellCommandResult } from './shell-command.js';
 import { handleLoopRegistryUpdated, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled, isSchedulerOpen, enterCraftingMode, exitCraftingMode, handleLoopRegistryFiles } from './scheduler.js';
 
 // --- App module imports ---
@@ -51,6 +52,7 @@ import { setStatus } from './app-connection.js';
 import { handleWhatsNewState, handleWhatsNewSeenResult, setKnownEntries as setWhatsNewKnownEntries } from './whats-new.js';
 import { closeArticle as closeWhatsNewArticle } from './whats-new-article.js';
 import { resolvePaneSession, resolveSwitchedVendor } from './pane-session.js';
+import { selectDefaultVendorForBlankSession } from './vendor-selection.js';
 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';
@@ -413,6 +415,15 @@ export function processMessage(msg) {
         break;
 
       case "model_info": {
+        // Installation state applies across vendors. Keep it even when the
+        // model payload itself is stale for the active session.
+        var _vendorState = {};
+        if (msg.availableVendors) _vendorState.availableVendors = msg.availableVendors;
+        if (msg.installedVendors) _vendorState.installedVendors = msg.installedVendors;
+        if (Object.keys(_vendorState).length > 0) {
+          store.set(_vendorState);
+          selectDefaultVendorForBlankSession();
+        }
         // Drop stale model_info from a vendor that doesn't match the active
         // session's vendor. On high-latency connections, the server's default-
         // adapter model_info can arrive after session_switched has already
@@ -446,8 +457,6 @@ export function processMessage(msg) {
           _miUpdate.currentModel = store.get('currentModel');
         }
         if (msg.vendor && !store.get('vendorSelectionLocked')) _miUpdate.currentVendor = msg.vendor;
-        if (msg.availableVendors) _miUpdate.availableVendors = msg.availableVendors;
-        if (msg.installedVendors) _miUpdate.installedVendors = msg.installedVendors;
         if (msg.capabilities) _miUpdate.vendorCapabilities = msg.capabilities;
         store.set(_miUpdate);
         updateSettingsModels(_modelVal, msg.models || []);
@@ -660,7 +669,7 @@ export function processMessage(msg) {
         var _effectiveTerminalId = (typeof msg.runtimeTerminalId === "number")
           ? msg.runtimeTerminalId
           : (typeof msg.terminalId === "number" ? msg.terminalId : null);
-        store.set({ activeSessionId: msg.id, cliSessionId: msg.cliSessionId || null, currentModel: msg.model || store.get('currentModel'), currentEffort: msg.effort || store.get('currentEffort'), vendorCapabilities: msg.capabilities || {}, sessionIsProcessing: !!msg.isProcessing, activeSessionMode: _effectiveMode, activeTerminalId: _effectiveTerminalId, sessionHasHistory: !!msg.hasHistory, sessionFullAccess: msg.permissionMode === "bypassPermissions", currentMode: msg.permissionMode || store.get('currentMode') });
+        store.set({ activeSessionId: msg.id, cliSessionId: msg.cliSessionId || null, currentModel: msg.model || store.get('currentModel'), currentEffort: msg.effort || store.get('currentEffort'), vendorCapabilities: msg.capabilities || {}, sessionIsProcessing: !!msg.isProcessing, activeSessionMode: _effectiveMode, activeTerminalId: _effectiveTerminalId, sessionHasHistory: !!msg.hasHistory, sessionVendorBound: !!msg.vendor || !!msg.hasHistory, sessionFullAccess: msg.permissionMode === "bypassPermissions", currentMode: msg.permissionMode || store.get('currentMode') });
         // TUI sessions swap the chat UI for an embedded xterm running
         // `claude` inside a real PTY. Mount or tear down before the rest of
         // the chat-side bookkeeping runs so we don't waste work on hidden DOM.
@@ -705,7 +714,7 @@ export function processMessage(msg) {
           }
         }
         if (!msg.hasHistory && !msg.vendor) {
-          // Preserve explicit pre-message vendor choice on brand-new sessions.
+          selectDefaultVendorForBlankSession();
         }
         // Vendor toggle visibility + active-vendor indicator next to the
         // model chip.
@@ -1209,6 +1218,15 @@ export function processMessage(msg) {
         addConflictMessage(msg);
         break;
 
+      case "session_writer_conflict":
+        removeMatePreThinking();
+        setActivity(null);
+        stopThinking();
+        markAllToolsDone();
+        closeToolGroup();
+        addSystemMessage(msg.text || "This session is already open in another process.", true);
+        break;
+
       case "context_overflow":
         removeMatePreThinking();
         setActivity(null);
@@ -1371,6 +1389,11 @@ export function processMessage(msg) {
         updateTerminalList(msg.terminals);
         break;
 
+      case "shell_command_result":
+        handleShellCommandResult(msg);
+        if (!msg.error) sendShellResultToAgent(msg);
+        break;
+
       case "context_sources_state":
         handleContextSourcesState(msg);
         break;

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

@@ -5,7 +5,7 @@ import { refreshIcons } from "./icons.js";
 import { escapeHtml, showToast } from "./utils.js";
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
-import { VENDOR_NAMES } from './app-rendering.js';
+import { VENDOR_NAMES, isExperimentalVendor } from './app-rendering.js';
 import { reportPaneContext } from './pane-bridge.js';
 
 // --- Module-owned state (not in store) ---
@@ -89,7 +89,7 @@ var EFFORT_LEVELS = ["low", "medium", "high", "xhigh", "max"];
 var EFFORT_LEVELS_BY_VENDOR = {
   claude: ["low", "medium", "high", "xhigh", "max"],
   codex: ["minimal", "low", "medium", "high", "xhigh"],
-  gemini: [],
+  antigravity: [],
   opencode: [],
   kiro: ["low", "medium", "high", "xhigh", "max"],
 };
@@ -443,14 +443,24 @@ export function initPanels() {
   var vendorToggleWrap = $("vendor-toggle-wrap");
   var vendorBtnClaude = $("vendor-btn-claude");
   var vendorBtnCodex = $("vendor-btn-codex");
-  var vendorBtnGemini = $("vendor-btn-gemini");
+  var vendorBtnAntigravity = $("vendor-btn-antigravity");
   var vendorBtnOpenCode = $("vendor-btn-opencode");
+  var vendorBtnKimi = $("vendor-btn-kimi");
+  var vendorBtnGrok = $("vendor-btn-grok");
+  var vendorBtnCopilot = $("vendor-btn-copilot");
+  var vendorBtnQwen = $("vendor-btn-qwen");
+  var vendorBtnJunie = $("vendor-btn-junie");
   var vendorBtnKiro = $("vendor-btn-kiro");
   var vendorBtns = {
     claude: vendorBtnClaude,
     codex: vendorBtnCodex,
-    gemini: vendorBtnGemini,
+    antigravity: vendorBtnAntigravity,
     opencode: vendorBtnOpenCode,
+    kimi: vendorBtnKimi,
+    grok: vendorBtnGrok,
+    copilot: vendorBtnCopilot,
+    qwen: vendorBtnQwen,
+    junie: vendorBtnJunie,
     kiro: vendorBtnKiro,
   };
 
@@ -466,7 +476,10 @@ export function initPanels() {
       var isInstalled = installed.indexOf(v) !== -1;
       btn.classList.toggle("active", v === current);
       btn.classList.toggle("disabled", !isInstalled);
-      btn.title = isInstalled ? (VENDOR_NAMES[v] || v) : (VENDOR_NAMES[v] || v) + " is not installed";
+      btn.classList.toggle("experimental", isExperimentalVendor(v));
+      var title = isInstalled ? (VENDOR_NAMES[v] || v) : (VENDOR_NAMES[v] || v) + " is not installed";
+      if (isExperimentalVendor(v)) title += " · Experimental integration; not yet validated through direct use testing";
+      btn.title = title;
     }
   }
 
@@ -474,15 +487,20 @@ 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, currentModel: "", currentModels: [], vendorSelectionLocked: true });
+    store.set({ currentVendor: vendor, currentModel: "", currentModels: [], vendorSelectionLocked: true, sessionVendorBound: true });
     var ws = getWs();
     if (ws) ws.send(JSON.stringify({ type: "set_vendor", vendor: vendor }));
   }
 
   if (vendorBtnClaude) vendorBtnClaude.addEventListener("click", function() { onVendorClick("claude"); });
   if (vendorBtnCodex) vendorBtnCodex.addEventListener("click", function() { onVendorClick("codex"); });
-  if (vendorBtnGemini) vendorBtnGemini.addEventListener("click", function() { onVendorClick("gemini"); });
+  if (vendorBtnAntigravity) vendorBtnAntigravity.addEventListener("click", function() { onVendorClick("antigravity"); });
   if (vendorBtnOpenCode) vendorBtnOpenCode.addEventListener("click", function() { onVendorClick("opencode"); });
+  if (vendorBtnKimi) vendorBtnKimi.addEventListener("click", function() { onVendorClick("kimi"); });
+  if (vendorBtnGrok) vendorBtnGrok.addEventListener("click", function() { onVendorClick("grok"); });
+  if (vendorBtnCopilot) vendorBtnCopilot.addEventListener("click", function() { onVendorClick("copilot"); });
+  if (vendorBtnQwen) vendorBtnQwen.addEventListener("click", function() { onVendorClick("qwen"); });
+  if (vendorBtnJunie) vendorBtnJunie.addEventListener("click", function() { onVendorClick("junie"); });
   if (vendorBtnKiro) vendorBtnKiro.addEventListener("click", function() { onVendorClick("kiro"); });
 
   // --- Reactive UI sync ---
@@ -861,7 +879,9 @@ export function updateContextPanel() {
       hCtxEl = document.createElement("div");
       hCtxEl.className = "header-context";
       hCtxEl.innerHTML = '<div class="header-context-bar"><div class="header-context-fill"></div></div><span class="header-context-label"></span>';
-      statusArea.insertBefore(hCtxEl, statusArea.firstChild);
+      var workerBtn = document.getElementById("header-add-worker-btn");
+      var contextAnchor = workerBtn && workerBtn.parentNode === statusArea ? workerBtn.nextSibling : statusArea.firstChild;
+      statusArea.insertBefore(hCtxEl, contextAnchor);
       hCtxEl.addEventListener("mouseenter", function() {
         if (store.get('richContextUsage')) {
           showCtxPopover();

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

@@ -24,6 +24,7 @@ import { isSchedulerOpen, closeScheduler, resetScheduler } from './scheduler.js'
 import { connect, cancelReconnect, setStatus } from './app-connection.js';
 import { setTurnCounter, setPrependAnchor, setActivityEl, setIsUserScrolledUp, hideSuggestionChips } from './app-rendering.js';
 import { resetToolState, enableMainInput, resetTurnMetaCost } from './tools.js';
+import { resetShellCommand } from './shell-command.js';
 import { clearPendingImages } from './input.js';
 import { clearAllMentionActive } from './sidebar-mates.js';
 import { setRewindMode } from './rewind.js';
@@ -321,7 +322,7 @@ export function renderProjectList() {
       isWorktree: p.isWorktree || false,
       parentSlug: p.parentSlug || null,
       branch: p.branch || null,
-      worktreeAccessible: p.worktreeAccessible !== undefined ? p.worktreeAccessible : true,
+      worktreeExternal: p.worktreeExternal === true,
     };
   });
   var st = store.snap();
@@ -368,6 +369,7 @@ export function resetClientState() {
   store.set({ currentFullText: "" });
   resetToolState();
   clearPendingImages();
+  resetShellCommand();
   clearAllMentionActive();
   setActivityEl(null);
   store.set({ processing: false });