@ai-matrx/coding-sessions 0.1.83 → 0.1.86

package/dist/react/index.cjs

@@ -34,10 +34,10 @@ __export(react_exports, {
 module.exports = __toCommonJS(react_exports);
 
 // src/react/app.tsx
-var import_react6 = require("react");
-var import_react7 = require("@ai-matrx/chat/react");
+var import_react8 = require("react");
+var import_react9 = require("@ai-matrx/chat/react");
 var import_external_store2 = require("@ai-matrx/chat/external-store");
-var import_design_system5 = require("@ai-matrx/design-system");
+var import_design_system6 = require("@ai-matrx/design-system");
 var import_format3 = require("@ai-matrx/kit/format");
 
 // src/types.ts
@@ -486,14 +486,20 @@ var SpinnerIcon = ({ size = 16, className }) => /* @__PURE__ */ (0, import_jsx_r
     ]
   }
 );
-function ProviderMark({ provider, size = 18 }) {
+var CLAUDE_MARK = "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z";
+var OPENAI_MARK = "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z";
+function ProviderMark({ provider, size = 16 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "span",
+    "svg",
     {
       className: `cs-provider-mark cs-provider-mark--${provider}`,
-      style: { width: size, height: size, fontSize: Math.round(size * 0.58) },
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
       "aria-hidden": "true",
-      children: provider === "claude" ? "C" : "X"
+      "data-provider-mark": provider,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: provider === "claude" ? CLAUDE_MARK : OPENAI_MARK })
     }
   );
 }
@@ -890,10 +896,354 @@ function ModelPicker(props) {
   ] });
 }
 
-// src/react/sidebar.tsx
+// src/react/agent-field.tsx
 var import_react5 = require("react");
+var import_agents = require("@ai-matrx/agents");
+var import_catalog = require("@ai-matrx/agents/catalog");
+var import_react6 = require("@ai-matrx/agents/catalog/react");
+var import_context = require("@ai-matrx/agents/context");
 var import_design_system4 = require("@ai-matrx/design-system");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var SIGNED_OUT_AGENTS = "Sign in to AI Matrx to use your agents";
