@tangle-network/agent-app 0.43.1 → 0.43.3

package/dist/{chunk-7DPQ5VWR.js → chunk-VKHB7VP4.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-E7QYOOON.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState7, memo } from "react";
+import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState6, memo } from "react";
 
 // src/web-react/smooth-text.ts
 import { useEffect, useRef, useState } from "react";
@@ -490,11 +490,35 @@ async function streamChatTurn(opts) {
 }
 
 // src/web-react/chat-composer.tsx
-import { useCallback, useState as useState3 } from "react";
 import {
-  AgentComposer
-} from "@tangle-network/sandbox-ui/chat";
-import { jsx as jsx4 } from "react/jsx-runtime";
+  useCallback,
+  useEffect as useEffect3,
+  useRef as useRef3,
+  useState as useState3
+} from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function SendGlyph({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx4("path", { d: "M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" }) });
+}
+function StopGlyph({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx4("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
+}
+function PaperclipGlyph({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx4("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
+}
+function FolderGlyph({ className }) {
+  return /* @__PURE__ */ jsxs3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx4("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 10v6m-3-3h6" })
+  ] });
+}
+function CloseGlyph({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18M6 6l12 12" }) });
+}
+function UploadGlyph({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx4("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }) });
+}
+var MAX_HEIGHT = 168;
 function ChatComposer({
   onSend,
   onCancel,
@@ -505,13 +529,14 @@ function ChatComposer({
   onValueChange,
   initialValue,
   controls,
+  controlsPlacement = "above",
   onAttach,
   onAttachFolder,
-  pendingFiles,
+  pendingFiles = [],
   onRemoveFile,
   accept,
-  dropTitle,
-  dropDescription,
+  dropTitle = "Drop files to add context",
+  dropDescription = "They attach to your next message.",
   focusShortcut = true,
   sendLabel = "Send",
   className
@@ -519,6 +544,11 @@ function ChatComposer({
   const isControlled = value !== void 0;
   const [internal, setInternal] = useState3(initialValue ?? "");
   const text = isControlled ? value : internal;
+  const textareaRef = useRef3(null);
+  const fileInputRef = useRef3(null);
+  const folderInputRef = useRef3(null);
+  const [dragOver, setDragOver] = useState3(false);
+  const dragDepth = useRef3(0);
   const setText = useCallback(
     (next) => {
       if (!isControlled) setInternal(next);
@@ -526,40 +556,218 @@ function ChatComposer({
     },
     [isControlled, onValueChange]
   );
-  const handleSubmit = useCallback(() => {
+  useEffect3(() => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, MAX_HEIGHT)}px`;
+  }, [text]);
+  useEffect3(() => {
+    if (!focusShortcut || disabled) return;
+    function onKeyDown(e) {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
+        e.preventDefault();
+        textareaRef.current?.focus();
+      }
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [focusShortcut, disabled]);
+  const canSend = text.trim().length > 0 && !isStreaming && !disabled;
+  const send = useCallback(() => {
     const trimmed = text.trim();
     if (!trimmed || isStreaming || disabled) return;
     onSend(trimmed);
     setText("");
   }, [text, isStreaming, disabled, onSend, setText]);
-  return /* @__PURE__ */ jsx4(
-    AgentComposer,
+  const handleKeyDown = (e) => {
+    if (e.nativeEvent.isComposing) return;
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      send();
+    }
+  };
+  const handleFileChange = (e) => {
+    if (e.target.files?.length) onAttach?.(e.target.files);
+    e.target.value = "";
+  };
+  const handleFolderChange = (e) => {
+    if (e.target.files?.length) (onAttachFolder ?? onAttach)?.(e.target.files);
+    e.target.value = "";
+  };
+  const handleDragEnter = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    dragDepth.current++;
+    if (e.dataTransfer?.types.includes("Files")) setDragOver(true);
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    dragDepth.current--;
+    if (dragDepth.current <= 0) {
+      dragDepth.current = 0;
+      setDragOver(false);
+    }
+  }, []);
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.dataTransfer) e.dataTransfer.dropEffect = "copy";
+  }, []);
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragDepth.current = 0;
+      setDragOver(false);
+      const files = e.dataTransfer?.files;
+      if (files?.length) onAttach?.(files);
+    },
+    [onAttach]
+  );
+  const folderChips = pendingFiles.filter((f) => f.kind === "folder");
+  const fileChips = pendingFiles.filter((f) => f.kind !== "folder");
+  const showFooter = controls != null && controlsPlacement === "footer";
+  const showAbove = controls != null && controlsPlacement === "above";
+  return /* @__PURE__ */ jsxs3(
+    "div",
     {
-      value: text,
-      onChange: setText,
-      onSubmit: handleSubmit,
-      placeholder,
-      disabled,
-      busy: isStreaming,
-      onCancel,
-      controls,
-      onAttach,
-      onAttachFolder,
-      attachments: pendingFiles,
-      onRemoveFile,
-      accept,
-      dropTitle,
-      dropDescription,
-      focusShortcut,
-      sendLabel,
-      className
+      className: `relative ${className ?? ""}`,
+      onDragEnter: onAttach ? handleDragEnter : void 0,
+      onDragLeave: onAttach ? handleDragLeave : void 0,
+      onDragOver: onAttach ? handleDragOver : void 0,
+      onDrop: onAttach ? handleDrop : void 0,
+      children: [
+        dragOver && /* @__PURE__ */ jsx4("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-card/95", children: /* @__PURE__ */ jsxs3("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx4("span", { className: "mx-auto mb-2 flex h-11 w-11 items-center justify-center rounded-xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx4(UploadGlyph, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx4("p", { className: "text-sm font-semibold text-foreground", children: dropTitle }),
+          /* @__PURE__ */ jsx4("p", { className: "mt-0.5 text-xs text-muted-foreground", children: dropDescription })
+        ] }) }),
+        showAbove && /* @__PURE__ */ jsx4("div", { className: "mb-1.5 flex flex-wrap items-center gap-1.5 px-1", children: controls }),
+        pendingFiles.length > 0 && /* @__PURE__ */ jsx4("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => /* @__PURE__ */ jsxs3(
+          "span",
+          {
+            className: `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${f.status === "error" ? "border-destructive/40 text-destructive" : "border-border bg-muted/50 text-foreground"}`,
+            children: [
+              f.kind === "folder" ? /* @__PURE__ */ jsx4(FolderGlyph, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsx4(PaperclipGlyph, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ jsx4("span", { className: "max-w-[150px] truncate", children: f.name }),
+              f.fileCount !== void 0 && /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+                "(",
+                f.fileCount,
+                ")"
+              ] }),
+              f.status === "uploading" && /* @__PURE__ */ jsx4("span", { className: "h-3 w-3 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
+              onRemoveFile && /* @__PURE__ */ jsx4(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Remove ${f.name}`,
+                  onClick: () => onRemoveFile(f.id),
+                  className: "rounded p-0.5 text-muted-foreground transition hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: /* @__PURE__ */ jsx4(CloseGlyph, { className: "h-3 w-3" })
+                }
+              )
+            ]
+          },
+          f.id
+        )) }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-end gap-2 rounded-2xl border border-border bg-card px-2.5 py-2 transition focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15", children: [
+          onAttach && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                type: "button",
+                onClick: () => fileInputRef.current?.click(),
+                disabled,
+                "aria-label": "Attach files",
+                title: "Attach files",
+                className: "mb-0.5 shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent/40 hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: /* @__PURE__ */ jsx4(PaperclipGlyph, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx4("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", accept, onChange: handleFileChange })
+          ] }),
+          onAttachFolder && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                type: "button",
+                onClick: () => folderInputRef.current?.click(),
+                disabled,
+                "aria-label": "Attach folder",
+                title: "Attach folder",
+                className: "mb-0.5 shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent/40 hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: /* @__PURE__ */ jsx4(FolderGlyph, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              "input",
+              {
+                ref: folderInputRef,
+                type: "file",
+                multiple: true,
+                className: "hidden",
+                onChange: handleFolderChange,
+                ...{ webkitdirectory: "" }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx4(
+            "textarea",
+            {
+              ref: textareaRef,
+              value: text,
+              onChange: (e) => setText(e.target.value),
+              onKeyDown: handleKeyDown,
+              placeholder,
+              disabled,
+              rows: 1,
+              "aria-label": "Message input",
+              className: "max-h-[168px] min-h-[40px] flex-1 resize-none bg-transparent px-1.5 py-2 text-[15px] leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
+            }
+          ),
+          showFooter && /* @__PURE__ */ jsx4("div", { className: "mb-0.5 flex shrink-0 items-center gap-1.5", children: controls }),
+          isStreaming ? /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              onClick: onCancel,
+              "aria-label": "Stop response",
+              className: "mb-0.5 inline-flex shrink-0 items-center gap-1.5 rounded-full bg-destructive/15 px-3.5 py-2 text-sm font-medium text-destructive transition hover:bg-destructive/25 focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
+              children: [
+                /* @__PURE__ */ jsx4(StopGlyph, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx4("span", { children: "Stop" })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              onClick: send,
+              disabled: !canSend,
+              "aria-label": sendLabel,
+              className: "mb-0.5 inline-flex shrink-0 items-center gap-1.5 rounded-full bg-primary px-3.5 py-2 text-sm font-medium text-primary-foreground shadow-sm transition hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-card",
+              children: [
+                /* @__PURE__ */ jsx4(SendGlyph, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx4("span", { children: sendLabel })
+              ]
+            }
+          )
+        ] }),
+        focusShortcut && /* @__PURE__ */ jsx4("div", { className: "mt-1.5 flex justify-end px-1", children: /* @__PURE__ */ jsxs3("span", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx4("kbd", { className: "rounded border border-border bg-background px-1 py-0.5 text-[10px]", children: "Cmd" }),
+          /* @__PURE__ */ jsx4("kbd", { className: "ml-0.5 rounded border border-border bg-background px-1 py-0.5 text-[10px]", children: "L" }),
+          /* @__PURE__ */ jsx4("span", { className: "ml-1", children: "to focus" })
+        ] }) })
+      ]
     }
   );
 }
 
 // src/web-react/mission-activity.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState4 } from "react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } from "react";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var LIVE_STATUSES = /* @__PURE__ */ new Set(["pending", "running"]);
 var OK_STATUSES = /* @__PURE__ */ new Set(["completed", "done", "succeeded"]);
 var ERROR_STATUSES = /* @__PURE__ */ new Set(["failed", "error", "cancelled", "aborted"]);
