@phenx-inc/ctlsurf 0.15.1 → 0.16.0

package/out/renderer/assets/{index-CN3UN7Tm.js → index-D65QIRev.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-B77M9HlN.js","./lspLanguageFeatures-BE0g7ubH.js","./htmlMode-DIWkIawy.js","./jsonMode-BzFKTZjJ.js","./javascript-B9GYUE-I.js","./typescript-9o62WOnS.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-Xx1-SozN.js","./lspLanguageFeatures-IDD0-KWa.js","./htmlMode-BG5u2CSH.js","./jsonMode-Dmp3JJSm.js","./javascript-Dci_phmN.js","./typescript-DhTtFBLt.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -19532,6 +19532,11 @@ function getOrCreateTerminal(tabId, onExit) {
   }
   const terminal = new xtermExports.Terminal({
     cursorBlink: true,
+    // Codex and other modern CLIs often render links as OSC 8 hyperlinks
+    // instead of plain URL text. OSC 8 links are handled by xterm core (not
+    // WebLinksAddon), whose default activation calls window.open(). Route them
+    // through the same embedded-panel handler as detected plain-text URLs.
+    linkHandler: { activate: handleTerminalLink },
     // Off by default on macOS; without this a right-click would reselect the
     // word under the cursor and clobber a multi-line table selection.
     rightClickSelectsWord: false,
@@ -19594,7 +19599,7 @@ function getOrCreateTerminal(tabId, onExit) {
     fitAddon,
     unsubData: null,
     unsubExit: null,
-    spawnedAgentId: null,
+    spawnedSessionKey: null,
     pinnedToBottom: true,
     anchorLine: null,
     userScrollPending: false,
@@ -19638,6 +19643,25 @@ function getOrCreateTerminal(tabId, onExit) {
 function focusTerminal(tabId) {
   _terminals.get(tabId)?.terminal.focus();
 }
+const MAX_HANDOFF_CHARS = 1e6;
+function captureTerminalSession(tabId) {
+  const terminal = _terminals.get(tabId)?.terminal;
+  if (!terminal) return "";
+  const buffer = terminal.buffer.active;
+  const lines = [];
+  for (let i2 = 0; i2 < buffer.length; i2++) {
+    const line = buffer.getLine(i2);
+    if (!line) continue;
+    const text22 = line.translateToString(true);
+    if (line.isWrapped && lines.length > 0) lines[lines.length - 1] += text22;
+    else lines.push(text22);
+  }
+  while (lines.length && lines[lines.length - 1].trim() === "") lines.pop();
+  const text2 = lines.join("\n").trim();
+  if (text2.length <= MAX_HANDOFF_CHARS) return text2;
+  return `[Earlier terminal output omitted; showing the last ${MAX_HANDOFF_CHARS.toLocaleString()} characters.]
+${text2.slice(-MAX_HANDOFF_CHARS)}`;
+}
 function destroyTerminal(tabId) {
   const state = _terminals.get(tabId);
   if (!state) return;
@@ -19646,7 +19670,7 @@ function destroyTerminal(tabId) {
   state.terminal.dispose();
   _terminals.delete(tabId);
 }
-function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
+function TerminalPanel({ tabId, agent, sessionVersion, onSpawn, onExit, isActive }) {
   const containerRef = reactExports.useRef(null);
   const [menu, setMenu] = reactExports.useState(null);
   const [snapOpen, setSnapOpen] = reactExports.useState(false);
@@ -19736,7 +19760,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
     const attached = _terminals.get(tabId);
     if (attached) reassert(attached);
     const onWheel = () => markGesture(tabId);
-    terminal.element?.addEventListener("wheel", onWheel, { passive: true });
+    terminal.element?.addEventListener("wheel", onWheel, { capture: true, passive: true });
     let resizeTimeout;
     const handleResize = () => {
       clearTimeout(resizeTimeout);
@@ -19759,15 +19783,16 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
       clearTimeout(resizeTimeout);
       window.removeEventListener("resize", handleResize);
       observer.disconnect();
-      terminal.element?.removeEventListener("wheel", onWheel);
+      terminal.element?.removeEventListener("wheel", onWheel, true);
     };
   }, [tabId, onExit]);
   reactExports.useEffect(() => {
     if (!agent) return;
     const state = _terminals.get(tabId);
     if (!state) return;
-    if (state.spawnedAgentId === agent.id) return;
-    state.spawnedAgentId = agent.id;
+    const sessionKey = `${agent.id}:${sessionVersion}`;
+    if (state.spawnedSessionKey === sessionKey) return;
+    state.spawnedSessionKey = sessionKey;
     state.terminal.clear();
     onSpawn(tabId, agent).then(() => {
       const s = _terminals.get(tabId);
@@ -19780,7 +19805,7 @@ function TerminalPanel({ tabId, agent, onSpawn, onExit, isActive }) {
       }
       state.terminal.focus();
     });
-  }, [tabId, agent, onSpawn]);
+  }, [tabId, agent, sessionVersion, onSpawn]);
   reactExports.useEffect(() => {
     if (isActive) {
       window.worker.setActiveTab(tabId);
@@ -20318,7 +20343,7 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
 const POS_KEY = "ctlsurf.floatingMicPos";
 const EDGE = 20;
 const TOP_MIN = 46;
-const BOTTOM_GAP = 36;
+const BOTTOM_GAP = 72;
 function loadPos() {
   try {
     const raw = localStorage.getItem(POS_KEY);
@@ -20366,15 +20391,17 @@ function FloatingMic({ onTranscript, onHide }) {
     };
   }, []);
   reactExports.useEffect(() => {
-    if (pos) return;
-    const el = elRef.current;
-    const w = el?.offsetWidth ?? 64;
-    const h2 = el?.offsetHeight ?? 90;
-    setPos({
-      x: window.innerWidth - w - EDGE,
-      y: window.innerHeight - h2 - BOTTOM_GAP
+    setPos((current) => {
+      if (current) return clamp2(current.x, current.y);
+      const el = elRef.current;
+      const w = el?.offsetWidth ?? 64;
+      const h2 = el?.offsetHeight ?? 90;
+      return clamp2(
+        window.innerWidth - w - EDGE,
+        window.innerHeight - h2 - BOTTOM_GAP
+      );
     });
-  }, [pos]);
+  }, [clamp2]);
   reactExports.useEffect(() => {
     const onResize = () => setPos((p) => p ? clamp2(p.x, p.y) : p);
     window.addEventListener("resize", onResize);
@@ -208416,7 +208443,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-B77M9HlN.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-Xx1-SozN.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -208521,7 +208548,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-DIWkIawy.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-BG5u2CSH.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);
@@ -208605,7 +208632,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-BzFKTZjJ.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-Dmp3JJSm.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208851,7 +208878,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-CTCpE-67.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-EXbzul3n.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -209046,49 +209073,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.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-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.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-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.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-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.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-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.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-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.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-oUT2zvyQ.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DM49yPw1.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -209109,7 +209136,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-jCckoi5j.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-DJJBblpV.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -209122,7 +209149,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-kAgrAaKW.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-DnMnJOxw.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -209145,7 +209172,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-B9GYUE-I.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-Dci_phmN.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -209184,7 +209211,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-Ccw-S_Y6.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-C9KVysk1.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -209202,7 +209229,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-oXeAA0qU.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-ascmBFXX.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -209301,7 +209328,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-DlSX3TvA.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-DcbM4Hy5.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -209320,7 +209347,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-ButO9S7r.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-XJROxpYK.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -209453,7 +209480,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-9o62WOnS.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-DhTtFBLt.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -209498,14 +209525,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-C4nOH2_D.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-BLfEkVl1.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-mXYgKoWW.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-DpzsqvWa.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;
@@ -213279,11 +213306,14 @@ function RemoteConnect({ onConnect, onBack }) {
     ] })
   ] }) });
 }