+var LATEST = "latest";
+function bridgedClient(transport) {
+  const call = (request) => {
+    const run = () => transport.call("agentCatalogRpc", request).then((result) => ({
+      data: result.data,
+      error: result.error ? {
+        message: result.error.message,
+        ...result.error.code ? { code: result.error.code } : {},
+        details: result.error.details ?? null,
+        hint: result.error.hint ?? null
+      } : null,
+      count: result.count ?? null
+    }));
+    return {
+      then: (onOk, onErr) => run().then(onOk, onErr),
+      range: (from, to) => call({ ...request, range: [from, to] }),
+      order: (column, options) => call({ ...request, order: { column, ascending: options?.ascending !== false } })
+    };
+  };
+  return {
+    rpc: (fn, args, options) => call({ fn, ...args ? { args } : {}, ...options?.count ? { count: options.count } : {} })
+  };
+}
+function useAgentAccess(transport, open) {
+  const [access, setAccess] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    let alive = true;
+    transport.call("agentAccess").then((next) => alive && setAccess(next)).catch(() => alive && setAccess({ signedIn: false, userId: null, organizationId: null, configured: false }));
+    return () => {
+      alive = false;
+    };
+  }, [transport, open]);
+  return access;
+}
+function useCatalog(transport, userId, onError) {
+  const report = (0, import_react5.useRef)(onError);
+  report.current = onError;
+  return (0, import_react5.useMemo)(() => {
+    if (!userId) return null;
+    return (0, import_catalog.createAgentCatalog)({
+      client: bridgedClient(transport),
+      identity: { requireUserId: () => userId, getUserId: () => userId },
+      catalogId: `coding-sessions:${userId}`,
+      // A failed catalogue read shows at the field, never only in the console.
+      errorSink: (event) => {
+        console.error(`[coding-sessions] agent catalogue: ${event.code}: ${event.message}`);
+        if (event.code === "list_read_failed") report.current("Couldn't load your agents. Reopen to retry.");
+      }
+    });
+  }, [transport, userId]);
+}
+function asRunInputVariables(defs) {
+  return defs.flatMap((def) => typeof def.name === "string" ? [def] : []);
+}
+function AgentField(props) {
+  const access = useAgentAccess(props.transport, props.open);
+  const [details, setDetails] = (0, import_react5.useState)(null);
+  const [problem, setProblem] = (0, import_react5.useState)(null);
+  const catalog = useCatalog(props.transport, access?.signedIn ? access.userId : null, setProblem);
+  const agentId = props.value?.agentId ?? null;
+  (0, import_react5.useEffect)(() => {
+    setDetails(null);
+    setProblem(null);
+    if (!agentId) return;
+    let alive = true;
+    props.transport.call("agentDetails", agentId).then((next) => alive && setDetails(next)).catch((error) => alive && setProblem(error instanceof Error ? error.message : String(error)));
+    return () => {
+      alive = false;
+    };
+  }, [agentId, props.transport]);
+  const { onDetails } = props;
+  (0, import_react5.useEffect)(() => {
+    onDetails?.(details);
+  }, [details, onDetails]);
+  const inputs = (0, import_react5.useMemo)(() => (0, import_agents.deriveRunInputs)(asRunInputVariables(details?.variables ?? []), import_context.humanizeContextKey), [details]);
+  if (access === null) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cs-skeleton h-9 rounded-lg" });
+  if (!access.signedIn || !catalog) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[12.5px] text-muted-foreground", children: SIGNED_OUT_AGENTS });
+  }
+  const setVariable = (name, value) => {
+    if (!props.value) return;
+    props.onChange({ ...props.value, variables: { ...props.value.variables ?? {}, [name]: value } });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react6.AgentCatalogProvider, { catalog, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react6.AgentListDropdown,
+        {
+          consumerId: "coding-sessions-new-session",
+          activeAgentId: agentId,
+          label: details?.name ?? (agentId ? "Loading\u2026" : "None"),
+          onSelect: (id) => props.onChange({ agentId: id, versionId: null, variables: {} })
+        }
+      ) }) }),
+      agentId ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => props.onChange(null), children: "Remove" }) : null
+    ] }),
+    problem ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[12px] text-destructive", children: problem }) : null,
+    details && props.value ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "w-[72px] shrink-0 text-[12px] text-muted-foreground", children: "Version" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          import_design_system4.Select,
+          {
+            value: props.value.versionId ?? LATEST,
+            onValueChange: (next) => props.value && props.onChange({ ...props.value, versionId: next === LATEST ? null : next }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectTrigger, { className: "h-8 w-[200px] text-[12.5px]", "aria-label": "Agent version", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.SelectContent, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectItem, { value: LATEST, children: details.latestVersionNumber !== null ? `Latest (v${details.latestVersionNumber})` : "Latest" }),
+                details.versions.map((v) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.SelectItem, { value: v.id, children: [
+                  "v",
+                  v.versionNumber
+                ] }, v.id))
+              ] })
+            ]
+          }
+        )
+      ] }),
+      inputs.map((input) => {
+        const raw = props.value?.variables?.[input.name];
+        const value = typeof raw === "string" ? raw : "";
+        const id = `cs-agent-var-${input.name}`;
+        const invalid = props.missing === input.name;
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: id, className: "text-[12px] font-medium", children: [
+            input.label,
+            input.required ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-muted-foreground", children: " \xB7 required" }) : null
+          ] }),
+          input.options && input.options.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.Select, { value, onValueChange: (next) => setVariable(input.name, next), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectTrigger, { id, className: "h-8 text-[12.5px]", "aria-invalid": invalid || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectValue, { placeholder: "Choose\u2026" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectContent, { children: input.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.SelectItem, { value: option, children: option }, option)) })
+          ] }) : input.variable.customComponent?.type === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_design_system4.Textarea,
+            {
+              id,
+              rows: 2,
+              value,
+              onChange: (e) => setVariable(input.name, e.target.value),
+              placeholder: input.hint ?? "",
+              "aria-invalid": invalid || void 0
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_design_system4.Input,
+            {
+              id,
+              value,
+              onChange: (e) => setVariable(input.name, e.target.value),
+              placeholder: input.hint ?? "",
+              "aria-invalid": invalid || void 0
+            }
+          ),
+          invalid ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[12px] text-destructive", children: "Fill this in to use the agent" }) : null
+        ] }, input.name);
+      })
+    ] }) : null
+  ] });
+}
+function missingRequiredVariable(details, selection) {
+  if (!details || !selection) return null;
+  for (const input of (0, import_agents.deriveRunInputs)(asRunInputVariables(details.variables), import_context.humanizeContextKey)) {
+    if (!input.required) continue;
+    const value = selection.variables?.[input.name];
+    if (typeof value !== "string" || !value.trim()) return input.name;
+  }
+  return null;
+}
+var PART_LABEL = {
+  instructions: "Instructions",
+  skills: "Skills",
+  tools: "Tools"
+};
+function agentChipText(agent) {
+  const parts = agent.loaded.map(
+    (part) => part.part === "instructions" ? `${PART_LABEL.instructions} ${part.loaded === 1 ? "\u2713" : "\u2014"}` : `${PART_LABEL[part.part]} ${part.loaded}/${part.total}`
+  );
+  return `${agent.name}${agent.versionNumber !== null ? ` v${agent.versionNumber}` : ""} \xB7 ${parts.join(" \xB7 ")}`;
+}
+function AgentMenu(props) {
+  const { agent } = props;
+  const show = useToastShow();
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [choosing, setChoosing] = (0, import_react5.useState)(false);
+  const [latest, setLatest] = (0, import_react5.useState)(null);
+  const [access, setAccess] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    let alive = true;
+    void props.transport.call("agentAccess").then((next) => alive && setAccess(next)).catch(() => void 0);
+    if (agent) {
+      props.transport.call("agentDetails", agent.agentId).then((d) => {
+        if (alive && d.latestVersionId && d.latestVersionNumber !== null) setLatest({ id: d.latestVersionId, number: d.latestVersionNumber });
+      }).catch(() => void 0);
+    }
+    return () => {
+      alive = false;
+    };
+  }, [open, agent, props.transport]);
+  const apply = async (selection, done) => {
+    try {
+      await props.transport.call("setAgent", props.sessionId, selection);
+      show(done);
+      props.onChange();
+    } catch (error) {
+      show(`That didn't change: ${error instanceof Error ? error.message : String(error)}`);
+    }
+  };
+  const behind = agent && latest && agent.versionNumber !== null && latest.number > agent.versionNumber ? latest : null;
+  const complete = agent ? agent.loaded.every((part) => part.loaded === part.total) : true;
+  const signedIn = access?.signedIn ?? false;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenu, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_design_system4.cn)("cs-agent-chip", agent ? "cs-agent-chip--set" : "cs-agent-chip--none", !complete && "cs-agent-chip--partial"),
+          "data-testid": "cs-agent-chip",
+          "aria-label": agent ? `AI Matrx agent: ${agent.name}` : "Add an AI Matrx agent",
+          children: [
+            agent ? agentChipText(agent) : "No agent",
+            behind ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "cs-agent-chip-dot", "aria-label": "Update available" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronDownIcon, { size: 12, className: "ml-1 inline shrink-0" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenuContent, { align: "end", className: "w-[320px]", children: [
+        agent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenuLabel, { className: "truncate", children: [
+            agent.name,
+            agent.versionNumber !== null ? ` \xB7 v${agent.versionNumber}` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cs-agent-parts", children: [
+            agent.blockDue ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[12px] text-muted-foreground", children: "Sent with your next message" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AgentPartList, { title: "Skills", items: agent.skills ?? [] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AgentPartList, { title: "Tools", items: agent.tools ?? [] }),
+            agent.unavailable.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              AgentPartList,
+              {
+                title: "Not loaded",
+                items: agent.unavailable.map((u) => `${u.name} \u2014 ${u.reason}`)
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuSeparator, {})
+        ] }) : null,
+        signedIn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          behind && agent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_design_system4.DropdownMenuItem,
+            {
+              onSelect: () => void apply(
+                { agentId: agent.agentId, versionId: behind.id, variables: agent.variables ?? {} },
+                `The next message uses ${agent.name} v${behind.number}.`
+              ),
+              children: [
+                "Update to v",
+                behind.number
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuItem, { onSelect: () => setChoosing(true), children: agent ? "Change agent\u2026" : "Choose agent\u2026" }),
+          agent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuItem, { onSelect: () => void apply(null, "The next message runs without an agent."), children: "Remove agent" }) : null
+        ] }) : access ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-2 py-1.5 text-[12px] text-muted-foreground", children: SIGNED_OUT_AGENTS }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ChooseAgentDialog,
+      {
+        transport: props.transport,
+        open: choosing,
+        onOpenChange: setChoosing,
+        title: agent ? "Change agent" : "Choose an agent",
+        action: "Use this agent",
+        onConfirm: (selection) => apply(selection, "The next message uses the new agent.")
+      }
+    )
+  ] });
+}
+function AgentPartList({ title, items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-[11.5px] font-medium text-muted-foreground", children: [
+      title,
+      " \xB7 ",
+      items.length
+    ] }),
+    items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "cs-agent-part-list", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: "truncate", title: item, children: item }, item)) }) : null
+  ] });
+}
+function ChooseAgentDialog(props) {
+  const [value, setValue] = (0, import_react5.useState)(null);
+  const [details, setDetails] = (0, import_react5.useState)(null);
+  const [missing, setMissing] = (0, import_react5.useState)(null);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    if (props.open) {
+      setValue(null);
+      setMissing(null);
+    }
+  }, [props.open]);
+  const confirm = async () => {
+    if (!value) return;
+    const gap = missingRequiredVariable(details, value);
+    setMissing(gap);
+    if (gap) return;
+    setBusy(true);
+    try {
+      await props.onConfirm(value);
+      props.onOpenChange(false);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DialogContent, { className: "max-w-[480px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DialogTitle, { children: props.title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      AgentField,
+      {
+        transport: props.transport,
+        open: props.open,
+        value,
+        onChange: (next) => {
+          setValue(next);
+          setMissing(null);
+        },
+        missing,
+        onDetails: setDetails
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", variant: "ghost", onClick: () => props.onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", disabled: !value || busy, onClick: () => void confirm(), children: props.action })
+    ] })
+  ] }) });
+}
+
+// src/react/sidebar.tsx
+var import_react7 = require("react");
+var import_design_system5 = require("@ai-matrx/design-system");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function readLocal(key, allowed, fallback) {
   try {
     const value = localStorage.getItem(key);
@@ -909,23 +1259,23 @@ function writeLocal(key, value) {
   }
 }
 function SectionLabel({ children, action }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex h-8 items-center justify-between px-3 pt-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[11px] font-medium uppercase tracking-[0.06em] text-muted-foreground", children }),
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-cs-section-label": true, className: "flex h-8 items-center justify-between px-3 pt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[12px] font-medium text-muted-foreground", children }),
     action
   ] });
 }
 function GroupLabel({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "truncate px-4 pb-0.5 pt-2.5 text-[11px] font-medium text-muted-foreground/80", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "truncate px-4 pb-0.5 pt-2.5 text-[12px] font-medium text-muted-foreground", children });
 }
 function RenameInput(props) {
-  const [value, setValue] = (0, import_react5.useState)(props.initial);
-  const done = (0, import_react5.useRef)(false);
+  const [value, setValue] = (0, import_react7.useState)(props.initial);
+  const done = (0, import_react7.useRef)(false);
   const finish = (title) => {
     if (done.current) return;
     done.current = true;
     props.onDone(title);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "input",
     {
       autoFocus: true,
@@ -942,11 +1292,16 @@ function RenameInput(props) {
     }
   );
 }
+function entryTarget(entry) {
+  if (entry.kind === "session" && entry.session) return `#s/${entry.session.id}`;
+  if (entry.providerSessionId) return `#d/${entry.provider}/${entry.providerSessionId}`;
+  return "";
+}
 function Row(props) {
   const client = useCodingSessionsClient();
   const show = useToastShow();
-  const [renaming, setRenaming] = (0, import_react5.useState)(false);
-  const [menuOpen, setMenuOpen] = (0, import_react5.useState)(false);
+  const [renaming, setRenaming] = (0, import_react7.useState)(false);
+  const [menuOpen, setMenuOpen] = (0, import_react7.useState)(false);
   const { entry } = props;
   const rename = (title) => {
     setRenaming(false);
@@ -956,14 +1311,20 @@ function Row(props) {
       (error) => show(`The new name didn't save: ${error instanceof Error ? error.message : String(error)}`)
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.ContextMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.ContextMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "div",
       {
-        className: (0, import_design_system4.cn)("cs-row group", props.active && "cs-row--active", menuOpen && "cs-row--menu"),
+        className: (0, import_design_system5.cn)("cs-row group", props.active && "cs-row--active", menuOpen && "cs-row--menu"),
         "data-hidden": entry.hidden || void 0,
+        "data-cs-row": entry.key,
+        "data-cs-target": entryTarget(entry),
+        "data-cs-provider": entry.provider,
+        "data-cs-title": entry.title,
+        "data-cs-live": props.live ? "true" : void 0,
+        "data-cs-active": props.active ? "true" : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -975,39 +1336,39 @@ function Row(props) {
 (${entry.originalTitle})` : entry.title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "pointer-events-none mt-0.5 shrink-0", children: props.live ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpinnerIcon, { size: 16, className: "text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ProviderMark, { provider: entry.provider, size: 16 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "cs-row__body", children: [
-            renaming ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "pointer-events-auto relative z-10 block", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RenameInput, { initial: entry.title, onDone: rename }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate text-[13px] font-medium leading-5", children: entry.title }),
-              entry.pinned ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PinIcon, { size: 11, className: "shrink-0 text-muted-foreground", "aria-label": "Pinned" }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "pointer-events-none mt-0.5 shrink-0", children: props.live ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 16, className: "text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProviderMark, { provider: entry.provider, size: 16 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "cs-row__body", children: [
+            renaming ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "pointer-events-auto relative z-10 block", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RenameInput, { initial: entry.title, onDone: rename }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 truncate text-[13px] font-medium leading-5", children: entry.title }),
+              entry.pinned ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PinIcon, { size: 11, className: "shrink-0 text-muted-foreground", "aria-label": "Pinned" }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "block truncate text-[11.5px] leading-4 text-muted-foreground", children: props.meta }),
-            props.snippet ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "cs-row__snippet", children: props.snippet }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-[11.5px] leading-4 text-muted-foreground", children: props.meta }),
+            props.snippet ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-row__snippet", children: props.snippet }) : null
           ] }),
-          renaming ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "cs-row__actions", children: [
+          renaming ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "cs-row__actions", children: [
             props.takeover,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "cs-icon-button", "aria-label": `More for ${entry.title}`, title: "More", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MoreIcon, { size: 15 }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuContent, { align: "start", className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatMenuItems, { entry, variant: "dropdown", onRename: () => setRenaming(true) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "cs-icon-button", "aria-label": `More for ${entry.title}`, title: "More", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MoreIcon, { size: 15 }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuContent, { align: "start", className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChatMenuItems, { entry, variant: "dropdown", onRename: () => setRenaming(true) }) })
             ] })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.ContextMenuContent, { className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatMenuItems, { entry, variant: "context", onRename: () => setRenaming(true) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.ContextMenuContent, { className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChatMenuItems, { entry, variant: "context", onRename: () => setRenaming(true) }) })
   ] });
 }
 function SidebarSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "space-y-1.5 px-3 py-2", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cs-skeleton h-9 rounded-lg" }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-1.5 px-3 py-2", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cs-skeleton h-9 rounded-lg" }, i)) });
 }
 function Highlight({ text, query }) {
   const q = query.trim().toLowerCase();
   if (!q) return text;
   const at = text.toLowerCase().indexOf(q);
   if (at < 0) return text;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     text.slice(0, at),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("mark", { className: "cs-mark", children: text.slice(at, at + q.length) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("mark", { className: "cs-mark", children: text.slice(at, at + q.length) }),
     text.slice(at + q.length)
   ] });
 }
@@ -1022,10 +1383,10 @@ var EMPTY_SEARCH = {
 };
 function useContentSearch(query) {
   const client = useCodingSessionsClient();
-  const [state, setState] = (0, import_react5.useState)(EMPTY_SEARCH);
-  const latest = (0, import_react5.useRef)(query);
+  const [state, setState] = (0, import_react7.useState)(EMPTY_SEARCH);
+  const latest = (0, import_react7.useRef)(query);
   latest.current = query;
-  const run = (0, import_react5.useCallback)(
+  const run = (0, import_react7.useCallback)(
     async (q, cursor, append) => {
       setState((s) => ({ ...append ? s : EMPTY_SEARCH, query: q, loading: true, error: null }));
       try {
@@ -1047,7 +1408,7 @@ function useContentSearch(query) {
     },
     [client]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const q = query.trim();
     if (q.length < 2) {
       setState(EMPTY_SEARCH);
@@ -1056,7 +1417,7 @@ function useContentSearch(query) {
     const timer = setTimeout(() => void run(q, 0, false), 350);
     return () => clearTimeout(timer);
   }, [query, run]);
-  const more = (0, import_react5.useCallback)(() => {
+  const more = (0, import_react7.useCallback)(() => {
     if (state.nextCursor !== null && !state.loading) void run(state.query, state.nextCursor, true);
   }, [run, state.nextCursor, state.loading, state.query]);
   return [state, more];
@@ -1076,19 +1437,19 @@ function Sidebar(props) {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
   const now = useMinuteClock();
-  const [query, setQuery] = (0, import_react5.useState)("");
+  const [query, setQuery] = (0, import_react7.useState)("");
   const [search, searchMore] = useContentSearch(query);
-  const [groupMode, setGroupMode] = (0, import_react5.useState)(() => readLocal("coding-sessions.group", ["date", "folder"], "date"));
-  const [showHidden, setShowHidden] = (0, import_react5.useState)(false);
-  const [takingOver, setTakingOver] = (0, import_react5.useState)(null);
-  const [takeoverError, setTakeoverError] = (0, import_react5.useState)(null);
+  const [groupMode, setGroupMode] = (0, import_react7.useState)(() => readLocal("coding-sessions.group", ["date", "folder"], "date"));
+  const [showHidden, setShowHidden] = (0, import_react7.useState)(false);
+  const [takingOver, setTakingOver] = (0, import_react7.useState)(null);
+  const [takeoverError, setTakeoverError] = (0, import_react7.useState)(null);
   const prefs = state.preferences;
   const sessions = state.sessions.data;
   const isLive = (id) => {
     const run = state.runs[id];
     return run !== void 0 && !isTerminalRunStatus(run.status);
   };
-  const { ours, others, hiddenCount } = (0, import_react5.useMemo)(() => {
+  const { ours, others, hiddenCount } = (0, import_react7.useMemo)(() => {
     const oursList = sessions.map((s) => sessionEntry(s, prefs));
     const known = new Set(sessions.map((s) => s.providerSessionId).filter(Boolean));
     const othersList = state.discovered.data.filter((d) => !known.has(d.providerSessionId)).map((d) => discoveredEntry(d, prefs));
@@ -1128,8 +1489,8 @@ function Sidebar(props) {
     let meta;
     if (live) meta = `${PROVIDER_LABEL[entry.provider]} is working\u2026`;
     else if (d?.activeElsewhere)
-      meta = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "cs-live-elsewhere", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "cs-live-dot", "aria-hidden": "true" }),
+      meta = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "cs-live-elsewhere", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-live-dot", "aria-hidden": "true" }),
         "Running in ",
         PROVIDER_LABEL[entry.provider]
       ] });
@@ -1138,8 +1499,8 @@ function Sidebar(props) {
       const where = entry.cwd ? prettyPath2(entry.cwd) : "unknown folder";
       meta = `${status}${entry.kind === "discovered" ? `${PROVIDER_LABEL[entry.provider]} \xB7 ` : ""}${groupMode === "folder" && !extra ? "" : `${where} \xB7 `}${relativeTime(entry.updatedAt, now)}`;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         Row,
         {
           entry,
@@ -1148,7 +1509,7 @@ function Sidebar(props) {
           live,
           meta,
           snippet: extra?.snippet,
-          takeover: d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          takeover: d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
             "button",
             {
               type: "button",
@@ -1157,18 +1518,18 @@ function Sidebar(props) {
               title: d.activeElsewhere ? d.activeElsewhere.message : "Continue this chat here",
               disabled: takingOver === d.providerSessionId,
               children: [
-                takingOver === d.providerSessionId ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpinnerIcon, { size: 11 }) : null,
+                takingOver === d.providerSessionId ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 11 }) : null,
                 "Take over"
               ]
             }
           ) : null
         }
       ),
-      takeoverError && d && takeoverError.id === d.providerSessionId ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mx-4 mb-1 text-[11.5px] text-destructive", children: takeoverError.message }) : null
+      takeoverError && d && takeoverError.id === d.providerSessionId ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-4 mb-1 text-[11.5px] text-destructive", children: takeoverError.message }) : null
     ] }, entry.key);
   };
-  const renderGroups = (entries) => groupEntries(entries, groupMode, now).map((group) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { role: "group", "aria-label": group.label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GroupLabel, { children: group.label }),
+  const renderGroups = (entries) => groupEntries(entries, groupMode, now).map((group) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { role: "group", "aria-label": group.label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GroupLabel, { children: group.label }),
     group.entries.map((e) => renderEntry(e))
   ] }, group.label));
   const searching = query.trim().length > 0;
@@ -1185,60 +1546,60 @@ function Sidebar(props) {
     props.onFound(hitToDiscovered(hit));
     props.select({ kind: "discovered", provider: hit.provider, id: hit.providerSessionId });
   };
-  const searchBody = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionLabel, { children: "Chats" }),
-    titleMatches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-4 py-1 text-[12px] text-muted-foreground", children: "No listed chat has that in its name or folder." }) : titleMatches.map((e) => renderEntry(e, { query })),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionLabel, { children: "In conversations" }),
-    query.trim().length < 2 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-4 py-1 text-[12px] text-muted-foreground", children: "Type at least two letters to search what was said." }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+  const searchBody = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionLabel, { children: "Chats" }),
+    titleMatches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-4 py-1 text-[12px] text-muted-foreground", children: "No listed chat has that in its name or folder." }) : titleMatches.map((e) => renderEntry(e, { query })),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionLabel, { children: "In conversations" }),
+    query.trim().length < 2 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-4 py-1 text-[12px] text-muted-foreground", children: "Type at least two letters to search what was said." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
       contentHits.map((hit) => {
         const known = allByKey.get(chatKey(hit.provider, hit.providerSessionId));
         const entry = known ?? discoveredEntry(hitToDiscovered(hit), prefs);
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { onClickCapture: known ? void 0 : () => props.onFound(hitToDiscovered(hit)), children: renderEntry(entry, {
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { onClickCapture: known ? void 0 : () => props.onFound(hitToDiscovered(hit)), children: renderEntry(entry, {
           query,
-          snippet: hit.snippet ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Highlight, { text: hit.snippet, query }) : void 0
+          snippet: hit.snippet ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Highlight, { text: hit.snippet, query }) : void 0
         }) }, `hit:${entry.key}`);
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "px-4 py-2 text-[11.5px] leading-4 text-muted-foreground", role: "status", "aria-live": "polite", children: search.error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "px-4 py-2 text-[11.5px] leading-4 text-muted-foreground", role: "status", "aria-live": "polite", children: search.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-destructive", children: [
         "Search stopped: ",
         search.error
-      ] }) : search.loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpinnerIcon, { size: 12 }),
+      ] }) : search.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 12 }),
         " Searching your chats\u2026"
-      ] }) : search.query ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      ] }) : search.query ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
         contentHits.length === 0 && search.hits.length === 0 ? "Nothing found. " : null,
         search.nextCursor === null ? `Searched all ${search.total.toLocaleString()} chats on this computer.` : `Searched the ${search.scanned.toLocaleString()} most recent of ${search.total.toLocaleString()} chats.`,
-        search.nextCursor !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "cs-link ml-1", onClick: searchMore, children: "Search older chats" }) : null
+        search.nextCursor !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "cs-link ml-1", onClick: searchMore, children: "Search older chats" }) : null
       ] }) : null })
     ] })
   ] });
-  const listBody = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    pinned.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionLabel, { children: "Pinned" }),
+  const listBody = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    pinned.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionLabel, { children: "Pinned" }),
       pinned.map((e) => renderEntry(e))
     ] }) : null,
-    running.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionLabel, { children: "Running" }),
+    running.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionLabel, { children: "Running" }),
       running.map((e) => renderEntry(e))
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionLabel, { children: "Recent" }),
-    state.sessions.loading && state.sessions.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SidebarSkeleton, {}) : state.sessions.error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.sessions.error }) : recent.length === 0 ? running.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-4 py-1 text-[12px] leading-5 text-muted-foreground", children: "Sessions you start or take over here will appear here." }) : null : recent.map((e) => renderEntry(e)),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionLabel, { children: "Recent" }),
+    state.sessions.loading && state.sessions.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarSkeleton, {}) : state.sessions.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.sessions.error }) : recent.length === 0 ? running.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-4 py-1 text-[12px] leading-5 text-muted-foreground", children: "Sessions you start or take over here will appear here." }) : null : recent.map((e) => renderEntry(e)),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       SectionLabel,
       {
-        action: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "cs-icon-button cs-icon-button--text", "aria-label": "How to list your other chats", children: groupMode === "date" ? "By date" : "By folder" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenuContent, { align: "end", className: "w-52", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuLabel, { children: "Group your other chats" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenuRadioGroup, { value: groupMode, onValueChange: (v) => setMode(v), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuRadioItem, { value: "date", children: "By date" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuRadioItem, { value: "folder", children: "By folder" })
+        action: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "cs-icon-button cs-icon-button--text", "aria-label": "How to list your other chats", children: groupMode === "date" ? "By date" : "By folder" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DropdownMenuContent, { align: "end", className: "w-52", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuLabel, { children: "Group your other chats" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DropdownMenuRadioGroup, { value: groupMode, onValueChange: (v) => setMode(v), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuRadioItem, { value: "date", children: "By date" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuRadioItem, { value: "folder", children: "By folder" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuItem, { onSelect: () => setShowHidden((v) => !v), children: showHidden ? "Leave hidden chats out" : `Show hidden chats${hiddenCount ? ` (${hiddenCount})` : ""}` })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuItem, { onSelect: () => setShowHidden((v) => !v), children: showHidden ? "Leave hidden chats out" : `Show hidden chats${hiddenCount ? ` (${hiddenCount})` : ""}` })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -1246,17 +1607,17 @@ function Sidebar(props) {
               onClick: () => void client.refreshDiscovered(),
               "aria-label": "Look again for your other chats",
               title: "Look again",
-              children: state.discovered.loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefreshIcon, { size: 13 })
+              children: state.discovered.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RefreshIcon, { size: 13 })
             }
           )
         ] }),
         children: "Your other chats"
       }
     ),
-    state.discovered.loading && state.discovered.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SidebarSkeleton, {}) : state.discovered.error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.discovered.error }) : otherList.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-4 py-1 text-[12px] leading-5 text-muted-foreground", children: others.length > 0 ? "Every chat found here is pinned or hidden." : "No other Claude Code or Codex chats were found on this computer." }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    state.discovered.loading && state.discovered.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarSkeleton, {}) : state.discovered.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.discovered.error }) : otherList.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-4 py-1 text-[12px] leading-5 text-muted-foreground", children: others.length > 0 ? "Every chat found here is pinned or hidden." : "No other Claude Code or Codex chats were found on this computer." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
       renderGroups(otherList),
-      state.discovered.data.length >= state.discoveredLimit ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "px-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        import_design_system4.Button,
+      state.discovered.data.length >= state.discoveredLimit ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "px-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        import_design_system5.Button,
         {
           variant: "ghost",
           size: "sm",
@@ -1264,32 +1625,32 @@ function Sidebar(props) {
           onClick: () => void client.showMoreDiscovered(),
           disabled: state.discovered.loading,
           children: [
-            state.discovered.loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpinnerIcon, { size: 13 }) : null,
+            state.discovered.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }) : null,
             "Show older chats"
           ]
         }
       ) }) : null
     ] }),
-    showHidden ? null : hiddenCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "cs-link mx-4 mt-3 text-[11.5px]", onClick: () => setShowHidden(true), children: [
+    showHidden ? null : hiddenCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "cs-link mx-4 mt-3 text-[11.5px]", onClick: () => setShowHidden(true), children: [
       hiddenCount,
       " hidden ",
       hiddenCount === 1 ? "chat" : "chats",
       " \u2014 show"
     ] }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "aside",
     {
-      className: "cs-sidebar flex h-full shrink-0 flex-col border-r border-border bg-muted/30",
+      className: "cs-sidebar flex h-full shrink-0 flex-col border-r border-border bg-sidebar-background",
       style: { width: props.width },
       "aria-label": "Sessions",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 pt-3.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "cs-app-mark", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-[14px] font-semibold tracking-[-0.01em]", children: "Coding sessions" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 pt-3.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-app-mark", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate text-[14px] font-semibold tracking-[-0.01em]", children: "Coding sessions" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -1297,19 +1658,19 @@ function Sidebar(props) {
               onClick: props.onCollapse,
               "aria-label": "Hide the sidebar (\u2318B)",
               title: "Hide sidebar  \u2318B",
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SidebarIcon, { size: 15 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarIcon, { size: 15 })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1.5 px-3 pb-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.Button, { className: "w-full justify-start gap-2", variant: "outline", size: "sm", onClick: props.onNew, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PlusIcon, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5 px-3 pb-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.Button, { className: "w-full justify-start gap-2", variant: "outline", size: "sm", onClick: props.onNew, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, { size: 15 }),
             "New session",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("kbd", { className: "cs-kbd ml-auto", children: "\u2325\u2318N" })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "cs-kbd ml-auto", children: "\u2325\u2318N" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cs-search", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SearchIcon, { size: 14, className: "cs-search__icon" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cs-search", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SearchIcon, { size: 14, className: "cs-search__icon" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "input",
               {
                 ref: props.searchRef,
@@ -1335,10 +1696,10 @@ function Sidebar(props) {
                 className: "cs-search__input"
               }
             ),
-            query ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "cs-icon-button cs-search__clear", onClick: () => setQuery(""), "aria-label": "Clear search", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseIcon, { size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("kbd", { className: "cs-search__kbd", children: "\u2318K" })
+            query ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "cs-icon-button cs-search__clear", onClick: () => setQuery(""), "aria-label": "Clear search", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseIcon, { size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "cs-search__kbd", children: "\u2318K" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { className: "min-h-0 flex-1 overflow-y-auto pb-3", children: searching ? searchBody : listBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { className: "min-h-0 flex-1 overflow-y-auto pb-3", children: searching ? searchBody : listBody }),
         props.footer
       ]
     }
@@ -1882,12 +2243,13 @@ var CodingSessionsClient = class {
   start(input) {
     return this.transport.call("start", input);
   }
-  takeover(session) {
+  takeover(session, agent) {
     return this.transport.call("takeover", {
       provider: session.provider,
       providerSessionId: session.providerSessionId,
       cwd: session.cwd ?? "",
-      title: session.title
+      title: session.title,
+      ...agent ? { agent } : {}
     });
   }
   send(sessionId, prompt) {
@@ -1929,13 +2291,13 @@ function firstInvalidField(errors) {
 }
 
 // src/react/app.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function CodingSessionsProvider({ transport, children }) {
-  const [client] = (0, import_react6.useState)(() => new CodingSessionsClient(transport));
-  (0, import_react6.useEffect)(() => {
+  const [client] = (0, import_react8.useState)(() => new CodingSessionsClient(transport));
+  (0, import_react8.useEffect)(() => {
     if (transport.status().state === "open") void client.refreshAll();
   }, [client, transport]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CodingSessionsContext.Provider, { value: client, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CodingSessionsContext.Provider, { value: client, children });
 }
 function readHash() {
   if (typeof location === "undefined") return { kind: "none" };
@@ -1958,8 +2320,8 @@ function readTheme() {
   }
 }
 function useTheme() {
-  const [choice, setChoice] = (0, import_react6.useState)(readTheme);
-  (0, import_react6.useEffect)(() => {
+  const [choice, setChoice] = (0, import_react8.useState)(readTheme);
+  (0, import_react8.useEffect)(() => {
     const media = typeof window.matchMedia === "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
     const apply = () => {
       const dark = choice === "dark" || choice === "system" && media?.matches === true;
@@ -1970,7 +2332,7 @@ function useTheme() {
     media?.addEventListener("change", apply);
     return () => media?.removeEventListener("change", apply);
   }, [choice]);
-  const set = (0, import_react6.useCallback)((next) => {
+  const set = (0, import_react8.useCallback)((next) => {
     setChoice(next);
     try {
       localStorage.setItem("coding-sessions.theme", next);
@@ -1989,8 +2351,8 @@ var RUN_LABEL = {
 function RunPill({ run }) {
   if (!run) return null;
   const live = !isTerminalRunStatus(run.status);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: (0, import_design_system5.cn)("cs-pill", `cs-pill--${run.status}`), children: [
-    live ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-pill__dot", "aria-hidden": "true" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: (0, import_design_system6.cn)("cs-pill", `cs-pill--${run.status}`), children: [
+    live ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "cs-pill__dot", "aria-hidden": "true" }) : null,
     RUN_LABEL[run.status]
   ] });
 }
@@ -1998,17 +2360,17 @@ function ConnectionBanner() {
   const { connection } = useCodingSessionsState();
   if (connection.state === "open") return null;
   const closed = connection.state === "closed";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       role: "status",
-      className: (0, import_design_system5.cn)(
+      className: (0, import_design_system6.cn)(
         "flex items-center gap-2 border-b px-4 py-2 text-[13px]",
         closed ? "border-destructive/30 bg-destructive/10 text-destructive" : "border-border bg-muted/60 text-muted-foreground"
       ),
       children: [
-        closed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 14 }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: closed ? connection.reason : "Connecting to the coding sessions host\u2026" })
+        closed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 14 }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: closed ? connection.reason : "Connecting to the coding sessions host\u2026" })
       ]
     }
   );
@@ -2018,22 +2380,22 @@ function ProvidersFooter(props) {
   const client = useCodingSessionsClient();
   const next = { system: "light", light: "dark", dark: "system" };
   const themeLabel = { system: "Match system", light: "Light", dark: "Dark" };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "border-t border-border px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11.5px] text-muted-foreground", children: "Checking Claude Code and Codex\u2026" }) : state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "border-t border-border px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[11.5px] text-muted-foreground", children: "Checking Claude Code and Codex\u2026" }) : state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "span",
       {
-        className: (0, import_design_system5.cn)("cs-provider-chip", p.ready ? "" : "cs-provider-chip--problem"),
+        className: (0, import_design_system6.cn)("cs-provider-chip", p.ready ? "" : "cs-provider-chip--problem"),
         title: p.problem ? `${p.problem} ${p.fix ?? ""}` : [binaryWords(p) ?? p.label, p.plan, newerWords(p)].filter(Boolean).join(" \xB7 "),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProviderMark, { provider: p.provider, size: 13 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: p.provider, size: 13 }),
           p.label,
-          p.lastProblem ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-provider-chip__note", children: p.lastProblem.kind === "signed-out" ? "\xB7 sign in again" : `\xB7 limit${formatUntil(p.lastProblem.until) ? ` until ${formatUntil(p.lastProblem.until)}` : ""}` }) : null,
-          p.ready ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 12 })
+          p.lastProblem ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "cs-provider-chip__note", children: p.lastProblem.kind === "signed-out" ? "\xB7 sign in again" : `\xB7 limit${formatUntil(p.lastProblem.until) ? ` until ${formatUntil(p.lastProblem.until)}` : ""}` }) : null,
+          p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 12 })
         ]
       },
       p.provider
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -2041,11 +2403,11 @@ function ProvidersFooter(props) {
         onClick: () => void client.refreshProviders(),
         "aria-label": "Check Claude Code and Codex again",
         title: "Check again",
-        children: state.providers.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RefreshIcon, { size: 13 })
+        children: state.providers.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshIcon, { size: 13 })
       }
     ),
     props.extra,
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -2053,14 +2415,14 @@ function ProvidersFooter(props) {
         onClick: () => props.setTheme(next[props.theme]),
         "aria-label": `Theme: ${themeLabel[props.theme]}. Switch to ${themeLabel[next[props.theme]]}.`,
         title: `Theme: ${themeLabel[props.theme]}`,
-        children: props.theme === "system" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MonitorIcon, { size: 14 }) : props.theme === "light" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SunIcon, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MoonIcon, { size: 14 })
+        children: props.theme === "system" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MonitorIcon, { size: 14 }) : props.theme === "light" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SunIcon, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoonIcon, { size: 14 })
       }
     )
   ] }) });
 }
 function useNotifier() {
-  const show = (0, import_react6.useContext)(ToastContext);
-  return (0, import_react6.useMemo)(
+  const show = (0, import_react8.useContext)(ToastContext);
+  return (0, import_react8.useMemo)(
     () => ({
       notify(event) {
         show(event.message);
@@ -2071,8 +2433,8 @@ function useNotifier() {
 }
 function useLiveElsewhere(provider, providerSessionId, initial = null) {
   const client = useCodingSessionsClient();
-  const [state, setState] = (0, import_react6.useState)(initial);
-  (0, import_react6.useEffect)(() => {
+  const [state, setState] = (0, import_react8.useState)(initial);
+  (0, import_react8.useEffect)(() => {
     if (!provider || !providerSessionId) {
       setState(null);
       return;
@@ -2092,8 +2454,8 @@ function useLiveElsewhere(provider, providerSessionId, initial = null) {
 }
 function useSessionUsage(sessionId, lastRunKey) {
   const client = useCodingSessionsClient();
-  const [usage, setUsage] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [usage, setUsage] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
     let cancelled = false;
     void client.transport.call("listRuns", sessionId).then((runs) => {
       if (cancelled) return;
@@ -2114,18 +2476,18 @@ function useSessionUsage(sessionId, lastRunKey) {
   return usage;
 }
 function HeaderMenu(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "cs-icon-button", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MoreIcon, { size: 16 }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DropdownMenuContent, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "cs-icon-button", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoreIcon, { size: 16 }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DropdownMenuContent, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename }) })
   ] });
 }
 function HeaderTitle(props) {
   const client = useCodingSessionsClient();
-  const show = (0, import_react6.useContext)(ToastContext);
-  const [value, setValue] = (0, import_react6.useState)(props.entry.title);
-  (0, import_react6.useEffect)(() => setValue(props.entry.title), [props.entry.title, props.renaming]);
-  const inputRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const show = (0, import_react8.useContext)(ToastContext);
+  const [value, setValue] = (0, import_react8.useState)(props.entry.title);
+  (0, import_react8.useEffect)(() => setValue(props.entry.title), [props.entry.title, props.renaming]);
+  const inputRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (!props.renaming) return;
     const timer = setTimeout(() => {
       const input = inputRef.current;
@@ -2137,7 +2499,7 @@ function HeaderTitle(props) {
     return () => clearTimeout(timer);
   }, [props.renaming]);
   if (!props.renaming) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "h1",
       {
         className: "truncate text-[15px] font-semibold leading-5 tracking-[-0.01em]",
@@ -2154,7 +2516,7 @@ function HeaderTitle(props) {
     const next = title === "" || title === props.entry.originalTitle ? null : title;
     client.setPreference(props.entry.key, { title: next }).catch((error) => show(`The new name didn't save: ${error instanceof Error ? error.message : String(error)}`));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "input",
     {
       ref: inputRef,
@@ -2173,9 +2535,9 @@ function HeaderTitle(props) {
   );
 }
 function LongChatNote(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-auto mt-3 flex items-center gap-2 text-[12px] text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "mx-auto mt-3 flex items-center gap-2 text-[12px] text-muted-foreground", children: [
     "This chat is very long \u2014 showing its most recent part.",
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "cs-link", onClick: props.onEarlier, disabled: props.loading, children: props.loading ? "Reading\u2026" : "Show earlier" })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "cs-link", onClick: props.onEarlier, disabled: props.loading, children: props.loading ? "Reading\u2026" : "Show earlier" })
   ] });
 }
 function binaryWords(p) {
@@ -2188,7 +2550,7 @@ function newerWords(p) {
 function SessionView({ session, changesOpen, setChangesOpen }) {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
-  const show = (0, import_react6.useContext)(ToastContext);
+  const show = (0, import_react8.useContext)(ToastContext);
   const transcript = useSessionTranscript(session.id);
   const run = state.runs[session.id];
   const live = run !== void 0 && !isTerminalRunStatus(run.status);
@@ -2197,8 +2559,8 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
   const blocked = provider && (!provider.installed || !provider.loggedIn) ? provider : null;
   const limited = !blocked && provider?.lastProblem ? provider : null;
   const modelRefused = run?.status === "failed" && isModelUnavailable(run.error);
-  const [stopping, setStopping] = (0, import_react6.useState)(false);
-  const [renaming, setRenaming] = (0, import_react6.useState)(false);
+  const [stopping, setStopping] = (0, import_react8.useState)(false);
+  const [renaming, setRenaming] = (0, import_react8.useState)(false);
   const elsewhere = useLiveElsewhere(
     session.origin === "takeover" && !live ? session.provider : null,
     session.providerSessionId
@@ -2207,7 +2569,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
   const messages = transcript.thread.getSnapshot().messages;
   const files = useChangedFiles(messages);
   const usage = useSessionUsage(session.id, `${run?.runId ?? ""}:${run?.status ?? ""}`);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!live) setStopping(false);
   }, [live]);
   const stop = async () => {
@@ -2220,16 +2582,16 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
   };
   const usageWords = usage ? `${(0, import_format3.formatCount)(usage.tokens, { style: "compact" })} tokens${usage.cost !== null ? ` \xB7 ${(0, import_format3.formatUsd)(usage.cost)}` : ""}` : null;
   const usageTitle = usage ? `${(0, import_format3.formatCount)(usage.tokens)} tokens over ${usage.runs} ${usage.runs === 1 ? "message" : "messages"} sent from here.` + (usage.cost !== null ? usage.billing === "subscription" ? ` ${(0, import_format3.formatUsd)(usage.cost)} is what this would cost at API prices \u2014 it's covered by your ${provider?.plan ?? ""} plan.`.replace("  ", " ") : ` Billed ${(0, import_format3.formatUsd)(usage.cost)} to your API key.` : "") : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 flex-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "flex items-center gap-3 border-b border-border px-5 py-2.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProviderMark, { provider: session.provider, size: 22 }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderTitle, { entry, renaming, setRenaming }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 items-center gap-1 text-[12px] leading-5 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "shrink-0", children: PROVIDER_LABEL[session.provider] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: session.provider, size: 22 }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderTitle, { entry, renaming, setRenaming }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 items-center gap-1 text-[12px] leading-5 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "shrink-0", children: PROVIDER_LABEL[session.provider] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               ModelPicker,
               {
                 status: provider,
@@ -2237,69 +2599,70 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
                 onChange: setOptions
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FolderIcon, { size: 12, className: "shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-[4rem] truncate", title: session.cwd, children: prettyPath2(session.cwd) }),
-            usageWords ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "shrink-0", title: usageTitle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FolderIcon, { size: 12, className: "shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-[4rem] truncate", title: session.cwd, children: prettyPath2(session.cwd) }),
+            usageWords ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "shrink-0", title: usageTitle, children: [
               "\xB7 ",
               usageWords
             ] }) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AgentMenu, { transport: client.transport, sessionId: session.id, agent: session.agent ?? null, onChange: () => void 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "button",
           {
             type: "button",
-            className: (0, import_design_system5.cn)("cs-chip-button", changesOpen && "cs-chip-button--on"),
+            className: (0, import_design_system6.cn)("cs-chip-button", changesOpen && "cs-chip-button--on"),
             onClick: () => setChangesOpen(!changesOpen),
             "aria-pressed": changesOpen,
             title: "Files this chat changed",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FileIcon, { size: 13 }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FileIcon, { size: 13 }),
               files.length > 0 ? `${files.length} ${files.length === 1 ? "file" : "files"} changed` : "Changes"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RunPill, { run }),