@@ -612,7 +820,7 @@ function RefreshGlyph({ className }) {
   return /* @__PURE__ */ jsx5("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx5("path", { d: "M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6" }) });
 }
 function CopyGlyph({ className }) {
-  return /* @__PURE__ */ jsxs3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+  return /* @__PURE__ */ jsxs4("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
     /* @__PURE__ */ jsx5("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
     /* @__PURE__ */ jsx5("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] });
@@ -629,7 +837,7 @@ function TraceIdCopy({ traceId }) {
       }
     );
   }, [traceId]);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "button",
     {
       type: "button",
@@ -646,7 +854,7 @@ function TraceIdCopy({ traceId }) {
   );
 }
 function StatusDot({ tone }) {
-  return /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center", children: [
+  return /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center", children: [
     /* @__PURE__ */ jsx5(
       "span",
       {
@@ -666,8 +874,8 @@ function FlowWaterfall({ trace }) {
   const rows = waterfallLayout(trace);
   if (rows.length === 0) return null;
   const cost = formatActivityCost(trace.costUsd);
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-1", children: [
-    rows.map((row, i) => /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto] items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-1", children: [
+    rows.map((row, i) => /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto] items-center gap-2", children: [
       /* @__PURE__ */ jsx5("span", { className: "truncate font-mono text-[11px] text-muted-foreground", title: row.name, children: row.name }),
       /* @__PURE__ */ jsx5("div", { className: "relative h-2 rounded-sm bg-muted/40", children: /* @__PURE__ */ jsx5(
         "div",
@@ -678,7 +886,7 @@ function FlowWaterfall({ trace }) {
       ) }),
       /* @__PURE__ */ jsx5("span", { className: "shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground/70", children: row.durationLabel })
     ] }, i)),
-    /* @__PURE__ */ jsxs3("p", { className: "pt-0.5 text-right font-mono text-[10px] tabular-nums text-muted-foreground/60", children: [
+    /* @__PURE__ */ jsxs4("p", { className: "pt-0.5 text-right font-mono text-[10px] tabular-nums text-muted-foreground/60", children: [
       (trace.totalMs / 1e3).toFixed(1),
       "s",
       cost ? ` \xB7 ${cost}` : ""
@@ -688,29 +896,29 @@ function FlowWaterfall({ trace }) {
 function MissionActivityLane({ activity, startedAt, nowMs }) {
   const [expanded, setExpanded] = useState4(false);
   if (activity.length === 0) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "mt-1 border-l border-border/50 pl-3", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mt-1 border-l border-border/50 pl-3", children: [
     activity.map((run) => {
       const tone = activityTone(run.status);
       const cost = formatActivityCost(run.costUsd);
       const duration = formatActivityDuration(run.durationMs);
-      return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 py-1 text-xs", children: [
+      return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 py-1 text-xs", children: [
         /* @__PURE__ */ jsx5(StatusDot, { tone }),
-        /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1 truncate", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1 truncate", children: [
           /* @__PURE__ */ jsx5("span", { className: "font-medium", children: run.tool }),
-          /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", children: [
             " \u2014 ",
             run.detail
           ] })
         ] }),
         tone === "live" && (run.iteration !== void 0 || run.phase !== void 0) && /* @__PURE__ */ jsx5("span", { className: "shrink-0 rounded-full bg-warning/10 px-1.5 py-0.5 font-mono text-[10px] text-warning", children: [run.iteration !== void 0 ? `iter ${run.iteration}` : null, run.phase ?? null].filter(Boolean).join(" \xB7 ") }),
-        /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-1.5 font-mono text-[10px] tabular-nums text-muted-foreground/70", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "flex shrink-0 items-center gap-1.5 font-mono text-[10px] tabular-nums text-muted-foreground/70", children: [
           tone !== "live" && tone !== "ok" && /* @__PURE__ */ jsx5("span", { children: run.status }),
           cost && /* @__PURE__ */ jsx5("span", { children: cost }),
           duration && /* @__PURE__ */ jsx5("span", { children: duration })
         ] })
       ] }, run.taskId);
     }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
@@ -741,12 +949,12 @@ function ActivityRow({
   const tone = activityTone(record.status);
   const cost = formatActivityCost(record.costUsd);
   const duration = formatActivityDuration(record.durationMs);
-  return /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-border/60 bg-card", children: [
-    /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => setOpen((v) => !v), className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-border/60 bg-card", children: [
+    /* @__PURE__ */ jsxs4("button", { type: "button", onClick: () => setOpen((v) => !v), className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm", children: [
       /* @__PURE__ */ jsx5(StatusDot, { tone }),
-      /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1 truncate", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1 truncate", children: [
         /* @__PURE__ */ jsx5("span", { className: "font-medium", children: record.tool }),
-        /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", children: [
           " \u2014 ",
           record.detail
         ] })
@@ -762,18 +970,18 @@ function ActivityRow({
       cost && /* @__PURE__ */ jsx5("span", { className: "shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground", children: cost }),
       /* @__PURE__ */ jsx5(ChevronGlyph, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
     ] }),
-    open && /* @__PURE__ */ jsxs3("div", { className: "space-y-2.5 border-t border-border/40 px-3 py-2.5", children: [
+    open && /* @__PURE__ */ jsxs4("div", { className: "space-y-2.5 border-t border-border/40 px-3 py-2.5", children: [
       record.durationMs !== void 0 && /* @__PURE__ */ jsx5("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx5(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
-      /* @__PURE__ */ jsxs3("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-[11px]", children: [
+      /* @__PURE__ */ jsxs4("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-[11px]", children: [
         /* @__PURE__ */ jsx5("dt", { className: "text-muted-foreground/60", children: "task" }),
         /* @__PURE__ */ jsx5("dd", { className: "truncate text-muted-foreground", children: record.taskId }),
         /* @__PURE__ */ jsx5("dt", { className: "text-muted-foreground/60", children: "started" }),
         /* @__PURE__ */ jsx5("dd", { className: "text-muted-foreground", children: new Date(record.startedAt).toLocaleString() }),
-        duration && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        duration && /* @__PURE__ */ jsxs4(Fragment3, { children: [
           /* @__PURE__ */ jsx5("dt", { className: "text-muted-foreground/60", children: "duration" }),
           /* @__PURE__ */ jsx5("dd", { className: "text-muted-foreground", children: duration })
         ] }),
-        record.traceId && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        record.traceId && /* @__PURE__ */ jsxs4(Fragment3, { children: [
           /* @__PURE__ */ jsx5("dt", { className: "text-muted-foreground/60", children: "trace" }),
           /* @__PURE__ */ jsx5("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx5(TraceIdCopy, { traceId: record.traceId }) })
         ] })
@@ -803,11 +1011,11 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
     },
     [fetchActivity]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     void load();
   }, [load]);
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx5("h2", { className: "flex-1 text-sm font-semibold", children: title }),
       /* @__PURE__ */ jsx5(
         "button",
@@ -837,256 +1045,10 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
   ] });
 }
 
-// src/web-react/sandbox-terminal.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
-var DEFAULT_PROVISION_POLL_INTERVAL_MS = 2e3;
-var DEFAULT_PROVISION_POLL_TIMEOUT_MS = 9e4;
-var DEFAULT_TOKEN_REFRESH_SKEW_MS = 12e4;
-var EMPTY_CONNECTION = {
-  runtimeUrl: null,
-  sidecarUrl: null,
-  token: null,
-  expiresAt: null,
-  status: "idle",
-  error: null,
-  loading: false
-};
-function useSandboxTerminalConnection(opts) {
-  const [conn, setConn] = useState5(EMPTY_CONNECTION);
-  const mountedRef = useRef3(false);
-  const generationRef = useRef3(0);
-  const fetcher = opts.fetcher ?? fetch;
-  const pollIntervalMs = opts.provisionPollIntervalMs ?? DEFAULT_PROVISION_POLL_INTERVAL_MS;
-  const pollTimeoutMs = opts.provisionPollTimeoutMs ?? DEFAULT_PROVISION_POLL_TIMEOUT_MS;
-  const refreshSkewMs = opts.tokenRefreshSkewMs ?? DEFAULT_TOKEN_REFRESH_SKEW_MS;
-  const connectionUrl = useCallback3(() => {
-    if (typeof opts.connectionUrl === "function") return opts.connectionUrl(opts.workspaceId);
-    return opts.connectionUrl ?? `/api/workspaces/${encodeURIComponent(opts.workspaceId)}/sandbox/connection`;
-  }, [opts.connectionUrl, opts.workspaceId]);
-  const connect = useCallback3(async () => {
-    const generation = generationRef.current + 1;
-    generationRef.current = generation;
-    const isCurrent = () => mountedRef.current && generationRef.current === generation;
-    const setCurrentConn = (value) => {
-      if (!isCurrent()) return;
-      setConn(value);
-    };
-    setCurrentConn((current) => ({ ...current, loading: true, error: null }));
-    const deadline = Date.now() + pollTimeoutMs;
-    while (isCurrent()) {
-      try {
-        const res = await fetcher(connectionUrl());
-        const data = await res.json();
-        if (!isCurrent()) return;
-        const runtimeUrl = data.runtimeUrl ?? data.sidecarUrl;
-        if (res.ok && runtimeUrl && data.token && data.expiresAt) {
-          setCurrentConn({
-            runtimeUrl,
-            sidecarUrl: data.sidecarUrl ?? runtimeUrl,
-            token: data.token,
-            expiresAt: data.expiresAt,
-            status: data.status ?? "running",
-            error: null,
-            loading: false,
-            ...data.sandboxId ? { sandboxId: data.sandboxId } : {}
-          });
-          return;
-        }
-        if (res.ok) {
-          setCurrentConn({
-            runtimeUrl: null,
-            sidecarUrl: null,
-            token: null,
-            expiresAt: null,
-            loading: false,
-            error: "Sandbox connection response is missing required fields",
-            status: data.status ?? "error",
-            ...data.sandboxId ? { sandboxId: data.sandboxId } : {}
-          });
-          return;
-        }
-        if (res.status === 503 && Date.now() < deadline) {
-          setCurrentConn((current) => ({
-            ...current,
-            loading: true,
-            status: data.status ?? "provisioning",
-            error: null
-          }));
-          await sleep(pollIntervalMs);
-          continue;
-        }
-        setCurrentConn((current) => ({
-          ...current,
-          runtimeUrl: null,
-          sidecarUrl: null,
-          token: null,
-          expiresAt: null,
-          loading: false,
-          error: data.error ?? "Sandbox not available",
-          status: data.status ?? "error"
-        }));
-        return;
-      } catch (err) {
-        if (!isCurrent()) return;
-        if (Date.now() < deadline) {
-          await sleep(pollIntervalMs);
-          continue;
-        }
-        setCurrentConn((current) => ({
-          ...current,
-          runtimeUrl: null,
-          sidecarUrl: null,
-          token: null,
-          expiresAt: null,
-          loading: false,
-          error: err instanceof Error ? err.message : "Connection failed"
-        }));
-        return;
-      }
-    }
-  }, [connectionUrl, fetcher, pollIntervalMs, pollTimeoutMs]);
-  useEffect4(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      generationRef.current += 1;
-    };
-  }, []);
-  useEffect4(() => {
-    void connect();
-  }, [connect]);
-  useEffect4(() => {
-    if (!conn.runtimeUrl || !conn.token || !conn.expiresAt) return;
-    const refreshAt = Date.parse(conn.expiresAt) - Date.now() - refreshSkewMs;
-    if (!Number.isFinite(refreshAt)) {
-      setConn((current) => ({
-        ...current,
-        runtimeUrl: null,
-        sidecarUrl: null,
-        token: null,
-        expiresAt: null,
-        status: "error",
-        error: "Sandbox token expiry is invalid"
-      }));
-      return;
-    }
-    const timer = window.setTimeout(() => {
-      void connect();
-    }, Math.max(1e3, refreshAt));
-    return () => window.clearTimeout(timer);
-  }, [conn.runtimeUrl, conn.token, conn.expiresAt, connect, refreshSkewMs]);
-  return { ...conn, connect };
-}
-function sleep(ms) {
-  return new Promise((resolve) => window.setTimeout(resolve, ms));
-}
-var DEFAULT_TERMINAL_CID_KEY = "agent-app:terminal-connection-id";
-function newConnectionId() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
-  return `cid-${Date.now().toString(36)}-${Math.floor(Math.random() * 1e9).toString(36)}`;
-}
-function tabTerminalConnectionId(storageKey = DEFAULT_TERMINAL_CID_KEY) {
-  try {
-    const store = globalThis.sessionStorage;
-    const existing = store?.getItem(storageKey);
-    if (existing) return existing;
-    const id = newConnectionId();
-    store?.setItem(storageKey, id);
-    return id;
-  } catch {
-    return newConnectionId();
-  }
-}
-
-// src/web-react/workspace-terminal-panel.tsx
-import { lazy as lazy2, Suspense as Suspense2 } from "react";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var TerminalView = lazy2(
-  () => import("@tangle-network/sandbox-ui/terminal").then((m) => ({ default: m.TerminalView }))
-);
-var TONE_DOT = {
-  idle: "bg-muted-foreground/50",
-  connecting: "animate-pulse bg-warning",
-  connected: "bg-success",
-  error: "bg-destructive"
-};
-function defaultStatusDisplay(conn) {
-  if (conn.error) return { tone: "error", label: "Disconnected" };
-  if (conn.runtimeUrl && conn.token) return { tone: "connected", label: "Connected" };
-  if (conn.loading) return { tone: "connecting", label: conn.status === "provisioning" ? "Provisioning\u2026" : "Connecting\u2026" };
-  return { tone: "idle", label: "Idle" };
-}
-function WorkspaceTerminalPanel({
-  connection,
-  connectionId,
-  title = "Terminal",
-  subtitle,
-  isActive,
-  onRetry,
-  statusDisplay,
-  headerExtra,
-  className
-}) {
-  const status = (statusDisplay ?? defaultStatusDisplay)(connection);
-  const apiUrl = connection.runtimeUrl ?? connection.sidecarUrl;
-  const ready = Boolean(apiUrl && connection.token);
-  return /* @__PURE__ */ jsxs4("div", { className: `flex h-full min-h-0 flex-col overflow-hidden rounded-xl border border-border bg-card ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx6("p", { className: "truncate text-sm font-medium text-foreground", children: title }),
-        subtitle && /* @__PURE__ */ jsx6("p", { className: "truncate text-xs text-muted-foreground", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx6("span", { className: `h-1.5 w-1.5 rounded-full ${TONE_DOT[status.tone]}`, "aria-hidden": true }),
-          status.label
-        ] }),
-        headerExtra
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: "relative min-h-0 flex-1", children: ready ? /* @__PURE__ */ jsx6(Suspense2, { fallback: /* @__PURE__ */ jsx6(TerminalMessage, { children: "Loading terminal\u2026" }), children: /* @__PURE__ */ jsx6(
-      TerminalView,
-      {
-        apiUrl,
-        token: connection.token,
-        connectionId,
-        title,
-        subtitle,
-        isActive
-      }
-    ) }) : /* @__PURE__ */ jsx6(TerminalMessage, { children: connection.error ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-      /* @__PURE__ */ jsx6("p", { className: "text-sm text-destructive", children: connection.error }),
-      onRetry && /* @__PURE__ */ jsx6(
-        "button",
-        {
-          type: "button",
-          onClick: onRetry,
-          className: "mt-3 inline-flex items-center justify-center rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-muted",
-          children: "Reconnect"
-        }
-      )
-    ] }) : connection.loading ? /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: connection.status === "provisioning" ? "Provisioning sandbox\u2026" : "Connecting\u2026" }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-      /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: "Terminal not connected." }),
-      onRetry && /* @__PURE__ */ jsx6(
-        "button",
-        {
-          type: "button",
-          onClick: onRetry,
-          className: "mt-3 inline-flex items-center justify-center rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-muted",
-          children: "Connect"
-        }
-      )
-    ] }) }) })
-  ] });
-}
-function TerminalMessage({ children }) {
-  return /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 flex flex-col items-center justify-center p-6 text-center", children });
-}
-
 // src/web-react/seat-paywall.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function CheckGlyph() {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "svg",
     {
       className: "h-4 w-4 shrink-0 text-primary",
@@ -1097,14 +1059,14 @@ function CheckGlyph() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx7("path", { d: "M20 6 9 17l-5-5" })
+      children: /* @__PURE__ */ jsx6("path", { d: "M20 6 9 17l-5-5" })
     }
   );
 }
 function Benefit({ children }) {
   return /* @__PURE__ */ jsxs5("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
-    /* @__PURE__ */ jsx7("span", { className: "mt-0.5", children: /* @__PURE__ */ jsx7(CheckGlyph, {}) }),
-    /* @__PURE__ */ jsx7("span", { children })
+    /* @__PURE__ */ jsx6("span", { className: "mt-0.5", children: /* @__PURE__ */ jsx6(CheckGlyph, {}) }),
+    /* @__PURE__ */ jsx6("span", { children })
   ] });
 }
 function SeatPaywall({
@@ -1118,30 +1080,30 @@ function SeatPaywall({
   footnote
 }) {
   const { pending, run } = usePending();
-  return /* @__PURE__ */ jsx7("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs5("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
-    /* @__PURE__ */ jsx7("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: product }),
+  return /* @__PURE__ */ jsx6("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs5("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
+    /* @__PURE__ */ jsx6("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: product }),
     /* @__PURE__ */ jsxs5("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
       "Unlock ",
       product
     ] }),
-    tagline && /* @__PURE__ */ jsx7("p", { className: "mt-2 text-sm text-muted-foreground", children: tagline }),
+    tagline && /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm text-muted-foreground", children: tagline }),
     /* @__PURE__ */ jsxs5("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
       /* @__PURE__ */ jsxs5("span", { className: "text-3xl font-semibold text-foreground", children: [
         "$",
         priceUsd
       ] }),
-      /* @__PURE__ */ jsx7("span", { className: "text-sm text-muted-foreground", children: "/mo" })
+      /* @__PURE__ */ jsx6("span", { className: "text-sm text-muted-foreground", children: "/mo" })
     ] }),
     /* @__PURE__ */ jsxs5("p", { className: "mt-1 text-sm text-muted-foreground", children: [
       "Includes $",
       includedUsageUsd,
       "/mo of AI usage"
     ] }),
-    /* @__PURE__ */ jsx7("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
+    /* @__PURE__ */ jsx6("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
       `Full access to ${product}`,
       `$${includedUsageUsd}/mo of AI usage included, every month`
-    ]).map((benefit, i) => /* @__PURE__ */ jsx7(Benefit, { children: benefit }, i)) }),
-    /* @__PURE__ */ jsx7(
+    ]).map((benefit, i) => /* @__PURE__ */ jsx6(Benefit, { children: benefit }, i)) }),
+    /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -1151,13 +1113,13 @@ function SeatPaywall({
         children: pending ? "Opening checkout\u2026" : ctaLabel ?? `Unlock ${product}`
       }
     ),
-    footnote && /* @__PURE__ */ jsx7("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
+    footnote && /* @__PURE__ */ jsx6("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
   ] }) });
 }
 
 // src/web-react/agent-session-controls.tsx
-import { useMemo as useMemo2, useState as useState6 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useMemo as useMemo2, useState as useState5 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var HARNESS_LABELS = {
   opencode: "OpenCode (any model)",
   "claude-code": "Claude Code (Anthropic)",
@@ -1177,12 +1139,12 @@ function harnessLabel(h) {
   return HARNESS_LABELS[h] ?? h;
 }
 function ChevronDown2({ className }) {
-  return /* @__PURE__ */ jsx8("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx8("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx7("path", { d: "m6 9 6 6 6-6" }) });
 }
 function GearGlyph({ className }) {
   return /* @__PURE__ */ jsxs6("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx8("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx7("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
   ] });
 }
 var FOCUS_RING = "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background";
@@ -1191,7 +1153,7 @@ function HarnessPicker({
   onChange,
   available
 }) {
-  const [open, setOpen] = useState6(false);
+  const [open, setOpen] = useState5(false);
   const { containerRef, triggerProps } = usePopover(open, setOpen);
   const options = available ?? Object.keys(HARNESS_LABELS);
   return /* @__PURE__ */ jsxs6("div", { ref: containerRef, className: "relative inline-flex", children: [
@@ -1204,12 +1166,12 @@ function HarnessPicker({
         title: "Agent backend",
         className: `inline-flex w-full items-center justify-between gap-1.5 rounded-lg border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30 ${FOCUS_RING}`,
         children: [
-          /* @__PURE__ */ jsx8("span", { className: "truncate", children: harnessLabel(value) }),
-          /* @__PURE__ */ jsx8(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground" })
+          /* @__PURE__ */ jsx7("span", { className: "truncate", children: harnessLabel(value) }),
+          /* @__PURE__ */ jsx7(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx8("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 max-h-64 w-full min-w-[220px] overflow-y-auto rounded-xl border border-border bg-card p-1 shadow-lg", children: options.map((h) => /* @__PURE__ */ jsx8(
+    open && /* @__PURE__ */ jsx7("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 max-h-64 w-full min-w-[220px] overflow-y-auto rounded-xl border border-border bg-card p-1 shadow-lg", children: options.map((h) => /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -1256,11 +1218,11 @@ function AgentSessionControls(props) {
     className
   } = props;
   const { onModel, onHarness } = useCoherentHandlers(props);
-  const [open, setOpen] = useState6(false);
+  const [open, setOpen] = useState5(false);
   const { containerRef: popoverRef, triggerProps } = usePopover(open, setOpen);
   const selectedModel = models.find((m) => m.id === model);
   const showEffort = selectedModel?.supportsReasoning ?? true;
-  const modelPicker = /* @__PURE__ */ jsx8(
+  const modelPicker = /* @__PURE__ */ jsx7(
     ModelPicker,
     {
       value: model,
@@ -1273,15 +1235,15 @@ function AgentSessionControls(props) {
   if (layout === "inline") {
     return /* @__PURE__ */ jsxs6("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
       modelPicker,
-      showHarness && /* @__PURE__ */ jsx8(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-      showEffort && /* @__PURE__ */ jsx8(EffortPicker, { value: effort, onChange: onEffortChange })
+      showHarness && /* @__PURE__ */ jsx7(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
+      showEffort && /* @__PURE__ */ jsx7(EffortPicker, { value: effort, onChange: onEffortChange })
     ] });
   }
   const hasAdvanced = showHarness || showEffort;
   return /* @__PURE__ */ jsxs6("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
     modelPicker,
     hasAdvanced && /* @__PURE__ */ jsxs6("div", { ref: popoverRef, className: "relative inline-flex", children: [
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1290,19 +1252,19 @@ function AgentSessionControls(props) {
           title: "Model settings \u2014 pick the agent backend and how hard it thinks",
           className: `flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground data-[state=open]:bg-muted ${FOCUS_RING}`,
           "data-state": open ? "open" : "closed",
-          children: /* @__PURE__ */ jsx8(GearGlyph, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx7(GearGlyph, { className: "h-4 w-4" })
         }
       ),
       open && /* @__PURE__ */ jsxs6("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-72 space-y-3 rounded-xl border border-border bg-card p-3 shadow-lg", children: [
         showHarness && /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx8("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
-          /* @__PURE__ */ jsx8(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-          /* @__PURE__ */ jsx8("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
+          /* @__PURE__ */ jsx7("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
+          /* @__PURE__ */ jsx7(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
+          /* @__PURE__ */ jsx7("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
         ] }),
         showEffort && /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx8("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
-          /* @__PURE__ */ jsx8(EffortPicker, { value: effort, onChange: onEffortChange, label: "" }),
-          /* @__PURE__ */ jsx8("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
+          /* @__PURE__ */ jsx7("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
+          /* @__PURE__ */ jsx7(EffortPicker, { value: effort, onChange: onEffortChange, label: "" }),
+          /* @__PURE__ */ jsx7("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
         ] })
       ] })
     ] })
@@ -1310,7 +1272,7 @@ function AgentSessionControls(props) {
 }
 
 // src/web-react/index.tsx
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function formatModelCost(msg, models) {
   if (msg.promptTokens == null && msg.completionTokens == null) return null;
   const pricing = models.find((m) => m.id === msg.modelUsed)?.pricing;
@@ -1326,39 +1288,39 @@ function formatTokensPerSecond(msg) {
 function RunDrillIn({ run, onClose }) {
   return /* @__PURE__ */ jsxs7("div", { className: "fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-border bg-card shadow-xl", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(
         "span",
         {
           className: `h-2 w-2 shrink-0 rounded-full ${run.status === "running" ? "bg-warning" : run.status === "error" ? "bg-destructive" : "bg-success"}`
         }
       ),
       /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx9("p", { className: "truncate text-sm font-semibold", children: run.title }),
-        /* @__PURE__ */ jsx9("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: run.toolName })
+        /* @__PURE__ */ jsx8("p", { className: "truncate text-sm font-semibold", children: run.title }),
+        /* @__PURE__ */ jsx8("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: run.toolName })
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(
         "button",
         {
           type: "button",
           onClick: onClose,
           "aria-label": "Close",
           className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent/30 hover:text-foreground",
-          children: /* @__PURE__ */ jsx9("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx9("path", { d: "M18 6 6 18M6 6l12 12" }) })
+          children: /* @__PURE__ */ jsx8("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx8("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
     ] }),
     /* @__PURE__ */ jsxs7("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
-      run.steps.length === 0 && /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
+      run.steps.length === 0 && /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
       run.steps.map((step, i) => /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border/60 bg-background", children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex items-baseline gap-2 border-b border-border/40 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx9("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
-          /* @__PURE__ */ jsx9("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
-          /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
+          /* @__PURE__ */ jsx8("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
+          /* @__PURE__ */ jsx8("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
+          /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
         ] }),
-        step.detail && /* @__PURE__ */ jsx9("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-[11px] leading-relaxed text-muted-foreground", children: step.detail })
+        step.detail && /* @__PURE__ */ jsx8("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-[11px] leading-relaxed text-muted-foreground", children: step.detail })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsx9("p", { className: "border-t border-border px-4 py-2 text-[11px] text-muted-foreground", children: "Readonly drill-in. Follow up in the main chat." })
+    /* @__PURE__ */ jsx8("p", { className: "border-t border-border px-4 py-2 text-[11px] text-muted-foreground", children: "Readonly drill-in. Follow up in the main chat." })
   ] });
 }
 function pendingApprovalOf(call) {
@@ -1373,19 +1335,19 @@ function ChatEmptyState({
   doors
 }) {
   return /* @__PURE__ */ jsxs7("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-12 text-center sm:py-20", children: [
-    /* @__PURE__ */ jsx9("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx9(BrandMark, { size: 32, className: "shrink-0" }) }),
-    /* @__PURE__ */ jsx9("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: productName }),
-    /* @__PURE__ */ jsx9("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground sm:text-[28px]", children: headline }),
-    subline && /* @__PURE__ */ jsx9("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
-    doors && doors.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-7 grid w-full gap-2.5 sm:grid-cols-3", children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsx8("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx8(BrandMark, { size: 32, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx8("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx8("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground sm:text-[28px]", children: headline }),
+    subline && /* @__PURE__ */ jsx8("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
+    doors && doors.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-7 grid w-full gap-2.5 sm:grid-cols-3", children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
         onClick: door.onSelect,
         className: "group flex min-h-[44px] flex-col items-start rounded-xl border border-border bg-card px-4 py-3 text-left transition hover:border-primary/40 hover:bg-accent/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         children: [
-          /* @__PURE__ */ jsx9("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
-          door.description && /* @__PURE__ */ jsx9("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
+          /* @__PURE__ */ jsx8("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
+          door.description && /* @__PURE__ */ jsx8("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -1395,25 +1357,25 @@ function ChatEmptyState({
 function ToolGlyph({ name, className }) {
   if (name.startsWith("sandbox_")) {
     return /* @__PURE__ */ jsxs7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx9("polyline", { points: "4 17 10 11 4 5" }),
-      /* @__PURE__ */ jsx9("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+      /* @__PURE__ */ jsx8("polyline", { points: "4 17 10 11 4 5" }),
+      /* @__PURE__ */ jsx8("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] });
   }
   if (name === "submit_proposal") {
     return /* @__PURE__ */ jsxs7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx9("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx9("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
+      /* @__PURE__ */ jsx8("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsx8("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
     ] });
   }
   if (name === "schedule_followup") {
     return /* @__PURE__ */ jsxs7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx9("path", { d: "M12 7v5l3 3" })
+      /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx8("path", { d: "M12 7v5l3 3" })
     ] });
   }
   return /* @__PURE__ */ jsxs7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx9("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
-    /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "4" })
+    /* @__PURE__ */ jsx8("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
+    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "4" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -1480,9 +1442,9 @@ function truncate(v, max = 240) {
 function KvRows({ data }) {
   const entries = Object.entries(data).filter(([, v]) => v !== void 0 && v !== null && v !== "");
   if (!entries.length) return null;
-  return /* @__PURE__ */ jsx9("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs7("div", { className: "contents", children: [
-    /* @__PURE__ */ jsx9("dt", { className: "font-mono text-[11px] text-muted-foreground", children: k }),
-    /* @__PURE__ */ jsx9("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[11px] text-muted-foreground", children: truncate(v) })
+  return /* @__PURE__ */ jsx8("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs7("div", { className: "contents", children: [
+    /* @__PURE__ */ jsx8("dt", { className: "font-mono text-[11px] text-muted-foreground", children: k }),
+    /* @__PURE__ */ jsx8("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[11px] text-muted-foreground", children: truncate(v) })
   ] }, k)) });
 }
 function ShellDetail({ call }) {
@@ -1490,26 +1452,26 @@ function ShellDetail({ call }) {
   const r = outcome?.result ?? {};
   return /* @__PURE__ */ jsxs7("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-[11px] leading-relaxed", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
-      /* @__PURE__ */ jsx9("span", { className: "select-none text-zinc-500", children: "$" }),
-      /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
+      /* @__PURE__ */ jsx8("span", { className: "select-none text-zinc-500", children: "$" }),
+      /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
       r.exitCode != null && /* @__PURE__ */ jsxs7("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
         "exit ",
         r.exitCode
       ] })
     ] }),
-    /* @__PURE__ */ jsx9("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
+    /* @__PURE__ */ jsx8("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
   ] });
 }
 function DefaultToolDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   return /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
     call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx9("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
-      /* @__PURE__ */ jsx9(KvRows, { data: call.args })
+      /* @__PURE__ */ jsx8("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
+      /* @__PURE__ */ jsx8(KvRows, { data: call.args })
     ] }),
     outcome && /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx9("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: outcome.ok === false ? "Failed" : "Result" }),
-      outcome.ok === false ? /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: outcome.message ?? "Tool failed" }) : outcome.result && typeof outcome.result === "object" ? /* @__PURE__ */ jsx9(KvRows, { data: outcome.result }) : /* @__PURE__ */ jsx9("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(outcome.result) })
+      /* @__PURE__ */ jsx8("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: outcome.ok === false ? "Failed" : "Result" }),
+      outcome.ok === false ? /* @__PURE__ */ jsx8("p", { className: "text-xs text-destructive", children: outcome.message ?? "Tool failed" }) : outcome.result && typeof outcome.result === "object" ? /* @__PURE__ */ jsx8(KvRows, { data: outcome.result }) : /* @__PURE__ */ jsx8("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(outcome.result) })
     ] })
   ] });
 }
@@ -1520,23 +1482,23 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState7(false);
+  const [expanded, setExpanded] = useState6(false);
   const { summary, meta } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
   return /* @__PURE__ */ jsxs7("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
-      /* @__PURE__ */ jsx9("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx9(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsx8("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx8(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
       /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx9("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-foreground", children: "Needs your approval" }),
-        /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
-        summary && /* @__PURE__ */ jsx9("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
-        meta.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx9("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
+        /* @__PURE__ */ jsx8("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-foreground", children: "Needs your approval" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
+        summary && /* @__PURE__ */ jsx8("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
+        meta.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx8("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
       approval ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
@@ -1546,7 +1508,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
@@ -1556,7 +1518,7 @@ function ProposalCard({
             children: "Reject"
           }
         )
-      ] }) : /* @__PURE__ */ jsx9("span", { className: "text-[12px] font-medium text-muted-foreground", children: "Awaiting approval\u2026" }),
+      ] }) : /* @__PURE__ */ jsx8("span", { className: "text-[12px] font-medium text-muted-foreground", children: "Awaiting approval\u2026" }),
       /* @__PURE__ */ jsxs7(
         "button",
         {
@@ -1566,12 +1528,12 @@ function ProposalCard({
           className: "ml-auto inline-flex items-center gap-1 rounded text-[12px] font-medium text-muted-foreground transition hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           children: [
             expanded ? "Hide details" : "View details",
-            /* @__PURE__ */ jsx9(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsx8(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
           ]
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsx9("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx9(DefaultToolDetail, { call }) })
+    expanded && /* @__PURE__ */ jsx8("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx8(DefaultToolDetail, { call }) })
   ] });
 }
 function FollowupCard({ call }) {
@@ -1579,10 +1541,10 @@ function FollowupCard({ call }) {
   const when = typeof a.when === "string" ? a.when : typeof a.at === "string" ? a.at : typeof a.schedule === "string" ? a.schedule : null;
   return /* @__PURE__ */ jsxs7("div", { className: "w-fit min-w-[260px] max-w-full rounded-lg border border-border/60 border-l-2 border-l-primary/60 bg-muted/20 px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx9(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
-      /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
+      /* @__PURE__ */ jsx8(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
+      /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
     ] }),
-    when && /* @__PURE__ */ jsx9("p", { className: "mt-0.5 pl-[22px] text-[12px] text-muted-foreground", children: when })
+    when && /* @__PURE__ */ jsx8("p", { className: "mt-0.5 pl-[22px] text-[12px] text-muted-foreground", children: when })
   ] });
 }
 function ToolCallCard({
@@ -1592,13 +1554,13 @@ function ToolCallCard({
   onOpenRun,
   renderers
 }) {
-  const [expanded, setExpanded] = useState7(false);
+  const [expanded, setExpanded] = useState6(false);
   const pending = call.status === "done" ? pendingApprovalOf(call) : null;
   const kind = blockKindOf(call);
   const failed = call.status === "error" || toolOutcomeOf(call)?.ok === false;
   const custom = renderers?.[call.name]?.(call, message);
   if (pending) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx8(
       ProposalCard,
       {
         call,
@@ -1610,7 +1572,7 @@ function ToolCallCard({
     );
   }
   if (kind === "followup" && !failed) {
-    return /* @__PURE__ */ jsx9(FollowupCard, { call });
+    return /* @__PURE__ */ jsx8(FollowupCard, { call });
   }
   const isCommand = kind === "command";
   return /* @__PURE__ */ jsxs7(
@@ -1627,14 +1589,14 @@ function ToolCallCard({
               "aria-expanded": expanded,
               className: "flex min-w-0 flex-1 items-center gap-2 rounded text-left focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               children: [
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx8(
                   "span",
                   {
                     className: `h-2 w-2 shrink-0 rounded-full ${call.status === "running" ? "animate-pulse bg-warning" : failed ? "bg-destructive" : "bg-success"}`
                   }
                 ),
-                /* @__PURE__ */ jsx9(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx8(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx8(
                   "span",
                   {
                     className: `min-w-0 flex-1 truncate ${isCommand ? "font-mono text-[12px] tracking-tight text-foreground/90" : "font-medium"}`,
@@ -1644,8 +1606,8 @@ function ToolCallCard({
               ]
             }
           ),
-          /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: call.status === "running" ? "running\u2026" : failed ? "failed" : "done" }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: call.status === "running" ? "running\u2026" : failed ? "failed" : "done" }),
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -1653,13 +1615,13 @@ function ToolCallCard({
               "aria-label": expanded ? "Collapse details" : "Expand details",
               "aria-expanded": expanded,
               className: "shrink-0 rounded p-0.5 focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ jsx9(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
+              children: /* @__PURE__ */ jsx8(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
             }
           )
         ] }),
         expanded && /* @__PURE__ */ jsxs7("div", { className: "border-t border-border/40 px-3 py-2.5", children: [
-          custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx9(ShellDetail, { call }) : /* @__PURE__ */ jsx9(DefaultToolDetail, { call })),
-          onOpenRun && call.name.startsWith("sandbox_") && /* @__PURE__ */ jsx9(
+          custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx8(ShellDetail, { call }) : /* @__PURE__ */ jsx8(DefaultToolDetail, { call })),
+          onOpenRun && call.name.startsWith("sandbox_") && /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -1674,7 +1636,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       className: "ml-0.5 inline-block h-[1.1em] w-[3px] translate-y-[2px] animate-pulse rounded-sm bg-foreground/70",
@@ -1693,7 +1655,7 @@ function SegmentText({
   if (!content.trim() && !showCaret) return null;
   return /* @__PURE__ */ jsxs7("div", { className: "text-base leading-[1.75]", children: [
     body,
-    showCaret && /* @__PURE__ */ jsx9(StreamingCaret, {})
+    showCaret && /* @__PURE__ */ jsx8(StreamingCaret, {})
   ] });
 }
 function SegmentedBody({
@@ -1712,7 +1674,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call) => /* @__PURE__ */ jsx9(
+  const renderToolCard = (call) => /* @__PURE__ */ jsx8(
     ToolCallCard,
     {
       call,
@@ -1725,7 +1687,7 @@ function SegmentedBody({
   );
   return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
     segments.map(
-      (seg, i) => seg.kind === "text" ? /* @__PURE__ */ jsx9(
+      (seg, i) => seg.kind === "text" ? /* @__PURE__ */ jsx8(
         SegmentText,
         {
           content: seg.content,
@@ -1737,7 +1699,7 @@ function SegmentedBody({
       ) : renderToolCard(seg.call)
     ),
     leftoverToolCalls.map(renderToolCard),
-    streaming && segments[lastIndex]?.kind === "tool" && /* @__PURE__ */ jsx9(StreamingCaret, {})
+    streaming && segments[lastIndex]?.kind === "tool" && /* @__PURE__ */ jsx8(StreamingCaret, {})
   ] });
 }
 function AssistantMessageImpl({
@@ -1774,19 +1736,19 @@ function AssistantMessageImpl({
   );
   return /* @__PURE__ */ jsxs7("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
     /* @__PURE__ */ jsxs7("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsx9("span", { className: "font-semibold uppercase", children: agentLabel }),
-      msg.modelUsed && /* @__PURE__ */ jsx9("span", { className: "font-mono normal-case", children: msg.modelUsed }),
-      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx9("span", { children: formatTokensPerSecond(msg) }),
-      formatModelCost(msg, models) && /* @__PURE__ */ jsx9("span", { children: formatModelCost(msg, models) })
+      /* @__PURE__ */ jsx8("span", { className: "font-semibold uppercase", children: agentLabel }),
+      msg.modelUsed && /* @__PURE__ */ jsx8("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx8("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx8("span", { children: formatModelCost(msg, models) })
     ] }),
     reasoning && /* @__PURE__ */ jsxs7("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2", open: !hasAnswerText, children: [
-      /* @__PURE__ */ jsx9("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs7("span", { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsx8("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs7("span", { className: "animate-pulse", children: [
         "Thinking",
         thinkingSeconds >= 3 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
       ] }) : thinkMsRef.current != null ? `Thought for ${Math.max(1, Math.round(thinkMsRef.current / 1e3))}s` : "Thought process" }),
-      /* @__PURE__ */ jsx9("div", { ref: reasoningScrollRef, className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-[13px] leading-relaxed text-muted-foreground", children: reasoning })
+      /* @__PURE__ */ jsx8("div", { ref: reasoningScrollRef, className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-[13px] leading-relaxed text-muted-foreground", children: reasoning })
     ] }),
-    segments && segments.length > 0 ? /* @__PURE__ */ jsx9(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx8(
       SegmentedBody,
       {
         segments,
@@ -1800,9 +1762,9 @@ function AssistantMessageImpl({
     ) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
       /* @__PURE__ */ jsxs7("div", { className: "text-base leading-[1.75]", children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx9(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx8(StreamingCaret, {})
       ] }),
-      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx9(
+      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx8(
         ToolCallCard,
         {
           call: tc,
@@ -1819,7 +1781,7 @@ function AssistantMessageImpl({
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState7(0);
+  const [seconds, setSeconds] = useState6(0);
   useEffect5(() => {
     if (!active) return;
     setSeconds(0);
@@ -1831,22 +1793,22 @@ function useThinkingSeconds(active) {
 function ThinkingRow({ agentLabel }) {
   const seconds = useThinkingSeconds(true);
   return /* @__PURE__ */ jsxs7("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    /* @__PURE__ */ jsx9("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: agentLabel }),
+    /* @__PURE__ */ jsx8("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: agentLabel }),
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
-      /* @__PURE__ */ jsx9("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx9("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
+      /* @__PURE__ */ jsx8("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx8("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
       "Thinking",
       seconds >= 3 ? ` \xB7 ${seconds}s` : "..."
     ] })
   ] });
 }
 function StreamErrorRow({ message, onRetry }) {
-  return /* @__PURE__ */ jsx9("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs7("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
+  return /* @__PURE__ */ jsx8("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs7("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
     /* @__PURE__ */ jsxs7("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx9("path", { d: "M12 8v4m0 4h.01" })
+      /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx8("path", { d: "M12 8v4m0 4h.01" })
     ] }),
-    /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
@@ -1875,12 +1837,12 @@ function ChatMessages({
   header
 }) {
   const renderBody = useMemo3(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap", children: content })),
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx8("p", { className: "whitespace-pre-wrap", children: content })),
     [renderMarkdown]
   );
   const lastIsUser = messages[messages.length - 1]?.role === "user";
   if (messages.length === 0 && !loading && !error) {
-    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx9(ChatEmptyState, { ...emptyState });
+    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx8(ChatEmptyState, { ...emptyState });
     return /* @__PURE__ */ jsxs7(Fragment4, { children: [
       header,
       empty
@@ -1889,10 +1851,10 @@ function ChatMessages({
   return /* @__PURE__ */ jsxs7(Fragment4, { children: [
     header,
     messages.map(
-      (msg) => msg.role === "user" ? /* @__PURE__ */ jsx9("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs7("div", { className: "ml-auto w-fit max-w-[85%]", children: [
-        /* @__PURE__ */ jsx9("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: userLabel }),
-        /* @__PURE__ */ jsx9("div", { className: "rounded-2xl rounded-tr-md bg-primary/10 px-4 py-2.5 text-base leading-relaxed", children: /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap", children: msg.content }) })
-      ] }) }, msg.id) : /* @__PURE__ */ jsx9(
+      (msg) => msg.role === "user" ? /* @__PURE__ */ jsx8("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs7("div", { className: "ml-auto w-fit max-w-[85%]", children: [
+        /* @__PURE__ */ jsx8("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: userLabel }),
+        /* @__PURE__ */ jsx8("div", { className: "rounded-2xl rounded-tr-md bg-primary/10 px-4 py-2.5 text-base leading-relaxed", children: /* @__PURE__ */ jsx8("p", { className: "whitespace-pre-wrap", children: msg.content }) })
+      ] }) }, msg.id) : /* @__PURE__ */ jsx8(
         AssistantMessage,
         {
           msg,
@@ -1908,8 +1870,8 @@ function ChatMessages({
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx9(ThinkingRow, { agentLabel }),
-    error && !loading && /* @__PURE__ */ jsx9(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx8(ThinkingRow, { agentLabel }),
+    error && !loading && /* @__PURE__ */ jsx8(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
@@ -1934,9 +1896,6 @@ export {
   FlowWaterfall,
   MissionActivityLane,
   AgentActivityPanel,
-  useSandboxTerminalConnection,
-  tabTerminalConnectionId,
-  WorkspaceTerminalPanel,
   SeatPaywall,
   AgentSessionControls,
   formatModelCost,
@@ -1947,4 +1906,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-7DPQ5VWR.js.map
+//# sourceMappingURL=chunk-VKHB7VP4.js.map