@phenx-inc/ctlsurf 0.12.1 → 0.13.4

package/out/renderer/assets/{index-DxhW1emk.js → index-CMb4AqkZ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-D7r66wvO.js","./lspLanguageFeatures-DGifVYB5.js","./htmlMode-D4VByBT6.js","./jsonMode-CJ5AYSPV.js","./javascript-CMN1OmwG.js","./typescript-rZeCMf0a.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-CAEObGNt.js","./lspLanguageFeatures-Czkp5sZb.js","./htmlMode-B6fxDDPF.js","./jsonMode-CqspkWCb.js","./javascript-8RyFDDdk.js","./typescript-BrdIiKZf.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -18818,35 +18818,416 @@ function convertToEmailTable(raw) {
     cols: rows[0].length
   };
 }
-function copySelectionAsEmailTable(terminal) {
-  const result = convertToEmailTable(terminal.getSelection());
-  if (result) {
-    window.worker.copyEmailTable(result.html, result.text);
+const scriptRel = /* @__PURE__ */ (function detectScriptRel() {
+  const relList = typeof document !== "undefined" && document.createElement("link").relList;
+  return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
+})();
+const assetsURL = function(dep, importerUrl) {
+  return new URL(dep, importerUrl).href;
+};
+const seen = {};
+const __vitePreload = function preload(baseModule, deps, importerUrl) {
+  let promise = Promise.resolve();
+  if (deps && deps.length > 0) {
+    let allSettled2 = function(promises) {
+      return Promise.all(
+        promises.map(
+          (p) => Promise.resolve(p).then(
+            (value) => ({ status: "fulfilled", value }),
+            (reason) => ({ status: "rejected", reason })
+          )
+        )
+      );
+    };
+    const links = document.getElementsByTagName("link");
+    const cspNonceMeta = document.querySelector(
+      "meta[property=csp-nonce]"
+    );
+    const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
+    promise = allSettled2(
+      deps.map((dep) => {
+        dep = assetsURL(dep, importerUrl);
+        if (dep in seen) return;
+        seen[dep] = true;
+        const isCss = dep.endsWith(".css");
+        const cssSelector = isCss ? '[rel="stylesheet"]' : "";
+        const isBaseRelative = !!importerUrl;
+        if (isBaseRelative) {
+          for (let i2 = links.length - 1; i2 >= 0; i2--) {
+            const link22 = links[i2];
+            if (link22.href === dep && (!isCss || link22.rel === "stylesheet")) {
+              return;
+            }
+          }
+        } else if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
+          return;
+        }
+        const link2 = document.createElement("link");
+        link2.rel = isCss ? "stylesheet" : scriptRel;
+        if (!isCss) {
+          link2.as = "script";
+        }
+        link2.crossOrigin = "";
+        link2.href = dep;
+        if (cspNonce) {
+          link2.setAttribute("nonce", cspNonce);
+        }
+        document.head.appendChild(link2);
+        if (isCss) {
+          return new Promise((res, rej) => {
+            link2.addEventListener("load", res);
+            link2.addEventListener(
+              "error",
+              () => rej(new Error(`Unable to preload CSS for ${dep}`))
+            );
+          });
+        }
+      })
+    );
   }
-  window.dispatchEvent(
-    new CustomEvent("email-table-result", {
-      detail: result ? { ok: true, message: `Copied ${result.rows}×${result.cols} table to clipboard` } : { ok: false, message: "No table found in selection" }
-    })
-  );
+  function handlePreloadError(err) {
+    const e = new Event("vite:preloadError", {
+      cancelable: true
+    });
+    e.payload = err;
+    window.dispatchEvent(e);
+    if (!e.defaultPrevented) {
+      throw err;
+    }
+  }
+  return promise.then((res) => {
+    for (const item of res || []) {
+      if (item.status !== "rejected") continue;
+      handlePreloadError(item.reason);
+    }
+    return baseModule().catch(handlePreloadError);
+  });
+};
+const ENGINE_KEY = "ctlsurf.tts.engine";
+const VOICE_KEY = "ctlsurf.tts.voiceURI";
+const RATE_KEY = "ctlsurf.tts.rate";
+const MAX_SPEAK_CHARS = 1600;
+const MAX_CHUNK_CHARS = 280;
+function cleanForSpeech(input) {
+  let t = input;
+  t = t.replace(/```[^\n]*\n?([\s\S]*?)```/g, (_m, body) => {
+    const lines = body.replace(/\n+$/, "").split("\n").filter((l2) => l2.trim().length).length;
+    return lines > 0 ? ` (code block, ${lines} ${lines === 1 ? "line" : "lines"}) ` : " (code) ";
+  });
+  t = t.replace(/```/g, " (code) ");
+  t = t.replace(/`([^`]+)`/g, "$1");
+  t = t.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
+  t = t.replace(/https?:\/\/\S+/g, "link");
+  t = t.replace(/(?:[\w.-]*\/){2,}([\w.-]+)/g, "$1");
+  t = t.replace(/[*_#>]+/g, " ");
+  t = t.replace(/^\s*[-•]\s+/gm, ", ");
+  t = t.replace(/<[^>]+>/g, " ");
+  t = t.replace(/\s+/g, " ").trim();
+  if (t.length > MAX_SPEAK_CHARS) {
+    t = t.slice(0, MAX_SPEAK_CHARS).replace(/\s+\S*$/, "") + "…";
+  }
+  return t;
+}
+function splitIntoChunks(text2) {
+  if (text2.length <= MAX_CHUNK_CHARS) return text2 ? [text2] : [];
+  const sentences = text2.match(/[^.!?]+[.!?]+|\S[^.!?]*$/g) || [text2];
+  const chunks = [];
+  let buf = "";
+  for (const s of sentences) {
+    if ((buf + s).length > MAX_CHUNK_CHARS && buf) {
+      chunks.push(buf.trim());
+      buf = "";
+    }
+    if (s.length > MAX_CHUNK_CHARS) {
+      for (let i2 = 0; i2 < s.length; i2 += MAX_CHUNK_CHARS) chunks.push(s.slice(i2, i2 + MAX_CHUNK_CHARS).trim());
+    } else {
+      buf += s;
+    }
+  }
+  if (buf.trim()) chunks.push(buf.trim());
+  return chunks;
 }
-function openExternal(uri) {
-  const win = window.open();
-  if (win) {
+function getEngine() {
+  try {
+    return localStorage.getItem(ENGINE_KEY) === "web" ? "web" : "neural";
+  } catch {
+    return "neural";
+  }
+}
+function setEngine(id) {
+  try {
+    localStorage.setItem(ENGINE_KEY, id);
+  } catch {
+  }
+}
+function getVoiceURI() {
+  try {
+    return localStorage.getItem(VOICE_KEY) || null;
+  } catch {
+    return null;
+  }
+}
+function setVoiceURI(uri) {
+  try {
+    uri ? localStorage.setItem(VOICE_KEY, uri) : localStorage.removeItem(VOICE_KEY);
+  } catch {
+  }
+}
+function getRate() {
+  try {
+    const n2 = Number(localStorage.getItem(RATE_KEY));
+    return Number.isFinite(n2) && n2 >= 0.5 && n2 <= 2 ? n2 : 1;
+  } catch {
+    return 1;
+  }
+}
+function setRate(rate) {
+  try {
+    localStorage.setItem(RATE_KEY, String(rate));
+  } catch {
+  }
+}
+function listWebVoices() {
+  if (typeof speechSynthesis === "undefined") return [];
+  return speechSynthesis.getVoices();
+}
+const NEURAL_MODEL = "Xenova/mms-tts-eng";
+let synthPromise = null;
+function loadSynthesizer(onProgress) {
+  if (!synthPromise) {
+    synthPromise = (async () => {
+      const { pipeline, env: env2 } = await __vitePreload(async () => {
+        const { pipeline: pipeline2, env: env3 } = await import("./transformers.web-_PuZoIho.js");
+        return { pipeline: pipeline2, env: env3 };
+      }, true ? [] : void 0, import.meta.url);
+      env2.allowLocalModels = false;
+      const common = { progress_callback: onProgress };
+      const hasWebGpu = typeof navigator !== "undefined" && "gpu" in navigator;
+      if (hasWebGpu) {
+        try {
+          const s2 = await pipeline("text-to-speech", NEURAL_MODEL, { ...common, device: "webgpu" });
+          console.info("[tts] neural backend: webgpu");
+          return s2;
+        } catch (err) {
+          console.warn("[tts] WebGPU backend failed, falling back to WASM", err);
+        }
+      }
+      const s = await pipeline("text-to-speech", NEURAL_MODEL, common);
+      console.info("[tts] neural backend: wasm");
+      return s;
+    })();
+    synthPromise.catch(() => {
+      synthPromise = null;
+    });
+  }
+  return synthPromise;
+}
+class SpeechController {
+  queue = [];
+  draining = false;
+  audioCtx = null;
+  currentSource = null;
+  generation = 0;
+  // bumped by stop() to abort in-flight work
+  active = false;
+  onModelProgress = null;
+  // Fires true while a reply is being spoken/queued, false when idle — drives
+  // the visible Stop button.
+  onActivityChange = null;
+  onError = null;
+  // Multiple UI surfaces (titlebar SpeakControls + floating read button) need
+  // the speaking state at once, so beyond the single onActivityChange slot we
+  // also keep a listener set.
+  activityListeners = /* @__PURE__ */ new Set();
+  get isActive() {
+    return this.active;
+  }
+  // Subscribe to speaking-state changes. Fires immediately with the current
+  // state so a late subscriber syncs. Returns an unsubscribe function.
+  onActivity(fn) {
+    this.activityListeners.add(fn);
+    fn(this.active);
+    return () => {
+      this.activityListeners.delete(fn);
+    };
+  }
+  // Prime/resume the AudioContext from a user gesture so neural playback isn't
+  // blocked by the browser autoplay policy (the System engine is unaffected).
+  unlock() {
     try {
-      win.opener = null;
+      const ctx = this.ensureCtx();
+      if (ctx.state === "suspended") void ctx.resume();
     } catch {
     }
-    win.location.href = uri;
   }
+  // Start loading the neural model in the background (e.g. when the user picks
+  // the neural engine) so the first utterance doesn't pay download/compile time.
+  warmup() {
+    if (getEngine() !== "neural") return;
+    void loadSynthesizer((p) => this.onModelProgress?.(p)).then(() => this.onModelProgress?.(null)).catch(() => {
+      this.onModelProgress?.(null);
+    });
+  }
+  enqueue(rawText) {
+    const text2 = cleanForSpeech(rawText);
+    if (!text2) return;
+    this.queue.push(...splitIntoChunks(text2));
+    void this.drain();
+  }
+  stop() {
+    this.generation++;
+    this.queue = [];
+    this.draining = false;
+    if (typeof speechSynthesis !== "undefined") {
+      try {
+        speechSynthesis.cancel();
+      } catch {
+      }
+    }
+    if (this.currentSource) {
+      try {
+        this.currentSource.stop();
+      } catch {
+      }
+      this.currentSource = null;
+    }
+    this.onModelProgress?.(null);
+    this.setActive(false);
+  }
+  ensureCtx() {
+    if (!this.audioCtx) {
+      const Ctx = window.AudioContext || window.webkitAudioContext;
+      this.audioCtx = new Ctx();
+    }
+    return this.audioCtx;
+  }
+  setActive(a) {
+    if (this.active === a) return;
+    this.active = a;
+    this.onActivityChange?.(a);
+    this.activityListeners.forEach((fn) => fn(a));
+  }
+  async drain() {
+    if (this.draining) return;
+    this.draining = true;
+    const gen = this.generation;
+    this.setActive(true);
+    while (this.queue.length && gen === this.generation) {
+      const chunk = this.queue.shift();
+      try {
+        if (getEngine() === "neural") await this.speakNeural(chunk, gen);
+        else await this.speakWeb(chunk, gen);
+      } catch (err) {
+        console.error("[tts] speak failed", err);
+        this.onModelProgress?.(null);
+        const detail = err instanceof Error ? err.message : String(err);
+        this.onError?.(getEngine() === "neural" ? `Neural voice failed: ${detail}` : "Speech failed");
+      }
+    }
+    if (gen === this.generation) {
+      this.draining = false;
+      this.setActive(false);
+    }
+  }
+  speakWeb(text2, gen) {
+    return new Promise((resolve2) => {
+      if (typeof speechSynthesis === "undefined" || gen !== this.generation) return resolve2();
+      const u = new SpeechSynthesisUtterance(text2);
+      u.rate = getRate();
+      const wantUri = getVoiceURI();
+      if (wantUri) {
+        const v2 = speechSynthesis.getVoices().find((vv) => vv.voiceURI === wantUri);
+        if (v2) u.voice = v2;
+      }
+      u.onend = () => resolve2();
+      u.onerror = () => resolve2();
+      speechSynthesis.speak(u);
+    });
+  }
+  async speakNeural(text2, gen) {
+    console.info("[tts] neural: loading model…");
+    this.onModelProgress?.({ status: "loading" });
+    const synth = await loadSynthesizer((p) => this.onModelProgress?.(p));
+    if (gen !== this.generation) return;
+    console.info("[tts] neural: synthesizing", JSON.stringify(text2.slice(0, 60)));
+    const out = await synth(text2);
+    const raw = Array.isArray(out) ? out[0] : out;
+    this.onModelProgress?.(null);
+    if (gen !== this.generation) return;
+    if (!raw?.audio?.length) throw new Error("neural synth returned no audio");
+    console.info(`[tts] neural: playing ${raw.audio.length} samples @ ${raw.sampling_rate}Hz`);
+    await this.playPcm(raw.audio, raw.sampling_rate, gen);
+  }
+  async playPcm(pcm, sampleRate, gen) {
+    if (gen !== this.generation) return;
+    const ctx = this.ensureCtx();
+    if (ctx.state === "suspended") {
+      try {
+        await ctx.resume();
+      } catch {
+      }
+    }
+    if (gen !== this.generation) return;
+    return new Promise((resolve2) => {
+      const buffer = ctx.createBuffer(1, pcm.length, sampleRate);
+      buffer.getChannelData(0).set(pcm);
+      const source = ctx.createBufferSource();
+      source.buffer = buffer;
+      source.connect(ctx.destination);
+      source.onended = () => {
+        if (this.currentSource === source) this.currentSource = null;
+        resolve2();
+      };
+      this.currentSource = source;
+      source.start();
+    });
+  }
+}
+const speech = new SpeechController();
+function showTerminalToast(message) {
+  window.dispatchEvent(new CustomEvent("terminal-toast", { detail: { message } }));
+}
+function copyTextValue(text2) {
+  if (!text2) return;
+  void window.worker.copyText(text2);
+  showTerminalToast("Copied to clipboard");
+}
+function convertTextToTable(text2) {
+  const result = convertToEmailTable(text2);
+  if (result) {
+    window.worker.copyEmailTable(result.html, result.text);
+    showTerminalToast(`Copied ${result.rows}×${result.cols} table to clipboard`);
+  } else {
+    showTerminalToast("No table found in selection");
+  }
+}
+function speakTextValue(text2) {
+  if (!text2.trim()) return;
+  speech.unlock();
+  speech.enqueue(text2);
+}
+function copySelectionPlain(terminal) {
+  copyTextValue(terminal.getSelection());
+}
+function copySelectionAsEmailTable(terminal) {
+  convertTextToTable(terminal.getSelection());
+}
+function speakSelection(terminal) {
+  speakTextValue(terminal.getSelection());
+}
+function captureVisibleText(terminal) {
+  const buf = terminal.buffer.active;
+  const lines = [];
+  for (let i2 = 0; i2 < terminal.rows; i2++) {
+    const line = buf.getLine(buf.viewportY + i2);
+    lines.push(line ? line.translateToString(true) : "");
+  }
+  while (lines.length && lines[lines.length - 1].trim() === "") lines.pop();
+  return lines.join("\n");
 }
 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) {
@@ -18925,11 +19306,23 @@ function getOrCreateTerminal(tabId, onExit) {
     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();
-    copySelectionAsEmailTable(terminal);
-    return false;
+    const mod = (e.metaKey || e.ctrlKey) && e.shiftKey;
+    if (mod && e.code === "KeyE") {
+      e.preventDefault();
+      copySelectionAsEmailTable(terminal);
+      return false;
+    }
+    if (mod && e.code === "KeyC" && terminal.hasSelection()) {
+      e.preventDefault();
+      copySelectionPlain(terminal);
+      return false;
+    }
+    if (mod && e.code === "KeyS" && terminal.getSelection().trim()) {
+      e.preventDefault();
+      speakSelection(terminal);
+      return false;
+    }
+    return true;
   });
   const state = {
     terminal,
@@ -18991,6 +19384,8 @@ function destroyTerminal(tabId) {
 function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
   const containerRef = reactExports.useRef(null);
   const [menu, setMenu] = reactExports.useState(null);
+  const [snapOpen, setSnapOpen] = reactExports.useState(false);
+  const snapTextRef = reactExports.useRef("");
   const [toast, setToast] = reactExports.useState(null);
   const [followBottom, setFollowBottom] = reactExports.useState(true);
   const jumpToLatest = () => {
@@ -19002,22 +19397,44 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
   };
   const handleContextMenu = (e) => {
     const sel = _terminals.get(tabId)?.terminal.getSelection() ?? "";
-    if (!convertToEmailTable(sel)) return;
+    if (!sel.trim()) return;
     e.preventDefault();
     setMenu({ x: e.clientX, y: e.clientY });
   };
+  const runCopy = () => {
+    const term = _terminals.get(tabId)?.terminal;
+    if (term) copySelectionPlain(term);
+    setMenu(null);
+  };
   const runConvert = () => {
     const term = _terminals.get(tabId)?.terminal;
     if (term) copySelectionAsEmailTable(term);
     setMenu(null);
   };
+  const runSpeak = () => {
+    const term = _terminals.get(tabId)?.terminal;
+    if (term) speakSelection(term);
+    setMenu(null);
+  };
+  const openSnapshot = () => {
+    const term = _terminals.get(tabId)?.terminal;
+    snapTextRef.current = term ? captureVisibleText(term) : "";
+    setSnapOpen(true);
+  };
+  const snapAction = (kind) => {
+    const domSel = window.getSelection()?.toString() ?? "";
+    const text2 = domSel.trim() ? domSel : snapTextRef.current;
+    if (kind === "copy") copyTextValue(text2);
+    else if (kind === "table") convertTextToTable(text2);
+    else speakTextValue(text2);
+  };
   reactExports.useEffect(() => {
-    const onResult = (e) => {
+    const onToast = (e) => {
       const detail = e.detail;
-      if (detail) setToast(detail.message);
+      if (detail?.message) setToast(detail.message);
     };
-    window.addEventListener("email-table-result", onResult);
-    return () => window.removeEventListener("email-table-result", onResult);
+    window.addEventListener("terminal-toast", onToast);
+    return () => window.removeEventListener("terminal-toast", onToast);
   }, []);
   reactExports.useEffect(() => {
     if (!toast) return;
@@ -19141,100 +19558,75 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
           title: "Jump to latest output",
           children: "↓ Latest"
         }
-      )
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "term-util-btn",
+          onMouseDown: (e) => {
+            e.preventDefault();
+            openSnapshot();
+          },
+          title: "Snapshot screen → copy / convert to table / read aloud",
+          children: "⋮"
+        }
+      ),
+      snapOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "term-snapshot", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "term-snapshot-head", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Select text below (or select nothing to use everything), then pick an action." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "term-snapshot-x",
+              onMouseDown: (e) => {
+                e.preventDefault();
+                setSnapOpen(false);
+              },
+              title: "Close",
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "term-snapshot-text", children: snapTextRef.current }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "term-snapshot-actions", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onMouseDown: (e) => {
+            e.preventDefault();
+            snapAction("copy");
+          }, children: "⧉ Copy" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onMouseDown: (e) => {
+            e.preventDefault();
+            snapAction("table");
+          }, children: "▦ Convert to table" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onMouseDown: (e) => {
+            e.preventDefault();
+            snapAction("speak");
+          }, children: "🔊 Read aloud" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "term-snapshot-done", onMouseDown: (e) => {
+            e.preventDefault();
+            setSnapOpen(false);
+          }, children: "Close" })
+        ] })
+      ] })
+    ] }),
+    menu && /* @__PURE__ */ jsxRuntimeExports.jsxs("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();
+        runCopy();
+      }, children: "Copy" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onMouseDown: (e) => {
+        e.preventDefault();
+        runConvert();
+      }, children: "Convert to table" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onMouseDown: (e) => {
+        e.preventDefault();
+        runSpeak();
+      }, children: "Read it" })
     ] }),
