@phenx-inc/ctlsurf 0.12.0 → 0.13.1

package/out/renderer/assets/{index-kkG56aKv.js → index-MqgBcJzy.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-R8fTFLae.js","./lspLanguageFeatures-CXGfrtzl.js","./htmlMode-BWtG6ywk.js","./jsonMode-D1zR4VVU.js","./javascript-C8T_SdLC.js","./typescript-HhQUr1Rb.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-KhYyY-BM.js","./lspLanguageFeatures-BYkg2Yc-.js","./htmlMode-Cfd5VCjw.js","./jsonMode-DZT5gBVW.js","./javascript-XyDWi6dC.js","./typescript-CB71AtAT.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -18829,36 +18829,41 @@ function copySelectionAsEmailTable(terminal) {
     })
   );
 }
-function openExternal(uri) {
-  const win = window.open();
-  if (win) {
-    try {
-      win.opener = null;
-    } catch {
-    }
-    win.location.href = uri;
-  }
-}
 function handleTerminalLink(_event, uri) {
-  window.worker.getEmbedUrl(uri).then((embedUrl) => {
-    if (embedUrl) {
-      window.dispatchEvent(new CustomEvent("ctlsurf-open-url", { detail: { url: embedUrl } }));
-    } else {
-      openExternal(uri);
-    }
-  }).catch(() => openExternal(uri));
+  const openInPanel = (url) => window.dispatchEvent(new CustomEvent("ctlsurf-open-url", { detail: { url } }));
+  window.worker.getEmbedUrl(uri).then((embedUrl) => openInPanel(embedUrl || uri)).catch(() => openInPanel(uri));
 }
 const _terminals = /* @__PURE__ */ new Map();
 function isAtBottom(terminal) {
   const buf = terminal.buffer.active;
-  return buf.viewportY >= buf.baseY;
+  return buf.baseY - buf.viewportY <= 2;
 }