-        live ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.Button, { variant: "outline", size: "sm", onClick: () => void stop(), disabled: stopping, className: "gap-1.5", title: "Stop  Esc", children: [
-          stopping ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StopIcon, { size: 13 }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RunPill, { run }),
+        live ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.Button, { variant: "outline", size: "sm", onClick: () => void stop(), disabled: stopping, className: "gap-1.5", title: "Stop  Esc", children: [
+          stopping ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StopIcon, { size: 13 }),
           stopping ? "Stopping\u2026" : "Stop"
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true) })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react7.ChatProvider, { thread: transcript.thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "min-h-0 flex-1 overflow-hidden", children: transcript.state.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-full items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 15 }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react9.ChatProvider, { thread: transcript.thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-0 flex-1 overflow-hidden", children: transcript.state.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex h-full items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 15 }),
           " Loading the conversation\u2026"
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-full flex-col", children: [
-          transcript.state.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-auto mt-4 max-w-[720px] rounded-lg border border-border bg-muted/50 px-4 py-2.5 text-[13px] text-muted-foreground", children: transcript.state.unavailable }) : null,
-          transcript.state.truncated ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex h-full flex-col", children: [
+          transcript.state.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mx-auto mt-4 max-w-[720px] rounded-lg border border-border bg-muted/50 px-4 py-2.5 text-[13px] text-muted-foreground", children: transcript.state.unavailable }) : null,
+          transcript.state.truncated ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             LongChatNote,
             {
               loading: transcript.state.loadingEarlier === true,
               onEarlier: () => void transcript.loadEarlier()
             }
           ) : null,