-    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();
-    }, children: "Copy as email table" }) }),
     toast && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "term-toast", children: toast })
   ] });
 }
-const scriptRel = /* @__PURE__ */ (function detectScriptRel() {
-  const relList = typeof document !== "undefined" && document.createElement("link").relList;
-  return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
-})();
-const assetsURL = function(dep, importerUrl) {
-  return new URL(dep, importerUrl).href;
-};
-const seen = {};
-const __vitePreload = function preload(baseModule, deps, importerUrl) {
-  let promise = Promise.resolve();
-  if (deps && deps.length > 0) {
-    let allSettled2 = function(promises) {
-      return Promise.all(
-        promises.map(
-          (p) => Promise.resolve(p).then(
-            (value) => ({ status: "fulfilled", value }),
-            (reason) => ({ status: "rejected", reason })
-          )
-        )
-      );
-    };
-    const links = document.getElementsByTagName("link");
-    const cspNonceMeta = document.querySelector(
-      "meta[property=csp-nonce]"
-    );
-    const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
-    promise = allSettled2(
-      deps.map((dep) => {
-        dep = assetsURL(dep, importerUrl);
-        if (dep in seen) return;
-        seen[dep] = true;
-        const isCss = dep.endsWith(".css");
-        const cssSelector = isCss ? '[rel="stylesheet"]' : "";
-        const isBaseRelative = !!importerUrl;
-        if (isBaseRelative) {
-          for (let i2 = links.length - 1; i2 >= 0; i2--) {
-            const link22 = links[i2];
-            if (link22.href === dep && (!isCss || link22.rel === "stylesheet")) {
-              return;
-            }
-          }
-        } else if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
-          return;
-        }
-        const link2 = document.createElement("link");
-        link2.rel = isCss ? "stylesheet" : scriptRel;
-        if (!isCss) {
-          link2.as = "script";
-        }
-        link2.crossOrigin = "";
-        link2.href = dep;
-        if (cspNonce) {
-          link2.setAttribute("nonce", cspNonce);
-        }
-        document.head.appendChild(link2);
-        if (isCss) {
-          return new Promise((res, rej) => {
-            link2.addEventListener("load", res);
-            link2.addEventListener(
-              "error",
-              () => rej(new Error(`Unable to preload CSS for ${dep}`))
-            );
-          });
-        }
-      })
-    );
-  }
-  function handlePreloadError(err) {
-    const e = new Event("vite:preloadError", {
-      cancelable: true
-    });
-    e.payload = err;
-    window.dispatchEvent(e);
-    if (!e.defaultPrevented) {
-      throw err;
-    }
-  }
-  return promise.then((res) => {
-    for (const item of res || []) {
-      if (item.status !== "rejected") continue;
-      handlePreloadError(item.reason);
-    }
-    return baseModule().catch(handlePreloadError);
-  });
-};
 const MODEL = "Xenova/whisper-base";
 const TARGET_SAMPLE_RATE = 16e3;
 const SILENCE_RMS = 8e-3;
