@phenx-inc/ctlsurf 0.1.16 → 0.1.20

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

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-CihsrbZY.js","./lspLanguageFeatures-Dp-OZOZS.js","./htmlMode-DZnUcBOX.js","./jsonMode-DX3yX_PF.js","./javascript-DvV4owMk.js","./typescript-BEFZ19OD.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-CihsrbZY.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-DZnUcBOX.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-DX3yX_PF.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-CKrhuOxD.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-DFrJ_l05.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-DFrJ_l05.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-DFrJ_l05.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-DFrJ_l05.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-DFrJ_l05.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-DFrJ_l05.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-DFrJ_l05.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-BZi7_LdH.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-CdaPU_YJ.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-DvV4owMk.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-c7QWTywx.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-Bi7NE1tt.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-BeMAHtzr.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-Cfc9e2QR.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-BEFZ19OD.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-CVdJPpsd.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_Px-4th.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;
@@ -211152,7 +211160,7 @@ const DragContext = reactExports.createContext({
   setDragPaneId: () => {
   }
 });
-function PaneLayout({ layout: layout2, panes, onLayoutChange, onToggle, paneHostPrefix }) {
+function PaneLayout({ layout: layout2, panes, onLayoutChange, onToggle }) {
   const [dragPaneId, setDragPaneId] = reactExports.useState(null);
   const handleDrop = reactExports.useCallback((targetPaneId, zone) => {
     if (!dragPaneId || dragPaneId === targetPaneId) return;
@@ -211174,12 +211182,11 @@ function PaneLayout({ layout: layout2, panes, onLayoutChange, onToggle, paneHost
       onToggle,
       onLayoutChange,
       parentDirection: null,
-      path: [],
-      paneHostPrefix
+      path: []
     }
   ) }) });
 }
-function LayoutRenderer({ node, paneMap, onDrop, onToggle, onLayoutChange, parentDirection, path, paneHostPrefix }) {
+function LayoutRenderer({ node, paneMap, onDrop, onToggle, onLayoutChange, parentDirection, path }) {
   if (node.type === "leaf") {
     const pane = paneMap.get(node.paneId);
     if (!pane) return null;
@@ -211188,8 +211195,7 @@ function LayoutRenderer({ node, paneMap, onDrop, onToggle, onLayoutChange, paren
       {
         pane,
         onDrop,
-        onToggle,
-        paneHostPrefix
+        onToggle
       }
     );
   }
@@ -211201,12 +211207,11 @@ function LayoutRenderer({ node, paneMap, onDrop, onToggle, onLayoutChange, paren
       onDrop,
       onToggle,
       onLayoutChange,
-      path,
-      paneHostPrefix
+      path
     }
   );
 }
-function SplitContainer({ node, paneMap, onDrop, onToggle, onLayoutChange, path, paneHostPrefix }) {
+function SplitContainer({ node, paneMap, onDrop, onToggle, onLayoutChange, path }) {
   const containerRef = reactExports.useRef(null);
   const draggingDivider = reactExports.useRef(null);
   const sizesRef = reactExports.useRef(node.sizes);
@@ -211291,8 +211296,7 @@ function SplitContainer({ node, paneMap, onDrop, onToggle, onLayoutChange, path,
                   onLayoutChange({ ...node, children: newChildren });
                 },
                 parentDirection: node.direction,
-                path: [...path, i2],
-                paneHostPrefix
+                path: [...path, i2]
               }
             )
           }
@@ -211314,34 +211318,10 @@ function SplitContainer({ node, paneMap, onDrop, onToggle, onLayoutChange, path,
     }
   );
 }
-function LeafPane({ pane, onDrop, onToggle, paneHostPrefix }) {
+function LeafPane({ pane, onDrop, onToggle }) {
   const { dragPaneId, setDragPaneId } = reactExports.useContext(DragContext);
   const [hoverZone, setHoverZone] = reactExports.useState(null);
   const paneRef = reactExports.useRef(null);
-  const contentRef = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    if (!paneHostPrefix || !contentRef.current) return;
-    const hostEl = document.getElementById(`${paneHostPrefix}${pane.id}`);
-    if (!hostEl) return;
-    hostEl.style.position = "";
-    hostEl.style.width = "100%";
-    hostEl.style.height = "100%";
-    hostEl.style.overflow = "";
-    hostEl.style.opacity = "1";
-    hostEl.style.pointerEvents = "";
-    contentRef.current.appendChild(hostEl);
-    return () => {
-      if (hostEl.parentElement === contentRef.current) {
-        document.body.appendChild(hostEl);
-        hostEl.style.position = "absolute";
-        hostEl.style.width = "1px";
-        hostEl.style.height = "1px";
-        hostEl.style.overflow = "hidden";
-        hostEl.style.opacity = "0";
-        hostEl.style.pointerEvents = "none";
-      }
-    };
-  }, [pane.id, paneHostPrefix]);
   const isDragging = dragPaneId === pane.id;
   const isDropTarget = dragPaneId !== null && dragPaneId !== pane.id;
   const computeZone = reactExports.useCallback((e) => {
@@ -211387,7 +211367,7 @@ function LeafPane({ pane, onDrop, onToggle, paneHostPrefix }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "leaf-pane-content", ref: contentRef, children: !paneHostPrefix && pane.content }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "leaf-pane-content", children: pane.content }),
         isDropTarget && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
@@ -211641,14 +211621,6 @@ const DEFAULT_LAYOUT = {
   sizes: [50, 50]
 };
 const ALL_PANE_IDS = ["editor", "terminal", "ctlsurf"];
-const offscreenStyle = {
-  position: "absolute",
-  width: "1px",
-  height: "1px",
-  overflow: "hidden",
-  opacity: 0,
-  pointerEvents: "none"
-};
 function App() {
   const [agents, setAgents] = reactExports.useState([]);
   const [selectedAgent, setSelectedAgent] = reactExports.useState(null);
@@ -211781,14 +211753,15 @@ function App() {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [togglePane]);
   const panes = [
-    { id: "editor", label: "Editor", content: null },
-    { id: "terminal", label: "Terminal", content: null },
-    { id: "ctlsurf", label: "ctlsurf", content: null }
+    { id: "editor", label: "Editor", content: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPanel, { cwd: cwd2 }) },
+    {
+      id: "terminal",
+      label: "Terminal",
+      content: /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalPanel, { agent: selectedAgent, onSpawn: handleSpawn, onExit: handleExit })
+    },
+    { id: "ctlsurf", label: "ctlsurf", content: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, {}) }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "app", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "pane-host-editor", style: visiblePaneIds.includes("editor") ? void 0 : offscreenStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPanel, { cwd: cwd2 }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "pane-host-terminal", style: visiblePaneIds.includes("terminal") ? void 0 : offscreenStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalPanel, { agent: selectedAgent, onSpawn: handleSpawn, onExit: handleExit }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "pane-host-ctlsurf", style: visiblePaneIds.includes("ctlsurf") ? void 0 : offscreenStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "titlebar", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-title", children: "ctlsurf-worker" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "titlebar-controls", children: [
@@ -211823,8 +211796,7 @@ function App() {
         layout: layout2,
         panes: panes.filter((p) => visiblePaneIds.includes(p.id)),
         onLayoutChange: setLayout,
-        onToggle: togglePane,
-        paneHostPrefix: "pane-host-"
+        onToggle: togglePane
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, { wsStatus, cwd: cwd2, onChangeCwd: handleChangeCwd }),

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

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-BEFZ19OD.js";
-import "./index-CKhIh5ZQ.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-DX3yX_PF.js → jsonMode-K3WSinSE.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-CKhIh5ZQ.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-Dp-OZOZS.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-Dp-OZOZS.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-c7QWTywx.js → liquid-BqfOd6m8.js}

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

