@phenx-inc/ctlsurf 0.1.2 → 0.1.3

package/out/renderer/assets/{cssMode-DL0XItGB.js → cssMode-CY6x0qXW.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages } from "./index-pZmE1QXB.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-DSDH7BnA.js";
-import { h, i, j, t, k } from "./lspLanguageFeatures-DSDH7BnA.js";
+import { c as createWebWorker, l as languages } from "./index-Bml7oDn9.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-DzxH499X.js";
+import { h, i, j, t, k } from "./lspLanguageFeatures-DzxH499X.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{freemarker2-CrOEuDcF.js → freemarker2-BXSW9BAX.js}

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

package/out/renderer/assets/{handlebars-D4QYaBof.js → handlebars-BYUZ1IOs.js}

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

package/out/renderer/assets/{html-B2Dqk2ai.js → html-DPocQM4t.js}

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

package/out/renderer/assets/{htmlMode-CdZ0Prhd.js → htmlMode-CsPinKYA.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages } from "./index-pZmE1QXB.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-DSDH7BnA.js";
-import { a, e, d, R, i, j, t, k } from "./lspLanguageFeatures-DSDH7BnA.js";
+import { c as createWebWorker, l as languages } from "./index-Bml7oDn9.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-DzxH499X.js";
+import { a, e, d, R, i, j, t, k } from "./lspLanguageFeatures-DzxH499X.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{index-pZmE1QXB.js → index-Bml7oDn9.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-DL0XItGB.js","./lspLanguageFeatures-DSDH7BnA.js","./htmlMode-CdZ0Prhd.js","./jsonMode-Cewaellc.js","./javascript-CK8zNQXj.js","./typescript-BNNI0Euv.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-CY6x0qXW.js","./lspLanguageFeatures-DzxH499X.js","./htmlMode-CsPinKYA.js","./jsonMode-JbrRQBOU.js","./javascript-_HVGB-lj.js","./typescript-CIn-DSfY.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -206489,7 +206489,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-DL0XItGB.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-CY6x0qXW.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -206594,7 +206594,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-CdZ0Prhd.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-CsPinKYA.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);
@@ -206678,7 +206678,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-Cewaellc.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-JbrRQBOU.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -206924,7 +206924,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-CmND5_wB.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-CN0FOHMy.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -207119,49 +207119,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.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-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.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-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.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-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.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-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.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-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.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-CrOEuDcF.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BXSW9BAX.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -207182,7 +207182,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-D4QYaBof.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-BYUZ1IOs.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -207195,7 +207195,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-B2Dqk2ai.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-DPocQM4t.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -207218,7 +207218,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-CK8zNQXj.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-_HVGB-lj.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -207257,7 +207257,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-Bd3GPNs2.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-B7izKdqo.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -207275,7 +207275,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-CCPVCrXC.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-CmvUeYLw.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -207374,7 +207374,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-34jOtlcC.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-DJqYTFoi.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -207393,7 +207393,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-DXRw694z.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-CGEA5nUK.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -207526,7 +207526,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-BNNI0Euv.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-CIn-DSfY.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -207571,14 +207571,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-CgdndrNB.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-C5t3U2jS.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-DNWPIf1s.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-n-Jb6xf1.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;
@@ -211067,6 +211067,31 @@ function EditorPanel({ cwd: cwd2 }) {
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "editor-placeholder", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Select a file to edit" }) }) })
   ] });
 }