@@ -19658,287 +20050,6 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     chip && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `voice-chip ${chip.kind} ${floating ? "voice-chip-floating" : ""}`, children: chip.text })
   ] });
 }
-const ENGINE_KEY = "ctlsurf.tts.engine";
-const VOICE_KEY = "ctlsurf.tts.voiceURI";
-const RATE_KEY = "ctlsurf.tts.rate";
-const MAX_SPEAK_CHARS = 1600;
-const MAX_CHUNK_CHARS = 280;
-function cleanForSpeech(input) {
-  let t = input;
-  t = t.replace(/```[^\n]*\n?([\s\S]*?)```/g, (_m, body) => {
-    const lines = body.replace(/\n+$/, "").split("\n").filter((l2) => l2.trim().length).length;
-    return lines > 0 ? ` (code block, ${lines} ${lines === 1 ? "line" : "lines"}) ` : " (code) ";
-  });
-  t = t.replace(/```/g, " (code) ");
-  t = t.replace(/`([^`]+)`/g, "$1");
-  t = t.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
-  t = t.replace(/https?:\/\/\S+/g, "link");
-  t = t.replace(/(?:[\w.-]*\/){2,}([\w.-]+)/g, "$1");
-  t = t.replace(/[*_#>]+/g, " ");
-  t = t.replace(/^\s*[-•]\s+/gm, ", ");
-  t = t.replace(/<[^>]+>/g, " ");
-  t = t.replace(/\s+/g, " ").trim();
-  if (t.length > MAX_SPEAK_CHARS) {
-    t = t.slice(0, MAX_SPEAK_CHARS).replace(/\s+\S*$/, "") + "…";
-  }
-  return t;
-}
-function splitIntoChunks(text2) {
-  if (text2.length <= MAX_CHUNK_CHARS) return text2 ? [text2] : [];
-  const sentences = text2.match(/[^.!?]+[.!?]+|\S[^.!?]*$/g) || [text2];
-  const chunks = [];
-  let buf = "";
-  for (const s of sentences) {
-    if ((buf + s).length > MAX_CHUNK_CHARS && buf) {
-      chunks.push(buf.trim());
-      buf = "";
-    }
-    if (s.length > MAX_CHUNK_CHARS) {
-      for (let i2 = 0; i2 < s.length; i2 += MAX_CHUNK_CHARS) chunks.push(s.slice(i2, i2 + MAX_CHUNK_CHARS).trim());
-    } else {
-      buf += s;
-    }
-  }
-  if (buf.trim()) chunks.push(buf.trim());
-  return chunks;
-}
-function getEngine() {
-  try {
-    return localStorage.getItem(ENGINE_KEY) === "neural" ? "neural" : "web";
-  } catch {
-    return "web";
-  }
-}
-function setEngine(id) {
-  try {
-    localStorage.setItem(ENGINE_KEY, id);
-  } catch {
-  }
-}
-function getVoiceURI() {
-  try {
-    return localStorage.getItem(VOICE_KEY) || null;
-  } catch {
-    return null;
-  }
-}
-function setVoiceURI(uri) {
-  try {
-    uri ? localStorage.setItem(VOICE_KEY, uri) : localStorage.removeItem(VOICE_KEY);
-  } catch {
-  }
-}
-function getRate() {
-  try {
-    const n2 = Number(localStorage.getItem(RATE_KEY));
-    return Number.isFinite(n2) && n2 >= 0.5 && n2 <= 2 ? n2 : 1;
-  } catch {
-    return 1;
-  }
-}
-function setRate(rate) {
-  try {
-    localStorage.setItem(RATE_KEY, String(rate));
-  } catch {
-  }
-}
-function listWebVoices() {
-  if (typeof speechSynthesis === "undefined") return [];
-  return speechSynthesis.getVoices();
-}
-const NEURAL_MODEL = "Xenova/mms-tts-eng";
-let synthPromise = null;
-function loadSynthesizer(onProgress) {
-  if (!synthPromise) {
-    synthPromise = (async () => {
-      const { pipeline, env: env2 } = await __vitePreload(async () => {
-        const { pipeline: pipeline2, env: env3 } = await import("./transformers.web-_PuZoIho.js");
-        return { pipeline: pipeline2, env: env3 };
-      }, true ? [] : void 0, import.meta.url);
-      env2.allowLocalModels = false;
-      const common = { progress_callback: onProgress };
-      const hasWebGpu = typeof navigator !== "undefined" && "gpu" in navigator;
-      if (hasWebGpu) {
-        try {
-          const s2 = await pipeline("text-to-speech", NEURAL_MODEL, { ...common, device: "webgpu" });
-          console.info("[tts] neural backend: webgpu");
-          return s2;
-        } catch (err) {
-          console.warn("[tts] WebGPU backend failed, falling back to WASM", err);
-        }
-      }
-      const s = await pipeline("text-to-speech", NEURAL_MODEL, common);
-      console.info("[tts] neural backend: wasm");
-      return s;
-    })();
-    synthPromise.catch(() => {
-      synthPromise = null;
-    });
-  }
-  return synthPromise;
-}
-class SpeechController {
-  queue = [];
-  draining = false;
-  audioCtx = null;
-  currentSource = null;
-  generation = 0;
-  // bumped by stop() to abort in-flight work
-  active = false;
-  onModelProgress = null;
-  // Fires true while a reply is being spoken/queued, false when idle — drives
-  // the visible Stop button.
-  onActivityChange = null;
-  onError = null;
-  // Multiple UI surfaces (titlebar SpeakControls + floating read button) need
-  // the speaking state at once, so beyond the single onActivityChange slot we
-  // also keep a listener set.
-  activityListeners = /* @__PURE__ */ new Set();
-  get isActive() {
-    return this.active;
-  }
-  // Subscribe to speaking-state changes. Fires immediately with the current
-  // state so a late subscriber syncs. Returns an unsubscribe function.
-  onActivity(fn) {
-    this.activityListeners.add(fn);
-    fn(this.active);
-    return () => {
-      this.activityListeners.delete(fn);
-    };
-  }
-  // Prime/resume the AudioContext from a user gesture so neural playback isn't
-  // blocked by the browser autoplay policy (the System engine is unaffected).
-  unlock() {
-    try {
-      const ctx = this.ensureCtx();
-      if (ctx.state === "suspended") void ctx.resume();
-    } catch {
-    }
-  }
-  // Start loading the neural model in the background (e.g. when the user picks
-  // the neural engine) so the first utterance doesn't pay download/compile time.
-  warmup() {
-    if (getEngine() !== "neural") return;
-    void loadSynthesizer((p) => this.onModelProgress?.(p)).then(() => this.onModelProgress?.(null)).catch(() => {
-      this.onModelProgress?.(null);
-    });
-  }
-  enqueue(rawText) {
-    const text2 = cleanForSpeech(rawText);
-    if (!text2) return;
-    this.queue.push(...splitIntoChunks(text2));
-    void this.drain();
-  }
-  stop() {
-    this.generation++;
-    this.queue = [];
-    this.draining = false;
-    if (typeof speechSynthesis !== "undefined") {
-      try {
-        speechSynthesis.cancel();
-      } catch {
-      }
-    }
-    if (this.currentSource) {
-      try {
-        this.currentSource.stop();
-      } catch {
-      }
-      this.currentSource = null;
-    }
-    this.onModelProgress?.(null);
-    this.setActive(false);
-  }
-  ensureCtx() {
-    if (!this.audioCtx) {
-      const Ctx = window.AudioContext || window.webkitAudioContext;
-      this.audioCtx = new Ctx();
-    }
-    return this.audioCtx;
-  }
-  setActive(a) {
-    if (this.active === a) return;
-    this.active = a;
-    this.onActivityChange?.(a);
-    this.activityListeners.forEach((fn) => fn(a));
-  }
-  async drain() {
-    if (this.draining) return;
-    this.draining = true;
-    const gen = this.generation;
-    this.setActive(true);
-    while (this.queue.length && gen === this.generation) {
-      const chunk = this.queue.shift();
-      try {
-        if (getEngine() === "neural") await this.speakNeural(chunk, gen);
-        else await this.speakWeb(chunk, gen);
-      } catch (err) {
-        console.error("[tts] speak failed", err);
-        this.onModelProgress?.(null);
-        const detail = err instanceof Error ? err.message : String(err);
-        this.onError?.(getEngine() === "neural" ? `Neural voice failed: ${detail}` : "Speech failed");
-      }
-    }
-    if (gen === this.generation) {
-      this.draining = false;
-      this.setActive(false);
-    }
-  }
-  speakWeb(text2, gen) {
-    return new Promise((resolve2) => {
-      if (typeof speechSynthesis === "undefined" || gen !== this.generation) return resolve2();
-      const u = new SpeechSynthesisUtterance(text2);
-      u.rate = getRate();
-      const wantUri = getVoiceURI();
-      if (wantUri) {
-        const v2 = speechSynthesis.getVoices().find((vv) => vv.voiceURI === wantUri);
-        if (v2) u.voice = v2;
-      }
-      u.onend = () => resolve2();
-      u.onerror = () => resolve2();
-      speechSynthesis.speak(u);
-    });
-  }
-  async speakNeural(text2, gen) {
-    console.info("[tts] neural: loading model…");
-    this.onModelProgress?.({ status: "loading" });
-    const synth = await loadSynthesizer((p) => this.onModelProgress?.(p));
-    if (gen !== this.generation) return;
-    console.info("[tts] neural: synthesizing", JSON.stringify(text2.slice(0, 60)));
-    const out = await synth(text2);
-    const raw = Array.isArray(out) ? out[0] : out;
-    this.onModelProgress?.(null);
-    if (gen !== this.generation) return;
-    if (!raw?.audio?.length) throw new Error("neural synth returned no audio");
-    console.info(`[tts] neural: playing ${raw.audio.length} samples @ ${raw.sampling_rate}Hz`);
-    await this.playPcm(raw.audio, raw.sampling_rate, gen);
-  }
-  async playPcm(pcm, sampleRate, gen) {
-    if (gen !== this.generation) return;
-    const ctx = this.ensureCtx();
-    if (ctx.state === "suspended") {
-      try {
-        await ctx.resume();
-      } catch {
-      }
-    }
-    if (gen !== this.generation) return;
-    return new Promise((resolve2) => {
-      const buffer = ctx.createBuffer(1, pcm.length, sampleRate);
-      buffer.getChannelData(0).set(pcm);
-      const source = ctx.createBufferSource();
-      source.buffer = buffer;
-      source.connect(ctx.destination);
-      source.onended = () => {
-        if (this.currentSource === source) this.currentSource = null;
-        resolve2();
-      };
-      this.currentSource = source;
-      source.start();
-    });
-  }
-}
-const speech = new SpeechController();
 const POS_KEY = "ctlsurf.floatingMicPos";
 const EDGE = 20;
 const TOP_MIN = 46;
@@ -20117,6 +20228,9 @@ function SpeakControls({ remote = false }) {
       alive = false;
     };
   }, []);
+  reactExports.useEffect(() => {
+    speech.warmup();
+  }, []);
   reactExports.useEffect(() => {
     const off = window.worker.onAgentMessage((text2) => speech.enqueue(text2));
     return off;
@@ -20322,49 +20436,170 @@ function SpeakControls({ remote = false }) {
     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);
@@ -207916,7 +208151,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-D7r66wvO.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-CAEObGNt.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -208021,7 +208256,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-D4VByBT6.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-B6fxDDPF.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);
@@ -208105,7 +208340,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-CJ5AYSPV.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-CqspkWCb.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208351,7 +208586,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-DF9m6_3n.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-BWdOxk6v.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -208546,49 +208781,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.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-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.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-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.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-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.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-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.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-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.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-jSWJIjPG.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-D63hnnDq.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -208609,7 +208844,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-BnFyz5RH.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-UYo_IYpi.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -208622,7 +208857,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-Bl5UFavp.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-2dvYDi3g.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -208645,7 +208880,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-CMN1OmwG.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-8RyFDDdk.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -208684,7 +208919,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-BGMIDTEm.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-DaEnAsYY.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -208702,7 +208937,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-B2Z7R10Q.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-Q-qSZsFg.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -208801,7 +209036,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-LMDMSSdn.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-Sw0S0BJV.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -208820,7 +209055,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-BZSrziPu.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-C7zQmabz.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -208953,7 +209188,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-rZeCMf0a.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-BrdIiKZf.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -208998,14 +209233,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-fNSZ-7so.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-DbKLNPOq.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-1wxIuvzh.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-ehupJBsZ.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;
@@ -213297,6 +213532,7 @@ function SettingsDialog({ open, onClose }) {
   const [trackTime, setTrackTime] = reactExports.useState(false);
   const [idleTimeoutMin, setIdleTimeoutMin] = reactExports.useState(15);
   const [saved, setSaved] = reactExports.useState(false);
+  const [version, setVersion] = reactExports.useState("");
   const loadProfiles = async () => {
     const data = await window.worker.listProfiles();
     setProfileList(data);
@@ -213307,6 +213543,8 @@ function SettingsDialog({ open, onClose }) {
       loadProfiles();
       setEditingId(null);
       setSaved(false);
+      window.worker.getVersion().then(setVersion).catch(() => {
+      });
     }
   }, [open]);
   const startEditing = (profile) => {
@@ -213477,7 +213715,16 @@ function SettingsDialog({ open, onClose }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn-secondary", onClick: onClose, children: "Close" })
         ] })
       ] })