-          messages.length === 0 && !live ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-1 items-center justify-center text-[13px] text-muted-foreground", children: session.origin === "takeover" ? "You've taken over this chat. Send a message to continue it." : "Nothing here yet." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react7.ChatMessageList, { className: "min-h-0 flex-1", label: `Conversation: ${entry.title}` })
+          messages.length === 0 && !live ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-1 items-center justify-center text-[13px] text-muted-foreground", children: session.origin === "takeover" ? "You've taken over this chat. Send a message to continue it." : "Nothing here yet." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react9.ChatMessageList, { className: "min-h-0 flex-1", label: `Conversation: ${entry.title}` })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-auto w-full max-w-[820px] px-4 pb-4", children: [
-          limited ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-2 flex items-start gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mx-auto w-full max-w-[820px] px-4 pb-4", children: [
+          limited ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-2 flex items-start gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
               limited.problem,
               " ",
               limited.fix
             ] })
           ] }) : null,
-          modelRefused && !blocked ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          modelRefused && !blocked ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "div",
             {
               className: "mb-2 flex items-center gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]",
               role: "alert",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15, className: "shrink-0 text-warning" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 flex-1 truncate", title: run?.error ?? void 0, children: MODEL_UNAVAILABLE_LABEL }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "shrink-0 text-warning" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 flex-1 truncate", title: run?.error ?? void 0, children: MODEL_UNAVAILABLE_LABEL }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   ModelPicker,
                   {
                     status: provider,
@@ -2310,32 +2673,32 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
               ]
             }
           ) : null,
