@phenx-inc/ctlsurf 0.12.1 → 0.13.4

package/out/main/index.js

@@ -122,6 +122,12 @@ function getSettingsDir(useElectron) {
     return app.getPath("userData");
   }
 }
+function log$3(...args) {
+  try {
+    console.log(...args);
+  } catch {
+  }
+}
 const require$1 = module$1.createRequire(require("url").pathToFileURL(__filename).href);
 const pty = require$1("node-pty");
 class PtyManager {
@@ -131,10 +137,7 @@ class PtyManager {
   constructor(agent, cwd) {
     const shell = agent.command;
     const args = agent.args || [];
-    try {
-      console.log(`[pty] Spawning: ${shell} ${args.join(" ")} in ${cwd}`);
-    } catch {
-    }
+    log$3(`[pty] Spawning: ${shell} ${args.join(" ")} in ${cwd}`);
     this.process = pty.spawn(shell, args, {
       name: "xterm-256color",
       cwd,
@@ -5963,7 +5966,7 @@ class ConversationBridge {
     this.inputBuffer = "";
     this.terminalCapture.reset();
     this.sessionActive = true;
-    console.log("[bridge] Session started");
+    log$3("[bridge] Session started");
   }
   feedOutput(data) {
     if (!this.sessionActive || !this.loggingEnabled) return;
@@ -6043,7 +6046,7 @@ class ConversationBridge {
     this.sessionActive = false;
     this.inputBuffer = "";
     this.outputBuffer = "";
-    console.log("[bridge] Session ended");
+    log$3("[bridge] Session ended");
   }
 }
 const DEFAULT_COLS = 80;
@@ -6252,7 +6255,7 @@ class TranscriptTailer {
     this.sinceMs = Date.now();
     this.files.clear();
     this.pollTimer = setInterval(() => this.poll(), POLL_INTERVAL_MS);
-    console.log(`[transcripts] Tailing ${this.agentId} transcripts for ${this.cwd}`);
+    log$3(`[transcripts] Tailing ${this.agentId} transcripts for ${this.cwd}`);
   }
   stop() {
     if (!this.pollTimer) return;
@@ -6260,7 +6263,7 @@ class TranscriptTailer {
     this.pollTimer = null;
     this.poll();
     this.files.clear();
-    console.log("[transcripts] Stopped");
+    log$3("[transcripts] Stopped");
   }
   poll() {
     try {
@@ -10689,12 +10692,6 @@ function requireWebsocketServer() {
   return websocketServer;
 }
 requireWebsocketServer();
-function log$3(...args) {
-  try {
-    console.log(...args);
-  } catch {
-  }
-}
 const WS = typeof WebSocket !== "undefined" ? WebSocket : WebSocket$1;
 const HEARTBEAT_INTERVAL_MS = 3e4;
 const RECONNECT_DELAY_MS = 5e3;
@@ -10969,10 +10966,7 @@ function isSameLocalDay(a, b2) {
   return da.getFullYear() === db.getFullYear() && da.getMonth() === db.getMonth() && da.getDate() === db.getDate();
 }
 function log$2(...args) {
-  try {
-    console.log("[time-tracker]", ...args);
-  } catch {
-  }
+  log$3("[time-tracker]", ...args);
 }
 function findPageByTitle$1(pages, title) {
   for (const p2 of pages) {
@@ -11259,10 +11253,7 @@ const COLUMNS = [
   { name: "Created", type: "date" }
 ];
 function log$1(...args) {
-  try {
-    console.log("[ticket-store]", ...args);
-  } catch {
-  }
+  log$3("[ticket-store]", ...args);
 }
 function findPageByTitle(pages, title) {
   for (const p2 of pages) {
@@ -11276,7 +11267,10 @@ function findPageByTitle(pages, title) {
 }
 class TicketStore {
   api;
-  blockCache = /* @__PURE__ */ new Map();
+  // Per-cwd cache of the resolved Tickets datastore: the block (the datastore
+  // element) and the Agent Datastore page it lives on. Both ids are handed to
+  // the coding agent so it can read/update tickets via the ctlsurf MCP tools.
+  dsCache = /* @__PURE__ */ new Map();
   constructor(api) {
     this.api = api;
   }
@@ -11285,11 +11279,11 @@ class TicketStore {
     const title = input.title?.trim();
     if (!title) return { ok: false, error: "Title is required" };
     try {
-      const blockId = await this.ensureDatastore(cwd, true);
-      if (!blockId) {
+      const ds = await this.ensureDatastore(cwd, true);
+      if (!ds) {
         return { ok: false, error: "No ctlsurf project found for this folder" };
       }
-      await this.api.addRow(blockId, {
+      await this.api.addRow(ds.blockId, {
         Title: title,
         Description: input.description?.trim() || "",
         Status: input.status || "Open",
@@ -11308,9 +11302,9 @@ class TicketStore {
     const title = input.title?.trim();
     if (!title) return { ok: false, error: "Title is required" };
     try {
-      const blockId = await this.ensureDatastore(cwd, false);
-      if (!blockId) return { ok: false, error: "No Tickets datastore for this project" };
-      await this.api.updateRow(blockId, rowId, {
+      const ds = await this.ensureDatastore(cwd, false);
+      if (!ds) return { ok: false, error: "No Tickets datastore for this project" };
+      await this.api.updateRow(ds.blockId, rowId, {
         Title: title,
         Description: input.description?.trim() || "",
         Status: input.status || "Open",
@@ -11327,9 +11321,9 @@ class TicketStore {
    * datastore — an unconfigured project simply has no tickets yet. */
   async listTickets(cwd) {
     try {
-      const blockId = await this.ensureDatastore(cwd, false);
-      if (!blockId) return { ok: true, tickets: [] };
-      const res = await this.api.queryRows(blockId, { orderBy: "Created", order: "desc", limit: 200 });
+      const ds = await this.ensureDatastore(cwd, false);
+      if (!ds) return { ok: true, tickets: [] };
+      const res = await this.api.queryRows(ds.blockId, { orderBy: "Created", order: "desc", limit: 200 });
       const tickets = (res?.rows || []).map((r) => ({
         id: r.id,
         title: String(r.data?.Title ?? ""),
@@ -11338,14 +11332,14 @@ class TicketStore {
         priority: String(r.data?.Priority ?? "Med"),
         created: r.data?.Created ?? r.created_at ?? null
       }));
-      return { ok: true, tickets };
+      return { ok: true, tickets, blockId: ds.blockId, pageId: ds.pageId };
     } catch (err) {
       log$1(`listTickets failed for ${cwd}: ${err?.message || err}`);
       return { ok: false, tickets: [], error: err?.message || String(err) };
     }
   }
   async ensureDatastore(cwd, create) {
-    const cached = this.blockCache.get(cwd);
+    const cached = this.dsCache.get(cwd);
     if (cached) return cached;
     let folder = null;
     try {
@@ -11357,11 +11351,13 @@ class TicketStore {
     const folderDetail = await this.api.getFolder(folder.id);
     const agentPage = findPageByTitle(folderDetail?.pages || [], AGENT_DATASTORE_PAGE_TITLE);
     if (!agentPage?.id) return null;
-    const blockId = await this.findOrAdoptBlock(agentPage.id);
+    const pageId = agentPage.id;
+    const blockId = await this.findOrAdoptBlock(pageId);
     if (blockId) {
       await this.ensureColumns(blockId);
-      this.blockCache.set(cwd, blockId);
-      return blockId;
+      const ds = { blockId, pageId };
+      this.dsCache.set(cwd, ds);
+      return ds;
     }
     if (!create) return null;
     const columns = COLUMNS.map((c, i) => ({
@@ -11370,15 +11366,16 @@ class TicketStore {
       type: c.type,
       ...c.options ? { options: c.options } : {}
     }));
-    const created = await this.api.createBlock(agentPage.id, {
+    const created = await this.api.createBlock(pageId, {
       type: "datastore",
       title: DATASTORE_TITLE,
       props: { columns, system_key: SYSTEM_KEY }
     });
     if (created?.id) {
       log$1(`Created "${DATASTORE_TITLE}" datastore on Agent Datastore page for ${cwd}`);
-      this.blockCache.set(cwd, created.id);
-      return created.id;
+      const ds = { blockId: created.id, pageId };
+      this.dsCache.set(cwd, ds);
+      return ds;
     }
     return null;
   }
@@ -12297,6 +12294,12 @@ function createWindow() {
   mainWindow.webContents.session.setPermissionRequestHandler((_wc, _permission, callback) => {
     callback(true);
   });
+  mainWindow.webContents.on("did-attach-webview", (_e, contents) => {
+    contents.setWindowOpenHandler(({ url }) => {
+      setImmediate(() => contents.loadURL(url));
+      return { action: "deny" };
+    });
+  });
   if (process.env.ELECTRON_RENDERER_URL) {
     mainWindow.loadURL(process.env.ELECTRON_RENDERER_URL);
   } else {
@@ -12312,6 +12315,10 @@ electron.ipcMain.handle("clipboard:writeTable", (_event, html, text) => {
   electron.clipboard.write({ html, text });
   return { ok: true };
 });
+electron.ipcMain.handle("clipboard:writeText", (_event, text) => {
+  electron.clipboard.writeText(text);
+  return { ok: true };
+});
 electron.ipcMain.handle("pty:spawn", async (_event, tabId, agent, cwd) => {
   await orchestrator.spawnAgent(tabId, agent, cwd);
   return { ok: true };

package/out/preload/index.js

@@ -42,6 +42,7 @@ const api = {
   browseCwd: () => electron.ipcRenderer.invoke("app:browseCwd"),
   // Clipboard — write a rich-HTML table (+ plain-text fallback) for email paste.
   copyEmailTable: (html, text) => electron.ipcRenderer.invoke("clipboard:writeTable", html, text),
+  copyText: (text) => electron.ipcRenderer.invoke("clipboard:writeText", text),
   getVersion: () => electron.ipcRenderer.invoke("app:getVersion"),
   getUpdateInfo: () => electron.ipcRenderer.invoke("app:getUpdateInfo"),
   onUpdateInfo: (callback) => {

package/out/renderer/assets/{cssMode-D7r66wvO.js → cssMode-CAEObGNt.js}

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

package/out/renderer/assets/{freemarker2-jSWJIjPG.js → freemarker2-D63hnnDq.js}

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

package/out/renderer/assets/{handlebars-BnFyz5RH.js → handlebars-UYo_IYpi.js}

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

package/out/renderer/assets/{html-Bl5UFavp.js → html-2dvYDi3g.js}

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

package/out/renderer/assets/{htmlMode-D4VByBT6.js → htmlMode-B6fxDDPF.js}

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

package/out/renderer/assets/{index-Cc_TqOCL.css → index-BEekQe3-.css}

@@ -7915,13 +7915,88 @@ html, body, #root {
   width: 100%;
   height: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.ctlsurf-addressbar {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 6px;
+  background: #1a1b26;
+  border-bottom: 1px solid #2a2b3d;
+}
+
+.ctlsurf-nav-btn {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  color: #a9b1d6;
+  font-size: 16px;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.ctlsurf-nav-btn:hover:not(:disabled) {
+  background: #2a2b3d;
+}
+
+.ctlsurf-nav-btn:disabled {
+  color: #565f89;
+  opacity: 0.5;
+  cursor: default;
+}
+
+.ctlsurf-address-form {
+  flex: 1 1 auto;
+  display: flex;
+  min-width: 0;
+}
+
+.ctlsurf-address-input {
+  width: 100%;
+  height: 26px;
+  padding: 0 11px;
+  background: #16161e;
+  border: 1px solid #2a2b3d;
+  border-radius: 13px;
+  color: #c0caf5;
+  font-size: 12px;
+  outline: none;
+}
+
+.ctlsurf-address-input:focus {
+  border-color: #7aa2f7;
 }
 
-.ctlsurf-panel webview {
+.ctlsurf-webview-host {
+  flex: 1 1 auto;
+  position: relative;
+  min-height: 0;
+}
+
+.ctlsurf-webview-host webview {
   width: 100%;
   height: 100%;
 }
 
+.ctlsurf-webview-loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* Status bar */
 .statusbar {
   height: 24px;
@@ -8927,6 +9002,22 @@ html, body, #root {
   font-size: 16px;
 }
 
+/* About section inside the Settings dialog. */
+.settings-about {
+  border-top: 1px solid #2a2b3d;
+  padding-top: 16px;
+}
+.settings-about .about-name {
+  color: #c0caf5;
+  font-size: 14px;
+  font-weight: 600;
+}
+.settings-about .about-copyright {
+  color: #9aa5ce;
+  font-size: 12px;
+  margin: 6px 0 8px;
+}
+
 .settings-section {
   margin-bottom: 20px;
 }
@@ -9438,24 +9529,57 @@ html, body, #root {
 .ticket-card {
   display: flex;
   align-items: stretch;
-  gap: 10px;
   background: #15161f;
   border: 1px solid #262a3f;
   border-radius: 10px;
-  padding: 10px 11px 10px 0;
-  cursor: pointer;
-  text-align: left;
-  font-family: inherit;
   overflow: hidden;
-  transition: border-color 0.13s ease, background 0.13s ease, transform 0.06s ease;
+  transition: border-color 0.13s ease, background 0.13s ease;
 }
 .ticket-card:hover {
   border-color: #3d425f;
   background: #181a26;
 }
-.ticket-card:active {
+/* Clickable body of the card — opens the editor. */
+.ticket-card-open {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: stretch;
+  gap: 10px;
+  padding: 10px 11px 10px 0;
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  text-align: left;
+  font-family: inherit;
+  transition: transform 0.06s ease;
+}
+.ticket-card-open:active {
   transform: scale(0.99);
 }
+/* Trailing button that dispatches the ticket to the coding terminal. */
+.ticket-card-send {
+  flex-shrink: 0;
+  width: 36px;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  border-left: 1px solid #262a3f;
+  color: #565f89;
+  cursor: pointer;
+  transition: background 0.13s ease, color 0.13s ease, transform 0.06s ease;
+}
+.ticket-card-send:hover {
+  background: #1b2030;
+  color: #7aa2f7;
+}
+.ticket-card-send:active {
+  transform: scale(0.9);
+}
 .ticket-card-bar {
   width: 3px;
   border-radius: 3px;
@@ -9530,6 +9654,106 @@ html, body, #root {
 .term-context-menu button:hover {
   background: #2a2b3d;
 }
+/* Always-visible utility button (top-right) — opens the snapshot panel. */
+.term-util-btn {
+  position: absolute;
+  top: 6px;
+  right: 14px;
+  z-index: 6;
+  width: 26px;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  background: #2a2b3d;
+  border: 1px solid #414868;
+  color: #c0caf5;
+  font-size: 16px;
+  line-height: 1;
+  cursor: pointer;
+  opacity: 0.55;
+  transition: opacity 0.13s ease, background 0.13s ease;
+}
+.term-util-btn:hover {
+  opacity: 1;
+  background: #343650;
+}
+
+/* Snapshot panel: a frozen, selectable copy of the screen text. */
+.term-snapshot {
+  position: absolute;
+  inset: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  background: #16161e;
+  border: 1px solid #414868;
+}
+.term-snapshot-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 12px;
+  background: #1f2335;
+  border-bottom: 1px solid #414868;
+  color: #9aa5ce;
+  font-size: 12px;
+}
+.term-snapshot-x {
+  background: transparent;
+  border: none;
+  color: #9aa5ce;
+  font-size: 14px;
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+.term-snapshot-x:hover {
+  background: #2a2b3d;
+  color: #c0caf5;
+}
+.term-snapshot-text {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  margin: 0;
+  padding: 10px 12px;
+  white-space: pre;
+  user-select: text;
+  cursor: text;
+  color: #c0caf5;
+  background: #16161e;
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
+  font-size: 13px;
+  line-height: 1.4;
+}
+.term-snapshot-text::selection {
+  background: #33467c;
+}
+.term-snapshot-actions {
+  display: flex;
+  gap: 6px;
+  padding: 8px 12px;
+  background: #1f2335;
+  border-top: 1px solid #414868;
+}
+.term-snapshot-actions button {
+  background: #2a2b3d;
+  border: 1px solid #414868;
+  border-radius: 5px;
+  color: #c0caf5;
+  font-size: 12.5px;
+  padding: 6px 12px;
+  cursor: pointer;
+}
+.term-snapshot-actions button:hover {
+  background: #343650;
+}
+.term-snapshot-done {
+  margin-left: auto;
+}
 .term-toast {
   position: fixed;
   bottom: 24px;