@phenx-inc/ctlsurf 0.1.21 → 0.2.0

package/out/main/index.js

@@ -4454,16 +4454,14 @@ class Orchestrator {
   bridge = new ConversationBridge();
   workerWs;
   // State
-  ptyManager = null;
+  tabs = /* @__PURE__ */ new Map();
+  activeTabId = null;
   currentAgent = null;
   currentCwd = null;
   settings = {
     activeProfile: "production",
     profiles: { ...DEFAULT_PROFILES }
   };
-  // Terminal stream batching
-  termStreamBuffer = "";
-  termStreamTimer = null;
   constructor(settingsDir, events) {
     this.settingsDir = settingsDir;
     this.events = events;
@@ -4477,8 +4475,9 @@ class Orchestrator {
         events.onWorkerMessage(message);
         this.workerWs.sendAck(message.id);
         if (message.type === "prompt" || message.type === "task_dispatch") {
-          if (this.ptyManager) {
-            this.ptyManager.write(message.content + "\r");
+          const activeTab = this.activeTabId ? this.tabs.get(this.activeTabId) : null;
+          if (activeTab) {
+            activeTab.ptyManager.write(message.content + "\r");
             this.bridge.feedInput(message.content);
           }
         }
@@ -4491,7 +4490,8 @@ class Orchestrator {
         }
       },
       onTerminalInput: (data) => {
-        this.ptyManager?.write(data);
+        const activeTab = this.activeTabId ? this.tabs.get(this.activeTabId) : null;
+        activeTab?.ptyManager.write(data);
       }
     });
     this.bridge.setWsClient(this.workerWs);
@@ -4645,31 +4645,41 @@ class Orchestrator {
     this.saveSettings();
     return { ok: true };
   }
-  // ─── PTY & Agent ────────────────────────────────
-  async spawnAgent(agent, cwd) {
-    if (this.ptyManager) {
-      this.bridge.endSession();
-      this.ptyManager.kill();
+  // ─── PTY & Agent (multi-tab) ─────────────────────
+  async spawnAgent(tabId, agent, cwd) {
+    const existing = this.tabs.get(tabId);
+    if (existing) {
+      if (existing.termStreamTimer) clearTimeout(existing.termStreamTimer);
+      existing.ptyManager.kill();
+      this.tabs.delete(tabId);
     }
     this.currentAgent = agent;
     const prevCwd = this.currentCwd;
     this.currentCwd = cwd;
+    this.activeTabId = tabId;
     if (prevCwd !== cwd) {
       this.events.onCwdChanged();
     }
-    this.ptyManager = new PtyManager(agent, cwd);
-    this.ptyManager.onData((data) => {
-      this.events.onPtyData(data);
-      this.bridge.feedOutput(data);
-      this.streamTerminalData(data);
+    const ptyManager = new PtyManager(agent, cwd);
+    const tab = { ptyManager, agent, cwd, termStreamBuffer: "", termStreamTimer: null };
+    this.tabs.set(tabId, tab);
+    ptyManager.onData((data) => {
+      this.events.onPtyData(tabId, data);
+      if (tabId === this.activeTabId) {
+        this.bridge.feedOutput(data);
+        this.streamTerminalData(tabId, data);
+      }
     });
-    const thisPtyManager = this.ptyManager;
-    this.ptyManager.onExit(async (exitCode) => {
-      this.events.onPtyExit(exitCode);
-      this.bridge.endSession();
-      if (thisPtyManager === this.ptyManager && this.currentAgent && isCodingAgent(this.currentAgent)) {
-        this.workerWs.disconnect();
+    ptyManager.onExit(async (exitCode) => {
+      this.events.onPtyExit(tabId, exitCode);
+      if (tabId === this.activeTabId) {
+        this.bridge.endSession();
+        if (this.currentAgent && isCodingAgent(this.currentAgent)) {
+          this.workerWs.disconnect();
+        }
       }
+      const t = this.tabs.get(tabId);
+      if (t?.termStreamTimer) clearTimeout(t.termStreamTimer);
     });
     this.bridge.startSession();
     if (isCodingAgent(agent)) {
@@ -4679,23 +4689,45 @@ class Orchestrator {
       this.checkProjectStatus(cwd);
     }
   }
-  writePty(data) {
-    this.ptyManager?.write(data);
-    this.bridge.feedInput(data);
+  writePty(tabId, data) {
+    this.tabs.get(tabId)?.ptyManager.write(data);
+    if (tabId === this.activeTabId) {
+      this.bridge.feedInput(data);
+    }
   }
-  resizePty(cols, rows) {
-    this.ptyManager?.resize(cols, rows);
-    this.bridge.resize(cols, rows);
-    this.workerWs.sendTerminalResize(cols, rows);
+  resizePty(tabId, cols, rows) {
+    this.tabs.get(tabId)?.ptyManager.resize(cols, rows);
+    if (tabId === this.activeTabId) {
+      this.bridge.resize(cols, rows);
+      this.workerWs.sendTerminalResize(cols, rows);
+    }
   }
-  async killAgent() {
-    this.bridge.endSession();
-    this.ptyManager?.kill();
-    this.ptyManager = null;
-    if (this.currentAgent && isCodingAgent(this.currentAgent)) {
-      this.workerWs.disconnect();
+  async killTab(tabId) {
+    const tab = this.tabs.get(tabId);
+    if (!tab) return;
+    if (tab.termStreamTimer) clearTimeout(tab.termStreamTimer);
+    tab.ptyManager.kill();
+    this.tabs.delete(tabId);
+    if (tabId === this.activeTabId) {
+      this.bridge.endSession();
+      if (isCodingAgent(tab.agent)) {
+        this.workerWs.disconnect();
+      }
+      const remaining = [...this.tabs.keys()];
+      this.activeTabId = remaining.length > 0 ? remaining[remaining.length - 1] : null;
+    }
+  }
+  setActiveTab(tabId) {
+    this.activeTabId = tabId;
+    const tab = this.tabs.get(tabId);
+    if (tab) {
+      this.currentAgent = tab.agent;
+      this.currentCwd = tab.cwd;
     }
   }
+  getTabIds() {
+    return [...this.tabs.keys()];
+  }
   // ─── Worker WebSocket ───────────────────────────
   connectWorkerWs(agent, cwd) {
     const profile = this.getActiveProfile();
@@ -4724,28 +4756,29 @@ class Orchestrator {
       this.events.onWorkerStatus("no_project");
     }
   }
-  streamTerminalData(data) {
-    this.termStreamBuffer += data;
-    if (!this.termStreamTimer) {
-      this.termStreamTimer = setTimeout(() => {
-        if (this.termStreamBuffer) {
-          this.workerWs.sendTerminalData(this.termStreamBuffer);
-          this.termStreamBuffer = "";
+  streamTerminalData(tabId, data) {
+    const tab = this.tabs.get(tabId);
+    if (!tab) return;
+    tab.termStreamBuffer += data;
+    if (!tab.termStreamTimer) {
+      tab.termStreamTimer = setTimeout(() => {
+        if (tab.termStreamBuffer) {
+          this.workerWs.sendTerminalData(tab.termStreamBuffer);
+          tab.termStreamBuffer = "";
         }
-        this.termStreamTimer = null;
+        tab.termStreamTimer = null;
       }, TERM_STREAM_INTERVAL_MS);
     }
   }
   // ─── Shutdown ───────────────────────────────────
   async shutdown() {
     this.bridge.endSession();
-    this.ptyManager?.kill();
-    this.ptyManager = null;
-    this.workerWs.disconnect();
-    if (this.termStreamTimer) {
-      clearTimeout(this.termStreamTimer);
-      this.termStreamTimer = null;
+    for (const [, tab] of this.tabs) {
+      if (tab.termStreamTimer) clearTimeout(tab.termStreamTimer);
+      tab.ptyManager.kill();
     }
+    this.tabs.clear();
+    this.workerWs.disconnect();
   }
 }
 process.stdout?.on?.("error", () => {
@@ -4766,15 +4799,62 @@ function log(...args) {
   }
 }
 let mainWindow = null;
+function getProjectAbbrev(cwdPath) {
+  const folderName = cwdPath.split("/").filter(Boolean).pop() || "";
+  if (!folderName) return "";
+  const words = folderName.replace(/([a-z])([A-Z])/g, "$1 $2").split(/[-_.\s]+/).filter(Boolean);
+  if (words.length >= 2) {
+    return words.slice(0, 4).map((w) => w[0]).join("").toUpperCase();
+  }
+  const word = words[0];
+  if (word.length <= 3) return word.toUpperCase();
+  return word.slice(0, 2).toUpperCase();
+}
+function createOverlayIcon(text) {
+  const size = 32;
+  const canvas = Buffer.alloc(size * size * 4, 0);
+  for (let y = 0; y < size; y++) {
+    for (let x = 0; x < size; x++) {
+      const cx = x - size / 2;
+      const cy = y - size / 2;
+      const dist = Math.sqrt(cx * cx + cy * cy);
+      if (dist <= size / 2) {
+        const idx = (y * size + x) * 4;
+        canvas[idx] = 122;
+        canvas[idx + 1] = 162;
+        canvas[idx + 2] = 247;
+        canvas[idx + 3] = 220;
+      }
+    }
+  }
+  return electron.nativeImage.createFromBuffer(canvas, { width: size, height: size });
+}
+function updateProjectBadge(cwdPath) {
+  if (!cwdPath) return;
+  const abbrev = getProjectAbbrev(cwdPath);
+  if (process.platform === "darwin" && electron.app.dock) {
+    electron.app.dock.setBadge(abbrev);
+  }
+  if (process.platform === "win32" && mainWindow) {
+    mainWindow.setOverlayIcon(createOverlayIcon(), abbrev);
+  }
+  if (mainWindow) {
+    const folderName = cwdPath.split("/").filter(Boolean).pop() || "ctlsurf-worker";
+    mainWindow.setTitle(`ctlsurf-worker — ${folderName}`);
+  }
+}
 const orchestrator = new Orchestrator(
   getSettingsDir(),
   {
-    onPtyData: (data) => mainWindow?.webContents.send("pty:data", data),
-    onPtyExit: (code) => mainWindow?.webContents.send("pty:exit", code),
+    onPtyData: (tabId, data) => mainWindow?.webContents.send("pty:data", tabId, data),
+    onPtyExit: (tabId, code) => mainWindow?.webContents.send("pty:exit", tabId, code),
     onWorkerStatus: (status) => mainWindow?.webContents.send("worker:status", status),
     onWorkerMessage: (message) => mainWindow?.webContents.send("worker:message", message),
     onWorkerRegistered: (data) => mainWindow?.webContents.send("worker:registered", data),
-    onCwdChanged: () => mainWindow?.webContents.send("app:cwdChanged")
+    onCwdChanged: () => {
+      mainWindow?.webContents.send("app:cwdChanged");
+      updateProjectBadge(orchestrator.cwd);
+    }
   }
 );
 function createWindow() {
@@ -4802,18 +4882,21 @@ function createWindow() {
     mainWindow = null;
   });
 }
-electron.ipcMain.handle("pty:spawn", async (_event, agent, cwd) => {
-  await orchestrator.spawnAgent(agent, cwd);
+electron.ipcMain.handle("pty:spawn", async (_event, tabId, agent, cwd) => {
+  await orchestrator.spawnAgent(tabId, agent, cwd);
   return { ok: true };
 });
-electron.ipcMain.handle("pty:write", (_event, data) => {
-  orchestrator.writePty(data);
+electron.ipcMain.handle("pty:write", (_event, tabId, data) => {
+  orchestrator.writePty(tabId, data);
+});
+electron.ipcMain.handle("pty:resize", (_event, tabId, cols, rows) => {
+  orchestrator.resizePty(tabId, cols, rows);
 });
-electron.ipcMain.handle("pty:resize", (_event, cols, rows) => {
-  orchestrator.resizePty(cols, rows);
+electron.ipcMain.handle("pty:kill", async (_event, tabId) => {
+  await orchestrator.killTab(tabId);
 });
-electron.ipcMain.handle("pty:kill", async () => {
-  await orchestrator.killAgent();
+electron.ipcMain.handle("pty:setActiveTab", (_event, tabId) => {
+  orchestrator.setActiveTab(tabId);
 });
 electron.ipcMain.handle("agents:list", () => getBuiltinAgents());
 electron.ipcMain.handle("agents:default", () => getDefaultAgent());
@@ -4975,8 +5058,7 @@ electron.app.whenReady().then(() => {
   if (process.platform === "darwin" && electron.app.dock) {
     const iconPath = path.join(__dirname, "../../resources/icon.png");
     try {
-      const { nativeImage } = require("electron");
-      electron.app.dock.setIcon(nativeImage.createFromPath(iconPath));
+      electron.app.dock.setIcon(electron.nativeImage.createFromPath(iconPath));
     } catch {
     }
   }

package/out/preload/index.js

@@ -1,19 +1,20 @@
 "use strict";
 const electron = require("electron");
 const api = {
-  // Pty operations
-  spawnAgent: (agent, cwd) => electron.ipcRenderer.invoke("pty:spawn", agent, cwd),
-  writePty: (data) => electron.ipcRenderer.invoke("pty:write", data),
-  resizePty: (cols, rows) => electron.ipcRenderer.invoke("pty:resize", cols, rows),
-  killPty: () => electron.ipcRenderer.invoke("pty:kill"),
-  // Pty events
+  // Pty operations (multi-tab: all take tabId)
+  spawnAgent: (tabId, agent, cwd) => electron.ipcRenderer.invoke("pty:spawn", tabId, agent, cwd),
+  writePty: (tabId, data) => electron.ipcRenderer.invoke("pty:write", tabId, data),
+  resizePty: (tabId, cols, rows) => electron.ipcRenderer.invoke("pty:resize", tabId, cols, rows),
+  killPty: (tabId) => electron.ipcRenderer.invoke("pty:kill", tabId),
+  setActiveTab: (tabId) => electron.ipcRenderer.invoke("pty:setActiveTab", tabId),
+  // Pty events (multi-tab: callbacks receive tabId)
   onPtyData: (callback) => {
-    const listener = (_event, data) => callback(data);
+    const listener = (_event, tabId, data) => callback(tabId, data);
     electron.ipcRenderer.on("pty:data", listener);
     return () => electron.ipcRenderer.removeListener("pty:data", listener);
   },
   onPtyExit: (callback) => {
-    const listener = (_event, code) => callback(code);
+    const listener = (_event, tabId, code) => callback(tabId, code);
     electron.ipcRenderer.on("pty:exit", listener);
     return () => electron.ipcRenderer.removeListener("pty:exit", listener);
   },

package/out/renderer/assets/{cssMode-C6bY9C4O.js → cssMode-D3kH1Kju.js}

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

package/out/renderer/assets/{freemarker2-CkAJiX1K.js → freemarker2-BCHZUSLb.js}

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

package/out/renderer/assets/{handlebars-DnLXVUXp.js → handlebars-DKx-Fw-H.js}

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

package/out/renderer/assets/{html-Ds5-qvDh.js → html-BSCM04uL.js}

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

package/out/renderer/assets/{htmlMode-DYFYy4MK.js → htmlMode-BucU1MUc.js}

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