-          blocked ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-2 flex items-start gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          blocked ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-2 flex items-start gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
               blocked.problem,
               " ",
               blocked.fix
             ] })
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cs-activity", role: "status", "aria-live": "polite", "data-idle": live ? void 0 : true, children: live ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: run?.status === "starting" ? `Starting ${PROVIDER_LABEL[session.provider]}\u2026` : transcript.activity ?? "Thinking\u2026" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ml-auto shrink-0 text-[11px] opacity-70", children: "Esc to stop" })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cs-activity", role: "status", "aria-live": "polite", "data-idle": live ? void 0 : true, children: live ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 13 }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate", children: run?.status === "starting" ? `Starting ${PROVIDER_LABEL[session.provider]}\u2026` : transcript.activity ?? "Thinking\u2026" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ml-auto shrink-0 text-[11px] opacity-70", children: "Esc to stop" })
           ] }) : null }),
-          elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-2 flex items-start gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-2 flex items-start gap-2 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-[12.5px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
               elsewhere.message,
               " A message sent here would put a second agent on the same chat."
             ] })
           ] }) : null,
-          session.queued.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "mb-2 space-y-1.5", "aria-label": "Queued messages", children: session.queued.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { className: "cs-queued", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-queued__label", children: "Queued \xB7 sends when this run finishes" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cs-queued__text", children: text })
+          session.queued.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "mb-2 space-y-1.5", "aria-label": "Queued messages", children: session.queued.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { className: "cs-queued", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "cs-queued__label", children: "Queued \xB7 sends when this run finishes" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "cs-queued__text", children: text })
           ] }, `${index}-${text.slice(0, 16)}`)) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_react7.ChatComposer,
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_react9.ChatComposer,
             {
               placeholder: `Message ${PROVIDER_LABEL[session.provider]}\u2026`,
               autoFocus: true,
@@ -2345,14 +2708,14 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
         ] })
       ] }) })
     ] }),
-    changesOpen ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChangesPanel, { files, cwd: session.cwd, truncated: transcript.state.truncated, onClose: () => setChangesOpen(false) }) : null
+    changesOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChangesPanel, { files, cwd: session.cwd, truncated: transcript.state.truncated, onClose: () => setChangesOpen(false) }) : null
   ] });
 }
 function usePreviewThread(id, onSend) {
-  const ref = (0, import_react6.useRef)({ messages: [], listeners: /* @__PURE__ */ new Set() });
-  const send = (0, import_react6.useRef)(onSend);
+  const ref = (0, import_react8.useRef)({ messages: [], listeners: /* @__PURE__ */ new Set() });
+  const send = (0, import_react8.useRef)(onSend);
   send.current = onSend;
-  const thread = (0, import_react6.useMemo)(
+  const thread = (0, import_react8.useMemo)(
     () => (0, import_external_store2.createExternalThreadSource)({
       getSnapshot: () => ({ messages: ref.current.messages, status: "idle", conversationId: id }),
       subscribe: (listener) => {
@@ -2366,7 +2729,7 @@ function usePreviewThread(id, onSend) {
     }),
     [id]
   );
-  const set = (0, import_react6.useCallback)((messages) => {
+  const set = (0, import_react8.useCallback)((messages) => {
     ref.current.messages = messages;
     for (const listener of ref.current.listeners) listener();
   }, []);
@@ -2375,15 +2738,15 @@ function usePreviewThread(id, onSend) {
 function DiscoveredView(props) {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
-  const show = (0, import_react6.useContext)(ToastContext);
+  const show = (0, import_react8.useContext)(ToastContext);
   const now = useMinuteClock();
-  const [preview, setPreview] = (0, import_react6.useState)({ loading: true, messages: [], unavailable: null, truncated: false });
-  const [busy, setBusy] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const [confirming, setConfirming] = (0, import_react6.useState)(false);
-  const [renaming, setRenaming] = (0, import_react6.useState)(false);
-  const [maxBytes, setMaxBytes] = (0, import_react6.useState)(void 0);
-  const [readingEarlier, setReadingEarlier] = (0, import_react6.useState)(false);
+  const [preview, setPreview] = (0, import_react8.useState)({ loading: true, messages: [], unavailable: null, truncated: false });
+  const [busy, setBusy] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const [confirming, setConfirming] = (0, import_react8.useState)(false);
+  const [renaming, setRenaming] = (0, import_react8.useState)(false);
+  const [maxBytes, setMaxBytes] = (0, import_react8.useState)(void 0);
+  const [readingEarlier, setReadingEarlier] = (0, import_react8.useState)(false);
   const elsewhere = useLiveElsewhere(props.provider, props.id, props.session?.activeElsewhere ?? null);
   const files = useChangedFiles(preview.messages);
   const d = props.session;
@@ -2393,7 +2756,7 @@ function DiscoveredView(props) {
       d?.cwd ? `This chat is read-only until you take it over. Press Take over to continue it here.` : "This chat is read-only here: it doesn't record its folder, so it can't be continued."
     )
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     let cancelled = false;
     const read = (first) => client.readPreview(props.provider, props.id, maxBytes).then((next) => {
       if (cancelled) return;
@@ -2418,13 +2781,14 @@ function DiscoveredView(props) {
     if (elsewhere) setConfirming(true);
     else void takeover();
   };
-  const takeover = async () => {
+  const [choosingAgent, setChoosingAgent] = (0, import_react8.useState)(false);
+  const takeover = async (agent) => {
     if (!d) return;
     setConfirming(false);
     setBusy(true);
     setError(null);
     try {
-      const taken = await client.takeover(d);
+      const taken = await client.takeover(d, agent);
       props.onTakenOver(taken.id);
     } catch (e) {
       setError(e instanceof Error ? e.message : String(e));
@@ -2432,26 +2796,26 @@ function DiscoveredView(props) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 flex-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "flex items-center gap-3 border-b border-border px-5 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProviderMark, { provider: props.provider, size: 22 }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderTitle, { entry, renaming, setRenaming }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "flex items-center gap-1.5 truncate text-[12px] leading-4 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: PROVIDER_LABEL[props.provider] }),
-            d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FolderIcon, { size: 12 }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", title: d.cwd, children: prettyPath2(d.cwd) })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: props.provider, size: 22 }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderTitle, { entry, renaming, setRenaming }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "flex items-center gap-1.5 truncate text-[12px] leading-4 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: PROVIDER_LABEL[props.provider] }),
+            d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FolderIcon, { size: 12 }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate", title: d.cwd, children: prettyPath2(d.cwd) })
             ] }) : null,
-            d ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            d ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
               "\xB7 last active ",
               relativeTime(d.updatedAt, now)
             ] }) : null
           ] })
         ] }),