-function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd }) {
-  const displayPath = cwd2.replace(/^\/Users\/[^/]+/, "~");
+function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd, onCancel, restarting = false }) {
+  const [selectedCwd, setSelectedCwd] = reactExports.useState(cwd2);
+  const displayPath = selectedCwd.replace(/^\/Users\/[^/]+/, "~");
   const [logChat, setLogChat] = reactExports.useState(false);
   const [loaded, setLoaded] = reactExports.useState(false);
   const [remoteMode, setRemoteMode] = reactExports.useState(false);
+  const [handoff, setHandoff] = reactExports.useState("fresh");
+  const [switching, setSwitching] = reactExports.useState(false);
   reactExports.useEffect(() => {
     let cancelled = false;
     window.worker.getLogChat().then((r) => {
@@ -213304,20 +213334,30 @@ function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd }) {
     }
   };
   const handleSelect = async (agent) => {
+    if (switching) return;
+    setSwitching(true);
     if (loaded) {
       try {
         await window.worker.setLogChat(logChat);
       } catch {
       }
     }
-    onSelect(agent);
+    try {
+      await onSelect(agent, selectedCwd, handoff);
+    } finally {
+      setSwitching(false);
+    }
+  };
+  const changeCwd = async () => {
+    const next = await onChangeCwd();
+    if (next) setSelectedCwd(next);
   };
   if (remoteMode) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       RemoteConnect,
       {
         onConnect: (agent) => {
-          handleSelect(agent);
+          void handleSelect(agent);
         },
         onBack: () => setRemoteMode(false)
       }
@@ -213325,18 +213365,55 @@ function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd }) {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-overlay", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-modal", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-brand", children: "ctlsurf" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-cwd", onClick: onChangeCwd, title: "Click to change directory", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-cwd", onClick: () => void changeCwd(), title: "Click to change directory", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-cwd-icon", children: "📂" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-cwd-path", children: displayPath }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-cwd-change", children: "change" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-title", children: "SELECT AGENT" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-title", children: restarting ? "CHANGE SESSION" : "SELECT AGENT" }),
+    restarting && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-warning", children: "Choosing an agent restarts this terminal and ends its current process." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("fieldset", { className: "agent-handoff-options", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("legend", { children: "NEW SESSION CONTEXT" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: handoff === "fresh" ? "selected" : "", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "radio",
+              name: "session-handoff",
+              checked: handoff === "fresh",
+              onChange: () => setHandoff("fresh")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Start fresh" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: "Do not send anything from this terminal." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: handoff === "context" ? "selected" : "", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "radio",
+              name: "session-handoff",
+              checked: handoff === "context",
+              onChange: () => setHandoff("context")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Share previous context" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: "Quote it inline, or use a temporary file when the session is long." })
+          ] })
+        ] })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-list", children: [
       agents.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
           className: "agent-picker-item",
