labgate 0.5.32 → 0.5.33

package/dist/lib/ui.html

@@ -5213,6 +5213,7 @@
       border: 1px solid var(--border-color);
       background: var(--card-bg);
       overflow: hidden;
+      flex-shrink: 0;
     }
     .terminal-chat-msg.user {
       margin-left: auto;
@@ -5275,15 +5276,18 @@
     .terminal-chat-msg.pending .terminal-chat-msg-header::after {
       content: '';
       display: inline-block;
-      width: 8px;
-      height: 8px;
+      width: 6px;
+      height: 6px;
       margin-left: 6px;
       border-radius: 50%;
-      border: 1.5px solid var(--border-color);
-      border-top-color: var(--accent);
-      animation: terminalHistorySpin 0.75s linear infinite;
+      background: var(--accent);
+      animation: chatPulse 1.4s ease-in-out infinite;
       vertical-align: middle;
     }
+    @keyframes chatPulse {
+      0%, 100% { opacity: 0.25; transform: scale(0.85); }
+      50% { opacity: 1; transform: scale(1); }
+    }
 
     /* ── Tool use cards (inline in chat transcript) ── */
     .terminal-chat-tool {
@@ -5300,6 +5304,7 @@
       color: var(--text-secondary);
       transition: opacity 0.2s;
       border-left: 2px solid var(--border-color);
+      flex-shrink: 0;
     }
     .terminal-chat-tool + .terminal-chat-tool {
       margin-top: -6px;
@@ -5330,12 +5335,11 @@
     }
     .terminal-chat-tool.pending .tool-icon {
       display: inline-block;
-      width: 10px;
-      height: 10px;
+      width: 6px;
+      height: 6px;
       border-radius: 50%;
-      border: 1.5px solid var(--border-color);
-      border-top-color: var(--accent);
-      animation: terminalHistorySpin 0.75s linear infinite;
+      background: var(--accent);
+      animation: chatPulse 1.4s ease-in-out infinite;
       font-size: 0;
       line-height: 0;
     }
@@ -5352,6 +5356,49 @@
       color: #dc2626;
     }
 