-function scrollIfPinned(tabId, terminal) {
-  const state = _terminals.get(tabId);
-  if (state?.pinnedToBottom) {
-    terminal.scrollToBottom();
+function notifyPin(state) {
+  state.pinListeners.forEach((fn) => fn(state.pinnedToBottom));
+}
+function setPinned(state, pinned) {
+  if (pinned) state.anchorLine = null;
+  if (state.pinnedToBottom === pinned) return;
+  state.pinnedToBottom = pinned;
+  notifyPin(state);
+}
+function reassert(state) {
+  const { terminal } = state;
+  state.holding = true;
+  try {
+    if (state.pinnedToBottom) {
+      terminal.scrollToBottom();
+    } else if (state.anchorLine != null && terminal.buffer.active.viewportY !== state.anchorLine) {
+      terminal.scrollToLine(state.anchorLine);
+    }
+  } finally {
+    state.holding = false;
   }
 }
+function markGesture(tabId) {
+  const s = _terminals.get(tabId);
+  if (s) s.userScrollPending = true;
+}
 function getOrCreateTerminal(tabId, onExit) {
   const existing = _terminals.get(tabId);
   if (existing) {
@@ -18902,6 +18907,9 @@ function getOrCreateTerminal(tabId, onExit) {
   terminal.loadAddon(new addonWebLinksExports.WebLinksAddon(handleTerminalLink));
   terminal.attachCustomKeyEventHandler((e) => {
     if (e.type !== "keydown") return true;
+    if (e.key === "PageUp" || e.key === "PageDown" || e.key === "Home" || e.key === "End") {
+      markGesture(tabId);
+    }
     const isCombo = (e.metaKey || e.ctrlKey) && e.shiftKey && e.code === "KeyE";
     if (!isCombo) return true;
     e.preventDefault();
@@ -18914,20 +18922,34 @@ function getOrCreateTerminal(tabId, onExit) {
     unsubData: null,
     unsubExit: null,
     spawnedAgentId: null,
-    pinnedToBottom: true
+    pinnedToBottom: true,
+    anchorLine: null,
+    userScrollPending: false,
+    holding: false,
+    pinListeners: /* @__PURE__ */ new Set()
   };
   terminal.onScroll(() => {
-    state.pinnedToBottom = isAtBottom(terminal);
+    if (state.holding) return;
+    if (!state.userScrollPending) {
+      reassert(state);
+      return;
+    }
+    state.userScrollPending = false;
+    if (isAtBottom(terminal)) {
+      setPinned(state, true);
+    } else {
+      state.anchorLine = terminal.buffer.active.viewportY;
+      setPinned(state, false);
+    }
   });
   terminal.onData((data) => {
-    state.pinnedToBottom = true;
+    setPinned(state, true);
     terminal.scrollToBottom();
     window.worker.writePty(tabId, data);
   });
   state.unsubData = window.worker.onPtyData((eventTabId, data) => {
     if (eventTabId === tabId) {
-      terminal.write(data);
-      scrollIfPinned(tabId, terminal);
+      terminal.write(data, () => reassert(state));
     }
   });
   state.unsubExit = window.worker.onPtyExit((eventTabId, code) => {
@@ -18955,6 +18977,14 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
   const containerRef = reactExports.useRef(null);
   const [menu, setMenu] = reactExports.useState(null);
   const [toast, setToast] = reactExports.useState(null);
+  const [followBottom, setFollowBottom] = reactExports.useState(true);
+  const jumpToLatest = () => {
+    const s = _terminals.get(tabId);
+    if (!s) return;
+    setPinned(s, true);
+    s.terminal.scrollToBottom();
+    s.terminal.focus();
+  };
   const handleContextMenu = (e) => {
     const sel = _terminals.get(tabId)?.terminal.getSelection() ?? "";
     if (!convertToEmailTable(sel)) return;
@@ -19006,7 +19036,10 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
       terminal.open(containerRef.current);
     }
     fitAddon.fit();
-    scrollIfPinned(tabId, terminal);
+    const attached = _terminals.get(tabId);
+    if (attached) reassert(attached);
+    const onWheel = () => markGesture(tabId);
+    terminal.element?.addEventListener("wheel", onWheel, { passive: true });
     let resizeTimeout;
     const handleResize = () => {
       clearTimeout(resizeTimeout);
@@ -19018,7 +19051,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
         state.fitAddon.fit();
         const { cols, rows } = state.terminal;
         if (cols < 10 || rows < 5) return;
-        scrollIfPinned(tabId, state.terminal);
+        reassert(state);
         window.worker.resizePty(tabId, cols, rows);
       }, 150);
     };
@@ -19029,6 +19062,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
       clearTimeout(resizeTimeout);
       window.removeEventListener("resize", handleResize);
       observer.disconnect();
+      terminal.element?.removeEventListener("wheel", onWheel);
     };
   }, [tabId, onExit]);
   reactExports.useEffect(() => {
@@ -19042,7 +19076,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
       const s = _terminals.get(tabId);
       if (s) {
         s.fitAddon.fit();
-        s.pinnedToBottom = true;
+        setPinned(s, true);
         s.terminal.scrollToBottom();
         const { cols, rows } = s.terminal;
         window.worker.resizePty(tabId, cols, rows);
@@ -19059,7 +19093,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
           if (state) {
             state.fitAddon.fit();
             state.terminal.focus();
-            scrollIfPinned(tabId, state.terminal);
+            reassert(state);
             const { cols, rows } = state.terminal;
             window.worker.resizePty(tabId, cols, rows);
           }
@@ -19067,8 +19101,33 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
       });
     }
   }, [isActive, tabId]);
+  reactExports.useEffect(() => {
+    const s = _terminals.get(tabId);
+    if (!s) return;
+    setFollowBottom(s.pinnedToBottom);
+    const fn = (p) => setFollowBottom(p);
+    s.pinListeners.add(fn);
+    return () => {
+      s.pinListeners.delete(fn);
+    };
+  }, [tabId]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "terminal-container", ref: containerRef, onContextMenu: handleContextMenu }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "terminal-wrap", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "terminal-container", ref: containerRef, onContextMenu: handleContextMenu }),
+      !followBottom && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "term-jump-latest",
+          onMouseDown: (e) => {
+            e.preventDefault();
+            jumpToLatest();
+          },
+          title: "Jump to latest output",
+          children: "↓ Latest"
+        }
+      )
+    ] }),
     menu && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "term-context-menu", style: { position: "fixed", left: menu.x, top: menu.y }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onMouseDown: (e) => {
       e.preventDefault();
       runConvert();
@@ -20022,7 +20081,7 @@ function FloatingMic({ onTranscript, onHide }) {
   ] });
 }
 const SAMPLE = "This is how spoken agent replies will sound.";
