@tangle-network/agent-app 0.46.4 → 0.46.5

package/dist/{chunk-YTEUZXX2.js → chunk-JAYKCWW4.js}

@@ -2,9 +2,8 @@ import {
   PATH_CONTINUATION_CHAR,
   WORD_CHAR,
   charAt,
-  charBefore,
-  joinClasses
-} from "./chunk-RLOHIX5Y.js";
+  charBefore
+} from "./chunk-3HUFJ5LO.js";
 import {
   stepActivityFlowTrace
 } from "./chunk-FBVLEGEG.js";
@@ -13,9 +12,8 @@ import {
   workProductPartsFromMessageParts
 } from "./chunk-ENLRJYVW.js";
 import {
-  filterAcceptedFiles,
-  renamePastedImages
-} from "./chunk-DINGA2MO.js";
+  joinClasses
+} from "./chunk-L7MB2LLM.js";
 import {
   BrainGlyph,
   ChevronDown,
@@ -52,7 +50,7 @@ import {
 } from "./chunk-YJMCRXQQ.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect13, useMemo as useMemo8, useRef as useRef13, useState as useState17, memo } from "react";
+import { useEffect as useEffect11, useMemo as useMemo7, useRef as useRef11, useState as useState15, memo } from "react";
 import { InlineToolItem, RunRowShell } from "@tangle-network/ui/run";
 
 // src/web-react/smooth-text.ts
@@ -1417,1053 +1415,8 @@ async function streamChatTurn(opts) {
   }
 }
 