-    )
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "settings-section settings-about", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "About" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "about-name", children: [
+        "ctlsurf",
+        version ? ` · v${version}` : ""
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "about-copyright", children: "© 2026 Phenx, Inc. All rights reserved." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "settings-hint", children: "Proprietary and confidential. No license to use, copy, modify, or distribute is granted except under a separate written agreement with Phenx, Inc." })
+    ] })
   ] }) });
 }
 const STATUS_OPTIONS = [
@@ -213518,6 +213765,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;
@@ -213537,33 +213825,47 @@ function Segmented({ options, value, onChange }) {
     );
   }) });
 }
-function TicketCard({ ticket, onClick }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ticket-card", onClick, 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) })
-      ] })
+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(
-      "span",
+      "button",
       {
-        className: "ticket-card-pri",
-        style: { color: colorOf(PRIORITY_OPTIONS, ticket.priority), borderColor: `${colorOf(PRIORITY_OPTIONS, ticket.priority)}66` },
-        children: ticket.priority
+        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() {
+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);
@@ -213578,13 +213880,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);
@@ -213684,7 +213990,7 @@ 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 && activeTickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TicketCard, { ticket: t, onClick: () => openEditForm(t) }, t.id)),
+        !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(
@@ -213701,7 +214007,7 @@ function TicketPane() {
               ]
             }
           ),
-          showDone && doneTickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TicketCard, { ticket: t, onClick: () => openEditForm(t) }, t.id))
+          showDone && doneTickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TicketCard, { ticket: t, onClick: () => openEditForm(t), onSend: () => onSendToTerminal(ticketPrompt(t, refs)) }, t.id))
         ] })
       ] }),
       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"}` }) })
@@ -213897,6 +214203,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));
@@ -214109,7 +214422,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: [