@ai-matrx/coding-sessions 0.1.83 → 0.1.85

package/dist/react/index.js

@@ -4,10 +4,10 @@
 import {
   useCallback as useCallback2,
   useContext as useContext3,
-  useEffect as useEffect3,
-  useMemo as useMemo3,
-  useRef as useRef2,
-  useState as useState5
+  useEffect as useEffect4,
+  useMemo as useMemo4,
+  useRef as useRef3,
+  useState as useState6
 } from "react";
 import {
   ChatComposer,
@@ -16,7 +16,7 @@ import {
 } from "@ai-matrx/chat/react";
 import { createExternalThreadSource as createExternalThreadSource2 } from "@ai-matrx/chat/external-store";
 import {
-  Button as Button2,
+  Button as Button3,
   Dialog,
   DropdownMenu as DropdownMenu2,
   DropdownMenuContent as DropdownMenuContent2,
@@ -26,9 +26,9 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-  Input,
-  Textarea,
-  cn as cn4
+  Input as Input2,
+  Textarea as Textarea2,
+  cn as cn5
 } from "@ai-matrx/design-system";
 import { formatCount, formatUsd } from "@ai-matrx/kit/format";
 
@@ -489,14 +489,20 @@ var SpinnerIcon = ({ size = 16, className }) => /* @__PURE__ */ jsxs(
     ]
   }
 );
-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__ */ 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__ */ jsx("path", { d: provider === "claude" ? CLAUDE_MARK : OPENAI_MARK })
     }
   );
 }
@@ -893,10 +899,230 @@ function ModelPicker(props) {
   ] });
 }
 