-// src/web-react/chat-composer.tsx
-import {
-  Component,
-  lazy as lazy2,
-  Suspense as Suspense2,
-  useCallback as useCallback3,
-  useEffect as useEffect6,
-  useMemo as useMemo3,
-  useId,
-  useRef as useRef6,
-  useState as useState8
-} from "react";
-
-// src/web-react/use-dictation.ts
-import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
-var PREFERRED_MIME_TYPES = ["audio/webm;codecs=opus", "audio/webm", "audio/mp4"];
-function pickDictationMimeType() {
-  if (typeof MediaRecorder === "undefined" || typeof MediaRecorder.isTypeSupported !== "function") {
-    return void 0;
-  }
-  for (const type of PREFERRED_MIME_TYPES) {
-    if (MediaRecorder.isTypeSupported(type)) return type;
-  }
-  return void 0;
-}
-function detectDictationSupport() {
-  return typeof navigator !== "undefined" && typeof navigator.mediaDevices?.getUserMedia === "function" && typeof MediaRecorder !== "undefined";
-}
-function dictationErrorMessage(error) {
-  if (error instanceof DOMException) {
-    if (error.name === "NotAllowedError") return "Microphone access was denied \u2014 allow it in the browser to dictate.";
-    if (error.name === "NotFoundError") return "No microphone found on this device.";
-  }
-  return "Could not start recording.";
-}
-function formatDictationElapsed(totalSeconds) {
-  const safe = Number.isFinite(totalSeconds) && totalSeconds > 0 ? Math.floor(totalSeconds) : 0;
-  const minutes = Math.floor(safe / 60);
-  const seconds = safe % 60;
-  return `${minutes}:${String(seconds).padStart(2, "0")}`;
-}
-function releaseStream(stream) {
-  for (const track of stream.getTracks()) track.stop();
-}
-function useDictation({ onDictate, onError }) {
-  const [supported] = useState7(detectDictationSupport);
-  const [recording, setRecording] = useState7(false);
-  const [elapsedSeconds, setElapsedSeconds] = useState7(0);
-  const sessionRef = useRef5(null);
-  const cancelPendingStartRef = useRef5(null);
-  const callbacksRef = useRef5({ onDictate, onError });
-  callbacksRef.current = { onDictate, onError };
-  useEffect5(() => {
-    if (!recording) return;
-    setElapsedSeconds(0);
-    const id = setInterval(() => setElapsedSeconds((s) => s + 1), 1e3);
-    return () => clearInterval(id);
-  }, [recording]);
-  const teardown = useCallback2((cancelled) => {
-    const session = sessionRef.current;
-    if (session === null) return;
-    session.cancelled = session.cancelled || cancelled;
-    sessionRef.current = null;
-    releaseStream(session.stream);
-    setRecording(false);
-  }, []);
-  const stop = useCallback2(() => {
-    cancelPendingStartRef.current?.();
-    cancelPendingStartRef.current = null;
-    const session = sessionRef.current;
-    if (session === null || session.cancelled) return;
-    if (session.recorder.state !== "inactive") session.recorder.stop();
-  }, []);
-  const start = useCallback2(() => {
-    if (!supported) return;
-    if (sessionRef.current !== null || cancelPendingStartRef.current !== null) return;
-    let pendingCancelled = false;
-    cancelPendingStartRef.current = () => {
-      pendingCancelled = true;
-    };
-    navigator.mediaDevices.getUserMedia({ audio: true }).then(
-      (stream) => {
-        cancelPendingStartRef.current = null;
-        if (pendingCancelled) {
-          releaseStream(stream);
-          return;
-        }
-        const mimeType = pickDictationMimeType();
-        const recorder = new MediaRecorder(stream, mimeType === void 0 ? void 0 : { mimeType });
-        const session = {
-          stream,
-          recorder,
-          chunks: [],
-          mimeType: recorder.mimeType || mimeType || "",
-          startedAt: Date.now(),
-          cancelled: false
-        };
-        sessionRef.current = session;
-        recorder.ondataavailable = (event) => {
-          if (event.data.size > 0) session.chunks.push(event.data);
-        };
-        recorder.onstop = () => {
-          teardown(session.cancelled);
-          if (session.cancelled) return;
-          const blob = new Blob(session.chunks, { type: session.mimeType });
-          if (blob.size === 0) {
-            callbacksRef.current.onError?.("Nothing was recorded.");
-            return;
-          }
-          const durationSeconds = Math.max(0, Math.round((Date.now() - session.startedAt) / 1e3));
-          callbacksRef.current.onDictate({ blob, mimeType: session.mimeType, durationSeconds });
-        };
-        recorder.onerror = () => {
-          teardown(true);
-          callbacksRef.current.onError?.("Recording stopped unexpectedly.");
-        };
-        recorder.start();
-        setRecording(true);
-      },
-      (error) => {
-        cancelPendingStartRef.current = null;
-        if (pendingCancelled) return;
-        callbacksRef.current.onError?.(dictationErrorMessage(error));
-      }
-    );
-  }, [supported, teardown]);
-  useEffect5(
-    () => () => {
-      cancelPendingStartRef.current?.();
-      cancelPendingStartRef.current = null;
-      const session = sessionRef.current;
-      if (session === null) return;
-      session.cancelled = true;
-      sessionRef.current = null;
-      try {
-        if (session.recorder.state !== "inactive") session.recorder.stop();
-      } finally {
-        releaseStream(session.stream);
-      }
-    },
-    []
-  );
-  return { supported, recording, elapsedSeconds, start, stop };
-}
-
-// src/web-react/chat-composer.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function createLazyMentionEditor() {
-  return lazy2(() => import("./mention-editor-GVLG3W7C.js").then((m) => m.loadMentionEditor()));
-}
-var MentionEditorBoundary = class extends Component {
-  state = { error: null };
-  static getDerivedStateFromError(error) {
-    return { error };
-  }
-  componentDidCatch() {
-    this.props.onFailed();
-  }
-  render() {
-    if (this.state.error === null) return this.props.children;
-    const message = this.state.error instanceof Error ? this.state.error.message : String(this.state.error);
-    return /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        role: "alert",
-        "data-testid": "composer-mention-editor-error",
-        className: "rounded-xl border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
-        children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1", children: [
-              "The mention input failed to load: ",
-              message
-            ] }),
-            /* @__PURE__ */ jsx7(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Retry loading the mention input",
-                onClick: this.props.onRetry,
-                className: "shrink-0 font-medium underline-offset-2 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
-                children: "Retry"
-              }
-            )
-          ] }),
-          this.props.draft.trim() !== "" && /* @__PURE__ */ jsx7(
-            "p",
-            {
-              "data-testid": "composer-error-held-draft",
-              className: "mt-1.5 max-h-20 overflow-y-auto whitespace-pre-wrap rounded-lg border border-destructive/30 bg-card px-2 py-1 text-foreground",
-              children: this.props.draft
-            }
-          )
-        ]
-      }
-    );
-  }
-};
-var IS_APPLE_PLATFORM = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform);
-function SendGlyph({ className }) {
-  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__ */ 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 ArrowUpGlyph({ className }) {
-  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: "M12 19V5M5 12l7-7 7 7" }) });
-}
-function PaperclipGlyph({ className }) {
-  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__ */ 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__ */ 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 RetryGlyph({ className }) {
-  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: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx7("path", { d: "M3 3v5h5" })
-  ] });
-}
-function UploadGlyph({ className }) {
-  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" }) });
-}
-function MicGlyph({ className }) {
-  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("rect", { x: "9", y: "2", width: "6", height: "12", rx: "3" }),
-    /* @__PURE__ */ jsx7("path", { d: "M5 10v1a7 7 0 0 0 14 0v-1M12 18v4" })
-  ] });
-}
-var DEFAULT_MAX_HEIGHT = 168;
-var LINE_HEIGHT = 24;
-var TEXTAREA_PADDING_Y = 8;
-var DEFAULT_SEND_FAILURE = "Message not sent. Your draft is still here \u2014 try again.";
-function isRejectedOutcome(outcome) {
-  return typeof outcome === "object" && outcome !== null && outcome.ok === false;
-}
-function isPromise(value) {
-  return typeof value?.then === "function";
-}
-function sendFailureText(error, fallback) {
-  if (typeof error === "object" && error !== null && "ok" in error) {
-    const named = error.error;
-    if (typeof named === "string" && named.trim() !== "") return named;
-    return fallback;
-  }
-  if (typeof error === "string" && error.trim() !== "") return error;
-  if (error instanceof Error && error.message.trim() !== "") return error.message;
-  return fallback;
-}
-function ChatComposer({
-  onSend,
-  onSendParts,
-  onSendFailed,
-  sendFailureMessage = DEFAULT_SEND_FAILURE,
-  onCancel,
-  isStreaming = false,
-  disabled = false,
-  placeholder = "Message the agent\u2026",
-  value,
-  onValueChange,
-  initialValue,
-  seed,
-  onSeedApplied,
-  controls,
-  controlsPlacement = "inline",
-  onAttach,
-  onAttachFolder,
-  pendingFiles = [],
-  onRemoveFile,
-  onRetryFile,
-  accept,
-  onRejectFiles,
-  dropTitle = "Drop files to add context",
-  dropDescription = "They attach to your next message.",
-  contextItems = [],
-  canSubmitAttachmentsOnly = false,
-  attachmentsNotReadyMessage,
-  canSubmitWhileBusy = false,
-  autoFocus,
-  minRows = 2,
-  maxHeight = DEFAULT_MAX_HEIGHT,
-  trailing,
-  mention,
-  slashCommands,
-  onDictate,
-  onDictateError,
-  focusShortcut = true,
-  floating = false,
-  sendLabel = "Send",
-  sendVariant = "pill",
-  className
-}) {
-  const isControlled = value !== void 0;
-  const [internal, setInternal] = useState8(initialValue ?? "");
-  const text = isControlled ? value : internal;
-  const textRef = useRef6(text);
-  textRef.current = text;
-  const textareaRef = useRef6(null);
-  const richFocusRef = useRef6(null);
-  const registerRichFocus = useCallback3((focus) => {
-    richFocusRef.current = focus;
-  }, []);
-  const [editorEpoch, setEditorEpoch] = useState8(0);
-  const MentionEditor = useMemo3(createLazyMentionEditor, [editorEpoch]);
-  const [editorFailed, setEditorFailed] = useState8(false);
-  const fileInputRef = useRef6(null);
-  const folderInputRef = useRef6(null);
-  const [dragOver, setDragOver] = useState8(false);
-  const dragDepth = useRef6(0);
-  const pastedImageCount = useRef6(0);
-  const setText = useCallback3(
-    (next) => {
-      if (!isControlled) setInternal(next);
-      onValueChange?.(next);
-    },
-    [isControlled, onValueChange]
-  );
-  const [dictateError, setDictateError] = useState8(null);
-  const handleDictated = useCallback3(
-    (audio) => {
-      setDictateError(null);
-      onDictate?.(audio);
-    },
-    [onDictate]
-  );
-  const handleDictateError = useCallback3(
-    (message) => {
-      setDictateError(message);
-      onDictateError?.(message);
-    },
-    [onDictateError]
-  );
-  const dictation = useDictation({ onDictate: handleDictated, onError: handleDictateError });
-  useEffect6(() => {
-    const el = textareaRef.current;
-    if (!el) return;
-    el.style.height = "auto";
-    el.style.height = `${Math.min(el.scrollHeight, maxHeight)}px`;
-  }, [text, maxHeight, minRows]);
-  const prevSeedRef = useRef6(null);
-  const pendingCaretRef = useRef6(null);
-  useEffect6(() => {
-    const prev = prevSeedRef.current;
-    prevSeedRef.current = seed ?? null;
-    if (seed == null || seed === prev || isControlled) return;
-    setText(seed);
-    onSeedApplied?.();
-    const el = textareaRef.current;
-    if (el && el.value === seed) {
-      el.focus();
-      el.setSelectionRange(seed.length, seed.length);
-    } else {
-      pendingCaretRef.current = seed;
-    }
-  }, [seed, setText, onSeedApplied, isControlled]);
-  useEffect6(() => {
-    if (pendingCaretRef.current == null || pendingCaretRef.current !== text)
-      return;
-    pendingCaretRef.current = null;
-    const el = textareaRef.current;
-    if (!el) return;
-    el.focus();
-    el.setSelectionRange(text.length, text.length);
-  }, [text]);
-  const restoreCaretRef = useRef6(null);
-  useEffect6(() => {
-    const pending = restoreCaretRef.current;
-    if (!pending || pending.text !== text) return;
-    restoreCaretRef.current = null;
-    const el = textareaRef.current;
-    if (!el) return;
-    el.focus();
-    const start = Math.min(pending.start, text.length);
-    const end = Math.min(pending.end, text.length);
-    el.setSelectionRange(start, end);
-  }, [text]);
-  const mentionEnabled = mention != null;
-  useEffect6(() => {
-    if (!focusShortcut || disabled) return;
-    function onKeyDown(e) {
-      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
-        if (mentionEnabled) {
-          const focus = richFocusRef.current;
-          if (!focus) return;
-          e.preventDefault();
-          focus();
-        } else {
-          e.preventDefault();
-          textareaRef.current?.focus();
-        }
-      }
-    }
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [focusShortcut, disabled, mentionEnabled]);
-  const sendableFiles = canSubmitAttachmentsOnly ? pendingFiles : pendingFiles.filter((f) => f.status === "ready");
-  const hasSendable = text.trim().length > 0 || sendableFiles.length > 0;
-  const sendBlockedByStream = isStreaming && !canSubmitWhileBusy;
-  const editorInputLost = mention != null && editorFailed;
-  const canSend = hasSendable && !sendBlockedByStream && !disabled && !editorInputLost;
-  const [failedSend, setFailedSend] = useState8(null);
-  const failSend = useCallback3(
-    (error, draft, trimmed, parts, caret) => {
-      const message = sendFailureText(error, sendFailureMessage);
-      const restored = textRef.current === "";
-      if (restored) {
-        const el = textareaRef.current;
-        setText(draft);
-        if (el && el.value === draft) {
-          el.focus();
-          el.setSelectionRange(Math.min(caret.start, draft.length), Math.min(caret.end, draft.length));
-        } else {
-          restoreCaretRef.current = { text: draft, start: caret.start, end: caret.end };
-        }
-      }
-      setFailedSend({ message, text: draft, trimmed, parts, restored });
-      onSendFailed?.({ message, text: draft, parts, error, restored });
-    },
-    [onSendFailed, sendFailureMessage, setText]
-  );
-  const dispatchSend = useCallback3(
-    (draft, trimmed, parts, caret) => {
-      let outcome;
-      try {
-        outcome = onSendParts ? onSendParts(trimmed, parts) : onSend?.(trimmed);
-      } catch (error) {
-        failSend(error, draft, trimmed, parts, caret);
-        return;
-      }
-      if (isPromise(outcome)) {
-        void outcome.then(
-          (settled) => {
-            if (isRejectedOutcome(settled)) failSend(settled, draft, trimmed, parts, caret);
-          },
-          (error) => failSend(error, draft, trimmed, parts, caret)
-        );
-        return;
-      }
-      if (isRejectedOutcome(outcome)) failSend(outcome, draft, trimmed, parts, caret);
-    },
-    [onSend, onSendParts, failSend]
-  );
-  const send = useCallback3(() => {
-    const trimmed = text.trim();
-    if (sendBlockedByStream || disabled || editorInputLost) return;
-    const readyFiles = pendingFiles.filter((f) => f.status === "ready");
-    const sendable = canSubmitAttachmentsOnly ? pendingFiles : readyFiles;
-    if (!trimmed && sendable.length === 0) return;
-    if (!trimmed && readyFiles.length === 0) {
-      const message = attachmentsNotReadyMessage ?? (pendingFiles.some((f) => f.status === "error") ? "Retry or remove the failed attachment before sending." : "Wait for the attachment to finish uploading.");
-      setFailedSend({ message, text: "", trimmed: "", parts: [], restored: true });
-      return;
-    }
-    const parts = onSendParts ? readyFiles.filter((f) => f.part).map((f) => f.part) : [];
-    const el = textareaRef.current;
-    const caret = { start: el?.selectionStart ?? text.length, end: el?.selectionEnd ?? text.length };
-    setFailedSend(null);
-    setText("");
-    textRef.current = "";
-    dispatchSend(text, trimmed, parts, caret);
-  }, [
-    text,
-    sendBlockedByStream,
-    disabled,
-    editorInputLost,
-    canSubmitAttachmentsOnly,
-    attachmentsNotReadyMessage,
-    onSendParts,
-    pendingFiles,
-    setText,
-    dispatchSend
-  ]);
-  const retryFailedSend = useCallback3(() => {
-    const failure = failedSend;
-    if (!failure || sendBlockedByStream || disabled) return;
-    setFailedSend(null);
-    const caret = { start: failure.text.length, end: failure.text.length };
-    dispatchSend(failure.text, failure.trimmed, failure.parts, caret);
-  }, [failedSend, sendBlockedByStream, disabled, dispatchSend]);
-  const slashPanelRef = useRef6(null);
-  const cardRef = useRef6(null);
-  const slashListId = useId();
-  const [slashActive, setSlashActive] = useState8(0);
-  const [slashDismissedFor, setSlashDismissedFor] = useState8(null);
-  const slashToken = !mention && slashCommands && slashCommands.length > 0 ? /^\/(\S*)$/.exec(text)?.[1] : void 0;
-  const slashOpen = slashToken !== void 0 && text !== slashDismissedFor;
-  const slashItems = useMemo3(
-    () => (slashCommands ?? []).map((command) => ({
-      id: command.name,
-      group: "Commands",
-      label: `/${command.name}`,
-      description: command.description,
-      keywords: [command.name, command.description]
-    })),
-    [slashCommands]
-  );
-  const slashFiltered = useMemo3(
-    () => slashToken === void 0 ? [] : filterCommandPaletteItems(slashItems, slashToken),
-    [slashItems, slashToken]
-  );
-  const slashActiveIndex = slashFiltered.length === 0 ? 0 : Math.min(slashActive, slashFiltered.length - 1);
-  useEffect6(() => {
-    setSlashActive(0);
-  }, [slashToken]);
-  useEffect6(() => {
-    if (!slashOpen) return;
-    document.getElementById(`${slashListId}-${slashActiveIndex}`)?.scrollIntoView?.({ block: "nearest" });
-  }, [slashOpen, slashActiveIndex, slashListId]);
-  useEffect6(() => {
-    if (!slashOpen) return;
-    function onMouseDown(e) {
-      const target = e.target;
-      if (cardRef.current?.contains(target)) return;
-      if (slashPanelRef.current?.contains(target)) return;
-      setSlashDismissedFor(textRef.current);
-    }
-    document.addEventListener("mousedown", onMouseDown);
-    return () => document.removeEventListener("mousedown", onMouseDown);
-  }, [slashOpen]);
-  const pickSlash = useCallback3(
-    (name) => {
-      const command = slashCommands?.find((c) => c.name === name);
-      setText("");
-      setSlashDismissedFor(null);
-      command?.run();
-    },
-    [slashCommands, setText]
-  );
-  const handleKeyDown = (e) => {
-    if (e.nativeEvent.isComposing) return;
-    if (slashOpen) {
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        if (slashFiltered.length > 0) setSlashActive((slashActiveIndex + 1) % slashFiltered.length);
-        return;
-      }
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        if (slashFiltered.length > 0)
-          setSlashActive((slashActiveIndex - 1 + slashFiltered.length) % slashFiltered.length);
-        return;
-      }
-      if (e.key === "Enter" && !e.shiftKey || e.key === "Tab") {
-        const item = slashFiltered[slashActiveIndex];
-        if (item) {
-          e.preventDefault();
-          pickSlash(item.id);
-          return;
-        }
-      }
-      if (e.key === "Escape") {
-        e.preventDefault();
-        setSlashDismissedFor(text);
-        return;
-      }
-    }
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      send();
-    }
-  };
-  const deliverFiles = useCallback3(
-    (files, original) => {
-      if (!onAttach || files.length === 0) return;
-      const { accepted, rejected } = filterAcceptedFiles(files, accept);
-      if (rejected.length > 0) onRejectFiles?.(rejected);
-      if (accepted.length === 0) return;
-      const unchanged = accepted.length === original.length && accepted.every((file, i) => file === original[i]);
-      if (unchanged) {
-        onAttach(original);
-        return;
-      }
-      const transfer = new DataTransfer();
-      for (const file of accepted) transfer.items.add(file);
-      onAttach(transfer.files);
-    },
-    [onAttach, onRejectFiles, accept]
-  );
-  const handleFileChange = (e) => {
-    if (e.target.files?.length) deliverFiles(Array.from(e.target.files), e.target.files);
-    e.target.value = "";
-  };
-  const ingestPastedFiles = (clipboardFiles) => {
-    if (!onAttach || clipboardFiles.length === 0) return false;
-    const { files, nextIndex } = renamePastedImages(
-      Array.from(clipboardFiles),
-      pastedImageCount.current,
-      pendingFiles.map((f) => f.name)
-    );
-    pastedImageCount.current = nextIndex;
-    deliverFiles(files, clipboardFiles);
-    return true;
-  };
-  const handlePaste = (e) => {
-    const clipboardFiles = e.clipboardData?.files;
-    if (!clipboardFiles || clipboardFiles.length === 0) return;
-    if (ingestPastedFiles(clipboardFiles)) e.preventDefault();
-  };
-  const handleFolderChange = (e) => {
-    if (e.target.files?.length) (onAttachFolder ?? onAttach)?.(e.target.files);
-    e.target.value = "";
-  };
-  const handleDragEnter = useCallback3((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragDepth.current++;
-    if (e.dataTransfer?.types.includes("Files")) setDragOver(true);
-  }, []);
-  const handleDragLeave = useCallback3((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragDepth.current--;
-    if (dragDepth.current <= 0) {
-      dragDepth.current = 0;
-      setDragOver(false);
-    }
-  }, []);
-  const handleDragOver = useCallback3((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (e.dataTransfer) e.dataTransfer.dropEffect = "copy";
-  }, []);
-  const handleDrop = useCallback3(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      dragDepth.current = 0;
-      setDragOver(false);
-      const files = e.dataTransfer?.files;
-      if (files?.length) deliverFiles(Array.from(files), files);
-    },
-    [deliverFiles]
-  );
-  const folderChips = pendingFiles.filter((f) => f.kind === "folder");
-  const fileChips = pendingFiles.filter((f) => f.kind !== "folder");
-  const showAbove = controls != null && controlsPlacement === "above";
-  const showInline = controls != null && !showAbove;
-  const inputMinHeight = minRows * LINE_HEIGHT + TEXTAREA_PADDING_Y;
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: `relative ${className ?? ""}`,
-      onDragEnter: onAttach ? handleDragEnter : void 0,
-      onDragLeave: onAttach ? handleDragLeave : void 0,
-      onDragOver: onAttach ? handleDragOver : void 0,
-      onDrop: onAttach ? handleDrop : void 0,
-      children: [
-        dragOver && /* @__PURE__ */ 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", 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__ */ jsx7("div", { className: "mb-1.5 flex flex-wrap items-center gap-1.5 px-1", children: controls }),
-        dictateError && /* @__PURE__ */ jsxs5(
-          "div",
-          {
-            role: "alert",
-            "data-testid": "composer-dictate-error",
-            className: "mb-2 flex items-start gap-2 rounded-xl border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
-            children: [
-              /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1", children: dictateError }),
-              /* @__PURE__ */ jsx7(
-                "button",
-                {
-                  type: "button",
-                  "aria-label": "Dismiss dictation error",
-                  onClick: () => setDictateError(null),
-                  className: "shrink-0 font-medium underline-offset-2 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
-                  children: "Dismiss"
-                }
-              )
-            ]
-          }
-        ),
-        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__ */ 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",
-                    "aria-label": "Dismiss send error",
-                    onClick: () => setFailedSend(null),
-                    className: "shrink-0 font-medium underline-offset-2 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
-                    children: "Dismiss"
-                  }
-                )
-              ] }),
-              !failedSend.restored && /* @__PURE__ */ jsxs5("div", { className: "mt-1.5", children: [
-                /* @__PURE__ */ jsx7(
-                  "p",
-                  {
-                    "data-testid": "composer-unsent-draft",
-                    className: "max-h-20 overflow-y-auto whitespace-pre-wrap rounded-lg border border-destructive/30 bg-card px-2 py-1 text-foreground",
-                    children: failedSend.text
-                  }
-                ),
-                /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Retry sending the unsent message",
-                    onClick: retryFailedSend,
-                    disabled: sendBlockedByStream || disabled,
-                    className: "mt-1.5 font-medium underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
-                    children: "Retry"
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        contextItems.length > 0 && /* @__PURE__ */ jsx7("div", { "aria-label": "Message context", className: "mb-2 flex min-w-0 flex-wrap gap-1.5", children: contextItems.map((item) => /* @__PURE__ */ jsxs5(
-          "span",
-          {
-            className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-md border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs text-primary",
-            children: [
-              item.icon && /* @__PURE__ */ jsx7("span", { className: "shrink-0", "aria-hidden": true, children: item.icon }),
-              /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate", children: item.label }),
-              item.onRemove && /* @__PURE__ */ jsx7(
-                "button",
-                {
-                  type: "button",
-                  "aria-label": `Remove context ${item.label}`,
-                  onClick: item.onRemove,
-                  className: "shrink-0 rounded p-0.5 text-primary/70 transition hover:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                  children: /* @__PURE__ */ jsx7(CloseGlyph, { className: "h-3 w-3" })
-                }
-              )
-            ]
-          },
-          item.id
-        )) }),
-        pendingFiles.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => {
-          const isError = f.status === "error";
-          return /* @__PURE__ */ jsxs5(
-            "span",
-            {
-              title: isError ? f.errorMessage : void 0,
-              className: `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${isError ? "border-destructive/40 text-destructive" : "border-border bg-secondary text-foreground"} ${f.status === "pending" ? "opacity-60" : ""}`,
-              children: [
-                f.kind !== "folder" && f.previewUrl ? /* @__PURE__ */ jsx7("img", { src: f.previewUrl, alt: "", className: "h-8 w-8 shrink-0 rounded object-cover" }) : 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__ */ jsx7("span", { className: "h-3 w-3 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-                isError && f.errorMessage && /* @__PURE__ */ jsx7("span", { className: "max-w-[150px] truncate text-destructive/80", children: f.errorMessage }),
-                isError && onRetryFile && /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Retry upload ${f.name}`,
-                    onClick: () => onRetryFile(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__ */ jsx7(RetryGlyph, { className: "h-3 w-3" })
-                  }
-                ),
-                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__ */ jsx7(CloseGlyph, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            f.id
-          );
-        }) }),
-        /* @__PURE__ */ jsxs5(
-          "div",
-          {
-            ref: cardRef,
-            "data-testid": "composer-card",
-            className: `flex flex-col gap-1.5 rounded-2xl border border-card-edge bg-card px-3 py-2.5 transition focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15 ${floating ? "shadow-raised" : ""}`,
-            children: [
-              mention ? (
-                // The editor arrives as a lazy chunk; until it lands, a read-only
-                // textarea with the same metrics holds the layout so the card
-                // doesn't jump. The boundary contains a failed load (e.g. the
-                // missing-peer error) to the input area instead of unmounting the
-                // host's region.
-                /* @__PURE__ */ jsx7(
-                  MentionEditorBoundary,
-                  {
-                    onRetry: () => {
-                      setEditorFailed(false);
-                      setEditorEpoch((epoch) => epoch + 1);
-                    },
-                    onFailed: () => setEditorFailed(true),
-                    draft: text,
-                    children: /* @__PURE__ */ jsx7(
-                      Suspense2,
-                      {
-                        fallback: /* @__PURE__ */ jsx7(
-                          "textarea",
-                          {
-                            rows: minRows,
-                            value: text,
-                            readOnly: true,
-                            disabled: true,
-                            placeholder,
-                            "aria-label": "Message input",
-                            style: { minHeight: inputMinHeight, maxHeight },
-                            className: "w-full resize-none bg-transparent px-1.5 py-1 text-base leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
-                          }
-                        ),
-                        children: /* @__PURE__ */ jsx7(
-                          MentionEditor,
-                          {
-                            value: text,
-                            onChange: setText,
-                            onSubmit: send,
-                            placeholder,
-                            disabled,
-                            autoFocus,
-                            minHeight: inputMinHeight,
-                            maxHeight,
-                            mention,
-                            registerFocus: registerRichFocus,
-                            onPasteFiles: onAttach ? ingestPastedFiles : void 0
-                          }
-                        )
-                      }
-                    )
-                  },
-                  editorEpoch
-                )
-              ) : (
-                // Focus: `outline-none` is safe because the card above draws the
-                // keyboard indicator through `focus-within:` — one ring for
-                // whichever input mode is mounted.
-                /* @__PURE__ */ jsx7(
-                  "textarea",
-                  {
-                    ref: textareaRef,
-                    value: text,
-                    onChange: (e) => setText(e.target.value),
-                    onKeyDown: handleKeyDown,
-                    onPaste: onAttach ? handlePaste : void 0,
-                    placeholder,
-                    disabled,
-                    autoFocus,
-                    rows: minRows,
-                    style: { minHeight: inputMinHeight, maxHeight },
-                    "aria-label": "Message input",
-                    className: "w-full resize-none bg-transparent px-1.5 py-1 text-base leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
-                  }
-                )
-              ),
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
-                onAttach && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => fileInputRef.current?.click(),
-                      disabled,
-                      "aria-label": "Attach files",
-                      title: "Attach files",
-                      className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx7(PaperclipGlyph, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", accept, onChange: handleFileChange })
-                ] }),
-                onAttachFolder && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => folderInputRef.current?.click(),
-                      disabled,
-                      "aria-label": "Attach folder",
-                      title: "Attach folder",
-                      className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx7(FolderGlyph, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7(
-                    "input",
-                    {
-                      ref: folderInputRef,
-                      type: "file",
-                      multiple: true,
-                      className: "hidden",
-                      onChange: handleFolderChange,
-                      ...{ webkitdirectory: "" }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx7(
-                  "div",
-                  {
-                    "data-testid": "composer-controls",
-                    className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
-                    children: showInline && controls
-                  }
-                ),
-                trailing && /* @__PURE__ */ jsx7("div", { "data-testid": "composer-trailing", className: "flex shrink-0 items-center gap-1.5", children: trailing }),
-                onDictate && dictation.supported ? dictation.recording ? /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "h-2 w-2 animate-pulse rounded-full bg-destructive" }),
-                  /* @__PURE__ */ jsx7(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      "data-testid": "composer-dictate-elapsed",
-                      className: "text-xs tabular-nums text-muted-foreground",
-                      children: formatDictationElapsed(dictation.elapsedSeconds)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7("span", { role: "status", className: "sr-only", children: "Recording" }),
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: dictation.stop,
-                      "aria-label": "Stop dictation",
-                      title: "Stop dictation",
-                      className: "shrink-0 rounded-lg p-2 text-destructive transition hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx7(StopGlyph, { className: "h-4 w-4" })
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: dictation.start,
-                    disabled,
-                    "aria-label": "Dictate message",
-                    title: "Dictate message",
-                    className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    children: /* @__PURE__ */ jsx7(MicGlyph, { className: "h-4 w-4" })
-                  }
-                ) : null,
-                isStreaming ? sendVariant === "icon" ? /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onCancel,
-                    "aria-label": "Stop response",
-                    title: "Stop",
-                    className: "inline-flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-full border border-border bg-transparent text-foreground transition hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    children: /* @__PURE__ */ jsx7(StopGlyph, { className: "h-3 w-3" })
-                  }
-                ) : /* @__PURE__ */ jsxs5(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onCancel,
-                    "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__ */ jsx7(StopGlyph, { className: "h-3.5 w-3.5" }),
-                      /* @__PURE__ */ jsx7("span", { children: "Stop" })
-                    ]
-                  }
-                ) : sendVariant === "icon" ? /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: send,
-                    disabled: !canSend,
-                    "aria-label": sendLabel,
-                    title: sendLabel,
-                    className: "inline-flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-full bg-foreground text-background transition hover:opacity-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__ */ jsx7(ArrowUpGlyph, { className: "h-4 w-4" })
-                  }
-                ) : /* @__PURE__ */ jsxs5(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: send,
-                    disabled: !canSend,
-                    "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__ */ jsx7(SendGlyph, { className: "h-3.5 w-3.5" }),
-                      /* @__PURE__ */ jsx7("span", { children: sendLabel })
-                    ]
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs5(
-          PopoverSurface,
-          {
-            open: slashOpen,
-            id: slashListId,
-            role: "listbox",
-            triggerRef: textareaRef,
-            panelRef: slashPanelRef,
-            className: `w-80 overflow-y-auto rounded-xl border border-card-edge bg-popover p-1 ${OVERLAY_SHADOW}`,
-            children: [
-              slashFiltered.length === 0 && /* @__PURE__ */ jsx7("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No matching commands" }),
-              slashFiltered.map((item, index) => /* @__PURE__ */ jsxs5(
-                "button",
-                {
-                  type: "button",
-                  role: "option",
-                  "aria-selected": index === slashActiveIndex,
-                  id: `${slashListId}-${index}`,
-                  onMouseDown: (e) => e.preventDefault(),
-                  onMouseMove: () => setSlashActive(index),
-                  onClick: () => pickSlash(item.id),
-                  className: `flex w-full items-center gap-2.5 rounded-md px-3 py-2.5 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${index === slashActiveIndex ? "bg-accent" : "hover:bg-accent"}`,
-                  children: [
-                    /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-medium text-foreground", children: item.label }),
-                    /* @__PURE__ */ jsx7("span", { className: "truncate text-xs text-muted-foreground", children: item.description })
-                  ]
-                },
-                item.id
-              ))
-            ]
-          }
-        ),
-        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-xs", children: IS_APPLE_PLATFORM ? "Cmd" : "Ctrl" }),
-          /* @__PURE__ */ jsx7("kbd", { className: "ml-0.5 rounded border border-border bg-background px-1 py-0.5 text-xs", children: "L" }),
-          /* @__PURE__ */ jsx7("span", { className: "ml-1", children: "to focus" })
-        ] }) })
-      ]
-    }
-  );
-}
-
 // src/web-react/durable-plan-flow.ts
-import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef7, useState as useState9 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
 var DurablePlanClientError = class extends Error {
   constructor(message, status, code, currentPlan) {
     super(message);
@@ -2550,14 +1503,14 @@ function createDurablePlanDecisionClient(options) {
   };
 }
 function useDurablePlanFlow(options) {
-  const [plan, setPlan] = useState9(options.plan);
-  const [deciding, setDeciding] = useState9(null);
-  const [restoring, setRestoring] = useState9(false);
-  const [error, setError] = useState9(null);
-  const attachments = useRef7(/* @__PURE__ */ new Map());
-  const decisionInFlight = useRef7(false);
-  useEffect7(() => setPlan(options.plan), [options.plan]);
-  const apply = useCallback4(async (result) => {
+  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);
+  useEffect5(() => setPlan(options.plan), [options.plan]);
+  const apply = useCallback2(async (result) => {
     setPlan(result.plan);
     options.onUpdated?.(result.plan);
     const receipt = result.followUp;
@@ -2570,7 +1523,7 @@ function useDurablePlanFlow(options) {
     }
     await pending;
   }, [options.attachFollowUp, options.onUpdated]);
-  const decide = useCallback4(async (decision, feedback) => {
+  const decide = useCallback2(async (decision, feedback) => {
     if (decisionInFlight.current) return null;
     decisionInFlight.current = true;
     setDeciding(decision);
@@ -2596,7 +1549,7 @@ function useDurablePlanFlow(options) {
       setDeciding(null);
     }
   }, [apply, options.client, options.onUpdated, plan.planId, plan.revision]);
-  const restore = useCallback4(async () => {
+  const restore = useCallback2(async () => {
     setRestoring(true);
     setError(null);
     try {
@@ -2725,7 +1678,7 @@ function createDurableInteractionAnswerSubmitter(options) {
 }
 
 // src/web-react/use-chat-interactions.ts
-import { useCallback as useCallback5, useMemo as useMemo4, useState as useState10 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo3, useState as useState8 } from "react";
 function hasPendingContentDuplicate(list, interaction) {
   if (interaction.status !== "pending") return false;
   const signature = questionInteractionContentSignature(interaction);
@@ -2804,34 +1757,34 @@ function hydrateChatInteractions(list, persisted) {
   return persisted.reduce(upsertChatInteraction, list);
 }
 function useChatInteractions(options = {}) {
-  const [interactions, setInteractions] = useState10([]);
-  const upsert = useCallback5((interaction) => {
+  const [interactions, setInteractions] = useState8([]);
+  const upsert = useCallback3((interaction) => {
     setInteractions((prev) => upsertChatInteraction(prev, interaction));
   }, []);
-  const applyCancel = useCallback5((cancel) => {
+  const applyCancel = useCallback3((cancel) => {
     setInteractions((prev) => cancelChatInteraction(prev, cancel));
   }, []);
-  const markResolved = useCallback5((id, status, answers) => {
+  const markResolved = useCallback3((id, status, answers) => {
     setInteractions((prev) => resolveChatInteraction(prev, id, status, answers));
   }, []);
-  const restore = useCallback5((outstanding, restoreOptions) => {
+  const restore = useCallback3((outstanding, restoreOptions) => {
     setInteractions((prev) => restoreChatInteractions(prev, outstanding, {
       mode: restoreOptions?.mode ?? options.mode
     }));
   }, [options.mode]);
-  const hydrate = useCallback5((persisted) => {
+  const hydrate = useCallback3((persisted) => {
     setInteractions((prev) => hydrateChatInteractions(prev, persisted));
   }, []);
-  const terminalizePending = useCallback5((status) => {
+  const terminalizePending = useCallback3((status) => {
     setInteractions((prev) => terminalizePendingChatInteractions(prev, status));
   }, []);
-  const reset = useCallback5(() => setInteractions([]), []);
-  const pending = useMemo4(() => interactions.filter((item) => item.status === "pending"), [interactions]);
+  const reset = useCallback3(() => setInteractions([]), []);
+  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 useCallback6, useMemo as useMemo5, useRef as useRef8, useState as useState11 } from "react";
+import { useCallback as useCallback4, 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 };
@@ -2889,12 +1842,12 @@ function useFileMentions(options) {
     emptyText = DEFAULT_MENTION_EMPTY_TEXT
   } = options;
   const fetchImpl = options.fetchImpl ?? fetch;
-  const [state, setState] = useState11({ kind: "idle" });
-  const stateRef = useRef8(state);
+  const [state, setState] = useState9({ kind: "idle" });
+  const stateRef = useRef6(state);
   stateRef.current = state;
-  const inFlightRef = useRef8(null);
-  const [mentions, setMentions] = useState11([]);
-  const load = useCallback6(() => {
+  const inFlightRef = useRef6(null);
+  const [mentions, setMentions] = useState9([]);
+  const load = useCallback4(() => {
     if (inFlightRef.current) return inFlightRef.current;
     if (stateRef.current.kind === "idle") {
       stateRef.current = { kind: "loading" };
@@ -2926,10 +1879,10 @@ function useFileMentions(options) {
     inFlightRef.current = attempt;
     return attempt;
   }, [fetchImpl, indexUrl]);
-  const refresh = useCallback6(async () => {
+  const refresh = useCallback4(async () => {
     await load();
   }, [load]);
-  const fetchItems = useCallback6(
+  const fetchItems = useCallback4(
     async (query) => {
       let current = stateRef.current;
       if (current.kind === "idle" || current.kind === "loading") {
@@ -2944,11 +1897,11 @@ function useFileMentions(options) {
     },
     [load, limit, refreshAfterMs]
   );
-  const onMentionsChange = useCallback6((items) => {
+  const onMentionsChange = useCallback4((items) => {
     setMentions(items.filter((item) => item.kind === void 0 || item.kind === FILE_MENTION_KIND).map(toFileMention));
   }, []);
-  const clearMentions = useCallback6(() => setMentions([]), []);
-  const mention = useMemo5(
+  const clearMentions = useCallback4(() => setMentions([]), []);
+  const mention = useMemo4(
     () => ({
       fetchItems,
       onMentionsChange,
@@ -3000,8 +1953,8 @@ function segmentMentionContent(content, parts) {
 }
 
 // src/web-react/mission-activity.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useState as useState12 } from "react";
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useCallback as useCallback5, useEffect as useEffect6, useState as useState10 } from "react";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } 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"]);
@@ -3048,20 +2001,20 @@ function waterfallLayout(trace) {
   });
 }
 function ChevronGlyph({ className }) {
-  return /* @__PURE__ */ jsx8("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx8("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx7("path", { d: "m6 9 6 6 6-6" }) });
 }
 function RefreshGlyph({ 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: "M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6" }) });
+  return /* @__PURE__ */ jsx7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx7("path", { d: "M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6" }) });
 }
 function CopyGlyph({ 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: "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" })
+  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("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+    /* @__PURE__ */ jsx7("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] = useState12(false);
-  const copy = useCallback7(() => {
+  const [copied, setCopied] = useState10(false);
+  const copy = useCallback5(() => {
     void navigator.clipboard?.writeText(traceId).then(
       () => {
         setCopied(true);
@@ -3071,7 +2024,7 @@ function TraceIdCopy({ traceId }) {
       }
     );
   }, [traceId]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "button",
     {
       type: "button",
@@ -3080,29 +2033,29 @@ 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__ */ 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" })
+        /* @__PURE__ */ jsx7("span", { className: "truncate", children: traceId }),
+        /* @__PURE__ */ jsx7(CopyGlyph, { className: "h-3 w-3 shrink-0" }),
+        copied && /* @__PURE__ */ jsx7("span", { className: "shrink-0 not-italic text-success", children: "copied" })
       ]
     }
   );
 }
 function StatusDot({ tone }) {
-  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center", children: [
+    /* @__PURE__ */ jsx7(
       "span",
       {
         "aria-hidden": true,
         className: `h-2 w-2 shrink-0 rounded-full ${tone === "live" ? "bg-warning" : tone === "ok" ? "bg-success" : tone === "error" ? "bg-destructive" : "bg-muted-foreground/40"}`
       }
     ),
-    /* @__PURE__ */ jsx8("span", { className: "sr-only", children: tone })
+    /* @__PURE__ */ jsx7("span", { className: "sr-only", children: tone })
   ] });
 }
 function RunLabel({ tool, detail, live }) {
-  return /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate", children: [
-    /* @__PURE__ */ jsx8("span", { className: live ? "agent-shimmer font-medium" : "font-medium", "data-motion": live ? "essential" : void 0, children: tool }),
-    /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1 truncate", children: [
+    /* @__PURE__ */ jsx7("span", { className: live ? "agent-shimmer font-medium" : "font-medium", "data-motion": live ? "essential" : void 0, children: tool }),
+    /* @__PURE__ */ jsxs5("span", { className: "text-muted-foreground", children: [
       " \u2014 ",
       detail
     ] })
@@ -3117,19 +2070,19 @@ function FlowWaterfall({ trace }) {
   const rows = waterfallLayout(trace);
   if (rows.length === 0) return null;
   const cost = formatActivityCost(trace.costUsd);
-  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-xs text-muted-foreground", title: row.name, children: row.name }),
-      /* @__PURE__ */ jsx8("div", { className: "relative h-2 rounded-sm bg-secondary", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5("div", { className: "space-y-1", children: [
+    rows.map((row, i) => /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto] items-center gap-2", children: [
+      /* @__PURE__ */ jsx7("span", { className: "truncate font-mono text-xs text-muted-foreground", title: row.name, children: row.name }),
+      /* @__PURE__ */ jsx7("div", { className: "relative h-2 rounded-sm bg-secondary", children: /* @__PURE__ */ jsx7(
         "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__ */ jsx8("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground/70", children: row.durationLabel })
+      /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground/70", children: row.durationLabel })
     ] }, i)),
-    /* @__PURE__ */ jsxs6("p", { className: "pt-0.5 text-right font-mono text-xs tabular-nums text-muted-foreground/60", children: [
+    /* @__PURE__ */ jsxs5("p", { className: "pt-0.5 text-right font-mono text-xs tabular-nums text-muted-foreground/60", children: [
       (trace.totalMs / 1e3).toFixed(1),
       "s",
       cost ? ` \xB7 ${cost}` : ""
@@ -3141,35 +2094,35 @@ function LaneRow({ run, staggerIndex }) {
   const tone = activityTone(run.status);
   const cost = formatActivityCost(run.costUsd);
   const duration = formatActivityDuration(run.durationMs);
-  return /* @__PURE__ */ jsxs6("div", { className: "agent-arrive flex items-center gap-2 py-1 text-xs", style: arrival, children: [
-    /* @__PURE__ */ jsx8(StatusDot, { tone }),
-    /* @__PURE__ */ jsx8(RunLabel, { tool: run.tool, detail: run.detail, live: tone === "live" }),
-    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-xs 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-xs 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 })
+  return /* @__PURE__ */ jsxs5("div", { className: "agent-arrive flex items-center gap-2 py-1 text-xs", style: arrival, children: [
+    /* @__PURE__ */ jsx7(StatusDot, { tone }),
+    /* @__PURE__ */ jsx7(RunLabel, { tool: run.tool, detail: run.detail, live: tone === "live" }),
+    tone === "live" && (run.iteration !== void 0 || run.phase !== void 0) && /* @__PURE__ */ jsx7("span", { className: "shrink-0 rounded-full bg-warning/10 px-1.5 py-0.5 font-mono text-xs text-warning", children: [run.iteration !== void 0 ? `iter ${run.iteration}` : null, run.phase ?? null].filter(Boolean).join(" \xB7 ") }),
+    /* @__PURE__ */ jsxs5("span", { className: "flex shrink-0 items-center gap-1.5 font-mono text-xs tabular-nums text-muted-foreground/70", children: [
+      tone !== "live" && tone !== "ok" && /* @__PURE__ */ jsx7("span", { children: run.status }),
+      cost && /* @__PURE__ */ jsx7("span", { children: cost }),
+      duration && /* @__PURE__ */ jsx7("span", { children: duration })
     ] })
   ] });
 }
 function MissionActivityLane({ activity, startedAt, nowMs }) {
-  const [expanded, setExpanded] = useState12(false);
+  const [expanded, setExpanded] = useState10(false);
   if (activity.length === 0) return null;
-  return /* @__PURE__ */ jsxs6("div", { className: "mt-1 border-l border-border pl-3", children: [
-    activity.map((run, index) => /* @__PURE__ */ jsx8(LaneRow, { run, staggerIndex: index }, run.taskId)),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5("div", { className: "mt-1 border-l border-border pl-3", children: [
+    activity.map((run, index) => /* @__PURE__ */ jsx7(LaneRow, { run, staggerIndex: index }, run.taskId)),
+    /* @__PURE__ */ jsxs5(
       "button",
       {
         type: "button",
         onClick: () => setExpanded((v) => !v),
         className: "flex items-center gap-1 py-0.5 text-xs font-medium text-muted-foreground/70 transition hover:text-foreground",
         children: [
-          /* @__PURE__ */ jsx8(ChevronGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
+          /* @__PURE__ */ jsx7(ChevronGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
           "timeline"
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border bg-secondary p-2", children: /* @__PURE__ */ jsx8(
+    expanded && /* @__PURE__ */ jsx7("div", { className: "rounded-md border border-border bg-secondary p-2", children: /* @__PURE__ */ jsx7(
       FlowWaterfall,
       {
         trace: stepActivityFlowTrace(activity, {
@@ -3186,39 +2139,39 @@ function ActivityRow({
   staggerIndex
 }) {
   const arrival = useArrivalStyle(staggerIndex);
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState10(false);
   const tone = activityTone(record.status);
   const cost = formatActivityCost(record.costUsd);
   const duration = formatActivityDuration(record.durationMs);
-  return /* @__PURE__ */ jsxs6("div", { className: "agent-arrive rounded-lg border border-card-edge bg-card", style: arrival, 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__ */ jsx8(RunLabel, { tool: record.tool, detail: record.detail, live: tone === "live" }),
-      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-xs text-warning", children: [record.iteration !== void 0 ? `iter ${record.iteration}` : null, record.phase ?? null].filter(Boolean).join(" \xB7 ") }),
-      /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5("div", { className: "agent-arrive rounded-lg border border-card-edge bg-card", style: arrival, children: [
+    /* @__PURE__ */ jsxs5("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__ */ jsx7(StatusDot, { tone }),
+      /* @__PURE__ */ jsx7(RunLabel, { tool: record.tool, detail: record.detail, live: tone === "live" }),
+      tone === "live" && (record.iteration !== void 0 || record.phase !== void 0) && /* @__PURE__ */ jsx7("span", { className: "shrink-0 rounded-full bg-warning/10 px-2 py-0.5 font-mono text-xs text-warning", children: [record.iteration !== void 0 ? `iter ${record.iteration}` : null, record.phase ?? null].filter(Boolean).join(" \xB7 ") }),
+      /* @__PURE__ */ jsx7(
         "span",
         {
           className: `shrink-0 rounded-full px-2 py-0.5 text-xs font-medium ${tone === "ok" ? "bg-success/10 text-success" : tone === "error" ? "bg-destructive/10 text-destructive" : tone === "live" ? "bg-warning/10 text-warning" : "bg-secondary text-muted-foreground"}`,
           children: record.status
         }
       ),
-      cost && /* @__PURE__ */ jsx8("span", { className: "shrink-0 font-mono text-xs 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" : ""}` })
+      cost && /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground", children: cost }),
+      /* @__PURE__ */ jsx7(ChevronGlyph, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
     ] }),
-    open && /* @__PURE__ */ jsxs6("div", { className: "space-y-2.5 border-t border-border px-3 py-2.5", children: [
-      record.durationMs !== void 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border bg-secondary 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-xs", 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 })
+    open && /* @__PURE__ */ jsxs5("div", { className: "space-y-2.5 border-t border-border px-3 py-2.5", children: [
+      record.durationMs !== void 0 && /* @__PURE__ */ jsx7("div", { className: "rounded-md border border-border bg-secondary p-2", children: /* @__PURE__ */ jsx7(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
+      /* @__PURE__ */ jsxs5("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-xs", children: [
+        /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground/60", children: "task" }),
+        /* @__PURE__ */ jsx7("dd", { className: "truncate text-muted-foreground", children: record.taskId }),
+        /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground/60", children: "started" }),
+        /* @__PURE__ */ jsx7("dd", { className: "text-muted-foreground", children: new Date(record.startedAt).toLocaleString() }),
+        duration && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground/60", children: "duration" }),
+          /* @__PURE__ */ jsx7("dd", { className: "text-muted-foreground", children: duration })
         ] }),
-        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.traceId && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground/60", children: "trace" }),
+          /* @__PURE__ */ jsx7("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx7(TraceIdCopy, { traceId: record.traceId }) })
         ] })
       ] }),
       record.missionRef && renderMissionRef?.(record.missionRef, record)
@@ -3226,11 +2179,11 @@ function ActivityRow({
   ] });
 }
 function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent activity", emptyLabel = "No agent runs yet." }) {
-  const [rows, setRows] = useState12([]);
-  const [cursor, setCursor] = useState12(void 0);
-  const [status, setStatus] = useState12("loading");
-  const [error, setError] = useState12(null);
-  const load = useCallback7(
+  const [rows, setRows] = useState10([]);
+  const [cursor, setCursor] = useState10(void 0);
+  const [status, setStatus] = useState10("loading");
+  const [error, setError] = useState10(null);
+  const load = useCallback5(
     async (from) => {
       setStatus("loading");
       setError(null);
@@ -3246,14 +2199,14 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
     },
     [fetchActivity]
   );
-  useEffect8(() => {
+  useEffect6(() => {
     void load();
   }, [load]);
   const loading = status === "loading";
-  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(
+  return /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx7("h2", { className: "flex-1 text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -3261,15 +2214,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 hover:text-foreground disabled:opacity-50",
-          children: /* @__PURE__ */ jsx8(RefreshGlyph, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` })
+          children: /* @__PURE__ */ jsx7(RefreshGlyph, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` })
         }
       )
     ] }),
-    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, index) => /* @__PURE__ */ jsx8(ActivityRow, { record, renderMissionRef, staggerIndex: index }, record.taskId)) }),
-    cursor && /* @__PURE__ */ jsx8(
+    status === "error" && /* @__PURE__ */ jsx7("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__ */ jsx7("p", { className: "px-1 text-sm text-muted-foreground", children: emptyLabel }),
+    /* @__PURE__ */ jsx7("span", { role: "status", "aria-live": "polite", "aria-busy": loading, className: "sr-only", children: loading ? "Loading activity\u2026" : "" }),
+    /* @__PURE__ */ jsx7("div", { className: "space-y-1.5", "aria-busy": loading, children: rows.map((record, index) => /* @__PURE__ */ jsx7(ActivityRow, { record, renderMissionRef, staggerIndex: index }, record.taskId)) }),
+    cursor && /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -3283,7 +2236,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
 }
 
 // src/web-react/provenance.tsx
-import { useCallback as useCallback8, useEffect as useEffect9, useId as useId2, useRef as useRef9, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect7, useId, useRef as useRef7, useState as useState11 } from "react";
 
 // src/web-react/provenance-model.ts
 var PROVENANCE_BASES = ["extracted", "entered", "computed", "asserted"];
@@ -3443,7 +2396,7 @@ function provenanceTriggerLabel(record, standing) {
 }
 
 // src/web-react/provenance.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } 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",
@@ -3468,27 +2421,27 @@ function BasisGlyph({ basis, className }) {
   };
   switch (basis) {
     case "extracted":
-      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" })
+      return /* @__PURE__ */ jsxs6("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx8("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx8("polyline", { points: "14 3 14 8 19 8" }),
+        /* @__PURE__ */ jsx8("line", { x1: "9", y1: "13", x2: "15", y2: "13" })
       ] });
     case "entered":
-      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" })
+      return /* @__PURE__ */ jsxs6("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx8("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "7", r: "4" })
       ] });
     case "computed":
