@phenx-inc/ctlsurf 0.1.15 → 0.1.18

package/out/main/index.js

@@ -4,10 +4,10 @@ const path = require("path");
 const fs = require("fs");
 const os = require("os");
 const module$1 = require("module");
-const require$$1$1 = require("crypto");
+const require$$1 = require("crypto");
 const require$$0$3 = require("events");
-const require$$1$2 = require("https");
-const require$$2$1 = require("http");
+const require$$1$1 = require("https");
+const require$$2 = require("http");
 const require$$3 = require("net");
 const require$$4 = require("tls");
 const require$$0$2 = require("stream");
@@ -293,30 +293,6 @@ function cleanOutput(str) {
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
 var bufferUtil = { exports: {} };
 var constants;
 var hasRequiredConstants;
@@ -341,12 +317,223 @@ function requireConstants() {
   };
   return constants;
 }
-const __viteOptionalPeerDep_bufferutil_ws = {};
-const __viteOptionalPeerDep_bufferutil_ws$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: __viteOptionalPeerDep_bufferutil_ws
-}, Symbol.toStringTag, { value: "Module" }));
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(__viteOptionalPeerDep_bufferutil_ws$1);
+var bufferutil = { exports: {} };
+function commonjsRequire(path2) {
+  throw new Error('Could not dynamically require "' + path2 + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+var nodeGypBuild$1 = { exports: {} };
+var nodeGypBuild;
+var hasRequiredNodeGypBuild$1;
+function requireNodeGypBuild$1() {
+  if (hasRequiredNodeGypBuild$1) return nodeGypBuild;
+  hasRequiredNodeGypBuild$1 = 1;
+  var fs$1 = fs;
+  var path$1 = path;
+  var os$1 = os;
+  var runtimeRequire = typeof __webpack_require__ === "function" ? __non_webpack_require__ : commonjsRequire;
+  var vars = process.config && process.config.variables || {};
+  var prebuildsOnly = !!process.env.PREBUILDS_ONLY;
+  var abi = process.versions.modules;
+  var runtime = isElectron() ? "electron" : isNwjs() ? "node-webkit" : "node";
+  var arch = process.env.npm_config_arch || os$1.arch();
+  var platform = process.env.npm_config_platform || os$1.platform();
+  var libc = process.env.LIBC || (isAlpine(platform) ? "musl" : "glibc");
+  var armv = process.env.ARM_VERSION || (arch === "arm64" ? "8" : vars.arm_version) || "";
+  var uv = (process.versions.uv || "").split(".")[0];
+  nodeGypBuild = load;
+  function load(dir) {
+    return runtimeRequire(load.resolve(dir));
+  }
+  load.resolve = load.path = function(dir) {
+    dir = path$1.resolve(dir || ".");
+    try {
+      var name = runtimeRequire(path$1.join(dir, "package.json")).name.toUpperCase().replace(/-/g, "_");
+      if (process.env[name + "_PREBUILD"]) dir = process.env[name + "_PREBUILD"];
+    } catch (err) {
+    }
+    if (!prebuildsOnly) {
+      var release = getFirst(path$1.join(dir, "build/Release"), matchBuild);
+      if (release) return release;
+      var debug = getFirst(path$1.join(dir, "build/Debug"), matchBuild);
+      if (debug) return debug;
+    }
+    var prebuild = resolve(dir);
+    if (prebuild) return prebuild;
+    var nearby = resolve(path$1.dirname(process.execPath));
+    if (nearby) return nearby;
+    var target = [
+      "platform=" + platform,
+      "arch=" + arch,
+      "runtime=" + runtime,
+      "abi=" + abi,
+      "uv=" + uv,
+      armv ? "armv=" + armv : "",
+      "libc=" + libc,
+      "node=" + process.versions.node,
+      process.versions.electron ? "electron=" + process.versions.electron : "",
+      typeof __webpack_require__ === "function" ? "webpack=true" : ""
+      // eslint-disable-line
+    ].filter(Boolean).join(" ");
+    throw new Error("No native build was found for " + target + "\n    loaded from: " + dir + "\n");
+    function resolve(dir2) {
+      var tuples = readdirSync(path$1.join(dir2, "prebuilds")).map(parseTuple);
+      var tuple = tuples.filter(matchTuple(platform, arch)).sort(compareTuples)[0];
+      if (!tuple) return;
+      var prebuilds = path$1.join(dir2, "prebuilds", tuple.name);
+      var parsed = readdirSync(prebuilds).map(parseTags);
+      var candidates = parsed.filter(matchTags(runtime, abi));
+      var winner = candidates.sort(compareTags(runtime))[0];
+      if (winner) return path$1.join(prebuilds, winner.file);
+    }
+  };
+  function readdirSync(dir) {
+    try {
+      return fs$1.readdirSync(dir);
+    } catch (err) {
+      return [];
+    }
+  }
+  function getFirst(dir, filter) {
+    var files = readdirSync(dir).filter(filter);
+    return files[0] && path$1.join(dir, files[0]);
+  }
+  function matchBuild(name) {
+    return /\.node$/.test(name);
+  }
+  function parseTuple(name) {
+    var arr = name.split("-");
+    if (arr.length !== 2) return;
+    var platform2 = arr[0];
+    var architectures = arr[1].split("+");
+    if (!platform2) return;
+    if (!architectures.length) return;
+    if (!architectures.every(Boolean)) return;
+    return { name, platform: platform2, architectures };
+  }
+  function matchTuple(platform2, arch2) {
+    return function(tuple) {
+      if (tuple == null) return false;
+      if (tuple.platform !== platform2) return false;
+      return tuple.architectures.includes(arch2);
+    };
+  }
+  function compareTuples(a, b) {
+    return a.architectures.length - b.architectures.length;
+  }
+  function parseTags(file) {
+    var arr = file.split(".");
+    var extension2 = arr.pop();
+    var tags = { file, specificity: 0 };
+    if (extension2 !== "node") return;
+    for (var i = 0; i < arr.length; i++) {
+      var tag = arr[i];
+      if (tag === "node" || tag === "electron" || tag === "node-webkit") {
+        tags.runtime = tag;
+      } else if (tag === "napi") {
+        tags.napi = true;
+      } else if (tag.slice(0, 3) === "abi") {
+        tags.abi = tag.slice(3);
+      } else if (tag.slice(0, 2) === "uv") {
+        tags.uv = tag.slice(2);
+      } else if (tag.slice(0, 4) === "armv") {
+        tags.armv = tag.slice(4);
+      } else if (tag === "glibc" || tag === "musl") {
+        tags.libc = tag;
+      } else {
+        continue;
+      }
+      tags.specificity++;
+    }
+    return tags;
+  }
+  function matchTags(runtime2, abi2) {
+    return function(tags) {
+      if (tags == null) return false;
+      if (tags.runtime && tags.runtime !== runtime2 && !runtimeAgnostic(tags)) return false;
+      if (tags.abi && tags.abi !== abi2 && !tags.napi) return false;
+      if (tags.uv && tags.uv !== uv) return false;
+      if (tags.armv && tags.armv !== armv) return false;
+      if (tags.libc && tags.libc !== libc) return false;
+      return true;
+    };
+  }
+  function runtimeAgnostic(tags) {
+    return tags.runtime === "node" && tags.napi;
+  }
+  function compareTags(runtime2) {
+    return function(a, b) {
+      if (a.runtime !== b.runtime) {
+        return a.runtime === runtime2 ? -1 : 1;
+      } else if (a.abi !== b.abi) {
+        return a.abi ? -1 : 1;
+      } else if (a.specificity !== b.specificity) {
+        return a.specificity > b.specificity ? -1 : 1;
+      } else {
+        return 0;
+      }
+    };
+  }
+  function isNwjs() {
+    return !!(process.versions && process.versions.nw);
+  }
+  function isElectron() {
+    if (process.versions && process.versions.electron) return true;
+    if (process.env.ELECTRON_RUN_AS_NODE) return true;
+    return typeof window !== "undefined" && window.process && window.process.type === "renderer";
+  }
+  function isAlpine(platform2) {
+    return platform2 === "linux" && fs$1.existsSync("/etc/alpine-release");
+  }
+  load.parseTags = parseTags;
+  load.matchTags = matchTags;
+  load.compareTags = compareTags;
+  load.parseTuple = parseTuple;
+  load.matchTuple = matchTuple;
+  load.compareTuples = compareTuples;
+  return nodeGypBuild;
+}
+var hasRequiredNodeGypBuild;
+function requireNodeGypBuild() {
+  if (hasRequiredNodeGypBuild) return nodeGypBuild$1.exports;
+  hasRequiredNodeGypBuild = 1;
+  const runtimeRequire = typeof __webpack_require__ === "function" ? __non_webpack_require__ : commonjsRequire;
+  if (typeof runtimeRequire.addon === "function") {
+    nodeGypBuild$1.exports = runtimeRequire.addon.bind(runtimeRequire);
+  } else {
+    nodeGypBuild$1.exports = requireNodeGypBuild$1();
+  }
+  return nodeGypBuild$1.exports;
+}
+var fallback$1;
+var hasRequiredFallback$1;
+function requireFallback$1() {
+  if (hasRequiredFallback$1) return fallback$1;
+  hasRequiredFallback$1 = 1;
+  const mask = (source, mask2, output, offset, length) => {
+    for (var i = 0; i < length; i++) {
+      output[offset + i] = source[i] ^ mask2[i & 3];
+    }
+  };
+  const unmask = (buffer, mask2) => {
+    const length = buffer.length;
+    for (var i = 0; i < length; i++) {
+      buffer[i] ^= mask2[i & 3];
+    }
+  };
+  fallback$1 = { mask, unmask };
+  return fallback$1;
+}
+var hasRequiredBufferutil;
+function requireBufferutil() {
+  if (hasRequiredBufferutil) return bufferutil.exports;
+  hasRequiredBufferutil = 1;
+  try {
+    bufferutil.exports = requireNodeGypBuild()(__dirname);
+  } catch (e) {
+    bufferutil.exports = requireFallback$1();
+  }
+  return bufferutil.exports;
+}
 var hasRequiredBufferUtil;
 function requireBufferUtil() {
   if (hasRequiredBufferUtil) return bufferUtil.exports;
@@ -407,7 +594,7 @@ function requireBufferUtil() {
   };
   if (!process.env.WS_NO_BUFFER_UTIL) {
     try {
-      const bufferUtil$1 = require$$1;
+      const bufferUtil$1 = requireBufferutil();
       bufferUtil.exports.mask = function(source, mask, output, offset, length) {
         if (length < 48) _mask(source, mask, output, offset, length);
         else bufferUtil$1.mask(source, mask, output, offset, length);
@@ -855,12 +1042,55 @@ function requirePermessageDeflate() {
   return permessageDeflate;
 }
 var validation = { exports: {} };
-const __viteOptionalPeerDep_utf8Validate_ws = {};
-const __viteOptionalPeerDep_utf8Validate_ws$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: __viteOptionalPeerDep_utf8Validate_ws
-}, Symbol.toStringTag, { value: "Module" }));
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(__viteOptionalPeerDep_utf8Validate_ws$1);
+var utf8Validate = { exports: {} };
+var fallback;
+var hasRequiredFallback;
+function requireFallback() {
+  if (hasRequiredFallback) return fallback;
+  hasRequiredFallback = 1;
+  function isValidUTF8(buf) {
+    const len = buf.length;
+    let i = 0;
+    while (i < len) {
+      if ((buf[i] & 128) === 0) {
+        i++;
+      } else if ((buf[i] & 224) === 192) {
+        if (i + 1 === len || (buf[i + 1] & 192) !== 128 || (buf[i] & 254) === 192) {
+          return false;
+        }
+        i += 2;
+      } else if ((buf[i] & 240) === 224) {
+        if (i + 2 >= len || (buf[i + 1] & 192) !== 128 || (buf[i + 2] & 192) !== 128 || buf[i] === 224 && (buf[i + 1] & 224) === 128 || // overlong
+        buf[i] === 237 && (buf[i + 1] & 224) === 160) {
+          return false;
+        }
+        i += 3;
+      } else if ((buf[i] & 248) === 240) {
+        if (i + 3 >= len || (buf[i + 1] & 192) !== 128 || (buf[i + 2] & 192) !== 128 || (buf[i + 3] & 192) !== 128 || buf[i] === 240 && (buf[i + 1] & 240) === 128 || // overlong
+        buf[i] === 244 && buf[i + 1] > 143 || buf[i] > 244) {
+          return false;
+        }
+        i += 4;
+      } else {
+        return false;
+      }
+    }
+    return true;
+  }
+  fallback = isValidUTF8;
+  return fallback;
+}
+var hasRequiredUtf8Validate;
+function requireUtf8Validate() {
+  if (hasRequiredUtf8Validate) return utf8Validate.exports;
+  hasRequiredUtf8Validate = 1;
+  try {
+    utf8Validate.exports = requireNodeGypBuild()(__dirname);
+  } catch (e) {
+    utf8Validate.exports = requireFallback();
+  }
+  return utf8Validate.exports;
+}
 var hasRequiredValidation;
 function requireValidation() {
   if (hasRequiredValidation) return validation.exports;
@@ -1052,7 +1282,7 @@ function requireValidation() {
     };
   } else if (!process.env.WS_NO_UTF_8_VALIDATE) {
     try {
-      const isValidUTF8 = require$$2;
+      const isValidUTF8 = requireUtf8Validate();
       validation.exports.isValidUTF8 = function(buf) {
         return buf.length < 32 ? _isValidUTF8(buf) : isValidUTF8(buf);
       };
@@ -1659,7 +1889,7 @@ function requireSender() {
   if (hasRequiredSender) return sender;
   hasRequiredSender = 1;
   const { Duplex } = require$$0$2;
-  const { randomFillSync } = require$$1$1;
+  const { randomFillSync } = require$$1;
   const PerMessageDeflate = requirePermessageDeflate();
   const { EMPTY_BUFFER, kWebSocket, NOOP } = requireConstants();
   const { isBlob, isValidStatusCode } = requireValidation();
@@ -2529,11 +2759,11 @@ function requireWebsocket() {
   if (hasRequiredWebsocket) return websocket;
   hasRequiredWebsocket = 1;
   const EventEmitter = require$$0$3;
-  const https = require$$1$2;
-  const http = require$$2$1;
+  const https = require$$1$1;
+  const http = require$$2;
   const net = require$$3;
   const tls = require$$4;
-  const { randomBytes, createHash } = require$$1$1;
+  const { randomBytes, createHash } = require$$1;
   const { Duplex, Readable } = require$$0$2;
   const { URL } = require$$7;
   const PerMessageDeflate = requirePermessageDeflate();
@@ -3566,9 +3796,9 @@ function requireWebsocketServer() {
   if (hasRequiredWebsocketServer) return websocketServer;
   hasRequiredWebsocketServer = 1;
   const EventEmitter = require$$0$3;
-  const http = require$$2$1;
+  const http = require$$2;
   const { Duplex } = require$$0$2;
-  const { createHash } = require$$1$1;
+  const { createHash } = require$$1;
   const extension2 = requireExtension();
   const PerMessageDeflate = requirePermessageDeflate();
   const subprotocol2 = requireSubprotocol();
@@ -3996,7 +4226,7 @@ class WorkerWsClient {
   }
   generateFingerprint() {
     const data = `${os.hostname()}:${os.userInfo().username}:${os.platform()}:${os.arch()}`;
-    return require$$1$1.createHash("sha256").update(data).digest("hex").slice(0, 32);
+    return require$$1.createHash("sha256").update(data).digest("hex").slice(0, 32);
   }
   setStatus(status) {
     if (this._status !== status) {

package/out/renderer/assets/{cssMode-woG3Vtms.js → cssMode-Cxe23-tB.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages } from "./index-CpDga7fF.js";
-import { C as CompletionAdapter, H as HoverAdapter, D as DocumentHighlightAdapter, a as DefinitionAdapter, R as ReferenceAdapter, b as DocumentSymbolAdapter, c as RenameAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, e as DiagnosticsAdapter, S as SelectionRangeAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider } from "./lspLanguageFeatures-BMM3SRX4.js";
-import { h, i, j, t, k } from "./lspLanguageFeatures-BMM3SRX4.js";
+import { c as createWebWorker, l as languages } from "./index-D568SpEt.js";
+import { C as CompletionAdapter, H as HoverAdapter, D as DocumentHighlightAdapter, a as DefinitionAdapter, R as ReferenceAdapter, b as DocumentSymbolAdapter, c as RenameAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, e as DiagnosticsAdapter, S as SelectionRangeAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider } from "./lspLanguageFeatures-Bjf28WU6.js";
+import { h, i, j, t, k } from "./lspLanguageFeatures-Bjf28WU6.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{freemarker2-DgtqmvCd.js → freemarker2-Be0nj7Oa.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const EMPTY_ELEMENTS = [
   "assign",
   "flush",

package/out/renderer/assets/{handlebars-YEqC-zOn.js → handlebars-C0It7_Nu.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{html-CwvkGxeB.js → html-BW6LB-7J.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{htmlMode-DzdyF21q.js → htmlMode-D_V-1VlE.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages } from "./index-CpDga7fF.js";
-import { H as HoverAdapter, D as DocumentHighlightAdapter, h as DocumentLinkAdapter, F as FoldingRangeAdapter, b as DocumentSymbolAdapter, S as SelectionRangeAdapter, c as RenameAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter } from "./lspLanguageFeatures-BMM3SRX4.js";
-import { a, e, d, R, i, j, t, k } from "./lspLanguageFeatures-BMM3SRX4.js";
+import { c as createWebWorker, l as languages } from "./index-D568SpEt.js";
+import { H as HoverAdapter, D as DocumentHighlightAdapter, h as DocumentLinkAdapter, F as FoldingRangeAdapter, b as DocumentSymbolAdapter, S as SelectionRangeAdapter, c as RenameAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter } from "./lspLanguageFeatures-Bjf28WU6.js";
+import { a, e, d, R, i, j, t, k } from "./lspLanguageFeatures-Bjf28WU6.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{index-CpDga7fF.js → index-D568SpEt.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-woG3Vtms.js","./lspLanguageFeatures-BMM3SRX4.js","./htmlMode-DzdyF21q.js","./jsonMode-CPhJ_ION.js","./javascript-Dy9cX9Fu.js","./typescript-Cq3g-z7h.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-Cxe23-tB.js","./lspLanguageFeatures-Bjf28WU6.js","./htmlMode-D_V-1VlE.js","./jsonMode-K3WSinSE.js","./javascript-D_LoeNc7.js","./typescript-CDjkh0d5.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -18721,69 +18721,82 @@ function requireAddonWebLinks() {
   return addonWebLinks.exports;
 }
 var addonWebLinksExports = requireAddonWebLinks();
+let _terminal = null;
+let _fitAddon = null;
+let _currentAgentId = null;
+function getOrCreateTerminal(onExit) {
+  if (_terminal && _fitAddon) {
+    return { terminal: _terminal, fitAddon: _fitAddon };
+  }
+  const terminal = new xtermExports.Terminal({
+    cursorBlink: true,
+    fontSize: 14,
+    fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace",
+    theme: {
+      background: "#1a1b26",
+      foreground: "#a9b1d6",
+      cursor: "#c0caf5",
+      selectionBackground: "#33467C",
+      black: "#15161e",
+      red: "#f7768e",
+      green: "#9ece6a",
+      yellow: "#e0af68",
+      blue: "#7aa2f7",
+      magenta: "#bb9af7",
+      cyan: "#7dcfff",
+      white: "#a9b1d6",
+      brightBlack: "#414868",
+      brightRed: "#f7768e",
+      brightGreen: "#9ece6a",
+      brightYellow: "#e0af68",
+      brightBlue: "#7aa2f7",
+      brightMagenta: "#bb9af7",
+      brightCyan: "#7dcfff",
+      brightWhite: "#c0caf5"
+    },
+    scrollback: 1e4,
+    scrollOnUserInput: true,
+    allowTransparency: false
+  });
+  const fitAddon = new addonFitExports.FitAddon();
+  terminal.loadAddon(fitAddon);
+  terminal.loadAddon(new addonWebLinksExports.WebLinksAddon());
+  terminal.onData((data) => {
+    window.worker.writePty(data);
+  });
+  window.worker.onPtyData((data) => {
+    terminal.write(data);
+  });
+  window.worker.onPtyExit((code) => {
+    terminal.writeln(`\r
+\x1B[33m[Process exited with code ${code}]\x1B[0m`);
+    onExit();
+  });
+  _terminal = terminal;
+  _fitAddon = fitAddon;
+  return { terminal, fitAddon };
+}
 function TerminalPanel({ agent, onSpawn, onExit }) {
   const containerRef = reactExports.useRef(null);
-  const terminalRef = reactExports.useRef(null);
-  const fitAddonRef = reactExports.useRef(null);
-  const currentAgentRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    if (!containerRef.current || terminalRef.current) return;
-    const terminal = new xtermExports.Terminal({
-      cursorBlink: true,
-      fontSize: 14,
-      fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace",
-      theme: {
-        background: "#1a1b26",
-        foreground: "#a9b1d6",
-        cursor: "#c0caf5",
-        selectionBackground: "#33467C",
-        black: "#15161e",
-        red: "#f7768e",
-        green: "#9ece6a",
-        yellow: "#e0af68",
-        blue: "#7aa2f7",
-        magenta: "#bb9af7",
-        cyan: "#7dcfff",
-        white: "#a9b1d6",
-        brightBlack: "#414868",
-        brightRed: "#f7768e",
-        brightGreen: "#9ece6a",
-        brightYellow: "#e0af68",
-        brightBlue: "#7aa2f7",
-        brightMagenta: "#bb9af7",
-        brightCyan: "#7dcfff",
-        brightWhite: "#c0caf5"
-      },
-      scrollback: 1e4,
-      scrollOnUserInput: true,
-      allowTransparency: false
-    });
-    const fitAddon = new addonFitExports.FitAddon();
-    terminal.loadAddon(fitAddon);
-    terminal.loadAddon(new addonWebLinksExports.WebLinksAddon());
-    terminal.open(containerRef.current);
+    if (!containerRef.current) return;
+    const { terminal, fitAddon } = getOrCreateTerminal(onExit);
+    const existingParent = terminal.element?.parentElement;
+    if (existingParent && existingParent !== containerRef.current) {
+      containerRef.current.appendChild(terminal.element);
+    } else if (!terminal.element) {
+      terminal.open(containerRef.current);
+    }
     fitAddon.fit();
-    terminalRef.current = terminal;
-    fitAddonRef.current = fitAddon;
-    terminal.onData((data) => {
-      window.worker.writePty(data);
-    });
-    const unsubData = window.worker.onPtyData((data) => {
-      terminal.write(data);
-    });
-    const unsubExit = window.worker.onPtyExit((code) => {
-      terminal.writeln(`\r
-\x1B[33m[Process exited with code ${code}]\x1B[0m`);
-      onExit();
-    });
+    terminal.scrollToBottom();
     let resizeTimeout;
     const handleResize = () => {
       clearTimeout(resizeTimeout);
       resizeTimeout = setTimeout(() => {
-        if (fitAddonRef.current && terminalRef.current) {
-          fitAddonRef.current.fit();
-          terminalRef.current.scrollToBottom();
-          const { cols, rows } = terminalRef.current;
+        if (_fitAddon && _terminal) {
+          _fitAddon.fit();
+          _terminal.scrollToBottom();
+          const { cols, rows } = _terminal;
           window.worker.resizePty(cols, rows);
         }
       }, 150);
@@ -18795,26 +18808,21 @@ function TerminalPanel({ agent, onSpawn, onExit }) {
       clearTimeout(resizeTimeout);
       window.removeEventListener("resize", handleResize);
       observer.disconnect();
-      unsubData();
-      unsubExit();
-      terminal.dispose();
-      terminalRef.current = null;
-      fitAddonRef.current = null;
     };
-  }, []);
+  }, [onExit]);
   reactExports.useEffect(() => {
-    if (!agent || !terminalRef.current) return;
-    if (currentAgentRef.current === agent.id) return;
-    currentAgentRef.current = agent.id;
-    terminalRef.current.clear();
+    if (!agent || !_terminal) return;
+    if (_currentAgentId === agent.id) return;
+    _currentAgentId = agent.id;
+    _terminal.clear();
     onSpawn(agent).then(() => {
-      if (fitAddonRef.current && terminalRef.current) {
-        fitAddonRef.current.fit();
-        terminalRef.current.scrollToBottom();
-        const { cols, rows } = terminalRef.current;
+      if (_fitAddon && _terminal) {
+        _fitAddon.fit();
+        _terminal.scrollToBottom();
+        const { cols, rows } = _terminal;
         window.worker.resizePty(cols, rows);
       }
-      terminalRef.current?.focus();
+      _terminal?.focus();
     });
   }, [agent, onSpawn]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "terminal-container", ref: containerRef });
@@ -206492,7 +206500,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-woG3Vtms.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-Cxe23-tB.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -206597,7 +206605,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-DzdyF21q.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-D_V-1VlE.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
   const defaults = new LanguageServiceDefaultsImpl$2(languageId, options, modeConfiguration);
@@ -206681,7 +206689,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-CPhJ_ION.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-K3WSinSE.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -206927,7 +206935,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-D7kqIJ_o.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-DYu1z_nn.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -207122,49 +207130,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DgtqmvCd.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-Be0nj7Oa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -207185,7 +207193,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-YEqC-zOn.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-C0It7_Nu.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -207198,7 +207206,7 @@ registerLanguage({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => __vitePreload(() => import("./html-CwvkGxeB.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-BW6LB-7J.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -207221,7 +207229,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-Dy9cX9Fu.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-D_LoeNc7.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -207260,7 +207268,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-BJdFPWrv.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-BqfOd6m8.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -207278,7 +207286,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-kg2kuPRK.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-BoESjI38.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -207377,7 +207385,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-aIrmxkmH.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-DlafOOgB.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -207396,7 +207404,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-DdymcPOc.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-CB6E9DBD.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -207529,7 +207537,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-Cq3g-z7h.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-CDjkh0d5.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -207574,14 +207582,14 @@ registerLanguage({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => __vitePreload(() => import("./xml-BuBP5jOc.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-C-XlilKZ.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "yaml",
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => __vitePreload(() => import("./yaml-B-3hWmol.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-BTrtxLEo.js"), true ? [] : void 0, import.meta.url)
 });
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -211782,25 +211790,15 @@ function App() {
         ))
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "main-content", children: [
-      visiblePaneIds.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "multi-split-empty", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "All panes hidden. Use the titlebar buttons to show a pane." }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PaneLayout,
-        {
-          layout: layout2,
-          panes: panes.filter((p) => visiblePaneIds.includes(p.id)),
-          onLayoutChange: setLayout,
-          onToggle: togglePane
-        }
-      ),
-      panes.filter((p) => !visiblePaneIds.includes(p.id)).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
-        position: "absolute",
-        width: "1px",
-        height: "1px",
-        overflow: "hidden",
-        opacity: 0,
-        pointerEvents: "none"
-      }, children: p.content }, p.id))
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "main-content", children: visiblePaneIds.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "multi-split-empty", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "All panes hidden. Use the titlebar buttons to show a pane." }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PaneLayout,
+      {
+        layout: layout2,
+        panes: panes.filter((p) => visiblePaneIds.includes(p.id)),
+        onLayoutChange: setLayout,
+        onToggle: togglePane
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, { wsStatus, cwd: cwd2, onChangeCwd: handleChangeCwd }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, { open: showSettings, onClose: () => setShowSettings(false) }),
     showAgentPicker && agents.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(

package/out/renderer/assets/{javascript-Dy9cX9Fu.js → javascript-D_LoeNc7.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-Cq3g-z7h.js";
-import "./index-CpDga7fF.js";
+import { conf as conf$1, language as language$1 } from "./typescript-CDjkh0d5.js";
+import "./index-D568SpEt.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-CPhJ_ION.js → jsonMode-K3WSinSE.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-CpDga7fF.js";
-import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-BMM3SRX4.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-BMM3SRX4.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-D568SpEt.js";
+import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-Bjf28WU6.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-Bjf28WU6.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-BJdFPWrv.js → liquid-BqfOd6m8.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{lspLanguageFeatures-BMM3SRX4.js → lspLanguageFeatures-Bjf28WU6.js}

@@ -1,4 +1,4 @@
-import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-CpDga7fF.js";
+import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-D568SpEt.js";
 var DocumentUri;
 (function(DocumentUri2) {
   function is(value) {

package/out/renderer/assets/{mdx-kg2kuPRK.js → mdx-BoESjI38.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const conf = {
   comments: {
     blockComment: ["{/*", "*/}"]

package/out/renderer/assets/{python-aIrmxkmH.js → python-DlafOOgB.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const conf = {
   comments: {
     lineComment: "#",

package/out/renderer/assets/{razor-DdymcPOc.js → razor-CB6E9DBD.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{tsMode-D7kqIJ_o.js → tsMode-DYu1z_nn.js}

@@ -1,4 +1,4 @@
-import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-CpDga7fF.js";
+import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-D568SpEt.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-Cq3g-z7h.js → typescript-CDjkh0d5.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const conf = {
   wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\#\%\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\?\s]+)/g,
   comments: {

package/out/renderer/assets/{xml-BuBP5jOc.js → xml-C-XlilKZ.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const conf = {
   comments: {
     blockComment: ["<!--", "-->"]

package/out/renderer/assets/{yaml-B-3hWmol.js → yaml-BTrtxLEo.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CpDga7fF.js";
+import { l as languages } from "./index-D568SpEt.js";
 const conf = {
   comments: {
     lineComment: "#"

package/out/renderer/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>ctlsurf-worker</title>
-  <script type="module" crossorigin src="./assets/index-CpDga7fF.js"></script>
+  <script type="module" crossorigin src="./assets/index-D568SpEt.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-DK9wLFFm.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.1.15",
+  "version": "0.1.18",
   "description": "Agent-agnostic terminal and desktop app for ctlsurf — run Claude Code, Codex, or any coding agent with live session logging and remote control",
   "main": "out/main/index.js",
   "bin": {
@@ -66,5 +66,9 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "typescript": "^5.8.3"
+  },
+  "optionalDependencies": {
+    "bufferutil": "^4.1.0",
+    "utf-8-validate": "^6.0.6"
   }
 }

package/src/renderer/App.tsx

@@ -274,18 +274,6 @@ export default function App() {
             onToggle={togglePane}
           />
         )}
-        {panes.filter(p => !visiblePaneIds.includes(p.id)).map(p => (
-          <div key={p.id} style={{
-            position: 'absolute',
-            width: '1px',
-            height: '1px',
-            overflow: 'hidden',
-            opacity: 0,
-            pointerEvents: 'none',
-          }}>
-            {p.content}
-          </div>
-        ))}
       </div>
 
       <StatusBar wsStatus={wsStatus} cwd={cwd} onChangeCwd={handleChangeCwd} />

package/src/renderer/components/TerminalPanel.tsx

@@ -18,82 +18,107 @@ interface TerminalPanelProps {
   onExit: () => void
 }
 
+// ─── Module-level singleton ──────────────────────────
+// Survives React mount/unmount cycles so PTY connection is never lost.
+
+let _terminal: Terminal | null = null
+let _fitAddon: FitAddon | null = null
+let _unsubData: (() => void) | null = null
+let _unsubExit: (() => void) | null = null
+let _currentAgentId: string | null = null
+
+function getOrCreateTerminal(onExit: () => void): { terminal: Terminal; fitAddon: FitAddon } {
+  if (_terminal && _fitAddon) {
+    return { terminal: _terminal, fitAddon: _fitAddon }
+  }
+
+  const terminal = new Terminal({
+    cursorBlink: true,
+    fontSize: 14,
+    fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace",
+    theme: {
+      background: '#1a1b26',
+      foreground: '#a9b1d6',
+      cursor: '#c0caf5',
+      selectionBackground: '#33467C',
+      black: '#15161e',
+      red: '#f7768e',
+      green: '#9ece6a',
+      yellow: '#e0af68',
+      blue: '#7aa2f7',
+      magenta: '#bb9af7',
+      cyan: '#7dcfff',
+      white: '#a9b1d6',
+      brightBlack: '#414868',
+      brightRed: '#f7768e',
+      brightGreen: '#9ece6a',
+      brightYellow: '#e0af68',
+      brightBlue: '#7aa2f7',
+      brightMagenta: '#bb9af7',
+      brightCyan: '#7dcfff',
+      brightWhite: '#c0caf5'
+    },
+    scrollback: 10000,
+    scrollOnUserInput: true,
+    allowTransparency: false
+  })
+
+  const fitAddon = new FitAddon()
+  terminal.loadAddon(fitAddon)
+  terminal.loadAddon(new WebLinksAddon())
+
+  // Send keystrokes to pty
+  terminal.onData((data) => {
+    window.worker.writePty(data)
+  })
+
+  // Receive pty output — subscribed once, never unsubscribed
+  _unsubData = window.worker.onPtyData((data) => {
+    terminal.write(data)
+  })
+
+  // Handle pty exit
+  _unsubExit = window.worker.onPtyExit((code) => {
+    terminal.writeln(`\r\n\x1b[33m[Process exited with code ${code}]\x1b[0m`)
+    onExit()
+  })
+
+  _terminal = terminal
+  _fitAddon = fitAddon
+  return { terminal, fitAddon }
+}
+
+// ─── Component ───────────────────────────────────────
+
 export function TerminalPanel({ agent, onSpawn, onExit }: TerminalPanelProps) {
   const containerRef = useRef<HTMLDivElement>(null)
-  const terminalRef = useRef<Terminal | null>(null)
-  const fitAddonRef = useRef<FitAddon | null>(null)
-  const currentAgentRef = useRef<string | null>(null)
 
-  // Initialize terminal once
+  // Attach terminal to DOM container (or reattach on remount)
   useEffect(() => {
-    if (!containerRef.current || terminalRef.current) return
-
-    const terminal = new Terminal({
-      cursorBlink: true,
-      fontSize: 14,
-      fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace",
-      theme: {
-        background: '#1a1b26',
-        foreground: '#a9b1d6',
-        cursor: '#c0caf5',
-        selectionBackground: '#33467C',
-        black: '#15161e',
-        red: '#f7768e',
-        green: '#9ece6a',
-        yellow: '#e0af68',
-        blue: '#7aa2f7',
-        magenta: '#bb9af7',
-        cyan: '#7dcfff',
-        white: '#a9b1d6',
-        brightBlack: '#414868',
-        brightRed: '#f7768e',
-        brightGreen: '#9ece6a',
-        brightYellow: '#e0af68',
-        brightBlue: '#7aa2f7',
-        brightMagenta: '#bb9af7',
-        brightCyan: '#7dcfff',
-        brightWhite: '#c0caf5'
-      },
-      scrollback: 10000,
-      scrollOnUserInput: true,
-      allowTransparency: false
-    })
-
-    const fitAddon = new FitAddon()
-    terminal.loadAddon(fitAddon)
-    terminal.loadAddon(new WebLinksAddon())
-
-    terminal.open(containerRef.current)
-    fitAddon.fit()
+    if (!containerRef.current) return
 
-    terminalRef.current = terminal
-    fitAddonRef.current = fitAddon
+    const { terminal, fitAddon } = getOrCreateTerminal(onExit)
 
-    // Send keystrokes to pty
-    terminal.onData((data) => {
-      window.worker.writePty(data)
-    })
-
-    // Receive pty output
-    const unsubData = window.worker.onPtyData((data) => {
-      terminal.write(data)
-    })
+    // If terminal is already open in another container, move it
+    const existingParent = terminal.element?.parentElement
+    if (existingParent && existingParent !== containerRef.current) {
+      containerRef.current.appendChild(terminal.element!)
+    } else if (!terminal.element) {
+      terminal.open(containerRef.current)
+    }
 
-    // Handle pty exit
-    const unsubExit = window.worker.onPtyExit((code) => {
-      terminal.writeln(`\r\n\x1b[33m[Process exited with code ${code}]\x1b[0m`)
-      onExit()
-    })
+    fitAddon.fit()
+    terminal.scrollToBottom()
 
-    // Resize handling — scroll to bottom after fit to prevent jumping to top
+    // Resize handling
     let resizeTimeout: ReturnType<typeof setTimeout>
     const handleResize = () => {
       clearTimeout(resizeTimeout)
       resizeTimeout = setTimeout(() => {
-        if (fitAddonRef.current && terminalRef.current) {
-          fitAddonRef.current.fit()
-          terminalRef.current.scrollToBottom()
-          const { cols, rows } = terminalRef.current
+        if (_fitAddon && _terminal) {
+          _fitAddon.fit()
+          _terminal.scrollToBottom()
+          const { cols, rows } = _terminal
           window.worker.resizePty(cols, rows)
         }
       }, 150)
@@ -107,33 +132,26 @@ export function TerminalPanel({ agent, onSpawn, onExit }: TerminalPanelProps) {
       clearTimeout(resizeTimeout)
       window.removeEventListener('resize', handleResize)
       observer.disconnect()
-      unsubData()
-      unsubExit()
-      terminal.dispose()
-      terminalRef.current = null
-      fitAddonRef.current = null
+      // Do NOT dispose terminal or unsub PTY listeners
     }
-  }, []) // eslint-disable-line react-hooks/exhaustive-deps
+  }, [onExit])
 
   // Spawn agent when it changes
   useEffect(() => {
-    if (!agent || !terminalRef.current) return
-    if (currentAgentRef.current === agent.id) return
-
-    currentAgentRef.current = agent.id
+    if (!agent || !_terminal) return
+    if (_currentAgentId === agent.id) return
 
-    // Clear terminal for new agent
-    terminalRef.current.clear()
+    _currentAgentId = agent.id
+    _terminal.clear()
 
     onSpawn(agent).then(() => {
-      // Send initial resize after spawn
-      if (fitAddonRef.current && terminalRef.current) {
-        fitAddonRef.current.fit()
-        terminalRef.current.scrollToBottom()
-        const { cols, rows } = terminalRef.current
+      if (_fitAddon && _terminal) {
+        _fitAddon.fit()
+        _terminal.scrollToBottom()
+        const { cols, rows } = _terminal
         window.worker.resizePty(cols, rows)
       }
-      terminalRef.current?.focus()
+      _terminal?.focus()
     })
   }, [agent, onSpawn])