-          onClick: () => handleSelect(a),
+          disabled: switching,
+          onClick: () => void handleSelect(a),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-name", children: a.name }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-desc", children: a.description })
@@ -213348,6 +213425,7 @@ function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd }) {
         "button",
         {
           className: "agent-picker-item",
+          disabled: switching,
           onClick: () => setRemoteMode(true),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "agent-picker-name", children: "🌐 Remote (SSH)" }),
@@ -213367,15 +213445,17 @@ function AgentPicker({ agents, cwd: cwd2, onSelect, onChangeCwd }) {
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Log chat to ctlsurf" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-hint", children: "Select an agent to start" })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-hint", children: restarting ? "Select an agent to restart in the directory above" : "Select an agent to start" }),
+    onCancel && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "remote-link", disabled: switching, onClick: onCancel, children: "Cancel" })
   ] }) });
 }
-function ProjectPicker({ onDone }) {
+function ProjectPicker({ onDone, currentProject }) {
   const [state, setState2] = reactExports.useState("loading");
   const [projects, setProjects] = reactExports.useState([]);
   const [errorMsg, setErrorMsg] = reactExports.useState("");
   const [binding, setBinding] = reactExports.useState(false);
   const [filter, setFilter] = reactExports.useState("");
+  const [notifyAgent, setNotifyAgent] = reactExports.useState(true);
   reactExports.useEffect(() => {
     let cancelled = false;
     window.worker.listProjects().then((r) => {
@@ -213399,23 +213479,36 @@ function ProjectPicker({ onDone }) {
   const pick = async (p) => {
     setBinding(true);
     try {
-      await window.worker.bindProject(p.root_path);
-    } catch {
+      const result = await window.worker.bindProject(p.root_path);
+      if (!result.ok) {
+        setErrorMsg(result.error || "Could not bind project");
+        setState2("error");
+        setBinding(false);
+        return;
+      }
+      onDone({ project: p, notifyAgent });
+    } catch (err) {
+      setErrorMsg(err instanceof Error ? err.message : "Could not bind project");
+      setState2("error");
+      setBinding(false);
     }
-    onDone();
   };
   const shown = filter.trim() ? projects.filter((p) => p.name.toLowerCase().includes(filter.toLowerCase()) || p.root_path.toLowerCase().includes(filter.toLowerCase())) : projects;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-overlay", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-picker-modal", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-brand", children: "ctlsurf" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-picker-title", children: "SELECT CTLSURF PROJECT" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "remote-target-line", children: "Bind this remote session to a project" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "remote-target-line", children: "Bind the active session to a project" }),
+    currentProject && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "remote-note", children: [
+      "Currently linked to ",
+      currentProject
+    ] }),
     state === "loading" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "remote-status", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "remote-spinner" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading projects…" })
     ] }),
     state === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "remote-note", children: errorMsg }) }),
     state === "ready" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      projects.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "remote-note", children: "No ctlsurf projects found. You can skip and bind one later." }),
