@phenx-inc/ctlsurf 0.5.1 → 0.5.2

package/out/main/index.js

@@ -8754,7 +8754,7 @@ function requireWebsocket() {
   const tls = require$$4;
   const { randomBytes, createHash } = require$$1;
   const { Duplex, Readable } = require$$0$2;
-  const { URL } = require$$7;
+  const { URL: URL2 } = require$$7;
   const PerMessageDeflate = requirePermessageDeflate();
   const Receiver = requireReceiver();
   const Sender = requireSender();
@@ -9247,11 +9247,11 @@ function requireWebsocket() {
       );
     }
     let parsedUrl;
-    if (address instanceof URL) {
+    if (address instanceof URL2) {
       parsedUrl = address;
     } else {
       try {
-        parsedUrl = new URL(address);
+        parsedUrl = new URL2(address);
       } catch {
         throw new SyntaxError(`Invalid URL: ${address}`);
       }
@@ -9388,7 +9388,7 @@ function requireWebsocket() {
         req.abort();
         let addr;
         try {
-          addr = new URL(location, address);
+          addr = new URL2(location, address);
         } catch (e) {
           const err = new SyntaxError(`Invalid URL: ${location}`);
           emitErrorAndClose(websocket2, err);
@@ -11682,10 +11682,13 @@ electron.ipcMain.handle("worker:createProject", async () => {
     return { ok: false, error: err.message };
   }
 });
-electron.ipcMain.handle("worker:getWebviewInfo", async () => {
+function getCtlsurfFrontendUrl() {
   const profile = orchestrator.getActiveProfile();
   const baseUrl = profile.baseUrl || process.env.CTLSURF_BASE_URL || "https://app.ctlsurf.com";
-  const frontendUrl = baseUrl.includes("localhost:8000") ? baseUrl.replace(":8000", ":88") : baseUrl;
+  return baseUrl.includes("localhost:8000") ? baseUrl.replace(":8000", ":88") : baseUrl;
+}
+electron.ipcMain.handle("worker:getWebviewInfo", async () => {
+  const frontendUrl = getCtlsurfFrontendUrl();
   if (!orchestrator.ctlsurfApi.getApiKey()) {
     return { frontendUrl: `${frontendUrl}?embed=1`, authenticated: false };
   }
@@ -11726,6 +11729,32 @@ electron.ipcMain.handle("worker:getWebviewInfo", async () => {
     return { frontendUrl: `${frontendUrl}?embed=1`, authenticated: false };
   }
 });
+electron.ipcMain.handle("worker:getEmbedUrl", async (_event, targetUrl) => {
+  try {
+    if (!targetUrl) return null;
+    const frontendUrl = getCtlsurfFrontendUrl();
+    const profile = orchestrator.getActiveProfile();
+    const rawBaseUrl = profile.baseUrl || process.env.CTLSURF_BASE_URL || "https://app.ctlsurf.com";
+    const target = new URL(targetUrl);
+    const front = new URL(frontendUrl);
+    const origins = /* @__PURE__ */ new Set([front.origin]);
+    try {
+      origins.add(new URL(rawBaseUrl).origin);
+    } catch {
+    }
+    if (!origins.has(target.origin)) return null;
+    const out = new URL(target.pathname + target.search + target.hash, front.origin);
+    out.searchParams.set("embed", "1");
+    if (orchestrator.ctlsurfApi.getApiKey()) {
+      const { code } = await orchestrator.ctlsurfApi.getAuthCode();
+      out.searchParams.set("_code", code);
+    }
+    return out.toString();
+  } catch (err) {
+    log("[worker] getEmbedUrl failed:", err?.message);
+    return null;
+  }
+});
 electron.ipcMain.handle("profiles:list", () => orchestrator.listProfiles());
 electron.ipcMain.handle("profiles:get", (_event, id) => orchestrator.getProfile(id));
 electron.ipcMain.handle("profiles:save", (_event, id, data) => {

package/out/preload/index.js

@@ -70,6 +70,9 @@ const api = {
   getWorkerId: () => electron.ipcRenderer.invoke("worker:getWorkerId"),
   createProject: () => electron.ipcRenderer.invoke("worker:createProject"),
   getWebviewInfo: () => electron.ipcRenderer.invoke("worker:getWebviewInfo"),
+  // Resolve a terminal-printed URL to an authenticated ctlsurf embed URL, or
+  // null if it isn't a ctlsurf link (caller opens those externally).
+  getEmbedUrl: (targetUrl) => electron.ipcRenderer.invoke("worker:getEmbedUrl", targetUrl),
   onWorkerStatus: (callback) => {
     const listener = (_event, status) => callback(status);
     electron.ipcRenderer.on("worker:status", listener);

package/out/renderer/assets/{cssMode-DkmdBgO7.js → cssMode-D9-xaWSI.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages } from "./index-BOOvUI7u.js";
-import { C as CompletionAdapter, H as HoverAdapter, D as DocumentHighlightAdapter, a as DefinitionAdapter, R as ReferenceAdapter, b as DocumentSymbolAdapter, c as RenameAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, e as DiagnosticsAdapter, S as SelectionRangeAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider } from "./lspLanguageFeatures-BxPLl0yy.js";
-import { h, i, j, t, k } from "./lspLanguageFeatures-BxPLl0yy.js";
+import { c as createWebWorker, l as languages } from "./index-DBt_rov1.js";
+import { C as CompletionAdapter, H as HoverAdapter, D as DocumentHighlightAdapter, a as DefinitionAdapter, R as ReferenceAdapter, b as DocumentSymbolAdapter, c as RenameAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, e as DiagnosticsAdapter, S as SelectionRangeAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider } from "./lspLanguageFeatures-ClbEdD0U.js";
+import { h, i, j, t, k } from "./lspLanguageFeatures-ClbEdD0U.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{freemarker2-CI-gkP-3.js → freemarker2-CoRAVxnv.js}

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

package/out/renderer/assets/{handlebars-D5tEqanR.js → handlebars-B0p9Wgkw.js}

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

package/out/renderer/assets/{html-fH93EYfn.js → html-D_XFJJtO.js}

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

package/out/renderer/assets/{htmlMode-CRicxcwK.js → htmlMode-naWw6PWr.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages } from "./index-BOOvUI7u.js";
-import { H as HoverAdapter, D as DocumentHighlightAdapter, h as DocumentLinkAdapter, F as FoldingRangeAdapter, b as DocumentSymbolAdapter, S as SelectionRangeAdapter, c as RenameAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter } from "./lspLanguageFeatures-BxPLl0yy.js";
-import { a, e, d, R, i, j, t, k } from "./lspLanguageFeatures-BxPLl0yy.js";
+import { c as createWebWorker, l as languages } from "./index-DBt_rov1.js";
+import { H as HoverAdapter, D as DocumentHighlightAdapter, h as DocumentLinkAdapter, F as FoldingRangeAdapter, b as DocumentSymbolAdapter, S as SelectionRangeAdapter, c as RenameAdapter, f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter } from "./lspLanguageFeatures-ClbEdD0U.js";
+import { a, e, d, R, i, j, t, k } from "./lspLanguageFeatures-ClbEdD0U.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{index-BOOvUI7u.js → index-DBt_rov1.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-DkmdBgO7.js","./lspLanguageFeatures-BxPLl0yy.js","./htmlMode-CRicxcwK.js","./jsonMode-Bquqf3QN.js","./javascript-D1Baz4fV.js","./typescript-DJ3C8Yly.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-D9-xaWSI.js","./lspLanguageFeatures-ClbEdD0U.js","./htmlMode-naWw6PWr.js","./jsonMode-Ixhcm5I6.js","./javascript-DDLsFUr-.js","./typescript-DQkV4kKA.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -18829,6 +18829,25 @@ 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 _terminals = /* @__PURE__ */ new Map();
 function isAtBottom(terminal) {
   const buf = terminal.buffer.active;
@@ -18880,7 +18899,7 @@ function getOrCreateTerminal(tabId, onExit) {
   });
   const fitAddon = new addonFitExports.FitAddon();
   terminal.loadAddon(fitAddon);
-  terminal.loadAddon(new addonWebLinksExports.WebLinksAddon());
+  terminal.loadAddon(new addonWebLinksExports.WebLinksAddon(handleTerminalLink));
   terminal.attachCustomKeyEventHandler((e) => {
     if (e.type !== "keydown") return true;
     const isCombo = (e.metaKey || e.ctrlKey) && e.shiftKey && e.code === "KeyE";
@@ -19054,7 +19073,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
     toast && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "term-toast", children: toast })
   ] });
 }
-function CtlsurfPanel() {
+function CtlsurfPanel({ navigate }) {
   const webviewRef = reactExports.useRef(null);
   const [url, setUrl] = reactExports.useState(null);
   const [key, setKey] = reactExports.useState(0);
@@ -19068,8 +19087,14 @@ function CtlsurfPanel() {
     }
   };
   reactExports.useEffect(() => {
-    loadUrl();
+    if (!navigate?.url) loadUrl();
   }, []);
+  reactExports.useEffect(() => {
+    if (navigate?.url) {
+      setUrl(navigate.url);
+      setKey((k2) => k2 + 1);
+    }
+  }, [navigate?.n]);
   reactExports.useEffect(() => {
     const unsub = window.worker.onCwdChanged(() => {
       setUrl(null);
@@ -206727,7 +206752,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-DkmdBgO7.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-D9-xaWSI.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -206832,7 +206857,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-CRicxcwK.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-naWw6PWr.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);
@@ -206916,7 +206941,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-Bquqf3QN.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-Ixhcm5I6.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -207162,7 +207187,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-CRIrHuii.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-EIuSGG42.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -207357,49 +207382,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.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-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.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-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.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-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.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-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.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-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.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-CI-gkP-3.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-CoRAVxnv.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -207420,7 +207445,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-D5tEqanR.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-B0p9Wgkw.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -207433,7 +207458,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-fH93EYfn.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-D_XFJJtO.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -207456,7 +207481,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-D1Baz4fV.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-DDLsFUr-.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -207495,7 +207520,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-ByOcPjBF.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-BHgSYEHk.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -207513,7 +207538,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-yuNgx0rM.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-DMngMjHR.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -207612,7 +207637,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-2OakgLlA.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-D_czoeY2.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -207631,7 +207656,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-DnIVMSwa.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-CLMDGvL7.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -207764,7 +207789,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-DJ3C8Yly.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-DQkV4kKA.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -207809,14 +207834,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-CalvD5_C.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-DJ0OOQTu.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-Cgs8pdVp.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-DxX26XLN.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;
@@ -212210,6 +212235,8 @@ function App() {
   const [cwd2, setCwd] = reactExports.useState(null);
   const [projectName, setProjectName] = reactExports.useState(null);
   const [updateInfo, setUpdateInfo] = reactExports.useState(null);
+  const [ctlsurfNav, setCtlsurfNav] = reactExports.useState(null);
+  const ctlsurfNavCounter = reactExports.useRef(0);
   const [tabs, setTabs] = reactExports.useState(() => {
     const id = nextTabId();
     return [{ id, label: "Terminal 1", agent: null, agentStatus: "idle" }];
@@ -212418,6 +212445,17 @@ function App() {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [togglePane]);
+  reactExports.useEffect(() => {
+    const onOpen = (e) => {
+      const url = e.detail?.url;
+      if (!url) return;
+      if (!findPaneIds(layout2).includes("ctlsurf")) togglePane("ctlsurf");
+      ctlsurfNavCounter.current += 1;
+      setCtlsurfNav({ url, n: ctlsurfNavCounter.current });
+    };
+    window.addEventListener("ctlsurf-open-url", onOpen);
+    return () => window.removeEventListener("ctlsurf-open-url", onOpen);
+  }, [layout2, togglePane]);
   const panes = [
     { id: "editor", label: "Editor", content: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPanel, { cwd: cwd2 }) },
     {
@@ -212477,7 +212515,7 @@ function App() {
         )) })
       ] })
     },
-    { id: "ctlsurf", label: "ctlsurf", content: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, {}) }
+    { id: "ctlsurf", label: "ctlsurf", content: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, { navigate: ctlsurfNav }) }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "app", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "titlebar", children: [

package/out/renderer/assets/{javascript-D1Baz4fV.js → javascript-DDLsFUr-.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-DJ3C8Yly.js";
-import "./index-BOOvUI7u.js";
+import { conf as conf$1, language as language$1 } from "./typescript-DQkV4kKA.js";
+import "./index-DBt_rov1.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-Bquqf3QN.js → jsonMode-Ixhcm5I6.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-BOOvUI7u.js";
-import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-BxPLl0yy.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-BxPLl0yy.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-DBt_rov1.js";
+import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-ClbEdD0U.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-ClbEdD0U.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-ByOcPjBF.js → liquid-BHgSYEHk.js}

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

package/out/renderer/assets/{lspLanguageFeatures-BxPLl0yy.js → lspLanguageFeatures-ClbEdD0U.js}

@@ -1,4 +1,4 @@
-import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-BOOvUI7u.js";
+import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-DBt_rov1.js";
 var DocumentUri;
 (function(DocumentUri2) {
   function is(value) {

package/out/renderer/assets/{mdx-yuNgx0rM.js → mdx-DMngMjHR.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-BOOvUI7u.js";
+import { l as languages } from "./index-DBt_rov1.js";
 const conf = {
   comments: {
     blockComment: ["{/*", "*/}"]

package/out/renderer/assets/{python-2OakgLlA.js → python-D_czoeY2.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-BOOvUI7u.js";
+import { l as languages } from "./index-DBt_rov1.js";
 const conf = {
   comments: {
     lineComment: "#",

package/out/renderer/assets/{razor-DnIVMSwa.js → razor-CLMDGvL7.js}

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

package/out/renderer/assets/{tsMode-CRIrHuii.js → tsMode-EIuSGG42.js}

@@ -1,4 +1,4 @@
-import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-BOOvUI7u.js";
+import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-DBt_rov1.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-DJ3C8Yly.js → typescript-DQkV4kKA.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-BOOvUI7u.js";
+import { l as languages } from "./index-DBt_rov1.js";
 const conf = {
   wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\#\%\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\?\s]+)/g,
   comments: {

package/out/renderer/assets/{xml-CalvD5_C.js → xml-DJ0OOQTu.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-BOOvUI7u.js";
+import { l as languages } from "./index-DBt_rov1.js";
 const conf = {
   comments: {
     blockComment: ["<!--", "-->"]

package/out/renderer/assets/{yaml-Cgs8pdVp.js → yaml-DxX26XLN.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-BOOvUI7u.js";
+import { l as languages } from "./index-DBt_rov1.js";
 const conf = {
   comments: {
     lineComment: "#"

package/out/renderer/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>ctlsurf-worker</title>
-  <script type="module" crossorigin src="./assets/index-BOOvUI7u.js"></script>
+  <script type="module" crossorigin src="./assets/index-DBt_rov1.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-ezC-iarf.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Agent-agnostic terminal and desktop app for ctlsurf — run Claude Code, Codex, or any coding agent with live session logging and remote control",
   "main": "out/main/index.js",
   "bin": {

package/src/main/index.ts

@@ -300,12 +300,18 @@ ipcMain.handle('worker:createProject', async () => {
   }
 })
 
-ipcMain.handle('worker:getWebviewInfo', async () => {
+// Resolve the ctlsurf frontend URL (the origin the embedded webview loads from)
+// from the active profile, applying the dev localhost:8000 → :88 rewrite.
+function getCtlsurfFrontendUrl(): string {
   const profile = orchestrator.getActiveProfile()
   const baseUrl = profile.baseUrl || process.env.CTLSURF_BASE_URL || 'https://app.ctlsurf.com'
-  const frontendUrl = baseUrl.includes('localhost:8000')
+  return baseUrl.includes('localhost:8000')
     ? baseUrl.replace(':8000', ':88')
     : baseUrl
+}
+
+ipcMain.handle('worker:getWebviewInfo', async () => {
+  const frontendUrl = getCtlsurfFrontendUrl()
 
   if (!orchestrator.ctlsurfApi.getApiKey()) {
     return { frontendUrl: `${frontendUrl}?embed=1`, authenticated: false }
@@ -348,6 +354,40 @@ ipcMain.handle('worker:getWebviewInfo', async () => {
   }
 })
 
+// Given a URL the agent printed in the terminal, return an authenticated embed
+// URL if it points at the ctlsurf frontend, else null (so the caller opens it
+// in the default browser instead).
+ipcMain.handle('worker:getEmbedUrl', async (_event, targetUrl: string) => {
+  try {
+    if (!targetUrl) return null
+    const frontendUrl = getCtlsurfFrontendUrl()
+    const profile = orchestrator.getActiveProfile()
+    const rawBaseUrl = profile.baseUrl || process.env.CTLSURF_BASE_URL || 'https://app.ctlsurf.com'
+
+    const target = new URL(targetUrl)
+    const front = new URL(frontendUrl)
+
+    // Treat both the frontend origin and the raw (dev :8000) base as ctlsurf.
+    const origins = new Set<string>([front.origin])
+    try { origins.add(new URL(rawBaseUrl).origin) } catch { /* ignore */ }
+    if (!origins.has(target.origin)) return null
+
+    // Rebuild on the frontend origin (handles the dev :8000 → :88 case) so the
+    // webview loads from the same origin its auth code is valid for.
+    const out = new URL(target.pathname + target.search + target.hash, front.origin)
+    out.searchParams.set('embed', '1')
+
+    if (orchestrator.ctlsurfApi.getApiKey()) {
+      const { code } = await orchestrator.ctlsurfApi.getAuthCode()
+      out.searchParams.set('_code', code)
+    }
+    return out.toString()
+  } catch (err: any) {
+    log('[worker] getEmbedUrl failed:', err?.message)
+    return null
+  }
+})
+
 // ─── Profile IPC ──────────────────────────────────
 
 ipcMain.handle('profiles:list', () => orchestrator.listProfiles())

package/src/preload/index.ts

@@ -129,6 +129,10 @@ const api = {
     pageUrl?: string;
     authenticated: boolean;
   }> => ipcRenderer.invoke('worker:getWebviewInfo'),
+  // Resolve a terminal-printed URL to an authenticated ctlsurf embed URL, or
+  // null if it isn't a ctlsurf link (caller opens those externally).
+  getEmbedUrl: (targetUrl: string): Promise<string | null> =>
+    ipcRenderer.invoke('worker:getEmbedUrl', targetUrl),
 
   onWorkerStatus: (callback: (status: string) => void) => {
     const listener = (_event: Electron.IpcRendererEvent, status: string) => callback(status)