-function SpeakControls() {
+function SpeakControls({ remote = false }) {
   const [enabled, setEnabled] = reactExports.useState(false);
   const [engine, setEngineState] = reactExports.useState(getEngine);
   const [voices, setVoices] = reactExports.useState([]);
@@ -20114,7 +20173,7 @@ function SpeakControls() {
     speech.stop();
     speech.enqueue(SAMPLE);
   }, []);
-  const title = enabled ? "Spoken replies on — click to mute" : "Speak agent replies (off)";
+  const title = remote ? "Spoken replies aren't available for remote SSH sessions — the agent's transcript lives on the remote machine" : enabled ? "Spoken replies on — click to mute" : "Speak agent replies (off)";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "speak-controls", ref: wrapRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
@@ -20123,6 +20182,7 @@ function SpeakControls() {
         className: `titlebar-btn titlebar-icon-btn speak-btn ${enabled ? "active" : ""}`,
         onClick: toggle,
         title,
+        disabled: remote,
         "aria-label": "Toggle spoken agent replies",
         "aria-pressed": enabled,
         children: [
@@ -20247,49 +20307,170 @@ function SpeakControls() {
     error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "speak-error", children: error })
   ] });
 }
+function displayUrl(raw) {
+  try {
+    const u = new URL(raw);
+    u.searchParams.delete("_code");
+    u.searchParams.delete("embed");
+    return u.toString();
+  } catch {
+    return raw;
+  }
+}
 function CtlsurfPanel({ navigate }) {
   const webviewRef = reactExports.useRef(null);
-  const [url, setUrl] = reactExports.useState(null);
+  const [src, setSrc] = reactExports.useState(null);
+  const [address, setAddress] = reactExports.useState("");
+  const [loading, setLoading] = reactExports.useState(false);
+  const [nav, setNav] = reactExports.useState({ back: false, forward: false });
   const [key, setKey] = reactExports.useState(0);
-  const loadUrl = async () => {
+  const hasSrcRef = reactExports.useRef(false);
+  const readyRef = reactExports.useRef(false);
+  const pendingRef = reactExports.useRef(null);
+  const resolve2 = reactExports.useCallback(async (raw) => {
+    try {
+      return await window.worker.getEmbedUrl(raw) || raw;
+    } catch {
+      return raw;
+    }
+  }, []);
+  const load = reactExports.useCallback((url) => {
+    if (!url) return;
+    setAddress(displayUrl(url));
+    if (!hasSrcRef.current) {
+      hasSrcRef.current = true;
+      setSrc(url);
+      return;
+    }
+    const wv = webviewRef.current;
+    if (wv && readyRef.current) wv.loadURL(url);
+    else pendingRef.current = url;
+  }, []);
+  const loadProject = reactExports.useCallback(async () => {
     try {
       const info = await window.worker.getWebviewInfo();
-      setUrl(info.pageUrl || info.frontendUrl);
+      load(info.pageUrl || info.frontendUrl);
     } catch (err) {
       console.error("[ctlsurf] Failed to get webview info:", err);
-      setUrl("https://app.ctlsurf.com");
+      load("https://app.ctlsurf.com");
     }
-  };
+  }, [load]);
   reactExports.useEffect(() => {
-    if (!navigate?.url) loadUrl();
+    if (!navigate?.url) loadProject();
   }, []);
   reactExports.useEffect(() => {
-    if (navigate?.url) {
-      setUrl(navigate.url);
-      setKey((k2) => k2 + 1);
-    }
+    if (navigate?.url) resolve2(navigate.url).then(load);
   }, [navigate?.n]);
   reactExports.useEffect(() => {
     const unsub = window.worker.onCwdChanged(() => {
-      setUrl(null);
+      hasSrcRef.current = false;
+      readyRef.current = false;
+      pendingRef.current = null;
+      setSrc(null);
       setKey((k2) => k2 + 1);
-      loadUrl();
+      loadProject();
     });
     return unsub;
-  }, []);
-  if (!url) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ctlsurf-panel", style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#565f89", fontSize: "13px" }, children: "Loading ctlsurf..." }) });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ctlsurf-panel", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "webview",
-    {
-      ref: webviewRef,
-      src: url,
-      style: { width: "100%", height: "100%" },
-      allowpopups: "true"
-    },
-    key
-  ) });
+  }, [loadProject]);
+  reactExports.useEffect(() => {
+    const wv = webviewRef.current;
+    if (!wv) return;
+    const syncNav = () => setNav({ back: wv.canGoBack?.() ?? false, forward: wv.canGoForward?.() ?? false });
+    const onReady = () => {
+      readyRef.current = true;
+      if (pendingRef.current) {
+        wv.loadURL(pendingRef.current);
+        pendingRef.current = null;
+      }
+      syncNav();
+    };
+    const onNavigate = (e) => {
+      const url = e.url;
+      if (url) setAddress(displayUrl(url));
+      syncNav();
+    };
+    const onStart = () => setLoading(true);
+    const onStop = () => {
+      setLoading(false);
+      syncNav();
+    };
+    wv.addEventListener("dom-ready", onReady);
+    wv.addEventListener("did-navigate", onNavigate);
+    wv.addEventListener("did-navigate-in-page", onNavigate);
+    wv.addEventListener("did-start-loading", onStart);
+    wv.addEventListener("did-stop-loading", onStop);
+    return () => {
+      wv.removeEventListener("dom-ready", onReady);
+      wv.removeEventListener("did-navigate", onNavigate);
+      wv.removeEventListener("did-navigate-in-page", onNavigate);
+      wv.removeEventListener("did-start-loading", onStart);
+      wv.removeEventListener("did-stop-loading", onStop);
+    };
+  }, [src, key]);
+  const onSubmit = (e) => {
+    e.preventDefault();
+    let target = address.trim();
+    if (!target) return;
+    if (!/^[a-z][a-z0-9+.-]*:\/\//i.test(target)) target = "https://" + target;
+    resolve2(target).then(load);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ctlsurf-panel", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ctlsurf-addressbar", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ctlsurf-nav-btn",
+          title: "Back",
+          disabled: !nav.back,
+          onClick: () => webviewRef.current?.goBack?.(),
+          children: "‹"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ctlsurf-nav-btn",
+          title: "Forward",
+          disabled: !nav.forward,
+          onClick: () => webviewRef.current?.goForward?.(),
+          children: "›"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ctlsurf-nav-btn",
+          title: loading ? "Stop" : "Reload",
+          onClick: () => loading ? webviewRef.current?.stop?.() : webviewRef.current?.reload?.(),
+          children: loading ? "×" : "⟳"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("form", { className: "ctlsurf-address-form", onSubmit, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          className: "ctlsurf-address-input",
+          value: address,
+          spellCheck: false,
+          placeholder: "Enter a URL",
+          onChange: (e) => setAddress(e.target.value),
+          onFocus: (e) => e.currentTarget.select()
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ctlsurf-webview-host", children: src ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "webview",
+      {
+        ref: webviewRef,
+        src,
+        style: { width: "100%", height: "100%" },
+        allowpopups: "true"
+      },
+      key
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ctlsurf-webview-loading", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#565f89", fontSize: "13px" }, children: "Loading ctlsurf..." }) }) })
+  ] });
 }
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -207841,7 +208022,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-R8fTFLae.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-KhYyY-BM.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -207946,7 +208127,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-BWtG6ywk.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-Cfd5VCjw.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);
@@ -208030,7 +208211,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-D1zR4VVU.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-DZT5gBVW.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208276,7 +208457,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-BYIQ-S9Z.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-C2aMdzdU.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -208471,49 +208652,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.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-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.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-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.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-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.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-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.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-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.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-CyjWzWoP.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BFsSgcWk.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -208534,7 +208715,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-CrhCGIRM.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-Be6_aBsm.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -208547,7 +208728,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-Cc3dPNZr.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-G8mvsyfc.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -208570,7 +208751,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-C8T_SdLC.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-XyDWi6dC.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -208609,7 +208790,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-COSMe9Uf.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-BuajCNJ9.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -208627,7 +208808,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-RfS44T-L.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-D0Qx2GMS.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -208726,7 +208907,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-DFSWKHUu.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-ChncNy6S.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -208745,7 +208926,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-DtH2_uvo.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-C6MUtfaS.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -208878,7 +209059,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-HhQUr1Rb.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-CB71AtAT.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -208923,14 +209104,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-KuhgdKfD.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-tHS1Ec9w.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-W_kzCFH7.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-CZcp5ueF.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;
@@ -213443,6 +213624,47 @@ function TagIcon({ size: size2 = 16 }) {
     }
   );
 }