+function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd }) {
+  const displayPath = cwd2.replace(/^\/Users\/[^/]+/, "~");
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-overlay", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-modal", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-brand", children: "ctlsurf" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-cwd", onClick: onChangeCwd, title: "Click to change directory", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-cwd-icon", children: "📂" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-cwd-path", children: displayPath }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-cwd-change", children: "change" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-title", children: "SELECT AGENT" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-list", children: agents.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        className: "agent-picker-item",
+        onClick: () => onSelect(a),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-name", children: a.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-desc", children: a.description })
+        ]
+      },
+      a.id
+    )) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-hint", children: "Select an agent to start" })
+  ] }) });
+}
 function removePane(node, paneId) {
   if (node.type === "leaf") {
     return node.paneId === paneId ? null : node;
@@ -211579,11 +211604,10 @@ const DEFAULT_LAYOUT = {
   type: "split",
   direction: "horizontal",
   children: [
-    { type: "leaf", paneId: "editor" },
     { type: "leaf", paneId: "terminal" },
     { type: "leaf", paneId: "ctlsurf" }
   ],
-  sizes: [33.33, 33.33, 33.34]
+  sizes: [50, 50]
 };
 const ALL_PANE_IDS = ["editor", "terminal", "ctlsurf"];
 function App() {
@@ -211597,14 +211621,16 @@ function App() {
   const [wsStatus, setWsStatus] = reactExports.useState("disconnected");
   const [cwd2, setCwd] = reactExports.useState(null);
   const visiblePaneIds = findPaneIds(layout2);
+  const [showAgentPicker, setShowAgentPicker] = reactExports.useState(true);
   reactExports.useEffect(() => {
     async function init2() {
       const list2 = await window.worker.listAgents();
-      const defaultAgent = await window.worker.getDefaultAgent();
       setAgents(list2);
-      setSelectedAgent(defaultAgent);
       const status2 = await window.worker.getWorkerStatus();
       setWsStatus(status2);
+      const initialCwd = await window.worker.getCwd().catch(() => window.worker.getHomePath());
+      setCwd(initialCwd);
+      cwdRef.current = initialCwd;
     }
     init2();
   }, []);
@@ -211729,6 +211755,18 @@ function App() {
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-title", children: "ctlsurf-worker" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "titlebar-controls", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "titlebar-btn", onClick: () => setShowSettings(true), title: "Settings", children: "Settings" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
+        agents.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            className: `titlebar-agent-btn ${selectedAgent?.id === a.id ? "active" : ""}`,
+            onClick: () => handleAgentChange(a.id),
+            title: a.description,
+            children: a.name
+          },
+          a.id
+        )),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
         ALL_PANE_IDS.map((id) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -211738,15 +211776,7 @@ function App() {
             children: id === "editor" ? "Editor" : id === "terminal" ? "Terminal" : "ctlsurf"
           },
           id
-        )),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "select",
-          {
-            value: selectedAgent?.id || "",
-            onChange: (e) => handleAgentChange(e.target.value),
-            children: agents.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: a.id, children: a.name }, a.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(
@@ -211759,7 +211789,25 @@ function App() {
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, { wsStatus, cwd: cwd2, onChangeCwd: handleChangeCwd }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, { open: showSettings, onClose: () => setShowSettings(false) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, { open: showSettings, onClose: () => setShowSettings(false) }),
+    showAgentPicker && agents.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AgentPicker,
+      {
+        agents,
+        cwd: cwd2 || "",
+        onSelect: (agent) => {
+          setSelectedAgent(agent);
+          setShowAgentPicker(false);
+        },
+        onChangeCwd: async () => {
+          const newCwd = await window.worker.browseCwd();
+          if (newCwd) {
+            setCwd(newCwd);
+            cwdRef.current = newCwd;
+          }
+        }
+      }
+    )
   ] });
 }
 ReactDOM.createRoot(document.getElementById("root")).render(

package/out/renderer/assets/{index-CJ6RsQWP.css → index-DK9wLFFm.css}

@@ -7468,6 +7468,36 @@ html, body, #root {
   background: #1f2335;
 }
 