-      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" })
+      return /* @__PURE__ */ jsxs6("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx8("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+        /* @__PURE__ */ jsx8("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+        /* @__PURE__ */ jsx8("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
+        /* @__PURE__ */ jsx8("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
       ] });
     case "asserted":
-      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" })
+      return /* @__PURE__ */ jsxs6("svg", { ...shared, children: [
+        /* @__PURE__ */ jsx8("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__ */ jsx8("circle", { cx: "12", cy: "12", r: "3.2" })
       ] });
   }
 }
@@ -3508,11 +2461,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__ */ jsxs7("li", { className: "rounded-md border border-card-edge bg-card 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-sm font-medium text-foreground", children: source.label }),
-      source.locator && /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: source.locator }),
-      openable && (onOpenSource ? /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6("li", { className: "rounded-md border border-card-edge bg-card px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
+      /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium text-foreground", children: source.label }),
+      source.locator && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: source.locator }),
+      openable && (onOpenSource ? /* @__PURE__ */ jsxs6(
         "button",
         {
           type: "button",
@@ -3523,7 +2476,7 @@ function SourceRow({
             source.label
           ]
         }
-      ) : /* @__PURE__ */ jsxs7(
+      ) : /* @__PURE__ */ jsxs6(
         "a",
         {
           href: source.href,
@@ -3537,7 +2490,7 @@ function SourceRow({
         }
       ))
     ] }),
-    source.quote && /* @__PURE__ */ jsxs7("blockquote", { className: "mt-1 border-l-2 border-primary/50 pl-2 text-[12px] italic leading-snug text-foreground", children: [
+    source.quote && /* @__PURE__ */ jsxs6("blockquote", { className: "mt-1 border-l-2 border-primary/50 pl-2 text-[12px] italic leading-snug text-foreground", children: [
       "\u201C",
       source.quote,
       "\u201D"
@@ -3546,14 +2499,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__ */ jsxs7(
+    /* @__PURE__ */ jsxs6(
       "p",
       {
         role: "status",
         className: `mt-1 text-xs ${status === "unavailable" ? "text-destructive" : "text-muted-foreground"}`,
         children: [
           statusLine,
-          status === "unavailable" && onRetrySource && /* @__PURE__ */ jsx9(
+          status === "unavailable" && onRetrySource && /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -3577,10 +2530,10 @@ function ProvenanceValue({
   missingValueLabel = DEFAULT_MISSING_VALUE_LABEL,
   className
 }) {
-  const [open, setOpen] = useState13(defaultOpen);
-  const triggerRef = useRef9(null);
-  const rootRef = useRef9(null);
-  const panelId = useId2();
+  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);
   const standingMeta = provenanceStandingMeta(standing);
@@ -3589,7 +2542,7 @@ function ProvenanceValue({
   const sources = record.sources ?? [];
   const inputs = record.inputs ?? [];
   const hasValue = record.display.trim() !== "";
-  const onKeyDown = useCallback8(
+  const onKeyDown = useCallback6(
     (event) => {
       if (event.key !== "Escape" || !open) return;
       event.stopPropagation();
@@ -3598,11 +2551,11 @@ function ProvenanceValue({
     },
     [open]
   );
-  const onToggle = useCallback8(() => {
+  const onToggle = useCallback6(() => {
     if (!open) closeTrailsOutside(rootRef.current);
     setOpen(!open);
   }, [open]);
-  useEffect9(() => {
+  useEffect7(() => {
     const root = rootRef.current;
     if (!open || root === null) return;
     const entry = { root, close: () => setOpen(false) };
@@ -3620,12 +2573,12 @@ function ProvenanceValue({
       document.removeEventListener("touchstart", onPointerDown, true);
     };
   }, [open]);
-  const summary = /* @__PURE__ */ jsxs7("span", { className: "inline-flex flex-wrap items-baseline gap-x-1.5", children: [
-    record.label && /* @__PURE__ */ jsx9("span", { className: "text-xs 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 })
+  const summary = /* @__PURE__ */ jsxs6("span", { className: "inline-flex flex-wrap items-baseline gap-x-1.5", children: [
+    record.label && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: record.label }),
+    /* @__PURE__ */ jsx8("span", { className: hasValue ? "text-sm text-foreground" : "text-sm italic text-muted-foreground", children: hasValue ? record.display : missingValueLabel })
   ] });
   if (maxDepth <= 0) {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       "div",
       {
         className: `inline-block max-w-full ${className ?? ""}`,
@@ -3633,22 +2586,22 @@ function ProvenanceValue({
         "data-provenance-standing": standing,
         children: [
           summary,
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs6(
             "span",
             {
               className: `ml-1.5 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-xs font-medium ${BASIS_TONES[record.basis]}`,
               children: [
-                /* @__PURE__ */ jsx9(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx8(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
                 basisMeta.label
               ]
             }
           ),
-          /* @__PURE__ */ jsx9("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: describeProvenance(record) })
+          /* @__PURE__ */ jsx8("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: describeProvenance(record) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref: rootRef,
@@ -3657,9 +2610,9 @@ function ProvenanceValue({
       "data-provenance-basis": record.basis,
       "data-provenance-standing": standing,
       children: [
-        /* @__PURE__ */ jsxs7("span", { className: "inline-flex flex-wrap items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsxs6("span", { className: "inline-flex flex-wrap items-baseline gap-1.5", children: [
           summary,
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs6(
             "button",
             {
               ref: triggerRef,
@@ -3670,17 +2623,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-xs font-medium transition hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring ${BASIS_TONES[record.basis]}`,
               children: [
-                /* @__PURE__ */ jsx9(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
-                /* @__PURE__ */ jsx9("span", { "aria-hidden": true, children: basisMeta.label })
+                /* @__PURE__ */ jsx8(BasisGlyph, { basis: record.basis, className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx8("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__ */ jsx9("span", { "aria-hidden": true, className: `text-xs font-medium ${STANDING_TONES[standing]}`, children: standingMeta.label })
+          /* @__PURE__ */ jsx8("span", { "aria-hidden": true, className: `text-xs font-medium ${STANDING_TONES[standing]}`, children: standingMeta.label })
         ] }),
-        open && /* @__PURE__ */ jsxs7(
+        open && /* @__PURE__ */ jsxs6(
           "div",
           {
             id: panelId,
@@ -3688,19 +2641,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__ */ jsxs7("div", { children: [
-                /* @__PURE__ */ jsx9("p", { className: "text-[12px] leading-snug text-foreground", children: describeProvenance(record) }),
-                /* @__PURE__ */ jsxs7("p", { className: `mt-0.5 text-xs leading-snug ${STANDING_TONES[standing]}`, children: [
+              /* @__PURE__ */ jsxs6("div", { children: [
+                /* @__PURE__ */ jsx8("p", { className: "text-[12px] leading-snug text-foreground", children: describeProvenance(record) }),
+                /* @__PURE__ */ jsxs6("p", { className: `mt-0.5 text-xs leading-snug ${STANDING_TONES[standing]}`, children: [
                   standingMeta.label,
                   " \u2014 ",
                   provenanceNextMove(record, standing, confidencePolicy)
                 ] }),
-                basisMeta.checkableAgainst === null && /* @__PURE__ */ jsxs7("p", { className: "mt-0.5 text-xs leading-snug text-muted-foreground", children: [
+                basisMeta.checkableAgainst === null && /* @__PURE__ */ jsxs6("p", { className: "mt-0.5 text-xs leading-snug text-muted-foreground", children: [
                   basisMeta.meaning,
                   " There is nothing outside the model to check it against."
                 ] })
               ] }),
-              sources.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "space-y-1.5", children: sources.map((source, index) => /* @__PURE__ */ jsx9(
+              sources.length > 0 && /* @__PURE__ */ jsx8("ul", { className: "space-y-1.5", children: sources.map((source, index) => /* @__PURE__ */ jsx8(
                 SourceRow,
                 {
                   source,
@@ -3713,12 +2666,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__ */ jsx9("p", { className: "rounded-md bg-destructive/10 px-2 py-1.5 text-xs leading-snug text-destructive", children: gap.message }, gap.kind)
+                /* @__PURE__ */ jsx8("p", { className: "rounded-md bg-destructive/10 px-2 py-1.5 text-xs leading-snug text-destructive", children: gap.message }, gap.kind)
               )),
-              loading.length > 0 && sources.length === 0 && /* @__PURE__ */ jsx9("p", { role: "status", className: "text-xs text-muted-foreground", children: "Looking up where this came from\u2026" }),
-              inputs.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "border-t border-border pt-2", children: [
-                /* @__PURE__ */ jsx9("p", { className: "text-xs font-medium uppercase tracking-[0.05em] 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(
+              loading.length > 0 && sources.length === 0 && /* @__PURE__ */ jsx8("p", { role: "status", className: "text-xs text-muted-foreground", children: "Looking up where this came from\u2026" }),
+              inputs.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "border-t border-border pt-2", children: [
+                /* @__PURE__ */ jsx8("p", { className: "text-xs font-medium uppercase tracking-[0.05em] text-muted-foreground", children: record.derivation ? `Computed from ${record.derivation}` : "Computed from" }),
+                /* @__PURE__ */ jsx8("ul", { className: "mt-1.5 space-y-1.5", children: inputs.map((input, index) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
                   ProvenanceValue,
                   {
                     record: input,
@@ -3739,26 +2692,26 @@ function ProvenanceValue({
 }
 function ProvenanceLegend({ bases, className }) {
   if (bases.length === 0) return null;
-  return /* @__PURE__ */ jsx9("ul", { className: `flex flex-wrap items-center gap-x-3 gap-y-1.5 ${className ?? ""}`, children: bases.map((basis) => {
+  return /* @__PURE__ */ jsx8("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__ */ jsxs7("li", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6("li", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs6(
         "span",
         {
           className: `inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-xs font-medium ${BASIS_TONES[basis]}`,
           children: [
-            /* @__PURE__ */ jsx9(BasisGlyph, { basis, className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx8(BasisGlyph, { basis, className: "h-3 w-3" }),
             meta.label
           ]
         }
       ),
-      /* @__PURE__ */ jsx9("span", { children: meta.meaning })
+      /* @__PURE__ */ jsx8("span", { children: meta.meaning })
     ] }, basis);
   }) });
 }
 
 // src/web-react/seat-paywall.tsx
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function usd(cents) {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -3768,7 +2721,7 @@ function usd(cents) {
   }).format(cents / 100);
 }
 function CheckGlyph3() {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "svg",
     {
       className: "h-4 w-4 shrink-0 text-primary",
@@ -3779,14 +2732,14 @@ function CheckGlyph3() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx10("path", { d: "M20 6 9 17l-5-5" })
+      children: /* @__PURE__ */ jsx9("path", { d: "M20 6 9 17l-5-5" })
     }
   );
 }
 function Benefit({ 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 })
+  return /* @__PURE__ */ jsxs7("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
+    /* @__PURE__ */ jsx9("span", { className: "mt-0.5", children: /* @__PURE__ */ jsx9(CheckGlyph3, {}) }),
+    /* @__PURE__ */ jsx9("span", { children })
   ] });
 }
 function SeatPaywall({
@@ -3804,45 +2757,45 @@ 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__ */ 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-card-edge bg-card p-8", children: [
-    /* @__PURE__ */ jsx10("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: product }),
-    /* @__PURE__ */ jsxs8("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
+  return /* @__PURE__ */ jsx9("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs7("div", { className: "w-full max-w-md rounded-2xl border border-card-edge bg-card p-8", children: [
+    /* @__PURE__ */ jsx9("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: product }),
+    /* @__PURE__ */ jsxs7("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
       "Unlock ",
       product
     ] }),
-    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" })
+    tagline && /* @__PURE__ */ jsx9("p", { className: "mt-2 text-sm text-muted-foreground", children: tagline }),
+    introductory ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsxs7("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx9("span", { className: "text-3xl font-semibold text-foreground", children: usd(introductory.priceCents) }),
+        /* @__PURE__ */ jsx9("span", { className: "text-sm text-muted-foreground", children: "first month" })
       ] }),
-      /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs7("p", { className: "mt-1 text-sm text-muted-foreground", children: [
         "Includes ",
         usd(introductory.includedCreditsCents),
         " of AI usage in your first month"
       ] }),
-      /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs7("p", { className: "mt-1 text-sm text-muted-foreground", children: [
         "Then ",
         recurringPrice,
         "/mo \xB7 includes ",
         recurringUsage,
         "/mo of AI usage"
       ] })
-    ] }) : /* @__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__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsxs7("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx9("span", { className: "text-3xl font-semibold text-foreground", children: recurringPrice }),
+        /* @__PURE__ */ jsx9("span", { className: "text-sm text-muted-foreground", children: "/mo" })
       ] }),
-      /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs7("p", { className: "mt-1 text-sm text-muted-foreground", children: [
         "Includes ",
         recurringUsage,
         "/mo of AI usage"
       ] })
     ] }),
-    /* @__PURE__ */ jsx10("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
+    /* @__PURE__ */ jsx9("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
       `Full access to ${product}`
-    ]).map((benefit, i) => /* @__PURE__ */ jsx10(Benefit, { children: benefit }, i)) }),
-    /* @__PURE__ */ jsx10(
+    ]).map((benefit, i) => /* @__PURE__ */ jsx9(Benefit, { children: benefit }, i)) }),
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -3852,20 +2805,20 @@ function SeatPaywall({
         children: pending ? "Opening checkout\u2026" : ctaLabel ?? "Continue to checkout"
       }
     ),
-    footnote && /* @__PURE__ */ jsx10("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
+    footnote && /* @__PURE__ */ jsx9("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
   ] }) });
 }
 
 // src/web-react/record-grid.tsx
 import {
-  Fragment as Fragment5,
+  Fragment as Fragment4,
   isValidElement,
-  useCallback as useCallback9,
-  useEffect as useEffect10,
-  useId as useId3,
-  useMemo as useMemo6,
-  useRef as useRef10,
-  useState as useState14
+  useCallback as useCallback7,
+  useEffect as useEffect8,
+  useId as useId2,
+  useMemo as useMemo5,
+  useRef as useRef8,
+  useState as useState12
 } from "react";
 
 // src/web-react/record-grid-model.ts
@@ -4221,7 +3174,7 @@ function pruneRecordGridOverlay(rows, overlay) {
 }
 
 // src/web-react/record-grid.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var EMPTY_RECORD_GRID_ROWS = [];
 var CELL_KEY_SEPARATOR = "\0";
 function cellKey(rowId, columnId) {
@@ -4280,57 +3233,57 @@ function RecordGrid({
   loadingRowCount = 3,
   className
 }) {
-  const fieldPrefix = useId3();
-  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 setEditing = useCallback9((next) => {
+  const fieldPrefix = useId2();
+  const [overlay, setOverlay] = useState12(EMPTY_RECORD_GRID_OVERLAY);
+  const [editing, setEditingState] = useState12(null);
+  const [cellErrors, setCellErrors] = useState12({});
+  const [rowErrors, setRowErrors] = useState12({});
+  const [pendingRows, setPendingRows] = useState12({});
+  const [focus, setFocus] = useState12(null);
+  const [openSource, setOpenSource] = useState12(null);
+  const [confirmDelete, setConfirmDelete] = useState12(null);
+  const [adding, setAdding] = useState12(false);
+  const [draft, setDraft] = useState12({ ...newRowDefaults ?? {} });
+  const [draftErrors, setDraftErrors] = useState12({});
+  const [draftError, setDraftError] = useState12(null);
+  const [creating, setCreating] = useState12(false);
+  const cellRefs = useRef8(/* @__PURE__ */ new Map());
+  const settling = useRef8(false);
+  const draftCounter = useRef8(0);
+  const editingRef = useRef8(null);
+  const setEditing = useCallback7((next) => {
     editingRef.current = next;
     setEditingState(next);
   }, []);
   const callerRows = state.status === "ready" || state.status === "empty" ? state.value : EMPTY_RECORD_GRID_ROWS;
-  useEffect10(() => {
+  useEffect8(() => {
     setOverlay((current) => pruneRecordGridOverlay(callerRows, current));
   }, [callerRows]);
-  const visibleRows = useMemo6(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
-  const diffs = useMemo6(
+  const visibleRows = useMemo5(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
+  const diffs = useMemo5(
     () => proposed === void 0 ? null : diffRecordGridProposal(visibleRows, proposed),
     [proposed, visibleRows]
   );
   const reviewing = diffs !== null && diffs.length > 0;
-  const diffByRow = useMemo6(() => new Map((diffs ?? []).map((diff) => [diff.rowId, diff])), [diffs]);
-  const diffCellByKey = useMemo6(() => {
+  const diffByRow = useMemo5(() => new Map((diffs ?? []).map((diff) => [diff.rowId, diff])), [diffs]);
+  const diffCellByKey = useMemo5(() => {
     const map = /* @__PURE__ */ new Map();
     for (const diff of diffs ?? []) {
       for (const cell of diff.cells) map.set(cellKey(diff.rowId, cell.columnId), cell);
     }
     return map;
   }, [diffs]);
-  const addedRows = useMemo6(
+  const addedRows = useMemo5(
     () => (diffs ?? []).filter((diff) => diff.kind === "added").map((diff) => diff.row),
     [diffs]
   );
-  const activeFocus = useMemo6(() => {
+  const activeFocus = useMemo5(() => {
     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;
     return focus;
   }, [columns, focus, visibleRows]);
-  const setCellError = useCallback9((key, message) => {
+  const setCellError = useCallback7((key, message) => {
     setCellErrors((current) => {
       if (message === null) {
         if (!(key in current)) return current;
@@ -4342,7 +3295,7 @@ function RecordGrid({
       return { ...current, [key]: message };
     });
   }, []);
-  const setRowError = useCallback9((rowId, message) => {
+  const setRowError = useCallback7((rowId, message) => {
     setRowErrors((current) => {
       if (message === null) {
         if (!(rowId in current)) return current;
@@ -4353,7 +3306,7 @@ function RecordGrid({
       return { ...current, [rowId]: message };
     });
   }, []);
-  const setRowPending = useCallback9((rowId, pending) => {
+  const setRowPending = useCallback7((rowId, pending) => {
     setPendingRows((current) => {
       if (pending) return rowId in current ? current : { ...current, [rowId]: true };
       if (!(rowId in current)) return current;
@@ -4362,11 +3315,11 @@ function RecordGrid({
       return next;
     });
   }, []);
-  const focusCell = useCallback9((rowId, columnId) => {
+  const focusCell = useCallback7((rowId, columnId) => {
     setFocus({ rowId, columnId });
     cellRefs.current.get(cellKey(rowId, columnId))?.focus();
   }, []);
-  const beginEdit = useCallback9(
+  const beginEdit = useCallback7(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing({
@@ -4377,7 +3330,7 @@ function RecordGrid({
     },
     [setCellError, setEditing]
   );
-  const applyCellWrite = useCallback9(
+  const applyCellWrite = useCallback7(
     async (row, column, value) => {
       if (!onUpdate) return;
       const values = { ...row.values, [column.id]: value };
@@ -4405,7 +3358,7 @@ function RecordGrid({
     },
     [locale, onUpdate, setRowError, setRowPending]
   );
-  const commitEdit = useCallback9(
+  const commitEdit = useCallback7(
     async (row, column, text) => {
       const open = editingRef.current;
       if (open === null || open.rowId !== row.id || open.columnId !== column.id) return;
@@ -4429,7 +3382,7 @@ function RecordGrid({
     },
     [applyCellWrite, setCellError, setEditing]
   );
-  const cancelEdit = useCallback9(
+  const cancelEdit = useCallback7(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing(null);
@@ -4437,7 +3390,7 @@ function RecordGrid({
     },
     [focusCell, setCellError, setEditing]
   );
-  const performDelete = useCallback9(
+  const performDelete = useCallback7(
     async (row) => {
       if (!onDelete) return;
       setConfirmDelete(null);
@@ -4455,16 +3408,16 @@ function RecordGrid({
     },
     [columns, onDelete, setRowError]
   );
-  const resetDraft = useCallback9(() => {
+  const resetDraft = useCallback7(() => {
     setDraft({ ...newRowDefaults ?? {} });
     setDraftErrors({});
     setDraftError(null);
   }, [newRowDefaults]);
-  const openAdd = useCallback9(() => {
+  const openAdd = useCallback7(() => {
     resetDraft();
     setAdding(true);
   }, [resetDraft]);
-  const submitDraft = useCallback9(async () => {
+  const submitDraft = useCallback7(async () => {
     if (!onCreate) return;
     const validated = validateRecordGridRow(columns, draft);
     if (!validated.succeeded) {
@@ -4494,7 +3447,7 @@ function RecordGrid({
     setOverlay((current) => withoutRecordGridCreated(current, draftId));
     setDraftError(outcome.error);
   }, [columns, draft, fieldPrefix, onCreate, resetDraft]);
-  const handleGridKeyDown = useCallback9(
+  const handleGridKeyDown = useCallback7(
     (event) => {
       if (editing !== null) return;
       const target = event.target;
@@ -4533,9 +3486,9 @@ function RecordGrid({
     [beginEdit, columns, editing, focusCell, onUpdate, reviewing, visibleRows]
   );
   if (state.status === "idle" || state.status === "loading") {
-    return /* @__PURE__ */ jsxs9("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs8("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs8(
         "div",
         {
           role: "status",
@@ -4543,22 +3496,22 @@ function RecordGrid({
           "aria-live": "polite",
           className: "space-y-2 rounded-xl border border-card-edge bg-card p-4",
           children: [
-            /* @__PURE__ */ jsxs9("span", { className: "sr-only", children: [
+            /* @__PURE__ */ jsxs8("span", { className: "sr-only", children: [
               "Loading ",
               caption
             ] }),
-            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx11("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
+            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx10("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
           ]
         }
       )
     ] });
   }
   if (state.status === "error") {
-    return /* @__PURE__ */ jsxs9("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs8("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      /* @__PURE__ */ jsxs9("div", { role: "alert", className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-4", children: [
-        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-destructive", children: state.message }),
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs8("div", { role: "alert", className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-4", children: [
+        /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-destructive", children: state.message }),
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -4570,7 +3523,7 @@ function RecordGrid({
       ] })
     ] });
   }
-  const addForm = adding && onCreate && !reviewing ? /* @__PURE__ */ jsx11(
+  const addForm = adding && onCreate && !reviewing ? /* @__PURE__ */ jsx10(
     AddRecordForm,
     {
       columns,
@@ -4589,13 +3542,13 @@ function RecordGrid({
     }
   ) : null;
   if (visibleRows.length === 0 && !reviewing) {
-    return /* @__PURE__ */ jsxs9("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs8("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      addForm ?? /* @__PURE__ */ jsxs9("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
-        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
-        empty.description && /* @__PURE__ */ jsx11("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
-        /* @__PURE__ */ jsxs9("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
-          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx11(
+      addForm ?? /* @__PURE__ */ jsxs8("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
+        /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
+        empty.description && /* @__PURE__ */ jsx10("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
+        /* @__PURE__ */ jsxs8("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
+          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -4604,7 +3557,7 @@ function RecordGrid({
               children: empty.action.label
             }
           )),
-          onCreate && /* @__PURE__ */ jsx11(
+          onCreate && /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -4629,18 +3582,18 @@ function RecordGrid({
     addedCount > 0 ? `${addedCount} added` : null,
     removedCount > 0 ? `${removedCount} removed` : null
   ].filter((part) => part !== null).join(" \xB7 ");
-  const reviewBar = reviewing ? /* @__PURE__ */ jsxs9(
+  const reviewBar = reviewing ? /* @__PURE__ */ jsxs8(
     "div",
     {
       "data-record-grid-review": "",
       className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-card-edge bg-card px-4 py-2.5",
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx11("p", { className: "text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Proposed changes" }),
-          /* @__PURE__ */ jsx11("p", { className: "mt-0.5 text-xs tabular-nums text-muted-foreground", children: reviewSummary })
+        /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx10("p", { className: "text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Proposed changes" }),
+          /* @__PURE__ */ jsx10("p", { className: "mt-0.5 text-xs tabular-nums text-muted-foreground", children: reviewSummary })
         ] }),
-        (onAcceptAll || onRejectAll) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-          onRejectAll && /* @__PURE__ */ jsx11(
+        (onAcceptAll || onRejectAll) && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+          onRejectAll && /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -4650,7 +3603,7 @@ function RecordGrid({
               children: "Reject all"
             }
           ),
-          onAcceptAll && /* @__PURE__ */ jsx11(
+          onAcceptAll && /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -4664,10 +3617,10 @@ function RecordGrid({
       ]
     }
   ) : null;
-  return /* @__PURE__ */ jsxs9("div", { className: `space-y-3 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs8("div", { className: `space-y-3 ${className ?? ""}`, children: [
     toolbar,
     reviewBar,
-    /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsx10("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs8(
       "table",
       {
         role: "grid",
@@ -4675,8 +3628,8 @@ function RecordGrid({
         className: "w-full border-collapse text-left text-sm",
         onKeyDown: handleGridKeyDown,
         children: [
-          /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsxs9("tr", { role: "row", className: "border-b border-border text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
-            columns.map((column) => /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10("thead", { children: /* @__PURE__ */ jsxs8("tr", { role: "row", className: "border-b border-border text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
+            columns.map((column) => /* @__PURE__ */ jsx10(
               "th",
               {
                 role: "columnheader",
@@ -4686,17 +3639,17 @@ function RecordGrid({
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx11("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx11("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
+            showActionsColumn && /* @__PURE__ */ jsx10("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx10("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
           ] }) }),
-          /* @__PURE__ */ jsxs9("tbody", { children: [
+          /* @__PURE__ */ jsxs8("tbody", { children: [
             visibleRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
               const pending = row.id in pendingRows;
               const rowError = rowErrors[row.id];
               const rowDiff = reviewing ? diffByRow.get(row.id) : void 0;
               const removedRow = rowDiff?.kind === "removed";
-              return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-                /* @__PURE__ */ jsxs9(
+              return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+                /* @__PURE__ */ jsxs8(
                   "tr",
                   {
                     role: "row",
@@ -4716,8 +3669,8 @@ function RecordGrid({
                         const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
                         const cellDiff = rowDiff?.kind === "changed" ? diffCellByKey.get(key) : void 0;
                         if (isEditing && editable) {
-                          return /* @__PURE__ */ jsxs9("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
-                            /* @__PURE__ */ jsx11(
+                          return /* @__PURE__ */ jsxs8("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
+                            /* @__PURE__ */ jsx10(
                               CellEditor,
                               {
                                 column,
@@ -4730,11 +3683,11 @@ function RecordGrid({
                                 onCancel: () => cancelEdit(row, column)
                               }
                             ),
-                            cellError !== void 0 && /* @__PURE__ */ jsx11("p", { id: errorId, role: "alert", className: "mt-1 text-xs leading-snug text-destructive", children: cellError })
+                            cellError !== void 0 && /* @__PURE__ */ jsx10("p", { id: errorId, role: "alert", className: "mt-1 text-xs leading-snug text-destructive", children: cellError })
                           ] }, column.id);
                         }
                         if (column.kind === "boolean" && editable) {
-                          return /* @__PURE__ */ jsx11("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx11(
+                          return /* @__PURE__ */ jsx10("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx10(
                             "input",
                             {
                               type: "checkbox",
@@ -4753,7 +3706,7 @@ function RecordGrid({
                           ) }, column.id);
                         }
                         const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                        return /* @__PURE__ */ jsx11(
+                        return /* @__PURE__ */ jsx10(
                           "td",
                           {
                             role: "gridcell",
@@ -4771,20 +3724,20 @@ 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__ */ jsxs9("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-                              column.id === columns[0]?.id && removedRow && /* @__PURE__ */ jsx11("span", { className: "inline-flex shrink-0 rounded border border-destructive/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-destructive", children: "Remove" }),
-                              cellDiff ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex max-w-full flex-wrap items-baseline gap-x-1.5", children: [
-                                /* @__PURE__ */ jsx11("span", { className: "tabular-nums text-destructive line-through decoration-destructive/60", children: formatRecordGridValue(column, cellDiff.before, locale) || "\u2014" }),
-                                /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2192" }),
-                                /* @__PURE__ */ jsx11("span", { className: "tabular-nums font-medium text-success", children: formatRecordGridValue(column, cellDiff.after, locale) || "\u2014" })
-                              ] }) : /* @__PURE__ */ jsx11(
+                            children: /* @__PURE__ */ jsxs8("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                              column.id === columns[0]?.id && removedRow && /* @__PURE__ */ jsx10("span", { className: "inline-flex shrink-0 rounded border border-destructive/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-destructive", children: "Remove" }),
+                              cellDiff ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex max-w-full flex-wrap items-baseline gap-x-1.5", children: [
+                                /* @__PURE__ */ jsx10("span", { className: "tabular-nums text-destructive line-through decoration-destructive/60", children: formatRecordGridValue(column, cellDiff.before, locale) || "\u2014" }),
+                                /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2192" }),
+                                /* @__PURE__ */ jsx10("span", { className: "tabular-nums font-medium text-success", children: formatRecordGridValue(column, cellDiff.after, locale) || "\u2014" })
+                              ] }) : /* @__PURE__ */ jsx10(
                                 "span",
                                 {
                                   className: removedRow ? "truncate text-destructive line-through decoration-destructive/60" : display === "" ? "text-muted-foreground" : "truncate text-foreground",
                                   children: display === "" ? applicable ? "\u2014" : "n/a" : display
                                 }
                               ),
-                              source && /* @__PURE__ */ jsx11(
+                              source && /* @__PURE__ */ jsx10(
                                 SourceMarker,
                                 {
                                   panelId: `${fieldPrefix}-source-${row.id}-${column.id}`,
@@ -4800,7 +3753,7 @@ function RecordGrid({
                           column.id
                         );
                       }),
-                      showActionsColumn && /* @__PURE__ */ jsx11("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx11(
+                      showActionsColumn && /* @__PURE__ */ jsx10("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx10(
                         ReviewActions,
                         {
                           rowId: row.id,
@@ -4809,8 +3762,8 @@ function RecordGrid({
                           onAccept: onAcceptRow,
                           onReject: onRejectRow
                         }
-                      ) : row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx11(
+                      ) : row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx10(
                           "button",
                           {
                             type: "button",
@@ -4820,7 +3773,7 @@ function RecordGrid({
                             children: "Delete"
                           }
                         ),
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx10(
                           "button",
                           {
                             type: "button",
@@ -4830,14 +3783,14 @@ function RecordGrid({
                             children: "Cancel"
                           }
                         )
-                      ] }) : /* @__PURE__ */ jsx11(
+                      ] }) : /* @__PURE__ */ jsx10(
                         "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__ */ jsxs9(
+                          children: /* @__PURE__ */ jsxs8(
                             "svg",
                             {
                               viewBox: "0 0 24 24",
@@ -4849,8 +3802,8 @@ function RecordGrid({
                               strokeLinejoin: "round",
                               "aria-hidden": true,
                               children: [
-                                /* @__PURE__ */ jsx11("polyline", { points: "3 6 5 6 21 6" }),
-                                /* @__PURE__ */ jsx11("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__ */ jsx10("polyline", { points: "3 6 5 6 21 6" }),
+                                /* @__PURE__ */ jsx10("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" })
                               ]
                             }
                           )
@@ -4859,12 +3812,12 @@ function RecordGrid({
                     ]
                   }
                 ),
-                rowError !== void 0 && /* @__PURE__ */ jsx11("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx11("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx11("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__ */ jsx10("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx10("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx10("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
               ] }, row.id);
             }),
             reviewing && addedRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
-              return /* @__PURE__ */ jsxs9(
+              return /* @__PURE__ */ jsxs8(
                 "tr",
                 {
                   role: "row",
@@ -4875,9 +3828,9 @@ function RecordGrid({
                       const applicable = isRecordGridCellApplicable(column, row.values);
                       const value = row.values[column.id] ?? null;
                       const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                      return /* @__PURE__ */ jsx11("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs9("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-                        columnIndex === 0 && /* @__PURE__ */ jsx11("span", { className: "inline-flex shrink-0 rounded border border-success/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-success", children: "New" }),
-                        /* @__PURE__ */ jsx11(
+                      return /* @__PURE__ */ jsx10("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs8("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                        columnIndex === 0 && /* @__PURE__ */ jsx10("span", { className: "inline-flex shrink-0 rounded border border-success/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-success", children: "New" }),
+                        /* @__PURE__ */ jsx10(
                           "span",
                           {
                             className: `tabular-nums ${display === "" ? "text-muted-foreground" : "truncate text-foreground"}`,
@@ -4886,7 +3839,7 @@ function RecordGrid({
                         )
                       ] }) }, column.id);
                     }),
-                    /* @__PURE__ */ jsx11("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx10("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx10(
                       ReviewActions,
                       {
                         rowId: row.id,
@@ -4902,8 +3855,8 @@ function RecordGrid({
               );
             })
           ] }),
-          hasFooter && /* @__PURE__ */ jsx11("tfoot", { children: /* @__PURE__ */ jsxs9("tr", { role: "row", className: "border-t-2 border-border", children: [
-            columns.map((column) => /* @__PURE__ */ jsx11(
+          hasFooter && /* @__PURE__ */ jsx10("tfoot", { children: /* @__PURE__ */ jsxs8("tr", { role: "row", className: "border-t-2 border-border", children: [
+            columns.map((column) => /* @__PURE__ */ jsx10(
               "td",
               {
                 role: "gridcell",
@@ -4912,19 +3865,19 @@ function RecordGrid({
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx11("td", { role: "gridcell" })
+            showActionsColumn && /* @__PURE__ */ jsx10("td", { role: "gridcell" })
           ] }) })
         ]
       }
     ) }),
-    onCreate && !reviewing && (addForm ?? /* @__PURE__ */ jsxs9(
+    onCreate && !reviewing && (addForm ?? /* @__PURE__ */ jsxs8(
       "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",
         children: [
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs8(
             "svg",
             {
               viewBox: "0 0 24 24",
@@ -4936,8 +3889,8 @@ function RecordGrid({
               strokeLinejoin: "round",
               "aria-hidden": true,
               children: [
-                /* @__PURE__ */ jsx11("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-                /* @__PURE__ */ jsx11("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+                /* @__PURE__ */ jsx10("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                /* @__PURE__ */ jsx10("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
               ]
             }
           ),
@@ -4949,8 +3902,8 @@ function RecordGrid({
 }
 function ReviewActions({ rowId, kind, rowLabel, onAccept, onReject }) {
   const noun = kind === "changed" ? `proposed change to ${rowLabel}` : kind === "added" ? `new row ${rowLabel}` : `removal of ${rowLabel}`;
-  return /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5", children: [
-    onReject && /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1.5", children: [
+    onReject && /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
@@ -4960,7 +3913,7 @@ function ReviewActions({ rowId, kind, rowLabel, onAccept, onReject }) {
         children: "Reject"
       }
     ),
-    onAccept && /* @__PURE__ */ jsx11(
+    onAccept && /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
@@ -4981,7 +3934,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
     className: INPUT_CLASS
   };
   if (column.kind === "select") {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs8(
       "select",
       {
         ...shared,
@@ -4998,8 +3951,8 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
         },
         onBlur: () => onCommit(text),
         children: [
-          /* @__PURE__ */ jsx11("option", { value: "", children: "\u2014" }),
-          column.options.map((option) => /* @__PURE__ */ jsx11("option", { value: option.value, children: option.label }, option.value))
+          /* @__PURE__ */ jsx10("option", { value: "", children: "\u2014" }),
+          column.options.map((option) => /* @__PURE__ */ jsx10("option", { value: option.value, children: option.label }, option.value))
         ]
       }
     );
@@ -5017,7 +3970,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
     }
   };
   if (column.kind === "text" && column.multiline === true) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       "textarea",
       {
         ...shared,
@@ -5029,7 +3982,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
       }
     );
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     "input",
     {
       ...shared,
@@ -5044,15 +3997,15 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
 }
 function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle }) {
   const basis = source.basis ?? "asserted";
-  const setOpen = useCallback9(
+  const setOpen = useCallback7(
     (next) => {
       if (!next) onToggle();
     },
     [onToggle]
   );
   const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
-  return /* @__PURE__ */ jsxs9("span", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs8("span", { ref: containerRef, className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
@@ -5065,7 +4018,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__ */ jsx11(
+        children: /* @__PURE__ */ jsx10(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -5075,12 +4028,12 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
             strokeWidth: "2.5",
             strokeLinecap: "round",
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx11("path", { d: "M9 8h6M9 12h6M9 16h3" })
+            children: /* @__PURE__ */ jsx10("path", { d: "M9 8h6M9 12h6M9 16h3" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs8(
       PopoverSurface,
       {
         open,
@@ -5090,17 +4043,17 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
         panelRef,
         className: `w-64 rounded-lg border border-card-edge bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
         children: [
-          source.quote && /* @__PURE__ */ jsxs9("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
+          source.quote && /* @__PURE__ */ jsxs8("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
             source.quote,
             "\u201D"
           ] }),
-          /* @__PURE__ */ jsxs9("span", { className: "mt-2 block text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs8("span", { className: "mt-2 block text-xs text-muted-foreground", children: [
             source.label ?? "Source",
             source.locator ? ` \xB7 ${source.locator}` : "",
             ` \xB7 ${BASIS_TITLES[basis]}`
           ] }),
-          source.href && /* @__PURE__ */ jsx11(
+          source.href && /* @__PURE__ */ jsx10(
             "a",
             {
               href: source.href,
@@ -5128,8 +4081,8 @@ function AddRecordForm({
   onSubmit,
   onCancel
 }) {
-  const groups = useMemo6(() => groupColumns(columns), [columns]);
-  return /* @__PURE__ */ jsxs9(
+  const groups = useMemo5(() => groupColumns(columns), [columns]);
+  return /* @__PURE__ */ jsxs8(
     "form",
     {
       noValidate: true,
@@ -5140,31 +4093,31 @@ function AddRecordForm({
       },
       className: "space-y-4 rounded-xl border border-card-edge bg-card p-4",
       children: [
-        /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold text-foreground", children: label }),
-        formError !== null && /* @__PURE__ */ jsx11("p", { role: "alert", className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: formError }),
+        /* @__PURE__ */ jsx10("h3", { className: "text-sm font-semibold text-foreground", children: label }),
+        formError !== null && /* @__PURE__ */ jsx10("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__ */ jsxs9(
+          return /* @__PURE__ */ jsxs8(
             "fieldset",
             {
               className: group.label === null ? "min-w-0" : "min-w-0 rounded-lg border border-card-edge p-3",
               children: [
-                group.label !== null && /* @__PURE__ */ jsx11("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
-                /* @__PURE__ */ jsx11("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map((column) => {
+                group.label !== null && /* @__PURE__ */ jsx10("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
+                /* @__PURE__ */ jsx10("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__ */ jsxs9(
+                  return /* @__PURE__ */ jsxs8(
                     "div",
                     {
                       className: column.kind === "text" && column.multiline === true ? "sm:col-span-2" : "",
                       children: [
-                        /* @__PURE__ */ jsxs9("label", { htmlFor: fieldId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: [
+                        /* @__PURE__ */ jsxs8("label", { htmlFor: fieldId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: [
                           column.header,
-                          column.required === true && /* @__PURE__ */ jsx11("span", { className: "ml-0.5 text-destructive", children: "*" })
+                          column.required === true && /* @__PURE__ */ jsx10("span", { className: "ml-0.5 text-destructive", children: "*" })
                         ] }),
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx10(
                           DraftField,
                           {
                             column,
@@ -5175,8 +4128,8 @@ function AddRecordForm({
                             onValue: (next) => setDraft({ ...draft, [column.id]: next })
                           }
                         ),
-                        column.hint && /* @__PURE__ */ jsx11("p", { className: "mt-1 text-xs text-muted-foreground", children: column.hint }),
-                        message !== void 0 && /* @__PURE__ */ jsx11("p", { id: errorId, role: "alert", className: "mt-1 text-xs text-destructive", children: message })
+                        column.hint && /* @__PURE__ */ jsx10("p", { className: "mt-1 text-xs text-muted-foreground", children: column.hint }),
+                        message !== void 0 && /* @__PURE__ */ jsx10("p", { id: errorId, role: "alert", className: "mt-1 text-xs text-destructive", children: message })
                       ]
                     },
                     column.id
@@ -5187,8 +4140,8 @@ function AddRecordForm({
             group.label ?? "_"
           );
         }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "submit",
@@ -5197,7 +4150,7 @@ function AddRecordForm({
               children: busy ? "Saving\u2026" : "Save"
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -5218,7 +4171,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     "aria-describedby": describedBy
   };
   if (column.kind === "boolean") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       "input",
       {
         ...shared,
@@ -5230,7 +4183,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     );
   }
   if (column.kind === "select") {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs8(
       "select",
       {
         ...shared,
@@ -5238,14 +4191,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__ */ jsx11("option", { value: "", children: "\u2014" }),
-          column.options.map((option) => /* @__PURE__ */ jsx11("option", { value: option.value, children: option.label }, option.value))
+          /* @__PURE__ */ jsx10("option", { value: "", children: "\u2014" }),
+          column.options.map((option) => /* @__PURE__ */ jsx10("option", { value: option.value, children: option.label }, option.value))
         ]
       }
     );
   }
   if (column.kind === "text" && column.multiline === true) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       "textarea",
       {
         ...shared,
@@ -5257,7 +4210,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     );
   }
   if (column.kind === "number" || column.kind === "currency") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       "input",
       {
         ...shared,
@@ -5277,7 +4230,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     "input",
     {
       ...shared,
@@ -5291,19 +4244,19 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
 
 // src/web-react/command-palette.tsx
 import {
-  useCallback as useCallback10,
-  useEffect as useEffect11,
-  useId as useId4,
-  useMemo as useMemo7,
-  useRef as useRef11,
-  useState as useState15
+  useCallback as useCallback8,
+  useEffect as useEffect9,
+  useId as useId3,
+  useMemo as useMemo6,
+  useRef as useRef9,
+  useState as useState13
 } from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function SearchGlyph({ className }) {
-  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx12("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx12("path", { d: "m21 21-4.3-4.3" })
+  return /* @__PURE__ */ jsxs9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx11("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx11("path", { d: "m21 21-4.3-4.3" })
   ] });
 }
 function CommandPalette({
@@ -5318,25 +4271,25 @@ function CommandPalette({
   emptyMessage,
   label = "Command palette"
 }) {
-  const [internalOpen, setInternalOpen] = useState15(false);
+  const [internalOpen, setInternalOpen] = useState13(false);
   const open = controlledOpen ?? internalOpen;
-  const setOpen = useCallback10(
+  const setOpen = useCallback8(
     (next) => {
       if (controlledOpen === void 0) setInternalOpen(next);
       onOpenChange?.(next);
     },
     [controlledOpen, onOpenChange]
   );
-  const [query, setQuery] = useState15(initialQuery ?? "");
-  const [active, setActive] = useState15(0);
-  const inputRef = useRef11(null);
-  const surfaceId = useId4();
+  const [query, setQuery] = useState13(initialQuery ?? "");
+  const [active, setActive] = useState13(0);
+  const inputRef = useRef9(null);
+  const surfaceId = useId3();
   const listId = `${surfaceId}-list`;
-  const flat = useMemo7(() => filterCommandPaletteItems(items, query), [items, query]);
-  const sections = useMemo7(() => groupCommandPaletteItems(flat), [flat]);
+  const flat = useMemo6(() => filterCommandPaletteItems(items, query), [items, query]);
+  const sections = useMemo6(() => groupCommandPaletteItems(flat), [flat]);
   const activeIndex = flat.length === 0 ? 0 : Math.min(active, flat.length - 1);
   const activeId = flat.length > 0 ? `${listId}-${activeIndex}` : void 0;
-  useEffect11(() => {
+  useEffect9(() => {
     if (!hotkey) return;
     function onKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
@@ -5347,8 +4300,8 @@ function CommandPalette({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [hotkey, open, setOpen]);
-  const restoreFocusRef = useRef11(null);
-  useEffect11(() => {
+  const restoreFocusRef = useRef9(null);
+  useEffect9(() => {
     if (open) {
       restoreFocusRef.current = document.activeElement;
       inputRef.current?.focus();
@@ -5360,11 +4313,11 @@ function CommandPalette({
     restoreFocusRef.current = null;
     if (restore instanceof HTMLElement) restore.focus();
   }, [open]);
-  useEffect11(() => {
+  useEffect9(() => {
     if (!open || !activeId) return;
     document.getElementById(activeId)?.scrollIntoView?.({ block: "nearest" });
   }, [open, activeId]);
-  const choose = useCallback10(
+  const choose = useCallback8(
     (item) => {
       onSelect(item);
       setOpen(false);
@@ -5390,8 +4343,8 @@ function CommandPalette({
   if (!open || typeof document === "undefined") return null;
   let rowIndex = -1;
   return createPortal(
-    /* @__PURE__ */ jsxs10(Fragment6, { children: [
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      /* @__PURE__ */ jsx11(
         "div",
         {
           "aria-hidden": true,
@@ -5400,7 +4353,7 @@ function CommandPalette({
           className: "fixed inset-0 z-[999] bg-background/80"
         }
       ),
-      /* @__PURE__ */ jsx12("div", { className: "pointer-events-none fixed inset-x-0 top-[15%] z-[1000] flex justify-center px-4", children: /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsx11("div", { className: "pointer-events-none fixed inset-x-0 top-[15%] z-[1000] flex justify-center px-4", children: /* @__PURE__ */ jsxs9(
         "div",
         {
           role: "dialog",
@@ -5409,9 +4362,9 @@ function CommandPalette({
           ...{ [POPOVER_SURFACE_ATTR]: surfaceId },
           className: `agent-pop-in pointer-events-auto flex max-h-[70vh] w-[560px] max-w-full flex-col overflow-hidden rounded-xl border border-card-edge bg-popover ${OVERLAY_SHADOW}`,
           children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
-              /* @__PURE__ */ jsx12(SearchGlyph, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsxs9("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
+              /* @__PURE__ */ jsx11(SearchGlyph, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx11(
                 "input",
                 {
                   ref: inputRef,
@@ -5432,15 +4385,15 @@ function CommandPalette({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs10("div", { role: "listbox", id: listId, className: "min-h-0 flex-1 overflow-y-auto p-1 pb-2", children: [
-              loading && /* @__PURE__ */ jsx12("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading\u2026" }),
-              !loading && flat.length === 0 && /* @__PURE__ */ jsx12("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyMessage ?? (query.trim() ? `No results for \u201C${query.trim()}\u201D` : "Nothing here yet") }),
-              !loading && sections.map((section) => /* @__PURE__ */ jsxs10("div", { children: [
-                /* @__PURE__ */ jsx12("div", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: section.group }),
+            /* @__PURE__ */ jsxs9("div", { role: "listbox", id: listId, className: "min-h-0 flex-1 overflow-y-auto p-1 pb-2", children: [
+              loading && /* @__PURE__ */ jsx11("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading\u2026" }),
+              !loading && flat.length === 0 && /* @__PURE__ */ jsx11("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyMessage ?? (query.trim() ? `No results for \u201C${query.trim()}\u201D` : "Nothing here yet") }),
+              !loading && sections.map((section) => /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx11("div", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: section.group }),
                 section.items.map((item) => {
                   rowIndex += 1;
                   const index = rowIndex;
-                  return /* @__PURE__ */ jsxs10(
+                  return /* @__PURE__ */ jsxs9(
                     "div",
                     {
                       id: `${listId}-${index}`,
@@ -5450,9 +4403,9 @@ function CommandPalette({
                       onClick: () => choose(item),
                       className: `flex w-full cursor-pointer items-center gap-2.5 rounded-md px-3 py-2.5 text-left text-sm ${index === activeIndex ? "bg-accent" : ""}`,
                       children: [
-                        /* @__PURE__ */ jsx12("span", { className: "truncate text-foreground", children: item.label }),
-                        item.description && /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: item.description }),
-                        item.hint && /* @__PURE__ */ jsx12("span", { className: "ml-auto shrink-0 text-xs tabular-nums text-muted-foreground", children: item.hint })
+                        /* @__PURE__ */ jsx11("span", { className: "truncate text-foreground", children: item.label }),
+                        item.description && /* @__PURE__ */ jsx11("span", { className: "truncate text-xs text-muted-foreground", children: item.description }),
+                        item.hint && /* @__PURE__ */ jsx11("span", { className: "ml-auto shrink-0 text-xs tabular-nums text-muted-foreground", children: item.hint })
                       ]
                     },
                     item.id
@@ -5460,15 +4413,15 @@ function CommandPalette({
                 })
               ] }, section.group))
             ] }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx12("span", { className: "tabular-nums", children: query.trim() ? `${flat.length} of ${items.length}` : `${items.length} items` }),
-              /* @__PURE__ */ jsxs10("span", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx12("kbd", { className: "rounded border border-border bg-background px-1 py-0.5", children: "\u2191\u2193" }),
-                /* @__PURE__ */ jsx12("span", { children: "navigate" }),
-                /* @__PURE__ */ jsx12("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "\u21B5" }),
-                /* @__PURE__ */ jsx12("span", { children: "select" }),
-                /* @__PURE__ */ jsx12("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "esc" }),
-                /* @__PURE__ */ jsx12("span", { children: "close" })
+            /* @__PURE__ */ jsxs9("div", { className: "flex shrink-0 items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx11("span", { className: "tabular-nums", children: query.trim() ? `${flat.length} of ${items.length}` : `${items.length} items` }),
+              /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx11("kbd", { className: "rounded border border-border bg-background px-1 py-0.5", children: "\u2191\u2193" }),
+                /* @__PURE__ */ jsx11("span", { children: "navigate" }),
+                /* @__PURE__ */ jsx11("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "\u21B5" }),
+                /* @__PURE__ */ jsx11("span", { children: "select" }),
+                /* @__PURE__ */ jsx11("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "esc" }),
+                /* @__PURE__ */ jsx11("span", { children: "close" })
               ] })
             ] })
           ]
@@ -5480,7 +4433,7 @@ function CommandPalette({
 }
 
 // src/web-react/sparkline.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var DEFAULT_SPARKLINE_WIDTH = 96;
 var DEFAULT_SPARKLINE_HEIGHT = 24;
 var DEFAULT_INSET = 2.5;
@@ -5586,21 +4539,21 @@ function Sparkline({
   const geometry = sparklineGeometry(values, { width, height });
   const accessibleName = sparklineLabel(values, { label, format });
   if (geometry.points.length === 0) {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs10(
       "span",
       {
         "data-sparkline": geometry.gaps > 0 ? "unavailable" : "empty",
         className: joinClasses("text-[11px] text-muted-foreground", className),
         children: [
-          /* @__PURE__ */ jsx13("span", { className: "sr-only", children: accessibleName }),
-          /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: geometry.gaps > 0 ? unavailableLabel : emptyLabel })
+          /* @__PURE__ */ jsx12("span", { className: "sr-only", children: accessibleName }),
+          /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", children: geometry.gaps > 0 ? unavailableLabel : emptyLabel })
         ]
       }
     );
   }
   const drawsLine = geometry.segments.some((segment) => segment.length > 1);
   const end = geometry.points[geometry.points.length - 1];
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       role: "img",
@@ -5617,7 +4570,7 @@ function Sparkline({
         geometry.segments.map((segment, index) => {
           const key = `segment-${index}`;
           if (segment.length > 1) {
-            return /* @__PURE__ */ jsx13(
+            return /* @__PURE__ */ jsx12(
               "polyline",
               {
                 points: sparklinePointsAttribute(segment),
@@ -5633,9 +4586,9 @@ function Sparkline({
           }
           const only = segment[0];
           if (only.x === end.x && only.y === end.y) return null;
-          return /* @__PURE__ */ jsx13("circle", { cx: only.x, cy: only.y, r: DOT_RADIUS, fill: "currentColor" }, key);
+          return /* @__PURE__ */ jsx12("circle", { cx: only.x, cy: only.y, r: DOT_RADIUS, fill: "currentColor" }, key);
         }),
-        /* @__PURE__ */ jsx13("circle", { cx: end.x, cy: end.y, r: DOT_RADIUS, fill: "currentColor" })
+        /* @__PURE__ */ jsx12("circle", { cx: end.x, cy: end.y, r: DOT_RADIUS, fill: "currentColor" })
       ]
     }
   );
@@ -5644,12 +4597,12 @@ function Sparkline({
 // src/web-react/insight-card.tsx
 import {
   isValidElement as isValidElement2,
-  useCallback as useCallback11,
-  useEffect as useEffect12,
-  useRef as useRef12,
-  useState as useState16
+  useCallback as useCallback9,
+  useEffect as useEffect10,
+  useRef as useRef10,
+  useState as useState14
 } from "react";
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function insightDelta(value, previous) {
   if (typeof value !== "number" || !Number.isFinite(value)) return null;
   if (typeof previous !== "number" || !Number.isFinite(previous)) return null;
@@ -5702,7 +4655,7 @@ function InsightCard({
   const tone = delta ? insightDeltaTone(delta.direction, polarity) : "neutral";
   const unavailable = typeof value === "number" && !Number.isFinite(value);
   const shown = typeof value === "number" ? format(value) : value;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "article",
     {
       "data-insight-card": "",
@@ -5710,40 +4663,40 @@ function InsightCard({
       className: joinClasses("agent-arrive flex h-full flex-col rounded-xl border border-card-edge bg-card p-4", className),
       style,
       children: [
-        eyebrow ? /* @__PURE__ */ jsx14("p", { "data-insight-eyebrow": "", className: "mb-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: eyebrow }) : null,
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline justify-between gap-2", children: [
-          /* @__PURE__ */ jsx14("h3", { className: "text-[13px] font-medium text-muted-foreground", children: title }),
+        eyebrow ? /* @__PURE__ */ jsx13("p", { "data-insight-eyebrow": "", className: "mb-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: eyebrow }) : null,
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-baseline justify-between gap-2", children: [
+          /* @__PURE__ */ jsx13("h3", { className: "text-[13px] font-medium text-muted-foreground", children: title }),
           live ? (
             // No `data-motion` opt-out: the word is the signal and the sweep is
             // emphasis, so the reduced-motion floor reaches this like everything
             // else and leaves a static, legible label.
-            /* @__PURE__ */ jsx14("span", { className: "agent-shimmer shrink-0 text-[11px] font-medium", "data-insight-live": "", children: liveLabel })
+            /* @__PURE__ */ jsx13("span", { className: "agent-shimmer shrink-0 text-[11px] font-medium", "data-insight-live": "", children: liveLabel })
           ) : null
         ] }),
-        /* @__PURE__ */ jsx14("p", { className: "mt-1 flex items-baseline gap-1", children: unavailable ? /* @__PURE__ */ jsxs12("span", { "data-insight-value": "unavailable", className: "text-xl font-semibold text-muted-foreground", children: [
-          /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: INSIGHT_UNAVAILABLE_GLYPH }),
-          /* @__PURE__ */ jsx14("span", { className: "sr-only", children: INSIGHT_UNAVAILABLE_LABEL })
-        ] }) : /* @__PURE__ */ jsxs12(Fragment7, { children: [
-          /* @__PURE__ */ jsx14("span", { className: "text-xl font-semibold tabular-nums text-foreground", children: shown }),
-          unit ? /* @__PURE__ */ jsx14("span", { className: "text-[11px] text-muted-foreground", children: unit }) : null
+        /* @__PURE__ */ jsx13("p", { className: "mt-1 flex items-baseline gap-1", children: unavailable ? /* @__PURE__ */ jsxs11("span", { "data-insight-value": "unavailable", className: "text-xl font-semibold text-muted-foreground", children: [
+          /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: INSIGHT_UNAVAILABLE_GLYPH }),
+          /* @__PURE__ */ jsx13("span", { className: "sr-only", children: INSIGHT_UNAVAILABLE_LABEL })
+        ] }) : /* @__PURE__ */ jsxs11(Fragment6, { children: [
+          /* @__PURE__ */ jsx13("span", { className: "text-xl font-semibold tabular-nums text-foreground", children: shown }),
+          unit ? /* @__PURE__ */ jsx13("span", { className: "text-[11px] text-muted-foreground", children: unit }) : null
         ] }) }),
-        delta ? /* @__PURE__ */ jsxs12("p", { "data-insight-delta": delta.direction, className: `mt-0.5 text-[11px] font-medium ${TONE_CLASS[tone]}`, children: [
-          /* @__PURE__ */ jsxs12("span", { "aria-hidden": "true", children: [
+        delta ? /* @__PURE__ */ jsxs11("p", { "data-insight-delta": delta.direction, className: `mt-0.5 text-[11px] font-medium ${TONE_CLASS[tone]}`, children: [
+          /* @__PURE__ */ jsxs11("span", { "aria-hidden": "true", children: [
             DIRECTION_GLYPH[delta.direction],
             " "
           ] }),
           formatInsightDelta(delta, format)
         ] }) : null,
-        description ? /* @__PURE__ */ jsx14("p", { className: "mt-1 text-[11px] text-muted-foreground", children: description }) : null,
-        series ? /* @__PURE__ */ jsx14("div", { className: "mt-2 text-muted-foreground", children: /* @__PURE__ */ jsx14(Sparkline, { values: series, label: seriesLabel ?? title, format }) }) : null,
-        action ? /* @__PURE__ */ jsx14("div", { className: "mt-3", children: renderInsightAction(action) }) : null
+        description ? /* @__PURE__ */ jsx13("p", { className: "mt-1 text-[11px] text-muted-foreground", children: description }) : null,
+        series ? /* @__PURE__ */ jsx13("div", { className: "mt-2 text-muted-foreground", children: /* @__PURE__ */ jsx13(Sparkline, { values: series, label: seriesLabel ?? title, format }) }) : null,
+        action ? /* @__PURE__ */ jsx13("div", { className: "mt-3", children: renderInsightAction(action) }) : null
       ]
     }
   );
 }
 function renderInsightAction(action) {
   if (isValidElement2(action)) return action;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "button",
     {
       type: "button",
@@ -5812,15 +4765,15 @@ function InsightDeck({
   className,
   onPageChange
 }) {
-  const [page, setPage] = useState16(0);
-  const [held, setHeld] = useState16(null);
+  const [page, setPage] = useState14(0);
+  const [held, setHeld] = useState14(null);
   const answered = state.status === "error" || state.status === "empty";
   const carried = state.status === "ready" ? state.value : answered ? null : held;
   if (carried !== held) setHeld(carried);
   const shown = carried !== null && state.status !== "ready" ? { status: "ready", value: carried, retry: state.retry } : state;
   const refreshing = shown !== state;
-  const reported = useRef12(0);
-  const settlePage = useCallback11(
+  const reported = useRef10(0);
+  const settlePage = useCallback9(
     (next) => {
       if (reported.current === next) return;
       reported.current = next;
@@ -5828,7 +4781,7 @@ function InsightDeck({
     },
     [onPageChange]
   );
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     AsyncView,
     {
       state: shown,
@@ -5836,7 +4789,7 @@ function InsightDeck({
       loadingLabel,
       retryLabel,
       className,
-      children: (insights) => /* @__PURE__ */ jsx14(
+      children: (insights) => /* @__PURE__ */ jsx13(
         InsightPages,
         {
           insights,
@@ -5903,18 +4856,18 @@ function InsightPages({
   const pageCount = insightPageCount(insights.length, size);
   const current = Math.min(Math.max(page, 0), pageCount - 1);
   const visible = insightPageSlice(insights, current, size);
-  const sectionRef = useRef12(null);
-  const listRef = useRef12(null);
-  const recoverFocus = useRef12(false);
-  useEffect12(() => {
+  const sectionRef = useRef10(null);
+  const listRef = useRef10(null);
+  const recoverFocus = useRef10(false);
+  useEffect10(() => {
     onPageSettled(current);
   }, [current, onPageSettled]);
-  useEffect12(() => {
+  useEffect10(() => {
     if (!recoverFocus.current) return;
     recoverFocus.current = false;
     sectionRef.current?.focus();
   }, [current]);
-  const goTo = useCallback11(
+  const goTo = useCallback9(
     (next) => {
       const clamped = Math.min(Math.max(next, 0), pageCount - 1);
       if (clamped === current) return false;
@@ -5949,7 +4902,7 @@ function InsightPages({
     }
     if (moved) event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "section",
     {
       ref: sectionRef,
@@ -5961,7 +4914,7 @@ function InsightPages({
       tabIndex: pageCount > 1 ? 0 : void 0,
       "aria-keyshortcuts": pageCount > 1 ? "ArrowLeft ArrowRight PageUp PageDown Home End" : void 0,
       children: [
-        /* @__PURE__ */ jsx14("ul", { ref: listRef, className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: visible.map(({ id, style, ...card }, index) => (
+        /* @__PURE__ */ jsx13("ul", { ref: listRef, className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: visible.map(({ id, style, ...card }, index) => (
           // The page index is in the key on purpose: a page turn is an arrival,
           // and reusing the node would swap the text under a card that never
           // moved. Remounting replays `.agent-arrive` with the new stagger.
@@ -5972,10 +4925,10 @@ function InsightPages({
           // does not arrive a second time. The key does BOTH jobs — but only
           // because the deck now keeps this subtree mounted across a reload
           // (see `InsightDeck`); a key is never compared across a teardown.
-          /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsx14(InsightCard, { ...card, style: staggerStyle(index, style) }) }, `${current}:${id}`)
+          /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(InsightCard, { ...card, style: staggerStyle(index, style) }) }, `${current}:${id}`)
         )) }),
-        /* @__PURE__ */ jsxs12("div", { className: pageCount > 1 ? "flex items-center justify-between gap-2" : void 0, children: [
-          /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs11("div", { className: pageCount > 1 ? "flex items-center justify-between gap-2" : void 0, children: [
+          /* @__PURE__ */ jsxs11(
             "p",
             {
               role: "status",
@@ -5989,8 +4942,8 @@ function InsightPages({
               ]
             }
           ),
-          pageCount > 1 ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx14(PagerButton, { label: "Previous insights", glyph: "\u2039", atEnd: current === 0, onClick: () => goTo(current - 1) }),
+          pageCount > 1 ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx13(PagerButton, { label: "Previous insights", glyph: "\u2039", atEnd: current === 0, onClick: () => goTo(current - 1) }),
             pageCount <= MAX_PAGE_DOTS ? Array.from({ length: pageCount }, (_, index) => (
               // WCAG 2.2 SC 2.5.8 wants a 24x24 CSS px target. The dot stays
               // 8px because a 24px dot is a different control; the BUTTON
@@ -5998,7 +4951,7 @@ function InsightPages({
               // and the span is the graphic. The Spacing exception cannot
               // rescue the bare dot — at a 12px pitch the 24px circle around
               // each centre overlaps its neighbour's.
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx13(
                 "button",
                 {
                   type: "button",
@@ -6006,7 +4959,7 @@ function InsightPages({
                   "aria-current": index === current ? "page" : void 0,
                   onClick: () => goTo(index),
                   className: "group flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
-                  children: /* @__PURE__ */ jsx14(
+                  children: /* @__PURE__ */ jsx13(
                     "span",
                     {
                       "aria-hidden": "true",
@@ -6020,7 +4973,7 @@ function InsightPages({
                 index
               )
             )) : null,
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx13(
               PagerButton,
               {
                 label: "Next insights",
@@ -6041,7 +4994,7 @@ function PagerButton({
   atEnd,
   onClick
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "button",
     {
       type: "button",
@@ -6051,13 +5004,13 @@ function PagerButton({
         if (!atEnd) onClick();
       },
       className: `flex h-6 w-6 items-center justify-center rounded-md border border-border text-xs text-muted-foreground transition ${atEnd ? "opacity-40" : "hover:bg-accent hover:text-foreground"}`,
-      children: /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: glyph })
+      children: /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: glyph })
     }
   );
 }
 
 // src/web-react/index.tsx
-import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } 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;
@@ -6076,41 +5029,41 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs13("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-card-edge bg-popover ${OVERLAY_SHADOW}`, children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs12("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-card-edge bg-popover ${OVERLAY_SHADOW}`, children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx14(
         "span",
         {
           className: `h-2 w-2 shrink-0 rounded-full ${run.status === "running" ? "bg-warning" : run.status === "error" ? "bg-destructive" : "bg-success"}`
         }
       ),
-      /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx15("p", { className: "truncate text-[15px] font-semibold", children: run.title }),
-        /* @__PURE__ */ jsx15("p", { className: "truncate font-mono text-xs text-muted-foreground", children: run.toolName })
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx14("p", { className: "truncate text-[15px] font-semibold", children: run.title }),
+        /* @__PURE__ */ jsx14("p", { className: "truncate font-mono text-xs text-muted-foreground", children: run.toolName })
       ] }),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
           onClick: onClose,
           "aria-label": "Close",
           className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground",
-          children: /* @__PURE__ */ jsx15("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx15("path", { d: "M18 6 6 18M6 6l12 12" }) })
+          children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx14("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
-      run.steps.length === 0 && /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
-      run.steps.map((step, i) => /* @__PURE__ */ jsxs13("div", { className: "rounded-lg border border-card-edge bg-card", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex items-baseline gap-2 border-b border-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx15("span", { className: `font-mono text-xs ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
-          /* @__PURE__ */ jsx15("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
-          /* @__PURE__ */ jsx15("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(step.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })
+    /* @__PURE__ */ jsxs12("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+      run.steps.length === 0 && /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
+      run.steps.map((step, i) => /* @__PURE__ */ jsxs12("div", { className: "rounded-lg border border-card-edge bg-card", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline gap-2 border-b border-border px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx14("span", { className: `font-mono text-xs ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
+          /* @__PURE__ */ jsx14("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
+          /* @__PURE__ */ jsx14("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(step.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })
         ] }),
-        step.detail && /* @__PURE__ */ jsx15("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-xs leading-relaxed text-muted-foreground", children: step.detail })
+        step.detail && /* @__PURE__ */ jsx14("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-xs leading-relaxed text-muted-foreground", children: step.detail })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsx15("p", { className: "border-t border-border px-4 py-2 text-xs text-muted-foreground", children: "Read-only transcript \u2014 reply in the main chat." })
+    /* @__PURE__ */ jsx14("p", { className: "border-t border-border px-4 py-2 text-xs text-muted-foreground", children: "Read-only transcript \u2014 reply in the main chat." })
   ] });
 }
 function pendingApprovalOf(call) {
@@ -6126,23 +5079,23 @@ function ChatEmptyState({
 }) {
   const doorCount = Math.min(doors?.length ?? 0, 3);
   const doorsGridClass = doorCount === 1 ? "mx-auto max-w-sm sm:grid-cols-1" : doorCount === 2 ? "sm:grid-cols-2" : "sm:grid-cols-3";
-  return /* @__PURE__ */ jsxs13("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__ */ jsx15("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__ */ jsx15(BrandMark, { size: 32, className: "shrink-0" }) }),
-    /* @__PURE__ */ jsx15("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: productName }),
-    /* @__PURE__ */ jsx15("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground", children: headline }),
-    subline && /* @__PURE__ */ jsx15("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
-    doors && doors.length > 0 && /* @__PURE__ */ jsx15("div", { className: `mt-7 grid w-full gap-2.5 ${doorsGridClass}`, children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12("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__ */ jsx14("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__ */ jsx14(BrandMark, { size: 32, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx14("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx14("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground", children: headline }),
+    subline && /* @__PURE__ */ jsx14("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
+    doors && doors.length > 0 && /* @__PURE__ */ jsx14("div", { className: `mt-7 grid w-full gap-2.5 ${doorsGridClass}`, children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs12(
       "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",
         children: [
-          /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
             door.icon,
             door.label
           ] }),
-          door.description && /* @__PURE__ */ jsx15("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
+          door.description && /* @__PURE__ */ jsx14("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -6151,26 +5104,26 @@ function ChatEmptyState({
 }
 function ToolGlyph({ name, className }) {
   if (name.startsWith("sandbox_")) {
-    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("polyline", { points: "4 17 10 11 4 5" }),
-      /* @__PURE__ */ jsx15("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+    return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("polyline", { points: "4 17 10 11 4 5" }),
+      /* @__PURE__ */ jsx14("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] });
   }
   if (name === "submit_proposal") {
-    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("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx15("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
+    return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsx14("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
     ] });
   }
   if (name === "schedule_followup") {
-    return /* @__PURE__ */ jsxs13("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx15("path", { d: "M12 7v5l3 3" })
+    return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx14("path", { d: "M12 7v5l3 3" })
     ] });
   }
-  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("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
-    /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "4" })
+  return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx14("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
+    /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "4" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -6256,40 +5209,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__ */ jsx15("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs13("div", { className: "contents", children: [
-    /* @__PURE__ */ jsx15("dt", { className: "font-mono text-xs text-muted-foreground", children: k }),
-    /* @__PURE__ */ jsx15("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-xs text-muted-foreground", children: truncate(v) })
+  return /* @__PURE__ */ jsx14("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs12("div", { className: "contents", children: [
+    /* @__PURE__ */ jsx14("dt", { className: "font-mono text-xs text-muted-foreground", children: k }),
+    /* @__PURE__ */ jsx14("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-xs text-muted-foreground", children: truncate(v) })
   ] }, k)) });
 }
 function ShellDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   const r = outcome?.result ?? {};
-  return /* @__PURE__ */ jsxs13("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-xs leading-relaxed", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
-      /* @__PURE__ */ jsx15("span", { className: "select-none text-zinc-500", children: "$" }),
-      /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
-      r.exitCode != null && /* @__PURE__ */ jsxs13("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-xs leading-relaxed", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
+      /* @__PURE__ */ jsx14("span", { className: "select-none text-zinc-500", children: "$" }),
+      /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
+      r.exitCode != null && /* @__PURE__ */ jsxs12("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
         "exit ",
         r.exitCode
       ] })
     ] }),
-    /* @__PURE__ */ jsx15("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__ */ jsx14("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__ */ jsxs13("div", { className: "space-y-2", children: [
-    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsx15("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
-      /* @__PURE__ */ jsx15(KvRows, { data: call.args })
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx14("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
+      /* @__PURE__ */ jsx14(KvRows, { data: call.args })
     ] }),
-    envelope ? /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsx15("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
-      envelope.ok === false ? /* @__PURE__ */ jsx15("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx15(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx15("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(envelope.result) }) : null
-    ] }) : result != null ? /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsx15("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
-      /* @__PURE__ */ jsx15("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(result) })
+    envelope ? /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx14("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
+      envelope.ok === false ? /* @__PURE__ */ jsx14("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx14(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx14("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(envelope.result) }) : null
+    ] }) : result != null ? /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx14("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
+      /* @__PURE__ */ jsx14("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(result) })
     ] }) : null
   ] });
 }
@@ -6300,24 +5253,24 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState17(false);
+  const [expanded, setExpanded] = useState15(false);
   const { summary, meta, typeSlug } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
-  return /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
-      /* @__PURE__ */ jsx15("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__ */ jsx15(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx15("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-warning-strong", children: approval ? "Needs your approval" : "Awaiting approval" }),
-        /* @__PURE__ */ jsx15("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
-        summary && /* @__PURE__ */ jsx15("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: summary }),
-        typeSlug && /* @__PURE__ */ jsx15("p", { className: "mt-1 font-mono text-xs text-muted-foreground", children: typeSlug }),
-        meta.length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx15("span", { className: "rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-muted-foreground", children: m }, i)) })
+  return /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
+      /* @__PURE__ */ jsx14("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__ */ jsx14(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx14("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-warning-strong", children: approval ? "Needs your approval" : "Awaiting approval" }),
+        /* @__PURE__ */ jsx14("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
+        summary && /* @__PURE__ */ jsx14("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: summary }),
+        typeSlug && /* @__PURE__ */ jsx14("p", { className: "mt-1 font-mono text-xs text-muted-foreground", children: typeSlug }),
+        meta.length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx14("span", { className: "rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-muted-foreground", children: m }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
-      approval && /* @__PURE__ */ jsxs13(Fragment8, { children: [
-        /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
+      approval && /* @__PURE__ */ jsxs12(Fragment7, { children: [
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -6327,7 +5280,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -6338,7 +5291,7 @@ function ProposalCard({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -6347,12 +5300,12 @@ 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__ */ jsx15(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsx14(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
           ]
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsx15("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx15(DefaultToolDetail, { call }) })
+    expanded && /* @__PURE__ */ jsx14("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx14(DefaultToolDetail, { call }) })
   ] });
 }
 function formatFollowupWhen(when) {
@@ -6367,14 +5320,14 @@ function FollowupCard({ call }) {
   const when = typeof a.when === "string" ? a.when : typeof a.at === "string" ? a.at : typeof a.schedule === "string" ? a.schedule : null;
   const failed = toolCallFailed(call);
   const errorText = failed ? toolOutcomeOf(call)?.message ?? "Scheduling failed" : null;
-  return /* @__PURE__ */ jsx15("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1 overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)]", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center gap-2.5 px-3 py-2", children: [
-      /* @__PURE__ */ jsx15("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-border bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx15(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsx15("span", { className: "shrink-0 whitespace-nowrap text-xs font-medium text-foreground", children: friendlyToolTitle(call) }),
-      when && /* @__PURE__ */ jsx15("span", { title: when, className: "hidden min-w-0 flex-1 truncate font-mono text-xs tabular-nums text-muted-foreground sm:inline", children: formatFollowupWhen(when) }),
-      /* @__PURE__ */ jsx15("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: call.status === "running" ? /* @__PURE__ */ jsx15("svg", { className: "h-3 w-3 shrink-0 animate-spin text-[var(--accent-text)]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx15("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }) : /* @__PURE__ */ jsx15("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${failed ? "bg-[var(--surface-danger-text)]" : "bg-[var(--surface-success-text)]"}` }) })
+  return /* @__PURE__ */ jsx14("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1 overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)]", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center gap-2.5 px-3 py-2", children: [
+      /* @__PURE__ */ jsx14("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-border bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx14(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsx14("span", { className: "shrink-0 whitespace-nowrap text-xs font-medium text-foreground", children: friendlyToolTitle(call) }),
+      when && /* @__PURE__ */ jsx14("span", { title: when, className: "hidden min-w-0 flex-1 truncate font-mono text-xs tabular-nums text-muted-foreground sm:inline", children: formatFollowupWhen(when) }),
+      /* @__PURE__ */ jsx14("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: call.status === "running" ? /* @__PURE__ */ jsx14("svg", { className: "h-3 w-3 shrink-0 animate-spin text-[var(--accent-text)]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx14("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }) : /* @__PURE__ */ jsx14("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${failed ? "bg-[var(--surface-danger-text)]" : "bg-[var(--surface-success-text)]"}` }) })
     ] }),
-    errorText && /* @__PURE__ */ jsx15("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
+    errorText && /* @__PURE__ */ jsx14("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
   ] }) });
 }
 function toolRowTitle(call) {
@@ -6397,10 +5350,10 @@ function ToolCallCard({
   const arrival = useArrivalStyle(staggerIndex ?? 0);
   const pending = call.status === "done" ? pendingApprovalOf(call) : null;
   const kind = blockKindOf(call);
-  const arrive = (row) => /* @__PURE__ */ jsx15("div", { className: "agent-arrive", style: arrival, children: row });
+  const arrive = (row) => /* @__PURE__ */ jsx14("div", { className: "agent-arrive", style: arrival, children: row });
   if (pending) {
     return arrive(
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx14(
         ProposalCard,
         {
           call,
@@ -6413,18 +5366,18 @@ function ToolCallCard({
     );
   }
   if (kind === "followup") {
-    return arrive(/* @__PURE__ */ jsx15(FollowupCard, { call }));
+    return arrive(/* @__PURE__ */ jsx14(FollowupCard, { call }));
   }
   const custom = renderers?.[call.name]?.(call, message);
   return arrive(
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx14(
       InlineToolItem,
       {
         part: chatToolCallPart(call),
         title: toolRowTitle(call),
         description: toolRowDescription(call),
-        renderToolDetail: () => custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx15(ShellDetail, { call }) : /* @__PURE__ */ jsx15(DefaultToolDetail, { call })),
-        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx15(
+        renderToolDetail: () => custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx14(ShellDetail, { call }) : /* @__PURE__ */ jsx14(DefaultToolDetail, { call })),
+        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -6432,9 +5385,9 @@ function ToolCallCard({
             "aria-label": "Open full transcript",
             title: "Open full transcript",
             className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground",
-            children: /* @__PURE__ */ jsxs13("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__ */ jsx15("path", { d: "M7 17 17 7" }),
-              /* @__PURE__ */ jsx15("path", { d: "M7 7h10v10" })
+            children: /* @__PURE__ */ jsxs12("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__ */ jsx14("path", { d: "M7 17 17 7" }),
+              /* @__PURE__ */ jsx14("path", { d: "M7 7h10v10" })
             ] })
           }
         ) : void 0
@@ -6443,7 +5396,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       className: "ml-0.5 inline-block h-[1.1em] w-[3px] translate-y-[2px] animate-[agent-caret_1s_step-end_infinite] rounded-sm bg-foreground/70",
@@ -6460,7 +5413,7 @@ function SegmentText({
   messageClassName
 }) {
   const text = useSmoothText(content, streaming);
-  const body = useMemo8(() => renderBody(text), [renderBody, text]);
+  const body = useMemo7(() => renderBody(text), [renderBody, text]);
   if (!content.trim() && !showCaret) return null;
   return (
     // A settled run arrives from a short blur; the LIVE run does not, because
@@ -6468,9 +5421,9 @@ function SegmentText({
     // the container on top of that makes the paragraph shimmer while it types.
     // The distinction is what separates "the answer materialised" from "the
     // log was appended to".
-    /* @__PURE__ */ jsxs13("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
+    /* @__PURE__ */ jsxs12("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
       body,
-      showCaret && /* @__PURE__ */ jsx15(StreamingCaret, {})
+      showCaret && /* @__PURE__ */ jsx14(StreamingCaret, {})
     ] })
   );
 }
@@ -6495,7 +5448,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call, index) => /* @__PURE__ */ jsx15(
+  const renderToolCard = (call, index) => /* @__PURE__ */ jsx14(
     ToolCallCard,
     {
       call,
@@ -6523,7 +5476,7 @@ function SegmentedBody({
   for (const g of groups) {
     if (g.kind === "text") {
       children.push(
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx14(
           SegmentText,
           {
             content: g.content,
@@ -6539,13 +5492,13 @@ function SegmentedBody({
     }
     if (!streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool)) {
       children.push(
-        /* @__PURE__ */ jsxs13("details", { children: [
-          /* @__PURE__ */ jsxs13("summary", { className: "cursor-pointer select-none rounded-md py-0.5 text-xs font-medium text-muted-foreground [transition:color_var(--motion-control)] hover:text-foreground", children: [
+        /* @__PURE__ */ jsxs12("details", { children: [
+          /* @__PURE__ */ jsxs12("summary", { className: "cursor-pointer select-none rounded-md py-0.5 text-xs font-medium text-muted-foreground [transition:color_var(--motion-control)] hover:text-foreground", children: [
             "Worked through ",
             g.calls.length,
             " steps"
           ] }),
-          /* @__PURE__ */ jsx15("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
+          /* @__PURE__ */ jsx14("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
         ] }, `tools-fold-${g.index}`)
       );
       continue;
@@ -6554,9 +5507,9 @@ function SegmentedBody({
   }
   leftoverToolCalls.forEach((call, index) => children.push(renderToolCard(call, index)));
   if (streaming && segments[lastIndex]?.kind === "tool") {
-    children.push(/* @__PURE__ */ jsx15(StreamingCaret, {}, "streaming-caret"));
+    children.push(/* @__PURE__ */ jsx14(StreamingCaret, {}, "streaming-caret"));
   }
-  return /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-2", children });
+  return /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-2", children });
 }
 var QUIET_META_LANE_CLASS = "mt-1 flex h-[18px] items-center gap-2 text-xs tabular-nums 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) {
@@ -6565,9 +5518,9 @@ function copyTextOf(msg) {
   return msg.content;
 }
 function CopyMessageButton({ text }) {
-  const [copied, setCopied] = useState17(false);
-  const timerRef = useRef13(null);
-  useEffect13(
+  const [copied, setCopied] = useState15(false);
+  const timerRef = useRef11(null);
+  useEffect11(
     () => () => {
       if (timerRef.current !== null) clearTimeout(timerRef.current);
     },
@@ -6586,7 +5539,7 @@ function CopyMessageButton({ text }) {
       }
     );
   };
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "button",
     {
       type: "button",
@@ -6594,9 +5547,9 @@ function CopyMessageButton({ text }) {
       "aria-label": "Copy message",
       title: "Copy message",
       className: "rounded p-0.5 text-muted-foreground transition hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      children: copied ? /* @__PURE__ */ jsx15("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__ */ jsx15("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs13("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__ */ jsx15("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-        /* @__PURE__ */ jsx15("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      children: copied ? /* @__PURE__ */ jsx14("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__ */ jsx14("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs12("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__ */ jsx14("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+        /* @__PURE__ */ jsx14("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
       ] })
     }
   );
@@ -6619,34 +5572,34 @@ function AssistantMessageImpl({
 }) {
   const content = useSmoothText(msg.content, streaming);
   const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
-  const body = useMemo8(() => 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 = useRef13(null);
-  const thinkStartRef = useRef13(null);
-  const thinkMsRef = useRef13(null);
+  const reasoningScrollRef = useRef11(null);
+  const thinkStartRef = useRef11(null);
+  const thinkMsRef = useRef11(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;
   }
-  useEffect13(() => {
+  useEffect11(() => {
     const el = reasoningScrollRef.current;
     if (el && streaming && !hasAnswerText) el.scrollTop = el.scrollHeight;
   }, [reasoning, streaming, hasAnswerText]);
   const thinkingSeconds = useThinkingSeconds(
     streaming && !!reasoning && !hasAnswerText
   );
-  const [reasoningToggled, setReasoningToggled] = useState17(null);
+  const [reasoningToggled, setReasoningToggled] = useState15(null);
   const reasoningOpen = reasoningToggled ?? !hasAnswerText;
   const quiet = chrome === "quiet";
-  return /* @__PURE__ */ jsxs13("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
-    !quiet && /* @__PURE__ */ jsxs13("div", { className: "mb-1 flex items-baseline gap-2 text-xs tabular-nums text-muted-foreground", children: [
-      /* @__PURE__ */ jsx15("span", { className: "font-semibold uppercase tracking-[0.05em]", children: agentLabel }),
-      msg.modelUsed && /* @__PURE__ */ jsx15("span", { className: "font-mono normal-case", children: msg.modelUsed }),
-      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx15("span", { children: formatTokensPerSecond(msg) }),
-      formatModelCost(msg, models) && /* @__PURE__ */ jsx15("span", { children: formatModelCost(msg, models) })
+  return /* @__PURE__ */ jsxs12("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+    !quiet && /* @__PURE__ */ jsxs12("div", { className: "mb-1 flex items-baseline gap-2 text-xs tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ jsx14("span", { className: "font-semibold uppercase tracking-[0.05em]", children: agentLabel }),
+      msg.modelUsed && /* @__PURE__ */ jsx14("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx14("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx14("span", { children: formatModelCost(msg, models) })
     ] }),
     reasoning && // The canonical run-row grammar (RunRowShell — the same shell the tool
     // rows compose): one family of rows instead of a bespoke disclosure per
@@ -6656,12 +5609,12 @@ function AssistantMessageImpl({
     // and a click outranks the default from then on — the contract the old
     // hand-rolled disclosure had, now enforced through the shell's
     // controlled `open`.
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx14(
       RunRowShell,
       {
         className: "mb-2",
-        icon: /* @__PURE__ */ jsx15(BrainGlyph, { className: "h-3.5 w-3.5" }),
-        title: !hasAnswerText ? /* @__PURE__ */ jsxs13("span", { className: "agent-shimmer", "data-motion": "essential", children: [
+        icon: /* @__PURE__ */ jsx14(BrainGlyph, { className: "h-3.5 w-3.5" }),
+        title: !hasAnswerText ? /* @__PURE__ */ jsxs12("span", { className: "agent-shimmer", "data-motion": "essential", children: [
           "Thinking",
           thinkingSeconds >= 1 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
         ] }) : thinkMsRef.current != null ? (
@@ -6676,7 +5629,7 @@ function AssistantMessageImpl({
         status: hasAnswerText ? "idle" : "running",
         open: reasoningOpen,
         onOpenChange: (next) => setReasoningToggled(next),
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx14(
           "div",
           {
             ref: reasoningScrollRef,
@@ -6686,7 +5639,7 @@ function AssistantMessageImpl({
         )
       }
     ),
-    segments && segments.length > 0 ? /* @__PURE__ */ jsx15(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx14(
       SegmentedBody,
       {
         segments,
@@ -6698,12 +5651,12 @@ function AssistantMessageImpl({
         toolRenderers,
         messageClassName
       }
-    ) : /* @__PURE__ */ jsxs13(Fragment8, { children: [
-      /* @__PURE__ */ jsxs13("div", { className: messageClassName, children: [
+    ) : /* @__PURE__ */ jsxs12(Fragment7, { children: [
+      /* @__PURE__ */ jsxs12("div", { className: messageClassName, children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx15(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx14(StreamingCaret, {})
       ] }),
-      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc, index) => /* @__PURE__ */ jsx15(
+      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc, index) => /* @__PURE__ */ jsx14(
         ToolCallCard,
         {
           call: tc,
@@ -6716,7 +5669,7 @@ function AssistantMessageImpl({
         tc.id
       )) })
     ] }),
-    durableCards && msg.parts && /* @__PURE__ */ jsx15(
+    durableCards && msg.parts && /* @__PURE__ */ jsx14(
       DurableChatCards,
       {
         ...durableCards,
@@ -6725,7 +5678,7 @@ function AssistantMessageImpl({
         className: "mt-3"
       }
     ),
-    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx15(
+    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx14(
       WorkProductCard,
       {
         part,
@@ -6735,7 +5688,7 @@ function AssistantMessageImpl({
       `${part.ref.id}:${part.ref.version}`
     )),
     renderExtras?.(msg),
-    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-2", children: /* @__PURE__ */ jsx15(
+    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-2", children: /* @__PURE__ */ jsx14(
       MessageAttachments,
       {
         parts: attachmentPartsFromMessageParts(msg.parts),
@@ -6743,18 +5696,18 @@ function AssistantMessageImpl({
         justify: "start"
       }
     ) }),
-    quiet && /* @__PURE__ */ jsxs13("div", { "data-testid": "message-meta-lane", className: QUIET_META_LANE_CLASS, children: [
-      /* @__PURE__ */ jsx15(CopyMessageButton, { text: copyTextOf(msg) }),
-      msg.modelUsed && /* @__PURE__ */ jsx15("span", { className: "font-mono", children: msg.modelUsed }),
-      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx15("span", { children: formatTokensPerSecond(msg) }),
-      formatModelCost(msg, models) && /* @__PURE__ */ jsx15("span", { children: formatModelCost(msg, models) })
+    quiet && /* @__PURE__ */ jsxs12("div", { "data-testid": "message-meta-lane", className: QUIET_META_LANE_CLASS, children: [
+      /* @__PURE__ */ jsx14(CopyMessageButton, { text: copyTextOf(msg) }),
+      msg.modelUsed && /* @__PURE__ */ jsx14("span", { className: "font-mono", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx14("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx14("span", { children: formatModelCost(msg, models) })
     ] })
   ] });
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState17(0);
-  useEffect13(() => {
+  const [seconds, setSeconds] = useState15(0);
+  useEffect11(() => {
     if (!active) return;
     setSeconds(0);
     const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
@@ -6764,23 +5717,23 @@ function useThinkingSeconds(active) {
 }
 function ThinkingRow({ agentLabel, chrome = "labeled" }) {
   const seconds = useThinkingSeconds(true);
-  return /* @__PURE__ */ jsxs13("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    chrome !== "quiet" && /* @__PURE__ */ jsx15("p", { className: "mb-1 text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: agentLabel }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-[15px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx15("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx15("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
+  return /* @__PURE__ */ jsxs12("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    chrome !== "quiet" && /* @__PURE__ */ jsx14("p", { className: "mb-1 text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: agentLabel }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-[15px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx14("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__ */ jsx15("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs13("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__ */ jsxs13("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__ */ jsx15("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx15("path", { d: "M12 8v4m0 4h.01" })
+  return /* @__PURE__ */ jsx14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs12("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__ */ jsxs12("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__ */ jsx14("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx14("path", { d: "M12 8v4m0 4h.01" })
     ] }),
-    /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -6814,33 +5767,33 @@ function ChatMessages({
   workProductCards
 }) {
   const messageClassName = messageSize === "large" ? "agent-app-message-copy text-[17px] leading-[1.6]" : "agent-app-message-copy text-base leading-[1.6]";
-  const renderBody = useMemo8(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx15("p", { className: "whitespace-pre-wrap", children: content })),
+  const renderBody = useMemo7(
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx14("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__ */ jsx15(ChatEmptyState, { ...emptyState });
-    return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx14(ChatEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsxs12(Fragment7, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
     header,
     messages.map(
-      (msg) => msg.role === "user" ? /* @__PURE__ */ jsxs13("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
-        /* @__PURE__ */ jsxs13("div", { className: `ml-auto w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
-          !quiet && /* @__PURE__ */ jsx15("p", { className: "mb-1 text-right text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: userLabel }),
-          /* @__PURE__ */ jsx15(
+      (msg) => msg.role === "user" ? /* @__PURE__ */ jsxs12("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+        /* @__PURE__ */ jsxs12("div", { className: `ml-auto w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
+          !quiet && /* @__PURE__ */ jsx14("p", { className: "mb-1 text-right text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: userLabel }),
+          /* @__PURE__ */ jsx14(
             "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__ */ jsx15("p", { className: "whitespace-pre-wrap", children: msg.content })
+              children: /* @__PURE__ */ jsx14("p", { className: "whitespace-pre-wrap", children: msg.content })
             }
           ),
-          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx15(
+          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx14(
             MessageAttachments,
             {
               parts: attachmentPartsFromMessageParts(msg.parts),
@@ -6849,8 +5802,8 @@ function ChatMessages({
             }
           ) })
         ] }),
-        quiet && /* @__PURE__ */ jsx15("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-end`, children: /* @__PURE__ */ jsx15(CopyMessageButton, { text: msg.content }) })
-      ] }, msg.id) : /* @__PURE__ */ jsx15(
+        quiet && /* @__PURE__ */ jsx14("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-end`, children: /* @__PURE__ */ jsx14(CopyMessageButton, { text: msg.content }) })
+      ] }, msg.id) : /* @__PURE__ */ jsx14(
         AssistantMessage,
         {
           msg,
@@ -6871,8 +5824,8 @@ function ChatMessages({
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx15(ThinkingRow, { agentLabel, chrome }),
-    error && !loading && /* @__PURE__ */ jsx15(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx14(ThinkingRow, { agentLabel, chrome }),
+    error && !loading && /* @__PURE__ */ jsx14(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
@@ -6907,11 +5860,6 @@ export {
   dispatchChatStreamLine,
   consumeChatStream,
   streamChatTurn,
-  pickDictationMimeType,
-  dictationErrorMessage,
-  formatDictationElapsed,
-  useDictation,
-  ChatComposer,
   DurablePlanClientError,
   createDurablePlanDecisionClient,
   useDurablePlanFlow,
@@ -7011,4 +5959,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-YTEUZXX2.js.map
+//# sourceMappingURL=chunk-JAYKCWW4.js.map