+    /* ── Collapsible tool groups ── */
+    .terminal-chat-tool-group {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+      flex-shrink: 0;
+    }
+    .terminal-chat-tool-group .terminal-chat-tool + .terminal-chat-tool {
+      margin-top: -6px;
+    }
+    .terminal-chat-tool-group .tool-group-collapsed {
+      display: none;
+    }
+    .terminal-chat-tool-group.expanded .tool-group-collapsed {
+      display: flex;
+    }
+    .tool-group-toggle {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 2px 10px;
+      margin-bottom: 2px;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      font-family: 'GeistMono', monospace;
+      font-size: 0.625rem;
+      color: var(--text-muted);
+      border-left: 2px solid var(--border-color);
+      transition: color 0.15s;
+    }
+    .tool-group-toggle:hover {
+      color: var(--text-secondary);
+    }
+    .tool-group-toggle .toggle-caret {
+      display: inline-block;
+      transition: transform 0.15s;
+      font-size: 0.5rem;
+    }
+    .terminal-chat-tool-group.expanded .tool-group-toggle .toggle-caret {
+      transform: rotate(90deg);
+    }
+
     /* ── Rich content widgets (inline in chat transcript) ── */
     .terminal-chat-widget {
       max-width: min(820px, 100%);
@@ -6000,11 +6047,11 @@
     <div class="terminal-input-shell" id="terminalInputShell">
       <div class="terminal-input-toolbar">
         <div class="terminal-input-mode-toggle">
-          <button class="terminal-input-mode-btn active" id="terminalInputModeChatBtn" type="button" onclick="setTerminalInputMode('chat', { focus: true })">Chat</button>
-          <button class="terminal-input-mode-btn" id="terminalInputModeRawBtn" type="button" onclick="setTerminalInputMode('raw', { focus: true })">Raw</button>
+          <button class="terminal-input-mode-btn" id="terminalInputModeChatBtn" type="button" onclick="setTerminalInputMode('chat', { focus: true })">Chat</button>
+          <button class="terminal-input-mode-btn active" id="terminalInputModeRawBtn" type="button" onclick="setTerminalInputMode('raw', { focus: true })">Raw</button>
         </div>
       </div>
-      <textarea id="terminalChatInput" class="terminal-input-chat" placeholder="Type command or prompt. Enter sends, Shift+Enter inserts newline." onfocus="activateTerminalChatInput()" onkeydown="handleTerminalChatInputKeydown(event)" spellcheck="false"></textarea>
+      <textarea id="terminalChatInput" class="terminal-input-chat" placeholder="Type command or prompt. Enter sends, Shift+Enter inserts newline." onkeydown="handleTerminalChatInputKeydown(event)" spellcheck="false"></textarea>
       <div class="terminal-input-actions">
         <span class="terminal-input-hint" id="terminalInputHint">Enter sends to terminal. Shift+Enter inserts newline.</span>
         <span class="terminal-input-spacer"></span>
@@ -6131,7 +6178,7 @@
         <div class="explorer-experiment-row">
           <select id="explorerAgentModeSelect" onchange="explorerOnAgentModeChanged()">
             <option value="stub">Agent: Stub (deterministic)</option>
-            <option value="claude_headless">Agent: Claude headless</option>
+            <option value="claude_headless">Agent: Claude headless (beta)</option>
           </select>
         </div>
         <div class="explorer-experiment-row">
@@ -6319,6 +6366,16 @@
           </div>
         </div>
       </div>
+      <div class="settings-section">
+        <h3>Headless Chat <span style="display:inline-block;padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff;font-size:0.625rem;font-weight:700;vertical-align:middle;margin-left:6px;letter-spacing:0.03em">BETA</span></h3>
+        <p class="card-description">Enable a structured chat interface for Claude sessions running on Apptainer. This replaces the raw terminal view with a chat transcript showing tool calls and responses. <strong>Experimental</strong> &mdash; may not work reliably in all configurations.</p>
+        <div class="field">
+          <label class="toggle-row" style="display:flex;align-items:center;gap:10px;cursor:pointer">
+            <input type="checkbox" id="headlessEnabledToggle" onchange="toggleHeadlessEnabled(this.checked)">
+            <span>Enable headless chat mode</span>
+          </label>
+        </div>
+      </div>
     </div>
 
     <!-- Network sub-panel -->
@@ -6675,7 +6732,8 @@ var webTerm = {
   outOfSyncOverlayDismissed: false,
   outOfSyncAutoReconnectTimer: 0,
   outOfSyncAutoReconnectCooldownUntil: 0,
-  inputMode: 'chat',
+  inputMode: 'raw',
+  headlessEnabled: false,
   headlessSocket: null,
   headlessRunning: false,
   headlessResumeBySession: {},
@@ -6709,7 +6767,8 @@ var AUTO_COPY_SELECTION_DEDUPE_WINDOW_MS = 1400;
 var autoCopySelectionState = {
   inFlight: false,
   lastText: '',
-  lastCopiedAt: 0
+  lastCopiedAt: 0,
+  lastToastAt: 0
 };
 
 function getCachedClaudeEmail() {
@@ -6950,7 +7009,19 @@ function getWebTerminalSessionRuntime(session) {
   return '';
 }
 
+function toggleHeadlessEnabled(enabled) {
+  webTerm.headlessEnabled = !!enabled;
+  try { localStorage.setItem('labgate_headless_enabled', enabled ? '1' : '0'); } catch(e) {}
+  if (!enabled && webTerm.inputMode === 'chat') {
+    setTerminalInputMode('raw', { focus: false });
+  }
+  updateTerminalInputModeUi();
+  updateTerminalInputAvailability();
+  updateTerminalPresentationMode();
+}
+
 function isHeadlessClaudeChatSupported() {
+  if (!webTerm.headlessEnabled) return false;
   var session = getAttachedWebTerminalSession();
   if (!session) return false;
   var agent = String(session.agent || '').toLowerCase();
@@ -7051,26 +7122,69 @@ function renderTerminalChatTranscript() {
   }
   var transcript = getHeadlessTranscript(sessionId);
   if (!transcript.length) {
-    el.innerHTML = '<div class="terminal-chat-empty">Claude headless chat is ready. Your prompts and responses will appear here.</div>';
+    el.innerHTML = '<div class="terminal-chat-empty"><strong style="color:var(--accent)">Beta</strong> &mdash; Claude headless chat is ready. This feature is experimental and under active development. Your prompts and responses will appear here.</div>';
     return;
   }
-  var html = transcript.map(function(entry) {
+  // Group consecutive tool entries for collapsible rendering
+  var groups = [];
+  var currentToolGroup = [];
+  for (var ti = 0; ti < transcript.length; ti++) {
+    var entry = transcript[ti];
     var role = String(entry.role || 'assistant');
-
-    // Render tool entries as compact inline cards
     if (role === 'tool') {
-      var toolClasses = ['terminal-chat-tool'];
-      if (entry.toolDone) toolClasses.push('done');
-      else if (entry.toolError) toolClasses.push('error');
-      else toolClasses.push('pending');
-      var icon = entry.toolDone ? '\u2713' : entry.toolError ? '\u2717' : '\u26a1';
-      return '<div class="' + toolClasses.join(' ') + '">'
-        + '<span class="tool-icon">' + icon + '</span>'
-        + '<span class="tool-name">' + escapeHtml(String(entry.toolName || 'tool')) + '</span>'
-        + (entry.toolDetail ? '<span class="tool-detail">' + escapeHtml(String(entry.toolDetail)) + '</span>' : '')
-        + '</div>';
+      currentToolGroup.push(entry);
+    } else {
+      if (currentToolGroup.length) {
+        groups.push({ type: 'tools', items: currentToolGroup });
+        currentToolGroup = [];
+      }
+      groups.push({ type: 'entry', entry: entry });
+    }
+  }
+  if (currentToolGroup.length) {
+    groups.push({ type: 'tools', items: currentToolGroup });
+  }
+
+  var html = groups.map(function(group, gi) {
+    if (group.type === 'tools') {
+      var items = group.items;
+      var VISIBLE_COUNT = 2;
+      var needsCollapse = items.length > VISIBLE_COUNT + 1;
+      var renderToolDiv = function(e) {
+        var toolClasses = ['terminal-chat-tool'];
+        if (e.toolDone) toolClasses.push('done');
+        else if (e.toolError) toolClasses.push('error');
+        else toolClasses.push('pending');
+        var icon = e.toolDone ? '\u2713' : e.toolError ? '\u2717' : '\u26a1';
+        return '<div class="' + toolClasses.join(' ') + '">'
+          + '<span class="tool-icon">' + icon + '</span>'
+          + '<span class="tool-name">' + escapeHtml(String(e.toolName || 'tool')) + '</span>'
+          + (e.toolDetail ? '<span class="tool-detail">' + escapeHtml(String(e.toolDetail)) + '</span>' : '')
+          + '</div>';
+      };
+      if (!needsCollapse) {
+        return items.map(renderToolDiv).join('');
+      }
+      var hiddenCount = items.length - VISIBLE_COUNT;
+      var groupId = 'tool-group-' + gi;
+      var out = '<div class="terminal-chat-tool-group" id="' + groupId + '">';
+      out += '<button type="button" class="tool-group-toggle" onclick="var g=document.getElementById(\'' + groupId + '\');g.classList.toggle(\'expanded\');this.querySelector(\'.toggle-label\').textContent=g.classList.contains(\'expanded\')?\'\u25BE Hide '+hiddenCount+' tool calls\':\'\u25B8 '+hiddenCount+' more tool calls\';this.querySelector(\'.toggle-caret\').textContent=g.classList.contains(\'expanded\')?\'\u25BE\':\'\u25B8\'">'
+        + '<span class="toggle-caret">\u25B8</span>'
+        + '<span class="toggle-label">' + hiddenCount + ' more tool calls</span>'
+        + '</button>';
+      for (var hi = 0; hi < items.length - VISIBLE_COUNT; hi++) {
+        out += renderToolDiv(items[hi]).replace('class="terminal-chat-tool', 'class="terminal-chat-tool tool-group-collapsed');
+      }
+      for (var vi = items.length - VISIBLE_COUNT; vi < items.length; vi++) {
+        out += renderToolDiv(items[vi]);
+      }
+      out += '</div>';
+      return out;
     }
 
+    var entry = group.entry;
+    var role = String(entry.role || 'assistant');
+
     // Render widget entries as rich content cards
     if (role === 'widget') {
       var widgetId = 'widget-' + entry.id;
@@ -8183,10 +8297,13 @@ function updateTerminalInputModeUi() {
   }
   var headless = isHeadlessClaudeChatAvailable();
 
+  var modeToggle = inputShell ? inputShell.querySelector('.terminal-input-mode-toggle') : null;
   if (inputShell) {
     inputShell.classList.toggle('raw-mode', isRaw);
     inputShell.classList.toggle('out-of-sync', !!webTerm.outOfSync);
   }
+  // Hide the Chat/Raw toggle entirely when headless is not enabled
+  if (modeToggle) modeToggle.style.display = webTerm.headlessEnabled ? '' : 'none';
   if (chatBtn) chatBtn.classList.toggle('active', !isRaw && headlessCapable);
   if (rawBtn) rawBtn.classList.toggle('active', isRaw);
   if (hint) {
@@ -8992,6 +9109,33 @@ function ensureWebTerminalReady() {
     if (!clean) return;
     sendTerminalInputData(clean, { silent: true });
   });
+  if (typeof webTerm.terminal.onSelectionChange === 'function') {
+    webTerm.terminal.onSelectionChange(function() {
+      runAutoCopySelection({
+        getText: getTerminalSelectionText,
+        allowFallback: true,
+        allowTextareaFallback: false
+      });
+    });
+  }
+  if (typeof webTerm.terminal.attachCustomKeyEventHandler === 'function') {
+    webTerm.terminal.attachCustomKeyEventHandler(function(event) {
+      if (!isTerminalCopyShortcut(event)) return true;
+      var selectedText = getTerminalSelectionText();
+      if (!selectedText) return true;
+      event.preventDefault();
+      runAutoCopySelection({
+        text: selectedText,
+        allowEditable: true,
+        force: true,
+        allowFallback: true,
+        fallbackRestoreFocus: false,
+        notifyCopied: true,
+        copiedToastMessage: 'Copied'
+      });
+      return false;
+    });
+  }
   webTerm.terminal.onResize(function(size) {
     if (!webTerm.socket || webTerm.socket.readyState !== WebSocket.OPEN) return;
     webTerm.socket.send(JSON.stringify({ type: 'resize', cols: size.cols, rows: size.rows }));
@@ -9694,6 +9838,11 @@ try {
   }
 } catch(e) {}
 
+// Restore headless chat preference
+try {
+  webTerm.headlessEnabled = localStorage.getItem('labgate_headless_enabled') === '1';
+} catch(e) {}
+
 applyExplorerDevModeVisibility();
 
 function saveSidebarState() {
@@ -10560,9 +10709,57 @@ function isEditableSelectionNode(node) {
   return false;
 }
 
-function fallbackCopyTextToClipboard(text) {
-  if (!text) return false;
+function getTerminalSelectionText() {
+  if (!webTerm || !webTerm.terminal) return '';
+  try {
+    if (typeof webTerm.terminal.hasSelection === 'function' && webTerm.terminal.hasSelection()) {
+      return webTerm.terminal.getSelection() || '';
+    }
+  } catch (_errSelection) {}
+  return '';
+}
+
+function isTerminalCopyShortcut(event) {
+  if (!event || event.type !== 'keydown') return false;
+  var key = String(event.key || '').toLowerCase();
+  if ((event.metaKey || event.ctrlKey) && !event.altKey && !event.shiftKey && key === 'c') return true;
+  if (event.ctrlKey && event.shiftKey && !event.altKey && key === 'c') return true;
+  if (event.ctrlKey && !event.altKey && !event.metaKey && key === 'insert') return true;
+  return false;
+}
+
+function isNodeInsideTerminalView(node) {
+  var el = node && node.nodeType === 1 ? node : (node && node.parentElement ? node.parentElement : null);
+  while (el) {
+    if (el.id === 'terminalView') return true;
+    el = el.parentElement;
+  }
+  return false;
+}
+
+function isTerminalSelectionContext() {
+  var terminalSelection = getTerminalSelectionText();
+  if (terminalSelection && String(terminalSelection).trim()) return true;
   var selection = window.getSelection();
+  if (!selection || selection.isCollapsed) return false;
+  return isNodeInsideTerminalView(selection.anchorNode) || isNodeInsideTerminalView(selection.focusNode);
+}
+
+function maybeShowCopiedToast(opts) {
+  var options = opts || {};
+  var now = Date.now();
+  var minIntervalMs = typeof options.minIntervalMs === 'number' ? options.minIntervalMs : 800;
+  if ((now - autoCopySelectionState.lastToastAt) < minIntervalMs) return;
+  autoCopySelectionState.lastToastAt = now;
+  showToast(options.message || 'Copied', options.type || 'success');
+}
+
+function fallbackCopyTextToClipboard(text, opts) {
+  if (!text) return false;
+  var options = opts || {};
+  var preserveSelection = options.preserveSelection !== false;
+  var restoreFocus = options.restoreFocus !== false;
+  var selection = preserveSelection ? window.getSelection() : null;
   var preservedRanges = [];
   if (selection && typeof selection.rangeCount === 'number') {
     for (var i = 0; i < selection.rangeCount; i++) {
@@ -10595,15 +10792,40 @@ function fallbackCopyTextToClipboard(text) {
       try { selection.addRange(range); } catch (_errAdd) {}
     });
   }
-  if (activeElement && typeof activeElement.focus === 'function') {
+  if (restoreFocus && activeElement && typeof activeElement.focus === 'function') {
     try { activeElement.focus(); } catch (_errFocus) {}
   }
   return ok;
 }
 
+function execCommandCopyTextToClipboard(text) {
+  var rawText = typeof text === 'string' ? text : '';
+  if (!rawText || typeof document.execCommand !== 'function') return false;
+  var copied = false;
+  function onCopy(event) {
+    if (!event || !event.clipboardData || typeof event.clipboardData.setData !== 'function') return;
+    try {
+      event.clipboardData.setData('text/plain', rawText);
+      event.preventDefault();
+      copied = true;
+    } catch (_errSetData) {}
+  }
+  document.addEventListener('copy', onCopy);
+  try {
+    copied = document.execCommand('copy') || copied;
+  } catch (_errExec) {
+    copied = copied || false;
+  }
+  document.removeEventListener('copy', onCopy);
+  return copied;
+}
+
 function writeTextToClipboard(text, opts) {
   var options = opts || {};
   var allowFallback = options.allowFallback !== false;
+  var allowTextareaFallback = options.allowTextareaFallback !== false;
+  var fallbackRestoreFocus = options.fallbackRestoreFocus !== false;
+  var fallbackPreserveSelection = options.fallbackPreserveSelection !== false;
   var rawText = typeof text === 'string' ? text : '';
   if (!rawText) return Promise.resolve(false);
   if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
@@ -10611,11 +10833,21 @@ function writeTextToClipboard(text, opts) {
       return true;
     }).catch(function() {
       if (!allowFallback) return false;
-      return fallbackCopyTextToClipboard(rawText);
+      if (execCommandCopyTextToClipboard(rawText)) return true;
+      if (!allowTextareaFallback) return false;
+      return fallbackCopyTextToClipboard(rawText, {
+        restoreFocus: fallbackRestoreFocus,
+        preserveSelection: fallbackPreserveSelection
+      });
     });
   }
   if (!allowFallback) return Promise.resolve(false);
-  return Promise.resolve(fallbackCopyTextToClipboard(rawText));
+  if (execCommandCopyTextToClipboard(rawText)) return Promise.resolve(true);
+  if (!allowTextareaFallback) return Promise.resolve(false);
+  return Promise.resolve(fallbackCopyTextToClipboard(rawText, {
+    restoreFocus: fallbackRestoreFocus,
+    preserveSelection: fallbackPreserveSelection
+  }));
 }
 
 function runAutoCopySelection(opts) {
@@ -10632,11 +10864,14 @@ function runAutoCopySelection(opts) {
   }
   if (!text) {
     var selection = window.getSelection();
-    if (!selection || selection.isCollapsed) return;
-    if (!options.allowEditable && (isEditableSelectionNode(selection.anchorNode) || isEditableSelectionNode(selection.focusNode))) {
-      return;
+    if (selection && !selection.isCollapsed) {
+      if (!options.allowEditable && (isEditableSelectionNode(selection.anchorNode) || isEditableSelectionNode(selection.focusNode))) {
+        return;
+      }
+      text = selection.toString();
+    } else {
+      text = getTerminalSelectionText();
     }
-    text = selection.toString();
   }
   if (!text) return;
   var normalized = String(text).replace(/\s+/g, ' ').trim();
@@ -10644,17 +10879,30 @@ function runAutoCopySelection(opts) {
 
   var now = Date.now();
   if (
+    !options.force
+    &&
     normalized === autoCopySelectionState.lastText
     && (now - autoCopySelectionState.lastCopiedAt) < AUTO_COPY_SELECTION_DEDUPE_WINDOW_MS
   ) {
+    if (options.notifyCopied) {
+      maybeShowCopiedToast({ message: options.copiedToastMessage || 'Copied' });
+    }
     return;
   }
   if (autoCopySelectionState.inFlight) return;
   autoCopySelectionState.inFlight = true;
-  writeTextToClipboard(text, { allowFallback: true }).then(function(copied) {
+  writeTextToClipboard(text, {
+    allowFallback: options.allowFallback !== false,
+    allowTextareaFallback: options.allowTextareaFallback !== false,
+    fallbackRestoreFocus: options.fallbackRestoreFocus !== false,
+    fallbackPreserveSelection: options.fallbackPreserveSelection !== false
+  }).then(function(copied) {
     if (copied) {
       autoCopySelectionState.lastText = normalized;
       autoCopySelectionState.lastCopiedAt = Date.now();
+      if (options.notifyCopied) {
+        maybeShowCopiedToast({ message: options.copiedToastMessage || 'Copied' });
+      }
     }
     autoCopySelectionState.inFlight = false;
   }).catch(function() {
@@ -11025,6 +11273,9 @@ function syncHeroStartForm() {
 function openSettingsModal() {
   var modal = document.getElementById('settingsModal');
   modal.classList.add('visible');
+  // Sync headless toggle
+  var headlessToggle = document.getElementById('headlessEnabledToggle');
+  if (headlessToggle) headlessToggle.checked = !!webTerm.headlessEnabled;
   // Load data for active sub-tab
   var activeSubTab = document.querySelector('.sub-tab.active');
   if (activeSubTab && activeSubTab.dataset.subtab === 'mcp') { setMcpTabActive(true); loadMcpServers(); }
@@ -14409,7 +14660,6 @@ function removeWidget(widgetId) {
 }
 
 function clearWidgets() {
-  if (widgetsCache.length === 0) return;
   fetch('/api/widgets/clear', {
     method: 'POST',
     headers: apiWriteHeaders(),
@@ -15570,7 +15820,12 @@ document.addEventListener('keydown', function(e) {
 });
 document.addEventListener('mouseup', function(e) {
   if (e && e.button !== 0) return;
-  runAutoCopySelection();
+  runAutoCopySelection({
+    allowFallback: true,
+    allowTextareaFallback: false,
+    notifyCopied: isTerminalSelectionContext(),
+    copiedToastMessage: 'Copied'
+  });
 });
 document.addEventListener('keyup', function(e) {
   if (!e) return;
@@ -15583,7 +15838,12 @@ document.addEventListener('keyup', function(e) {
     || key.indexOf('Arrow') === 0
     || ((e.ctrlKey || e.metaKey) && key.toLowerCase() === 'a');
   if (!isSelectionKey) return;
-  runAutoCopySelection();
+  runAutoCopySelection({
+    allowFallback: true,
+    allowTextareaFallback: false,
+    notifyCopied: isTerminalSelectionContext(),
+    copiedToastMessage: 'Copied'
+  });
 });
 </script>
 

package/dist/lib/ui.js

@@ -1195,27 +1195,32 @@ function closeWebTerminalBridgeClients(bridge, code = 4001, reason = 'labgate-br
 }
 async function ensureWebTerminalBridge(record) {
     const existing = webTerminalBridges.get(record.id);
-    if (existing && existing.pty)
-        return existing;
-    const ptyModule = await loadNodePtyModule();
-    if (!ptyModule) {
-        return null;
-    }
     let tmuxBin = 'tmux';
     try {
         tmuxBin = await (0, web_terminal_js_1.getTmuxBinary)();
     }
     catch (err) {
+        if (existing && existing.pty) {
+            log.warn(`Could not resolve tmux binary for web terminal bridge ${record.id}: ${err?.message ?? String(err)}`);
+            return existing;
+        }
         log.warn(`Could not resolve tmux binary for web terminal bridge ${record.id}: ${err?.message ?? String(err)}`);
         return null;
     }
     try {
-        // Keep wheel scrolling intuitive for both new and existing sessions.
-        await execFileAsync(tmuxBin, ['set-option', '-t', record.tmuxSession, 'mouse', 'on'], { timeout: 10_000 });
+        // Keep web terminal copy/selection behavior reliable by letting xterm own
+        // mouse selection instead of tmux copy-mode selection.
+        await execFileAsync(tmuxBin, ['set-option', '-t', record.tmuxSession, 'mouse', 'off'], { timeout: 10_000 });
     }
     catch {
         // Best effort only; attach should still proceed.
     }
+    if (existing && existing.pty)
+        return existing;
+    const ptyModule = await loadNodePtyModule();
+    if (!ptyModule) {
+        return null;
+    }
     const env = {};
     for (const [k, v] of Object.entries(process.env)) {
         if (v !== undefined)
@@ -1376,7 +1381,6 @@ async function startClaudeHeadlessWsRun(ws, record, prompt, resumeSessionId) {
         return () => { };
     }
     const args = buildClaudeHeadlessApptainerArgs(config, record.workdir, trimmedPrompt, resumeSessionId);
-    send({ type: 'status', stage: 'run', message: 'Running Claude in headless mode...' });
     const child = (0, child_process_1.spawn)('apptainer', args, {
         cwd: record.workdir,
         env: process.env,