+.titlebar-separator {
+  width: 1px;
+  height: 16px;
+  background: #3b3d57;
+  margin: 0 4px;
+}
+
+.titlebar-agent-btn {
+  background: #2a2b3d;
+  color: #565f89;
+  border: 1px solid #3b3d57;
+  border-radius: 4px;
+  padding: 2px 12px;
+  font-size: 11px;
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.titlebar-agent-btn:hover {
+  color: #a9b1d6;
+  border-color: #565f89;
+}
+
+.titlebar-agent-btn.active {
+  color: #1a1b26;
+  background: #7aa2f7;
+  border-color: #7aa2f7;
+  font-weight: 600;
+}
+
 /* Main content area */
 .main-content {
   flex: 1;
@@ -7916,6 +7946,122 @@ html, body, #root {
   font-size: 13px;
 }
 
+/* Agent picker modal */
+.agent-picker-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.7);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 200;
+}
+
+.agent-picker-modal {
+  background: #1f2335;
+  border: 1px solid #3b3d57;
+  border-radius: 12px;
+  padding: 32px 40px;
+  min-width: 360px;
+  text-align: center;
+}
+
+.agent-picker-brand {
+  font-size: 22px;
+  font-weight: 700;
+  color: #7aa2f7;
+  margin-bottom: 20px;
+  letter-spacing: 0.5px;
+}
+
+.agent-picker-cwd {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 10px 16px;
+  margin-bottom: 20px;
+  background: #16161e;
+  border: 1px solid #2a2b3d;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: border-color 0.15s;
+}
+
+.agent-picker-cwd:hover {
+  border-color: #7aa2f7;
+}
+
+.agent-picker-cwd-icon {
+  font-size: 14px;
+}
+
+.agent-picker-cwd-path {
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-size: 12px;
+  color: #a9b1d6;
+  flex: 1;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.agent-picker-cwd-change {
+  font-size: 11px;
+  color: #7aa2f7;
+  flex-shrink: 0;
+}
+
+.agent-picker-title {
+  font-size: 11px;
+  color: #565f89;
+  margin-bottom: 12px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+
+.agent-picker-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.agent-picker-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 18px;
+  background: #16161e;
+  border: 1px solid #2a2b3d;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.15s;
+  text-align: left;
+}
+
+.agent-picker-item:hover {
+  border-color: #7aa2f7;
+  background: #1a1b2e;
+}
+
+.agent-picker-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #c0caf5;
+}
+
+.agent-picker-desc {
+  font-size: 11px;
+  color: #565f89;
+}
+
+.agent-picker-hint {
+  margin-top: 20px;
+  font-size: 11px;
+  color: #414868;
+}
+
 /* Settings dialog */
 .settings-overlay {
   position: fixed;

package/out/renderer/assets/{javascript-CK8zNQXj.js → javascript-_HVGB-lj.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-BNNI0Euv.js";
-import "./index-pZmE1QXB.js";
+import { conf as conf$1, language as language$1 } from "./typescript-CIn-DSfY.js";
+import "./index-Bml7oDn9.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-Cewaellc.js → jsonMode-JbrRQBOU.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-pZmE1QXB.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-DSDH7BnA.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-DSDH7BnA.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-Bml7oDn9.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-DzxH499X.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-DzxH499X.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-Bd3GPNs2.js → liquid-B7izKdqo.js}

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

package/out/renderer/assets/{lspLanguageFeatures-DSDH7BnA.js → lspLanguageFeatures-DzxH499X.js}

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

package/out/renderer/assets/{mdx-CCPVCrXC.js → mdx-CmvUeYLw.js}

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

package/out/renderer/assets/{python-34jOtlcC.js → python-DJqYTFoi.js}

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

package/out/renderer/assets/{razor-DXRw694z.js → razor-CGEA5nUK.js}

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

package/out/renderer/assets/{tsMode-CmND5_wB.js → tsMode-CN0FOHMy.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-pZmE1QXB.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-Bml7oDn9.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-BNNI0Euv.js → typescript-CIn-DSfY.js}

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

package/out/renderer/assets/{xml-CgdndrNB.js → xml-C5t3U2jS.js}

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

package/out/renderer/assets/{yaml-DNWPIf1s.js → yaml-n-Jb6xf1.js}

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

package/out/renderer/index.html

@@ -4,8 +4,8 @@
   <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-pZmE1QXB.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-CJ6RsQWP.css">
+  <script type="module" crossorigin src="./assets/index-Bml7oDn9.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-DK9wLFFm.css">
 </head>
 <body>
   <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "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": {
@@ -19,9 +19,9 @@
   ],
   "scripts": {
     "dev": "electron-vite dev",
-    "dev:terminal": "esbuild src/main/headless.ts --bundle --platform=node --target=node18 --format=esm --outfile=out/headless/index.mjs --external:node-pty --sourcemap && node out/headless/index.mjs",
+    "dev:terminal": "esbuild src/main/headless.ts --bundle --platform=node --target=node18 --format=esm --outfile=out/headless/index.mjs --external:node-pty --external:ws --sourcemap && node out/headless/index.mjs",
     "build": "electron-vite build && npm run build:headless",
-    "build:headless": "esbuild src/main/headless.ts --bundle --platform=node --target=node18 --format=esm --outfile=out/headless/index.mjs --external:node-pty --sourcemap",
+    "build:headless": "esbuild src/main/headless.ts --bundle --platform=node --target=node18 --format=esm --outfile=out/headless/index.mjs --external:node-pty --external:ws --sourcemap",
     "prepublishOnly": "npm run build",
     "preview": "electron-vite preview",
     "package": "electron-builder",
@@ -50,13 +50,15 @@
     "electron-store": "^10.0.0",
     "esbuild": "^0.27.4",
     "monaco-editor": "^0.55.1",
-    "node-pty": "^1.0.0"
+    "node-pty": "^1.0.0",
+    "ws": "^8.20.0"
   },
   "devDependencies": {
     "@electron/rebuild": "^4.0.3",
     "@types/node": "^22.15.0",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
+    "@types/ws": "^8.18.1",
     "@vitejs/plugin-react": "^4.5.2",
     "electron": "^35.0.0",
     "electron-builder": "^25.1.8",