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

package/lib/public/app.js

@@ -51,6 +51,7 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
 import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } from './modules/mate-wizard.js';
 import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } from './modules/command-palette.js';
 import { initLongPress } from './modules/longpress.js';
+import { initShellCommand } from './modules/shell-command.js';
 import { initConnection, connect as _connConnect, setStatus as _connSetStatus, scheduleReconnect as _connScheduleReconnect, cancelReconnect as _connCancelReconnect } from './modules/app-connection.js';
 import { processMessage as _msgProcessMessage } from './modules/app-messages.js';
 import { getWs as _getWsRef, setWs as _setWsRef } from './modules/ws-ref.js';
@@ -294,6 +295,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     slashCommands: [],
     processing: false,
     activeSessionId: null,
+    sessionVendorBound: false,
     cliSessionId: null,
     isHeadlessMode: false,
     savedMainSlug: null,
@@ -308,6 +310,9 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     returningFromMateDm: false,
     pendingMateInterview: null,
     pendingTermCommand: null,
+    shellCommandMode: false,
+    shellCommandRunning: false,
+    pendingShellCommandId: null,
     mateProjectSlug: null,
     myUserId: null,
     isMultiUserMode: false,
@@ -552,6 +557,22 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   var newMsgBtnDefault = "\u2193 Latest";
   var newMsgBtnActivity = "\u2193 New activity";
 
+  // The composer grows for mobile tabs, safe areas, multiline input, and the
+  // keyboard. Keep the jump button immediately above its real height instead
+  // of relying on one fixed bottom offset.
+  function positionNewMsgButton() {
+    var inputArea = $("input-area");
+    if (!inputArea) return;
+    newMsgBtn.style.bottom = (inputArea.offsetHeight + 12) + "px";
+  }
+  var inputAreaForNewMsgBtn = $("input-area");
+  if (inputAreaForNewMsgBtn && window.ResizeObserver) {
+    new ResizeObserver(positionNewMsgButton).observe(inputAreaForNewMsgBtn);
+  } else {
+    window.addEventListener("resize", positionNewMsgButton);
+  }
+  positionNewMsgButton();
+
   messagesEl.addEventListener("scroll", function () {
     // While sticky-bottom is armed (e.g. just after history_done or a "New
     // activity" click), suppress "user scrolled up" detection. Growth-induced
@@ -793,6 +814,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     },
   });
 
+  initShellCommand();
+
   // --- @Mention module ---
   initMention({
     get ws() { return _getWsRef(); },
@@ -879,6 +902,10 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
         if (termBtn) termBtn.style.display = "none";
         var termSideBtn = document.getElementById("terminal-sidebar-btn");
         if (termSideBtn) termSideBtn.style.display = "none";
+        var shellCommandBtn = document.getElementById("shell-command-btn");
+        if (shellCommandBtn) shellCommandBtn.style.display = "none";
+        var mobileShellCommandBtn = document.getElementById("input-more-shell");
+        if (mobileShellCommandBtn) mobileShellCommandBtn.style.display = "none";
       }
       if (!_perms.fileBrowser) {
         var fbBtn = document.getElementById("file-browser-btn");
@@ -922,6 +949,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     messagesEl: messagesEl,
     sessionListEl: sessionListEl,
     scrollToBottom: scrollToBottom,
+    forceScrollToBottom: forceScrollToBottom,
     basePath: basePath,
     toggleUsagePanel: toggleUsagePanel,
     toggleStatusPanel: toggleStatusPanel,

package/lib/public/copilot-avatar.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="GitHub Copilot CLI">
+  <rect width="64" height="64" rx="14" fill="#24292f"/>
+  <path d="M15 25c0-8 7-14 17-14s17 6 17 14v15c0 8-7 13-17 13s-17-5-17-13zm8 1v13c0 4 4 7 9 7s9-3 9-7V26c0-4-4-7-9-7s-9 3-9 7z" fill="#fff"/>
+  <circle cx="27" cy="30" r="3" fill="#24292f"/><circle cx="37" cy="30" r="3" fill="#24292f"/>
+</svg>

package/lib/public/css/command-palette.css

@@ -434,6 +434,7 @@
    on hover/active, and a 4-direction drop-shadow + white glow on the
    emoji img for readability on either background. */
 .project-switcher-item .cmd-palette-item-icon {
+  position: relative;
   width: 44px;
   height: 44px;
   font-size: 28px;
@@ -447,6 +448,26 @@
   flex-shrink: 0;
   transition: background 0.15s, color 0.15s;
 }
+.project-switcher-external-badge {
+  position: absolute;
+  right: -5px;
+  bottom: -5px;
+  width: 17px;
+  height: 17px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px solid var(--bg);
+  border-radius: 50%;
+  background: var(--warning);
+  color: var(--bg);
+  pointer-events: none;
+}
+.project-switcher-item .cmd-palette-item-icon .project-switcher-external-badge .lucide {
+  width: 9px;
+  height: 9px;
+  stroke-width: 2.8;
+}
 .project-switcher-item .cmd-palette-item-icon .lucide {
   width: 22px;
   height: 22px;
@@ -515,8 +536,7 @@
   letter-spacing: 0.5px;
 }
 
-/* Disabled tile (e.g. worktree with worktreeAccessible: false). Not a
-   valid switch target, so skip highlight, skip click, visually dim. */
+/* Disabled tiles are skipped by keyboard and pointer selection. */
 .project-switcher-item.disabled {
   opacity: 0.35;
   cursor: not-allowed;

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

@@ -1257,20 +1257,27 @@
   z-index: 1;
 }
 
-/* Disabled/inaccessible worktree */
-.icon-strip-wt-item.wt-disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-
-.icon-strip-wt-item.wt-disabled::after {
-  content: "\1F6AB";
+/* Worktree registered outside the main project folder. It remains usable;
+   the badge communicates location without treating it as an error. */
+.worktree-external-badge {
   position: absolute;
-  font-size: 14px;
+  right: 5px;
+  bottom: 1px;
+  width: 14px;
+  height: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  border: 2px solid var(--sidebar-bg);
+  background: var(--warning);
+  color: var(--bg);
   z-index: 3;
-  filter: grayscale(0.3);
+  pointer-events: none;
 }
 
+.worktree-external-badge .lucide { width: 8px; height: 8px; stroke-width: 2.8; }
+
 /* Group add button */
 .icon-strip-group-add {
   width: 30px;
@@ -1420,11 +1427,20 @@ select.wt-modal-input {
   opacity: 0.85;
 }
 
-.mobile-project-item.wt-disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
+.mobile-worktree-external-badge {
+  width: 20px;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 7px;
+  background: color-mix(in srgb, var(--warning) 14%, transparent);
+  color: var(--warning);
+  flex-shrink: 0;
 }
 
+.mobile-worktree-external-badge .lucide { width: 12px; height: 12px; stroke-width: 2.4; }
+
 .mobile-folder-chevron {
   font-size: 8px;
   color: var(--text-dimmer);

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,21 @@
 .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; }
+}
 @media (max-width: 900px) {
   .vendor-toggle-label { display: none; }
   .vendor-toggle-btn { padding: 0 8px; }
@@ -822,6 +838,7 @@
 
 #attach-file-btn,
 #attach-image-btn,
+#shell-command-btn,
 #schedule-btn,
 #input-more-btn {
   width: 36px;
@@ -840,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,13 @@
 .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 */
 .mate-sidebar-header .sidebar-collapse-btn {

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,6 +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-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>
@@ -607,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">
@@ -2325,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 = "";
         }