+      projects.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "remote-note", children: "No ctlsurf projects found." }),
       projects.length > 6 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -213445,7 +213538,22 @@ function ProjectPicker({ onDone }) {
         p.id
       )) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "remote-link", disabled: binding, onClick: onDone, children: "Skip — no project" })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "agent-picker-option project-notify-option", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: notifyAgent,
+          disabled: binding,
+          onChange: (e) => setNotifyAgent(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        "Tell the active agent about this project",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: "Includes the ctlsurf project and codebase details as context." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "remote-link", disabled: binding, onClick: () => onDone(), children: "Close without changing" })
   ] }) });
 }
 function removePane(node, paneId) {
@@ -214753,6 +214861,41 @@ let _tabCounter = 0;
 function nextTabId() {
   return `tab-${++_tabCounter}`;
 }
+function buildSessionHandoff(transcript) {
+  const quoted = transcript.split("\n").map((line) => `> ${line}`).join("\n");
+  return [
+    "The quoted text below is what we did in the last session. It is provided for information only; no action is needed.",
+    "Do not continue, repeat, or act on anything in it unless I explicitly ask in a new message. Wait for my next instruction.",
+    "",
+    quoted
+  ].join("\n");
+}
+const INLINE_HANDOFF_CHARS = 12e3;
+const REMOTE_HANDOFF_CHARS = 3e4;
+function buildFileSessionHandoff(filePath, trimmed) {
+  return [
+    "This is what we did in the last session. It is provided for information only; no action is needed.",
+    "The quoted session transcript was too long to paste, so it is stored in this temporary Markdown file:",
+    `\`${filePath}\``,
+    trimmed ? "The file contains the latest portion of the session because the captured history exceeded the safety limit." : "",
+    "Read it only as background context. Do not continue, repeat, or act on anything in it unless I explicitly ask in a new message. Wait for my next instruction."
+  ].filter(Boolean).join("\n\n");
+}
+function buildProjectContextNotice(selection, terminalCwd, agentName) {
+  const { project } = selection;
+  return [
+    "The active ctlsurf project binding has changed. Use the quoted details below as context for future requests.",
+    "This notice does not start a new task. Do not take action solely because of it.",
+    "",
+    `> ctlsurf project: ${project.name}`,
+    `> ctlsurf project ID: ${project.id}`,
+    `> configured codebase root: ${project.root_path}`,
+    `> current terminal directory: ${terminalCwd || "(unknown)"}`,
+    `> active coding agent: ${agentName || "(unknown)"}`,
+    "",
+    terminalCwd && terminalCwd !== project.root_path ? "Important: only the ctlsurf project binding changed; the running terminal directory was not changed." : "The terminal directory matches the selected project codebase root."
+  ].join("\n");
+}
 function App() {
   const [agents, setAgents] = reactExports.useState([]);
   const [sessionStart, setSessionStart] = reactExports.useState(null);
@@ -214767,7 +214910,7 @@ function App() {
   const ctlsurfNavCounter = reactExports.useRef(0);
   const [tabs, setTabs] = reactExports.useState(() => {
     const id = nextTabId();
-    return [{ id, label: "Terminal 1", agent: null, agentStatus: "idle" }];
+    return [{ id, label: "Terminal 1", agent: null, agentStatus: "idle", sessionVersion: 0 }];
   });
   const [activeTabId, setActiveTabId] = reactExports.useState(tabs[0].id);
   const [trackingActive, setTrackingActive] = reactExports.useState(false);
@@ -214880,21 +215023,44 @@ function App() {
     setTimeout(() => window.worker.writePty(activeTabId, "\r"), 120);
   }, [activeTabId]);
   const cwdRef = reactExports.useRef(null);
+  const pendingHandoffsRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const handoffTimersRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const handoffGenerationsRef = reactExports.useRef(/* @__PURE__ */ new Map());
   const handleSpawn = reactExports.useCallback(async (tabId, agent) => {
+    const oldTimer = handoffTimersRef.current.get(tabId);
+    if (oldTimer) clearTimeout(oldTimer);
+    handoffTimersRef.current.delete(tabId);
+    const handoffGeneration = (handoffGenerationsRef.current.get(tabId) || 0) + 1;
+    handoffGenerationsRef.current.set(tabId, handoffGeneration);
     setTabs((prev) => prev.map((t) => t.id === tabId ? { ...t, agentStatus: "active" } : t));
     setSessionStart(/* @__PURE__ */ new Date());
     const spawnCwd = cwdRef.current || await window.worker.getCwd().catch(() => window.worker.getHomePath());
     setCwd(spawnCwd);
     cwdRef.current = spawnCwd;
-    await window.worker.spawnAgent(tabId, agent, spawnCwd);
-  }, []);
-  const handleAgentChange = reactExports.useCallback(async (agentId) => {
-    const agent = agents.find((a) => a.id === agentId);
-    if (agent) {
-      await window.worker.killPty(activeTabId);
-      setTabs((prev) => prev.map((t) => t.id === activeTabId ? { ...t, agent, agentStatus: "idle" } : t));
+    try {
+      await window.worker.spawnAgent(tabId, agent, spawnCwd);
+    } catch (err) {
+      console.error("[session] Failed to start agent", err);
+      pendingHandoffsRef.current.delete(tabId);
+      setTabs((prev) => prev.map((t) => t.id === tabId ? { ...t, agentStatus: "exited" } : t));
+      return;
+    }
+    const handoff = pendingHandoffsRef.current.get(tabId);
+    pendingHandoffsRef.current.delete(tabId);
+    if (handoff) {
+      const timer = setTimeout(() => {
+        if (handoffGenerationsRef.current.get(tabId) !== handoffGeneration) return;
+        window.worker.writePty(tabId, handoff);
+        focusTerminal(tabId);
+        setTimeout(() => {
+          if (handoffGenerationsRef.current.get(tabId) === handoffGeneration) {
+            window.worker.writePty(tabId, "\r");
+          }
+        }, 120);
+      }, 1200);
+      handoffTimersRef.current.set(tabId, timer);
     }
-  }, [agents, activeTabId]);
+  }, []);
   const handleExit = reactExports.useCallback((tabId) => {
     setTimeout(() => {
       setTabs((prev) => prev.map((t) => t.id === tabId ? { ...t, agentStatus: "exited" } : t));
@@ -214903,36 +215069,84 @@ function App() {
   const handleChangeCwd = reactExports.useCallback(async () => {
     const newCwd = await window.worker.browseCwd();
     const activeTab = tabs.find((t) => t.id === activeTabId);
-    if (!newCwd || !activeTab?.agent) return;
+    if (!newCwd) return;
     cwdRef.current = newCwd;
     setCwd(newCwd);
-    await window.worker.killPty(activeTabId);
-    setTabs((prev) => prev.map((t) => t.id === activeTabId ? { ...t, agentStatus: "active" } : t));
-    setSessionStart(/* @__PURE__ */ new Date());
-    await window.worker.spawnAgent(activeTabId, activeTab.agent, newCwd);
+    if (!activeTab?.agent) return;
+    pendingHandoffsRef.current.delete(activeTabId);
+    setTabs((prev) => prev.map((t) => t.id === activeTabId ? { ...t, agentStatus: "idle", sessionVersion: t.sessionVersion + 1 } : t));
   }, [tabs, activeTabId]);
   const addTab = reactExports.useCallback(() => {
     const id = nextTabId();
     const num = _tabCounter;
-    setTabs((prev) => [...prev, { id, label: `Terminal ${num}`, agent: null, agentStatus: "idle" }]);
+    setTabs((prev) => [...prev, { id, label: `Terminal ${num}`, agent: null, agentStatus: "idle", sessionVersion: 0 }]);
     setActiveTabId(id);
     setPickerTargetTabId(id);
     setShowAgentPicker(true);
   }, []);
-  const handlePickerSelect = reactExports.useCallback((agent) => {
+  const handlePickerSelect = reactExports.useCallback(async (agent, selectedCwd, handoff) => {
     const tabId = pickerTargetTabId;
     if (tabId) {
-      setTabs((prev) => prev.map(
-        (t) => t.id === tabId ? { ...t, agent, label: `${agent.name} ${tabs.filter((x) => x.agent?.id === agent.id).length + 1}` } : t
-      ));
+      if (handoff === "context") {
+        const transcript = captureTerminalSession(tabId);
+        if (!transcript) {
+          pendingHandoffsRef.current.delete(tabId);
+        } else if (transcript.length > INLINE_HANDOFF_CHARS && !agent.id.startsWith("remote-")) {
+          const result = await window.worker.createSessionHandoffFile(transcript);
+          if (result.ok && result.path) {
+            pendingHandoffsRef.current.set(tabId, buildFileSessionHandoff(result.path, !!result.trimmed));
+          } else {
+            console.warn("[session] Could not create handoff file; using a shortened inline handoff", result.error);
+            pendingHandoffsRef.current.set(tabId, buildSessionHandoff(transcript.slice(-REMOTE_HANDOFF_CHARS)));
+          }
+        } else {
+          const inline2 = transcript.length > REMOTE_HANDOFF_CHARS ? `[Earlier terminal output omitted.]
+${transcript.slice(-REMOTE_HANDOFF_CHARS)}` : transcript;
+          pendingHandoffsRef.current.set(tabId, buildSessionHandoff(inline2));
+        }
+      } else {
+        pendingHandoffsRef.current.delete(tabId);
+      }
+      cwdRef.current = selectedCwd;
+      setCwd(selectedCwd);
+      setTabs((prev) => {
+        const matchingAgents = prev.filter((x) => x.agent?.id === agent.id).length;
+        return prev.map((t) => t.id === tabId ? {
+          ...t,
+          agent,
+          agentStatus: "idle",
+          label: `${agent.name} ${matchingAgents + (t.agent?.id === agent.id ? 0 : 1)}`,
+          sessionVersion: t.sessionVersion + 1
+        } : t);
+      });
     }
     setShowAgentPicker(false);
     setPickerTargetTabId(null);
     if (agent.id.startsWith("remote-")) {
       setShowProjectPicker(true);
     }
-  }, [pickerTargetTabId, tabs]);
+  }, [pickerTargetTabId]);
+  const openSessionPicker = reactExports.useCallback(() => {
+    setPickerTargetTabId(activeTabId);
+    setShowAgentPicker(true);
+  }, [activeTabId]);
+  const handleProjectPickerDone = reactExports.useCallback(async (selection) => {
+    setShowProjectPicker(false);
+    if (!selection?.notifyAgent) return;
+    const activeAgent = tabs.find((t) => t.id === activeTabId)?.agent;
+    if (!activeAgent) return;
+    const terminalCwd = await window.worker.getActiveTabCwd().catch(() => cwd2);
+    const notice = buildProjectContextNotice(selection, terminalCwd, activeAgent.name);
+    window.worker.writePty(activeTabId, notice);
+    focusTerminal(activeTabId);
+    setTimeout(() => window.worker.writePty(activeTabId, "\r"), 120);
+  }, [activeTabId, cwd2, tabs]);
   const closeTab = reactExports.useCallback(async (tabId) => {
+    pendingHandoffsRef.current.delete(tabId);
+    handoffGenerationsRef.current.set(tabId, (handoffGenerationsRef.current.get(tabId) || 0) + 1);
+    const handoffTimer = handoffTimersRef.current.get(tabId);
+    if (handoffTimer) clearTimeout(handoffTimer);
+    handoffTimersRef.current.delete(tabId);
     await window.worker.killPty(tabId);
     destroyTerminal(tabId);
     setTabs((prev) => {
@@ -214946,7 +215160,7 @@ function App() {
         setActiveTabId(id);
         setPickerTargetTabId(id);
         setShowAgentPicker(true);
-        return [{ id, label: `Terminal ${num}`, agent: null, agentStatus: "idle" }];
+        return [{ id, label: `Terminal ${num}`, agent: null, agentStatus: "idle", sessionVersion: 0 }];
       }
       return next;
     });
@@ -215080,6 +215294,7 @@ function App() {
               {
                 tabId: tab.id,
                 agent: tab.agent,
+                sessionVersion: tab.sessionVersion,
                 onSpawn: handleSpawn,
                 onExit: handleExit,
                 isActive: tab.id === activeTabId
@@ -215210,19 +215425,28 @@ function App() {
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SpeakControls, { remote: activeAgentIsRemote }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
-        agents.map((a) => {
-          const activeTab = tabs.find((t) => t.id === activeTabId);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              className: `titlebar-agent-btn ${activeTab?.agent?.id === a.id ? "active" : ""}`,
-              onClick: () => handleAgentChange(a.id),
-              title: a.description,
-              children: a.name
-            },
-            a.id
-          );
-        }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            className: "titlebar-agent-btn active",
+            onClick: openSessionPicker,
+            title: "Change coding agent or project directory for the active terminal",
+            children: [
+              "Agent: ",
+              tabs.find((t) => t.id === activeTabId)?.agent?.name || "Choose",
+              " ▾"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            className: "titlebar-btn",
+            onClick: () => setShowProjectPicker(true),
+            title: "Change the ctlsurf project linked to the active session",
+            children: "Project…"
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
         ALL_PANE_IDS.map((id) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
@@ -215253,16 +215477,15 @@ function App() {
         agents,
         cwd: cwd2 || "",
         onSelect: handlePickerSelect,
-        onChangeCwd: async () => {
-          const newCwd = await window.worker.browseCwd();
-          if (newCwd) {
-            setCwd(newCwd);
-            cwdRef.current = newCwd;
-          }
-        }
+        onChangeCwd: () => window.worker.browseCwd(),
+        onCancel: tabs.find((t) => t.id === pickerTargetTabId)?.agent ? () => {
+          setShowAgentPicker(false);
+          setPickerTargetTabId(null);
+        } : void 0,
+        restarting: !!tabs.find((t) => t.id === pickerTargetTabId)?.agent
       }
     ),
-    showProjectPicker && /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectPicker, { onDone: () => setShowProjectPicker(false) }),
+    showProjectPicker && /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectPicker, { currentProject: projectName, onDone: handleProjectPickerDone }),
     showFloatingMic && /* @__PURE__ */ jsxRuntimeExports.jsx(
       FloatingMic,
       {