package/out/renderer/assets/{lspLanguageFeatures-Dp-OZOZS.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-CKhIh5ZQ.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-Bi7NE1tt.js → mdx-BoESjI38.js}

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

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

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

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

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

package/out/renderer/assets/{tsMode-CKrhuOxD.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-CKhIh5ZQ.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-BEFZ19OD.js → typescript-CDjkh0d5.js}

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

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

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

package/out/renderer/assets/{yaml-B_Px-4th.js → yaml-BTrtxLEo.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-CKhIh5ZQ.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-CKhIh5ZQ.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.16",
+  "version": "0.1.20",
   "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/main/headless.ts

@@ -138,6 +138,12 @@ async function main() {
   }
 
   // Pipe stdin to PTY, with Ctrl+\ as the exit key
+  // SGR mouse wheel: \x1b[<64;col;rowM = scroll up, \x1b[<65;col;rowM = scroll down
+  const SCROLL_UP_RE = /\x1b\[<64;\d+;\d+M/
+  const SCROLL_DOWN_RE = /\x1b\[<65;\d+;\d+M/
+  // Use mouse wheel events directly — forward as SGR mouse to the PTY
+  // so the inner app can handle them natively
+
   if (process.stdin.isTTY) {
     process.stdin.setRawMode(true)
     process.stdin.resume()
@@ -148,6 +154,12 @@ async function main() {
         shutdown()
         return
       }
+      // Drop mouse wheel events — Claude Code doesn't support mouse scrolling.
+      // Scrolling is handled by the terminal emulator natively when not in
+      // alternate screen, or not at all in alternate screen (Claude Code's TUI).
+      if (SCROLL_UP_RE.test(str) || SCROLL_DOWN_RE.test(str)) {
+        return
+      }
       orchestrator.writePty(str)
     })
   }