@tangle-network/agent-app 0.45.28 → 0.45.30

package/dist/{chunk-WC43OQMR.js → chunk-IFYJDX3J.js}

@@ -5,6 +5,11 @@ import {
   WorkProductCard,
   workProductPartsFromMessageParts
 } from "./chunk-HZ4WCA37.js";
+import {
+  ChevronDown,
+  POPOVER_OPTION_FOCUS,
+  usePending
+} from "./chunk-L7FHRORY.js";
 import {
   UNTITLED_SESSION_LABEL,
   mergeSessionPages,
@@ -30,13 +35,9 @@ import {
   parsePlanSubmittedEvent,
   persistedPartToPlan
 } from "./chunk-YJMCRXQQ.js";
-import {
-  snapHarnessToModel,
-  snapModelToHarness
-} from "./chunk-TH7L265V.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect12, useMemo as useMemo9, useRef as useRef11, useState as useState16, memo } from "react";
+import { useEffect as useEffect11, useMemo as useMemo7, useRef as useRef10, useState as useState14, memo } from "react";
 
 // src/web-react/smooth-text.ts
 import { useEffect, useRef, useState } from "react";
@@ -78,309 +79,11 @@ function useSmoothText(target, enabled, opts) {
   return target.slice(0, Math.floor(shownRef.current));
 }
 
-// src/web-react/controls.tsx
-import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
-
-// src/web-react/provider-logo.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var LOGOS = {
-  anthropic: { viewBox: "0 0 24 24", fill: "#D97757", paths: ["M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"] },
-  google: { viewBox: "0 0 24 24", fill: "#8E75B2", paths: ["M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"] },
-  deepseek: { viewBox: "0 0 24 24", fill: "#4D6BFE", paths: ["M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"] },
-  mistral: { viewBox: "0 0 24 24", fill: "#FA520F", paths: ["M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z"] },
-  xai: { viewBox: "0 0 24 24", fill: "#000000", paths: ["M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"] },
-  nvidia: { viewBox: "0 0 24 24", fill: "#76B900", paths: ["M8.948 8.798v-1.43a6.7 6.7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851c-.398 0-.787-.062-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6.016 6.016 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964c-.37 0-.733-.035-1.095-.097v1.325c.3.035.61.062.91.062 3.957 0 6.82-2.023 9.593-4.408.459.371 2.34 1.263 2.73 1.652-2.633 2.208-8.772 3.984-12.253 3.984-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936z"] },
-  meta: { viewBox: "0 0 24 24", fill: "#0467DF", paths: ["M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z"] },
-  moonshotai: { viewBox: "0 0 24 24", fill: "#16191E", paths: ["m1.053 16.91 9.538 2.55a21 20.981 0 0 0 .06 2.031l5.956 1.592a12 11.99 0 0 1-15.554-6.172m-1.02-5.79 11.352 3.035a21 20.981 0 0 0-.469 2.01l10.817 2.89a12 11.99 0 0 1-1.845 2.004L.658 15.918a12 11.99 0 0 1-.625-4.796m1.593-5.146L13.573 9.17a21 20.981 0 0 0-1.01 1.874l11.297 3.02a21 20.981 0 0 1-.67 2.362l-11.55-3.087L.125 10.26a12 11.99 0 0 1 1.499-4.285ZM6.067 1.58l11.285 3.016a21 20.981 0 0 0-1.688 1.719l7.824 2.091a21 20.981 0 0 1 .513 2.664L2.107 5.218a12 11.99 0 0 1 3.96-3.638M21.68 4.866 7.222 1.003A12 11.99 0 0 1 21.68 4.866"] },
-  openai: { viewBox: "0 0 256 260", fill: "#10A37F", paths: ["M239.184 106.203a64.72 64.72 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.72 64.72 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.67 64.67 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.77 64.77 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483m-97.56 136.338a48.4 48.4 0 0 1-31.105-11.255l1.535-.87l51.67-29.825a8.6 8.6 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601M37.158 197.93a48.35 48.35 0 0 1-5.781-32.589l1.534.921l51.722 29.826a8.34 8.34 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803M23.549 85.38a48.5 48.5 0 0 1 25.58-21.333v61.39a8.29 8.29 0 0 0 4.195 7.316l62.874 36.272l-21.845 12.636a.82.82 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405zm179.466 41.695l-63.08-36.63L161.73 77.86a.82.82 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.54 8.54 0 0 0-4.4-7.213m21.742-32.69l-1.535-.922l-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.72.72 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391zM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87l-51.67 29.825a8.6 8.6 0 0 0-4.246 7.367zm11.868-25.58L128.067 97.3l28.188 16.218v32.434l-28.086 16.218l-28.188-16.218z"] }
-};
-var ALIASES = {
-  moonshot: "moonshotai",
-  deepseek_ai: "deepseek",
-  "x-ai": "xai",
-  "meta-llama": "meta"
-};
-var MONOGRAM = {
-  cohere: { bg: "#fae8ff", fg: "#c026d3" },
-  groq: { bg: "#fce7f3", fg: "#db2777" },
-  cerebras: { bg: "#ccfbf1", fg: "#0d9488" },
-  zai: { bg: "#ede9fe", fg: "#7c3aed" },
-  "z-ai": { bg: "#ede9fe", fg: "#7c3aed" },
-  tuner: { bg: "#dbeafe", fg: "#2563eb" }
-};
-function ProviderLogo({ provider, size = 16 }) {
-  const key = ALIASES[provider ?? ""] ?? provider ?? "";
-  const logo = LOGOS[key];
-  if (logo) {
-    return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: logo.viewBox, role: "img", "aria-label": key, children: logo.paths.map((d, i) => /* @__PURE__ */ jsx("path", { d, fill: logo.fill }, i)) });
-  }
-  const mono = MONOGRAM[key] ?? { bg: "#f3f4f6", fg: "#6b7280" };
-  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 16 16", role: "img", "aria-label": key || "model", children: [
-    /* @__PURE__ */ jsx("rect", { width: "16", height: "16", rx: "4", fill: mono.bg }),
-    /* @__PURE__ */ jsx("text", { x: "8", y: "11.6", textAnchor: "middle", fill: mono.fg, fontSize: "9", fontWeight: "700", fontFamily: "system-ui, sans-serif", children: (key || "?").charAt(0).toUpperCase() })
-  ] });
-}
-
-// src/web-react/controls.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ChevronDown({ className }) {
-  return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }) });
-}
-function SearchGlyph({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx2("path", { d: "m21 21-4.3-4.3" })
-  ] });
-}
-function SparkleGlyph({ className }) {
-  return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6 2.1 2.1m0-12.8-2.1 2.1M7.7 16.3l-2.1 2.1" }) });
-}
-function usePopover(open, setOpen) {
-  const containerRef = useRef2(null);
-  const triggerRef = useRef2(null);
-  useEffect2(() => {
-    if (!open) return;
-    function onMouseDown(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-    }
-    function onKeyDown(e) {
-      if (e.key === "Escape") {
-        setOpen(false);
-        triggerRef.current?.focus();
-      }
-    }
-    document.addEventListener("mousedown", onMouseDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open, setOpen]);
-  return {
-    containerRef,
-    triggerRef,
-    triggerProps: {
-      ref: triggerRef,
-      "aria-haspopup": true,
-      "aria-expanded": open
-    }
-  };
-}
-var POPOVER_OPTION_FOCUS = "focus-visible:[outline-offset:-2px]";
-function usePending() {
-  const [pending, setPending] = useState2(false);
-  const inFlight = useRef2(false);
-  const mounted = useRef2(true);
-  useEffect2(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const run = (action) => {
-    if (inFlight.current) return;
-    let result;
-    try {
-      result = action();
-    } catch {
-      return;
-    }
-    if (!(result instanceof Promise)) return;
-    inFlight.current = true;
-    setPending(true);
-    void result.finally(() => {
-      inFlight.current = false;
-      if (mounted.current) setPending(false);
-    });
-  };
-  return { pending, run };
-}
-function formatPrice(p) {
-  if (!p) return void 0;
-  const n = Number(p);
-  if (isNaN(n) || n === 0) return void 0;
-  const perM = n * 1e6;
-  return perM >= 1 ? `$${perM.toFixed(0)}/M` : `$${perM.toFixed(2)}/M`;
-}
-function formatContext(len) {
-  if (!len) return void 0;
-  if (len >= 1e6) return `${(len / 1e6).toFixed(1)}M ctx`;
-  if (len >= 1e3) return `${Math.round(len / 1e3)}K ctx`;
-  return `${len} ctx`;
-}
-function SectionHeader({ children }) {
-  return /* @__PURE__ */ jsx2("div", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children });
-}
-function ModelRow({
-  model,
-  selected,
-  onSelect,
-  renderProviderBadge
-}) {
-  const price = formatPrice(model.pricing?.prompt);
-  const ctx = formatContext(model.contextLength);
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      onClick: onSelect,
-      className: `flex w-full items-center gap-2.5 rounded-md px-3 py-2.5 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${selected ? "bg-primary/10 font-medium" : "hover:bg-accent/30"}`,
-      children: [
-        renderProviderBadge ? renderProviderBadge(model.provider) : /* @__PURE__ */ jsx2(ProviderLogo, { provider: model.provider, size: 16 }),
-        /* @__PURE__ */ jsx2("span", { className: "truncate", children: model.name }),
-        !model.supportsTools && /* @__PURE__ */ jsx2("span", { className: "shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "no tools" }),
-        /* @__PURE__ */ jsxs2("span", { className: "ml-auto flex shrink-0 items-center gap-2 text-xs text-muted-foreground", children: [
-          ctx && /* @__PURE__ */ jsx2("span", { children: ctx }),
-          price && /* @__PURE__ */ jsx2("span", { children: price })
-        ] })
-      ]
-    }
-  );
-}
-function ModelPicker({ value, onChange, models, loading, renderProviderBadge, recommendedLabel = "Recommended", priorityGroup }) {
-  const [open, setOpen] = useState2(false);
-  const [query, setQuery] = useState2("");
-  const { containerRef, triggerProps } = usePopover(open, setOpen);
-  const inputRef = useRef2(null);
-  useEffect2(() => {
-    if (open) inputRef.current?.focus();
-  }, [open]);
-  const selected = models.find((m) => m.id === value);
-  const filtered = useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return null;
-    return models.filter(
-      (m) => m.id.toLowerCase().includes(q) || m.name.toLowerCase().includes(q) || (m.description?.toLowerCase() ?? "").includes(q) || m.provider.toLowerCase().includes(q)
-    );
-  }, [models, query]);
-  const sections = useMemo(() => {
-    const isPriority = priorityGroup ? (m) => priorityGroup.match(m) : () => false;
-    const priority = priorityGroup ? models.filter(isPriority) : [];
-    const recommended = models.filter((m) => m.featured && !isPriority(m));
-    const byProvider = [];
-    for (const m of models) {
-      if (m.featured || isPriority(m)) continue;
-      const last = byProvider[byProvider.length - 1];
-      if (last && last.provider === m.provider) last.items.push(m);
-      else byProvider.push({ provider: m.provider, items: [m] });
-    }
-    return { priority, recommended, byProvider };
-  }, [models, priorityGroup]);
-  const select = (id) => {
-    onChange(id);
-    setOpen(false);
-    setQuery("");
-  };
-  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        onClick: () => setOpen(!open),
-        className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
-        children: [
-          selected ? renderProviderBadge ? renderProviderBadge(selected.provider) : /* @__PURE__ */ jsx2(ProviderLogo, { provider: selected.provider, size: 16 }) : /* @__PURE__ */ jsx2(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx2("span", { className: "max-w-[160px] truncate", children: selected?.name ?? value }),
-          /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs2("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-[420px] max-w-[calc(100vw-2rem)] overflow-hidden rounded-xl border border-border bg-card shadow-lg", children: [
-      /* @__PURE__ */ jsx2("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2", children: [
-        /* @__PURE__ */ jsx2(SearchGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsx2(
-          "input",
-          {
-            ref: inputRef,
-            type: "text",
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search models...",
-            className: "flex-1 bg-transparent text-sm placeholder:text-muted-foreground"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs2("div", { className: "max-h-[400px] overflow-y-auto p-1 pb-2", children: [
-        loading && /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading models..." }),
-        !loading && filtered && /* @__PURE__ */ jsxs2(Fragment, { children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No models match your search" }),
-          filtered.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-        ] }),
-        !loading && !filtered && models.length === 0 && /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No models available" }),
-        !loading && !filtered && models.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-          priorityGroup && sections.priority.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(SectionHeader, { children: priorityGroup.label }),
-            sections.priority.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-          ] }),
-          sections.recommended.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(SectionHeader, { children: recommendedLabel }),
-            sections.recommended.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-          ] }),
-          sections.byProvider.map((g) => /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx2(SectionHeader, { children: g.provider }),
-            g.items.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-          ] }, g.provider))
-        ] })
-      ] })
-    ] })
-  ] });
-}
-var DEFAULT_EFFORT_LEVELS = [
-  { id: "off", label: "Off" },
-  { id: "low", label: "Quick" },
-  { id: "medium", label: "Standard" },
-  { id: "high", label: "Extended" }
-];
-function EffortPicker({ value, onChange, levels = DEFAULT_EFFORT_LEVELS, label = "Thinking" }) {
-  const [open, setOpen] = useState2(false);
-  const { containerRef, triggerProps } = usePopover(open, setOpen);
-  const selected = levels.find((l) => l.id === value) ?? levels[2] ?? levels[0];
-  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        onClick: () => setOpen(!open),
-        title: label ? `${label} \u2014 how hard the agent reasons before answering` : "Reasoning effort",
-        className: "inline-flex min-h-[36px] items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
-        children: [
-          /* @__PURE__ */ jsx2(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsxs2("span", { children: [
-            label ? /* @__PURE__ */ jsxs2("span", { className: "text-muted-foreground", children: [
-              label,
-              ": "
-            ] }) : null,
-            selected?.label
-          ] }),
-          /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx2("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 w-40 overflow-hidden rounded-xl border border-border bg-card p-1 shadow-lg", children: levels.map((l) => /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        role: "menuitemradio",
-        "aria-checked": l.id === value,
-        onClick: () => {
-          onChange(l.id);
-          setOpen(false);
-        },
-        className: `flex min-h-[40px] w-full items-center rounded-md px-3 py-2 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${l.id === value ? "bg-primary/10 font-medium" : "hover:bg-accent/30"}`,
-        children: l.label
-      },
-      l.id
-    )) })
-  ] });
-}
-
 // src/web-react/brand-mark.tsx
 import { lazy, Suspense } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function MarkSpacer({ size = 24, className }) {
-  return /* @__PURE__ */ jsx3("span", { "aria-hidden": true, style: { display: "inline-block", width: size, height: size }, className });
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, style: { display: "inline-block", width: size, height: size }, className });
 }
 var LazyKnot = lazy(async () => {
   try {
@@ -391,14 +94,14 @@ var LazyKnot = lazy(async () => {
   }
 });
 function BrandMark({ size = 24, className }) {
-  return /* @__PURE__ */ jsx3(Suspense, { fallback: /* @__PURE__ */ jsx3(MarkSpacer, { size, className }), children: /* @__PURE__ */ jsx3(LazyKnot, { size, className }) });
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(MarkSpacer, { size, className }), children: /* @__PURE__ */ jsx(LazyKnot, { size, className }) });
 }
 
 // src/web-react/durable-plan-card.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 
 // src/web-react/interaction-question-card.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 
 // src/web-react/interaction-card-support.ts
 function interactionStatusLabels(labels) {
@@ -557,9 +260,9 @@ function createInteractionAnswerSubmitter(options) {
 }
 
 // src/web-react/interaction-question-card.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function CheckGlyph({ 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: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }) });
 }
 var BADGE_VARIANT_CLASSES = {
   outline: "border-border text-foreground",
@@ -567,7 +270,7 @@ var BADGE_VARIANT_CLASSES = {
   destructive: "border-transparent bg-destructive/15 text-destructive"
 };
 function InteractionBadge({ variant, children }) {
-  return /* @__PURE__ */ jsx4("span", { className: `inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium ${BADGE_VARIANT_CLASSES[variant]}`, children });
+  return /* @__PURE__ */ jsx2("span", { className: `inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium ${BADGE_VARIANT_CLASSES[variant]}`, children });
 }
 function InteractionActionButton({
   variant = "primary",
@@ -576,7 +279,7 @@ function InteractionActionButton({
   children
 }) {
   const variantClasses = variant === "primary" ? "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90" : "border border-border bg-transparent text-foreground hover:bg-accent/40";
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2(
     "button",
     {
       type: "button",
@@ -597,11 +300,11 @@ function QuestionOptionList({
   disabled,
   onToggle
 }) {
-  return /* @__PURE__ */ jsx4(Fragment2, { children: options.map((option, optionIndex) => {
+  return /* @__PURE__ */ jsx2(Fragment, { children: options.map((option, optionIndex) => {
     const inputId = `${idPrefix}-${optionIndex}`;
     const checked = selectedValues.includes(option.value);
-    return /* @__PURE__ */ jsxs3("label", { htmlFor: inputId, className: "flex cursor-pointer gap-2 rounded-lg border border-border/70 p-3 transition-colors hover:bg-muted/50", children: [
-      /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex cursor-pointer gap-2 rounded-lg border border-border/70 p-3 transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx2(
         "input",
         {
           id: inputId,
@@ -616,9 +319,9 @@ function QuestionOptionList({
           className: "mt-0.5 h-4 w-4 shrink-0 accent-primary"
         }
       ),
-      /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx4("span", { id: `${inputId}-label`, className: "block text-sm font-medium leading-5 text-foreground", children: option.label }),
-        option.description && /* @__PURE__ */ jsx4("span", { id: `${inputId}-description`, className: "mt-0.5 block text-xs leading-5 text-muted-foreground", children: option.description })
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx2("span", { id: `${inputId}-label`, className: "block text-sm font-medium leading-5 text-foreground", children: option.label }),
+        option.description && /* @__PURE__ */ jsx2("span", { id: `${inputId}-description`, className: "mt-0.5 block text-xs leading-5 text-muted-foreground", children: option.description })
       ] })
     ] }, `${option.value}-${optionIndex}`);
   }) });
@@ -662,13 +365,13 @@ function InteractionQuestionCard({
   renderMarkdown,
   className
 }) {
-  const [values, setValues] = useState3(() => fieldValuesFromAnswers(interaction.fields, interaction.answers));
-  const [submitting, setSubmitting] = useState3(false);
-  const [localStatus, setLocalStatus] = useState3(null);
-  const [lateAnswerSent, setLateAnswerSent] = useState3(false);
-  const [error, setError] = useState3(null);
-  const submitInFlightRef = useRef3(false);
-  const [askId, setAskId] = useState3(interaction.id);
+  const [values, setValues] = useState2(() => fieldValuesFromAnswers(interaction.fields, interaction.answers));
+  const [submitting, setSubmitting] = useState2(false);
+  const [localStatus, setLocalStatus] = useState2(null);
+  const [lateAnswerSent, setLateAnswerSent] = useState2(false);
+  const [error, setError] = useState2(null);
+  const submitInFlightRef = useRef2(false);
+  const [askId, setAskId] = useState2(interaction.id);
   if (askId !== interaction.id) {
     setAskId(interaction.id);
     setValues(fieldValuesFromAnswers(interaction.fields, interaction.answers));
@@ -676,7 +379,7 @@ function InteractionQuestionCard({
     setLateAnswerSent(false);
     setError(null);
   }
-  useEffect3(() => {
+  useEffect2(() => {
     if (!interaction.answers) return;
     setValues(fieldValuesFromAnswers(interaction.fields, interaction.answers));
   }, [interaction.answers, interaction.fields]);
@@ -686,7 +389,7 @@ function InteractionQuestionCard({
   const secretLateAnswerBlocked = lateAnswerable && hasSecretField(interaction.fields);
   const canLateAnswer = canWrite && lateAnswerable && !lateAnswerSent && !secretLateAnswerBlocked;
   const disabled = !canWrite || status !== "pending" && !canLateAnswer || submitting;
-  const answerData = useMemo2(() => buildAnswerData(interaction.fields, values), [interaction.fields, values]);
+  const answerData = useMemo(() => buildAnswerData(interaction.fields, values), [interaction.fields, values]);
   const setFieldValue = (name, patch) => {
     setValues((prev) => ({ ...prev, [name]: { ...prev[name], ...patch } }));
   };
@@ -753,24 +456,24 @@ function InteractionQuestionCard({
   } else if (submitting) {
     submitLabel = "Submitting\u2026";
   }
-  return /* @__PURE__ */ jsxs3("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx4(InteractionBadge, { variant: "outline", children: kindLabel ?? "Question" }),
-        /* @__PURE__ */ jsx4(InteractionBadge, { variant: answered ? "default" : status === "expired" || status === "declined" ? "destructive" : "outline", children: STATUS_LABELS[status] })
+  return /* @__PURE__ */ jsxs("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx2(InteractionBadge, { variant: "outline", children: kindLabel ?? "Question" }),
+        /* @__PURE__ */ jsx2(InteractionBadge, { variant: answered ? "default" : status === "expired" || status === "declined" ? "destructive" : "outline", children: STATUS_LABELS[status] })
       ] }),
-      /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: sourceNote ?? "The agent asked for input" })
+      /* @__PURE__ */ jsx2("span", { className: "text-xs text-muted-foreground", children: sourceNote ?? "The agent asked for input" })
     ] }),
-    interaction.title.trim() && interaction.fields.every((field) => field.label !== interaction.title) && /* @__PURE__ */ jsx4("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: interaction.title }),
-    interaction.body && (renderMarkdown ? /* @__PURE__ */ jsx4("div", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: renderMarkdown(interaction.body) }) : /* @__PURE__ */ jsx4("p", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: interaction.body })),
-    /* @__PURE__ */ jsx4("div", { className: "space-y-4", children: interaction.fields.map((field) => {
+    interaction.title.trim() && interaction.fields.every((field) => field.label !== interaction.title) && /* @__PURE__ */ jsx2("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: interaction.title }),
+    interaction.body && (renderMarkdown ? /* @__PURE__ */ jsx2("div", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: renderMarkdown(interaction.body) }) : /* @__PURE__ */ jsx2("p", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: interaction.body })),
+    /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: interaction.fields.map((field) => {
       const value = values[field.name] ?? {};
       const select = selectField(field);
       const freeText = freeTextField(field);
-      return /* @__PURE__ */ jsxs3("fieldset", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium leading-5 text-foreground", children: field.label }),
-        select ? /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium leading-5 text-foreground", children: field.label }),
+        select ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx2(
             QuestionOptionList,
             {
               groupName: `${interaction.id}-${field.name}`,
@@ -782,7 +485,7 @@ function InteractionQuestionCard({
               onToggle: (optionValue) => toggleSelected(select, optionValue)
             }
           ),
-          select.allowCustom === true && /* @__PURE__ */ jsx4(
+          select.allowCustom === true && /* @__PURE__ */ jsx2(
             "input",
             {
               type: "text",
@@ -794,8 +497,8 @@ function InteractionQuestionCard({
               className: FIELD_INPUT_CLASSES
             }
           )
-        ] }) : field.type === "boolean" ? /* @__PURE__ */ jsx4("div", { className: "flex gap-4", children: ["true", "false"].map((boolValue) => /* @__PURE__ */ jsxs3("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-foreground", children: [
-          /* @__PURE__ */ jsx4(
+        ] }) : field.type === "boolean" ? /* @__PURE__ */ jsx2("div", { className: "flex gap-4", children: ["true", "false"].map((boolValue) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-foreground", children: [
+          /* @__PURE__ */ jsx2(
             "input",
             {
               type: "radio",
@@ -808,7 +511,7 @@ function InteractionQuestionCard({
             }
           ),
           boolValue === "true" ? "Yes" : "No"
-        ] }, boolValue)) }) : field.type === "number" ? /* @__PURE__ */ jsx4(
+        ] }, boolValue)) }) : field.type === "number" ? /* @__PURE__ */ jsx2(
           "input",
           {
             type: "number",
@@ -818,7 +521,7 @@ function InteractionQuestionCard({
             onChange: (event) => setFieldValue(field.name, { text: event.target.value }),
             className: FIELD_INPUT_CLASSES
           }
-        ) : field.type === "secret" ? /* @__PURE__ */ jsx4(
+        ) : field.type === "secret" ? /* @__PURE__ */ jsx2(
           "input",
           {
             type: "password",
@@ -830,7 +533,7 @@ function InteractionQuestionCard({
             maxLength: freeText ? textFieldMaxLength(freeText) : void 0,
             className: FIELD_INPUT_CLASSES
           }
-        ) : /* @__PURE__ */ jsx4(
+        ) : /* @__PURE__ */ jsx2(
           "textarea",
           {
             value: value.text ?? "",
@@ -845,25 +548,25 @@ function InteractionQuestionCard({
         )
       ] }, field.name);
     }) }),
-    error && /* @__PURE__ */ jsx4("p", { role: "alert", className: "mt-3 text-xs text-destructive", children: error }),
-    terminalNote && /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs text-muted-foreground", children: terminalNote }),
-    (showSubmitButton || showTimeoutNote) && /* @__PURE__ */ jsxs3("div", { className: "mt-4 flex flex-wrap items-center justify-end gap-2", children: [
-      showTimeoutNote && /* @__PURE__ */ jsx4("div", { className: "mr-auto text-xs text-muted-foreground", children: timeoutNote }),
-      showSubmitButton && /* @__PURE__ */ jsx4(InteractionActionButton, { onClick: () => void submit(), disabled: disabled || !answerData, children: submitLabel })
+    error && /* @__PURE__ */ jsx2("p", { role: "alert", className: "mt-3 text-xs text-destructive", children: error }),
+    terminalNote && /* @__PURE__ */ jsx2("p", { className: "mt-3 text-xs text-muted-foreground", children: terminalNote }),
+    (showSubmitButton || showTimeoutNote) && /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-end gap-2", children: [
+      showTimeoutNote && /* @__PURE__ */ jsx2("div", { className: "mr-auto text-xs text-muted-foreground", children: timeoutNote }),
+      showSubmitButton && /* @__PURE__ */ jsx2(InteractionActionButton, { onClick: () => void submit(), disabled: disabled || !answerData, children: submitLabel })
     ] }),
-    answered && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx4(CheckGlyph, { className: "h-3 w-3" }),
+    answered && /* @__PURE__ */ jsx2("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx2(CheckGlyph, { className: "h-3 w-3" }),
       "Answered"
     ] }) }),
-    lateAnswerSent && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx4(CheckGlyph, { className: "h-3 w-3" }),
+    lateAnswerSent && /* @__PURE__ */ jsx2("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx2(CheckGlyph, { className: "h-3 w-3" }),
       "Sent as new message"
     ] }) })
   ] });
 }
 
 // src/web-react/durable-plan-card.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function statusLabel(plan) {
   switch (plan.status) {
     case "pending":
@@ -889,10 +592,10 @@ function DurablePlanCard({
   renderMarkdown,
   className
 }) {
-  const [feedback, setFeedback] = useState4("");
-  const [expanded, setExpanded] = useState4(false);
-  const [localError, setLocalError] = useState4(null);
-  useEffect4(() => setLocalError(null), [plan.planId, plan.revision, plan.status]);
+  const [feedback, setFeedback] = useState3("");
+  const [expanded, setExpanded] = useState3(false);
+  const [localError, setLocalError] = useState3(null);
+  useEffect3(() => setLocalError(null), [plan.planId, plan.revision, plan.status]);
   const actionable = plan.status === "pending";
   const disabled = !canWrite || !actionable || deciding !== null;
   async function submit(decision) {
@@ -904,22 +607,22 @@ function DurablePlanCard({
     setLocalError(null);
     await decide(decision, decision === "rejected" ? trimmed : void 0);
   }
-  return /* @__PURE__ */ jsxs4("div", { className: `rounded-xl border border-primary/40 bg-card p-4 shadow-sm ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs4("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(InteractionBadge, { variant: "outline", children: "Plan decision" }),
-        /* @__PURE__ */ jsx5(InteractionBadge, { variant: plan.status === "approved" ? "default" : plan.status === "rejected" || plan.status === "withdrawn" ? "destructive" : "outline", children: statusLabel(plan) })
+  return /* @__PURE__ */ jsxs2("div", { className: `rounded-xl border border-primary/40 bg-card p-4 shadow-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx3(InteractionBadge, { variant: "outline", children: "Plan decision" }),
+        /* @__PURE__ */ jsx3(InteractionBadge, { variant: plan.status === "approved" ? "default" : plan.status === "rejected" || plan.status === "withdrawn" ? "destructive" : "outline", children: statusLabel(plan) })
       ] }),
-      /* @__PURE__ */ jsxs4("span", { className: "text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "text-xs text-muted-foreground", children: [
         "Revision ",
         plan.revision
       ] })
     ] }),
-    plan.title && /* @__PURE__ */ jsx5("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: plan.title }),
-    /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx5("div", { className: "overflow-hidden text-sm", style: expanded ? void 0 : { maxHeight: 320 }, children: renderMarkdown ? renderMarkdown(plan.body) : /* @__PURE__ */ jsx5("p", { className: "whitespace-pre-wrap leading-5", children: plan.body }) }),
-      !expanded && /* @__PURE__ */ jsx5("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-card to-transparent" }),
-      /* @__PURE__ */ jsx5(
+    plan.title && /* @__PURE__ */ jsx3("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: plan.title }),
+    /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx3("div", { className: "overflow-hidden text-sm", style: expanded ? void 0 : { maxHeight: 320 }, children: renderMarkdown ? renderMarkdown(plan.body) : /* @__PURE__ */ jsx3("p", { className: "whitespace-pre-wrap leading-5", children: plan.body }) }),
+      !expanded && /* @__PURE__ */ jsx3("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-card to-transparent" }),
+      /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -929,9 +632,9 @@ function DurablePlanCard({
         }
       )
     ] }),
-    actionable && /* @__PURE__ */ jsxs4("div", { className: "mt-3 space-y-2", children: [
-      /* @__PURE__ */ jsx5("label", { className: "block text-sm font-medium leading-5 text-foreground", htmlFor: `durable-plan-feedback-${plan.planId}-${plan.revision}`, children: "Feedback for requested changes" }),
-      /* @__PURE__ */ jsx5(
+    actionable && /* @__PURE__ */ jsxs2("div", { className: "mt-3 space-y-2", children: [
+      /* @__PURE__ */ jsx3("label", { className: "block text-sm font-medium leading-5 text-foreground", htmlFor: `durable-plan-feedback-${plan.planId}-${plan.revision}`, children: "Feedback for requested changes" }),
+      /* @__PURE__ */ jsx3(
         "textarea",
         {
           id: `durable-plan-feedback-${plan.planId}-${plan.revision}`,
@@ -944,22 +647,22 @@ function DurablePlanCard({
         }
       )
     ] }),
-    (localError ?? error) && /* @__PURE__ */ jsx5("p", { className: "mt-3 text-xs text-destructive", children: localError ?? error }),
-    actionable && /* @__PURE__ */ jsxs4("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx5(InteractionActionButton, { variant: "outline", onClick: () => void submit("rejected"), disabled, children: deciding === "rejected" ? "Sending\u2026" : "Request changes" }),
-      /* @__PURE__ */ jsx5(InteractionActionButton, { onClick: () => void submit("approved"), disabled, children: deciding === "approved" ? "Approving\u2026" : "Approve plan" })
+    (localError ?? error) && /* @__PURE__ */ jsx3("p", { className: "mt-3 text-xs text-destructive", children: localError ?? error }),
+    actionable && /* @__PURE__ */ jsxs2("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx3(InteractionActionButton, { variant: "outline", onClick: () => void submit("rejected"), disabled, children: deciding === "rejected" ? "Sending\u2026" : "Request changes" }),
+      /* @__PURE__ */ jsx3(InteractionActionButton, { onClick: () => void submit("approved"), disabled, children: deciding === "approved" ? "Approving\u2026" : "Approve plan" })
     ] })
   ] });
 }
 
 // src/web-react/interaction-plan-card.tsx
-import { useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function CheckGlyph2({ className }) {
-  return /* @__PURE__ */ jsx6("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx6("path", { d: "M20 6 9 17l-5-5" }) });
+  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: "M20 6 9 17l-5-5" }) });
 }
 function ChevronDownGlyph({ className }) {
-  return /* @__PURE__ */ jsx6("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx6("path", { d: "m6 9 6 6 6-6" }) });
+  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: "m6 9 6 6 6-6" }) });
 }
 var STATUS_LABELS2 = interactionStatusLabels({
   pending: "Waiting for your approval",
@@ -981,19 +684,19 @@ function InteractionPlanCard({
   renderMarkdown,
   className
 }) {
-  const [values, setValues] = useState5({});
-  const [expanded, setExpanded] = useState5(false);
-  const [submitting, setSubmitting] = useState5(null);
-  const [localStatus, setLocalStatus] = useState5(null);
-  const [reRequested, setReRequested] = useState5(false);
-  const [error, setError] = useState5(null);
-  const submitInFlightRef = useRef4(false);
+  const [values, setValues] = useState4({});
+  const [expanded, setExpanded] = useState4(false);
+  const [submitting, setSubmitting] = useState4(null);
+  const [localStatus, setLocalStatus] = useState4(null);
+  const [reRequested, setReRequested] = useState4(false);
+  const [error, setError] = useState4(null);
+  const submitInFlightRef = useRef3(false);
   const status = isTerminalInteractionStatus(interaction.status) ? interaction.status : localStatus ?? interaction.status;
   const reRequestable = isLateAnswerableStatus(status) && onReRequest !== void 0;
   const canReRequest = canWrite && reRequestable && !reRequested;
   const disabled = !canWrite || status !== "pending" || submitting !== null;
-  const approveData = useMemo3(() => buildAnswerData(interaction.fields, values), [interaction.fields, values]);
-  const rejectData = useMemo3(() => {
+  const approveData = useMemo2(() => buildAnswerData(interaction.fields, values), [interaction.fields, values]);
+  const rejectData = useMemo2(() => {
     const data = {};
     for (const field of interaction.fields) {
       const answer = fieldAnswer(field, values);
@@ -1048,41 +751,41 @@ function InteractionPlanCard({
   }
   const terminalNote = TERMINAL_NOTES2[status];
   const approved = status === "answered";
-  return /* @__PURE__ */ jsxs5("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs5("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx6(InteractionBadge, { variant: "outline", children: "Plan" }),
-        /* @__PURE__ */ jsx6(InteractionBadge, { variant: approved ? "default" : status === "expired" || status === "declined" ? "destructive" : "outline", children: STATUS_LABELS2[status] })
+  return /* @__PURE__ */ jsxs3("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx4(InteractionBadge, { variant: "outline", children: "Plan" }),
+        /* @__PURE__ */ jsx4(InteractionBadge, { variant: approved ? "default" : status === "expired" || status === "declined" ? "destructive" : "outline", children: STATUS_LABELS2[status] })
       ] }),
-      /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: "The agent proposed a plan" })
+      /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: "The agent proposed a plan" })
     ] }),
-    interaction.title.trim() && /* @__PURE__ */ jsx6("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: interaction.title }),
-    interaction.body && /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx6(
+    interaction.title.trim() && /* @__PURE__ */ jsx4("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: interaction.title }),
+    interaction.body && /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx4(
         "div",
         {
           className: "overflow-hidden text-sm text-foreground",
           style: expanded ? void 0 : { maxHeight: COLLAPSED_MAX_HEIGHT },
-          children: renderMarkdown ? renderMarkdown(interaction.body) : /* @__PURE__ */ jsx6("p", { className: "whitespace-pre-wrap leading-5", children: interaction.body })
+          children: renderMarkdown ? renderMarkdown(interaction.body) : /* @__PURE__ */ jsx4("p", { className: "whitespace-pre-wrap leading-5", children: interaction.body })
         }
       ),
-      !expanded && /* @__PURE__ */ jsx6("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-card to-transparent" }),
-      /* @__PURE__ */ jsxs5(
+      !expanded && /* @__PURE__ */ jsx4("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-card to-transparent" }),
+      /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
           onClick: () => setExpanded((prev) => !prev),
           className: "mt-1 inline-flex items-center gap-1 text-xs text-muted-foreground transition hover:text-foreground",
           children: [
-            /* @__PURE__ */ jsx6(ChevronDownGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
+            /* @__PURE__ */ jsx4(ChevronDownGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
             expanded ? "Collapse plan" : "Show full plan"
           ]
         }
       )
     ] }),