-        files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "button",
           {
             type: "button",
@@ -2460,13 +2824,13 @@ function DiscoveredView(props) {
             "aria-pressed": props.changesOpen,
             title: "Files this chat changed",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FileIcon, { size: 13 }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FileIcon, { size: 13 }),
               `${files.length} ${files.length === 1 ? "file" : "files"} changed`
             ]
           }
         ) : null,
-        d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-          import_design_system5.Button,
+        d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          import_design_system6.Button,
           {
             size: "sm",
             variant: elsewhere ? "outline" : "default",
@@ -2475,44 +2839,56 @@ function DiscoveredView(props) {
             className: "gap-1.5",
             title: elsewhere ? elsewhere.message : void 0,
             children: [
-              busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }) : elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 14, className: "text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HandoffIcon, { size: 14 }),
+              busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 13 }) : elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 14, className: "text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HandoffIcon, { size: 14 }),
               elsewhere ? "Take over anyway\u2026" : "Take over"
             ]
           }
         ) : null,
-        d ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true) }) : null
+        d?.cwd && !elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { size: "sm", variant: "outline", onClick: () => setChoosingAgent(true), disabled: busy, children: "Continue with agent\u2026" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ChooseAgentDialog,
+          {
+            transport: client.transport,
+            open: choosingAgent,
+            onOpenChange: setChoosingAgent,
+            title: "Continue with an agent",
+            action: "Take over with this agent",
+            onConfirm: (agent) => takeover(agent)
+          }
+        ),
+        d ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true) }) : null
       ] }),
-      elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { role: "status", className: "flex items-start gap-2 border-b border-warning/40 bg-warning/10 px-5 py-2.5 text-[13px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium", children: elsewhere.message }),
+      elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { role: "status", className: "flex items-start gap-2 border-b border-warning/40 bg-warning/10 px-5 py-2.5 text-[13px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-medium", children: elsewhere.message }),
           " Taking it over now would put two agents on the same chat, and they could overwrite each other's work. Finish or stop it there first if you can. This preview follows it as it runs."
         ] })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Dialog, { open: confirming, onOpenChange: setConfirming, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogContent, { className: "max-w-[460px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogTitle, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Dialog, { open: confirming, onOpenChange: setConfirming, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogContent, { className: "max-w-[460px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogTitle, { children: [
             "This chat is running right now in ",
             PROVIDER_LABEL[props.provider]
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogDescription, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogDescription, { children: [
             elsewhere?.message,
             " If you take it over, two agents will work in the same conversation at once and may overwrite each other's changes."
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogFooter, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { variant: "destructive", onClick: () => void takeover(), children: "Take over anyway" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogFooter, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { variant: "destructive", onClick: () => void takeover(), children: "Take over anyway" })
         ] })
       ] }) }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "border-b border-destructive/30 bg-destructive/10 px-5 py-2 text-[13px] text-destructive", children: error }) : null,
-      d && !d.cwd ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "border-b border-border bg-muted/50 px-5 py-2 text-[13px] text-muted-foreground", children: "This chat doesn't record which folder it ran in, so it can't be continued from here." }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: [
-        preview.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 15 }),
+      error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "border-b border-destructive/30 bg-destructive/10 px-5 py-2 text-[13px] text-destructive", children: error }) : null,
+      d && !d.cwd ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "border-b border-border bg-muted/50 px-5 py-2 text-[13px] text-muted-foreground", children: "This chat doesn't record which folder it ran in, so it can't be continued from here." }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: [
+        preview.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 15 }),
           " Reading this chat\u2026"
-        ] }) : preview.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-1 items-center justify-center px-6 text-center text-[13px] text-muted-foreground", children: preview.unavailable }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react7.ChatProvider, { thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
-          preview.truncated ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        ] }) : preview.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-1 items-center justify-center px-6 text-center text-[13px] text-muted-foreground", children: preview.unavailable }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react9.ChatProvider, { thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
+          preview.truncated ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             LongChatNote,
             {
               loading: readingEarlier,
@@ -2522,14 +2898,14 @@ function DiscoveredView(props) {
               }
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react7.ChatMessageList, { className: "min-h-0 flex-1", label: "Chat preview" })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react9.ChatMessageList, { className: "min-h-0 flex-1", label: "Chat preview" })
         ] }),
-        d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-t border-border bg-muted/30 px-5 py-3 text-center text-[13px] text-muted-foreground", children: [
+        d?.cwd ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "border-t border-border bg-muted/30 px-5 py-3 text-center text-[13px] text-muted-foreground", children: [
           "This chat was started in ",
           PROVIDER_LABEL[props.provider],
           ".",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "font-medium text-foreground underline-offset-4 hover:underline", onClick: requestTakeover, children: "Take it over" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "font-medium text-foreground underline-offset-4 hover:underline", onClick: requestTakeover, children: "Take it over" }),
           " ",
           "to continue it here \u2014 it stays in your ",
           PROVIDER_LABEL[props.provider],
@@ -2537,70 +2913,73 @@ function DiscoveredView(props) {
         ] }) : null
       ] })
     ] }),
-    props.changesOpen && files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChangesPanel, { files, cwd: d?.cwd ?? null, truncated: preview.truncated, onClose: () => props.setChangesOpen(false) }) : null
+    props.changesOpen && files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChangesPanel, { files, cwd: d?.cwd ?? null, truncated: preview.truncated, onClose: () => props.setChangesOpen(false) }) : null
   ] });
 }
 function ProviderCard(props) {
   const ready = props.status.ready;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "button",
     {
       type: "button",
       onClick: props.onSelect,
       "aria-pressed": props.selected,
-      className: (0, import_design_system5.cn)(
+      className: (0, import_design_system6.cn)(
         "flex flex-1 flex-col gap-1.5 rounded-xl border px-3.5 py-3 text-left transition-colors",
         props.selected ? "border-primary bg-primary/5 ring-1 ring-primary" : "border-border hover:bg-accent/50"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProviderMark, { provider: props.status.provider, size: 18 }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[13.5px] font-semibold", children: props.status.label })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: props.status.provider, size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13.5px] font-semibold", children: props.status.label })
         ] }),
-        ready ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-1 text-[12px] text-success", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { size: 13 }),
+        ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-center gap-1 text-[12px] text-success", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 13 }),
           props.status.billing === "subscription" ? `Signed in${props.status.plan ? ` \xB7 ${props.status.plan} plan` : ""}` : "Signed in with an API key (billed per use)"
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-start gap-1 text-[12px] leading-4 text-warning", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 13, className: "mt-px shrink-0" }),
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-start gap-1 text-[12px] leading-4 text-warning", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 13, className: "mt-px shrink-0" }),
           props.status.problem
         ] }),
-        props.status.quota.filter((w) => w.usedPercent !== null).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11.5px] leading-4 text-muted-foreground", children: props.status.quota.filter((w) => w.usedPercent !== null).map((w) => `${w.label}: ${w.usedPercent}% used`).join(" \xB7 ") }) : null
+        props.status.quota.filter((w) => w.usedPercent !== null).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[11.5px] leading-4 text-muted-foreground", children: props.status.quota.filter((w) => w.usedPercent !== null).map((w) => `${w.label}: ${w.usedPercent}% used`).join(" \xB7 ") }) : null
       ]
     }
   );
 }
 function FieldError({ id, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { id, role: "alert", className: "flex items-start gap-1.5 text-[12.5px] leading-5 text-destructive", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 14, className: "mt-0.5 shrink-0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { id, role: "alert", className: "flex items-start gap-1.5 text-[12.5px] leading-5 text-destructive", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 14, className: "mt-0.5 shrink-0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children })
   ] });
 }
 function NewSessionDialog(props) {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
   const now = useMinuteClock();
-  const [provider, setProvider] = (0, import_react6.useState)("claude");
-  const [folder, setFolder] = (0, import_react6.useState)("");
-  const [choice, setChoice] = (0, import_react6.useState)({ model: null, effort: null });
-  const [prompt, setPrompt] = (0, import_react6.useState)("");
-  const [errors, setErrors] = (0, import_react6.useState)({});
-  const [problem, setProblem] = (0, import_react6.useState)(null);
-  const [starting, setStarting] = (0, import_react6.useState)(false);
-  const [creating, setCreating] = (0, import_react6.useState)(false);
-  const promptRef = (0, import_react6.useRef)(null);
-  const folderRef = (0, import_react6.useRef)(null);
-  const agentRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [provider, setProvider] = (0, import_react8.useState)("claude");
+  const [folder, setFolder] = (0, import_react8.useState)("");
+  const [choice, setChoice] = (0, import_react8.useState)({ model: null, effort: null });
+  const [prompt, setPrompt] = (0, import_react8.useState)("");
+  const [errors, setErrors] = (0, import_react8.useState)({});
+  const [problem, setProblem] = (0, import_react8.useState)(null);
+  const [starting, setStarting] = (0, import_react8.useState)(false);
+  const [creating, setCreating] = (0, import_react8.useState)(false);
+  const [agent, setAgent] = (0, import_react8.useState)(null);
+  const [agentDetails, setAgentDetails] = (0, import_react8.useState)(null);
+  const [agentMissing, setAgentMissing] = (0, import_react8.useState)(null);
+  const promptRef = (0, import_react8.useRef)(null);
+  const folderRef = (0, import_react8.useRef)(null);
+  const agentRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (!props.open) return;
     setProblem(null);
     setErrors({});
     void client.refreshProviders();
     void client.refreshFolders();
   }, [props.open, client]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!folder && state.folders.data[0]?.exists) setFolder(state.folders.data[0].path);
   }, [state.folders.data, folder]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const ready = state.providers.data.filter((p) => p.ready);
     const current = state.providers.data.find((p) => p.provider === provider);
     if (current && !current.ready && ready[0]) setProvider(ready[0].provider);