+function SendIcon({ size: size2 = 15 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: size2,
+      height: size2,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+      ]
+    }
+  );
+}
+function ticketPrompt(t, refs) {
+  const lines = [
+    "Please work on this ticket:",
+    `Title: ${t.title || "Untitled"}`,
+    `Priority: ${t.priority}`
+  ];
+  const desc = t.description?.trim();
+  if (desc) lines.push("", desc);
+  lines.push(
+    "",
+    "ctlsurf references (use the ctlsurf MCP tools to read details or update status):",
+    `- Ticket row ID: ${t.id}`
+  );
+  if (refs) {
+    lines.push(
+      `- Tickets datastore block ID: ${refs.blockId}`,
+      `- Agent Datastore page ID: ${refs.pageId}`
+    );
+  }
+  return lines.join("\n");
+}
 function Segmented({ options, value, onChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-segmented", children: options.map((o) => {
     const active = o.value === value;
@@ -213462,12 +213684,50 @@ function Segmented({ options, value, onChange }) {
     );
   }) });
 }
-function TicketPane() {
+function TicketCard({ ticket, onClick, onSend }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ticket-card-open", onClick, title: "Edit ticket", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-bar", style: { background: colorOf(STATUS_OPTIONS, ticket.status) } }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-main", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-title", children: ticket.title || "Untitled" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-meta", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ticket-card-status", style: { color: colorOf(STATUS_OPTIONS, ticket.status) }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-seg-dot", style: { background: colorOf(STATUS_OPTIONS, ticket.status) } }),
+            ticket.status
+          ] }),
+          ticket.created && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-date", children: formatDate(ticket.created) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: "ticket-card-pri",
+          style: { color: colorOf(PRIORITY_OPTIONS, ticket.priority), borderColor: `${colorOf(PRIORITY_OPTIONS, ticket.priority)}66` },
+          children: ticket.priority
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: "ticket-card-send",
+        onClick: onSend,
+        title: "Send to coding terminal",
+        "aria-label": "Send ticket to coding terminal",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(SendIcon, {})
+      }
+    )
+  ] });
+}
+function TicketPane({ onSendToTerminal }) {
   const [project, setProject] = reactExports.useState(null);
   const [view, setView] = reactExports.useState("list");
   const [tickets, setTickets] = reactExports.useState([]);
+  const [refs, setRefs] = reactExports.useState(null);
   const [listLoading, setListLoading] = reactExports.useState(false);
   const [listError, setListError] = reactExports.useState(null);
+  const [showDone, setShowDone] = reactExports.useState(false);
   const [editingId, setEditingId] = reactExports.useState(null);
   const [title, setTitle] = reactExports.useState("");
   const [description, setDescription] = reactExports.useState("");
@@ -213479,13 +213739,17 @@ function TicketPane() {
     setListError(null);
     try {
       const r = await window.worker.listTickets();
-      if (r?.ok) setTickets(r.tickets || []);
-      else {
+      if (r?.ok) {
+        setTickets(r.tickets || []);
+        setRefs(r.blockId && r.pageId ? { blockId: r.blockId, pageId: r.pageId } : null);
+      } else {
         setTickets([]);
+        setRefs(null);
         setListError(r?.error || "Failed to load tickets");
       }
     } catch (err) {
       setTickets([]);
+      setRefs(null);
       setListError(err?.message || "Failed to load tickets");
     } finally {
       setListLoading(false);
@@ -213557,17 +213821,22 @@ function TicketPane() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [view, handleSave]);
+  const activeTickets = tickets.filter((t) => t.status !== "Done");
+  const doneTickets = tickets.filter((t) => t.status === "Done");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-pane", role: "region", "aria-label": "Tickets", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-drawer-header", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-heading", children: [
-      view === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-drawer-back", onClick: () => setView("list"), title: "Back (Esc)", children: "‹" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-badge", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, { size: 16 }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-headtext", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-title", children: view === "form" ? editingId ? "Edit ticket" : "New ticket" : "Tickets" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-subtitle", children: project ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          "in ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: project })
-        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-warn", children: "no ctlsurf project for this tab" }) })
-      ] })
-    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-header", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-heading", children: [
+        view === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-drawer-back", onClick: () => setView("list"), title: "Back (Esc)", children: "‹" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-badge", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-headtext", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-title", children: view === "form" ? editingId ? "Edit ticket" : "New ticket" : "Tickets" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-subtitle", children: project ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            "in ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: project })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-warn", children: "no ctlsurf project for this tab" }) })
+        ] })
+      ] }),
+      view === "list" && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-drawer-new", onClick: openNewForm, title: "New ticket", children: "+ New" })
+    ] }),
     view === "list" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-list-body", children: [
         listLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-list-msg", children: "Loading tickets…" }),