-    interaction.fields.length > 0 && /* @__PURE__ */ jsx6("div", { className: "mt-3 space-y-4", children: interaction.fields.map((field) => /* @__PURE__ */ jsxs5("fieldset", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium leading-5 text-foreground", children: field.label }),
-      fieldAcceptsFreeText(field) ? /* @__PURE__ */ jsx6(
+    interaction.fields.length > 0 && /* @__PURE__ */ jsx4("div", { className: "mt-3 space-y-4", children: interaction.fields.map((field) => /* @__PURE__ */ jsxs3("fieldset", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium leading-5 text-foreground", children: field.label }),
+      fieldAcceptsFreeText(field) ? /* @__PURE__ */ jsx4(
         "textarea",
         {
           value: values[field.name]?.text ?? "",
@@ -1093,7 +796,7 @@ function InteractionPlanCard({
           placeholder: field.type === "text" ? field.placeholder ?? "Optional feedback for the agent" : void 0,
           className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground focus:border-primary disabled:opacity-50"
         }
-      ) : /* @__PURE__ */ jsx6(
+      ) : /* @__PURE__ */ jsx4(
         "input",
         {
           type: "text",
@@ -1105,26 +808,26 @@ function InteractionPlanCard({
         }
       )
     ] }, field.name)) }),
-    error && /* @__PURE__ */ jsx6("p", { className: "mt-3 text-xs text-destructive", children: error }),
-    terminalNote && /* @__PURE__ */ jsx6("p", { className: "mt-3 text-xs text-muted-foreground", children: terminalNote }),
-    canReRequest && /* @__PURE__ */ jsx6("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsx6(InteractionActionButton, { variant: "outline", onClick: () => void requestReSubmission(), disabled: submitting !== null, children: submitting === "requesting" ? "Asking\u2026" : reRequestLabel ?? DEFAULT_RE_REQUEST_LABEL }) }),
-    reRequested && /* @__PURE__ */ jsx6("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx6(CheckGlyph2, { className: "h-3 w-3" }),
+    error && /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs text-destructive", children: error }),
+    terminalNote && /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs text-muted-foreground", children: terminalNote }),
+    canReRequest && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsx4(InteractionActionButton, { variant: "outline", onClick: () => void requestReSubmission(), disabled: submitting !== null, children: submitting === "requesting" ? "Asking\u2026" : reRequestLabel ?? DEFAULT_RE_REQUEST_LABEL }) }),
+    reRequested && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx4(CheckGlyph2, { className: "h-3 w-3" }),
       "Re-submission requested"
     ] }) }),
-    status === "pending" && /* @__PURE__ */ jsxs5("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx6(InteractionActionButton, { variant: "outline", onClick: () => void submit("declined"), disabled, children: submitting === "reject" ? "Sending\u2026" : "Request changes" }),
-      /* @__PURE__ */ jsx6(InteractionActionButton, { onClick: () => void submit("accepted"), disabled: disabled || approveData === null, children: submitting === "approve" ? "Approving\u2026" : "Approve plan" })
+    status === "pending" && /* @__PURE__ */ jsxs3("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx4(InteractionActionButton, { variant: "outline", onClick: () => void submit("declined"), disabled, children: submitting === "reject" ? "Sending\u2026" : "Request changes" }),
+      /* @__PURE__ */ jsx4(InteractionActionButton, { onClick: () => void submit("accepted"), disabled: disabled || approveData === null, children: submitting === "approve" ? "Approving\u2026" : "Approve plan" })
     ] }),
-    approved && /* @__PURE__ */ jsx6("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx6(CheckGlyph2, { className: "h-3 w-3" }),
+    approved && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx4(CheckGlyph2, { className: "h-3 w-3" }),
       "Approved"
     ] }) })
   ] });
 }
 
 // src/web-react/durable-chat-cards.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function planIdentity(planId, revision) {
   return `${planId}:${revision}`;
 }