@@ -2626,9 +3005,22 @@ function NewSessionDialog(props) {
       focusField(first);
       return;
     }
+    const missing = missingRequiredVariable(agentDetails, agent);
+    setAgentMissing(missing);
+    if (missing) {
+      document.getElementById(`cs-agent-var-${missing}`)?.focus();
+      return;
+    }
     setStarting(true);
     try {
-      const result = await client.start({ provider, cwd: folder.trim(), prompt, model: choice.model, effort: choice.effort });
+      const result = await client.start({
+        provider,
+        cwd: folder.trim(),
+        prompt,
+        model: choice.model,
+        effort: choice.effort,
+        ...agent ? { agent } : {}
+      });
       setPrompt("");
       props.onStarted(result.session.id);
     } catch (error) {
@@ -2664,16 +3056,16 @@ function NewSessionDialog(props) {
     if (field === "folder") delete next.createFolder;
     return next;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogContent, { className: "max-w-[560px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DialogTitle, { children: "New coding session" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogDescription, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogContent, { className: "max-w-[560px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DialogTitle, { children: "New coding session" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogDescription, { children: [
         "Runs on your own ",
         provider === "claude" ? "Claude" : "ChatGPT",
         " sign-in, in a folder on this computer."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "form",
       {
         noValidate: true,
@@ -2683,13 +3075,13 @@ function NewSessionDialog(props) {
         },
         className: "flex min-h-0 flex-col",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cs-dialog-body space-y-5 py-1 pr-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("fieldset", { className: "space-y-2", ref: agentRef, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Agent" }),
-              state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" })
-              ] }) : state.providers.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[12.5px] text-destructive", children: state.providers.error }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex gap-2", children: state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cs-dialog-body space-y-5 py-1 pr-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { className: "space-y-2", ref: agentRef, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Agent" }),
+              state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" })
+              ] }) : state.providers.error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-[12.5px] text-destructive", children: state.providers.error }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex gap-2", children: state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 ProviderCard,
                 {
                   status: p,
@@ -2702,14 +3094,31 @@ function NewSessionDialog(props) {
                 },
                 p.provider
               )) }),
-              errors.agent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldError, { id: "cs-err-agent", children: errors.agent }) : selected && !selected.ready && selected.fix ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-[12px] leading-4 text-muted-foreground", children: [
+              errors.agent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldError, { id: "cs-err-agent", children: errors.agent }) : selected && !selected.ready && selected.fix ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "text-[12px] leading-4 text-muted-foreground", children: [
                 selected.fix,
                 selected.installed && selected.loggedIn ? " You can still try \u2014 the run will say if it's still blocked." : ""
               ] }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("fieldset", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Folder" }),
-              state.folders.data.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-h-[132px] space-y-0.5 overflow-y-auto rounded-lg border border-border p-1", children: state.folders.data.map((f) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "AI Matrx agent" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                AgentField,
+                {
+                  transport: client.transport,
+                  open: props.open,
+                  value: agent,
+                  onChange: (next) => {
+                    setAgent(next);
+                    setAgentMissing(null);
+                  },
+                  missing: agentMissing,
+                  onDetails: setAgentDetails
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Folder" }),
+              state.folders.data.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-h-[132px] space-y-0.5 overflow-y-auto rounded-lg border border-border p-1", children: state.folders.data.map((f) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -2719,21 +3128,21 @@ function NewSessionDialog(props) {
                   },
                   disabled: !f.exists,
                   title: f.exists ? f.path : `${f.path} no longer exists`,
-                  className: (0, import_design_system5.cn)(
+                  className: (0, import_design_system6.cn)(
                     "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-[12.5px]",
                     folder === f.path ? "bg-accent text-accent-foreground" : "hover:bg-accent/50",
                     !f.exists && "opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FolderIcon, { size: 14, className: "shrink-0 text-muted-foreground" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 flex-1 truncate", children: prettyPath2(f.path) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: f.exists ? relativeTime(f.lastUsedAt, now) : "missing" })
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FolderIcon, { size: 14, className: "shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 flex-1 truncate", children: prettyPath2(f.path) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: f.exists ? relativeTime(f.lastUsedAt, now) : "missing" })
                   ]
                 },
                 f.path
-              )) }) : state.folders.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cs-skeleton h-10 rounded-lg" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                import_design_system5.Input,
+              )) }) : state.folders.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cs-skeleton h-10 rounded-lg" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                import_design_system6.Input,
                 {
                   ref: folderRef,
                   value: folder,
@@ -2748,18 +3157,18 @@ function NewSessionDialog(props) {
                   spellCheck: false
                 }
               ),
-              errors.folder ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldError, { id: "cs-err-folder", children: errors.folder }),
-                errors.createFolder ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.Button, { type: "button", size: "sm", variant: "outline", onClick: () => void createFolder(), disabled: creating, className: "gap-1.5", children: [
-                  creating ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FolderIcon, { size: 13 }),
+              errors.folder ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldError, { id: "cs-err-folder", children: errors.folder }),
+                errors.createFolder ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.Button, { type: "button", size: "sm", variant: "outline", onClick: () => void createFolder(), disabled: creating, className: "gap-1.5", children: [
+                  creating ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FolderIcon, { size: 13 }),
                   "Create this folder"
                 ] }) : null
               ] }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("fieldset", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "What should it do?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                import_design_system5.Textarea,
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "What should it do?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                import_design_system6.Textarea,
                 {
                   ref: promptRef,
                   value: prompt,
@@ -2780,25 +3189,25 @@ function NewSessionDialog(props) {
                   "aria-describedby": errors.prompt ? "cs-err-prompt" : void 0
                 }
               ),
-              errors.prompt ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldError, { id: "cs-err-prompt", children: errors.prompt }) : null
+              errors.prompt ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldError, { id: "cs-err-prompt", children: errors.prompt }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("fieldset", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Model and thinking effort" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModelPicker, { status: selected, value: choice, onChange: setChoice, appearance: "field" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-[11.5px] leading-4 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Model and thinking effort" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModelPicker, { status: selected, value: choice, onChange: setChoice, appearance: "field" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "text-[11.5px] leading-4 text-muted-foreground", children: [
                 "Default is ",
                 defaultModelWords(selected),
                 ". You can change it later from the chat's header."
               ] })
             ] }),
-            problem ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldError, { id: "cs-err-start", children: problem }) : null
+            problem ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldError, { id: "cs-err-start", children: problem }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogFooter, { className: "pt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { type: "button", variant: "ghost", onClick: () => props.onOpenChange(false), children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.Button, { type: "submit", disabled: starting, className: "gap-1.5", children: [
-              starting ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 14 }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogFooter, { className: "pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { type: "button", variant: "ghost", onClick: () => props.onOpenChange(false), children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.Button, { type: "submit", disabled: starting, className: "gap-1.5", children: [
+              starting ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 14 }) : null,
               starting ? "Starting\u2026" : "Start session",
-              !starting ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "cs-kbd", children: "\u2318\u21B5" }) : null
+              !starting ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { className: "cs-kbd", children: "\u2318\u21B5" }) : null
             ] })
           ] })
         ]
@@ -2808,34 +3217,34 @@ function NewSessionDialog(props) {
 }
 function Home({ onNew }) {
   const state = useCodingSessionsState();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { className: "flex flex-1 items-center justify-center px-6", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full max-w-[460px] text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-auto mb-4 flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChatBubbleIcon, { size: 22 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-[19px] font-semibold tracking-[-0.015em]", children: "Drive Claude Code and Codex from here" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-auto mt-2 max-w-[400px] text-[13.5px] leading-6 text-muted-foreground", children: "Start a session in any folder, or pick up a chat you began somewhere else. Everything runs on your own subscriptions \u2014 no API keys." }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.Button, { className: "mt-5 gap-1.5", onClick: onNew, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, { size: 15 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: "flex flex-1 items-center justify-center px-6", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-full max-w-[460px] text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mx-auto mb-4 flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChatBubbleIcon, { size: 22 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { className: "text-[15px] font-semibold leading-5 tracking-[-0.01em]", children: "Drive Claude Code and Codex from here" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mx-auto mt-2 max-w-[400px] text-[13.5px] leading-6 text-muted-foreground", children: "Start a session in any folder, or pick up a chat you began somewhere else. Everything runs on your own subscriptions \u2014 no API keys." }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.Button, { className: "mt-5 gap-1.5", onClick: onNew, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlusIcon, { size: 15 }),
       "New session"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mt-3 text-[12px] text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "cs-kbd", children: "\u2325\u2318N" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "mt-3 text-[12px] text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { className: "cs-kbd", children: "\u2325\u2318N" }),
       " new session \xB7 ",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "cs-kbd", children: "\u2318K" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { className: "cs-kbd", children: "\u2318K" }),
       " search your chats \xB7",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "cs-kbd", children: "\u2318/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { className: "cs-kbd", children: "\u2318/" }),
       " all shortcuts"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-6 space-y-1.5 text-left", children: state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-2.5 rounded-lg border border-border px-3 py-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProviderMark, { provider: p.provider, size: 18 }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1 text-[12.5px] leading-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium", children: p.label }),
-        p.ready ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-6 grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))] gap-1.5 text-left", children: state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-[220px] items-start gap-2.5 rounded-lg border border-border px-3 py-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: p.provider, size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1 text-[12.5px] leading-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-medium", children: p.label }),
+        p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-muted-foreground", children: [
           " ",
           "\u2014 ready",
           p.plan ? ` on your ${p.plan} plan` : "",
           p.billing === "api" ? " (API key, billed per use)" : ""
         ] }) : null,
-        p.installed && p.version ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        p.installed && p.version ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "span",
           {
             className: "block text-[11.5px] text-muted-foreground",
@@ -2846,23 +3255,23 @@ function Home({ onNew }) {
             ]
           }
         ) : null,
-        p.ready ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "block text-muted-foreground", children: [
+        p.ready ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "block text-muted-foreground", children: [
           p.problem,
           " ",
           p.fix
         ] })
       ] }),