@@ -213580,32 +213849,27 @@ function TicketPane() {
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-title", children: "No tickets yet" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-hint", children: "Log the first one for this project." })
         ] }),
-        !listLoading && tickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ticket-card", onClick: () => openEditForm(t), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-bar", style: { background: colorOf(STATUS_OPTIONS, t.status) } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-main", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-title", children: t.title || "Untitled" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-meta", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ticket-card-status", style: { color: colorOf(STATUS_OPTIONS, t.status) }, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-seg-dot", style: { background: colorOf(STATUS_OPTIONS, t.status) } }),
-                t.status
-              ] }),
-              t.created && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-date", children: formatDate(t.created) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "span",
+        !listLoading && activeTickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TicketCard, { ticket: t, onClick: () => openEditForm(t), onSend: () => onSendToTerminal(ticketPrompt(t, refs)) }, t.id)),
+        !listLoading && activeTickets.length === 0 && doneTickets.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-list-msg", children: "Nothing open — all caught up." }),
+        !listLoading && doneTickets.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
             {
-              className: "ticket-card-pri",
-              style: { color: colorOf(PRIORITY_OPTIONS, t.priority), borderColor: `${colorOf(PRIORITY_OPTIONS, t.priority)}66` },
-              children: t.priority
+              type: "button",
+              className: "ticket-done-toggle",
+              onClick: () => setShowDone((v2) => !v2),
+              "aria-expanded": showDone,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ticket-done-caret ${showDone ? "open" : ""}`, "aria-hidden": "true", children: "▸" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-done-label", children: "Done" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-done-count", children: doneTickets.length })
+              ]
             }
-          )
-        ] }, t.id))
+          ),
+          showDone && doneTickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TicketCard, { ticket: t, onClick: () => openEditForm(t), onSend: () => onSendToTerminal(ticketPrompt(t, refs)) }, t.id))
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-hint", children: tickets.length > 0 && `${tickets.length} ticket${tickets.length === 1 ? "" : "s"}` }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-btn-primary", onClick: openNewForm, children: "+ New ticket" })
-      ] })
+      tickets.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-drawer-footer", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-hint", children: doneTickets.length > 0 ? `${activeTickets.length} open · ${doneTickets.length} done` : `${tickets.length} ticket${tickets.length === 1 ? "" : "s"}` }) })
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-body", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ticket-field", children: [
@@ -213798,6 +214062,13 @@ function App() {
     focusTerminal(activeTabId);
     setTimeout(() => window.worker.writePty(activeTabId, "\r"), 80);
   }, [activeTabId]);
+  const handleSendToTerminal = reactExports.useCallback((text2) => {
+    const trimmed = text2.trim();
+    if (!trimmed) return;
+    window.worker.writePty(activeTabId, trimmed);
+    focusTerminal(activeTabId);
+    setTimeout(() => window.worker.writePty(activeTabId, "\r"), 120);
+  }, [activeTabId]);
   const cwdRef = reactExports.useRef(null);
   const handleSpawn = reactExports.useCallback(async (tabId, agent) => {
     setTabs((prev) => prev.map((t) => t.id === tabId ? { ...t, agentStatus: "active" } : t));
@@ -213950,6 +214221,7 @@ function App() {
     window.addEventListener("ctlsurf-open-url", onOpen);
     return () => window.removeEventListener("ctlsurf-open-url", onOpen);
   }, [layout2, togglePane]);
+  const activeAgentIsRemote = !!tabs.find((t) => t.id === activeTabId)?.agent?.id?.startsWith("remote-");
   const panes = [
     { id: "editor", label: "Editor", content: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPanel, { cwd: cwd2 }) },
     {
@@ -214009,7 +214281,7 @@ function App() {
       ] })
     },
     { id: "ctlsurf", label: "ctlsurf", content: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, { navigate: ctlsurfNav }) },
-    { id: "tickets", label: "Tickets", content: /* @__PURE__ */ jsxRuntimeExports.jsx(TicketPane, {}) }
+    { id: "tickets", label: "Tickets", content: /* @__PURE__ */ jsxRuntimeExports.jsx(TicketPane, { onSendToTerminal: handleSendToTerminal }) }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "app", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "titlebar", children: [
@@ -214095,7 +214367,7 @@ function App() {
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SpeakControls, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SpeakControls, { remote: activeAgentIsRemote }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
         agents.map((a) => {
           const activeTab = tabs.find((t) => t.id === activeTabId);