@@ -1165,9 +868,9 @@ function DurableChatCards({
 }) {
   const cards = durableChatCardsFromParts(parts);
   if (cards.length === 0) return null;
-  return /* @__PURE__ */ jsx7("div", { className: `space-y-3 ${className ?? ""}`, children: cards.map((card) => {
+  return /* @__PURE__ */ jsx5("div", { className: `space-y-3 ${className ?? ""}`, children: cards.map((card) => {
     if (card.kind === "plan") {
-      return /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx5(
         DurablePlanCard,
         {
           plan: card.plan,
@@ -1181,7 +884,7 @@ function DurableChatCards({
       );
     }
     if (card.interaction.kind === "plan") {
-      return /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx5(
         InteractionPlanCard,
         {
           interaction: card.interaction,
@@ -1195,7 +898,7 @@ function DurableChatCards({
         card.key
       );
     }
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx5(
       InteractionQuestionCard,
       {
         interaction: card.interaction,
@@ -1210,23 +913,23 @@ function DurableChatCards({
 }
 
 // src/web-react/message-attachments.tsx
-import { useCallback, useEffect as useEffect5, useState as useState6 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useCallback, useEffect as useEffect4, useState as useState5 } from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function FileGlyph({ 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("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 2v6h6" })
+  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__ */ jsx6("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ jsx6("path", { d: "M14 2v6h6" })
   ] });
 }
 function ImageGlyph({ 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("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ jsx8("circle", { cx: "9", cy: "9", r: "2" }),
-    /* @__PURE__ */ jsx8("path", { d: "m21 15-5-5L5 21" })
+  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__ */ jsx6("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx6("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx6("path", { d: "m21 15-5-5L5 21" })
   ] });
 }
 function WarningGlyph({ 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: "M12 9v4m0 4h.01M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }) });
+  return /* @__PURE__ */ jsx6("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx6("path", { d: "M12 9v4m0 4h.01M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }) });
 }
 function iconForMediaType(mediaType) {
   return mediaType?.startsWith("image/") ? ImageGlyph : FileGlyph;
@@ -1273,8 +976,8 @@ function triggerAttachmentDownload(name, blob) {
   }
 }
 function useAttachmentObjectUrl(blob) {
-  const [url, setUrl] = useState6(null);
-  useEffect5(() => {
+  const [url, setUrl] = useState5(null);
+  useEffect4(() => {
     if (!blob) {
       setUrl(null);
       return;
@@ -1286,15 +989,15 @@ function useAttachmentObjectUrl(blob) {
   return url;
 }
 function AttachmentThumbnailError({ name }) {
-  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex h-16 w-16 shrink-0 flex-col items-center justify-center gap-1 rounded-md border border-destructive/40 bg-destructive/10 px-1 text-center text-destructive", children: [
-    /* @__PURE__ */ jsx8(WarningGlyph, { className: "h-4 w-4 shrink-0" }),
-    /* @__PURE__ */ jsx8("span", { className: "line-clamp-2 text-[10px] leading-tight", children: name })
+  return /* @__PURE__ */ jsxs4("span", { className: "inline-flex h-16 w-16 shrink-0 flex-col items-center justify-center gap-1 rounded-md border border-destructive/40 bg-destructive/10 px-1 text-center text-destructive", children: [
+    /* @__PURE__ */ jsx6(WarningGlyph, { className: "h-4 w-4 shrink-0" }),
+    /* @__PURE__ */ jsx6("span", { className: "line-clamp-2 text-[10px] leading-tight", children: name })
   ] });
 }
 function AttachmentThumbnail({ part, resolveFileUrl, fetchFile }) {
   const url = resolveFileUrl(part);
-  const [result, setResult] = useState6(null);
-  useEffect5(() => {
+  const [result, setResult] = useState5(null);
+  useEffect4(() => {
     let cancelled = false;
     setResult(null);
     loadAttachmentFile(url, fetchFile).then((next) => {
@@ -1310,25 +1013,25 @@ function AttachmentThumbnail({ part, resolveFileUrl, fetchFile }) {
     window.open(objectUrl, "_blank", "noopener");
   }, [objectUrl]);
   if (!result) {
-    return /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "inline-block h-16 w-16 shrink-0 animate-pulse rounded-md bg-muted" });
+    return /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: "inline-block h-16 w-16 shrink-0 animate-pulse rounded-md bg-muted" });
   }
   if (!result.ok || !objectUrl) {
-    return /* @__PURE__ */ jsx8(AttachmentThumbnailError, { name: part.name });
+    return /* @__PURE__ */ jsx6(AttachmentThumbnailError, { name: part.name });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx6(
     "button",
     {
       type: "button",
       onClick: handleClick,
       "aria-label": `Open ${part.name}`,
       className: "h-16 w-16 shrink-0 overflow-hidden rounded-md border border-border",
-      children: /* @__PURE__ */ jsx8("img", { src: objectUrl, alt: part.name, className: "h-16 w-16 object-cover" })
+      children: /* @__PURE__ */ jsx6("img", { src: objectUrl, alt: part.name, className: "h-16 w-16 object-cover" })
     }
   );
 }
 function AttachmentChip({ part, resolveFileUrl, fetchFile }) {
-  const [status, setStatus] = useState6("idle");
-  const [errorMessage, setErrorMessage] = useState6(null);
+  const [status, setStatus] = useState5("idle");
+  const [errorMessage, setErrorMessage] = useState5(null);
   const handleClick = useCallback(() => {
     if (status === "loading") return;
     setStatus("loading");
@@ -1354,7 +1057,7 @@ function AttachmentChip({ part, resolveFileUrl, fetchFile }) {
     "inline-flex items-center gap-1 rounded-md border px-2 py-0.5 text-[11px]",
     status === "error" ? "border-destructive/40 bg-destructive/10 text-destructive" : "border-border bg-muted/60 text-muted-foreground"
   ].join(" ");
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs4(
     "button",
     {
       type: "button",
@@ -1362,9 +1065,9 @@ function AttachmentChip({ part, resolveFileUrl, fetchFile }) {
       title: status === "error" ? errorMessage ?? void 0 : void 0,
       className,
       children: [
-        /* @__PURE__ */ jsx8(Icon, { className: "h-3 w-3 shrink-0" }),
+        /* @__PURE__ */ jsx6(Icon, { className: "h-3 w-3 shrink-0" }),
         part.name,
-        typeof part.size === "number" && /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground/70", children: [
+        typeof part.size === "number" && /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground/70", children: [
           "\xB7 ",
           formatBytes(part.size)
         ] })
@@ -1374,8 +1077,8 @@ function AttachmentChip({ part, resolveFileUrl, fetchFile }) {
 }
 function MessageAttachments({ parts, resolveFileUrl, justify = "end", fetchFile }) {
   if (parts.length === 0) return null;
-  return /* @__PURE__ */ jsx8("div", { className: `flex flex-wrap gap-1.5 ${justify === "start" ? "justify-start" : "justify-end"}`, children: parts.map(
-    (part) => part.type === "image" ? /* @__PURE__ */ jsx8(AttachmentThumbnail, { part, resolveFileUrl, fetchFile }, `${part.path}:${part.name}`) : /* @__PURE__ */ jsx8(AttachmentChip, { part, resolveFileUrl, fetchFile }, `${part.path}:${part.name}`)
+  return /* @__PURE__ */ jsx6("div", { className: `flex flex-wrap gap-1.5 ${justify === "start" ? "justify-start" : "justify-end"}`, children: parts.map(
+    (part) => part.type === "image" ? /* @__PURE__ */ jsx6(AttachmentThumbnail, { part, resolveFileUrl, fetchFile }, `${part.path}:${part.name}`) : /* @__PURE__ */ jsx6(AttachmentChip, { part, resolveFileUrl, fetchFile }, `${part.path}:${part.name}`)
   ) });
 }
 
@@ -1562,31 +1265,31 @@ async function streamChatTurn(opts) {
 // src/web-react/chat-composer.tsx
 import {
   useCallback as useCallback2,
-  useEffect as useEffect6,
-  useRef as useRef5,
-  useState as useState7
+  useEffect as useEffect5,
+  useRef as useRef4,
+  useState as useState6
 } from "react";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function SendGlyph({ className }) {
-  return /* @__PURE__ */ jsx9("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: "M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" }) });
+  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: "M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" }) });
 }
 function StopGlyph({ className }) {
-  return /* @__PURE__ */ jsx9("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx9("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
+  return /* @__PURE__ */ jsx7("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx7("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
 }
 function PaperclipGlyph({ className }) {
-  return /* @__PURE__ */ jsx9("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: "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" }) });
+  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: "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__ */ 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: "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__ */ jsx9("path", { d: "M12 10v6m-3-3h6" })
+  return /* @__PURE__ */ jsxs5("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: "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__ */ jsx7("path", { d: "M12 10v6m-3-3h6" })
   ] });
 }
 function CloseGlyph({ className }) {
-  return /* @__PURE__ */ jsx9("svg", { className, 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" }) });
+  return /* @__PURE__ */ jsx7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx7("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 function UploadGlyph({ className }) {
-  return /* @__PURE__ */ jsx9("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: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }) });
+  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: "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;
 var DEFAULT_SEND_FAILURE = "Message not sent. Your draft is still here \u2014 try again.";
@@ -1630,19 +1333,20 @@ function ChatComposer({
   dropTitle = "Drop files to add context",
   dropDescription = "They attach to your next message.",
   focusShortcut = true,
+  floating = false,
   sendLabel = "Send",
   className
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = useState7(initialValue ?? "");
+  const [internal, setInternal] = useState6(initialValue ?? "");
   const text = isControlled ? value : internal;
-  const textRef = useRef5(text);
+  const textRef = useRef4(text);
   textRef.current = text;
-  const textareaRef = useRef5(null);
-  const fileInputRef = useRef5(null);
-  const folderInputRef = useRef5(null);
-  const [dragOver, setDragOver] = useState7(false);
-  const dragDepth = useRef5(0);
+  const textareaRef = useRef4(null);
+  const fileInputRef = useRef4(null);
+  const folderInputRef = useRef4(null);
+  const [dragOver, setDragOver] = useState6(false);
+  const dragDepth = useRef4(0);
   const setText = useCallback2(
     (next) => {
       if (!isControlled) setInternal(next);
@@ -1650,15 +1354,15 @@ function ChatComposer({
     },
     [isControlled, onValueChange]
   );
-  useEffect6(() => {
+  useEffect5(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, MAX_HEIGHT)}px`;
   }, [text]);
-  const prevSeedRef = useRef5(null);
-  const pendingCaretRef = useRef5(null);
-  useEffect6(() => {
+  const prevSeedRef = useRef4(null);
+  const pendingCaretRef = useRef4(null);
+  useEffect5(() => {
     const prev = prevSeedRef.current;
     prevSeedRef.current = seed ?? null;
     if (seed == null || seed === prev || isControlled) return;
@@ -1672,7 +1376,7 @@ function ChatComposer({
       pendingCaretRef.current = seed;
     }
   }, [seed, setText, onSeedApplied, isControlled]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (pendingCaretRef.current == null || pendingCaretRef.current !== text)
       return;
     pendingCaretRef.current = null;
@@ -1681,8 +1385,8 @@ function ChatComposer({
     el.focus();
     el.setSelectionRange(text.length, text.length);
   }, [text]);
-  const restoreCaretRef = useRef5(null);
-  useEffect6(() => {
+  const restoreCaretRef = useRef4(null);
+  useEffect5(() => {
     const pending = restoreCaretRef.current;
     if (!pending || pending.text !== text) return;
     restoreCaretRef.current = null;
@@ -1693,7 +1397,7 @@ function ChatComposer({
     const end = Math.min(pending.end, text.length);
     el.setSelectionRange(start, end);
   }, [text]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (!focusShortcut || disabled) return;
     function onKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
@@ -1707,7 +1411,7 @@ function ChatComposer({
   const readyFileCount = pendingFiles.filter((f) => f.status === "ready").length;
   const hasSendable = text.trim().length > 0 || readyFileCount > 0;
   const canSend = hasSendable && !isStreaming && !disabled;
-  const [failedSend, setFailedSend] = useState7(null);
+  const [failedSend, setFailedSend] = useState6(null);
   const failSend = useCallback2(
     (error, draft, trimmed, parts, caret) => {
       const message = sendFailureText(error, sendFailureMessage);
@@ -1819,7 +1523,7 @@ function ChatComposer({
   const fileChips = pendingFiles.filter((f) => f.kind !== "folder");
   const showAbove = controls != null && controlsPlacement === "above";
   const showInline = controls != null && !showAbove;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: `relative ${className ?? ""}`,
@@ -1828,22 +1532,22 @@ function ChatComposer({
       onDragOver: onAttach ? handleDragOver : void 0,
       onDrop: onAttach ? handleDrop : void 0,
       children: [
-        dragOver && /* @__PURE__ */ jsx9("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__ */ jsxs7("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx9("span", { className: "mx-auto mb-2 flex h-11 w-11 items-center justify-center rounded-xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx9(UploadGlyph, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsx9("p", { className: "text-sm font-semibold text-foreground", children: dropTitle }),
-          /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-xs text-muted-foreground", children: dropDescription })
+        dragOver && /* @__PURE__ */ jsx7("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__ */ jsxs5("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx7("span", { className: "mx-auto mb-2 flex h-11 w-11 items-center justify-center rounded-xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx7(UploadGlyph, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx7("p", { className: "text-sm font-semibold text-foreground", children: dropTitle }),
+          /* @__PURE__ */ jsx7("p", { className: "mt-0.5 text-xs text-muted-foreground", children: dropDescription })
         ] }) }),
-        showAbove && /* @__PURE__ */ jsx9("div", { className: "mb-1.5 flex flex-wrap items-center gap-1.5 px-1", children: controls }),
-        failedSend && /* @__PURE__ */ jsxs7(
+        showAbove && /* @__PURE__ */ jsx7("div", { className: "mb-1.5 flex flex-wrap items-center gap-1.5 px-1", children: controls }),
+        failedSend && /* @__PURE__ */ jsxs5(
           "div",
           {
             role: "alert",
             "data-testid": "composer-send-error",
             className: "mb-2 rounded-xl border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
             children: [
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2", children: [
-                /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1", children: failedSend.message }),
-                /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2", children: [
+                /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1", children: failedSend.message }),
+                /* @__PURE__ */ jsx7(
                   "button",
                   {
                     type: "button",
@@ -1854,8 +1558,8 @@ function ChatComposer({
                   }
                 )
               ] }),
-              !failedSend.restored && /* @__PURE__ */ jsxs7("div", { className: "mt-1.5", children: [
-                /* @__PURE__ */ jsx9(
+              !failedSend.restored && /* @__PURE__ */ jsxs5("div", { className: "mt-1.5", children: [
+                /* @__PURE__ */ jsx7(
                   "p",
                   {
                     "data-testid": "composer-unsent-draft",
@@ -1863,7 +1567,7 @@ function ChatComposer({
                     children: failedSend.text
                   }
                 ),
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx7(
                   "button",
                   {
                     type: "button",
@@ -1878,40 +1582,40 @@ function ChatComposer({
             ]
           }
         ),
-        pendingFiles.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => /* @__PURE__ */ jsxs7(
+        pendingFiles.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => /* @__PURE__ */ jsxs5(
           "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__ */ jsx9(FolderGlyph, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsx9(PaperclipGlyph, { className: "h-3 w-3 shrink-0" }),
-              /* @__PURE__ */ jsx9("span", { className: "max-w-[150px] truncate", children: f.name }),
-              f.fileCount !== void 0 && /* @__PURE__ */ jsxs7("span", { className: "text-muted-foreground", children: [
+              f.kind === "folder" ? /* @__PURE__ */ jsx7(FolderGlyph, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsx7(PaperclipGlyph, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ jsx7("span", { className: "max-w-[150px] truncate", children: f.name }),
+              f.fileCount !== void 0 && /* @__PURE__ */ jsxs5("span", { className: "text-muted-foreground", children: [
                 "(",
                 f.fileCount,
                 ")"
               ] }),
-              f.status === "uploading" && /* @__PURE__ */ jsx9("span", { className: "h-3 w-3 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-              onRemoveFile && /* @__PURE__ */ jsx9(
+              f.status === "uploading" && /* @__PURE__ */ jsx7("span", { className: "h-3 w-3 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
+              onRemoveFile && /* @__PURE__ */ jsx7(
                 "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__ */ jsx9(CloseGlyph, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx7(CloseGlyph, { className: "h-3 w-3" })
                 }
               )
             ]
           },
           f.id
         )) }),
-        /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             "data-testid": "composer-card",
-            className: "flex flex-col gap-1.5 rounded-2xl border border-border bg-card px-3 py-2.5 transition focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15",
+            className: `flex flex-col gap-1.5 rounded-2xl border border-border bg-card px-3 py-2.5 transition focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15 ${floating ? "shadow-[0_1px_2px_hsl(var(--foreground)/0.05),0_12px_28px_hsl(var(--foreground)/0.07)] dark:shadow-[0_1px_2px_hsl(var(--foreground)/0.14),0_12px_28px_hsl(var(--foreground)/0.22)]" : ""}`,
             children: [
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx7(
                 "textarea",
                 {
                   ref: textareaRef,
@@ -1925,9 +1629,9 @@ function ChatComposer({
                   className: "max-h-[168px] min-h-[56px] w-full resize-none bg-transparent px-1.5 py-1 text-[15px] leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
                 }
               ),
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-end gap-2", children: [
-                onAttach && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-                  /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
+                onAttach && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -1936,13 +1640,13 @@ function ChatComposer({
                       "aria-label": "Attach files",
                       title: "Attach files",
                       className: "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__ */ jsx9(PaperclipGlyph, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ jsx7(PaperclipGlyph, { className: "h-4 w-4" })
                     }
                   ),
-                  /* @__PURE__ */ jsx9("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", accept, onChange: handleFileChange })
+                  /* @__PURE__ */ jsx7("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", accept, onChange: handleFileChange })
                 ] }),
-                onAttachFolder && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-                  /* @__PURE__ */ jsx9(
+                onAttachFolder && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -1951,10 +1655,10 @@ function ChatComposer({
                       "aria-label": "Attach folder",
                       title: "Attach folder",
                       className: "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__ */ jsx9(FolderGlyph, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ jsx7(FolderGlyph, { className: "h-4 w-4" })
                     }
                   ),
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx7(
                     "input",
                     {
                       ref: folderInputRef,
@@ -1966,8 +1670,15 @@ function ChatComposer({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx9("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5", children: showInline && controls }),
-                isStreaming ? /* @__PURE__ */ jsxs7(
+                /* @__PURE__ */ jsx7(
+                  "div",
+                  {
+                    "data-testid": "composer-controls",
+                    className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
+                    children: showInline && controls
+                  }
+                ),
+                isStreaming ? /* @__PURE__ */ jsxs5(
                   "button",
                   {
                     type: "button",
@@ -1975,11 +1686,11 @@ function ChatComposer({
                     "aria-label": "Stop response",
                     className: "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__ */ jsx9(StopGlyph, { className: "h-3.5 w-3.5" }),
-                      /* @__PURE__ */ jsx9("span", { children: "Stop" })
+                      /* @__PURE__ */ jsx7(StopGlyph, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ jsx7("span", { children: "Stop" })
                     ]
                   }
-                ) : /* @__PURE__ */ jsxs7(
+                ) : /* @__PURE__ */ jsxs5(
                   "button",
                   {
                     type: "button",
@@ -1988,8 +1699,8 @@ function ChatComposer({
                     "aria-label": sendLabel,
                     className: "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__ */ jsx9(SendGlyph, { className: "h-3.5 w-3.5" }),
-                      /* @__PURE__ */ jsx9("span", { children: sendLabel })
+                      /* @__PURE__ */ jsx7(SendGlyph, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ jsx7("span", { children: sendLabel })
                     ]
                   }
                 )
@@ -1997,10 +1708,10 @@ function ChatComposer({
             ]
           }
         ),
-        focusShortcut && /* @__PURE__ */ jsx9("div", { className: "mt-1.5 flex justify-end px-1", children: /* @__PURE__ */ jsxs7("span", { className: "text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx9("kbd", { className: "rounded border border-border bg-background px-1 py-0.5 text-[10px]", children: "Cmd" }),
-          /* @__PURE__ */ jsx9("kbd", { className: "ml-0.5 rounded border border-border bg-background px-1 py-0.5 text-[10px]", children: "L" }),
-          /* @__PURE__ */ jsx9("span", { className: "ml-1", children: "to focus" })
+        focusShortcut && /* @__PURE__ */ jsx7("div", { className: "mt-1.5 flex justify-end px-1", children: /* @__PURE__ */ jsxs5("span", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx7("kbd", { className: "rounded border border-border bg-background px-1 py-0.5 text-[10px]", children: "Cmd" }),
+          /* @__PURE__ */ jsx7("kbd", { className: "ml-0.5 rounded border border-border bg-background px-1 py-0.5 text-[10px]", children: "L" }),
+          /* @__PURE__ */ jsx7("span", { className: "ml-1", children: "to focus" })
         ] }) })
       ]
     }
@@ -2008,7 +1719,7 @@ function ChatComposer({
 }
 
 // src/web-react/durable-plan-flow.ts
-import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef6, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
 var DurablePlanClientError = class extends Error {
   constructor(message, status, code, currentPlan) {
     super(message);
@@ -2095,13 +1806,13 @@ function createDurablePlanDecisionClient(options) {
   };
 }
 function useDurablePlanFlow(options) {
-  const [plan, setPlan] = useState8(options.plan);
-  const [deciding, setDeciding] = useState8(null);
-  const [restoring, setRestoring] = useState8(false);
-  const [error, setError] = useState8(null);
-  const attachments = useRef6(/* @__PURE__ */ new Map());
-  const decisionInFlight = useRef6(false);
-  useEffect7(() => setPlan(options.plan), [options.plan]);
+  const [plan, setPlan] = useState7(options.plan);
+  const [deciding, setDeciding] = useState7(null);
+  const [restoring, setRestoring] = useState7(false);
+  const [error, setError] = useState7(null);
+  const attachments = useRef5(/* @__PURE__ */ new Map());
+  const decisionInFlight = useRef5(false);
+  useEffect6(() => setPlan(options.plan), [options.plan]);
   const apply = useCallback3(async (result) => {
     setPlan(result.plan);
     options.onUpdated?.(result.plan);
@@ -2270,7 +1981,7 @@ function createDurableInteractionAnswerSubmitter(options) {
 }
 
 // src/web-react/use-chat-interactions.ts
-import { useCallback as useCallback4, useMemo as useMemo4, useState as useState9 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3, useState as useState8 } from "react";
 function hasPendingContentDuplicate(list, interaction) {
   if (interaction.status !== "pending") return false;
   const signature = questionInteractionContentSignature(interaction);
@@ -2349,7 +2060,7 @@ function hydrateChatInteractions(list, persisted) {
   return persisted.reduce(upsertChatInteraction, list);
 }
 function useChatInteractions(options = {}) {
-  const [interactions, setInteractions] = useState9([]);
+  const [interactions, setInteractions] = useState8([]);
   const upsert = useCallback4((interaction) => {
     setInteractions((prev) => upsertChatInteraction(prev, interaction));
   }, []);
@@ -2371,12 +2082,12 @@ function useChatInteractions(options = {}) {
     setInteractions((prev) => terminalizePendingChatInteractions(prev, status));
   }, []);
   const reset = useCallback4(() => setInteractions([]), []);
-  const pending = useMemo4(() => interactions.filter((item) => item.status === "pending"), [interactions]);
+  const pending = useMemo3(() => interactions.filter((item) => item.status === "pending"), [interactions]);
   return { interactions, pending, upsert, applyCancel, markResolved, restore, hydrate, terminalizePending, reset };
 }
 
 // src/web-react/use-file-mentions.ts
-import { useCallback as useCallback5, useMemo as useMemo5, useRef as useRef7, useState as useState10 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo4, useRef as useRef6, useState as useState9 } from "react";
 var FILE_MENTION_KIND = "file";
 function toMentionItem(file) {
   return { id: file.path, label: file.name, detail: file.path, kind: FILE_MENTION_KIND };
@@ -2434,11 +2145,11 @@ function useFileMentions(options) {
     emptyText = DEFAULT_MENTION_EMPTY_TEXT
   } = options;
   const fetchImpl = options.fetchImpl ?? fetch;
-  const [state, setState] = useState10({ kind: "idle" });
-  const stateRef = useRef7(state);
+  const [state, setState] = useState9({ kind: "idle" });
+  const stateRef = useRef6(state);
   stateRef.current = state;
-  const inFlightRef = useRef7(null);
-  const [mentions, setMentions] = useState10([]);
+  const inFlightRef = useRef6(null);
+  const [mentions, setMentions] = useState9([]);
   const load = useCallback5(() => {
     if (inFlightRef.current) return inFlightRef.current;
     if (stateRef.current.kind === "idle") {
@@ -2493,7 +2204,7 @@ function useFileMentions(options) {
     setMentions(items.filter((item) => item.kind === void 0 || item.kind === FILE_MENTION_KIND).map(toFileMention));
   }, []);
   const clearMentions = useCallback5(() => setMentions([]), []);
-  const mention = useMemo5(
+  const mention = useMemo4(
     () => ({
       fetchItems,
       onMentionsChange,
@@ -2547,8 +2258,8 @@ function segmentMentionContent(content, parts) {
 }
 
 // src/web-react/mission-activity.tsx
-import { useCallback as useCallback6, useEffect as useEffect8, useState as useState11 } from "react";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect7, useState as useState10 } from "react";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs6 } 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"]);
@@ -2595,19 +2306,19 @@ function waterfallLayout(trace) {
   });
 }
 function ChevronGlyph({ className }) {
-  return /* @__PURE__ */ jsx10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx10("path", { d: "m6 9 6 6 6-6" }) });
+  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" }) });
 }
 function RefreshGlyph({ className }) {
-  return /* @__PURE__ */ jsx10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx10("path", { d: "M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6" }) });
+  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: "M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6" }) });
 }
 function CopyGlyph({ className }) {
-  return /* @__PURE__ */ jsxs8("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx10("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-    /* @__PURE__ */ jsx10("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  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("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+    /* @__PURE__ */ jsx8("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] });
 }
 function TraceIdCopy({ traceId }) {
-  const [copied, setCopied] = useState11(false);
+  const [copied, setCopied] = useState10(false);
   const copy = useCallback6(() => {
     void navigator.clipboard?.writeText(traceId).then(
       () => {
@@ -2618,7 +2329,7 @@ function TraceIdCopy({ traceId }) {
       }
     );
   }, [traceId]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs6(
     "button",
     {
       type: "button",
@@ -2627,23 +2338,23 @@ function TraceIdCopy({ traceId }) {
       "aria-label": "Copy trace id",
       className: "inline-flex min-w-0 items-center gap-1.5 rounded text-left font-mono text-muted-foreground transition hover:text-foreground",
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "truncate", children: traceId }),
-        /* @__PURE__ */ jsx10(CopyGlyph, { className: "h-3 w-3 shrink-0" }),
-        copied && /* @__PURE__ */ jsx10("span", { className: "shrink-0 not-italic text-success", children: "copied" })
+        /* @__PURE__ */ jsx8("span", { className: "truncate", children: traceId }),
+        /* @__PURE__ */ jsx8(CopyGlyph, { className: "h-3 w-3 shrink-0" }),
+        copied && /* @__PURE__ */ jsx8("span", { className: "shrink-0 not-italic text-success", children: "copied" })
       ]
     }
   );
 }
 function StatusDot({ tone }) {
-  return /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center", children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center", children: [
+    /* @__PURE__ */ jsx8(
       "span",
       {
         "aria-hidden": true,
         className: `h-2 w-2 shrink-0 rounded-full ${tone === "live" ? "animate-pulse bg-warning" : tone === "ok" ? "bg-success" : tone === "error" ? "bg-destructive" : "bg-muted-foreground/40"}`
       }
     ),
-    /* @__PURE__ */ jsx10("span", { className: "sr-only", children: tone })
+    /* @__PURE__ */ jsx8("span", { className: "sr-only", children: tone })
   ] });
 }
 var BAR_CLASS = {
@@ -2655,19 +2366,19 @@ function FlowWaterfall({ trace }) {
   const rows = waterfallLayout(trace);
   if (rows.length === 0) return null;
   const cost = formatActivityCost(trace.costUsd);
-  return /* @__PURE__ */ jsxs8("div", { className: "space-y-1", children: [
-    rows.map((row, i) => /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto] items-center gap-2", children: [
-      /* @__PURE__ */ jsx10("span", { className: "truncate font-mono text-[11px] text-muted-foreground", title: row.name, children: row.name }),
-      /* @__PURE__ */ jsx10("div", { className: "relative h-2 rounded-sm bg-muted/40", children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
+    rows.map((row, i) => /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto] items-center gap-2", children: [
+      /* @__PURE__ */ jsx8("span", { className: "truncate font-mono text-[11px] text-muted-foreground", title: row.name, children: row.name }),
+      /* @__PURE__ */ jsx8("div", { className: "relative h-2 rounded-sm bg-muted/40", children: /* @__PURE__ */ jsx8(
         "div",
         {
           className: `absolute inset-y-0 rounded-sm ${row.ok ? BAR_CLASS[row.kind] : "bg-destructive/80"} ${row.approx ? "opacity-70" : ""}`,
           style: { left: `${row.offsetPct}%`, width: `${row.widthPct}%` }
         }
       ) }),
-      /* @__PURE__ */ jsx10("span", { className: "shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground/70", children: row.durationLabel })
+      /* @__PURE__ */ jsx8("span", { className: "shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground/70", children: row.durationLabel })
     ] }, i)),
-    /* @__PURE__ */ jsxs8("p", { className: "pt-0.5 text-right font-mono text-[10px] tabular-nums text-muted-foreground/60", children: [
+    /* @__PURE__ */ jsxs6("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}` : ""
@@ -2675,43 +2386,43 @@ function FlowWaterfall({ trace }) {
   ] });
 }
 function MissionActivityLane({ activity, startedAt, nowMs }) {
-  const [expanded, setExpanded] = useState11(false);
+  const [expanded, setExpanded] = useState10(false);
   if (activity.length === 0) return null;
-  return /* @__PURE__ */ jsxs8("div", { className: "mt-1 border-l border-border/50 pl-3", children: [
+  return /* @__PURE__ */ jsxs6("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__ */ jsxs8("div", { className: "flex items-center gap-2 py-1 text-xs", children: [
-        /* @__PURE__ */ jsx10(StatusDot, { tone }),
-        /* @__PURE__ */ jsxs8("span", { className: "min-w-0 flex-1 truncate", children: [
-          /* @__PURE__ */ jsx10("span", { className: "font-medium", children: run.tool }),
-          /* @__PURE__ */ jsxs8("span", { className: "text-muted-foreground", children: [
+      return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 py-1 text-xs", children: [
+        /* @__PURE__ */ jsx8(StatusDot, { tone }),
+        /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate", children: [
+          /* @__PURE__ */ jsx8("span", { className: "font-medium", children: run.tool }),
+          /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
             " \u2014 ",
             run.detail
           ] })
         ] }),
-        tone === "live" && (run.iteration !== void 0 || run.phase !== void 0) && /* @__PURE__ */ jsx10("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__ */ jsxs8("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__ */ jsx10("span", { children: run.status }),
-          cost && /* @__PURE__ */ jsx10("span", { children: cost }),
-          duration && /* @__PURE__ */ jsx10("span", { children: duration })
+        tone === "live" && (run.iteration !== void 0 || run.phase !== void 0) && /* @__PURE__ */ jsx8("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__ */ jsxs6("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__ */ jsx8("span", { children: run.status }),
+          cost && /* @__PURE__ */ jsx8("span", { children: cost }),
+          duration && /* @__PURE__ */ jsx8("span", { children: duration })
         ] })
       ] }, run.taskId);
     }),
-    /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs6(
       "button",
       {
         type: "button",
         onClick: () => setExpanded((v) => !v),
         className: "flex items-center gap-1 py-0.5 text-[10px] font-medium text-muted-foreground/70 transition hover:text-foreground",
         children: [
-          /* @__PURE__ */ jsx10(ChevronGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
+          /* @__PURE__ */ jsx8(ChevronGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
           "timeline"
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx10("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx10(
+    expanded && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx8(
       FlowWaterfall,
       {
         trace: stepActivityFlowTrace(activity, {
@@ -2726,45 +2437,45 @@ function ActivityRow({
   record,
   renderMissionRef
 }) {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState10(false);
   const tone = activityTone(record.status);
   const cost = formatActivityCost(record.costUsd);
   const duration = formatActivityDuration(record.durationMs);
-  return /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border/60 bg-card", children: [
-    /* @__PURE__ */ jsxs8("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__ */ jsx10(StatusDot, { tone }),
-      /* @__PURE__ */ jsxs8("span", { className: "min-w-0 flex-1 truncate", children: [
-        /* @__PURE__ */ jsx10("span", { className: "font-medium", children: record.tool }),
-        /* @__PURE__ */ jsxs8("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border/60 bg-card", children: [
+    /* @__PURE__ */ jsxs6("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__ */ jsx8(StatusDot, { tone }),
+      /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate", children: [
+        /* @__PURE__ */ jsx8("span", { className: "font-medium", children: record.tool }),
+        /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
           " \u2014 ",
           record.detail
         ] })
       ] }),
-      tone === "live" && (record.iteration !== void 0 || record.phase !== void 0) && /* @__PURE__ */ jsx10("span", { className: "shrink-0 rounded-full bg-warning/10 px-2 py-0.5 font-mono text-[10px] text-warning", children: [record.iteration !== void 0 ? `iter ${record.iteration}` : null, record.phase ?? null].filter(Boolean).join(" \xB7 ") }),
-      /* @__PURE__ */ jsx10(
+      tone === "live" && (record.iteration !== void 0 || record.phase !== void 0) && /* @__PURE__ */ jsx8("span", { className: "shrink-0 rounded-full bg-warning/10 px-2 py-0.5 font-mono text-[10px] text-warning", children: [record.iteration !== void 0 ? `iter ${record.iteration}` : null, record.phase ?? null].filter(Boolean).join(" \xB7 ") }),
+      /* @__PURE__ */ jsx8(
         "span",
         {
           className: `shrink-0 rounded-full px-2 py-0.5 text-[10px] font-medium ${tone === "ok" ? "bg-success/10 text-success" : tone === "error" ? "bg-destructive/10 text-destructive" : tone === "live" ? "bg-warning/10 text-warning" : "bg-muted/60 text-muted-foreground"}`,
           children: record.status
         }
       ),
-      cost && /* @__PURE__ */ jsx10("span", { className: "shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground", children: cost }),
-      /* @__PURE__ */ jsx10(ChevronGlyph, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
+      cost && /* @__PURE__ */ jsx8("span", { className: "shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground", children: cost }),
+      /* @__PURE__ */ jsx8(ChevronGlyph, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
     ] }),
-    open && /* @__PURE__ */ jsxs8("div", { className: "space-y-2.5 border-t border-border/40 px-3 py-2.5", children: [
-      record.durationMs !== void 0 && /* @__PURE__ */ jsx10("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx10(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
-      /* @__PURE__ */ jsxs8("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-[11px]", children: [
-        /* @__PURE__ */ jsx10("dt", { className: "text-muted-foreground/60", children: "task" }),
-        /* @__PURE__ */ jsx10("dd", { className: "truncate text-muted-foreground", children: record.taskId }),
-        /* @__PURE__ */ jsx10("dt", { className: "text-muted-foreground/60", children: "started" }),
-        /* @__PURE__ */ jsx10("dd", { className: "text-muted-foreground", children: new Date(record.startedAt).toLocaleString() }),
-        duration && /* @__PURE__ */ jsxs8(Fragment4, { children: [
-          /* @__PURE__ */ jsx10("dt", { className: "text-muted-foreground/60", children: "duration" }),
-          /* @__PURE__ */ jsx10("dd", { className: "text-muted-foreground", children: duration })
+    open && /* @__PURE__ */ jsxs6("div", { className: "space-y-2.5 border-t border-border/40 px-3 py-2.5", children: [
+      record.durationMs !== void 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx8(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
+      /* @__PURE__ */ jsxs6("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-[11px]", children: [
+        /* @__PURE__ */ jsx8("dt", { className: "text-muted-foreground/60", children: "task" }),
+        /* @__PURE__ */ jsx8("dd", { className: "truncate text-muted-foreground", children: record.taskId }),
+        /* @__PURE__ */ jsx8("dt", { className: "text-muted-foreground/60", children: "started" }),
+        /* @__PURE__ */ jsx8("dd", { className: "text-muted-foreground", children: new Date(record.startedAt).toLocaleString() }),
+        duration && /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          /* @__PURE__ */ jsx8("dt", { className: "text-muted-foreground/60", children: "duration" }),
+          /* @__PURE__ */ jsx8("dd", { className: "text-muted-foreground", children: duration })
         ] }),
-        record.traceId && /* @__PURE__ */ jsxs8(Fragment4, { children: [
-          /* @__PURE__ */ jsx10("dt", { className: "text-muted-foreground/60", children: "trace" }),
-          /* @__PURE__ */ jsx10("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx10(TraceIdCopy, { traceId: record.traceId }) })
+        record.traceId && /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          /* @__PURE__ */ jsx8("dt", { className: "text-muted-foreground/60", children: "trace" }),
+          /* @__PURE__ */ jsx8("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx8(TraceIdCopy, { traceId: record.traceId }) })
         ] })
       ] }),
       record.missionRef && renderMissionRef?.(record.missionRef, record)
@@ -2772,10 +2483,10 @@ function ActivityRow({
   ] });
 }
 function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent activity", emptyLabel = "No agent runs yet." }) {
-  const [rows, setRows] = useState11([]);
-  const [cursor, setCursor] = useState11(void 0);
-  const [status, setStatus] = useState11("loading");
-  const [error, setError] = useState11(null);
+  const [rows, setRows] = useState10([]);
+  const [cursor, setCursor] = useState10(void 0);
+  const [status, setStatus] = useState10("loading");
+  const [error, setError] = useState10(null);
   const load = useCallback6(
     async (from) => {
       setStatus("loading");
@@ -2792,14 +2503,14 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
     },
     [fetchActivity]
   );
-  useEffect8(() => {
+  useEffect7(() => {
     void load();
   }, [load]);
   const loading = status === "loading";
-  return /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx10("h2", { className: "flex-1 text-sm font-semibold", children: title }),
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx8("h2", { className: "flex-1 text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsx8(
         "button",
         {
           type: "button",
@@ -2807,15 +2518,15 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
           disabled: loading,
           "aria-label": "Refresh",
           className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent/30 hover:text-foreground disabled:opacity-50",
-          children: /* @__PURE__ */ jsx10(RefreshGlyph, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` })
+          children: /* @__PURE__ */ jsx8(RefreshGlyph, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` })
         }
       )
     ] }),
-    status === "error" && /* @__PURE__ */ jsx10("p", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: error }),
-    status === "ready" && rows.length === 0 && /* @__PURE__ */ jsx10("p", { className: "px-1 text-sm text-muted-foreground", children: emptyLabel }),
-    /* @__PURE__ */ jsx10("span", { role: "status", "aria-live": "polite", "aria-busy": loading, className: "sr-only", children: loading ? "Loading activity\u2026" : "" }),
-    /* @__PURE__ */ jsx10("div", { className: "space-y-1.5", "aria-busy": loading, children: rows.map((record) => /* @__PURE__ */ jsx10(ActivityRow, { record, renderMissionRef }, record.taskId)) }),
-    cursor && /* @__PURE__ */ jsx10(
+    status === "error" && /* @__PURE__ */ jsx8("p", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: error }),
+    status === "ready" && rows.length === 0 && /* @__PURE__ */ jsx8("p", { className: "px-1 text-sm text-muted-foreground", children: emptyLabel }),
+    /* @__PURE__ */ jsx8("span", { role: "status", "aria-live": "polite", "aria-busy": loading, className: "sr-only", children: loading ? "Loading activity\u2026" : "" }),
+    /* @__PURE__ */ jsx8("div", { className: "space-y-1.5", "aria-busy": loading, children: rows.map((record) => /* @__PURE__ */ jsx8(ActivityRow, { record, renderMissionRef }, record.taskId)) }),
+    cursor && /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
@@ -2829,7 +2540,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
 }
 
 // src/web-react/provenance.tsx
-import { useCallback as useCallback7, useEffect as useEffect9, useId, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useId, useRef as useRef7, useState as useState11 } from "react";
 
 // src/web-react/provenance-model.ts
 var PROVENANCE_BASES = ["extracted", "entered", "computed", "asserted"];
@@ -2989,7 +2700,7 @@ function provenanceTriggerLabel(record, standing) {
 }
 
 // src/web-react/provenance.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var BASIS_TONES = {
   extracted: "border-primary/30 bg-primary/10 text-primary",
   entered: "border-success/30 bg-success/10 text-success",
@@ -3014,27 +2725,27 @@ function BasisGlyph({ basis, className }) {
   };
   switch (basis) {
     case "extracted":
-      return /* @__PURE__ */ jsxs9("svg", { ...shared, children: [
-        /* @__PURE__ */ jsx11("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
-        /* @__PURE__ */ jsx11("polyline", { points: "14 3 14 8 19 8" }),
-        /* @__PURE__ */ jsx11("line", { x1: "9", y1: "13", x2: "15", y2: "13" })
+      return /* @__PURE__ */ jsxs7("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx9("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx9("polyline", { points: "14 3 14 8 19 8" }),
+        /* @__PURE__ */ jsx9("line", { x1: "9", y1: "13", x2: "15", y2: "13" })
       ] });
     case "entered":
-      return /* @__PURE__ */ jsxs9("svg", { ...shared, children: [
-        /* @__PURE__ */ jsx11("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "7", r: "4" })
+      return /* @__PURE__ */ jsxs7("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx9("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "7", r: "4" })
       ] });
     case "computed":
-      return /* @__PURE__ */ jsxs9("svg", { ...shared, children: [
-        /* @__PURE__ */ jsx11("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-        /* @__PURE__ */ jsx11("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-        /* @__PURE__ */ jsx11("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
-        /* @__PURE__ */ jsx11("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
+      return /* @__PURE__ */ jsxs7("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx9("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+        /* @__PURE__ */ jsx9("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+        /* @__PURE__ */ jsx9("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
+        /* @__PURE__ */ jsx9("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
       ] });
     case "asserted":
-      return /* @__PURE__ */ jsxs9("svg", { ...shared, children: [
-        /* @__PURE__ */ jsx11("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
-        /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "3.2" })
+      return /* @__PURE__ */ jsxs7("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx9("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
+        /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "3.2" })
       ] });
   }
 }
@@ -3054,11 +2765,11 @@ function SourceRow({
   const status = source.status ?? "ready";
   const statusLine = describeProvenanceSourceStatus(source);
   const openable = status === "ready" && (onOpenSource !== void 0 || source.href !== void 0);
-  return /* @__PURE__ */ jsxs9("li", { className: "rounded-md border border-border/60 bg-background/40 px-2.5 py-2", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
-      /* @__PURE__ */ jsx11("span", { className: "text-[13px] font-medium text-foreground", children: source.label }),
-      source.locator && /* @__PURE__ */ jsx11("span", { className: "text-[11px] text-muted-foreground", children: source.locator }),
-      openable && (onOpenSource ? /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs7("li", { className: "rounded-md border border-border/60 bg-background/40 px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
+      /* @__PURE__ */ jsx9("span", { className: "text-[13px] font-medium text-foreground", children: source.label }),
+      source.locator && /* @__PURE__ */ jsx9("span", { className: "text-[11px] text-muted-foreground", children: source.locator }),
+      openable && (onOpenSource ? /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -3069,7 +2780,7 @@ function SourceRow({
             source.label
           ]
         }
-      ) : /* @__PURE__ */ jsxs9(
+      ) : /* @__PURE__ */ jsxs7(
         "a",
         {
           href: source.href,
@@ -3083,7 +2794,7 @@ function SourceRow({
         }
       ))
     ] }),
-    source.quote && /* @__PURE__ */ jsxs9("blockquote", { className: "mt-1 border-l-2 border-primary/50 pl-2 text-[12px] italic leading-snug text-foreground", children: [
+    source.quote && /* @__PURE__ */ jsxs7("blockquote", { className: "mt-1 border-l-2 border-primary/50 pl-2 text-[12px] italic leading-snug text-foreground", children: [
       "\u201C",
       source.quote,
       "\u201D"
@@ -3092,14 +2803,14 @@ function SourceRow({
     // update is theirs to read, not an interruption. Either way it is TEXT
     // — a spinner alone and a greyed row alone both render as "nothing
     // here".
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs7(
       "p",
       {
         role: "status",
         className: `mt-1 text-[11px] ${status === "unavailable" ? "text-destructive" : "text-muted-foreground"}`,
         children: [
           statusLine,
-          status === "unavailable" && onRetrySource && /* @__PURE__ */ jsx11(
+          status === "unavailable" && onRetrySource && /* @__PURE__ */ jsx9(
             "button",
             {
               type: "button",
@@ -3123,9 +2834,9 @@ function ProvenanceValue({
   missingValueLabel = DEFAULT_MISSING_VALUE_LABEL,
   className
 }) {
-  const [open, setOpen] = useState12(defaultOpen);
-  const triggerRef = useRef8(null);
-  const rootRef = useRef8(null);
+  const [open, setOpen] = useState11(defaultOpen);
+  const triggerRef = useRef7(null);
+  const rootRef = useRef7(null);
   const panelId = useId();
   const standing = rollUpProvenanceStanding(record, confidencePolicy);
   const basisMeta = provenanceBasisMeta(record.basis);
@@ -3148,7 +2859,7 @@ function ProvenanceValue({
     if (!open) closeTrailsOutside(rootRef.current);
     setOpen(!open);
   }, [open]);
-  useEffect9(() => {
+  useEffect8(() => {
     const root = rootRef.current;
     if (!open || root === null) return;
     const entry = { root, close: () => setOpen(false) };
@@ -3166,12 +2877,12 @@ function ProvenanceValue({
       document.removeEventListener("touchstart", onPointerDown, true);
     };
   }, [open]);
-  const summary = /* @__PURE__ */ jsxs9("span", { className: "inline-flex flex-wrap items-baseline gap-x-1.5", children: [
-    record.label && /* @__PURE__ */ jsx11("span", { className: "text-[11px] text-muted-foreground", children: record.label }),
-    /* @__PURE__ */ jsx11("span", { className: hasValue ? "text-sm text-foreground" : "text-sm italic text-muted-foreground", children: hasValue ? record.display : missingValueLabel })
+  const summary = /* @__PURE__ */ jsxs7("span", { className: "inline-flex flex-wrap items-baseline gap-x-1.5", children: [
+    record.label && /* @__PURE__ */ jsx9("span", { className: "text-[11px] text-muted-foreground", children: record.label }),
+    /* @__PURE__ */ jsx9("span", { className: hasValue ? "text-sm text-foreground" : "text-sm italic text-muted-foreground", children: hasValue ? record.display : missingValueLabel })
   ] });
   if (maxDepth <= 0) {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs7(
       "div",
       {
         className: `inline-block max-w-full ${className ?? ""}`,
@@ -3179,22 +2890,22 @@ function ProvenanceValue({
         "data-provenance-standing": standing,
         children: [
           summary,
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs7(
             "span",
             {
               className: `ml-1.5 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium ${BASIS_TONES[record.basis]}`,
               children: [
-                /* @__PURE__ */ jsx11(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx9(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
                 basisMeta.label
               ]
             }
           ),
-          /* @__PURE__ */ jsx11("span", { className: "mt-0.5 block text-[11px] text-muted-foreground", children: describeProvenance(record) })
+          /* @__PURE__ */ jsx9("span", { className: "mt-0.5 block text-[11px] text-muted-foreground", children: describeProvenance(record) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref: rootRef,
@@ -3203,9 +2914,9 @@ function ProvenanceValue({
       "data-provenance-basis": record.basis,
       "data-provenance-standing": standing,
       children: [
-        /* @__PURE__ */ jsxs9("span", { className: "inline-flex flex-wrap items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsxs7("span", { className: "inline-flex flex-wrap items-baseline gap-1.5", children: [
           summary,
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs7(
             "button",
             {
               ref: triggerRef,
@@ -3216,17 +2927,17 @@ function ProvenanceValue({
               "aria-label": provenanceTriggerLabel(record, standing),
               className: `inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium transition hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring ${BASIS_TONES[record.basis]}`,
               children: [
-                /* @__PURE__ */ jsx11(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
-                /* @__PURE__ */ jsx11("span", { "aria-hidden": true, children: basisMeta.label })
+                /* @__PURE__ */ jsx9(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx9("span", { "aria-hidden": true, children: basisMeta.label })
               ]
             }
           ),
           standing !== "settled" && // Legible at rest: what to do about the value does not wait for
           // someone to open the panel. `aria-hidden` because the trigger's
           // accessible name already carries it — this is the visual half.
-          /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: `text-[10px] font-medium ${STANDING_TONES[standing]}`, children: standingMeta.label })
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": true, className: `text-[10px] font-medium ${STANDING_TONES[standing]}`, children: standingMeta.label })
         ] }),
-        open && /* @__PURE__ */ jsxs9(
+        open && /* @__PURE__ */ jsxs7(
           "div",
           {
             id: panelId,
@@ -3234,19 +2945,19 @@ function ProvenanceValue({
             "aria-label": provenanceTriggerLabel(record, standing),
             className: "mt-1.5 w-full min-w-0 space-y-2 rounded-lg border border-border bg-card px-3 py-2.5 text-left",
             children: [
-              /* @__PURE__ */ jsxs9("div", { children: [
-                /* @__PURE__ */ jsx11("p", { className: "text-[12px] leading-snug text-foreground", children: describeProvenance(record) }),
-                /* @__PURE__ */ jsxs9("p", { className: `mt-0.5 text-[11px] leading-snug ${STANDING_TONES[standing]}`, children: [
+              /* @__PURE__ */ jsxs7("div", { children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-[12px] leading-snug text-foreground", children: describeProvenance(record) }),
+                /* @__PURE__ */ jsxs7("p", { className: `mt-0.5 text-[11px] leading-snug ${STANDING_TONES[standing]}`, children: [
                   standingMeta.label,
                   " \u2014 ",
                   provenanceNextMove(record, standing, confidencePolicy)
                 ] }),
-                basisMeta.checkableAgainst === null && /* @__PURE__ */ jsxs9("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: [
+                basisMeta.checkableAgainst === null && /* @__PURE__ */ jsxs7("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: [
                   basisMeta.meaning,
                   " There is nothing outside the model to check it against."
                 ] })
               ] }),
-              sources.length > 0 && /* @__PURE__ */ jsx11("ul", { className: "space-y-1.5", children: sources.map((source, index) => /* @__PURE__ */ jsx11(
+              sources.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "space-y-1.5", children: sources.map((source, index) => /* @__PURE__ */ jsx9(
                 SourceRow,
                 {
                   source,
@@ -3259,12 +2970,12 @@ function ProvenanceValue({
               gaps.filter((gap) => gap.kind !== "unavailable-source").map((gap) => (
                 // An unavailable source already states itself on its own row; a
                 // structural gap has no row to state it, so it gets one here.
-                /* @__PURE__ */ jsx11("p", { className: "rounded-md bg-destructive/10 px-2 py-1.5 text-[11px] leading-snug text-destructive", children: gap.message }, gap.kind)
+                /* @__PURE__ */ jsx9("p", { className: "rounded-md bg-destructive/10 px-2 py-1.5 text-[11px] leading-snug text-destructive", children: gap.message }, gap.kind)
               )),
-              loading.length > 0 && sources.length === 0 && /* @__PURE__ */ jsx11("p", { role: "status", className: "text-[11px] text-muted-foreground", children: "Looking up where this came from\u2026" }),
-              inputs.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "border-t border-border/60 pt-2", children: [
-                /* @__PURE__ */ jsx11("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: record.derivation ? `Computed from ${record.derivation}` : "Computed from" }),
-                /* @__PURE__ */ jsx11("ul", { className: "mt-1.5 space-y-1.5", children: inputs.map((input, index) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(
+              loading.length > 0 && sources.length === 0 && /* @__PURE__ */ jsx9("p", { role: "status", className: "text-[11px] text-muted-foreground", children: "Looking up where this came from\u2026" }),
+              inputs.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "border-t border-border/60 pt-2", children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: record.derivation ? `Computed from ${record.derivation}` : "Computed from" }),
+                /* @__PURE__ */ jsx9("ul", { className: "mt-1.5 space-y-1.5", children: inputs.map((input, index) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(
                   ProvenanceValue,
                   {
                     record: input,
@@ -3285,26 +2996,26 @@ function ProvenanceValue({
 }
 function ProvenanceLegend({ bases, className }) {
   if (bases.length === 0) return null;
-  return /* @__PURE__ */ jsx11("ul", { className: `flex flex-wrap items-center gap-x-3 gap-y-1.5 ${className ?? ""}`, children: bases.map((basis) => {
+  return /* @__PURE__ */ jsx9("ul", { className: `flex flex-wrap items-center gap-x-3 gap-y-1.5 ${className ?? ""}`, children: bases.map((basis) => {
     const meta = provenanceBasisMeta(basis);
-    return /* @__PURE__ */ jsxs9("li", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs7("li", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs7(
         "span",
         {
           className: `inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium ${BASIS_TONES[basis]}`,
           children: [
-            /* @__PURE__ */ jsx11(BasisGlyph, { basis, className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx9(BasisGlyph, { basis, className: "h-3 w-3" }),
             meta.label
           ]
         }
       ),
-      /* @__PURE__ */ jsx11("span", { children: meta.meaning })
+      /* @__PURE__ */ jsx9("span", { children: meta.meaning })
     ] }, basis);
   }) });
 }
 
 // src/web-react/seat-paywall.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function usd(cents) {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -3314,7 +3025,7 @@ function usd(cents) {
   }).format(cents / 100);
 }
 function CheckGlyph3() {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "svg",
     {
       className: "h-4 w-4 shrink-0 text-primary",
@@ -3325,14 +3036,14 @@ function CheckGlyph3() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx12("path", { d: "M20 6 9 17l-5-5" })
+      children: /* @__PURE__ */ jsx10("path", { d: "M20 6 9 17l-5-5" })
     }
   );
 }
 function Benefit({ children }) {
-  return /* @__PURE__ */ jsxs10("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
-    /* @__PURE__ */ jsx12("span", { className: "mt-0.5", children: /* @__PURE__ */ jsx12(CheckGlyph3, {}) }),
-    /* @__PURE__ */ jsx12("span", { children })
+  return /* @__PURE__ */ jsxs8("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
+    /* @__PURE__ */ jsx10("span", { className: "mt-0.5", children: /* @__PURE__ */ jsx10(CheckGlyph3, {}) }),
+    /* @__PURE__ */ jsx10("span", { children })
   ] });
 }
 function SeatPaywall({
@@ -3350,46 +3061,46 @@ function SeatPaywall({
   const recurringPrice = offer ? usd(offer.recurring.priceCents) : `$${priceUsd}`;
   const recurringUsage = offer ? usd(offer.recurring.includedCreditsCents) : `$${includedUsageUsd}`;
   const introductory = offer?.introductory ?? null;
-  return /* @__PURE__ */ jsx12("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs10("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
-    /* @__PURE__ */ jsx12("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: product }),
-    /* @__PURE__ */ jsxs10("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
+  return /* @__PURE__ */ jsx10("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
+    /* @__PURE__ */ jsx10("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: product }),
+    /* @__PURE__ */ jsxs8("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
       "Unlock ",
       product
     ] }),
-    tagline && /* @__PURE__ */ jsx12("p", { className: "mt-2 text-sm text-muted-foreground", children: tagline }),
-    introductory ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsxs10("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
-        /* @__PURE__ */ jsx12("span", { className: "text-3xl font-semibold text-foreground", children: usd(introductory.priceCents) }),
-        /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: "first month" })
+    tagline && /* @__PURE__ */ jsx10("p", { className: "mt-2 text-sm text-muted-foreground", children: tagline }),
+    introductory ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+      /* @__PURE__ */ jsxs8("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx10("span", { className: "text-3xl font-semibold text-foreground", children: usd(introductory.priceCents) }),
+        /* @__PURE__ */ jsx10("span", { className: "text-sm text-muted-foreground", children: "first month" })
       ] }),
-      /* @__PURE__ */ jsxs10("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-sm text-muted-foreground", children: [
         "Includes ",
         usd(introductory.includedCreditsCents),
         " of AI usage in your first month"
       ] }),
-      /* @__PURE__ */ jsxs10("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-sm text-muted-foreground", children: [
         "Then ",
         recurringPrice,
         "/mo \xB7 includes ",
         recurringUsage,
         "/mo of AI usage"
       ] })
-    ] }) : /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsxs10("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
-        /* @__PURE__ */ jsx12("span", { className: "text-3xl font-semibold text-foreground", children: recurringPrice }),
-        /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: "/mo" })
+    ] }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
+      /* @__PURE__ */ jsxs8("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx10("span", { className: "text-3xl font-semibold text-foreground", children: recurringPrice }),
+        /* @__PURE__ */ jsx10("span", { className: "text-sm text-muted-foreground", children: "/mo" })
       ] }),
-      /* @__PURE__ */ jsxs10("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-sm text-muted-foreground", children: [
         "Includes ",
         recurringUsage,
         "/mo of AI usage"
       ] })
     ] }),
-    /* @__PURE__ */ jsx12("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
+    /* @__PURE__ */ jsx10("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
       `Full access to ${product}`,
       `${recurringUsage}/mo of AI usage included`
-    ]).map((benefit, i) => /* @__PURE__ */ jsx12(Benefit, { children: benefit }, i)) }),
-    /* @__PURE__ */ jsx12(
+    ]).map((benefit, i) => /* @__PURE__ */ jsx10(Benefit, { children: benefit }, i)) }),
+    /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
@@ -3399,32 +3110,32 @@ function SeatPaywall({
         children: pending ? "Opening checkout\u2026" : ctaLabel ?? `Unlock ${product}`
       }
     ),
-    footnote && /* @__PURE__ */ jsx12("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
+    footnote && /* @__PURE__ */ jsx10("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
   ] }) });
 }
 
 // src/web-react/session-history.tsx
 import {
   useCallback as useCallback8,
-  useEffect as useEffect10,
-  useMemo as useMemo6,
-  useRef as useRef9,
-  useState as useState13
+  useEffect as useEffect9,
+  useMemo as useMemo5,
+  useRef as useRef8,
+  useState as useState12
 } from "react";
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function rethrowAsync(error) {
   queueMicrotask(() => {
     throw error;
   });
 }
 function useInfiniteScroll(onLoadMore, { enabled, root, rootMargin = "300px" }) {
-  const [sentinel, setSentinel] = useState13(null);
+  const [sentinel, setSentinel] = useState12(null);
   const sentinelRef = useCallback8((node) => setSentinel(node), []);
-  const onLoadMoreRef = useRef9(onLoadMore);
-  useEffect10(() => {
+  const onLoadMoreRef = useRef8(onLoadMore);
+  useEffect9(() => {
     onLoadMoreRef.current = onLoadMore;
   }, [onLoadMore]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!sentinel || !enabled) return;
     if (typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(
@@ -3453,24 +3164,24 @@ function useSessionHistory({
   initialPage,
   defaultSort = "newest"
 }) {
-  const [items, setItems] = useState13(initialPage.items);
-  const [nextCursor, setNextCursor] = useState13(initialPage.nextCursor ?? null);
-  const [phase, setPhase] = useState13("idle");
-  const [reloadKey, setReloadKey] = useState13(0);
-  const seqRef = useRef9(0);
-  const resetAbortRef = useRef9(null);
-  const loadMoreAbortRef = useRef9(null);
-  const loadingMoreRef = useRef9(false);
-  const lastOpRef = useRef9("first");
-  const nextCursorRef = useRef9(nextCursor);
+  const [items, setItems] = useState12(initialPage.items);
+  const [nextCursor, setNextCursor] = useState12(initialPage.nextCursor ?? null);
+  const [phase, setPhase] = useState12("idle");
+  const [reloadKey, setReloadKey] = useState12(0);
+  const seqRef = useRef8(0);
+  const resetAbortRef = useRef8(null);
+  const loadMoreAbortRef = useRef8(null);
+  const loadingMoreRef = useRef8(false);
+  const lastOpRef = useRef8("first");
+  const nextCursorRef = useRef8(nextCursor);
   nextCursorRef.current = nextCursor;
-  const viewRef = useRef9({ q, sort, fetchPage });
+  const viewRef = useRef8({ q, sort, fetchPage });
   viewRef.current = { q, sort, fetchPage };
-  const seedRef = useRef9(initialPage);
+  const seedRef = useRef8(initialPage);
   seedRef.current = initialPage;
   const isDefaultView = q === "" && sort === defaultSort;
-  const seedKey = useMemo6(() => seedSignature(initialPage), [initialPage]);
-  useEffect10(() => {
+  const seedKey = useMemo5(() => seedSignature(initialPage), [initialPage]);
+  useEffect9(() => {
     resetAbortRef.current?.abort();
     loadMoreAbortRef.current?.abort();
     loadingMoreRef.current = false;
@@ -3533,7 +3244,7 @@ function useSessionHistory({
   const reload = useCallback8(() => {
     setReloadKey((key) => key + 1);
   }, []);
-  useEffect10(
+  useEffect9(
     () => () => {
       resetAbortRef.current?.abort();
       loadMoreAbortRef.current?.abort();
@@ -3574,11 +3285,11 @@ function useSessionActions({
   labels
 }) {
   const text = { ...DEFAULT_LABELS, ...labels };
-  const [renameTarget, setRenameTarget] = useState13(null);
-  const [renameValue, setRenameValue] = useState13("");
-  const [deleteTarget, setDeleteTarget] = useState13(null);
-  const [busy, setBusy] = useState13(false);
-  const [error, setError] = useState13(null);
+  const [renameTarget, setRenameTarget] = useState12(null);
+  const [renameValue, setRenameValue] = useState12("");
+  const [deleteTarget, setDeleteTarget] = useState12(null);
+  const [busy, setBusy] = useState12(false);
+  const [error, setError] = useState12(null);
   const openRename = useCallback8((session) => {
     setError(null);
     setRenameTarget(session);
@@ -3629,21 +3340,21 @@ function useSessionActions({
       setBusy(false);
     }
   }, [deleteTarget, currentSessionId, deleteSession, notify, onChanged, onDeletedCurrent, text.deleted, text.deleteFailed]);
-  const dialogs = /* @__PURE__ */ jsxs11(Fragment6, { children: [
-    renameTarget && /* @__PURE__ */ jsxs11(
+  const dialogs = /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    renameTarget && /* @__PURE__ */ jsxs9(
       SessionDialog,
       {
         title: text.renameTitle,
         onClose: () => setRenameTarget(null),
         busy,
         error,
-        footer: /* @__PURE__ */ jsxs11(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(DialogButton, { onClick: () => setRenameTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
-          /* @__PURE__ */ jsx13(DialogButton, { onClick: () => void submitRename(), disabled: busy || !renameValue.trim(), children: text.renameSubmit })
+        footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => setRenameTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
+          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => void submitRename(), disabled: busy || !renameValue.trim(), children: text.renameSubmit })
         ] }),
         children: [
-          /* @__PURE__ */ jsx13("label", { htmlFor: "agent-app-rename-session", className: "text-xs text-muted-foreground", children: text.renameField }),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx11("label", { htmlFor: "agent-app-rename-session", className: "text-xs text-muted-foreground", children: text.renameField }),
+          /* @__PURE__ */ jsx11(
             "input",
             {
               id: "agent-app-rename-session",
@@ -3662,18 +3373,18 @@ function useSessionActions({
         ]
       }
     ),
-    deleteTarget && /* @__PURE__ */ jsx13(
+    deleteTarget && /* @__PURE__ */ jsx11(
       SessionDialog,
       {
         title: text.deleteTitle,
         onClose: () => setDeleteTarget(null),
         busy,
         error,
-        footer: /* @__PURE__ */ jsxs11(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(DialogButton, { onClick: () => setDeleteTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
-          /* @__PURE__ */ jsx13(DialogButton, { onClick: () => void confirmDelete(), disabled: busy, variant: "destructive", children: text.deleteSubmit })
+        footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => setDeleteTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
+          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => void confirmDelete(), disabled: busy, variant: "destructive", children: text.deleteSubmit })
         ] }),
-        children: /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: text.deleteBody(sessionLabel(deleteTarget)) })
+        children: /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: text.deleteBody(sessionLabel(deleteTarget)) })
       }
     )
   ] });
@@ -3686,7 +3397,7 @@ function DialogButton({
   variant = "primary"
 }) {
   const tone = variant === "ghost" ? "text-muted-foreground hover:bg-accent/30 hover:text-foreground" : variant === "destructive" ? "bg-destructive text-destructive-foreground hover:opacity-90" : "bg-primary text-primary-foreground hover:opacity-90";
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     "button",
     {
       type: "button",
@@ -3705,15 +3416,15 @@ function SessionDialog({
   busy,
   error
 }) {
-  useEffect10(() => {
+  useEffect9(() => {
     const onKey = (e) => {
       if (e.key === "Escape" && !busy) onClose();
     };
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [busy, onClose]);
-  return /* @__PURE__ */ jsxs11("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx11(
       "div",
       {
         className: "absolute inset-0 bg-black/50",
@@ -3723,7 +3434,7 @@ function SessionDialog({
         "aria-hidden": true
       }
     ),
-    /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs9(
       "div",
       {
         role: "dialog",
@@ -3731,17 +3442,17 @@ function SessionDialog({
         "aria-label": title,
         className: "relative w-full max-w-sm rounded-xl border border-border bg-card p-5 shadow-lg",
         children: [
-          /* @__PURE__ */ jsx13("h2", { className: "text-sm font-semibold text-foreground", children: title }),
-          /* @__PURE__ */ jsx13("div", { className: "mt-3", children }),
-          error && /* @__PURE__ */ jsx13("p", { role: "alert", className: "mt-3 rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error }),
-          /* @__PURE__ */ jsx13("div", { className: "mt-5 flex justify-end gap-2", children: footer })
+          /* @__PURE__ */ jsx11("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsx11("div", { className: "mt-3", children }),
+          error && /* @__PURE__ */ jsx11("p", { role: "alert", className: "mt-3 rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error }),
+          /* @__PURE__ */ jsx11("div", { className: "mt-5 flex justify-end gap-2", children: footer })
         ]
       }
     )
   ] });
 }
 function AnchorLink({ to, className, children }) {
-  return /* @__PURE__ */ jsx13("a", { href: to, className, children });
+  return /* @__PURE__ */ jsx11("a", { href: to, className, children });
 }
 var MINUTE = 6e4;
 var HOUR = 60 * MINUTE;
@@ -3758,17 +3469,17 @@ function formatSessionTimestamp(isoDate) {
   return new Date(at).toLocaleDateString(void 0, { month: "short", day: "numeric" });
 }
 function SkeletonRows() {
-  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
-    /* @__PURE__ */ jsx13("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "sr-only", children: "Loading sessions\u2026" }),
-    /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-0.5", "aria-hidden": true, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
-      /* @__PURE__ */ jsx13("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx13("div", { className: "h-4 w-1/2 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx13("div", { className: "ml-auto h-3 w-12 animate-pulse rounded bg-muted" })
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx11("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "sr-only", children: "Loading sessions\u2026" }),
+    /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-0.5", "aria-hidden": true, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx11("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx11("div", { className: "h-4 w-1/2 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx11("div", { className: "ml-auto h-3 w-12 animate-pulse rounded bg-muted" })
     ] }, i)) })
   ] });
 }
 function MessageIcon({ className }) {
-  return /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 24 24", className, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+  return /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 24 24", className, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx11("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
 }
 function SessionHistoryPanel({
   history,
@@ -3795,7 +3506,7 @@ function SessionHistoryPanel({
   contentWidth = "reading",
   className
 }) {
-  const scrollRef = useRef9(null);
+  const scrollRef = useRef8(null);
   const sentinelRef = useInfiniteScroll(history.loadMore, {
     enabled: history.hasMore && !history.isLoadingMore && !history.isError,
     root: scrollRef,
@@ -3804,15 +3515,15 @@ function SessionHistoryPanel({
   const searchTerm = query.trim();
   const isSearching = searchTerm.length > 0;
   const column = contentWidth === "full" ? "w-full" : "mx-auto w-full max-w-4xl";
-  const [selectedIds, setSelectedIds] = useState13(/* @__PURE__ */ new Set());
-  const [ageDays, setAgeDays] = useState13("30");
-  const [bulkTarget, setBulkTarget] = useState13(null);
-  const [bulkBusy, setBulkBusy] = useState13(false);
-  const [bulkError, setBulkError] = useState13(null);
-  useEffect10(() => {
+  const [selectedIds, setSelectedIds] = useState12(/* @__PURE__ */ new Set());
+  const [ageDays, setAgeDays] = useState12("30");
+  const [bulkTarget, setBulkTarget] = useState12(null);
+  const [bulkBusy, setBulkBusy] = useState12(false);
+  const [bulkError, setBulkError] = useState12(null);
+  useEffect9(() => {
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [searchTerm, sort]);
-  useEffect10(() => {
+  useEffect9(() => {
     const visible = new Set(history.items.map((item) => item.id));
     setSelectedIds((current) => {
       const next = new Set([...current].filter((id) => visible.has(id)));
@@ -3855,25 +3566,25 @@ function SessionHistoryPanel({
       setBulkBusy(false);
     }
   }, [bulkTarget, deleteLabel, history, onBulkAction]);
-  return /* @__PURE__ */ jsxs11("div", { className: `flex min-h-0 min-w-0 flex-1 flex-col ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx13("header", { className: "flex h-14 shrink-0 items-center border-b border-border px-4 sm:px-6", children: /* @__PURE__ */ jsxs11("div", { className: `flex items-center gap-3 px-3 ${column}`, children: [
-      /* @__PURE__ */ jsx13("h1", { className: "flex-1 truncate text-sm font-semibold text-foreground", children: title }),
-      newSessionHref && /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs9("div", { className: `flex min-h-0 min-w-0 flex-1 flex-col ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx11("header", { className: "flex h-14 shrink-0 items-center border-b border-border px-4 sm:px-6", children: /* @__PURE__ */ jsxs9("div", { className: `flex items-center gap-3 px-3 ${column}`, children: [
+      /* @__PURE__ */ jsx11("h1", { className: "flex-1 truncate text-sm font-semibold text-foreground", children: title }),
+      newSessionHref && /* @__PURE__ */ jsxs9(
         Link,
         {
           to: newSessionHref,
           className: "inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground transition hover:opacity-90",
           children: [
-            /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "text-sm leading-none", children: "+" }),
+            /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "text-sm leading-none", children: "+" }),
             "New chat"
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxs11("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: [
-      hasAnySessions && /* @__PURE__ */ jsxs11("div", { className: "sticky top-0 z-10 bg-background px-4 sm:px-6", children: [
-        /* @__PURE__ */ jsxs11("div", { className: `flex flex-col gap-2 px-3 pb-3 pt-4 sm:flex-row sm:items-center sm:gap-3 ${column}`, children: [
-          /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs9("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: [
+      hasAnySessions && /* @__PURE__ */ jsxs9("div", { className: "sticky top-0 z-10 bg-background px-4 sm:px-6", children: [
+        /* @__PURE__ */ jsxs9("div", { className: `flex flex-col gap-2 px-3 pb-3 pt-4 sm:flex-row sm:items-center sm:gap-3 ${column}`, children: [
+          /* @__PURE__ */ jsx11(
             "input",
             {
               type: "search",
@@ -3884,7 +3595,7 @@ function SessionHistoryPanel({
               className: "h-9 min-w-0 appearance-none rounded-md border border-border bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
             }
           ),
-          /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsxs9(
             "select",
             {
               value: sort,
@@ -3892,15 +3603,15 @@ function SessionHistoryPanel({
               "aria-label": "Sort sessions",
               className: "h-9 shrink-0 appearance-none rounded-md border border-border bg-card px-2 text-sm text-foreground sm:w-[132px]",
               children: [
-                /* @__PURE__ */ jsx13("option", { value: "newest", children: "Newest" }),
-                /* @__PURE__ */ jsx13("option", { value: "oldest", children: "Oldest" })
+                /* @__PURE__ */ jsx11("option", { value: "newest", children: "Newest" }),
+                /* @__PURE__ */ jsx11("option", { value: "oldest", children: "Oldest" })
               ]
             }
           )
         ] }),
-        onBulkAction && /* @__PURE__ */ jsxs11("div", { className: `flex flex-col gap-2 border-t border-border/60 px-3 py-3 ${column}`, children: [
-          /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx13(
+        onBulkAction && /* @__PURE__ */ jsxs9("div", { className: `flex flex-col gap-2 border-t border-border/60 px-3 py-3 ${column}`, children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx11(
               "button",
               {
                 type: "button",
@@ -3910,7 +3621,7 @@ function SessionHistoryPanel({
                 children: "Select all"
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx11(
               "button",
               {
                 type: "button",
@@ -3920,11 +3631,11 @@ function SessionHistoryPanel({
                 children: "Deselect all"
               }
             ),
-            /* @__PURE__ */ jsxs11("span", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: [
+            /* @__PURE__ */ jsxs9("span", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: [
               selectedCount,
               " selected"
             ] }),
-            selectedCount > 0 && /* @__PURE__ */ jsxs11(
+            selectedCount > 0 && /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -3937,9 +3648,9 @@ function SessionHistoryPanel({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx13("label", { htmlFor: "agent-app-session-age", className: "text-xs text-muted-foreground", children: "Session age" }),
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx11("label", { htmlFor: "agent-app-session-age", className: "text-xs text-muted-foreground", children: "Session age" }),
+            /* @__PURE__ */ jsx11(
               "input",
               {
                 id: "agent-app-session-age",
@@ -3952,8 +3663,8 @@ function SessionHistoryPanel({
                 className: "h-8 w-20 rounded-md border border-border bg-card px-2 text-xs tabular-nums text-foreground"
               }
             ),
-            /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground", children: "days" }),
-            /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground", children: "days" }),
+            /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -3966,7 +3677,7 @@ function SessionHistoryPanel({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -3982,15 +3693,15 @@ function SessionHistoryPanel({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx13("div", { className: `px-4 pb-8 pt-1 sm:px-6 ${column}`, children: !hasAnySessions ? /* @__PURE__ */ jsxs11("div", { className: "flex min-h-[50vh] flex-col items-center justify-center gap-2 text-center", children: [
-        /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium text-foreground", children: emptyTitle }),
-        /* @__PURE__ */ jsx13("p", { className: "max-w-xs text-xs text-muted-foreground", children: emptyDescription })
-      ] }) : history.isLoadingFirst ? /* @__PURE__ */ jsx13(SkeletonRows, {}) : history.items.length === 0 ? history.isError ? /* @__PURE__ */ jsx13(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load your sessions." }) : isSearching ? /* @__PURE__ */ jsxs11("p", { className: "py-16 text-center text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx11("div", { className: `px-4 pb-8 pt-1 sm:px-6 ${column}`, children: !hasAnySessions ? /* @__PURE__ */ jsxs9("div", { className: "flex min-h-[50vh] flex-col items-center justify-center gap-2 text-center", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-foreground", children: emptyTitle }),
+        /* @__PURE__ */ jsx11("p", { className: "max-w-xs text-xs text-muted-foreground", children: emptyDescription })
+      ] }) : history.isLoadingFirst ? /* @__PURE__ */ jsx11(SkeletonRows, {}) : history.items.length === 0 ? history.isError ? /* @__PURE__ */ jsx11(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load your sessions." }) : isSearching ? /* @__PURE__ */ jsxs9("p", { className: "py-16 text-center text-sm text-muted-foreground", children: [
         "No sessions match \u201C",
         searchTerm,
         "\u201D."
-      ] }) : /* @__PURE__ */ jsx13("p", { className: "py-16 text-center text-sm text-muted-foreground", children: "No sessions remain." }) : /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-0.5", children: [
-        history.items.map((session) => /* @__PURE__ */ jsx13(
+      ] }) : /* @__PURE__ */ jsx11("p", { className: "py-16 text-center text-sm text-muted-foreground", children: "No sessions remain." }) : /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-0.5", children: [
+        history.items.map((session) => /* @__PURE__ */ jsx11(
           SessionRow,
           {
             session,
@@ -4017,10 +3728,10 @@ function SessionHistoryPanel({
           },
           session.id
         )),
-        history.isError ? /* @__PURE__ */ jsx13(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load more sessions.", inline: true }) : history.hasMore ? /* @__PURE__ */ jsx13("div", { ref: sentinelRef, className: "flex items-center justify-center py-6", children: history.isLoadingMore && /* @__PURE__ */ jsx13("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "text-xs text-muted-foreground", children: "Loading\u2026" }) }) : null
+        history.isError ? /* @__PURE__ */ jsx11(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load more sessions.", inline: true }) : history.hasMore ? /* @__PURE__ */ jsx11("div", { ref: sentinelRef, className: "flex items-center justify-center py-6", children: history.isLoadingMore && /* @__PURE__ */ jsx11("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "text-xs text-muted-foreground", children: "Loading\u2026" }) }) : null
       ] }) })
     ] }),
-    bulkTarget && /* @__PURE__ */ jsx13(
+    bulkTarget && /* @__PURE__ */ jsx11(
       SessionDialog,
       {
         title: bulkTarget.title,
@@ -4032,8 +3743,8 @@ function SessionHistoryPanel({
         },
         busy: bulkBusy,
         error: bulkError,
-        footer: /* @__PURE__ */ jsxs11(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(
+        footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx11(
             DialogButton,
             {
               onClick: () => {
@@ -4045,21 +3756,21 @@ function SessionHistoryPanel({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx13(DialogButton, { onClick: () => void confirmBulkAction(), disabled: bulkBusy, variant: "destructive", children: bulkBusy ? "Working\u2026" : deleteLabel })
+          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => void confirmBulkAction(), disabled: bulkBusy, variant: "destructive", children: bulkBusy ? "Working\u2026" : deleteLabel })
         ] }),
-        children: /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: bulkTarget.body })
+        children: /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: bulkTarget.body })
       }
     )
   ] });
 }
 function ErrorBlock({ message, onRetry, inline }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: inline ? "flex items-center justify-center gap-3 py-6 text-sm text-muted-foreground" : "flex min-h-[40vh] flex-col items-center justify-center gap-3 text-center",
       children: [
-        /* @__PURE__ */ jsx13("span", { className: "text-sm text-muted-foreground", children: message }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: message }),
+        /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -4088,12 +3799,12 @@ function SessionRow({
   selected,
   onSelectedChange
 }) {
-  const [menuOpen, setMenuOpen] = useState13(false);
+  const [menuOpen, setMenuOpen] = useState12(false);
   const extras = extraActions?.(session) ?? [];
   const hasMenu = Boolean(onRename) || Boolean(onDelete) || extras.length > 0;
   const showUnread = Boolean(session.unread) && !responding;
-  return /* @__PURE__ */ jsxs11("div", { className: "group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent/20", children: [
-    selectable && /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs9("div", { className: "group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent/20", children: [
+    selectable && /* @__PURE__ */ jsx11(
       "input",
       {
         type: "checkbox",
@@ -4103,10 +3814,10 @@ function SessionRow({
         className: "h-4 w-4 shrink-0 rounded border-border accent-primary"
       }
     ),
-    /* @__PURE__ */ jsxs11(Link, { to: href, className: "flex min-w-0 flex-1 items-center gap-3", children: [
-      showUnread && /* @__PURE__ */ jsx13("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": true }),
-      /* @__PURE__ */ jsx13(MessageIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs9(Link, { to: href, className: "flex min-w-0 flex-1 items-center gap-3", children: [
+      showUnread && /* @__PURE__ */ jsx11("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": true }),
+      /* @__PURE__ */ jsx11(MessageIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx11(
         "span",
         {
           className: `truncate text-sm ${responding ? "text-muted-foreground" : "text-foreground"} ${showUnread ? "font-semibold" : ""}`,
@@ -4115,9 +3826,9 @@ function SessionRow({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: timestamp }),
-    hasMenu && /* @__PURE__ */ jsxs11("div", { className: "relative shrink-0", children: [
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx11("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: timestamp }),
+    hasMenu && /* @__PURE__ */ jsxs9("div", { className: "relative shrink-0", children: [
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -4125,13 +3836,13 @@ function SessionRow({
           "aria-expanded": menuOpen,
           onClick: () => setMenuOpen((open) => !open),
           className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100 aria-expanded:opacity-100",
-          children: /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u22EF" })
+          children: /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u22EF" })
         }
       ),
-      menuOpen && /* @__PURE__ */ jsxs11(Fragment6, { children: [
-        /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 z-20", onClick: () => setMenuOpen(false), "aria-hidden": true }),
-        /* @__PURE__ */ jsxs11("div", { className: "absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-card py-1 shadow-lg", children: [
-          onRename && /* @__PURE__ */ jsx13(
+      menuOpen && /* @__PURE__ */ jsxs9(Fragment5, { children: [
+        /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-20", onClick: () => setMenuOpen(false), "aria-hidden": true }),
+        /* @__PURE__ */ jsxs9("div", { className: "absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-card py-1 shadow-lg", children: [
+          onRename && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -4143,7 +3854,7 @@ function SessionRow({
               children: renameLabel
             }
           ),
-          extras.map((action) => /* @__PURE__ */ jsx13(
+          extras.map((action) => /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -4156,7 +3867,7 @@ function SessionRow({
             },
             action.id
           )),
-          onDelete && /* @__PURE__ */ jsx13(
+          onDelete && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -4176,14 +3887,14 @@ function SessionRow({
 
 // src/web-react/record-grid.tsx
 import {
-  Fragment as Fragment7,
+  Fragment as Fragment6,
   isValidElement,
   useCallback as useCallback9,
-  useEffect as useEffect11,
+  useEffect as useEffect10,
   useId as useId2,
-  useMemo as useMemo7,
-  useRef as useRef10,
-  useState as useState14
+  useMemo as useMemo6,
+  useRef as useRef9,
+  useState as useState13
 } from "react";
 
 // src/web-react/record-grid-model.ts
@@ -4513,7 +4224,7 @@ function pruneRecordGridOverlay(rows, overlay) {
 }
 
 // src/web-react/record-grid.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var EMPTY_RECORD_GRID_ROWS = [];
 var CELL_KEY_SEPARATOR = "\0";
 function cellKey(rowId, columnId) {
@@ -4568,33 +4279,33 @@ function RecordGrid({
   className
 }) {
   const fieldPrefix = useId2();
-  const [overlay, setOverlay] = useState14(EMPTY_RECORD_GRID_OVERLAY);
-  const [editing, setEditingState] = useState14(null);
-  const [cellErrors, setCellErrors] = useState14({});
-  const [rowErrors, setRowErrors] = useState14({});
-  const [pendingRows, setPendingRows] = useState14({});
-  const [focus, setFocus] = useState14(null);
-  const [openSource, setOpenSource] = useState14(null);
-  const [confirmDelete, setConfirmDelete] = useState14(null);
-  const [adding, setAdding] = useState14(false);
-  const [draft, setDraft] = useState14({ ...newRowDefaults ?? {} });
-  const [draftErrors, setDraftErrors] = useState14({});
-  const [draftError, setDraftError] = useState14(null);
-  const [creating, setCreating] = useState14(false);
-  const cellRefs = useRef10(/* @__PURE__ */ new Map());
-  const settling = useRef10(false);
-  const draftCounter = useRef10(0);
-  const editingRef = useRef10(null);
+  const [overlay, setOverlay] = useState13(EMPTY_RECORD_GRID_OVERLAY);
+  const [editing, setEditingState] = useState13(null);
+  const [cellErrors, setCellErrors] = useState13({});
+  const [rowErrors, setRowErrors] = useState13({});
+  const [pendingRows, setPendingRows] = useState13({});
+  const [focus, setFocus] = useState13(null);
+  const [openSource, setOpenSource] = useState13(null);
+  const [confirmDelete, setConfirmDelete] = useState13(null);
+  const [adding, setAdding] = useState13(false);
+  const [draft, setDraft] = useState13({ ...newRowDefaults ?? {} });
+  const [draftErrors, setDraftErrors] = useState13({});
+  const [draftError, setDraftError] = useState13(null);
+  const [creating, setCreating] = useState13(false);
+  const cellRefs = useRef9(/* @__PURE__ */ new Map());
+  const settling = useRef9(false);
+  const draftCounter = useRef9(0);
+  const editingRef = useRef9(null);
   const setEditing = useCallback9((next) => {
     editingRef.current = next;
     setEditingState(next);
   }, []);
   const callerRows = state.status === "ready" || state.status === "empty" ? state.value : EMPTY_RECORD_GRID_ROWS;
-  useEffect11(() => {
+  useEffect10(() => {
     setOverlay((current) => pruneRecordGridOverlay(callerRows, current));
   }, [callerRows]);
-  const visibleRows = useMemo7(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
-  const activeFocus = useMemo7(() => {
+  const visibleRows = useMemo6(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
+  const activeFocus = useMemo6(() => {
     if (focus === null) return null;
     if (!visibleRows.some((row) => row.id === focus.rowId)) return null;
     if (!columns.some((column) => column.id === focus.columnId)) return null;
@@ -4803,9 +4514,9 @@ function RecordGrid({
     [beginEdit, columns, editing, focusCell, onUpdate, visibleRows]
   );
   if (state.status === "idle" || state.status === "loading") {
-    return /* @__PURE__ */ jsxs12("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs10(
         "div",
         {
           role: "status",
@@ -4813,22 +4524,22 @@ function RecordGrid({
           "aria-live": "polite",
           className: "space-y-2 rounded-xl border border-border bg-card p-4",
           children: [
-            /* @__PURE__ */ jsxs12("span", { className: "sr-only", children: [
+            /* @__PURE__ */ jsxs10("span", { className: "sr-only", children: [
               "Loading ",
               caption
             ] }),
-            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx14("div", { className: "h-8 animate-pulse rounded-md bg-muted/50", "aria-hidden": true }, index))
+            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx12("div", { className: "h-8 animate-pulse rounded-md bg-muted/50", "aria-hidden": true }, index))
           ]
         }
       )
     ] });
   }
   if (state.status === "error") {
-    return /* @__PURE__ */ jsxs12("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      /* @__PURE__ */ jsxs12("div", { role: "alert", className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-4", children: [
-        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-destructive", children: state.message }),
-        /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs10("div", { role: "alert", className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-4", children: [
+        /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-destructive", children: state.message }),
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -4840,7 +4551,7 @@ function RecordGrid({
       ] })
     ] });
   }
-  const addForm = adding && onCreate ? /* @__PURE__ */ jsx14(
+  const addForm = adding && onCreate ? /* @__PURE__ */ jsx12(
     AddRecordForm,
     {
       columns,
@@ -4859,13 +4570,13 @@ function RecordGrid({
     }
   ) : null;
   if (visibleRows.length === 0) {
-    return /* @__PURE__ */ jsxs12("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      addForm ?? /* @__PURE__ */ jsxs12("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
-        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
-        empty.description && /* @__PURE__ */ jsx14("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
-        /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
-          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx14(
+      addForm ?? /* @__PURE__ */ jsxs10("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
+        /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
+        empty.description && /* @__PURE__ */ jsx12("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
+        /* @__PURE__ */ jsxs10("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
+          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -4874,7 +4585,7 @@ function RecordGrid({
               children: empty.action.label
             }
           )),
-          onCreate && /* @__PURE__ */ jsx14(
+          onCreate && /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -4889,9 +4600,9 @@ function RecordGrid({
   }
   const hasFooter = columns.some((column) => column.footerValue !== void 0);
   const columnSpan = columns.length + (onDelete ? 1 : 0);
-  return /* @__PURE__ */ jsxs12("div", { className: `space-y-3 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
     toolbar,
-    /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx12("div", { className: "overflow-x-auto rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsxs10(
       "table",
       {
         role: "grid",
@@ -4899,8 +4610,8 @@ function RecordGrid({
         className: "w-full border-collapse text-left text-sm",
         onKeyDown: handleGridKeyDown,
         children: [
-          /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs12("tr", { role: "row", className: "border-b border-border text-[11px] uppercase tracking-wide text-muted-foreground", children: [
-            columns.map((column) => /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsxs10("tr", { role: "row", className: "border-b border-border text-[11px] uppercase tracking-wide text-muted-foreground", children: [
+            columns.map((column) => /* @__PURE__ */ jsx12(
               "th",
               {
                 role: "columnheader",
@@ -4910,14 +4621,14 @@ function RecordGrid({
               },
               column.id
             )),
-            onDelete && /* @__PURE__ */ jsx14("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Row actions" }) })
+            onDelete && /* @__PURE__ */ jsx12("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Row actions" }) })
           ] }) }),
-          /* @__PURE__ */ jsx14("tbody", { children: visibleRows.map((row) => {
+          /* @__PURE__ */ jsx12("tbody", { children: visibleRows.map((row) => {
             const rowLabel = recordGridRowLabel(columns, row);
             const pending = row.id in pendingRows;
             const rowError = rowErrors[row.id];
-            return /* @__PURE__ */ jsxs12(Fragment7, { children: [
-              /* @__PURE__ */ jsxs12("tr", { role: "row", "aria-busy": pending, className: `border-b border-border/50 ${pending ? "opacity-60" : ""}`, children: [
+            return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+              /* @__PURE__ */ jsxs10("tr", { role: "row", "aria-busy": pending, className: `border-b border-border/50 ${pending ? "opacity-60" : ""}`, children: [
                 columns.map((column) => {
                   const key = cellKey(row.id, column.id);
                   const applicable = isRecordGridCellApplicable(column, row.values);
@@ -4929,8 +4640,8 @@ function RecordGrid({
                   const source = row.sources?.[column.id];
                   const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
                   if (isEditing && editable) {
-                    return /* @__PURE__ */ jsxs12("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
-                      /* @__PURE__ */ jsx14(
+                    return /* @__PURE__ */ jsxs10("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
+                      /* @__PURE__ */ jsx12(
                         CellEditor,
                         {
                           column,
@@ -4943,11 +4654,11 @@ function RecordGrid({
                           onCancel: () => cancelEdit(row, column)
                         }
                       ),
-                      cellError !== void 0 && /* @__PURE__ */ jsx14("p", { id: errorId, role: "alert", className: "mt-1 text-[11px] leading-snug text-destructive", children: cellError })
+                      cellError !== void 0 && /* @__PURE__ */ jsx12("p", { id: errorId, role: "alert", className: "mt-1 text-[11px] leading-snug text-destructive", children: cellError })
                     ] }, column.id);
                   }
                   if (column.kind === "boolean" && editable) {
-                    return /* @__PURE__ */ jsx14("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx14(
+                    return /* @__PURE__ */ jsx12("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx12(
                       "input",
                       {
                         type: "checkbox",
@@ -4966,7 +4677,7 @@ function RecordGrid({
                     ) }, column.id);
                   }
                   const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                  return /* @__PURE__ */ jsx14(
+                  return /* @__PURE__ */ jsx12(
                     "td",
                     {
                       role: "gridcell",
@@ -4984,9 +4695,9 @@ function RecordGrid({
                       className: `px-3 py-2 outline-none focus:ring-2 focus:ring-inset focus:ring-primary/50 ${alignmentClass(
                         column
                       )} ${editable ? "cursor-text" : ""}`,
-                      children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx14("span", { className: display === "" ? "text-muted-foreground" : "truncate text-foreground", children: display === "" ? applicable ? "\u2014" : "n/a" : display }),
-                        source && /* @__PURE__ */ jsx14(
+                      children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx12("span", { className: display === "" ? "text-muted-foreground" : "truncate text-foreground", children: display === "" ? applicable ? "\u2014" : "n/a" : display }),
+                        source && /* @__PURE__ */ jsx12(
                           SourceMarker,
                           {
                             panelId: `${fieldPrefix}-source-${row.id}-${column.id}`,
@@ -5002,8 +4713,8 @@ function RecordGrid({
                     column.id
                   );
                 }),
-                onDelete && /* @__PURE__ */ jsx14("td", { role: "gridcell", className: "px-3 py-2 text-right", children: row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx14(
+                onDelete && /* @__PURE__ */ jsx12("td", { role: "gridcell", className: "px-3 py-2 text-right", children: row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx12(
                     "button",
                     {
                       type: "button",
@@ -5013,7 +4724,7 @@ function RecordGrid({
                       children: "Delete"
                     }
                   ),
-                  /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx12(
                     "button",
                     {
                       type: "button",
@@ -5023,14 +4734,14 @@ function RecordGrid({
                       children: "Cancel"
                     }
                   )
-                ] }) : /* @__PURE__ */ jsx14(
+                ] }) : /* @__PURE__ */ jsx12(
                   "button",
                   {
                     type: "button",
                     "aria-label": `Delete ${rowLabel}`,
                     onClick: () => setConfirmDelete(row.id),
                     className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
-                    children: /* @__PURE__ */ jsxs12(
+                    children: /* @__PURE__ */ jsxs10(
                       "svg",
                       {
                         viewBox: "0 0 24 24",
@@ -5042,19 +4753,19 @@ function RecordGrid({
                         strokeLinejoin: "round",
                         "aria-hidden": true,
                         children: [
-                          /* @__PURE__ */ jsx14("polyline", { points: "3 6 5 6 21 6" }),
-                          /* @__PURE__ */ jsx14("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                          /* @__PURE__ */ jsx12("polyline", { points: "3 6 5 6 21 6" }),
+                          /* @__PURE__ */ jsx12("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
                         ]
                       }
                     )
                   }
                 ) })
               ] }),
-              rowError !== void 0 && /* @__PURE__ */ jsx14("tr", { role: "row", className: "border-b border-border/50", children: /* @__PURE__ */ jsx14("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx14("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
+              rowError !== void 0 && /* @__PURE__ */ jsx12("tr", { role: "row", className: "border-b border-border/50", children: /* @__PURE__ */ jsx12("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
             ] }, row.id);
           }) }),
-          hasFooter && /* @__PURE__ */ jsx14("tfoot", { children: /* @__PURE__ */ jsxs12("tr", { role: "row", className: "border-t-2 border-border", children: [
-            columns.map((column) => /* @__PURE__ */ jsx14(
+          hasFooter && /* @__PURE__ */ jsx12("tfoot", { children: /* @__PURE__ */ jsxs10("tr", { role: "row", className: "border-t-2 border-border", children: [
+            columns.map((column) => /* @__PURE__ */ jsx12(
               "td",
               {
                 role: "gridcell",
@@ -5063,19 +4774,19 @@ function RecordGrid({
               },
               column.id
             )),
-            onDelete && /* @__PURE__ */ jsx14("td", { role: "gridcell" })
+            onDelete && /* @__PURE__ */ jsx12("td", { role: "gridcell" })
           ] }) })
         ]
       }
     ) }),
-    onCreate && (addForm ?? /* @__PURE__ */ jsxs12(
+    onCreate && (addForm ?? /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
         onClick: openAdd,
         className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
         children: [
-          /* @__PURE__ */ jsxs12(
+          /* @__PURE__ */ jsxs10(
             "svg",
             {
               viewBox: "0 0 24 24",
@@ -5087,8 +4798,8 @@ function RecordGrid({
               strokeLinejoin: "round",
               "aria-hidden": true,
               children: [
-                /* @__PURE__ */ jsx14("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-                /* @__PURE__ */ jsx14("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+                /* @__PURE__ */ jsx12("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                /* @__PURE__ */ jsx12("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
               ]
             }
           ),
@@ -5107,7 +4818,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
     className: INPUT_CLASS
   };
   if (column.kind === "select") {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs10(
       "select",
       {
         ...shared,
@@ -5124,8 +4835,8 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
         },
         onBlur: () => onCommit(text),
         children: [
-          /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014" }),
-          column.options.map((option) => /* @__PURE__ */ jsx14("option", { value: option.value, children: option.label }, option.value))
+          /* @__PURE__ */ jsx12("option", { value: "", children: "\u2014" }),
+          column.options.map((option) => /* @__PURE__ */ jsx12("option", { value: option.value, children: option.label }, option.value))
         ]
       }
     );
@@ -5143,7 +4854,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
     }
   };
   if (column.kind === "text" && column.multiline === true) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx12(
       "textarea",
       {
         ...shared,
@@ -5155,7 +4866,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     "input",
     {
       ...shared,
@@ -5170,8 +4881,8 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
 }
 function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle }) {
   const basis = source.basis ?? "asserted";
-  return /* @__PURE__ */ jsxs12("span", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs10("span", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
@@ -5184,7 +4895,7 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
           onToggle();
         },
         className: `inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${BASIS_TONES2[basis]}`,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx12(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -5194,29 +4905,29 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
             strokeWidth: "2.5",
             strokeLinecap: "round",
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx14("path", { d: "M9 8h6M9 12h6M9 16h3" })
+            children: /* @__PURE__ */ jsx12("path", { d: "M9 8h6M9 12h6M9 16h3" })
           }
         )
       }
     ),
-    open && /* @__PURE__ */ jsxs12(
+    open && /* @__PURE__ */ jsxs10(
       "span",
       {
         id: panelId,
         role: "note",
         className: "absolute left-0 top-5 z-10 w-64 rounded-lg border border-border bg-card p-3 text-left shadow-lg",
         children: [
-          source.quote && /* @__PURE__ */ jsxs12("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
+          source.quote && /* @__PURE__ */ jsxs10("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
             source.quote,
             "\u201D"
           ] }),
-          /* @__PURE__ */ jsxs12("span", { className: "mt-2 block text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs10("span", { className: "mt-2 block text-[11px] text-muted-foreground", children: [
             source.label ?? "Source",
             source.locator ? ` \xB7 ${source.locator}` : "",
             ` \xB7 ${BASIS_TITLES[basis]}`
           ] }),
-          source.href && /* @__PURE__ */ jsx14(
+          source.href && /* @__PURE__ */ jsx12(
             "a",
             {
               href: source.href,
@@ -5244,8 +4955,8 @@ function AddRecordForm({
   onSubmit,
   onCancel
 }) {
-  const groups = useMemo7(() => groupColumns(columns), [columns]);
-  return /* @__PURE__ */ jsxs12(
+  const groups = useMemo6(() => groupColumns(columns), [columns]);
+  return /* @__PURE__ */ jsxs10(
     "form",
     {
       noValidate: true,
@@ -5256,31 +4967,31 @@ function AddRecordForm({
       },
       className: "space-y-4 rounded-xl border border-border bg-card p-4",
       children: [
-        /* @__PURE__ */ jsx14("h3", { className: "text-sm font-semibold text-foreground", children: label }),
-        formError !== null && /* @__PURE__ */ jsx14("p", { role: "alert", className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: formError }),
+        /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: label }),
+        formError !== null && /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: formError }),
         groups.map((group) => {
           const fields = group.columns.filter((column) => isRecordGridCellApplicable(column, draft));
           if (fields.length === 0) return null;
-          return /* @__PURE__ */ jsxs12(
+          return /* @__PURE__ */ jsxs10(
             "fieldset",
             {
               className: group.label === null ? "min-w-0" : "min-w-0 rounded-lg border border-border/70 p-3",
               children: [
-                group.label !== null && /* @__PURE__ */ jsx14("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
-                /* @__PURE__ */ jsx14("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map((column) => {
+                group.label !== null && /* @__PURE__ */ jsx12("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
+                /* @__PURE__ */ jsx12("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map((column) => {
                   const fieldId = `${fieldPrefix}-${column.id}`;
                   const errorId = `${fieldId}-error`;
                   const message = errors[column.id];
-                  return /* @__PURE__ */ jsxs12(
+                  return /* @__PURE__ */ jsxs10(
                     "div",
                     {
                       className: column.kind === "text" && column.multiline === true ? "sm:col-span-2" : "",
                       children: [
-                        /* @__PURE__ */ jsxs12("label", { htmlFor: fieldId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: [
+                        /* @__PURE__ */ jsxs10("label", { htmlFor: fieldId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: [
                           column.header,
-                          column.required === true && /* @__PURE__ */ jsx14("span", { className: "ml-0.5 text-destructive", children: "*" })
+                          column.required === true && /* @__PURE__ */ jsx12("span", { className: "ml-0.5 text-destructive", children: "*" })
                         ] }),
-                        /* @__PURE__ */ jsx14(
+                        /* @__PURE__ */ jsx12(
                           DraftField,
                           {
                             column,
@@ -5291,8 +5002,8 @@ function AddRecordForm({
                             onValue: (next) => setDraft({ ...draft, [column.id]: next })
                           }
                         ),
-                        column.hint && /* @__PURE__ */ jsx14("p", { className: "mt-1 text-[11px] text-muted-foreground", children: column.hint }),
-                        message !== void 0 && /* @__PURE__ */ jsx14("p", { id: errorId, role: "alert", className: "mt-1 text-[11px] text-destructive", children: message })
+                        column.hint && /* @__PURE__ */ jsx12("p", { className: "mt-1 text-[11px] text-muted-foreground", children: column.hint }),
+                        message !== void 0 && /* @__PURE__ */ jsx12("p", { id: errorId, role: "alert", className: "mt-1 text-[11px] text-destructive", children: message })
                       ]
                     },
                     column.id
@@ -5303,8 +5014,8 @@ function AddRecordForm({
             group.label ?? "_"
           );
         }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "submit",
@@ -5313,7 +5024,7 @@ function AddRecordForm({
               children: busy ? "Saving\u2026" : "Save"
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -5334,7 +5045,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     "aria-describedby": describedBy
   };
   if (column.kind === "boolean") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx12(
       "input",
       {
         ...shared,
@@ -5346,7 +5057,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     );
   }
   if (column.kind === "select") {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs10(
       "select",
       {
         ...shared,
@@ -5354,14 +5065,14 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
         value: typeof value === "string" ? value : "",
         onChange: (event) => onValue(event.target.value === "" ? null : event.target.value),
         children: [
-          /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014" }),
-          column.options.map((option) => /* @__PURE__ */ jsx14("option", { value: option.value, children: option.label }, option.value))
+          /* @__PURE__ */ jsx12("option", { value: "", children: "\u2014" }),
+          column.options.map((option) => /* @__PURE__ */ jsx12("option", { value: option.value, children: option.label }, option.value))
         ]
       }
     );
   }
   if (column.kind === "text" && column.multiline === true) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx12(
       "textarea",
       {
         ...shared,
@@ -5373,7 +5084,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     );
   }
   if (column.kind === "number" || column.kind === "currency") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx12(
       "input",
       {
         ...shared,
@@ -5393,7 +5104,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     "input",
     {
       ...shared,
@@ -5405,162 +5116,8 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
   );
 }
 
-// src/web-react/agent-session-controls.tsx
-import { useMemo as useMemo8, useState as useState15 } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var HARNESS_LABELS = {
-  opencode: "OpenCode (any model)",
-  "claude-code": "Claude Code (Anthropic)",
-  codex: "Codex (OpenAI)",
-  "kimi-code": "Kimi (Moonshot)",
-  amp: "Amp",
-  "factory-droids": "Factory Droids",
-  cursor: "Cursor",
-  hermes: "Hermes",
-  forge: "Forge",
-  pi: "Pi",
-  openclaw: "OpenClaw",
-  acp: "ACP",
-  "cli-base": "CLI"
-};
-function harnessLabel(h) {
-  return HARNESS_LABELS[h] ?? h;
-}
-function ChevronDown2({ className }) {
-  return /* @__PURE__ */ jsx15("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx15("path", { d: "m6 9 6 6 6-6" }) });
-}
-function GearGlyph({ className }) {
-  return /* @__PURE__ */ jsxs13("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx15("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 = "";
-function HarnessPicker({
-  value,
-  onChange,
-  available
-}) {
-  const [open, setOpen] = useState15(false);
-  const { containerRef, triggerProps } = usePopover(open, setOpen);
-  const options = available ?? Object.keys(HARNESS_LABELS);
-  return /* @__PURE__ */ jsxs13("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs13(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        onClick: () => setOpen(!open),
-        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__ */ jsx15("span", { className: "truncate", children: harnessLabel(value) }),
-          /* @__PURE__ */ jsx15(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx15("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__ */ jsx15(
-      "button",
-      {
-        type: "button",
-        role: "menuitemradio",
-        "aria-checked": h === value,
-        onClick: () => {
-          onChange(h);
-          setOpen(false);
-        },
-        className: `flex w-full items-center rounded-md px-3 py-2 text-left text-sm transition ${FOCUS_RING} ${h === value ? "bg-primary/10 font-medium" : "hover:bg-accent/30"}`,
-        children: harnessLabel(h)
-      },
-      h
-    )) })
-  ] });
-}
-function useCoherentHandlers(props) {
-  const { model, models, harness, onModelChange, onHarnessChange } = props;
-  const canonicalIds = useMemo8(() => models.map((m) => m.id), [models]);
-  const onModel = (next) => {
-    onModelChange(next);
-    const nextHarness = snapHarnessToModel(harness, next);
-    if (nextHarness !== harness) onHarnessChange(nextHarness);
-  };
-  const onHarness = (next) => {
-    onHarnessChange(next);
-    const snapped = snapModelToHarness(next, model, canonicalIds);
-    if (snapped !== model) onModelChange(snapped);
-  };
-  return { onModel, onHarness };
-}
-function AgentSessionControls(props) {
-  const {
-    models,
-    modelsLoading,
-    model,
-    harness,
-    availableHarnesses,
-    effort,
-    onEffortChange,
-    layout = "inline",
-    showHarness = true,
-    renderProviderBadge,
-    className
-  } = props;
-  const { onModel, onHarness } = useCoherentHandlers(props);
-  const [open, setOpen] = useState15(false);
-  const { containerRef: popoverRef, triggerProps } = usePopover(open, setOpen);
-  const selectedModel = models.find((m) => m.id === model);
-  const showEffort = selectedModel?.supportsReasoning ?? true;
-  const modelPicker = /* @__PURE__ */ jsx15(
-    ModelPicker,
-    {
-      value: model,
-      onChange: onModel,
-      models,
-      loading: modelsLoading,
-      renderProviderBadge
-    }
-  );
-  if (layout === "inline") {
-    return /* @__PURE__ */ jsxs13("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
-      modelPicker,
-      showHarness && /* @__PURE__ */ jsx15(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-      showEffort && /* @__PURE__ */ jsx15(EffortPicker, { value: effort, onChange: onEffortChange })
-    ] });
-  }
-  const hasAdvanced = showHarness || showEffort;
-  return /* @__PURE__ */ jsxs13("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
-    modelPicker,
-    hasAdvanced && /* @__PURE__ */ jsxs13("div", { ref: popoverRef, className: "relative inline-flex", children: [
-      /* @__PURE__ */ jsx15(
-        "button",
-        {
-          type: "button",
-          ...triggerProps,
-          onClick: () => setOpen(!open),
-          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__ */ jsx15(GearGlyph, { className: "h-4 w-4" })
-        }
-      ),
-      open && /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
-          /* @__PURE__ */ jsx15(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-          /* @__PURE__ */ jsx15("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__ */ jsxs13("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
-          /* @__PURE__ */ jsx15(EffortPicker, { value: effort, onChange: onEffortChange, label: "" }),
-          /* @__PURE__ */ jsx15("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
 // src/web-react/index.tsx
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs11 } 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;
@@ -5574,41 +5131,41 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs11("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__ */ jsxs11("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx13(
         "span",
         {
           className: `h-2 w-2 shrink-0 rounded-full ${run.status === "running" ? "bg-warning" : run.status === "error" ? "bg-destructive" : "bg-success"}`
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx16("p", { className: "truncate text-sm font-semibold", children: run.title }),
-        /* @__PURE__ */ jsx16("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: run.toolName })
+      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx13("p", { className: "truncate text-sm font-semibold", children: run.title }),
+        /* @__PURE__ */ jsx13("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: run.toolName })
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx13(
         "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__ */ jsx16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx16("path", { d: "M18 6 6 18M6 6l12 12" }) })
+          children: /* @__PURE__ */ jsx13("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
-      run.steps.length === 0 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
-      run.steps.map((step, i) => /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border border-border/60 bg-background", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-baseline gap-2 border-b border-border/40 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx16("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
-          /* @__PURE__ */ jsx16("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
-          /* @__PURE__ */ jsx16("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
+    /* @__PURE__ */ jsxs11("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+      run.steps.length === 0 && /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
+      run.steps.map((step, i) => /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-border/60 bg-background", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-baseline gap-2 border-b border-border/40 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx13("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
+          /* @__PURE__ */ jsx13("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
+          /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
         ] }),
-        step.detail && /* @__PURE__ */ jsx16("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__ */ jsx13("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__ */ jsx16("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__ */ jsx13("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) {
@@ -5622,20 +5179,20 @@ function ChatEmptyState({
   subline = "Describe the outcome you want. The agent works through it step by step, and pauses for your approval before anything irreversible.",
   doors
 }) {
-  return /* @__PURE__ */ jsxs14("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__ */ jsx16("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__ */ jsx16(BrandMark, { size: 32, className: "shrink-0" }) }),
-    /* @__PURE__ */ jsx16("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: productName }),
-    /* @__PURE__ */ jsx16("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground sm:text-[28px]", children: headline }),
-    subline && /* @__PURE__ */ jsx16("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
-    doors && doors.length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-7 grid w-full gap-2.5 sm:grid-cols-3", children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs11("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__ */ jsx13("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__ */ jsx13(BrandMark, { size: 32, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx13("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx13("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground sm:text-[28px]", children: headline }),
+    subline && /* @__PURE__ */ jsx13("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
+    doors && doors.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-7 grid w-full gap-2.5 sm:grid-cols-3", children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs11(
       "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",
         children: [
-          /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
-          door.description && /* @__PURE__ */ jsx16("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
+          /* @__PURE__ */ jsx13("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
+          door.description && /* @__PURE__ */ jsx13("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -5644,26 +5201,26 @@ function ChatEmptyState({
 }
 function ToolGlyph({ name, className }) {
   if (name.startsWith("sandbox_")) {
-    return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("polyline", { points: "4 17 10 11 4 5" }),
-      /* @__PURE__ */ jsx16("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+    return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx13("polyline", { points: "4 17 10 11 4 5" }),
+      /* @__PURE__ */ jsx13("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] });
   }
   if (name === "submit_proposal") {
-    return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx16("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
+    return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx13("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsx13("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
     ] });
   }
   if (name === "schedule_followup") {
-    return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx16("path", { d: "M12 7v5l3 3" })
+    return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx13("path", { d: "M12 7v5l3 3" })
     ] });
   }
-  return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx16("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
-    /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "4" })
+  return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx13("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
+    /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "4" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -5731,40 +5288,40 @@ 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__ */ jsx16("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs14("div", { className: "contents", children: [
-    /* @__PURE__ */ jsx16("dt", { className: "font-mono text-[11px] text-muted-foreground", children: k }),
-    /* @__PURE__ */ jsx16("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[11px] text-muted-foreground", children: truncate(v) })
+  return /* @__PURE__ */ jsx13("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs11("div", { className: "contents", children: [
+    /* @__PURE__ */ jsx13("dt", { className: "font-mono text-[11px] text-muted-foreground", children: k }),
+    /* @__PURE__ */ jsx13("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[11px] text-muted-foreground", children: truncate(v) })
   ] }, k)) });
 }
 function ShellDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   const r = outcome?.result ?? {};
-  return /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-[11px] leading-relaxed", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
-      /* @__PURE__ */ jsx16("span", { className: "select-none text-zinc-500", children: "$" }),
-      /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
-      r.exitCode != null && /* @__PURE__ */ jsxs14("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-[11px] leading-relaxed", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
+      /* @__PURE__ */ jsx13("span", { className: "select-none text-zinc-500", children: "$" }),
+      /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
+      r.exitCode != null && /* @__PURE__ */ jsxs11("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
         "exit ",
         r.exitCode
       ] })
     ] }),
-    /* @__PURE__ */ jsx16("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__ */ jsx13("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 result = call.result;
   const envelope = typeof result === "object" && result !== null ? result : null;
-  return /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
-      /* @__PURE__ */ jsx16(KvRows, { data: call.args })
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
+      /* @__PURE__ */ jsx13(KvRows, { data: call.args })
     ] }),
-    envelope ? /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
-      envelope.ok === false ? /* @__PURE__ */ jsx16("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx16(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx16("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(envelope.result) }) : null
-    ] }) : result != null ? /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
-      /* @__PURE__ */ jsx16("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(result) })
+    envelope ? /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
+      envelope.ok === false ? /* @__PURE__ */ jsx13("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx13(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx13("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(envelope.result) }) : null
+    ] }) : result != null ? /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
+      /* @__PURE__ */ jsx13("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(result) })
     ] }) : null
   ] });
 }
@@ -5775,23 +5332,23 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState16(false);
+  const [expanded, setExpanded] = useState14(false);
   const { summary, meta } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
-  return /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
-      /* @__PURE__ */ jsx16("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__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx16("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-strong", children: "Needs your approval" }),
-        /* @__PURE__ */ jsx16("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
-        summary && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
-        meta.length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx16("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
+  return /* @__PURE__ */ jsxs11("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__ */ jsxs11("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
+      /* @__PURE__ */ jsx13("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__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx13("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-strong", children: "Needs your approval" }),
+        /* @__PURE__ */ jsx13("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
+        summary && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
+        meta.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx13("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
-      approval ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
-        /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
+      approval ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -5801,7 +5358,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -5811,8 +5368,8 @@ function ProposalCard({
             children: "Reject"
           }
         )
-      ] }) : /* @__PURE__ */ jsx16("span", { className: "text-[12px] font-medium text-muted-foreground", children: "Awaiting approval\u2026" }),
-      /* @__PURE__ */ jsxs14(
+      ] }) : /* @__PURE__ */ jsx13("span", { className: "text-[12px] font-medium text-muted-foreground", children: "Awaiting approval\u2026" }),
+      /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
@@ -5821,23 +5378,23 @@ function ProposalCard({
           className: "ml-auto inline-flex items-center gap-1 rounded text-[12px] font-medium text-muted-foreground transition hover:text-foreground",
           children: [
             expanded ? "Hide details" : "View details",
-            /* @__PURE__ */ jsx16(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsx13(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
           ]
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsx16("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx16(DefaultToolDetail, { call }) })
+    expanded && /* @__PURE__ */ jsx13("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx13(DefaultToolDetail, { call }) })
   ] });
 }
 function FollowupCard({ call }) {
   const a = call.args ?? {};
   const when = typeof a.when === "string" ? a.when : typeof a.at === "string" ? a.at : typeof a.schedule === "string" ? a.schedule : null;
-  return /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
-      /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
+  return /* @__PURE__ */ jsxs11("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__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
+      /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
     ] }),
-    when && /* @__PURE__ */ jsx16("p", { className: "mt-0.5 pl-[22px] text-[12px] text-muted-foreground", children: when })
+    when && /* @__PURE__ */ jsx13("p", { className: "mt-0.5 pl-[22px] text-[12px] text-muted-foreground", children: when })
   ] });
 }
 function ToolCallCard({
@@ -5847,13 +5404,13 @@ function ToolCallCard({
   onOpenRun,
   renderers
 }) {
-  const [expanded, setExpanded] = useState16(false);
+  const [expanded, setExpanded] = useState14(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__ */ jsx16(
+    return /* @__PURE__ */ jsx13(
       ProposalCard,
       {
         call,
@@ -5865,16 +5422,16 @@ function ToolCallCard({
     );
   }
   if (kind === "followup" && !failed) {
-    return /* @__PURE__ */ jsx16(FollowupCard, { call });
+    return /* @__PURE__ */ jsx13(FollowupCard, { call });
   }
   const isCommand = kind === "command";
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: `w-fit min-w-[280px] max-w-full rounded-lg border text-xs transition ${failed ? "border-destructive/40 bg-destructive/5" : "border-border/60 bg-muted/20"}`,
       children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex w-full items-center gap-2 px-3 py-2", children: [
-          /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center gap-2 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs11(
             "button",
             {
               type: "button",
@@ -5882,14 +5439,14 @@ function ToolCallCard({
               "aria-expanded": expanded,
               className: "flex min-w-0 flex-1 items-center gap-2 rounded text-left",
               children: [
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx13(
                   "span",
                   {
                     className: `h-2 w-2 shrink-0 rounded-full ${call.status === "running" ? "animate-pulse bg-warning" : failed ? "bg-destructive" : "bg-success"}`
                   }
                 ),
-                /* @__PURE__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx13(
                   "span",
                   {
                     className: `min-w-0 flex-1 truncate ${isCommand ? "font-mono text-[12px] tracking-tight text-foreground/90" : "font-medium"}`,
@@ -5899,8 +5456,8 @@ function ToolCallCard({
               ]
             }
           ),
-          /* @__PURE__ */ jsx16("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: call.status === "running" ? "running\u2026" : failed ? "failed" : "done" }),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: call.status === "running" ? "running\u2026" : failed ? "failed" : "done" }),
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -5908,13 +5465,13 @@ function ToolCallCard({
               "aria-label": expanded ? "Collapse details" : "Expand details",
               "aria-expanded": expanded,
               className: "shrink-0 rounded p-0.5",
-              children: /* @__PURE__ */ jsx16(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
+              children: /* @__PURE__ */ jsx13(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
             }
           )
         ] }),
-        expanded && /* @__PURE__ */ jsxs14("div", { className: "border-t border-border/40 px-3 py-2.5", children: [
-          custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx16(ShellDetail, { call }) : /* @__PURE__ */ jsx16(DefaultToolDetail, { call })),
-          onOpenRun && call.name.startsWith("sandbox_") && /* @__PURE__ */ jsx16(
+        expanded && /* @__PURE__ */ jsxs11("div", { className: "border-t border-border/40 px-3 py-2.5", children: [
+          custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx13(ShellDetail, { call }) : /* @__PURE__ */ jsx13(DefaultToolDetail, { call })),
+          onOpenRun && call.name.startsWith("sandbox_") && /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -5929,7 +5486,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       className: "ml-0.5 inline-block h-[1.1em] w-[3px] translate-y-[2px] animate-pulse rounded-sm bg-foreground/70",
@@ -5945,11 +5502,11 @@ function SegmentText({
   messageClassName
 }) {
   const text = useSmoothText(content, streaming);
-  const body = useMemo9(() => renderBody(text), [renderBody, text]);
+  const body = useMemo7(() => renderBody(text), [renderBody, text]);
   if (!content.trim() && !showCaret) return null;
-  return /* @__PURE__ */ jsxs14("div", { className: messageClassName, children: [
+  return /* @__PURE__ */ jsxs11("div", { className: messageClassName, children: [
     body,
-    showCaret && /* @__PURE__ */ jsx16(StreamingCaret, {})
+    showCaret && /* @__PURE__ */ jsx13(StreamingCaret, {})
   ] });
 }
 var COLLAPSE_TOOL_RUN_AT = 3;
@@ -5973,7 +5530,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call) => /* @__PURE__ */ jsx16(
+  const renderToolCard = (call) => /* @__PURE__ */ jsx13(
     ToolCallCard,
     {
       call,
@@ -5996,9 +5553,9 @@ function SegmentedBody({
       else groups.push({ kind: "tools", index: i, calls: [seg.call] });
     }
   }
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
     groups.map(
-      (g) => g.kind === "text" ? /* @__PURE__ */ jsx16(
+      (g) => g.kind === "text" ? /* @__PURE__ */ jsx13(
         SegmentText,
         {
           content: g.content,
@@ -6008,26 +5565,69 @@ function SegmentedBody({
           messageClassName
         },
         `text-${g.index}`
-      ) : !streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool) ? /* @__PURE__ */ jsxs14(
+      ) : !streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool) ? /* @__PURE__ */ jsxs11(
         "details",
         {
           className: "rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2",
           children: [
-            /* @__PURE__ */ jsxs14("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs11("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
               "Worked through ",
               g.calls.length,
               " steps"
             ] }),
-            /* @__PURE__ */ jsx16("div", { className: "mt-2 flex flex-col gap-2", children: g.calls.map(renderToolCard) })
+            /* @__PURE__ */ jsx13("div", { className: "mt-2 flex flex-col gap-2", children: g.calls.map(renderToolCard) })
           ]
         },
         `tools-${g.index}`
-      ) : /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-2", children: g.calls.map(renderToolCard) }, `tools-${g.index}`)
+      ) : /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-2", children: g.calls.map(renderToolCard) }, `tools-${g.index}`)
     ),
     leftoverToolCalls.map(renderToolCard),
-    streaming && segments[lastIndex]?.kind === "tool" && /* @__PURE__ */ jsx16(StreamingCaret, {})
+    streaming && segments[lastIndex]?.kind === "tool" && /* @__PURE__ */ jsx13(StreamingCaret, {})
   ] });
 }
+var QUIET_META_LANE_CLASS = "mt-1 flex h-[18px] items-center gap-2 text-[11px] tracking-wide text-muted-foreground opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 motion-reduce:transition-none [@media(hover:none)]:opacity-100";
+function copyTextOf(msg) {
+  const textRuns = msg.segments?.filter((s) => s.kind === "text") ?? [];
+  if (textRuns.length > 0) return textRuns.map((s) => s.content).join("\n\n");
+  return msg.content;
+}
+function CopyMessageButton({ text }) {
+  const [copied, setCopied] = useState14(false);
+  const timerRef = useRef10(null);
+  useEffect11(
+    () => () => {
+      if (timerRef.current !== null) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const copy = () => {
+    const clipboard = navigator.clipboard;
+    if (!clipboard) return;
+    void clipboard.writeText(text).then(
+      () => {
+        setCopied(true);
+        if (timerRef.current !== null) clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => setCopied(false), 1200);
+      },
+      () => {
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx13(
+    "button",
+    {
+      type: "button",
+      onClick: copy,
+      "aria-label": "Copy message",
+      title: "Copy message",
+      className: "rounded p-0.5 text-muted-foreground transition hover:bg-accent/40 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: copied ? /* @__PURE__ */ jsx13("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs11("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx13("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+        /* @__PURE__ */ jsx13("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      ] })
+    }
+  );
+}
 function AssistantMessageImpl({
   msg,
   streaming,
@@ -6041,44 +5641,46 @@ function AssistantMessageImpl({
   durableCards,
   resolveAttachmentUrl,
   workProductCards,
-  messageClassName
+  messageClassName,
+  chrome
 }) {
   const content = useSmoothText(msg.content, streaming);
   const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
-  const body = useMemo9(() => renderBody(content), [renderBody, content]);
+  const body = useMemo7(() => renderBody(content), [renderBody, content]);
   const segments = msg.segments;
   const hasAnswerText = content !== "" || (segments?.some((s) => s.kind === "text" && s.content.trim() !== "") ?? false);
-  const reasoningScrollRef = useRef11(null);
-  const thinkStartRef = useRef11(null);
-  const thinkMsRef = useRef11(null);
+  const reasoningScrollRef = useRef10(null);
+  const thinkStartRef = useRef10(null);
+  const thinkMsRef = useRef10(null);
   if (streaming && reasoning && !hasAnswerText && thinkStartRef.current === null) {
     thinkStartRef.current = performance.now();
   }
   if (hasAnswerText && thinkStartRef.current !== null && thinkMsRef.current === null) {
     thinkMsRef.current = performance.now() - thinkStartRef.current;
   }
-  useEffect12(() => {
+  useEffect11(() => {
     const el = reasoningScrollRef.current;
     if (el && streaming && !hasAnswerText) el.scrollTop = el.scrollHeight;
   }, [reasoning, streaming, hasAnswerText]);
   const thinkingSeconds = useThinkingSeconds(
     streaming && !!reasoning && !hasAnswerText
   );
-  return /* @__PURE__ */ jsxs14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsx16("span", { className: "font-semibold uppercase", children: agentLabel }),
-      msg.modelUsed && /* @__PURE__ */ jsx16("span", { className: "font-mono normal-case", children: msg.modelUsed }),
-      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx16("span", { children: formatTokensPerSecond(msg) }),
-      formatModelCost(msg, models) && /* @__PURE__ */ jsx16("span", { children: formatModelCost(msg, models) })
+  const quiet = chrome === "quiet";
+  return /* @__PURE__ */ jsxs11("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+    !quiet && /* @__PURE__ */ jsxs11("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx13("span", { className: "font-semibold uppercase", children: agentLabel }),
+      msg.modelUsed && /* @__PURE__ */ jsx13("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx13("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx13("span", { children: formatModelCost(msg, models) })
     ] }),
-    reasoning && /* @__PURE__ */ jsxs14("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2", open: !hasAnswerText, children: [
-      /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs14("span", { className: "animate-pulse", children: [
+    reasoning && /* @__PURE__ */ jsxs11("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2", open: !hasAnswerText, children: [
+      /* @__PURE__ */ jsx13("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs11("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__ */ jsx16("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__ */ jsx13("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__ */ jsx16(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx13(
       SegmentedBody,
       {
         segments,
@@ -6090,12 +5692,12 @@ function AssistantMessageImpl({
         toolRenderers,
         messageClassName
       }
-    ) : /* @__PURE__ */ jsxs14(Fragment8, { children: [
-      /* @__PURE__ */ jsxs14("div", { className: messageClassName, children: [
+    ) : /* @__PURE__ */ jsxs11(Fragment7, { children: [
+      /* @__PURE__ */ jsxs11("div", { className: messageClassName, children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx16(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx13(StreamingCaret, {})
       ] }),
-      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx16(
+      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx13(
         ToolCallCard,
         {
           call: tc,
@@ -6107,7 +5709,7 @@ function AssistantMessageImpl({
         tc.id
       )) })
     ] }),
-    durableCards && msg.parts && /* @__PURE__ */ jsx16(
+    durableCards && msg.parts && /* @__PURE__ */ jsx13(
       DurableChatCards,
       {
         ...durableCards,
@@ -6116,7 +5718,7 @@ function AssistantMessageImpl({
         className: "mt-3"
       }
     ),
-    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx16(
+    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx13(
       WorkProductCard,
       {
         part,
@@ -6126,20 +5728,26 @@ function AssistantMessageImpl({
       `${part.ref.id}:${part.ref.version}`
     )),
     renderExtras?.(msg),
-    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-2", children: /* @__PURE__ */ jsx16(
+    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-2", children: /* @__PURE__ */ jsx13(
       MessageAttachments,
       {
         parts: attachmentPartsFromMessageParts(msg.parts),
         resolveFileUrl: resolveAttachmentUrl,
         justify: "start"
       }
-    ) })
+    ) }),
+    quiet && /* @__PURE__ */ jsxs11("div", { "data-testid": "message-meta-lane", className: QUIET_META_LANE_CLASS, children: [
+      /* @__PURE__ */ jsx13(CopyMessageButton, { text: copyTextOf(msg) }),
+      msg.modelUsed && /* @__PURE__ */ jsx13("span", { className: "font-mono", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx13("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx13("span", { children: formatModelCost(msg, models) })
+    ] })
   ] });
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState16(0);
-  useEffect12(() => {
+  const [seconds, setSeconds] = useState14(0);
+  useEffect11(() => {
     if (!active) return;
     setSeconds(0);
     const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
@@ -6147,25 +5755,25 @@ function useThinkingSeconds(active) {
   }, [active]);
   return seconds;
 }
-function ThinkingRow({ agentLabel }) {
+function ThinkingRow({ agentLabel, chrome = "labeled" }) {
   const seconds = useThinkingSeconds(true);
-  return /* @__PURE__ */ jsxs14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    /* @__PURE__ */ jsx16("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: agentLabel }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
-      /* @__PURE__ */ jsx16("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx16("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
+  return /* @__PURE__ */ jsxs11("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    chrome !== "quiet" && /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: agentLabel }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
+      /* @__PURE__ */ jsx13("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx13("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__ */ jsx16("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs14("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__ */ jsxs14("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__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx16("path", { d: "M12 8v4m0 4h.01" })
+  return /* @__PURE__ */ jsx13("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs11("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__ */ jsxs11("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__ */ jsx13("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx13("path", { d: "M12 8v4m0 4h.01" })
     ] }),
-    /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -6179,6 +5787,7 @@ function StreamErrorRow({ message, onRetry }) {
 function ChatMessages({
   messages,
   messageSize = "default",
+  chrome = "labeled",
   models = [],
   renderMarkdown,
   renderExtras,
@@ -6198,39 +5807,43 @@ function ChatMessages({
   workProductCards
 }) {
   const messageClassName = messageSize === "large" ? "agent-app-message-copy text-[17px] leading-[1.75]" : "agent-app-message-copy text-base leading-[1.75]";
-  const renderBody = useMemo9(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx16("p", { className: "whitespace-pre-wrap", children: content })),
+  const renderBody = useMemo7(
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap", children: content })),
     [renderMarkdown]
   );
   const lastIsUser = messages[messages.length - 1]?.role === "user";
+  const quiet = chrome === "quiet";
   if (messages.length === 0 && !loading && !error) {
-    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx16(ChatEmptyState, { ...emptyState });
-    return /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx13(ChatEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsxs11(Fragment7, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
     header,
     messages.map(
-      (msg) => msg.role === "user" ? /* @__PURE__ */ jsx16("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs14("div", { className: "ml-auto w-fit max-w-[85%]", children: [
-        /* @__PURE__ */ jsx16("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: userLabel }),
-        /* @__PURE__ */ jsx16(
-          "div",
-          {
-            className: `rounded-2xl rounded-tr-md bg-primary/10 px-4 py-2.5 ${messageClassName}`,
-            children: /* @__PURE__ */ jsx16("p", { className: "whitespace-pre-wrap", children: msg.content })
-          }
-        ),
-        resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx16(
-          MessageAttachments,
-          {
-            parts: attachmentPartsFromMessageParts(msg.parts),
-            resolveFileUrl: resolveAttachmentUrl,
-            justify: "end"
-          }
-        ) })
-      ] }) }, msg.id) : /* @__PURE__ */ jsx16(
+      (msg) => msg.role === "user" ? /* @__PURE__ */ jsxs11("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+        /* @__PURE__ */ jsxs11("div", { className: `ml-auto w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
+          !quiet && /* @__PURE__ */ jsx13("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: userLabel }),
+          /* @__PURE__ */ jsx13(
+            "div",
+            {
+              className: quiet ? `rounded-2xl bg-[color-mix(in_srgb,hsl(var(--secondary))_65%,hsl(var(--background)))] px-4 py-2.5 ${messageClassName}` : `rounded-2xl rounded-tr-md bg-primary/10 px-4 py-2.5 ${messageClassName}`,
+              children: /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap", children: msg.content })
+            }
+          ),
+          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx13(
+            MessageAttachments,
+            {
+              parts: attachmentPartsFromMessageParts(msg.parts),
+              resolveFileUrl: resolveAttachmentUrl,
+              justify: "end"
+            }
+          ) })
+        ] }),
+        quiet && /* @__PURE__ */ jsx13("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-end`, children: /* @__PURE__ */ jsx13(CopyMessageButton, { text: msg.content }) })
+      ] }, msg.id) : /* @__PURE__ */ jsx13(
         AssistantMessage,
         {
           msg,
@@ -6245,25 +5858,20 @@ function ChatMessages({
           durableCards,
           resolveAttachmentUrl,
           workProductCards,
-          messageClassName
+          messageClassName,
+          chrome
         },
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx16(ThinkingRow, { agentLabel }),
-    error && !loading && /* @__PURE__ */ jsx16(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx13(ThinkingRow, { agentLabel, chrome }),
+    error && !loading && /* @__PURE__ */ jsx13(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
 export {
   nextRevealCount,
   useSmoothText,
-  ProviderLogo,
-  usePopover,
-  usePending,
-  ModelPicker,
-  DEFAULT_EFFORT_LEVELS,
-  EffortPicker,
   interactionStatusLabels,
   interactionTerminalNotes,
   fieldValuesFromAnswers,
@@ -6366,7 +5974,6 @@ export {
   withoutRecordGridRemoved,
   pruneRecordGridOverlay,
   RecordGrid,
-  AgentSessionControls,
   formatModelCost,
   formatTokensPerSecond,
   RunDrillIn,
@@ -6375,4 +5982,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-WC43OQMR.js.map
+//# sourceMappingURL=chunk-IFYJDX3J.js.map