@phenx-inc/ctlsurf 0.12.0 → 0.13.1

package/out/main/index.js

@@ -11276,7 +11276,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 +11288,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 +11311,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 +11330,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 +11341,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 +11360,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 +11375,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;
   }
@@ -11924,12 +11930,16 @@ class Orchestrator {
     }
   }
   setActiveTab(tabId) {
+    const prevProjectPath = this.getActiveTabProjectPath();
     this.activeTabId = tabId;
     const tab = this.tabs.get(tabId);
     if (tab) {
       this.currentAgent = tab.agent;
       this.currentCwd = tab.cwd;
     }
+    if (this.getActiveTabProjectPath() !== prevProjectPath) {
+      this.events.onCwdChanged();
+    }
   }
   getTabIds() {
     return [...this.tabs.keys()];
@@ -12270,7 +12280,7 @@ const orchestrator = new Orchestrator(
     },
     onCwdChanged: () => {
       mainWindow?.webContents.send("app:cwdChanged");
-      updateProjectBadge(orchestrator.cwd);
+      updateProjectBadge(orchestrator.getActiveTabProjectPath() || orchestrator.cwd);
     }
   }
 );
@@ -12293,6 +12303,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 {

package/out/renderer/assets/{cssMode-R8fTFLae.js → cssMode-KhYyY-BM.js}

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

package/out/renderer/assets/{freemarker2-CyjWzWoP.js → freemarker2-BFsSgcWk.js}

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

package/out/renderer/assets/{handlebars-CrhCGIRM.js → handlebars-Be6_aBsm.js}

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

package/out/renderer/assets/{html-Cc3dPNZr.js → html-G8mvsyfc.js}

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

package/out/renderer/assets/{htmlMode-BWtG6ywk.js → htmlMode-Cfd5VCjw.js}

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

package/out/renderer/assets/{index-BL9njXIL.css → index-Bi_MjBqs.css}

@@ -7486,6 +7486,17 @@ html, body, #root {
   background: #1f2335;
 }
 
+.titlebar-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+/* Keep the greyed-out look stable on hover for disabled buttons. */
+.titlebar-btn:disabled:hover {
+  color: #565f89;
+  border-color: #3b3d57;
+}
+
 .titlebar-separator {
   width: 1px;
   height: 16px;
@@ -7652,6 +7663,15 @@ html, body, #root {
 }
 
 /* Terminal container */
+.terminal-wrap {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+}
+
 .terminal-container {
   width: 100%;
   height: 100%;
@@ -7663,6 +7683,34 @@ html, body, #root {
   height: 100%;
 }
 
+/* Floating "jump to latest" pill — shown only while scrolled up. */
+.term-jump-latest {
+  position: absolute;
+  bottom: 14px;
+  right: 20px;
+  z-index: 5;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 12px;
+  border-radius: 14px;
+  background: #2a2b3d;
+  border: 1px solid #7aa2f7;
+  color: #c0caf5;
+  font-family: inherit;
+  font-size: 11.5px;
+  font-weight: 600;
+  cursor: pointer;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
+  transition: background 0.13s ease, transform 0.06s ease;
+}
+.term-jump-latest:hover {
+  background: #343650;
+}
+.term-jump-latest:active {
+  transform: translateY(1px);
+}
+
 .terminal-fullscreen {
   width: 100%;
   height: 100%;
@@ -7867,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-panel webview {
+.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-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;
@@ -9098,6 +9221,32 @@ html, body, #root {
   color: #7aa2f7;
   font-weight: 600;
 }
+/* "+ New" action in the header (replaces the old footer button). */
+.ticket-drawer-new {
+  flex-shrink: 0;
+  align-self: center;
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  padding: 5px 11px;
+  border-radius: 7px;
+  background: rgba(122, 162, 247, 0.14);
+  border: 1px solid rgba(122, 162, 247, 0.3);
+  color: #9db4f5;
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.13s ease, border-color 0.13s ease, color 0.13s ease, transform 0.06s ease;
+}
+.ticket-drawer-new:hover {
+  background: rgba(122, 162, 247, 0.22);
+  border-color: rgba(122, 162, 247, 0.5);
+  color: #c0d0fb;
+}
+.ticket-drawer-new:active {
+  transform: translateY(1px);
+}
 .ticket-drawer-warn {
   color: #e0af68;
 }
@@ -9295,6 +9444,49 @@ html, body, #root {
   text-align: center;
 }
 
+/* ── collapsible "Done" section header ── */
+.ticket-done-toggle {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: 100%;
+  margin-top: 3px;
+  padding: 7px 4px;
+  background: none;
+  border: none;
+  border-top: 1px solid #262a3f;
+  color: #6b739b;
+  font-family: inherit;
+  font-size: 11.5px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: color 0.13s ease;
+}
+.ticket-done-toggle:hover {
+  color: #a9b1d6;
+}
+.ticket-done-caret {
+  display: inline-block;
+  font-size: 10px;
+  transition: transform 0.13s ease;
+}
+.ticket-done-caret.open {
+  transform: rotate(90deg);
+}
+.ticket-done-count {
+  margin-left: auto;
+  min-width: 18px;
+  padding: 1px 6px;
+  border-radius: 9px;
+  background: #262a3f;
+  color: #8088ac;
+  font-size: 11px;
+  font-weight: 600;
+  text-align: center;
+}
+
 .ticket-empty {
   display: flex;
   flex-direction: column;
@@ -9321,24 +9513,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;