-      p.ready ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
+      p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
     ] }, p.provider)) })
   ] }) });
 }
 function useToast() {
-  const [text, setText] = (0, import_react6.useState)(null);
-  const timer = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => () => {
+  const [text, setText] = (0, import_react8.useState)(null);
+  const timer = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => () => {
     if (timer.current) clearTimeout(timer.current);
   }, []);
-  const show = (0, import_react6.useCallback)((next) => {
+  const show = (0, import_react8.useCallback)((next) => {
     setText(next);
     if (timer.current) clearTimeout(timer.current);
     timer.current = setTimeout(() => setText(null), 6e3);
@@ -2871,7 +3280,7 @@ function useToast() {
 }
 function Toast({ text }) {
   if (!text) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "status", className: "cs-toast", children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "status", className: "cs-toast", children: text });
 }
 var SIDEBAR_DEFAULT = 300;
 var SIDEBAR_MIN = 220;
@@ -2880,7 +3289,7 @@ function clampWidth(n) {
   return Math.round(Math.min(SIDEBAR_MAX, Math.max(SIDEBAR_MIN, n)));
 }
 function useSidebarLayout() {
-  const [width, setWidthState] = (0, import_react6.useState)(() => {
+  const [width, setWidthState] = (0, import_react8.useState)(() => {
     try {
       const n = Number(localStorage.getItem("coding-sessions.sidebar-width"));
       return Number.isFinite(n) && n > 0 ? clampWidth(n) : SIDEBAR_DEFAULT;
@@ -2888,14 +3297,14 @@ function useSidebarLayout() {
       return SIDEBAR_DEFAULT;
     }
   });
-  const [collapsed, setCollapsedState] = (0, import_react6.useState)(() => {
+  const [collapsed, setCollapsedState] = (0, import_react8.useState)(() => {
     try {
       return localStorage.getItem("coding-sessions.sidebar-collapsed") === "1";
     } catch {
       return false;
     }
   });
-  const setWidth = (0, import_react6.useCallback)((n) => {
+  const setWidth = (0, import_react8.useCallback)((n) => {
     const next = clampWidth(n);
     setWidthState(next);
     try {
@@ -2903,7 +3312,7 @@ function useSidebarLayout() {
     } catch {
     }
   }, []);
-  const setCollapsed = (0, import_react6.useCallback)((v) => {
+  const setCollapsed = (0, import_react8.useCallback)((v) => {
     setCollapsedState(v);
     try {
       localStorage.setItem("coding-sessions.sidebar-collapsed", v ? "1" : "0");
@@ -2913,8 +3322,8 @@ function useSidebarLayout() {
   return { width, setWidth, collapsed, setCollapsed };
 }
 function Resizer(props) {
-  const [dragging, setDragging] = (0, import_react6.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_design_system5.cn)("cs-resizer", dragging && "cs-resizer--dragging"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const [dragging, setDragging] = (0, import_react8.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_design_system6.cn)("cs-resizer", dragging && "cs-resizer--dragging"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       type: "button",
@@ -2962,24 +3371,24 @@ var SHORTCUTS = [
   { keys: "\u2318/", what: "These shortcuts" }
 ];
 function ShortcutsDialog(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogContent, { className: "max-w-[420px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DialogTitle, { children: "Keyboard shortcuts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.DialogDescription, { children: "Ctrl works in place of \u2318 on Windows and Linux." })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogContent, { className: "max-w-[420px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DialogTitle, { children: "Keyboard shortcuts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DialogDescription, { children: "Ctrl works in place of \u2318 on Windows and Linux." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dl", { className: "divide-y divide-border text-[13px]", children: SHORTCUTS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between gap-4 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { className: "text-muted-foreground", children: s.what }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { className: "rounded border border-border px-1.5 py-0.5 font-sans text-[12px]", children: s.keys }) })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dl", { className: "divide-y divide-border text-[13px]", children: SHORTCUTS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between gap-4 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { className: "text-muted-foreground", children: s.what }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { className: "rounded border border-border px-1.5 py-0.5 font-sans text-[12px]", children: s.keys }) })
     ] }, s.keys)) })
   ] }) });
 }
 var BASE_TITLE = "Coding sessions";
 function useRunFinishedNotices(openSessionId, show) {
   const client = useCodingSessionsClient();
-  const unseen = (0, import_react6.useRef)(0);
-  const openRef = (0, import_react6.useRef)(openSessionId);
+  const unseen = (0, import_react8.useRef)(0);
+  const openRef = (0, import_react8.useRef)(openSessionId);
   openRef.current = openSessionId;
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const reset = () => {
       if (document.visibilityState === "visible") {
         unseen.current = 0;
@@ -3014,9 +3423,9 @@ function useRunFinishedNotices(openSessionId, show) {
 }
 function NotifyToggle() {
   const supported = typeof Notification !== "undefined";
-  const [permission, setPermission] = (0, import_react6.useState)(supported ? Notification.permission : "denied");
+  const [permission, setPermission] = (0, import_react8.useState)(supported ? Notification.permission : "denied");
   if (!supported || permission === "granted") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       type: "button",
@@ -3025,7 +3434,7 @@ function NotifyToggle() {
       "aria-label": permission === "denied" ? "Notifications are blocked for this page in your browser's site settings" : "Notify me when a run finishes",
       title: permission === "denied" ? "Notifications are blocked in your browser's site settings" : "Notify me when a run finishes",
       disabled: permission === "denied",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BellIcon, { size: 14 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BellIcon, { size: 14 })
     }
   );
 }
@@ -3037,20 +3446,20 @@ function isTyping(target) {
 function Shell() {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
-  const [selection, setSelection] = (0, import_react6.useState)(readHash);
-  const [newOpen, setNewOpen] = (0, import_react6.useState)(false);
-  const [shortcutsOpen, setShortcutsOpen] = (0, import_react6.useState)(false);
-  const [changesOpen, setChangesOpen] = (0, import_react6.useState)(false);
-  const [found, setFound] = (0, import_react6.useState)({});
+  const [selection, setSelection] = (0, import_react8.useState)(readHash);
+  const [newOpen, setNewOpen] = (0, import_react8.useState)(false);
+  const [shortcutsOpen, setShortcutsOpen] = (0, import_react8.useState)(false);
+  const [changesOpen, setChangesOpen] = (0, import_react8.useState)(false);
+  const [found, setFound] = (0, import_react8.useState)({});
   const [theme, setTheme] = useTheme();
   const [toast, showToast] = useToast();
   const layout = useSidebarLayout();
-  const searchRef = (0, import_react6.useRef)(null);
-  const select = (0, import_react6.useCallback)((next) => {
+  const searchRef = (0, import_react8.useRef)(null);
+  const select = (0, import_react8.useCallback)((next) => {
     setSelection(next);
     writeHash(next);
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const onHash = () => setSelection(readHash());
     window.addEventListener("hashchange", onHash);
     return () => window.removeEventListener("hashchange", onHash);
@@ -3060,14 +3469,14 @@ function Shell() {
   const discovered = selection.kind === "discovered" ? state.discovered.data.find((d) => d.providerSessionId === selection.id) ?? found[`${selection.provider}:${selection.id}`] ?? null : null;
   const run = session ? state.runs[session.id] : void 0;
   const live = run !== void 0 && !isTerminalRunStatus(run.status);
-  const order = (0, import_react6.useMemo)(() => {
+  const order = (0, import_react8.useMemo)(() => {
     const known = new Set(state.sessions.data.map((s) => s.providerSessionId).filter(Boolean));
     return [
       ...state.sessions.data.map((s) => ({ kind: "session", id: s.id })),
       ...state.discovered.data.filter((d) => !known.has(d.providerSessionId)).map((d) => ({ kind: "discovered", provider: d.provider, id: d.providerSessionId }))
     ];
   }, [state.sessions.data, state.discovered.data]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const onKey = (e) => {
       const mod = e.metaKey || e.ctrlKey;
       const key = e.key.toLowerCase();
@@ -3123,12 +3532,12 @@ function Shell() {
   }, [client, layout, live, run, order, selection, select, showToast]);
   let main;
   if (selection.kind === "session") {
-    main = session ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SessionView, { session, changesOpen, setChangesOpen }, session.id) : state.sessions.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { size: 15 }),
+    main = session ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SessionView, { session, changesOpen, setChangesOpen }, session.id) : state.sessions.loadedAt === null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 15 }),
       " Loading\u2026"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-1 items-center justify-center text-[13px] text-muted-foreground", children: "That session is not in the list anymore." });
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-1 items-center justify-center text-[13px] text-muted-foreground", children: "That session is not in the list anymore." });
   } else if (selection.kind === "discovered") {
-    main = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    main = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       DiscoveredView,
       {
         session: discovered,
@@ -3141,13 +3550,13 @@ function Shell() {
       `${selection.provider}:${selection.id}`
     );
   } else {
-    main = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Home, { onNew: () => setNewOpen(true) });
+    main = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Home, { onNew: () => setNewOpen(true) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToastContext.Provider, { value: showToast, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cs-app flex h-full flex-col bg-background text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ConnectionBanner, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
-      layout.collapsed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col items-center gap-1 border-r border-border bg-muted/30 px-1.5 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastContext.Provider, { value: showToast, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cs-app flex h-full flex-col bg-background text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ConnectionBanner, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
+      layout.collapsed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col items-center gap-1 border-r border-border bg-muted/30 px-1.5 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "button",
           {
             type: "button",
@@ -3155,10 +3564,10 @@ function Shell() {
             onClick: () => layout.setCollapsed(false),
             "aria-label": "Show the sidebar (\u2318B)",
             title: "Show sidebar  \u2318B",
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarIcon, { size: 15 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SidebarIcon, { size: 15 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "button",
           {
             type: "button",
@@ -3166,11 +3575,11 @@ function Shell() {
             onClick: () => setNewOpen(true),
             "aria-label": "New session",
             title: "New session  \u2325\u2318N",
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, { size: 15 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlusIcon, { size: 15 })
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Sidebar,
           {
             selection,
@@ -3180,14 +3589,14 @@ function Shell() {
             width: layout.width,
             searchRef,
             onFound: (d) => setFound((f) => ({ ...f, [`${d.provider}:${d.providerSessionId}`]: d })),
-            footer: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            footer: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               ProvidersFooter,
               {
                 theme,
                 setTheme,
-                extra: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NotifyToggle, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                extra: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NotifyToggle, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "button",
                     {
                       type: "button",
@@ -3195,7 +3604,7 @@ function Shell() {
                       onClick: () => setShortcutsOpen(true),
                       "aria-label": "Keyboard shortcuts (\u2318/)",
                       title: "Keyboard shortcuts  \u2318/",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardIcon, { size: 14 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(KeyboardIcon, { size: 14 })
                     }
                   )
                 ] })
@@ -3203,11 +3612,11 @@ function Shell() {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Resizer, { width: layout.width, setWidth: layout.setWidth })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Resizer, { width: layout.width, setWidth: layout.setWidth })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("main", { className: "flex min-w-0 flex-1", children: main })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("main", { className: "flex min-w-0 flex-1", children: main })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       NewSessionDialog,
       {
         open: newOpen,
@@ -3218,11 +3627,11 @@ function Shell() {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ShortcutsDialog, { open: shortcutsOpen, onOpenChange: setShortcutsOpen }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Toast, { text: toast })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ShortcutsDialog, { open: shortcutsOpen, onOpenChange: setShortcutsOpen }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Toast, { text: toast })
   ] }) });
 }
 function CodingSessionsApp({ transport }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CodingSessionsProvider, { transport, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Shell, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CodingSessionsProvider, { transport, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Shell, {}) });
 }
 //# sourceMappingURL=index.cjs.map