-// src/react/sidebar.tsx
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState4 } from "react";
+// src/react/agent-field.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState4 } from "react";
+import { deriveRunInputs } from "@ai-matrx/agents";
+import {
+  createAgentCatalog
+} from "@ai-matrx/agents/catalog";
+import { AgentCatalogProvider, AgentListDropdown } from "@ai-matrx/agents/catalog/react";
+import { humanizeContextKey } from "@ai-matrx/agents/context";
 import {
   Button,
+  Input,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Textarea,
+  TooltipProvider,
+  cn as cn3
+} from "@ai-matrx/design-system";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "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] = useState4(null);
+  useEffect2(() => {
+    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 = useRef(onError);
+  report.current = onError;
+  return useMemo2(() => {
+    if (!userId) return null;
+    return 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] = useState4(null);
+  const [problem, setProblem] = useState4(null);
+  const catalog = useCatalog(props.transport, access?.signedIn ? access.userId : null, setProblem);
+  const agentId = props.value?.agentId ?? null;
+  useEffect2(() => {
+    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;
+  useEffect2(() => {
+    onDetails?.(details);
+  }, [details, onDetails]);
+  const inputs = useMemo2(() => deriveRunInputs(asRunInputVariables(details?.variables ?? []), humanizeContextKey), [details]);
+  if (access === null) return /* @__PURE__ */ jsx5("div", { className: "cs-skeleton h-9 rounded-lg" });
+  if (!access.signedIn || !catalog) {
+    return /* @__PURE__ */ jsx5("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__ */ jsxs5("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsx5(AgentCatalogProvider, { catalog, children: /* @__PURE__ */ jsx5(
+        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__ */ jsx5(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => props.onChange(null), children: "Remove" }) : null
+    ] }),
+    problem ? /* @__PURE__ */ jsx5("p", { className: "text-[12px] text-destructive", children: problem }) : null,
+    details && props.value ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx5("span", { className: "w-[72px] shrink-0 text-[12px] text-muted-foreground", children: "Version" }),
+        /* @__PURE__ */ jsxs5(
+          Select,
+          {
+            value: props.value.versionId ?? LATEST,
+            onValueChange: (next) => props.value && props.onChange({ ...props.value, versionId: next === LATEST ? null : next }),
+            children: [
+              /* @__PURE__ */ jsx5(SelectTrigger, { className: "h-8 w-[200px] text-[12.5px]", "aria-label": "Agent version", children: /* @__PURE__ */ jsx5(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs5(SelectContent, { children: [
+                /* @__PURE__ */ jsx5(SelectItem, { value: LATEST, children: details.latestVersionNumber !== null ? `Latest (v${details.latestVersionNumber})` : "Latest" }),
+                details.versions.map((v) => /* @__PURE__ */ jsxs5(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__ */ jsxs5("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs5("label", { htmlFor: id, className: "text-[12px] font-medium", children: [
+            input.label,
+            input.required ? /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: " \xB7 required" }) : null
+          ] }),
+          input.options && input.options.length > 0 ? /* @__PURE__ */ jsxs5(Select, { value, onValueChange: (next) => setVariable(input.name, next), children: [
+            /* @__PURE__ */ jsx5(SelectTrigger, { id, className: "h-8 text-[12.5px]", "aria-invalid": invalid || void 0, children: /* @__PURE__ */ jsx5(SelectValue, { placeholder: "Choose\u2026" }) }),
+            /* @__PURE__ */ jsx5(SelectContent, { children: input.options.map((option) => /* @__PURE__ */ jsx5(SelectItem, { value: option, children: option }, option)) })
+          ] }) : input.variable.customComponent?.type === "textarea" ? /* @__PURE__ */ jsx5(
+            Textarea,
+            {
+              id,
+              rows: 2,
+              value,
+              onChange: (e) => setVariable(input.name, e.target.value),
+              placeholder: input.hint ?? "",
+              "aria-invalid": invalid || void 0
+            }
+          ) : /* @__PURE__ */ jsx5(
+            Input,
+            {
+              id,
+              value,
+              onChange: (e) => setVariable(input.name, e.target.value),
+              placeholder: input.hint ?? "",
+              "aria-invalid": invalid || void 0
+            }
+          ),
+          invalid ? /* @__PURE__ */ jsx5("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 deriveRunInputs(asRunInputVariables(details.variables), 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 AgentChip({ 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}`
+  );
+  const missing = agent.unavailable.slice(0, 6).map((u) => `${u.name}: ${u.reason}`);
+  const more = agent.unavailable.length > 6 ? [`+${agent.unavailable.length - 6} more`] : [];
+  const complete = agent.loaded.every((part) => part.loaded === part.total);
+  return /* @__PURE__ */ jsxs5(
+    "span",
+    {
+      className: cn3("cs-agent-chip", !complete && "cs-agent-chip--partial"),
+      title: missing.length ? [...missing, ...more].join("\n") : "Everything loaded",
+      "data-testid": "cs-agent-chip",
+      children: [
+        /* @__PURE__ */ jsxs5("span", { className: "font-medium text-foreground", children: [
+          agent.name,
+          agent.versionNumber !== null ? ` v${agent.versionNumber}` : ""
+        ] }),
+        " ",
+        "\xB7 ",
+        parts.join(" \xB7 ")
+      ]
+    }
+  );
+}
+
+// src/react/sidebar.tsx
+import { useCallback, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2, useState as useState5 } from "react";
+import {
+  Button as Button2,
   ContextMenu,
   ContextMenuContent,
   ContextMenuTrigger,
@@ -908,9 +1134,9 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator as DropdownMenuSeparator2,
   DropdownMenuTrigger,
-  cn as cn3
+  cn as cn4
 } from "@ai-matrx/design-system";
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function readLocal(key, allowed, fallback) {
   try {
     const value = localStorage.getItem(key);
@@ -926,23 +1152,23 @@ function writeLocal(key, value) {
   }
 }
 function SectionLabel({ children, action }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "flex h-8 items-center justify-between px-3 pt-3", children: [
-    /* @__PURE__ */ jsx5("span", { className: "text-[11px] font-medium uppercase tracking-[0.06em] text-muted-foreground", children }),
+  return /* @__PURE__ */ jsxs6("div", { "data-cs-section-label": true, className: "flex h-8 items-center justify-between px-3 pt-3", children: [
+    /* @__PURE__ */ jsx6("span", { className: "text-[12px] font-medium text-muted-foreground", children }),
     action
   ] });
 }
 function GroupLabel({ children }) {
-  return /* @__PURE__ */ jsx5("div", { className: "truncate px-4 pb-0.5 pt-2.5 text-[11px] font-medium text-muted-foreground/80", children });
+  return /* @__PURE__ */ jsx6("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] = useState4(props.initial);
-  const done = useRef(false);
+  const [value, setValue] = useState5(props.initial);
+  const done = useRef2(false);
   const finish = (title) => {
     if (done.current) return;
     done.current = true;
     props.onDone(title);
   };
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "input",
     {
       autoFocus: true,
@@ -959,11 +1185,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] = useState4(false);
-  const [menuOpen, setMenuOpen] = useState4(false);
+  const [renaming, setRenaming] = useState5(false);
+  const [menuOpen, setMenuOpen] = useState5(false);
   const { entry } = props;
   const rename = (title) => {
     setRenaming(false);
@@ -973,14 +1204,20 @@ function Row(props) {
       (error) => show(`The new name didn't save: ${error instanceof Error ? error.message : String(error)}`)
     );
   };
-  return /* @__PURE__ */ jsxs5(ContextMenu, { children: [
-    /* @__PURE__ */ jsx5(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(ContextMenu, { children: [
+    /* @__PURE__ */ jsx6(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(
       "div",
       {
-        className: cn3("cs-row group", props.active && "cs-row--active", menuOpen && "cs-row--menu"),
+        className: cn4("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__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -992,39 +1229,39 @@ function Row(props) {
 (${entry.originalTitle})` : entry.title
             }
           ),
-          /* @__PURE__ */ jsx5("span", { className: "pointer-events-none mt-0.5 shrink-0", children: props.live ? /* @__PURE__ */ jsx5(SpinnerIcon, { size: 16, className: "text-primary" }) : /* @__PURE__ */ jsx5(ProviderMark, { provider: entry.provider, size: 16 }) }),
-          /* @__PURE__ */ jsxs5("span", { className: "cs-row__body", children: [
-            renaming ? /* @__PURE__ */ jsx5("span", { className: "pointer-events-auto relative z-10 block", children: /* @__PURE__ */ jsx5(RenameInput, { initial: entry.title, onDone: rename }) }) : /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate text-[13px] font-medium leading-5", children: entry.title }),
-              entry.pinned ? /* @__PURE__ */ jsx5(PinIcon, { size: 11, className: "shrink-0 text-muted-foreground", "aria-label": "Pinned" }) : null
+          /* @__PURE__ */ jsx6("span", { className: "pointer-events-none mt-0.5 shrink-0", children: props.live ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 16, className: "text-primary" }) : /* @__PURE__ */ jsx6(ProviderMark, { provider: entry.provider, size: 16 }) }),
+          /* @__PURE__ */ jsxs6("span", { className: "cs-row__body", children: [
+            renaming ? /* @__PURE__ */ jsx6("span", { className: "pointer-events-auto relative z-10 block", children: /* @__PURE__ */ jsx6(RenameInput, { initial: entry.title, onDone: rename }) }) : /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx6("span", { className: "min-w-0 truncate text-[13px] font-medium leading-5", children: entry.title }),
+              entry.pinned ? /* @__PURE__ */ jsx6(PinIcon, { size: 11, className: "shrink-0 text-muted-foreground", "aria-label": "Pinned" }) : null
             ] }),
-            /* @__PURE__ */ jsx5("span", { className: "block truncate text-[11.5px] leading-4 text-muted-foreground", children: props.meta }),
-            props.snippet ? /* @__PURE__ */ jsx5("span", { className: "cs-row__snippet", children: props.snippet }) : null
+            /* @__PURE__ */ jsx6("span", { className: "block truncate text-[11.5px] leading-4 text-muted-foreground", children: props.meta }),
+            props.snippet ? /* @__PURE__ */ jsx6("span", { className: "cs-row__snippet", children: props.snippet }) : null
           ] }),
-          renaming ? null : /* @__PURE__ */ jsxs5("span", { className: "cs-row__actions", children: [
+          renaming ? null : /* @__PURE__ */ jsxs6("span", { className: "cs-row__actions", children: [
             props.takeover,
-            /* @__PURE__ */ jsxs5(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-              /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx5("button", { type: "button", className: "cs-icon-button", "aria-label": `More for ${entry.title}`, title: "More", children: /* @__PURE__ */ jsx5(MoreIcon, { size: 15 }) }) }),
-              /* @__PURE__ */ jsx5(DropdownMenuContent, { align: "start", className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx5(ChatMenuItems, { entry, variant: "dropdown", onRename: () => setRenaming(true) }) })
+            /* @__PURE__ */ jsxs6(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+              /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: "cs-icon-button", "aria-label": `More for ${entry.title}`, title: "More", children: /* @__PURE__ */ jsx6(MoreIcon, { size: 15 }) }) }),
+              /* @__PURE__ */ jsx6(DropdownMenuContent, { align: "start", className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx6(ChatMenuItems, { entry, variant: "dropdown", onRename: () => setRenaming(true) }) })
             ] })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx5(ContextMenuContent, { className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx5(ChatMenuItems, { entry, variant: "context", onRename: () => setRenaming(true) }) })
+    /* @__PURE__ */ jsx6(ContextMenuContent, { className: "w-60", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx6(ChatMenuItems, { entry, variant: "context", onRename: () => setRenaming(true) }) })
   ] });
 }
 function SidebarSkeleton() {
-  return /* @__PURE__ */ jsx5("div", { className: "space-y-1.5 px-3 py-2", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx5("div", { className: "cs-skeleton h-9 rounded-lg" }, i)) });
+  return /* @__PURE__ */ jsx6("div", { className: "space-y-1.5 px-3 py-2", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx6("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__ */ jsxs5(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
     text.slice(0, at),
-    /* @__PURE__ */ jsx5("mark", { className: "cs-mark", children: text.slice(at, at + q.length) }),
+    /* @__PURE__ */ jsx6("mark", { className: "cs-mark", children: text.slice(at, at + q.length) }),
     text.slice(at + q.length)
   ] });
 }
@@ -1039,8 +1276,8 @@ var EMPTY_SEARCH = {
 };
 function useContentSearch(query) {
   const client = useCodingSessionsClient();
-  const [state, setState] = useState4(EMPTY_SEARCH);
-  const latest = useRef(query);
+  const [state, setState] = useState5(EMPTY_SEARCH);
+  const latest = useRef2(query);
   latest.current = query;
   const run = useCallback(
     async (q, cursor, append) => {
@@ -1064,7 +1301,7 @@ function useContentSearch(query) {
     },
     [client]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     const q = query.trim();
     if (q.length < 2) {
       setState(EMPTY_SEARCH);
@@ -1093,19 +1330,19 @@ function Sidebar(props) {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
   const now = useMinuteClock();
-  const [query, setQuery] = useState4("");
+  const [query, setQuery] = useState5("");
   const [search, searchMore] = useContentSearch(query);
-  const [groupMode, setGroupMode] = useState4(() => readLocal("coding-sessions.group", ["date", "folder"], "date"));
-  const [showHidden, setShowHidden] = useState4(false);
-  const [takingOver, setTakingOver] = useState4(null);
-  const [takeoverError, setTakeoverError] = useState4(null);
+  const [groupMode, setGroupMode] = useState5(() => readLocal("coding-sessions.group", ["date", "folder"], "date"));
+  const [showHidden, setShowHidden] = useState5(false);
+  const [takingOver, setTakingOver] = useState5(null);
+  const [takeoverError, setTakeoverError] = useState5(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 } = useMemo2(() => {
+  const { ours, others, hiddenCount } = useMemo3(() => {
     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));
@@ -1145,8 +1382,8 @@ function Sidebar(props) {
     let meta;
     if (live) meta = `${PROVIDER_LABEL[entry.provider]} is working\u2026`;
     else if (d?.activeElsewhere)
-      meta = /* @__PURE__ */ jsxs5("span", { className: "cs-live-elsewhere", children: [
-        /* @__PURE__ */ jsx5("span", { className: "cs-live-dot", "aria-hidden": "true" }),
+      meta = /* @__PURE__ */ jsxs6("span", { className: "cs-live-elsewhere", children: [
+        /* @__PURE__ */ jsx6("span", { className: "cs-live-dot", "aria-hidden": "true" }),
         "Running in ",
         PROVIDER_LABEL[entry.provider]
       ] });
@@ -1155,8 +1392,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__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6(
         Row,
         {
           entry,
@@ -1165,7 +1402,7 @@ function Sidebar(props) {
           live,
           meta,
           snippet: extra?.snippet,
-          takeover: d?.cwd ? /* @__PURE__ */ jsxs5(
+          takeover: d?.cwd ? /* @__PURE__ */ jsxs6(
             "button",
             {
               type: "button",
@@ -1174,18 +1411,18 @@ function Sidebar(props) {
               title: d.activeElsewhere ? d.activeElsewhere.message : "Continue this chat here",
               disabled: takingOver === d.providerSessionId,
               children: [
-                takingOver === d.providerSessionId ? /* @__PURE__ */ jsx5(SpinnerIcon, { size: 11 }) : null,
+                takingOver === d.providerSessionId ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 11 }) : null,
                 "Take over"
               ]
             }
           ) : null
         }
       ),
-      takeoverError && d && takeoverError.id === d.providerSessionId ? /* @__PURE__ */ jsx5("p", { className: "mx-4 mb-1 text-[11.5px] text-destructive", children: takeoverError.message }) : null
+      takeoverError && d && takeoverError.id === d.providerSessionId ? /* @__PURE__ */ jsx6("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__ */ jsxs5("div", { role: "group", "aria-label": group.label, children: [
-    /* @__PURE__ */ jsx5(GroupLabel, { children: group.label }),
+  const renderGroups = (entries) => groupEntries(entries, groupMode, now).map((group) => /* @__PURE__ */ jsxs6("div", { role: "group", "aria-label": group.label, children: [
+    /* @__PURE__ */ jsx6(GroupLabel, { children: group.label }),
     group.entries.map((e) => renderEntry(e))
   ] }, group.label));
   const searching = query.trim().length > 0;
@@ -1202,60 +1439,60 @@ function Sidebar(props) {
     props.onFound(hitToDiscovered(hit));
     props.select({ kind: "discovered", provider: hit.provider, id: hit.providerSessionId });
   };
-  const searchBody = /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx5(SectionLabel, { children: "Chats" }),
-    titleMatches.length === 0 ? /* @__PURE__ */ jsx5("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__ */ jsx5(SectionLabel, { children: "In conversations" }),
-    query.trim().length < 2 ? /* @__PURE__ */ jsx5("p", { className: "px-4 py-1 text-[12px] text-muted-foreground", children: "Type at least two letters to search what was said." }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+  const searchBody = /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx6(SectionLabel, { children: "Chats" }),
+    titleMatches.length === 0 ? /* @__PURE__ */ jsx6("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__ */ jsx6(SectionLabel, { children: "In conversations" }),
+    query.trim().length < 2 ? /* @__PURE__ */ jsx6("p", { className: "px-4 py-1 text-[12px] text-muted-foreground", children: "Type at least two letters to search what was said." }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
       contentHits.map((hit) => {
         const known = allByKey.get(chatKey(hit.provider, hit.providerSessionId));
         const entry = known ?? discoveredEntry(hitToDiscovered(hit), prefs);
-        return /* @__PURE__ */ jsx5("div", { onClickCapture: known ? void 0 : () => props.onFound(hitToDiscovered(hit)), children: renderEntry(entry, {
+        return /* @__PURE__ */ jsx6("div", { onClickCapture: known ? void 0 : () => props.onFound(hitToDiscovered(hit)), children: renderEntry(entry, {
           query,
-          snippet: hit.snippet ? /* @__PURE__ */ jsx5(Highlight, { text: hit.snippet, query }) : void 0
+          snippet: hit.snippet ? /* @__PURE__ */ jsx6(Highlight, { text: hit.snippet, query }) : void 0
         }) }, `hit:${entry.key}`);
       }),
-      /* @__PURE__ */ jsx5("div", { className: "px-4 py-2 text-[11.5px] leading-4 text-muted-foreground", role: "status", "aria-live": "polite", children: search.error ? /* @__PURE__ */ jsxs5("span", { className: "text-destructive", children: [
+      /* @__PURE__ */ jsx6("div", { className: "px-4 py-2 text-[11.5px] leading-4 text-muted-foreground", role: "status", "aria-live": "polite", children: search.error ? /* @__PURE__ */ jsxs6("span", { className: "text-destructive", children: [
         "Search stopped: ",
         search.error
-      ] }) : search.loading ? /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx5(SpinnerIcon, { size: 12 }),
+      ] }) : search.loading ? /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx6(SpinnerIcon, { size: 12 }),
         " Searching your chats\u2026"
-      ] }) : search.query ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      ] }) : search.query ? /* @__PURE__ */ jsxs6(Fragment4, { 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__ */ jsx5("button", { type: "button", className: "cs-link ml-1", onClick: searchMore, children: "Search older chats" }) : null
+        search.nextCursor !== null ? /* @__PURE__ */ jsx6("button", { type: "button", className: "cs-link ml-1", onClick: searchMore, children: "Search older chats" }) : null
       ] }) : null })
     ] })
   ] });
-  const listBody = /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    pinned.length > 0 ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-      /* @__PURE__ */ jsx5(SectionLabel, { children: "Pinned" }),
+  const listBody = /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    pinned.length > 0 ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsx6(SectionLabel, { children: "Pinned" }),
       pinned.map((e) => renderEntry(e))
     ] }) : null,
-    running.length > 0 ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-      /* @__PURE__ */ jsx5(SectionLabel, { children: "Running" }),
+    running.length > 0 ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsx6(SectionLabel, { children: "Running" }),
       running.map((e) => renderEntry(e))
     ] }) : null,
-    /* @__PURE__ */ jsx5(SectionLabel, { children: "Recent" }),
-    state.sessions.loading && state.sessions.loadedAt === null ? /* @__PURE__ */ jsx5(SidebarSkeleton, {}) : state.sessions.error ? /* @__PURE__ */ jsx5("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.sessions.error }) : recent.length === 0 ? running.length === 0 ? /* @__PURE__ */ jsx5("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__ */ jsx5(
+    /* @__PURE__ */ jsx6(SectionLabel, { children: "Recent" }),
+    state.sessions.loading && state.sessions.loadedAt === null ? /* @__PURE__ */ jsx6(SidebarSkeleton, {}) : state.sessions.error ? /* @__PURE__ */ jsx6("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.sessions.error }) : recent.length === 0 ? running.length === 0 ? /* @__PURE__ */ jsx6("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__ */ jsx6(
       SectionLabel,
       {
-        action: /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx5("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__ */ jsxs5(DropdownMenuContent, { align: "end", className: "w-52", children: [
-              /* @__PURE__ */ jsx5(DropdownMenuLabel, { children: "Group your other chats" }),
-              /* @__PURE__ */ jsxs5(DropdownMenuRadioGroup, { value: groupMode, onValueChange: (v) => setMode(v), children: [
-                /* @__PURE__ */ jsx5(DropdownMenuRadioItem, { value: "date", children: "By date" }),
-                /* @__PURE__ */ jsx5(DropdownMenuRadioItem, { value: "folder", children: "By folder" })
+        action: /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6("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__ */ jsxs6(DropdownMenuContent, { align: "end", className: "w-52", children: [
+              /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: "Group your other chats" }),
+              /* @__PURE__ */ jsxs6(DropdownMenuRadioGroup, { value: groupMode, onValueChange: (v) => setMode(v), children: [
+                /* @__PURE__ */ jsx6(DropdownMenuRadioItem, { value: "date", children: "By date" }),
+                /* @__PURE__ */ jsx6(DropdownMenuRadioItem, { value: "folder", children: "By folder" })
               ] }),
-              /* @__PURE__ */ jsx5(DropdownMenuSeparator2, {}),
-              /* @__PURE__ */ jsx5(DropdownMenuItem2, { onSelect: () => setShowHidden((v) => !v), children: showHidden ? "Leave hidden chats out" : `Show hidden chats${hiddenCount ? ` (${hiddenCount})` : ""}` })
+              /* @__PURE__ */ jsx6(DropdownMenuSeparator2, {}),
+              /* @__PURE__ */ jsx6(DropdownMenuItem2, { onSelect: () => setShowHidden((v) => !v), children: showHidden ? "Leave hidden chats out" : `Show hidden chats${hiddenCount ? ` (${hiddenCount})` : ""}` })
             ] })
           ] }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -1263,17 +1500,17 @@ function Sidebar(props) {
               onClick: () => void client.refreshDiscovered(),
               "aria-label": "Look again for your other chats",
               title: "Look again",
-              children: state.discovered.loading ? /* @__PURE__ */ jsx5(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx5(RefreshIcon, { size: 13 })
+              children: state.discovered.loading ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx6(RefreshIcon, { size: 13 })
             }
           )
         ] }),
         children: "Your other chats"
       }
     ),
-    state.discovered.loading && state.discovered.loadedAt === null ? /* @__PURE__ */ jsx5(SidebarSkeleton, {}) : state.discovered.error ? /* @__PURE__ */ jsx5("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.discovered.error }) : otherList.length === 0 ? /* @__PURE__ */ jsx5("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__ */ jsxs5(Fragment3, { children: [
+    state.discovered.loading && state.discovered.loadedAt === null ? /* @__PURE__ */ jsx6(SidebarSkeleton, {}) : state.discovered.error ? /* @__PURE__ */ jsx6("p", { className: "px-4 py-1 text-[12px] text-destructive", children: state.discovered.error }) : otherList.length === 0 ? /* @__PURE__ */ jsx6("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__ */ jsxs6(Fragment4, { children: [
       renderGroups(otherList),
-      state.discovered.data.length >= state.discoveredLimit ? /* @__PURE__ */ jsx5("div", { className: "px-3 pt-2", children: /* @__PURE__ */ jsxs5(
-        Button,
+      state.discovered.data.length >= state.discoveredLimit ? /* @__PURE__ */ jsx6("div", { className: "px-3 pt-2", children: /* @__PURE__ */ jsxs6(
+        Button2,
         {
           variant: "ghost",
           size: "sm",
@@ -1281,32 +1518,32 @@ function Sidebar(props) {
           onClick: () => void client.showMoreDiscovered(),
           disabled: state.discovered.loading,
           children: [
-            state.discovered.loading ? /* @__PURE__ */ jsx5(SpinnerIcon, { size: 13 }) : null,
+            state.discovered.loading ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }) : null,
             "Show older chats"
           ]
         }
       ) }) : null
     ] }),
-    showHidden ? null : hiddenCount > 0 ? /* @__PURE__ */ jsxs5("button", { type: "button", className: "cs-link mx-4 mt-3 text-[11.5px]", onClick: () => setShowHidden(true), children: [
+    showHidden ? null : hiddenCount > 0 ? /* @__PURE__ */ jsxs6("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__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "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__ */ jsxs5("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 pt-3.5", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx5("span", { className: "cs-app-mark", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx5("span", { className: "truncate text-[14px] font-semibold tracking-[-0.01em]", children: "Coding sessions" })
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 pt-3.5", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx6("span", { className: "cs-app-mark", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx6("span", { className: "truncate text-[14px] font-semibold tracking-[-0.01em]", children: "Coding sessions" })
           ] }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -1314,19 +1551,19 @@ function Sidebar(props) {
               onClick: props.onCollapse,
               "aria-label": "Hide the sidebar (\u2318B)",
               title: "Hide sidebar  \u2318B",
-              children: /* @__PURE__ */ jsx5(SidebarIcon, { size: 15 })
+              children: /* @__PURE__ */ jsx6(SidebarIcon, { size: 15 })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "space-y-1.5 px-3 pb-1", children: [
-          /* @__PURE__ */ jsxs5(Button, { className: "w-full justify-start gap-2", variant: "outline", size: "sm", onClick: props.onNew, children: [
-            /* @__PURE__ */ jsx5(PlusIcon, { size: 15 }),
+        /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5 px-3 pb-1", children: [
+          /* @__PURE__ */ jsxs6(Button2, { className: "w-full justify-start gap-2", variant: "outline", size: "sm", onClick: props.onNew, children: [
+            /* @__PURE__ */ jsx6(PlusIcon, { size: 15 }),
             "New session",
-            /* @__PURE__ */ jsx5("kbd", { className: "cs-kbd ml-auto", children: "\u2325\u2318N" })
+            /* @__PURE__ */ jsx6("kbd", { className: "cs-kbd ml-auto", children: "\u2325\u2318N" })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "cs-search", children: [
-            /* @__PURE__ */ jsx5(SearchIcon, { size: 14, className: "cs-search__icon" }),
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs6("div", { className: "cs-search", children: [
+            /* @__PURE__ */ jsx6(SearchIcon, { size: 14, className: "cs-search__icon" }),
+            /* @__PURE__ */ jsx6(
               "input",
               {
                 ref: props.searchRef,
@@ -1352,10 +1589,10 @@ function Sidebar(props) {
                 className: "cs-search__input"
               }
             ),
-            query ? /* @__PURE__ */ jsx5("button", { type: "button", className: "cs-icon-button cs-search__clear", onClick: () => setQuery(""), "aria-label": "Clear search", children: /* @__PURE__ */ jsx5(CloseIcon, { size: 13 }) }) : /* @__PURE__ */ jsx5("kbd", { className: "cs-search__kbd", children: "\u2318K" })
+            query ? /* @__PURE__ */ jsx6("button", { type: "button", className: "cs-icon-button cs-search__clear", onClick: () => setQuery(""), "aria-label": "Clear search", children: /* @__PURE__ */ jsx6(CloseIcon, { size: 13 }) }) : /* @__PURE__ */ jsx6("kbd", { className: "cs-search__kbd", children: "\u2318K" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx5("nav", { className: "min-h-0 flex-1 overflow-y-auto pb-3", children: searching ? searchBody : listBody }),
+        /* @__PURE__ */ jsx6("nav", { className: "min-h-0 flex-1 overflow-y-auto pb-3", children: searching ? searchBody : listBody }),
         props.footer
       ]
     }
@@ -1948,13 +2185,13 @@ function firstInvalidField(errors) {
 }
 
 // src/react/app.tsx
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function CodingSessionsProvider({ transport, children }) {
-  const [client] = useState5(() => new CodingSessionsClient(transport));
-  useEffect3(() => {
+  const [client] = useState6(() => new CodingSessionsClient(transport));
+  useEffect4(() => {
     if (transport.status().state === "open") void client.refreshAll();
   }, [client, transport]);
-  return /* @__PURE__ */ jsx6(CodingSessionsContext.Provider, { value: client, children });
+  return /* @__PURE__ */ jsx7(CodingSessionsContext.Provider, { value: client, children });
 }
 function readHash() {
   if (typeof location === "undefined") return { kind: "none" };
@@ -1977,8 +2214,8 @@ function readTheme() {
   }
 }
 function useTheme() {
-  const [choice, setChoice] = useState5(readTheme);
-  useEffect3(() => {
+  const [choice, setChoice] = useState6(readTheme);
+  useEffect4(() => {
     const media = typeof window.matchMedia === "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
     const apply = () => {
       const dark = choice === "dark" || choice === "system" && media?.matches === true;
@@ -2008,8 +2245,8 @@ var RUN_LABEL = {
 function RunPill({ run }) {
   if (!run) return null;
   const live = !isTerminalRunStatus(run.status);
-  return /* @__PURE__ */ jsxs6("span", { className: cn4("cs-pill", `cs-pill--${run.status}`), children: [
-    live ? /* @__PURE__ */ jsx6("span", { className: "cs-pill__dot", "aria-hidden": "true" }) : null,
+  return /* @__PURE__ */ jsxs7("span", { className: cn5("cs-pill", `cs-pill--${run.status}`), children: [
+    live ? /* @__PURE__ */ jsx7("span", { className: "cs-pill__dot", "aria-hidden": "true" }) : null,
     RUN_LABEL[run.status]
   ] });
 }
@@ -2017,17 +2254,17 @@ function ConnectionBanner() {
   const { connection } = useCodingSessionsState();
   if (connection.state === "open") return null;
   const closed = connection.state === "closed";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       role: "status",
-      className: cn4(
+      className: cn5(
         "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__ */ jsx6(AlertIcon, { size: 15 }) : /* @__PURE__ */ jsx6(SpinnerIcon, { size: 14 }),
-        /* @__PURE__ */ jsx6("span", { children: closed ? connection.reason : "Connecting to the coding sessions host\u2026" })
+        closed ? /* @__PURE__ */ jsx7(AlertIcon, { size: 15 }) : /* @__PURE__ */ jsx7(SpinnerIcon, { size: 14 }),
+        /* @__PURE__ */ jsx7("span", { children: closed ? connection.reason : "Connecting to the coding sessions host\u2026" })
       ]
     }
   );
@@ -2037,22 +2274,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__ */ jsx6("div", { className: "border-t border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx6("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ jsx6("span", { className: "text-[11.5px] text-muted-foreground", children: "Checking Claude Code and Codex\u2026" }) : state.providers.data.map((p) => /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx7("div", { className: "border-t border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx7("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ jsx7("span", { className: "text-[11.5px] text-muted-foreground", children: "Checking Claude Code and Codex\u2026" }) : state.providers.data.map((p) => /* @__PURE__ */ jsxs7(
       "span",
       {
-        className: cn4("cs-provider-chip", p.ready ? "" : "cs-provider-chip--problem"),
+        className: cn5("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__ */ jsx6(ProviderMark, { provider: p.provider, size: 13 }),
+          /* @__PURE__ */ jsx7(ProviderMark, { provider: p.provider, size: 13 }),
           p.label,
-          p.lastProblem ? /* @__PURE__ */ jsx6("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__ */ jsx6(CheckIcon, { size: 12 }) : /* @__PURE__ */ jsx6(AlertIcon, { size: 12 })
+          p.lastProblem ? /* @__PURE__ */ jsx7("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__ */ jsx7(CheckIcon, { size: 12 }) : /* @__PURE__ */ jsx7(AlertIcon, { size: 12 })
         ]
       },
       p.provider
     )) }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -2060,11 +2297,11 @@ function ProvidersFooter(props) {
         onClick: () => void client.refreshProviders(),
         "aria-label": "Check Claude Code and Codex again",
         title: "Check again",
-        children: state.providers.loading ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx6(RefreshIcon, { size: 13 })
+        children: state.providers.loading ? /* @__PURE__ */ jsx7(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx7(RefreshIcon, { size: 13 })
       }
     ),
     props.extra,
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -2072,14 +2309,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__ */ jsx6(MonitorIcon, { size: 14 }) : props.theme === "light" ? /* @__PURE__ */ jsx6(SunIcon, { size: 14 }) : /* @__PURE__ */ jsx6(MoonIcon, { size: 14 })
+        children: props.theme === "system" ? /* @__PURE__ */ jsx7(MonitorIcon, { size: 14 }) : props.theme === "light" ? /* @__PURE__ */ jsx7(SunIcon, { size: 14 }) : /* @__PURE__ */ jsx7(MoonIcon, { size: 14 })
       }
     )
   ] }) });
 }
 function useNotifier() {
   const show = useContext3(ToastContext);
-  return useMemo3(
+  return useMemo4(
     () => ({
       notify(event) {
         show(event.message);
@@ -2090,8 +2327,8 @@ function useNotifier() {
 }
 function useLiveElsewhere(provider, providerSessionId, initial = null) {
   const client = useCodingSessionsClient();
-  const [state, setState] = useState5(initial);
-  useEffect3(() => {
+  const [state, setState] = useState6(initial);
+  useEffect4(() => {
     if (!provider || !providerSessionId) {
       setState(null);
       return;
@@ -2111,8 +2348,8 @@ function useLiveElsewhere(provider, providerSessionId, initial = null) {
 }
 function useSessionUsage(sessionId, lastRunKey) {
   const client = useCodingSessionsClient();
-  const [usage, setUsage] = useState5(null);
-  useEffect3(() => {
+  const [usage, setUsage] = useState6(null);
+  useEffect4(() => {
     let cancelled = false;
     void client.transport.call("listRuns", sessionId).then((runs) => {
       if (cancelled) return;
@@ -2133,18 +2370,18 @@ function useSessionUsage(sessionId, lastRunKey) {
   return usage;
 }
 function HeaderMenu(props) {
-  return /* @__PURE__ */ jsxs6(DropdownMenu2, { children: [
-    /* @__PURE__ */ jsx6(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: "cs-icon-button", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ jsx6(MoreIcon, { size: 16 }) }) }),
-    /* @__PURE__ */ jsx6(DropdownMenuContent2, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx6(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename }) })
+  return /* @__PURE__ */ jsxs7(DropdownMenu2, { children: [
+    /* @__PURE__ */ jsx7(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx7("button", { type: "button", className: "cs-icon-button", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ jsx7(MoreIcon, { size: 16 }) }) }),
+    /* @__PURE__ */ jsx7(DropdownMenuContent2, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx7(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename }) })
   ] });
 }
 function HeaderTitle(props) {
   const client = useCodingSessionsClient();
   const show = useContext3(ToastContext);
-  const [value, setValue] = useState5(props.entry.title);
-  useEffect3(() => setValue(props.entry.title), [props.entry.title, props.renaming]);
-  const inputRef = useRef2(null);
-  useEffect3(() => {
+  const [value, setValue] = useState6(props.entry.title);
+  useEffect4(() => setValue(props.entry.title), [props.entry.title, props.renaming]);
+  const inputRef = useRef3(null);
+  useEffect4(() => {
     if (!props.renaming) return;
     const timer = setTimeout(() => {
       const input = inputRef.current;
@@ -2156,7 +2393,7 @@ function HeaderTitle(props) {
     return () => clearTimeout(timer);
   }, [props.renaming]);
   if (!props.renaming) {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(
       "h1",
       {
         className: "truncate text-[15px] font-semibold leading-5 tracking-[-0.01em]",
@@ -2173,7 +2410,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__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "input",
     {
       ref: inputRef,
@@ -2192,9 +2429,9 @@ function HeaderTitle(props) {
   );
 }
 function LongChatNote(props) {
-  return /* @__PURE__ */ jsxs6("p", { className: "mx-auto mt-3 flex items-center gap-2 text-[12px] text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs7("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__ */ jsx6("button", { type: "button", className: "cs-link", onClick: props.onEarlier, disabled: props.loading, children: props.loading ? "Reading\u2026" : "Show earlier" })
+    /* @__PURE__ */ jsx7("button", { type: "button", className: "cs-link", onClick: props.onEarlier, disabled: props.loading, children: props.loading ? "Reading\u2026" : "Show earlier" })
   ] });
 }
 function binaryWords(p) {
@@ -2216,8 +2453,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] = useState5(false);
-  const [renaming, setRenaming] = useState5(false);
+  const [stopping, setStopping] = useState6(false);
+  const [renaming, setRenaming] = useState6(false);
   const elsewhere = useLiveElsewhere(
     session.origin === "takeover" && !live ? session.provider : null,
     session.providerSessionId
@@ -2226,7 +2463,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 ?? ""}`);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!live) setStopping(false);
   }, [live]);
   const stop = async () => {
@@ -2239,16 +2476,16 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
   };
   const usageWords = usage ? `${formatCount(usage.tokens, { style: "compact" })} tokens${usage.cost !== null ? ` \xB7 ${formatUsd(usage.cost)}` : ""}` : null;
   const usageTitle = usage ? `${formatCount(usage.tokens)} tokens over ${usage.runs} ${usage.runs === 1 ? "message" : "messages"} sent from here.` + (usage.cost !== null ? usage.billing === "subscription" ? ` ${formatUsd(usage.cost)} is what this would cost at API prices \u2014 it's covered by your ${provider?.plan ?? ""} plan.`.replace("  ", " ") : ` Billed ${formatUsd(usage.cost)} to your API key.` : "") : "";
-  return /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1", children: [
-    /* @__PURE__ */ jsxs6("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ jsxs6("header", { className: "flex items-center gap-3 border-b border-border px-5 py-2.5", children: [
-        /* @__PURE__ */ jsx6(ProviderMark, { provider: session.provider, size: 22 }),
-        /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx6(HeaderTitle, { entry, renaming, setRenaming }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 items-center gap-1 text-[12px] leading-5 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx6("span", { className: "shrink-0", children: PROVIDER_LABEL[session.provider] }),
-            /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "\xB7" }),
-            /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs7("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
+      /* @__PURE__ */ jsxs7("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+        /* @__PURE__ */ jsx7(ProviderMark, { provider: session.provider, size: 22 }),
+        /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ jsx7(HeaderTitle, { entry, renaming, setRenaming }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-center gap-1 text-[12px] leading-5 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx7("span", { className: "shrink-0", children: PROVIDER_LABEL[session.provider] }),
+            /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ jsx7(
               ModelPicker,
               {
                 status: provider,
@@ -2256,69 +2493,70 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
                 onChange: setOptions
               }
             ),
-            /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "\xB7" }),
-            /* @__PURE__ */ jsx6(FolderIcon, { size: 12, className: "shrink-0" }),
-            /* @__PURE__ */ jsx6("span", { className: "min-w-[4rem] truncate", title: session.cwd, children: prettyPath2(session.cwd) }),
-            usageWords ? /* @__PURE__ */ jsxs6("span", { className: "shrink-0", title: usageTitle, children: [
+            /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ jsx7(FolderIcon, { size: 12, className: "shrink-0" }),
+            /* @__PURE__ */ jsx7("span", { className: "min-w-[4rem] truncate", title: session.cwd, children: prettyPath2(session.cwd) }),
+            usageWords ? /* @__PURE__ */ jsxs7("span", { className: "shrink-0", title: usageTitle, children: [
               "\xB7 ",
               usageWords
             ] }) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6(
+        session.agent ? /* @__PURE__ */ jsx7(AgentChip, { agent: session.agent }) : null,
+        /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
-            className: cn4("cs-chip-button", changesOpen && "cs-chip-button--on"),
+            className: cn5("cs-chip-button", changesOpen && "cs-chip-button--on"),
             onClick: () => setChangesOpen(!changesOpen),
             "aria-pressed": changesOpen,
             title: "Files this chat changed",
             children: [
-              /* @__PURE__ */ jsx6(FileIcon, { size: 13 }),
+              /* @__PURE__ */ jsx7(FileIcon, { size: 13 }),
               files.length > 0 ? `${files.length} ${files.length === 1 ? "file" : "files"} changed` : "Changes"
             ]
           }
         ),
-        /* @__PURE__ */ jsx6(RunPill, { run }),
-        live ? /* @__PURE__ */ jsxs6(Button2, { variant: "outline", size: "sm", onClick: () => void stop(), disabled: stopping, className: "gap-1.5", title: "Stop  Esc", children: [
-          stopping ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx6(StopIcon, { size: 13 }),
+        /* @__PURE__ */ jsx7(RunPill, { run }),
+        live ? /* @__PURE__ */ jsxs7(Button3, { variant: "outline", size: "sm", onClick: () => void stop(), disabled: stopping, className: "gap-1.5", title: "Stop  Esc", children: [
+          stopping ? /* @__PURE__ */ jsx7(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx7(StopIcon, { size: 13 }),
           stopping ? "Stopping\u2026" : "Stop"
         ] }) : null,
-        /* @__PURE__ */ jsx6(HeaderMenu, { entry, onRename: () => setRenaming(true) })
+        /* @__PURE__ */ jsx7(HeaderMenu, { entry, onRename: () => setRenaming(true) })
       ] }),
-      /* @__PURE__ */ jsx6("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs6(ChatProvider, { thread: transcript.thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
-        /* @__PURE__ */ jsx6("div", { className: "min-h-0 flex-1 overflow-hidden", children: transcript.state.loading ? /* @__PURE__ */ jsxs6("div", { className: "flex h-full items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx6(SpinnerIcon, { size: 15 }),
+      /* @__PURE__ */ jsx7("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs7(ChatProvider, { thread: transcript.thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
+        /* @__PURE__ */ jsx7("div", { className: "min-h-0 flex-1 overflow-hidden", children: transcript.state.loading ? /* @__PURE__ */ jsxs7("div", { className: "flex h-full items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx7(SpinnerIcon, { size: 15 }),
           " Loading the conversation\u2026"
-        ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col", children: [
-          transcript.state.unavailable ? /* @__PURE__ */ jsx6("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__ */ jsx6(
+        ] }) : /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col", children: [
+          transcript.state.unavailable ? /* @__PURE__ */ jsx7("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__ */ jsx7(
             LongChatNote,
             {
               loading: transcript.state.loadingEarlier === true,
               onEarlier: () => void transcript.loadEarlier()
             }
           ) : null,
-          messages.length === 0 && !live ? /* @__PURE__ */ jsx6("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__ */ jsx6(ChatMessageList, { className: "min-h-0 flex-1", label: `Conversation: ${entry.title}` })
+          messages.length === 0 && !live ? /* @__PURE__ */ jsx7("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__ */ jsx7(ChatMessageList, { className: "min-h-0 flex-1", label: `Conversation: ${entry.title}` })
         ] }) }),
-        /* @__PURE__ */ jsxs6("div", { className: "mx-auto w-full max-w-[820px] px-4 pb-4", children: [
-          limited ? /* @__PURE__ */ jsxs6("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__ */ jsx6(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-            /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsxs7("div", { className: "mx-auto w-full max-w-[820px] px-4 pb-4", children: [
+          limited ? /* @__PURE__ */ jsxs7("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__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+            /* @__PURE__ */ jsxs7("span", { children: [
               limited.problem,
               " ",
               limited.fix
             ] })
           ] }) : null,
-          modelRefused && !blocked ? /* @__PURE__ */ jsxs6(
+          modelRefused && !blocked ? /* @__PURE__ */ jsxs7(
             "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__ */ jsx6(AlertIcon, { size: 15, className: "shrink-0 text-warning" }),
-                /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate", title: run?.error ?? void 0, children: MODEL_UNAVAILABLE_LABEL }),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(AlertIcon, { size: 15, className: "shrink-0 text-warning" }),
+                /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", title: run?.error ?? void 0, children: MODEL_UNAVAILABLE_LABEL }),
+                /* @__PURE__ */ jsx7(
                   ModelPicker,
                   {
                     status: provider,
@@ -2329,31 +2567,31 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
               ]
             }
           ) : null,
-          blocked ? /* @__PURE__ */ jsxs6("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__ */ jsx6(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-            /* @__PURE__ */ jsxs6("span", { children: [
+          blocked ? /* @__PURE__ */ jsxs7("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__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+            /* @__PURE__ */ jsxs7("span", { children: [
               blocked.problem,
               " ",
               blocked.fix
             ] })
           ] }) : null,
-          /* @__PURE__ */ jsx6("div", { className: "cs-activity", role: "status", "aria-live": "polite", "data-idle": live ? void 0 : true, children: live ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-            /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }),
-            /* @__PURE__ */ jsx6("span", { className: "truncate", children: run?.status === "starting" ? `Starting ${PROVIDER_LABEL[session.provider]}\u2026` : transcript.activity ?? "Thinking\u2026" }),
-            /* @__PURE__ */ jsx6("span", { className: "ml-auto shrink-0 text-[11px] opacity-70", children: "Esc to stop" })
+          /* @__PURE__ */ jsx7("div", { className: "cs-activity", role: "status", "aria-live": "polite", "data-idle": live ? void 0 : true, children: live ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+            /* @__PURE__ */ jsx7(SpinnerIcon, { size: 13 }),
+            /* @__PURE__ */ jsx7("span", { className: "truncate", children: run?.status === "starting" ? `Starting ${PROVIDER_LABEL[session.provider]}\u2026` : transcript.activity ?? "Thinking\u2026" }),
+            /* @__PURE__ */ jsx7("span", { className: "ml-auto shrink-0 text-[11px] opacity-70", children: "Esc to stop" })
           ] }) : null }),
-          elsewhere ? /* @__PURE__ */ jsxs6("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__ */ jsx6(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-            /* @__PURE__ */ jsxs6("span", { children: [
+          elsewhere ? /* @__PURE__ */ jsxs7("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__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+            /* @__PURE__ */ jsxs7("span", { children: [
               elsewhere.message,
               " A message sent here would put a second agent on the same chat."
             ] })
           ] }) : null,
-          session.queued.length > 0 ? /* @__PURE__ */ jsx6("ul", { className: "mb-2 space-y-1.5", "aria-label": "Queued messages", children: session.queued.map((text, index) => /* @__PURE__ */ jsxs6("li", { className: "cs-queued", children: [
-            /* @__PURE__ */ jsx6("span", { className: "cs-queued__label", children: "Queued \xB7 sends when this run finishes" }),
-            /* @__PURE__ */ jsx6("span", { className: "cs-queued__text", children: text })
+          session.queued.length > 0 ? /* @__PURE__ */ jsx7("ul", { className: "mb-2 space-y-1.5", "aria-label": "Queued messages", children: session.queued.map((text, index) => /* @__PURE__ */ jsxs7("li", { className: "cs-queued", children: [
+            /* @__PURE__ */ jsx7("span", { className: "cs-queued__label", children: "Queued \xB7 sends when this run finishes" }),
+            /* @__PURE__ */ jsx7("span", { className: "cs-queued__text", children: text })
           ] }, `${index}-${text.slice(0, 16)}`)) }) : null,
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             ChatComposer,
             {
               placeholder: `Message ${PROVIDER_LABEL[session.provider]}\u2026`,
@@ -2364,14 +2602,14 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
         ] })
       ] }) })
     ] }),
-    changesOpen ? /* @__PURE__ */ jsx6(ChangesPanel, { files, cwd: session.cwd, truncated: transcript.state.truncated, onClose: () => setChangesOpen(false) }) : null
+    changesOpen ? /* @__PURE__ */ jsx7(ChangesPanel, { files, cwd: session.cwd, truncated: transcript.state.truncated, onClose: () => setChangesOpen(false) }) : null
   ] });
 }
 function usePreviewThread(id, onSend) {
-  const ref = useRef2({ messages: [], listeners: /* @__PURE__ */ new Set() });
-  const send = useRef2(onSend);
+  const ref = useRef3({ messages: [], listeners: /* @__PURE__ */ new Set() });
+  const send = useRef3(onSend);
   send.current = onSend;
-  const thread = useMemo3(
+  const thread = useMemo4(
     () => createExternalThreadSource2({
       getSnapshot: () => ({ messages: ref.current.messages, status: "idle", conversationId: id }),
       subscribe: (listener) => {
@@ -2396,13 +2634,13 @@ function DiscoveredView(props) {
   const state = useCodingSessionsState();
   const show = useContext3(ToastContext);
   const now = useMinuteClock();
-  const [preview, setPreview] = useState5({ loading: true, messages: [], unavailable: null, truncated: false });
-  const [busy, setBusy] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [confirming, setConfirming] = useState5(false);
-  const [renaming, setRenaming] = useState5(false);
-  const [maxBytes, setMaxBytes] = useState5(void 0);
-  const [readingEarlier, setReadingEarlier] = useState5(false);
+  const [preview, setPreview] = useState6({ loading: true, messages: [], unavailable: null, truncated: false });
+  const [busy, setBusy] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [confirming, setConfirming] = useState6(false);
+  const [renaming, setRenaming] = useState6(false);
+  const [maxBytes, setMaxBytes] = useState6(void 0);
+  const [readingEarlier, setReadingEarlier] = useState6(false);
   const elsewhere = useLiveElsewhere(props.provider, props.id, props.session?.activeElsewhere ?? null);
   const files = useChangedFiles(preview.messages);
   const d = props.session;
@@ -2412,7 +2650,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."
     )
   );
-  useEffect3(() => {
+  useEffect4(() => {
     let cancelled = false;
     const read = (first) => client.readPreview(props.provider, props.id, maxBytes).then((next) => {
       if (cancelled) return;
@@ -2451,26 +2689,26 @@ function DiscoveredView(props) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1", children: [
-    /* @__PURE__ */ jsxs6("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ jsxs6("header", { className: "flex items-center gap-3 border-b border-border px-5 py-3", children: [
-        /* @__PURE__ */ jsx6(ProviderMark, { provider: props.provider, size: 22 }),
-        /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx6(HeaderTitle, { entry, renaming, setRenaming }),
-          /* @__PURE__ */ jsxs6("p", { className: "flex items-center gap-1.5 truncate text-[12px] leading-4 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx6("span", { children: PROVIDER_LABEL[props.provider] }),
-            d?.cwd ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-              /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ jsx6(FolderIcon, { size: 12 }),
-              /* @__PURE__ */ jsx6("span", { className: "truncate", title: d.cwd, children: prettyPath2(d.cwd) })
+  return /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs7("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
+      /* @__PURE__ */ jsxs7("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+        /* @__PURE__ */ jsx7(ProviderMark, { provider: props.provider, size: 22 }),
+        /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx7(HeaderTitle, { entry, renaming, setRenaming }),
+          /* @__PURE__ */ jsxs7("p", { className: "flex items-center gap-1.5 truncate text-[12px] leading-4 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx7("span", { children: PROVIDER_LABEL[props.provider] }),
+            d?.cwd ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+              /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx7(FolderIcon, { size: 12 }),
+              /* @__PURE__ */ jsx7("span", { className: "truncate", title: d.cwd, children: prettyPath2(d.cwd) })
             ] }) : null,
-            d ? /* @__PURE__ */ jsxs6("span", { children: [
+            d ? /* @__PURE__ */ jsxs7("span", { children: [
               "\xB7 last active ",
               relativeTime(d.updatedAt, now)
             ] }) : null
           ] })
         ] }),
-        files.length > 0 ? /* @__PURE__ */ jsxs6(
+        files.length > 0 ? /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
@@ -2479,13 +2717,13 @@ function DiscoveredView(props) {
             "aria-pressed": props.changesOpen,
             title: "Files this chat changed",
             children: [
-              /* @__PURE__ */ jsx6(FileIcon, { size: 13 }),
+              /* @__PURE__ */ jsx7(FileIcon, { size: 13 }),
               `${files.length} ${files.length === 1 ? "file" : "files"} changed`
             ]
           }
         ) : null,
-        d?.cwd ? /* @__PURE__ */ jsxs6(
-          Button2,
+        d?.cwd ? /* @__PURE__ */ jsxs7(
+          Button3,
           {
             size: "sm",
             variant: elsewhere ? "outline" : "default",
@@ -2494,44 +2732,44 @@ function DiscoveredView(props) {
             className: "gap-1.5",
             title: elsewhere ? elsewhere.message : void 0,
             children: [
-              busy ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }) : elsewhere ? /* @__PURE__ */ jsx6(AlertIcon, { size: 14, className: "text-warning" }) : /* @__PURE__ */ jsx6(HandoffIcon, { size: 14 }),
+              busy ? /* @__PURE__ */ jsx7(SpinnerIcon, { size: 13 }) : elsewhere ? /* @__PURE__ */ jsx7(AlertIcon, { size: 14, className: "text-warning" }) : /* @__PURE__ */ jsx7(HandoffIcon, { size: 14 }),
               elsewhere ? "Take over anyway\u2026" : "Take over"
             ]
           }
         ) : null,
-        d ? /* @__PURE__ */ jsx6(HeaderMenu, { entry, onRename: () => setRenaming(true) }) : null
+        d ? /* @__PURE__ */ jsx7(HeaderMenu, { entry, onRename: () => setRenaming(true) }) : null
       ] }),
-      elsewhere ? /* @__PURE__ */ jsxs6("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__ */ jsx6(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "font-medium", children: elsewhere.message }),
+      elsewhere ? /* @__PURE__ */ jsxs7("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__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 shrink-0 text-warning" }),
+        /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7("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__ */ jsx6(Dialog, { open: confirming, onOpenChange: setConfirming, children: /* @__PURE__ */ jsxs6(DialogContent, { className: "max-w-[460px]", children: [
-        /* @__PURE__ */ jsxs6(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs6(DialogTitle, { children: [
+      /* @__PURE__ */ jsx7(Dialog, { open: confirming, onOpenChange: setConfirming, children: /* @__PURE__ */ jsxs7(DialogContent, { className: "max-w-[460px]", children: [
+        /* @__PURE__ */ jsxs7(DialogHeader, { children: [
+          /* @__PURE__ */ jsxs7(DialogTitle, { children: [
             "This chat is running right now in ",
             PROVIDER_LABEL[props.provider]
           ] }),
-          /* @__PURE__ */ jsxs6(DialogDescription, { children: [
+          /* @__PURE__ */ jsxs7(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__ */ jsxs6(DialogFooter, { children: [
-          /* @__PURE__ */ jsx6(Button2, { variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
-          /* @__PURE__ */ jsx6(Button2, { variant: "destructive", onClick: () => void takeover(), children: "Take over anyway" })
+        /* @__PURE__ */ jsxs7(DialogFooter, { children: [
+          /* @__PURE__ */ jsx7(Button3, { variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx7(Button3, { variant: "destructive", onClick: () => void takeover(), children: "Take over anyway" })
         ] })
       ] }) }),
-      error ? /* @__PURE__ */ jsx6("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__ */ jsx6("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__ */ jsxs6("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: [
-        preview.loading ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx6(SpinnerIcon, { size: 15 }),
+      error ? /* @__PURE__ */ jsx7("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__ */ jsx7("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__ */ jsxs7("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: [
+        preview.loading ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx7(SpinnerIcon, { size: 15 }),
           " Reading this chat\u2026"
-        ] }) : preview.unavailable ? /* @__PURE__ */ jsx6("div", { className: "flex flex-1 items-center justify-center px-6 text-center text-[13px] text-muted-foreground", children: preview.unavailable }) : /* @__PURE__ */ jsxs6(ChatProvider, { thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
-          preview.truncated ? /* @__PURE__ */ jsx6(
+        ] }) : preview.unavailable ? /* @__PURE__ */ jsx7("div", { className: "flex flex-1 items-center justify-center px-6 text-center text-[13px] text-muted-foreground", children: preview.unavailable }) : /* @__PURE__ */ jsxs7(ChatProvider, { thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
+          preview.truncated ? /* @__PURE__ */ jsx7(
             LongChatNote,
             {
               loading: readingEarlier,
@@ -2541,14 +2779,14 @@ function DiscoveredView(props) {
               }
             }
           ) : null,
-          /* @__PURE__ */ jsx6(ChatMessageList, { className: "min-h-0 flex-1", label: "Chat preview" })
+          /* @__PURE__ */ jsx7(ChatMessageList, { className: "min-h-0 flex-1", label: "Chat preview" })
         ] }),
-        d?.cwd ? /* @__PURE__ */ jsxs6("div", { className: "border-t border-border bg-muted/30 px-5 py-3 text-center text-[13px] text-muted-foreground", children: [
+        d?.cwd ? /* @__PURE__ */ jsxs7("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__ */ jsx6("button", { type: "button", className: "font-medium text-foreground underline-offset-4 hover:underline", onClick: requestTakeover, children: "Take it over" }),
+          /* @__PURE__ */ jsx7("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],
@@ -2556,70 +2794,73 @@ function DiscoveredView(props) {
         ] }) : null
       ] })
     ] }),
-    props.changesOpen && files.length > 0 ? /* @__PURE__ */ jsx6(ChangesPanel, { files, cwd: d?.cwd ?? null, truncated: preview.truncated, onClose: () => props.setChangesOpen(false) }) : null
+    props.changesOpen && files.length > 0 ? /* @__PURE__ */ jsx7(ChangesPanel, { files, cwd: d?.cwd ?? null, truncated: preview.truncated, onClose: () => props.setChangesOpen(false) }) : null
   ] });
 }
 function ProviderCard(props) {
   const ready = props.status.ready;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "button",
     {
       type: "button",
       onClick: props.onSelect,
       "aria-pressed": props.selected,
-      className: cn4(
+      className: cn5(
         "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__ */ jsxs6("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx6(ProviderMark, { provider: props.status.provider, size: 18 }),
-          /* @__PURE__ */ jsx6("span", { className: "text-[13.5px] font-semibold", children: props.status.label })
+        /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx7(ProviderMark, { provider: props.status.provider, size: 18 }),
+          /* @__PURE__ */ jsx7("span", { className: "text-[13.5px] font-semibold", children: props.status.label })
         ] }),
-        ready ? /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1 text-[12px] text-success", children: [
-          /* @__PURE__ */ jsx6(CheckIcon, { size: 13 }),
+        ready ? /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-1 text-[12px] text-success", children: [
+          /* @__PURE__ */ jsx7(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__ */ jsxs6("span", { className: "flex items-start gap-1 text-[12px] leading-4 text-warning", children: [
-          /* @__PURE__ */ jsx6(AlertIcon, { size: 13, className: "mt-px shrink-0" }),
+        ] }) : /* @__PURE__ */ jsxs7("span", { className: "flex items-start gap-1 text-[12px] leading-4 text-warning", children: [
+          /* @__PURE__ */ jsx7(AlertIcon, { size: 13, className: "mt-px shrink-0" }),
           props.status.problem
         ] }),
-        props.status.quota.filter((w) => w.usedPercent !== null).length > 0 ? /* @__PURE__ */ jsx6("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__ */ jsx7("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__ */ jsxs6("p", { id, role: "alert", className: "flex items-start gap-1.5 text-[12.5px] leading-5 text-destructive", children: [
-    /* @__PURE__ */ jsx6(AlertIcon, { size: 14, className: "mt-0.5 shrink-0" }),
-    /* @__PURE__ */ jsx6("span", { children })
+  return /* @__PURE__ */ jsxs7("p", { id, role: "alert", className: "flex items-start gap-1.5 text-[12.5px] leading-5 text-destructive", children: [
+    /* @__PURE__ */ jsx7(AlertIcon, { size: 14, className: "mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsx7("span", { children })
   ] });
 }
 function NewSessionDialog(props) {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
   const now = useMinuteClock();
-  const [provider, setProvider] = useState5("claude");
-  const [folder, setFolder] = useState5("");
-  const [choice, setChoice] = useState5({ model: null, effort: null });
-  const [prompt, setPrompt] = useState5("");
-  const [errors, setErrors] = useState5({});
-  const [problem, setProblem] = useState5(null);
-  const [starting, setStarting] = useState5(false);
-  const [creating, setCreating] = useState5(false);
-  const promptRef = useRef2(null);
-  const folderRef = useRef2(null);
-  const agentRef = useRef2(null);
-  useEffect3(() => {
+  const [provider, setProvider] = useState6("claude");
+  const [folder, setFolder] = useState6("");
+  const [choice, setChoice] = useState6({ model: null, effort: null });
+  const [prompt, setPrompt] = useState6("");
+  const [errors, setErrors] = useState6({});
+  const [problem, setProblem] = useState6(null);
+  const [starting, setStarting] = useState6(false);
+  const [creating, setCreating] = useState6(false);
+  const [agent, setAgent] = useState6(null);
+  const [agentDetails, setAgentDetails] = useState6(null);
+  const [agentMissing, setAgentMissing] = useState6(null);
+  const promptRef = useRef3(null);
+  const folderRef = useRef3(null);
+  const agentRef = useRef3(null);
+  useEffect4(() => {
     if (!props.open) return;
     setProblem(null);
     setErrors({});
     void client.refreshProviders();
     void client.refreshFolders();
   }, [props.open, client]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!folder && state.folders.data[0]?.exists) setFolder(state.folders.data[0].path);
   }, [state.folders.data, folder]);
-  useEffect3(() => {
+  useEffect4(() => {
     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);
@@ -2645,9 +2886,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) {
@@ -2683,16 +2937,16 @@ function NewSessionDialog(props) {
     if (field === "folder") delete next.createFolder;
     return next;
   });
-  return /* @__PURE__ */ jsx6(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ jsxs6(DialogContent, { className: "max-w-[560px]", children: [
-    /* @__PURE__ */ jsxs6(DialogHeader, { children: [
-      /* @__PURE__ */ jsx6(DialogTitle, { children: "New coding session" }),
-      /* @__PURE__ */ jsxs6(DialogDescription, { children: [
+  return /* @__PURE__ */ jsx7(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ jsxs7(DialogContent, { className: "max-w-[560px]", children: [
+    /* @__PURE__ */ jsxs7(DialogHeader, { children: [
+      /* @__PURE__ */ jsx7(DialogTitle, { children: "New coding session" }),
+      /* @__PURE__ */ jsxs7(DialogDescription, { children: [
         "Runs on your own ",
         provider === "claude" ? "Claude" : "ChatGPT",
         " sign-in, in a folder on this computer."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs7(
       "form",
       {
         noValidate: true,
@@ -2702,13 +2956,13 @@ function NewSessionDialog(props) {
         },
         className: "flex min-h-0 flex-col",
         children: [
-          /* @__PURE__ */ jsxs6("div", { className: "cs-dialog-body space-y-5 py-1 pr-1", children: [
-            /* @__PURE__ */ jsxs6("fieldset", { className: "space-y-2", ref: agentRef, children: [
-              /* @__PURE__ */ jsx6("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Agent" }),
-              state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx6("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" }),
-                /* @__PURE__ */ jsx6("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" })
-              ] }) : state.providers.error ? /* @__PURE__ */ jsx6("p", { className: "text-[12.5px] text-destructive", children: state.providers.error }) : /* @__PURE__ */ jsx6("div", { className: "flex gap-2", children: state.providers.data.map((p) => /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs7("div", { className: "cs-dialog-body space-y-5 py-1 pr-1", children: [
+            /* @__PURE__ */ jsxs7("fieldset", { className: "space-y-2", ref: agentRef, children: [
+              /* @__PURE__ */ jsx7("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Agent" }),
+              state.providers.loading && state.providers.loadedAt === null ? /* @__PURE__ */ jsxs7("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx7("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" }),
+                /* @__PURE__ */ jsx7("div", { className: "cs-skeleton h-[68px] flex-1 rounded-xl" })
+              ] }) : state.providers.error ? /* @__PURE__ */ jsx7("p", { className: "text-[12.5px] text-destructive", children: state.providers.error }) : /* @__PURE__ */ jsx7("div", { className: "flex gap-2", children: state.providers.data.map((p) => /* @__PURE__ */ jsx7(
                 ProviderCard,
                 {
                   status: p,
@@ -2721,14 +2975,31 @@ function NewSessionDialog(props) {
                 },
                 p.provider
               )) }),
-              errors.agent ? /* @__PURE__ */ jsx6(FieldError, { id: "cs-err-agent", children: errors.agent }) : selected && !selected.ready && selected.fix ? /* @__PURE__ */ jsxs6("p", { className: "text-[12px] leading-4 text-muted-foreground", children: [
+              errors.agent ? /* @__PURE__ */ jsx7(FieldError, { id: "cs-err-agent", children: errors.agent }) : selected && !selected.ready && selected.fix ? /* @__PURE__ */ jsxs7("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__ */ jsxs6("fieldset", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx6("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Folder" }),
-              state.folders.data.length > 0 ? /* @__PURE__ */ jsx6("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__ */ jsxs6(
+            /* @__PURE__ */ jsxs7("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx7("legend", { className: "mb-2 text-[12.5px] font-medium", children: "AI Matrx agent" }),
+              /* @__PURE__ */ jsx7(
+                AgentField,
+                {
+                  transport: client.transport,
+                  open: props.open,
+                  value: agent,
+                  onChange: (next) => {
+                    setAgent(next);
+                    setAgentMissing(null);
+                  },
+                  missing: agentMissing,
+                  onDetails: setAgentDetails
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs7("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx7("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Folder" }),
+              state.folders.data.length > 0 ? /* @__PURE__ */ jsx7("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__ */ jsxs7(
                 "button",
                 {
                   type: "button",
@@ -2738,21 +3009,21 @@ function NewSessionDialog(props) {
                   },
                   disabled: !f.exists,
                   title: f.exists ? f.path : `${f.path} no longer exists`,
-                  className: cn4(
+                  className: cn5(
                     "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__ */ jsx6(FolderIcon, { size: 14, className: "shrink-0 text-muted-foreground" }),
-                    /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate", children: prettyPath2(f.path) }),
-                    /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: f.exists ? relativeTime(f.lastUsedAt, now) : "missing" })
+                    /* @__PURE__ */ jsx7(FolderIcon, { size: 14, className: "shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: prettyPath2(f.path) }),
+                    /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: f.exists ? relativeTime(f.lastUsedAt, now) : "missing" })
                   ]
                 },
                 f.path
-              )) }) : state.folders.loading ? /* @__PURE__ */ jsx6("div", { className: "cs-skeleton h-10 rounded-lg" }) : null,
-              /* @__PURE__ */ jsx6(
-                Input,
+              )) }) : state.folders.loading ? /* @__PURE__ */ jsx7("div", { className: "cs-skeleton h-10 rounded-lg" }) : null,
+              /* @__PURE__ */ jsx7(
+                Input2,
                 {
                   ref: folderRef,
                   value: folder,
@@ -2767,18 +3038,18 @@ function NewSessionDialog(props) {
                   spellCheck: false
                 }
               ),
-              errors.folder ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
-                /* @__PURE__ */ jsx6(FieldError, { id: "cs-err-folder", children: errors.folder }),
-                errors.createFolder ? /* @__PURE__ */ jsxs6(Button2, { type: "button", size: "sm", variant: "outline", onClick: () => void createFolder(), disabled: creating, className: "gap-1.5", children: [
-                  creating ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx6(FolderIcon, { size: 13 }),
+              errors.folder ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+                /* @__PURE__ */ jsx7(FieldError, { id: "cs-err-folder", children: errors.folder }),
+                errors.createFolder ? /* @__PURE__ */ jsxs7(Button3, { type: "button", size: "sm", variant: "outline", onClick: () => void createFolder(), disabled: creating, className: "gap-1.5", children: [
+                  creating ? /* @__PURE__ */ jsx7(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx7(FolderIcon, { size: 13 }),
                   "Create this folder"
                 ] }) : null
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsxs6("fieldset", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx6("legend", { className: "mb-2 text-[12.5px] font-medium", children: "What should it do?" }),
-              /* @__PURE__ */ jsx6(
-                Textarea,
+            /* @__PURE__ */ jsxs7("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx7("legend", { className: "mb-2 text-[12.5px] font-medium", children: "What should it do?" }),
+              /* @__PURE__ */ jsx7(
+                Textarea2,
                 {
                   ref: promptRef,
                   value: prompt,
@@ -2799,25 +3070,25 @@ function NewSessionDialog(props) {
                   "aria-describedby": errors.prompt ? "cs-err-prompt" : void 0
                 }
               ),
-              errors.prompt ? /* @__PURE__ */ jsx6(FieldError, { id: "cs-err-prompt", children: errors.prompt }) : null
+              errors.prompt ? /* @__PURE__ */ jsx7(FieldError, { id: "cs-err-prompt", children: errors.prompt }) : null
             ] }),
-            /* @__PURE__ */ jsxs6("fieldset", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx6("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Model and thinking effort" }),
-              /* @__PURE__ */ jsx6(ModelPicker, { status: selected, value: choice, onChange: setChoice, appearance: "field" }),
-              /* @__PURE__ */ jsxs6("p", { className: "text-[11.5px] leading-4 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs7("fieldset", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx7("legend", { className: "mb-2 text-[12.5px] font-medium", children: "Model and thinking effort" }),
+              /* @__PURE__ */ jsx7(ModelPicker, { status: selected, value: choice, onChange: setChoice, appearance: "field" }),
+              /* @__PURE__ */ jsxs7("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__ */ jsx6(FieldError, { id: "cs-err-start", children: problem }) : null
+            problem ? /* @__PURE__ */ jsx7(FieldError, { id: "cs-err-start", children: problem }) : null
           ] }),
-          /* @__PURE__ */ jsxs6(DialogFooter, { className: "pt-4", children: [
-            /* @__PURE__ */ jsx6(Button2, { type: "button", variant: "ghost", onClick: () => props.onOpenChange(false), children: "Cancel" }),
-            /* @__PURE__ */ jsxs6(Button2, { type: "submit", disabled: starting, className: "gap-1.5", children: [
-              starting ? /* @__PURE__ */ jsx6(SpinnerIcon, { size: 14 }) : null,
+          /* @__PURE__ */ jsxs7(DialogFooter, { className: "pt-4", children: [
+            /* @__PURE__ */ jsx7(Button3, { type: "button", variant: "ghost", onClick: () => props.onOpenChange(false), children: "Cancel" }),
+            /* @__PURE__ */ jsxs7(Button3, { type: "submit", disabled: starting, className: "gap-1.5", children: [
+              starting ? /* @__PURE__ */ jsx7(SpinnerIcon, { size: 14 }) : null,
               starting ? "Starting\u2026" : "Start session",
-              !starting ? /* @__PURE__ */ jsx6("kbd", { className: "cs-kbd", children: "\u2318\u21B5" }) : null
+              !starting ? /* @__PURE__ */ jsx7("kbd", { className: "cs-kbd", children: "\u2318\u21B5" }) : null
             ] })
           ] })
         ]
@@ -2827,34 +3098,34 @@ function NewSessionDialog(props) {
 }
 function Home({ onNew }) {
   const state = useCodingSessionsState();
-  return /* @__PURE__ */ jsx6("section", { className: "flex flex-1 items-center justify-center px-6", children: /* @__PURE__ */ jsxs6("div", { className: "w-full max-w-[460px] text-center", children: [
-    /* @__PURE__ */ jsx6("span", { className: "mx-auto mb-4 flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx6(ChatBubbleIcon, { size: 22 }) }),
-    /* @__PURE__ */ jsx6("h1", { className: "text-[19px] font-semibold tracking-[-0.015em]", children: "Drive Claude Code and Codex from here" }),
-    /* @__PURE__ */ jsx6("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__ */ jsxs6(Button2, { className: "mt-5 gap-1.5", onClick: onNew, children: [
-      /* @__PURE__ */ jsx6(PlusIcon, { size: 15 }),
+  return /* @__PURE__ */ jsx7("section", { className: "flex flex-1 items-center justify-center px-6", children: /* @__PURE__ */ jsxs7("div", { className: "w-full max-w-[460px] text-center", children: [
+    /* @__PURE__ */ jsx7("span", { className: "mx-auto mb-4 flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx7(ChatBubbleIcon, { size: 22 }) }),
+    /* @__PURE__ */ jsx7("h1", { className: "text-[15px] font-semibold leading-5 tracking-[-0.01em]", children: "Drive Claude Code and Codex from here" }),
+    /* @__PURE__ */ jsx7("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__ */ jsxs7(Button3, { className: "mt-5 gap-1.5", onClick: onNew, children: [
+      /* @__PURE__ */ jsx7(PlusIcon, { size: 15 }),
       "New session"
     ] }),
-    /* @__PURE__ */ jsxs6("p", { className: "mt-3 text-[12px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx6("kbd", { className: "cs-kbd", children: "\u2325\u2318N" }),
+    /* @__PURE__ */ jsxs7("p", { className: "mt-3 text-[12px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx7("kbd", { className: "cs-kbd", children: "\u2325\u2318N" }),
       " new session \xB7 ",
-      /* @__PURE__ */ jsx6("kbd", { className: "cs-kbd", children: "\u2318K" }),
+      /* @__PURE__ */ jsx7("kbd", { className: "cs-kbd", children: "\u2318K" }),
       " search your chats \xB7",
       " ",
-      /* @__PURE__ */ jsx6("kbd", { className: "cs-kbd", children: "\u2318/" }),
+      /* @__PURE__ */ jsx7("kbd", { className: "cs-kbd", children: "\u2318/" }),
       " all shortcuts"
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "mt-6 space-y-1.5 text-left", children: state.providers.data.map((p) => /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-2.5 rounded-lg border border-border px-3 py-2.5", children: [
-      /* @__PURE__ */ jsx6(ProviderMark, { provider: p.provider, size: 18 }),
-      /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1 text-[12.5px] leading-5", children: [
-        /* @__PURE__ */ jsx6("span", { className: "font-medium", children: p.label }),
-        p.ready ? /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
+    /* @__PURE__ */ jsx7("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__ */ jsxs7("div", { className: "flex min-w-[220px] items-start gap-2.5 rounded-lg border border-border px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx7(ProviderMark, { provider: p.provider, size: 16 }),
+      /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1 text-[12.5px] leading-5", children: [
+        /* @__PURE__ */ jsx7("span", { className: "font-medium", children: p.label }),
+        p.ready ? /* @__PURE__ */ jsxs7("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__ */ jsxs6(
+        p.installed && p.version ? /* @__PURE__ */ jsxs7(
           "span",
           {
             className: "block text-[11.5px] text-muted-foreground",
@@ -2865,20 +3136,20 @@ function Home({ onNew }) {
             ]
           }
         ) : null,
-        p.ready ? null : /* @__PURE__ */ jsxs6("span", { className: "block text-muted-foreground", children: [
+        p.ready ? null : /* @__PURE__ */ jsxs7("span", { className: "block text-muted-foreground", children: [
           p.problem,
           " ",
           p.fix
         ] })
       ] }),
-      p.ready ? /* @__PURE__ */ jsx6(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ jsx6(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
+      p.ready ? /* @__PURE__ */ jsx7(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
     ] }, p.provider)) })
   ] }) });
 }
 function useToast() {
-  const [text, setText] = useState5(null);
-  const timer = useRef2(null);
-  useEffect3(() => () => {
+  const [text, setText] = useState6(null);
+  const timer = useRef3(null);
+  useEffect4(() => () => {
     if (timer.current) clearTimeout(timer.current);
   }, []);
   const show = useCallback2((next) => {
@@ -2890,7 +3161,7 @@ function useToast() {
 }
 function Toast({ text }) {
   if (!text) return null;
-  return /* @__PURE__ */ jsx6("div", { role: "status", className: "cs-toast", children: text });
+  return /* @__PURE__ */ jsx7("div", { role: "status", className: "cs-toast", children: text });
 }
 var SIDEBAR_DEFAULT = 300;
 var SIDEBAR_MIN = 220;
@@ -2899,7 +3170,7 @@ function clampWidth(n) {
   return Math.round(Math.min(SIDEBAR_MAX, Math.max(SIDEBAR_MIN, n)));
 }
 function useSidebarLayout() {
-  const [width, setWidthState] = useState5(() => {
+  const [width, setWidthState] = useState6(() => {
     try {
       const n = Number(localStorage.getItem("coding-sessions.sidebar-width"));
       return Number.isFinite(n) && n > 0 ? clampWidth(n) : SIDEBAR_DEFAULT;
@@ -2907,7 +3178,7 @@ function useSidebarLayout() {
       return SIDEBAR_DEFAULT;
     }
   });
-  const [collapsed, setCollapsedState] = useState5(() => {
+  const [collapsed, setCollapsedState] = useState6(() => {
     try {
       return localStorage.getItem("coding-sessions.sidebar-collapsed") === "1";
     } catch {
@@ -2932,8 +3203,8 @@ function useSidebarLayout() {
   return { width, setWidth, collapsed, setCollapsed };
 }
 function Resizer(props) {
-  const [dragging, setDragging] = useState5(false);
-  return /* @__PURE__ */ jsx6("div", { className: cn4("cs-resizer", dragging && "cs-resizer--dragging"), children: /* @__PURE__ */ jsx6(
+  const [dragging, setDragging] = useState6(false);
+  return /* @__PURE__ */ jsx7("div", { className: cn5("cs-resizer", dragging && "cs-resizer--dragging"), children: /* @__PURE__ */ jsx7(
     "button",
     {
       type: "button",
@@ -2981,24 +3252,24 @@ var SHORTCUTS = [
   { keys: "\u2318/", what: "These shortcuts" }
 ];
 function ShortcutsDialog(props) {
-  return /* @__PURE__ */ jsx6(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ jsxs6(DialogContent, { className: "max-w-[420px]", children: [
-    /* @__PURE__ */ jsxs6(DialogHeader, { children: [
-      /* @__PURE__ */ jsx6(DialogTitle, { children: "Keyboard shortcuts" }),
-      /* @__PURE__ */ jsx6(DialogDescription, { children: "Ctrl works in place of \u2318 on Windows and Linux." })
+  return /* @__PURE__ */ jsx7(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ jsxs7(DialogContent, { className: "max-w-[420px]", children: [
+    /* @__PURE__ */ jsxs7(DialogHeader, { children: [
+      /* @__PURE__ */ jsx7(DialogTitle, { children: "Keyboard shortcuts" }),
+      /* @__PURE__ */ jsx7(DialogDescription, { children: "Ctrl works in place of \u2318 on Windows and Linux." })
     ] }),
-    /* @__PURE__ */ jsx6("dl", { className: "divide-y divide-border text-[13px]", children: SHORTCUTS.map((s) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-4 py-2", children: [
-      /* @__PURE__ */ jsx6("dt", { className: "text-muted-foreground", children: s.what }),
-      /* @__PURE__ */ jsx6("dd", { children: /* @__PURE__ */ jsx6("kbd", { className: "rounded border border-border px-1.5 py-0.5 font-sans text-[12px]", children: s.keys }) })
+    /* @__PURE__ */ jsx7("dl", { className: "divide-y divide-border text-[13px]", children: SHORTCUTS.map((s) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-4 py-2", children: [
+      /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground", children: s.what }),
+      /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7("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 = useRef2(0);
-  const openRef = useRef2(openSessionId);
+  const unseen = useRef3(0);
+  const openRef = useRef3(openSessionId);
   openRef.current = openSessionId;
-  useEffect3(() => {
+  useEffect4(() => {
     const reset = () => {
       if (document.visibilityState === "visible") {
         unseen.current = 0;
@@ -3033,9 +3304,9 @@ function useRunFinishedNotices(openSessionId, show) {
 }
 function NotifyToggle() {
   const supported = typeof Notification !== "undefined";
-  const [permission, setPermission] = useState5(supported ? Notification.permission : "denied");
+  const [permission, setPermission] = useState6(supported ? Notification.permission : "denied");
   if (!supported || permission === "granted") return null;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "button",
     {
       type: "button",
@@ -3044,7 +3315,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__ */ jsx6(BellIcon, { size: 14 })
+      children: /* @__PURE__ */ jsx7(BellIcon, { size: 14 })
     }
   );
 }
@@ -3056,20 +3327,20 @@ function isTyping(target) {
 function Shell() {
   const client = useCodingSessionsClient();
   const state = useCodingSessionsState();
-  const [selection, setSelection] = useState5(readHash);
-  const [newOpen, setNewOpen] = useState5(false);
-  const [shortcutsOpen, setShortcutsOpen] = useState5(false);
-  const [changesOpen, setChangesOpen] = useState5(false);
-  const [found, setFound] = useState5({});
+  const [selection, setSelection] = useState6(readHash);
+  const [newOpen, setNewOpen] = useState6(false);
+  const [shortcutsOpen, setShortcutsOpen] = useState6(false);
+  const [changesOpen, setChangesOpen] = useState6(false);
+  const [found, setFound] = useState6({});
   const [theme, setTheme] = useTheme();
   const [toast, showToast] = useToast();
   const layout = useSidebarLayout();
-  const searchRef = useRef2(null);
+  const searchRef = useRef3(null);
   const select = useCallback2((next) => {
     setSelection(next);
     writeHash(next);
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const onHash = () => setSelection(readHash());
     window.addEventListener("hashchange", onHash);
     return () => window.removeEventListener("hashchange", onHash);
@@ -3079,14 +3350,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 = useMemo3(() => {
+  const order = useMemo4(() => {
     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]);
-  useEffect3(() => {
+  useEffect4(() => {
     const onKey = (e) => {
       const mod = e.metaKey || e.ctrlKey;
       const key = e.key.toLowerCase();
@@ -3142,12 +3413,12 @@ function Shell() {
   }, [client, layout, live, run, order, selection, select, showToast]);
   let main;
   if (selection.kind === "session") {
-    main = session ? /* @__PURE__ */ jsx6(SessionView, { session, changesOpen, setChangesOpen }, session.id) : state.sessions.loadedAt === null ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx6(SpinnerIcon, { size: 15 }),
+    main = session ? /* @__PURE__ */ jsx7(SessionView, { session, changesOpen, setChangesOpen }, session.id) : state.sessions.loadedAt === null ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx7(SpinnerIcon, { size: 15 }),
       " Loading\u2026"
-    ] }) : /* @__PURE__ */ jsx6("div", { className: "flex flex-1 items-center justify-center text-[13px] text-muted-foreground", children: "That session is not in the list anymore." });
+    ] }) : /* @__PURE__ */ jsx7("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__ */ jsx6(
+    main = /* @__PURE__ */ jsx7(
       DiscoveredView,
       {
         session: discovered,
@@ -3160,13 +3431,13 @@ function Shell() {
       `${selection.provider}:${selection.id}`
     );
   } else {
-    main = /* @__PURE__ */ jsx6(Home, { onNew: () => setNewOpen(true) });
+    main = /* @__PURE__ */ jsx7(Home, { onNew: () => setNewOpen(true) });
   }
-  return /* @__PURE__ */ jsx6(ToastContext.Provider, { value: showToast, children: /* @__PURE__ */ jsxs6("div", { className: "cs-app flex h-full flex-col bg-background text-foreground", children: [
-    /* @__PURE__ */ jsx6(ConnectionBanner, {}),
-    /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1", children: [
-      layout.collapsed ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-1 border-r border-border bg-muted/30 px-1.5 py-3", children: [
-        /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(ToastContext.Provider, { value: showToast, children: /* @__PURE__ */ jsxs7("div", { className: "cs-app flex h-full flex-col bg-background text-foreground", children: [
+    /* @__PURE__ */ jsx7(ConnectionBanner, {}),
+    /* @__PURE__ */ jsxs7("div", { className: "flex min-h-0 flex-1", children: [
+      layout.collapsed ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-1 border-r border-border bg-muted/30 px-1.5 py-3", children: [
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -3174,10 +3445,10 @@ function Shell() {
             onClick: () => layout.setCollapsed(false),
             "aria-label": "Show the sidebar (\u2318B)",
             title: "Show sidebar  \u2318B",
-            children: /* @__PURE__ */ jsx6(SidebarIcon, { size: 15 })
+            children: /* @__PURE__ */ jsx7(SidebarIcon, { size: 15 })
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -3185,11 +3456,11 @@ function Shell() {
             onClick: () => setNewOpen(true),
             "aria-label": "New session",
             title: "New session  \u2325\u2318N",
-            children: /* @__PURE__ */ jsx6(PlusIcon, { size: 15 })
+            children: /* @__PURE__ */ jsx7(PlusIcon, { size: 15 })
           }
         )
-      ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        /* @__PURE__ */ jsx6(
+      ] }) : /* @__PURE__ */ jsxs7(Fragment5, { children: [
+        /* @__PURE__ */ jsx7(
           Sidebar,
           {
             selection,
@@ -3199,14 +3470,14 @@ function Shell() {
             width: layout.width,
             searchRef,
             onFound: (d) => setFound((f) => ({ ...f, [`${d.provider}:${d.providerSessionId}`]: d })),
-            footer: /* @__PURE__ */ jsx6(
+            footer: /* @__PURE__ */ jsx7(
               ProvidersFooter,
               {
                 theme,
                 setTheme,
-                extra: /* @__PURE__ */ jsxs6(Fragment4, { children: [
-                  /* @__PURE__ */ jsx6(NotifyToggle, {}),
-                  /* @__PURE__ */ jsx6(
+                extra: /* @__PURE__ */ jsxs7(Fragment5, { children: [
+                  /* @__PURE__ */ jsx7(NotifyToggle, {}),
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -3214,7 +3485,7 @@ function Shell() {
                       onClick: () => setShortcutsOpen(true),
                       "aria-label": "Keyboard shortcuts (\u2318/)",
                       title: "Keyboard shortcuts  \u2318/",
-                      children: /* @__PURE__ */ jsx6(KeyboardIcon, { size: 14 })
+                      children: /* @__PURE__ */ jsx7(KeyboardIcon, { size: 14 })
                     }
                   )
                 ] })
@@ -3222,11 +3493,11 @@ function Shell() {
             )
           }
         ),
-        /* @__PURE__ */ jsx6(Resizer, { width: layout.width, setWidth: layout.setWidth })
+        /* @__PURE__ */ jsx7(Resizer, { width: layout.width, setWidth: layout.setWidth })
       ] }),
-      /* @__PURE__ */ jsx6("main", { className: "flex min-w-0 flex-1", children: main })
+      /* @__PURE__ */ jsx7("main", { className: "flex min-w-0 flex-1", children: main })
     ] }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       NewSessionDialog,
       {
         open: newOpen,
@@ -3237,12 +3508,12 @@ function Shell() {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(ShortcutsDialog, { open: shortcutsOpen, onOpenChange: setShortcutsOpen }),
-    /* @__PURE__ */ jsx6(Toast, { text: toast })
+    /* @__PURE__ */ jsx7(ShortcutsDialog, { open: shortcutsOpen, onOpenChange: setShortcutsOpen }),
+    /* @__PURE__ */ jsx7(Toast, { text: toast })
   ] }) });
 }
 function CodingSessionsApp({ transport }) {
-  return /* @__PURE__ */ jsx6(CodingSessionsProvider, { transport, children: /* @__PURE__ */ jsx6(Shell, {}) });
+  return /* @__PURE__ */ jsx7(CodingSessionsProvider, { transport, children: /* @__PURE__ */ jsx7(Shell, {}) });
 }
 export {
   CodingSessionsApp,