@tangle-network/agent-app 0.45.63 → 0.45.65

package/dist/{chunk-FOXGPGXF.js → chunk-AWM4H5XR.js}

@@ -10,18 +10,23 @@ import {
   ChevronDown,
   OVERLAY_SHADOW,
   POPOVER_OPTION_FOCUS,
+  POPOVER_SURFACE_ATTR,
   PopoverSurface,
+  filterAcceptedFiles,
+  renamePastedImages,
   usePending,
   usePopover
-} from "./chunk-FZKNVQYP.js";
+} from "./chunk-23J72UUA.js";
 import {
   AsyncView
 } from "./chunk-3UBAO3N5.js";
 import {
   UNTITLED_SESSION_LABEL,
+  filterCommandPaletteItems,
+  groupCommandPaletteItems,
   mergeSessionPages,
   sessionLabel
-} from "./chunk-PC2WYTK7.js";
+} from "./chunk-EDTWGSQT.js";
 import {
   attachmentPartsFromMessageParts
 } from "./chunk-5ZTFZBS6.js";
@@ -41,7 +46,7 @@ import {
 } from "./chunk-YJMCRXQQ.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef12, useState as useState16, memo } from "react";
+import { useEffect as useEffect14, useMemo as useMemo9, useRef as useRef14, useState as useState18, memo } from "react";
 import { InlineToolItem, RunRowShell } from "@tangle-network/ui/run";
 
 // src/web-react/smooth-text.ts
@@ -1408,11 +1413,147 @@ async function streamChatTurn(opts) {
 
 // src/web-react/chat-composer.tsx
 import {
-  useCallback as useCallback2,
-  useEffect as useEffect5,
-  useRef as useRef5,
-  useState as useState7
+  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";
 var IS_APPLE_PLATFORM = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform);
 function SendGlyph({ className }) {
@@ -1436,10 +1577,24 @@ function FolderGlyph({ className }) {
 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" }) });
 }
-var MAX_HEIGHT = 168;
+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;
@@ -1477,9 +1632,22 @@ function ChatComposer({
   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,
+  slashCommands,
+  onDictate,
+  onDictateError,
   focusShortcut = true,
   floating = false,
   sendLabel = "Send",
@@ -1487,31 +1655,48 @@ function ChatComposer({
   className
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = useState7(initialValue ?? "");
+  const [internal, setInternal] = useState8(initialValue ?? "");
   const text = isControlled ? value : internal;
-  const textRef = useRef5(text);
+  const textRef = useRef6(text);
   textRef.current = text;
-  const textareaRef = useRef5(null);
-  const fileInputRef = useRef5(null);
-  const folderInputRef = useRef5(null);
-  const [dragOver, setDragOver] = useState7(false);
-  const dragDepth = useRef5(0);
-  const setText = useCallback2(
+  const textareaRef = useRef6(null);
+  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]
   );
-  useEffect5(() => {
+  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, MAX_HEIGHT)}px`;
-  }, [text]);
-  const prevSeedRef = useRef5(null);
-  const pendingCaretRef = useRef5(null);
-  useEffect5(() => {
+    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;
@@ -1525,7 +1710,7 @@ function ChatComposer({
       pendingCaretRef.current = seed;
     }
   }, [seed, setText, onSeedApplied, isControlled]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (pendingCaretRef.current == null || pendingCaretRef.current !== text)
       return;
     pendingCaretRef.current = null;
@@ -1534,8 +1719,8 @@ function ChatComposer({
     el.focus();
     el.setSelectionRange(text.length, text.length);
   }, [text]);
-  const restoreCaretRef = useRef5(null);
-  useEffect5(() => {
+  const restoreCaretRef = useRef6(null);
+  useEffect6(() => {
     const pending = restoreCaretRef.current;
     if (!pending || pending.text !== text) return;
     restoreCaretRef.current = null;
@@ -1546,7 +1731,7 @@ function ChatComposer({
     const end = Math.min(pending.end, text.length);
     el.setSelectionRange(start, end);
   }, [text]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!focusShortcut || disabled) return;
     function onKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
@@ -1557,11 +1742,12 @@ function ChatComposer({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [focusShortcut, disabled]);
-  const readyFileCount = pendingFiles.filter((f) => f.status === "ready").length;
-  const hasSendable = text.trim().length > 0 || readyFileCount > 0;
-  const canSend = hasSendable && !isStreaming && !disabled;
-  const [failedSend, setFailedSend] = useState7(null);
-  const failSend = useCallback2(
+  const sendableFiles = canSubmitAttachmentsOnly ? pendingFiles : pendingFiles.filter((f) => f.status === "ready");
+  const hasSendable = text.trim().length > 0 || sendableFiles.length > 0;
+  const sendBlockedByStream = isStreaming && !canSubmitWhileBusy;
+  const canSend = hasSendable && !sendBlockedByStream && !disabled;
+  const [failedSend, setFailedSend] = useState8(null);
+  const failSend = useCallback3(
     (error, draft, trimmed, parts, caret) => {
       const message = sendFailureText(error, sendFailureMessage);
       const restored = textRef.current === "";
@@ -1580,7 +1766,7 @@ function ChatComposer({
     },
     [onSendFailed, sendFailureMessage, setText]
   );
-  const dispatchSend = useCallback2(
+  const dispatchSend = useCallback3(
     (draft, trimmed, parts, caret) => {
       let outcome;
       try {
@@ -1602,11 +1788,17 @@ function ChatComposer({
     },
     [onSend, onSendParts, failSend]
   );
-  const send = useCallback2(() => {
+  const send = useCallback3(() => {
     const trimmed = text.trim();
-    if (isStreaming || disabled) return;
+    if (sendBlockedByStream || disabled) return;
     const readyFiles = pendingFiles.filter((f) => f.status === "ready");
-    if (!trimmed && readyFiles.length === 0) return;
+    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 };
@@ -1614,36 +1806,151 @@ function ChatComposer({
     setText("");
     textRef.current = "";
     dispatchSend(text, trimmed, parts, caret);
-  }, [text, isStreaming, disabled, onSendParts, pendingFiles, setText, dispatchSend]);
-  const retryFailedSend = useCallback2(() => {
+  }, [
+    text,
+    sendBlockedByStream,
+    disabled,
+    canSubmitAttachmentsOnly,
+    attachmentsNotReadyMessage,
+    onSendParts,
+    pendingFiles,
+    setText,
+    dispatchSend
+  ]);
+  const retryFailedSend = useCallback3(() => {
     const failure = failedSend;
-    if (!failure || isStreaming || disabled) return;
+    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, isStreaming, disabled, dispatchSend]);
+  }, [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 = 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) onAttach?.(e.target.files);
+    if (e.target.files?.length) deliverFiles(Array.from(e.target.files), e.target.files);
     e.target.value = "";
   };
+  const handlePaste = (e) => {
+    if (!onAttach) return;
+    const clipboardFiles = e.clipboardData?.files;
+    if (!clipboardFiles || clipboardFiles.length === 0) return;
+    e.preventDefault();
+    const { files, nextIndex } = renamePastedImages(
+      Array.from(clipboardFiles),
+      pastedImageCount.current,
+      pendingFiles.map((f) => f.name)
+    );
+    pastedImageCount.current = nextIndex;
+    deliverFiles(files, clipboardFiles);
+  };
   const handleFolderChange = (e) => {
     if (e.target.files?.length) (onAttachFolder ?? onAttach)?.(e.target.files);
     e.target.value = "";
   };
-  const handleDragEnter = useCallback2((e) => {
+  const handleDragEnter = useCallback3((e) => {
     e.preventDefault();
     e.stopPropagation();
     dragDepth.current++;
     if (e.dataTransfer?.types.includes("Files")) setDragOver(true);
   }, []);
-  const handleDragLeave = useCallback2((e) => {
+  const handleDragLeave = useCallback3((e) => {
     e.preventDefault();
     e.stopPropagation();
     dragDepth.current--;
@@ -1652,21 +1959,21 @@ function ChatComposer({
       setDragOver(false);
     }
   }, []);
-  const handleDragOver = useCallback2((e) => {
+  const handleDragOver = useCallback3((e) => {
     e.preventDefault();
     e.stopPropagation();
     if (e.dataTransfer) e.dataTransfer.dropEffect = "copy";
   }, []);
-  const handleDrop = useCallback2(
+  const handleDrop = useCallback3(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
       dragDepth.current = 0;
       setDragOver(false);
       const files = e.dataTransfer?.files;
-      if (files?.length) onAttach?.(files);
+      if (files?.length) deliverFiles(Array.from(files), files);
     },
-    [onAttach]
+    [deliverFiles]
   );
   const folderChips = pendingFiles.filter((f) => f.kind === "folder");
   const fileChips = pendingFiles.filter((f) => f.kind !== "folder");
@@ -1687,6 +1994,27 @@ function ChatComposer({
           /* @__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",
           {
@@ -1722,7 +2050,7 @@ function ChatComposer({
                     type: "button",
                     "aria-label": "Retry sending the unsent message",
                     onClick: retryFailedSend,
-                    disabled: isStreaming || disabled,
+                    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"
                   }
@@ -1731,36 +2059,73 @@ function ChatComposer({
             ]
           }
         ),
-        pendingFiles.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => /* @__PURE__ */ jsxs5(
+        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 items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${f.status === "error" ? "border-destructive/40 text-destructive" : "border-border bg-secondary text-foreground"}`,
+            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: [
-              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" }),
-              onRemoveFile && /* @__PURE__ */ jsx7(
+              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 ${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",
+                  "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" })
                 }
               )
             ]
           },
-          f.id
+          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: [
@@ -1771,11 +2136,14 @@ function ChatComposer({
                   value: text,
                   onChange: (e) => setText(e.target.value),
                   onKeyDown: handleKeyDown,
+                  onPaste: onAttach ? handlePaste : void 0,
                   placeholder,
                   disabled,
-                  rows: 2,
+                  autoFocus,
+                  rows: minRows,
+                  style: { minHeight: minRows * LINE_HEIGHT + TEXTAREA_PADDING_Y, maxHeight },
                   "aria-label": "Message input",
-                  className: "max-h-[168px] min-h-[56px] 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"
+                  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: [
@@ -1827,6 +2195,42 @@ function ChatComposer({
                     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",
                   {
@@ -1878,6 +2282,38 @@ function ChatComposer({
             ]
           }
         ),
+        /* @__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" }),
@@ -1889,7 +2325,7 @@ function ChatComposer({
 }
 
 // src/web-react/durable-plan-flow.ts
-import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef6, useState as useState8 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef7, useState as useState9 } from "react";
 var DurablePlanClientError = class extends Error {
   constructor(message, status, code, currentPlan) {
     super(message);
@@ -1976,14 +2412,14 @@ function createDurablePlanDecisionClient(options) {
   };
 }
 function useDurablePlanFlow(options) {
-  const [plan, setPlan] = useState8(options.plan);
-  const [deciding, setDeciding] = useState8(null);
-  const [restoring, setRestoring] = useState8(false);
-  const [error, setError] = useState8(null);
-  const attachments = useRef6(/* @__PURE__ */ new Map());
-  const decisionInFlight = useRef6(false);
-  useEffect6(() => setPlan(options.plan), [options.plan]);
-  const apply = useCallback3(async (result) => {
+  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) => {
     setPlan(result.plan);
     options.onUpdated?.(result.plan);
     const receipt = result.followUp;
@@ -1996,7 +2432,7 @@ function useDurablePlanFlow(options) {
     }
     await pending;
   }, [options.attachFollowUp, options.onUpdated]);
-  const decide = useCallback3(async (decision, feedback) => {
+  const decide = useCallback4(async (decision, feedback) => {
     if (decisionInFlight.current) return null;
     decisionInFlight.current = true;
     setDeciding(decision);
@@ -2022,7 +2458,7 @@ function useDurablePlanFlow(options) {
       setDeciding(null);
     }
   }, [apply, options.client, options.onUpdated, plan.planId, plan.revision]);
-  const restore = useCallback3(async () => {
+  const restore = useCallback4(async () => {
     setRestoring(true);
     setError(null);
     try {
@@ -2151,7 +2587,7 @@ function createDurableInteractionAnswerSubmitter(options) {
 }
 
 // src/web-react/use-chat-interactions.ts
-import { useCallback as useCallback4, useMemo as useMemo3, useState as useState9 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo4, useState as useState10 } from "react";
 function hasPendingContentDuplicate(list, interaction) {
   if (interaction.status !== "pending") return false;
   const signature = questionInteractionContentSignature(interaction);
@@ -2230,34 +2666,34 @@ function hydrateChatInteractions(list, persisted) {
   return persisted.reduce(upsertChatInteraction, list);
 }
 function useChatInteractions(options = {}) {
-  const [interactions, setInteractions] = useState9([]);
-  const upsert = useCallback4((interaction) => {
+  const [interactions, setInteractions] = useState10([]);
+  const upsert = useCallback5((interaction) => {
     setInteractions((prev) => upsertChatInteraction(prev, interaction));
   }, []);
-  const applyCancel = useCallback4((cancel) => {
+  const applyCancel = useCallback5((cancel) => {
     setInteractions((prev) => cancelChatInteraction(prev, cancel));
   }, []);
-  const markResolved = useCallback4((id, status, answers) => {
+  const markResolved = useCallback5((id, status, answers) => {
     setInteractions((prev) => resolveChatInteraction(prev, id, status, answers));
   }, []);
-  const restore = useCallback4((outstanding, restoreOptions) => {
+  const restore = useCallback5((outstanding, restoreOptions) => {
     setInteractions((prev) => restoreChatInteractions(prev, outstanding, {
       mode: restoreOptions?.mode ?? options.mode
     }));
   }, [options.mode]);
-  const hydrate = useCallback4((persisted) => {
+  const hydrate = useCallback5((persisted) => {
     setInteractions((prev) => hydrateChatInteractions(prev, persisted));
   }, []);
-  const terminalizePending = useCallback4((status) => {
+  const terminalizePending = useCallback5((status) => {
     setInteractions((prev) => terminalizePendingChatInteractions(prev, status));
   }, []);
-  const reset = useCallback4(() => setInteractions([]), []);
-  const pending = useMemo3(() => interactions.filter((item) => item.status === "pending"), [interactions]);
+  const reset = useCallback5(() => setInteractions([]), []);
+  const pending = useMemo4(() => interactions.filter((item) => item.status === "pending"), [interactions]);
   return { interactions, pending, upsert, applyCancel, markResolved, restore, hydrate, terminalizePending, reset };
 }
 
 // src/web-react/use-file-mentions.ts
-import { useCallback as useCallback5, useMemo as useMemo4, useRef as useRef7, useState as useState10 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo5, useRef as useRef8, useState as useState11 } from "react";
 var FILE_MENTION_KIND = "file";
 function toMentionItem(file) {
   return { id: file.path, label: file.name, detail: file.path, kind: FILE_MENTION_KIND };
@@ -2315,12 +2751,12 @@ function useFileMentions(options) {
     emptyText = DEFAULT_MENTION_EMPTY_TEXT
   } = options;
   const fetchImpl = options.fetchImpl ?? fetch;
-  const [state, setState] = useState10({ kind: "idle" });
-  const stateRef = useRef7(state);
+  const [state, setState] = useState11({ kind: "idle" });
+  const stateRef = useRef8(state);
   stateRef.current = state;
-  const inFlightRef = useRef7(null);
-  const [mentions, setMentions] = useState10([]);
-  const load = useCallback5(() => {
+  const inFlightRef = useRef8(null);
+  const [mentions, setMentions] = useState11([]);
+  const load = useCallback6(() => {
     if (inFlightRef.current) return inFlightRef.current;
     if (stateRef.current.kind === "idle") {
       stateRef.current = { kind: "loading" };
@@ -2352,10 +2788,10 @@ function useFileMentions(options) {
     inFlightRef.current = attempt;
     return attempt;
   }, [fetchImpl, indexUrl]);
-  const refresh = useCallback5(async () => {
+  const refresh = useCallback6(async () => {
     await load();
   }, [load]);
-  const fetchItems = useCallback5(
+  const fetchItems = useCallback6(
     async (query) => {
       let current = stateRef.current;
       if (current.kind === "idle" || current.kind === "loading") {
@@ -2370,11 +2806,11 @@ function useFileMentions(options) {
     },
     [load, limit, refreshAfterMs]
   );
-  const onMentionsChange = useCallback5((items) => {
+  const onMentionsChange = useCallback6((items) => {
     setMentions(items.filter((item) => item.kind === void 0 || item.kind === FILE_MENTION_KIND).map(toFileMention));
   }, []);
-  const clearMentions = useCallback5(() => setMentions([]), []);
-  const mention = useMemo4(
+  const clearMentions = useCallback6(() => setMentions([]), []);
+  const mention = useMemo5(
     () => ({
       fetchItems,
       onMentionsChange,
@@ -2428,7 +2864,7 @@ function segmentMentionContent(content, parts) {
 }
 
 // src/web-react/mission-activity.tsx
-import { useCallback as useCallback6, useEffect as useEffect7, useState as useState11 } from "react";
+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";
 var LIVE_STATUSES = /* @__PURE__ */ new Set(["pending", "running"]);
 var OK_STATUSES = /* @__PURE__ */ new Set(["completed", "done", "succeeded"]);
@@ -2488,8 +2924,8 @@ function CopyGlyph({ className }) {
   ] });
 }
 function TraceIdCopy({ traceId }) {
-  const [copied, setCopied] = useState11(false);
-  const copy = useCallback6(() => {
+  const [copied, setCopied] = useState12(false);
+  const copy = useCallback7(() => {
     void navigator.clipboard?.writeText(traceId).then(
       () => {
         setCopied(true);
@@ -2581,7 +3017,7 @@ function LaneRow({ run, staggerIndex }) {
   ] });
 }
 function MissionActivityLane({ activity, startedAt, nowMs }) {
-  const [expanded, setExpanded] = useState11(false);
+  const [expanded, setExpanded] = useState12(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)),
@@ -2614,7 +3050,7 @@ function ActivityRow({
   staggerIndex
 }) {
   const arrival = useArrivalStyle(staggerIndex);
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const tone = activityTone(record.status);
   const cost = formatActivityCost(record.costUsd);
   const duration = formatActivityDuration(record.durationMs);
@@ -2654,11 +3090,11 @@ function ActivityRow({
   ] });
 }
 function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent activity", emptyLabel = "No agent runs yet." }) {
-  const [rows, setRows] = useState11([]);
-  const [cursor, setCursor] = useState11(void 0);
-  const [status, setStatus] = useState11("loading");
-  const [error, setError] = useState11(null);
-  const load = useCallback6(
+  const [rows, setRows] = useState12([]);
+  const [cursor, setCursor] = useState12(void 0);
+  const [status, setStatus] = useState12("loading");
+  const [error, setError] = useState12(null);
+  const load = useCallback7(
     async (from) => {
       setStatus("loading");
       setError(null);
@@ -2674,7 +3110,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
     },
     [fetchActivity]
   );
-  useEffect7(() => {
+  useEffect8(() => {
     void load();
   }, [load]);
   const loading = status === "loading";
@@ -2711,7 +3147,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
 }
 
 // src/web-react/provenance.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useId, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect9, useId as useId2, useRef as useRef9, useState as useState13 } from "react";
 
 // src/web-react/provenance-model.ts
 var PROVENANCE_BASES = ["extracted", "entered", "computed", "asserted"];
@@ -3005,10 +3441,10 @@ function ProvenanceValue({
   missingValueLabel = DEFAULT_MISSING_VALUE_LABEL,
   className
 }) {
-  const [open, setOpen] = useState12(defaultOpen);
-  const triggerRef = useRef8(null);
-  const rootRef = useRef8(null);
-  const panelId = useId();
+  const [open, setOpen] = useState13(defaultOpen);
+  const triggerRef = useRef9(null);
+  const rootRef = useRef9(null);
+  const panelId = useId2();
   const standing = rollUpProvenanceStanding(record, confidencePolicy);
   const basisMeta = provenanceBasisMeta(record.basis);
   const standingMeta = provenanceStandingMeta(standing);
@@ -3017,7 +3453,7 @@ function ProvenanceValue({
   const sources = record.sources ?? [];
   const inputs = record.inputs ?? [];
   const hasValue = record.display.trim() !== "";
-  const onKeyDown = useCallback7(
+  const onKeyDown = useCallback8(
     (event) => {
       if (event.key !== "Escape" || !open) return;
       event.stopPropagation();
@@ -3026,11 +3462,11 @@ function ProvenanceValue({
     },
     [open]
   );
-  const onToggle = useCallback7(() => {
+  const onToggle = useCallback8(() => {
     if (!open) closeTrailsOutside(rootRef.current);
     setOpen(!open);
   }, [open]);
-  useEffect8(() => {
+  useEffect9(() => {
     const root = rootRef.current;
     if (!open || root === null) return;
     const entry = { root, close: () => setOpen(false) };
@@ -3286,12 +3722,12 @@ function SeatPaywall({
 
 // src/web-react/session-history.tsx
 import {
-  useCallback as useCallback8,
-  useEffect as useEffect9,
-  useId as useId2,
-  useMemo as useMemo5,
-  useRef as useRef9,
-  useState as useState13
+  useCallback as useCallback9,
+  useEffect as useEffect10,
+  useId as useId3,
+  useMemo as useMemo6,
+  useRef as useRef10,
+  useState as useState14
 } from "react";
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function rethrowAsync(error) {
@@ -3300,13 +3736,13 @@ function rethrowAsync(error) {
   });
 }
 function useInfiniteScroll(onLoadMore, { enabled, root, rootMargin = "300px" }) {
-  const [sentinel, setSentinel] = useState13(null);
-  const sentinelRef = useCallback8((node) => setSentinel(node), []);
-  const onLoadMoreRef = useRef9(onLoadMore);
-  useEffect9(() => {
+  const [sentinel, setSentinel] = useState14(null);
+  const sentinelRef = useCallback9((node) => setSentinel(node), []);
+  const onLoadMoreRef = useRef10(onLoadMore);
+  useEffect10(() => {
     onLoadMoreRef.current = onLoadMore;
   }, [onLoadMore]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!sentinel || !enabled) return;
     if (typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(
@@ -3335,24 +3771,24 @@ function useSessionHistory({
   initialPage,
   defaultSort = "newest"
 }) {
-  const [items, setItems] = useState13(initialPage.items);
-  const [nextCursor, setNextCursor] = useState13(initialPage.nextCursor ?? null);
-  const [phase, setPhase] = useState13("idle");
-  const [reloadKey, setReloadKey] = useState13(0);
-  const seqRef = useRef9(0);
-  const resetAbortRef = useRef9(null);
-  const loadMoreAbortRef = useRef9(null);
-  const loadingMoreRef = useRef9(false);
-  const lastOpRef = useRef9("first");
-  const nextCursorRef = useRef9(nextCursor);
+  const [items, setItems] = useState14(initialPage.items);
+  const [nextCursor, setNextCursor] = useState14(initialPage.nextCursor ?? null);
+  const [phase, setPhase] = useState14("idle");
+  const [reloadKey, setReloadKey] = useState14(0);
+  const seqRef = useRef10(0);
+  const resetAbortRef = useRef10(null);
+  const loadMoreAbortRef = useRef10(null);
+  const loadingMoreRef = useRef10(false);
+  const lastOpRef = useRef10("first");
+  const nextCursorRef = useRef10(nextCursor);
   nextCursorRef.current = nextCursor;
-  const viewRef = useRef9({ q, sort, fetchPage });
+  const viewRef = useRef10({ q, sort, fetchPage });
   viewRef.current = { q, sort, fetchPage };
-  const seedRef = useRef9(initialPage);
+  const seedRef = useRef10(initialPage);
   seedRef.current = initialPage;
   const isDefaultView = q === "" && sort === defaultSort;
-  const seedKey = useMemo5(() => seedSignature(initialPage), [initialPage]);
-  useEffect9(() => {
+  const seedKey = useMemo6(() => seedSignature(initialPage), [initialPage]);
+  useEffect10(() => {
     resetAbortRef.current?.abort();
     loadMoreAbortRef.current?.abort();
     loadingMoreRef.current = false;
@@ -3383,7 +3819,7 @@ function useSessionHistory({
     })();
     return () => controller.abort();
   }, [q, sort, seedKey, isDefaultView, reloadKey]);
-  const loadMore = useCallback8(() => {
+  const loadMore = useCallback9(() => {
     const cursor = nextCursorRef.current;
     if (!cursor || loadingMoreRef.current) return;
     const { q: currentQ, sort: currentSort, fetchPage: currentFetch } = viewRef.current;
@@ -3408,14 +3844,14 @@ function useSessionHistory({
       }
     })();
   }, []);
-  const retry = useCallback8(() => {
+  const retry = useCallback9(() => {
     if (lastOpRef.current === "more") loadMore();
     else setReloadKey((key) => key + 1);
   }, [loadMore]);
-  const reload = useCallback8(() => {
+  const reload = useCallback9(() => {
     setReloadKey((key) => key + 1);
   }, []);
-  useEffect9(
+  useEffect10(
     () => () => {
       resetAbortRef.current?.abort();
       loadMoreAbortRef.current?.abort();
@@ -3456,21 +3892,21 @@ function useSessionActions({
   labels
 }) {
   const text = { ...DEFAULT_LABELS, ...labels };
-  const [renameTarget, setRenameTarget] = useState13(null);
-  const [renameValue, setRenameValue] = useState13("");
-  const [deleteTarget, setDeleteTarget] = useState13(null);
-  const [busy, setBusy] = useState13(false);
-  const [error, setError] = useState13(null);
-  const openRename = useCallback8((session) => {
+  const [renameTarget, setRenameTarget] = useState14(null);
+  const [renameValue, setRenameValue] = useState14("");
+  const [deleteTarget, setDeleteTarget] = useState14(null);
+  const [busy, setBusy] = useState14(false);
+  const [error, setError] = useState14(null);
+  const openRename = useCallback9((session) => {
     setError(null);
     setRenameTarget(session);
     setRenameValue(session.title ?? "");
   }, []);
-  const openDelete = useCallback8((session) => {
+  const openDelete = useCallback9((session) => {
     setError(null);
     setDeleteTarget(session);
   }, []);
-  const submitRename = useCallback8(async () => {
+  const submitRename = useCallback9(async () => {
     if (!renameTarget) return;
     const title = renameValue.trim();
     if (!title || title === renameTarget.title) {
@@ -3492,7 +3928,7 @@ function useSessionActions({
       setBusy(false);
     }
   }, [renameTarget, renameValue, renameSession, notify, onChanged, text.renamed, text.renameFailed]);
-  const confirmDelete = useCallback8(async () => {
+  const confirmDelete = useCallback9(async () => {
     if (!deleteTarget) return;
     const deletingCurrent = currentSessionId != null && deleteTarget.id === currentSessionId;
     setBusy(true);
@@ -3587,7 +4023,7 @@ function SessionDialog({
   busy,
   error
 }) {
-  useEffect9(() => {
+  useEffect10(() => {
     const onKey = (e) => {
       if (e.key === "Escape" && !busy) onClose();
     };
@@ -3677,7 +4113,7 @@ function SessionHistoryPanel({
   contentWidth = "reading",
   className
 }) {
-  const scrollRef = useRef9(null);
+  const scrollRef = useRef10(null);
   const sentinelRef = useInfiniteScroll(history.loadMore, {
     enabled: history.hasMore && !history.isLoadingMore && !history.isError,
     root: scrollRef,
@@ -3686,15 +4122,15 @@ function SessionHistoryPanel({
   const searchTerm = query.trim();
   const isSearching = searchTerm.length > 0;
   const column = contentWidth === "full" ? "w-full" : "mx-auto w-full max-w-4xl";
-  const [selectedIds, setSelectedIds] = useState13(/* @__PURE__ */ new Set());
-  const [ageDays, setAgeDays] = useState13("30");
-  const [bulkTarget, setBulkTarget] = useState13(null);
-  const [bulkBusy, setBulkBusy] = useState13(false);
-  const [bulkError, setBulkError] = useState13(null);
-  useEffect9(() => {
+  const [selectedIds, setSelectedIds] = useState14(/* @__PURE__ */ new Set());
+  const [ageDays, setAgeDays] = useState14("30");
+  const [bulkTarget, setBulkTarget] = useState14(null);
+  const [bulkBusy, setBulkBusy] = useState14(false);
+  const [bulkError, setBulkError] = useState14(null);
+  useEffect10(() => {
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [searchTerm, sort]);
-  useEffect9(() => {
+  useEffect10(() => {
     const visible = new Set(history.items.map((item) => item.id));
     setSelectedIds((current) => {
       const next = new Set([...current].filter((id) => visible.has(id)));
@@ -3705,7 +4141,7 @@ function SessionHistoryPanel({
   const allVisibleSelected = history.items.length > 0 && history.items.every((item) => selectedIds.has(item.id));
   const parsedAgeDays = Number(ageDays);
   const validAgeDays = Number.isInteger(parsedAgeDays) && parsedAgeDays >= 1 && parsedAgeDays <= 36500;
-  const openBulkAction = useCallback8((action) => {
+  const openBulkAction = useCallback9((action) => {
     const verb = deleteLabel.toLowerCase();
     if (action.kind === "selected") {
       setBulkTarget({
@@ -3722,7 +4158,7 @@ function SessionHistoryPanel({
       body: "This applies to every matching session in this workspace, including sessions not currently loaded in this list."
     });
   }, [deleteLabel]);
-  const confirmBulkAction = useCallback8(async () => {
+  const confirmBulkAction = useCallback9(async () => {
     if (!bulkTarget || !onBulkAction) return;
     setBulkBusy(true);
     setBulkError(null);
@@ -3970,8 +4406,8 @@ function SessionRow({
   selected,
   onSelectedChange
 }) {
-  const [menuOpen, setMenuOpen] = useState13(false);
-  const panelId = useId2();
+  const [menuOpen, setMenuOpen] = useState14(false);
+  const panelId = useId3();
   const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(menuOpen, setMenuOpen);
   const extras = extraActions?.(session) ?? [];
   const hasMenu = Boolean(onRename) || Boolean(onDelete) || extras.length > 0;
@@ -4074,12 +4510,12 @@ function SessionRow({
 import {
   Fragment as Fragment6,
   isValidElement,
-  useCallback as useCallback9,
-  useEffect as useEffect10,
-  useId as useId3,
-  useMemo as useMemo6,
-  useRef as useRef10,
-  useState as useState14
+  useCallback as useCallback10,
+  useEffect as useEffect11,
+  useId as useId4,
+  useMemo as useMemo7,
+  useRef as useRef11,
+  useState as useState15
 } from "react";
 
 // src/web-react/record-grid-model.ts
@@ -4098,6 +4534,32 @@ function isRecordGridCellApplicable(column, values) {
 function sameRecordGridValue(a, b) {
   return Object.is(a ?? null, b ?? null);
 }
+function diffRecordGridProposal(rows, proposal) {
+  const updates = proposal.updates ?? {};
+  const removals = new Set(proposal.removals ?? []);
+  const additions = proposal.additions ?? [];
+  const liveIds = new Set(rows.map((row) => row.id));
+  const diffs = [];
+  for (const row of rows) {
+    if (removals.has(row.id)) {
+      diffs.push({ rowId: row.id, kind: "removed", cells: [], row });
+      continue;
+    }
+    const patch = updates[row.id];
+    if (patch === void 0) continue;
+    const cells = [];
+    for (const [columnId, after] of Object.entries(patch)) {
+      const before = row.values[columnId] ?? null;
+      if (!sameRecordGridValue(before, after)) cells.push({ columnId, before, after });
+    }
+    if (cells.length > 0) diffs.push({ rowId: row.id, kind: "changed", cells, row });
+  }
+  for (const row of additions) {
+    if (liveIds.has(row.id)) continue;
+    diffs.push({ rowId: row.id, kind: "added", cells: [], row });
+  }
+  return diffs;
+}
 var NUMERIC = /^[+-]?(?:\d+(?:\.\d+)?|\.\d+)$/;
 var ISO_DATE = /^\d{4}-\d{2}-\d{2}$/;
 function parseNumericText(raw) {
@@ -4456,6 +4918,11 @@ function RecordGrid({
   onCreate,
   onUpdate,
   onDelete,
+  proposed,
+  onAcceptRow,
+  onRejectRow,
+  onAcceptAll,
+  onRejectAll,
   newRowDefaults,
   addLabel = "Add row",
   locale,
@@ -4463,40 +4930,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 = useId4();
+  const [overlay, setOverlay] = useState15(EMPTY_RECORD_GRID_OVERLAY);
+  const [editing, setEditingState] = useState15(null);
+  const [cellErrors, setCellErrors] = useState15({});
+  const [rowErrors, setRowErrors] = useState15({});
+  const [pendingRows, setPendingRows] = useState15({});
+  const [focus, setFocus] = useState15(null);
+  const [openSource, setOpenSource] = useState15(null);
+  const [confirmDelete, setConfirmDelete] = useState15(null);
+  const [adding, setAdding] = useState15(false);
+  const [draft, setDraft] = useState15({ ...newRowDefaults ?? {} });
+  const [draftErrors, setDraftErrors] = useState15({});
+  const [draftError, setDraftError] = useState15(null);
+  const [creating, setCreating] = useState15(false);
+  const cellRefs = useRef11(/* @__PURE__ */ new Map());
+  const settling = useRef11(false);
+  const draftCounter = useRef11(0);
+  const editingRef = useRef11(null);
+  const setEditing = useCallback10((next) => {
     editingRef.current = next;
     setEditingState(next);
   }, []);
   const callerRows = state.status === "ready" || state.status === "empty" ? state.value : EMPTY_RECORD_GRID_ROWS;
-  useEffect10(() => {
+  useEffect11(() => {
     setOverlay((current) => pruneRecordGridOverlay(callerRows, current));
   }, [callerRows]);
-  const visibleRows = useMemo6(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
-  const activeFocus = useMemo6(() => {
+  const visibleRows = useMemo7(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
+  const diffs = useMemo7(
+    () => proposed === void 0 ? null : diffRecordGridProposal(visibleRows, proposed),
+    [proposed, visibleRows]
+  );
+  const reviewing = diffs !== null && diffs.length > 0;
+  const diffByRow = useMemo7(() => new Map((diffs ?? []).map((diff) => [diff.rowId, diff])), [diffs]);
+  const diffCellByKey = useMemo7(() => {
+    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 = useMemo7(
+    () => (diffs ?? []).filter((diff) => diff.kind === "added").map((diff) => diff.row),
+    [diffs]
+  );
+  const activeFocus = useMemo7(() => {
     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 = useCallback10((key, message) => {
     setCellErrors((current) => {
       if (message === null) {
         if (!(key in current)) return current;
@@ -4508,7 +4992,7 @@ function RecordGrid({
       return { ...current, [key]: message };
     });
   }, []);
-  const setRowError = useCallback9((rowId, message) => {
+  const setRowError = useCallback10((rowId, message) => {
     setRowErrors((current) => {
       if (message === null) {
         if (!(rowId in current)) return current;
@@ -4519,7 +5003,7 @@ function RecordGrid({
       return { ...current, [rowId]: message };
     });
   }, []);
-  const setRowPending = useCallback9((rowId, pending) => {
+  const setRowPending = useCallback10((rowId, pending) => {
     setPendingRows((current) => {
       if (pending) return rowId in current ? current : { ...current, [rowId]: true };
       if (!(rowId in current)) return current;
@@ -4528,11 +5012,11 @@ function RecordGrid({
       return next;
     });
   }, []);
-  const focusCell = useCallback9((rowId, columnId) => {
+  const focusCell = useCallback10((rowId, columnId) => {
     setFocus({ rowId, columnId });
     cellRefs.current.get(cellKey(rowId, columnId))?.focus();
   }, []);
-  const beginEdit = useCallback9(
+  const beginEdit = useCallback10(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing({
@@ -4543,7 +5027,7 @@ function RecordGrid({
     },
     [setCellError, setEditing]
   );
-  const applyCellWrite = useCallback9(
+  const applyCellWrite = useCallback10(
     async (row, column, value) => {
       if (!onUpdate) return;
       const values = { ...row.values, [column.id]: value };
@@ -4571,7 +5055,7 @@ function RecordGrid({
     },
     [locale, onUpdate, setRowError, setRowPending]
   );
-  const commitEdit = useCallback9(
+  const commitEdit = useCallback10(
     async (row, column, text) => {
       const open = editingRef.current;
       if (open === null || open.rowId !== row.id || open.columnId !== column.id) return;
@@ -4595,7 +5079,7 @@ function RecordGrid({
     },
     [applyCellWrite, setCellError, setEditing]
   );
-  const cancelEdit = useCallback9(
+  const cancelEdit = useCallback10(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing(null);
@@ -4603,7 +5087,7 @@ function RecordGrid({
     },
     [focusCell, setCellError, setEditing]
   );
-  const performDelete = useCallback9(
+  const performDelete = useCallback10(
     async (row) => {
       if (!onDelete) return;
       setConfirmDelete(null);
@@ -4621,16 +5105,16 @@ function RecordGrid({
     },
     [columns, onDelete, setRowError]
   );
-  const resetDraft = useCallback9(() => {
+  const resetDraft = useCallback10(() => {
     setDraft({ ...newRowDefaults ?? {} });
     setDraftErrors({});
     setDraftError(null);
   }, [newRowDefaults]);
-  const openAdd = useCallback9(() => {
+  const openAdd = useCallback10(() => {
     resetDraft();
     setAdding(true);
   }, [resetDraft]);
-  const submitDraft = useCallback9(async () => {
+  const submitDraft = useCallback10(async () => {
     if (!onCreate) return;
     const validated = validateRecordGridRow(columns, draft);
     if (!validated.succeeded) {
@@ -4660,7 +5144,7 @@ function RecordGrid({
     setOverlay((current) => withoutRecordGridCreated(current, draftId));
     setDraftError(outcome.error);
   }, [columns, draft, fieldPrefix, onCreate, resetDraft]);
-  const handleGridKeyDown = useCallback9(
+  const handleGridKeyDown = useCallback10(
     (event) => {
       if (editing !== null) return;
       const target = event.target;
@@ -4674,7 +5158,7 @@ function RecordGrid({
         const row = visibleRows[rowIndex];
         const column = columns[columnIndex];
         if (!row || !column) return;
-        if (!onUpdate || column.editable === false || row.readOnly === true) return;
+        if (reviewing || !onUpdate || column.editable === false || row.readOnly === true) return;
         if (column.kind === "boolean") return;
         if (!isRecordGridCellApplicable(column, row.values)) return;
         event.preventDefault();
@@ -4696,7 +5180,7 @@ function RecordGrid({
       if (!destinationRow || !destinationColumn) return;
       focusCell(destinationRow.id, destinationColumn.id);
     },
-    [beginEdit, columns, editing, focusCell, onUpdate, visibleRows]
+    [beginEdit, columns, editing, focusCell, onUpdate, reviewing, visibleRows]
   );
   if (state.status === "idle" || state.status === "loading") {
     return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
@@ -4736,7 +5220,7 @@ function RecordGrid({
       ] })
     ] });
   }
-  const addForm = adding && onCreate ? /* @__PURE__ */ jsx12(
+  const addForm = adding && onCreate && !reviewing ? /* @__PURE__ */ jsx12(
     AddRecordForm,
     {
       columns,
@@ -4754,7 +5238,7 @@ function RecordGrid({
       }
     }
   ) : null;
-  if (visibleRows.length === 0) {
+  if (visibleRows.length === 0 && !reviewing) {
     return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
       addForm ?? /* @__PURE__ */ jsxs10("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
@@ -4784,9 +5268,55 @@ function RecordGrid({
     ] });
   }
   const hasFooter = columns.some((column) => column.footerValue !== void 0);
-  const columnSpan = columns.length + (onDelete ? 1 : 0);
+  const showActionsColumn = reviewing || onDelete !== void 0;
+  const columnSpan = columns.length + (showActionsColumn ? 1 : 0);
+  const changedCount = (diffs ?? []).filter((diff) => diff.kind === "changed").length;
+  const addedCount = addedRows.length;
+  const removedCount = (diffs ?? []).filter((diff) => diff.kind === "removed").length;
+  const changedCellCount = (diffs ?? []).reduce((total, diff) => total + diff.cells.length, 0);
+  const reviewSummary = [
+    changedCount > 0 ? `${changedCount} changed (${changedCellCount} ${changedCellCount === 1 ? "cell" : "cells"})` : null,
+    addedCount > 0 ? `${addedCount} added` : null,
+    removedCount > 0 ? `${removedCount} removed` : null
+  ].filter((part) => part !== null).join(" \xB7 ");
+  const reviewBar = reviewing ? /* @__PURE__ */ jsxs10(
+    "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__ */ jsxs10("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx12("p", { className: "text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Proposed changes" }),
+          /* @__PURE__ */ jsx12("p", { className: "mt-0.5 text-xs tabular-nums text-muted-foreground", children: reviewSummary })
+        ] }),
+        (onAcceptAll || onRejectAll) && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+          onRejectAll && /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Reject all proposed changes to ${caption}`,
+              onClick: onRejectAll,
+              className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-accent",
+              children: "Reject all"
+            }
+          ),
+          onAcceptAll && /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Accept all proposed changes to ${caption}`,
+              onClick: onAcceptAll,
+              className: "rounded-md bg-success/10 px-3 py-1.5 text-xs font-medium text-success transition hover:bg-success/20",
+              children: "Accept all"
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
     toolbar,
+    reviewBar,
     /* @__PURE__ */ jsx12("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs10(
       "table",
       {
@@ -4806,149 +5336,222 @@ function RecordGrid({
               },
               column.id
             )),
-            onDelete && /* @__PURE__ */ jsx12("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Row actions" }) })
+            showActionsColumn && /* @__PURE__ */ jsx12("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx12("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
           ] }) }),
-          /* @__PURE__ */ jsx12("tbody", { children: visibleRows.map((row) => {
-            const rowLabel = recordGridRowLabel(columns, row);
-            const pending = row.id in pendingRows;
-            const rowError = rowErrors[row.id];
-            return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-              /* @__PURE__ */ jsxs10("tr", { role: "row", "aria-busy": pending, className: `border-b border-border ${pending ? "opacity-60" : ""}`, children: [
-                columns.map((column) => {
-                  const key = cellKey(row.id, column.id);
-                  const applicable = isRecordGridCellApplicable(column, row.values);
-                  const editable = onUpdate !== void 0 && column.editable !== false && row.readOnly !== true && applicable;
-                  const value = row.values[column.id] ?? null;
-                  const isEditing = editing?.rowId === row.id && editing.columnId === column.id;
-                  const cellError = cellErrors[key];
-                  const active = activeFocus === null ? row.id === visibleRows[0]?.id && column.id === columns[0]?.id : activeFocus.rowId === row.id && activeFocus.columnId === column.id;
-                  const source = row.sources?.[column.id];
-                  const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
-                  if (isEditing && editable) {
-                    return /* @__PURE__ */ jsxs10("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
-                      /* @__PURE__ */ jsx12(
-                        CellEditor,
+          /* @__PURE__ */ jsxs10("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__ */ jsxs10(Fragment6, { children: [
+                /* @__PURE__ */ jsxs10(
+                  "tr",
+                  {
+                    role: "row",
+                    "aria-busy": pending,
+                    "data-record-grid-diff": rowDiff?.kind,
+                    className: `border-b border-border ${pending ? "opacity-60" : ""} ${removedRow ? "bg-destructive/[0.06]" : ""}`,
+                    children: [
+                      columns.map((column) => {
+                        const key = cellKey(row.id, column.id);
+                        const applicable = isRecordGridCellApplicable(column, row.values);
+                        const editable = !reviewing && onUpdate !== void 0 && column.editable !== false && row.readOnly !== true && applicable;
+                        const value = row.values[column.id] ?? null;
+                        const isEditing = editing?.rowId === row.id && editing.columnId === column.id;
+                        const cellError = cellErrors[key];
+                        const active = activeFocus === null ? row.id === visibleRows[0]?.id && column.id === columns[0]?.id : activeFocus.rowId === row.id && activeFocus.columnId === column.id;
+                        const source = row.sources?.[column.id];
+                        const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
+                        const cellDiff = rowDiff?.kind === "changed" ? diffCellByKey.get(key) : void 0;
+                        if (isEditing && editable) {
+                          return /* @__PURE__ */ jsxs10("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
+                            /* @__PURE__ */ jsx12(
+                              CellEditor,
+                              {
+                                column,
+                                rowLabel,
+                                text: editing.text,
+                                invalid: cellError !== void 0,
+                                describedBy: cellError === void 0 ? void 0 : errorId,
+                                onText: (text) => setEditing({ rowId: row.id, columnId: column.id, text }),
+                                onCommit: (text) => void commitEdit(row, column, text),
+                                onCancel: () => cancelEdit(row, column)
+                              }
+                            ),
+                            cellError !== void 0 && /* @__PURE__ */ jsx12("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__ */ jsx12("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx12(
+                            "input",
+                            {
+                              type: "checkbox",
+                              checked: value === true,
+                              "aria-label": `${column.header}, ${rowLabel}`,
+                              "data-record-grid-row": row.id,
+                              "data-record-grid-column": column.id,
+                              tabIndex: active ? 0 : -1,
+                              ref: (node) => {
+                                cellRefs.current.set(key, node);
+                              },
+                              onFocus: () => setFocus({ rowId: row.id, columnId: column.id }),
+                              onChange: (event) => void applyCellWrite(row, column, event.target.checked),
+                              className: "h-4 w-4 rounded border-border accent-primary"
+                            }
+                          ) }, column.id);
+                        }
+                        const display = applicable ? formatRecordGridValue(column, value, locale) : "";
+                        return /* @__PURE__ */ jsx12(
+                          "td",
+                          {
+                            role: "gridcell",
+                            "aria-readonly": editable ? void 0 : true,
+                            "data-record-grid-row": row.id,
+                            "data-record-grid-column": column.id,
+                            tabIndex: active ? 0 : -1,
+                            ref: (node) => {
+                              cellRefs.current.set(key, node);
+                            },
+                            onFocus: () => setFocus({ rowId: row.id, columnId: column.id }),
+                            onClick: () => {
+                              if (editable) beginEdit(row, column);
+                            },
+                            className: `px-3 py-2 outline-none focus:ring-2 focus:ring-inset focus:ring-primary/50 ${alignmentClass(
+                              column
+                            )} ${editable ? "cursor-text" : ""}`,
+                            children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                              column.id === columns[0]?.id && removedRow && /* @__PURE__ */ jsx12("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__ */ jsxs10("span", { className: "inline-flex max-w-full flex-wrap items-baseline gap-x-1.5", children: [
+                                /* @__PURE__ */ jsx12("span", { className: "tabular-nums text-destructive line-through decoration-destructive/60", children: formatRecordGridValue(column, cellDiff.before, locale) || "\u2014" }),
+                                /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2192" }),
+                                /* @__PURE__ */ jsx12("span", { className: "tabular-nums font-medium text-success", children: formatRecordGridValue(column, cellDiff.after, locale) || "\u2014" })
+                              ] }) : /* @__PURE__ */ jsx12(
+                                "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__ */ jsx12(
+                                SourceMarker,
+                                {
+                                  panelId: `${fieldPrefix}-source-${row.id}-${column.id}`,
+                                  columnHeader: column.header,
+                                  rowLabel,
+                                  source,
+                                  open: openSource === key,
+                                  onToggle: () => setOpenSource((current) => current === key ? null : key)
+                                }
+                              )
+                            ] })
+                          },
+                          column.id
+                        );
+                      }),
+                      showActionsColumn && /* @__PURE__ */ jsx12("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx12(
+                        ReviewActions,
                         {
-                          column,
+                          rowId: row.id,
+                          kind: rowDiff.kind,
                           rowLabel,
-                          text: editing.text,
-                          invalid: cellError !== void 0,
-                          describedBy: cellError === void 0 ? void 0 : errorId,
-                          onText: (text) => setEditing({ rowId: row.id, columnId: column.id, text }),
-                          onCommit: (text) => void commitEdit(row, column, text),
-                          onCancel: () => cancelEdit(row, column)
+                          onAccept: onAcceptRow,
+                          onReject: onRejectRow
                         }
-                      ),
-                      cellError !== void 0 && /* @__PURE__ */ jsx12("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__ */ jsx12("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx12(
-                      "input",
-                      {
-                        type: "checkbox",
-                        checked: value === true,
-                        "aria-label": `${column.header}, ${rowLabel}`,
-                        "data-record-grid-row": row.id,
-                        "data-record-grid-column": column.id,
-                        tabIndex: active ? 0 : -1,
-                        ref: (node) => {
-                          cellRefs.current.set(key, node);
-                        },
-                        onFocus: () => setFocus({ rowId: row.id, columnId: column.id }),
-                        onChange: (event) => void applyCellWrite(row, column, event.target.checked),
-                        className: "h-4 w-4 rounded border-border accent-primary"
-                      }
-                    ) }, column.id);
+                      ) : row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx12(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-label": `Confirm delete ${rowLabel}`,
+                            onClick: () => void performDelete(row),
+                            className: "rounded-md bg-destructive/10 px-2 py-1 text-xs font-medium text-destructive transition hover:bg-destructive/20",
+                            children: "Delete"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx12(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-label": `Keep ${rowLabel}`,
+                            onClick: () => setConfirmDelete(null),
+                            className: "rounded-md border border-border px-2 py-1 text-xs font-medium text-muted-foreground transition hover:bg-accent",
+                            children: "Cancel"
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ jsx12(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-label": `Delete ${rowLabel}`,
+                          onClick: () => setConfirmDelete(row.id),
+                          className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
+                          children: /* @__PURE__ */ jsxs10(
+                            "svg",
+                            {
+                              viewBox: "0 0 24 24",
+                              className: "h-3.5 w-3.5",
+                              fill: "none",
+                              stroke: "currentColor",
+                              strokeWidth: "2",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              "aria-hidden": true,
+                              children: [
+                                /* @__PURE__ */ jsx12("polyline", { points: "3 6 5 6 21 6" }),
+                                /* @__PURE__ */ jsx12("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                              ]
+                            }
+                          )
+                        }
+                      ) })
+                    ]
                   }
-                  const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                  return /* @__PURE__ */ jsx12(
-                    "td",
-                    {
-                      role: "gridcell",
-                      "aria-readonly": editable ? void 0 : true,
-                      "data-record-grid-row": row.id,
-                      "data-record-grid-column": column.id,
-                      tabIndex: active ? 0 : -1,
-                      ref: (node) => {
-                        cellRefs.current.set(key, node);
-                      },
-                      onFocus: () => setFocus({ rowId: row.id, columnId: column.id }),
-                      onClick: () => {
-                        if (editable) beginEdit(row, column);
-                      },
-                      className: `px-3 py-2 outline-none focus:ring-2 focus:ring-inset focus:ring-primary/50 ${alignmentClass(
-                        column
-                      )} ${editable ? "cursor-text" : ""}`,
-                      children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx12("span", { className: display === "" ? "text-muted-foreground" : "truncate text-foreground", children: display === "" ? applicable ? "\u2014" : "n/a" : display }),
-                        source && /* @__PURE__ */ jsx12(
-                          SourceMarker,
+                ),
+                rowError !== void 0 && /* @__PURE__ */ jsx12("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx12("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
+              ] }, row.id);
+            }),
+            reviewing && addedRows.map((row) => {
+              const rowLabel = recordGridRowLabel(columns, row);
+              return /* @__PURE__ */ jsxs10(
+                "tr",
+                {
+                  role: "row",
+                  "data-record-grid-diff": "added",
+                  className: "border-b border-border bg-success/[0.06]",
+                  children: [
+                    columns.map((column, columnIndex) => {
+                      const applicable = isRecordGridCellApplicable(column, row.values);
+                      const value = row.values[column.id] ?? null;
+                      const display = applicable ? formatRecordGridValue(column, value, locale) : "";
+                      return /* @__PURE__ */ jsx12("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                        columnIndex === 0 && /* @__PURE__ */ jsx12("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__ */ jsx12(
+                          "span",
                           {
-                            panelId: `${fieldPrefix}-source-${row.id}-${column.id}`,
-                            columnHeader: column.header,
-                            rowLabel,
-                            source,
-                            open: openSource === key,
-                            onToggle: () => setOpenSource((current) => current === key ? null : key)
+                            className: `tabular-nums ${display === "" ? "text-muted-foreground" : "truncate text-foreground"}`,
+                            children: display === "" ? applicable ? "\u2014" : "n/a" : display
                           }
                         )
-                      ] })
-                    },
-                    column.id
-                  );
-                }),
-                onDelete && /* @__PURE__ */ jsx12("td", { role: "gridcell", className: "px-3 py-2 text-right", children: row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx12(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `Confirm delete ${rowLabel}`,
-                      onClick: () => void performDelete(row),
-                      className: "rounded-md bg-destructive/10 px-2 py-1 text-xs font-medium text-destructive transition hover:bg-destructive/20",
-                      children: "Delete"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx12(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `Keep ${rowLabel}`,
-                      onClick: () => setConfirmDelete(null),
-                      className: "rounded-md border border-border px-2 py-1 text-xs font-medium text-muted-foreground transition hover:bg-accent",
-                      children: "Cancel"
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsx12(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Delete ${rowLabel}`,
-                    onClick: () => setConfirmDelete(row.id),
-                    className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
-                    children: /* @__PURE__ */ jsxs10(
-                      "svg",
+                      ] }) }, column.id);
+                    }),
+                    /* @__PURE__ */ jsx12("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx12(
+                      ReviewActions,
                       {
-                        viewBox: "0 0 24 24",
-                        className: "h-3.5 w-3.5",
-                        fill: "none",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        "aria-hidden": true,
-                        children: [
-                          /* @__PURE__ */ jsx12("polyline", { points: "3 6 5 6 21 6" }),
-                          /* @__PURE__ */ jsx12("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                        ]
+                        rowId: row.id,
+                        kind: "added",
+                        rowLabel,
+                        onAccept: onAcceptRow,
+                        onReject: onRejectRow
                       }
-                    )
-                  }
-                ) })
-              ] }),
-              rowError !== void 0 && /* @__PURE__ */ jsx12("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx12("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
-            ] }, row.id);
-          }) }),
+                    ) })
+                  ]
+                },
+                row.id
+              );
+            })
+          ] }),
           hasFooter && /* @__PURE__ */ jsx12("tfoot", { children: /* @__PURE__ */ jsxs10("tr", { role: "row", className: "border-t-2 border-border", children: [
             columns.map((column) => /* @__PURE__ */ jsx12(
               "td",
@@ -4959,12 +5562,12 @@ function RecordGrid({
               },
               column.id
             )),
-            onDelete && /* @__PURE__ */ jsx12("td", { role: "gridcell" })
+            showActionsColumn && /* @__PURE__ */ jsx12("td", { role: "gridcell" })
           ] }) })
         ]
       }
     ) }),
-    onCreate && (addForm ?? /* @__PURE__ */ jsxs10(
+    onCreate && !reviewing && (addForm ?? /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -4994,6 +5597,31 @@ 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__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
+    onReject && /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Reject ${noun}`,
+        onClick: () => onReject(rowId),
+        className: "rounded-md border border-border px-2 py-1 text-xs font-medium text-muted-foreground transition hover:bg-accent",
+        children: "Reject"
+      }
+    ),
+    onAccept && /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Accept ${noun}`,
+        onClick: () => onAccept(rowId),
+        className: "rounded-md bg-success/10 px-2 py-1 text-xs font-medium text-success transition hover:bg-success/20",
+        children: "Accept"
+      }
+    )
+  ] });
+}
 function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCommit, onCancel }) {
   const shared = {
     "aria-label": `${column.header}, ${rowLabel}`,
@@ -5066,7 +5694,7 @@ 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 = useCallback10(
     (next) => {
       if (!next) onToggle();
     },
@@ -5150,7 +5778,7 @@ function AddRecordForm({
   onSubmit,
   onCancel
 }) {
-  const groups = useMemo6(() => groupColumns(columns), [columns]);
+  const groups = useMemo7(() => groupColumns(columns), [columns]);
   return /* @__PURE__ */ jsxs10(
     "form",
     {
@@ -5311,6 +5939,196 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
   );
 }
 
+// src/web-react/command-palette.tsx
+import {
+  useCallback as useCallback11,
+  useEffect as useEffect12,
+  useId as useId5,
+  useMemo as useMemo8,
+  useRef as useRef12,
+  useState as useState16
+} from "react";
+import { createPortal } from "react-dom";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function SearchGlyph({ className }) {
+  return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx13("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx13("path", { d: "m21 21-4.3-4.3" })
+  ] });
+}
+function CommandPalette({
+  items,
+  onSelect,
+  open: controlledOpen,
+  onOpenChange,
+  hotkey = true,
+  loading = false,
+  initialQuery,
+  placeholder = "Search sessions and commands\u2026",
+  emptyMessage,
+  label = "Command palette"
+}) {
+  const [internalOpen, setInternalOpen] = useState16(false);
+  const open = controlledOpen ?? internalOpen;
+  const setOpen = useCallback11(
+    (next) => {
+      if (controlledOpen === void 0) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [controlledOpen, onOpenChange]
+  );
+  const [query, setQuery] = useState16(initialQuery ?? "");
+  const [active, setActive] = useState16(0);
+  const inputRef = useRef12(null);
+  const surfaceId = useId5();
+  const listId = `${surfaceId}-list`;
+  const flat = useMemo8(() => filterCommandPaletteItems(items, query), [items, query]);
+  const sections = useMemo8(() => groupCommandPaletteItems(flat), [flat]);
+  const activeIndex = flat.length === 0 ? 0 : Math.min(active, flat.length - 1);
+  const activeId = flat.length > 0 ? `${listId}-${activeIndex}` : void 0;
+  useEffect12(() => {
+    if (!hotkey) return;
+    function onKeyDown(e) {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        setOpen(!open);
+      }
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [hotkey, open, setOpen]);
+  const restoreFocusRef = useRef12(null);
+  useEffect12(() => {
+    if (open) {
+      restoreFocusRef.current = document.activeElement;
+      inputRef.current?.focus();
+      return;
+    }
+    setQuery(initialQuery ?? "");
+    setActive(0);
+    const restore = restoreFocusRef.current;
+    restoreFocusRef.current = null;
+    if (restore instanceof HTMLElement) restore.focus();
+  }, [open]);
+  useEffect12(() => {
+    if (!open || !activeId) return;
+    document.getElementById(activeId)?.scrollIntoView?.({ block: "nearest" });
+  }, [open, activeId]);
+  const choose = useCallback11(
+    (item) => {
+      onSelect(item);
+      setOpen(false);
+    },
+    [onSelect, setOpen]
+  );
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      if (flat.length > 0) setActive((activeIndex + 1) % flat.length);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      if (flat.length > 0) setActive((activeIndex - 1 + flat.length) % flat.length);
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const item = flat[activeIndex];
+      if (item) choose(item);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      setOpen(false);
+    }
+  };
+  if (!open || typeof document === "undefined") return null;
+  let rowIndex = -1;
+  return createPortal(
+    /* @__PURE__ */ jsxs11(Fragment7, { children: [
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          "aria-hidden": true,
+          "data-testid": "command-palette-backdrop",
+          onMouseDown: () => setOpen(false),
+          className: "fixed inset-0 z-[999] bg-background/80"
+        }
+      ),
+      /* @__PURE__ */ jsx13("div", { className: "pointer-events-none fixed inset-x-0 top-[15%] z-[1000] flex justify-center px-4", children: /* @__PURE__ */ jsxs11(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": label,
+          ...{ [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__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
+              /* @__PURE__ */ jsx13(SearchGlyph, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx13(
+                "input",
+                {
+                  ref: inputRef,
+                  type: "text",
+                  role: "combobox",
+                  "aria-expanded": true,
+                  "aria-controls": listId,
+                  "aria-activedescendant": activeId,
+                  "aria-label": label,
+                  value: query,
+                  onChange: (e) => {
+                    setQuery(e.target.value);
+                    setActive(0);
+                  },
+                  onKeyDown: handleKeyDown,
+                  placeholder,
+                  className: "flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs11("div", { role: "listbox", id: listId, className: "min-h-0 flex-1 overflow-y-auto p-1 pb-2", children: [
+              loading && /* @__PURE__ */ jsx13("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading\u2026" }),
+              !loading && flat.length === 0 && /* @__PURE__ */ jsx13("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__ */ jsxs11("div", { children: [
+                /* @__PURE__ */ jsx13("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__ */ jsxs11(
+                    "div",
+                    {
+                      id: `${listId}-${index}`,
+                      role: "option",
+                      "aria-selected": index === activeIndex,
+                      onMouseMove: () => setActive(index),
+                      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__ */ jsx13("span", { className: "truncate text-foreground", children: item.label }),
+                        item.description && /* @__PURE__ */ jsx13("span", { className: "truncate text-xs text-muted-foreground", children: item.description }),
+                        item.hint && /* @__PURE__ */ jsx13("span", { className: "ml-auto shrink-0 text-xs tabular-nums text-muted-foreground", children: item.hint })
+                      ]
+                    },
+                    item.id
+                  );
+                })
+              ] }, section.group))
+            ] }),
+            /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx13("span", { className: "tabular-nums", children: query.trim() ? `${flat.length} of ${items.length}` : `${items.length} items` }),
+              /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx13("kbd", { className: "rounded border border-border bg-background px-1 py-0.5", children: "\u2191\u2193" }),
+                /* @__PURE__ */ jsx13("span", { children: "navigate" }),
+                /* @__PURE__ */ jsx13("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "\u21B5" }),
+                /* @__PURE__ */ jsx13("span", { children: "select" }),
+                /* @__PURE__ */ jsx13("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "esc" }),
+                /* @__PURE__ */ jsx13("span", { children: "close" })
+              ] })
+            ] })
+          ]
+        }
+      ) })
+    ] }),
+    document.body
+  );
+}
+
 // src/web-react/class-names.ts
 function joinClasses(...parts) {
   const kept = [];
@@ -5323,7 +6141,7 @@ function joinClasses(...parts) {
 }
 
 // src/web-react/sparkline.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_SPARKLINE_WIDTH = 96;
 var DEFAULT_SPARKLINE_HEIGHT = 24;
 var DEFAULT_INSET = 2.5;
@@ -5429,21 +6247,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__ */ jsxs12(
       "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__ */ jsx14("span", { className: "sr-only", children: accessibleName }),
+          /* @__PURE__ */ jsx14("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__ */ jsxs12(
     "svg",
     {
       role: "img",
@@ -5460,7 +6278,7 @@ function Sparkline({
         geometry.segments.map((segment, index) => {
           const key = `segment-${index}`;
           if (segment.length > 1) {
-            return /* @__PURE__ */ jsx13(
+            return /* @__PURE__ */ jsx14(
               "polyline",
               {
                 points: sparklinePointsAttribute(segment),
@@ -5476,9 +6294,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__ */ jsx14("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__ */ jsx14("circle", { cx: end.x, cy: end.y, r: DOT_RADIUS, fill: "currentColor" })
       ]
     }
   );
@@ -5487,12 +6305,12 @@ function Sparkline({
 // src/web-react/insight-card.tsx
 import {
   isValidElement as isValidElement2,
-  useCallback as useCallback10,
-  useEffect as useEffect11,
-  useRef as useRef11,
-  useState as useState15
+  useCallback as useCallback12,
+  useEffect as useEffect13,
+  useRef as useRef13,
+  useState as useState17
 } from "react";
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs13 } 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;
@@ -5525,6 +6343,7 @@ var DIRECTION_GLYPH = { up: "\u2191", down: "\u2193", flat: "\u2192" };
 var INSIGHT_UNAVAILABLE_GLYPH = "\u2014";
 var INSIGHT_UNAVAILABLE_LABEL = "Not available";
 function InsightCard({
+  eyebrow,
   title,
   value,
   unit,
@@ -5544,7 +6363,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__ */ jsxs13(
     "article",
     {
       "data-insight-card": "",
@@ -5552,39 +6371,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: [
-        /* @__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__ */ jsx15("p", { "data-insight-eyebrow": "", className: "mb-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: eyebrow }) : null,
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-baseline justify-between gap-2", children: [
+          /* @__PURE__ */ jsx15("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__ */ jsx15("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__ */ jsx15("p", { className: "mt-1 flex items-baseline gap-1", children: unavailable ? /* @__PURE__ */ jsxs13("span", { "data-insight-value": "unavailable", className: "text-xl font-semibold text-muted-foreground", children: [
+          /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: INSIGHT_UNAVAILABLE_GLYPH }),
+          /* @__PURE__ */ jsx15("span", { className: "sr-only", children: INSIGHT_UNAVAILABLE_LABEL })
+        ] }) : /* @__PURE__ */ jsxs13(Fragment8, { children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-xl font-semibold tabular-nums text-foreground", children: shown }),
+          unit ? /* @__PURE__ */ jsx15("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__ */ jsxs13("p", { "data-insight-delta": delta.direction, className: `mt-0.5 text-[11px] font-medium ${TONE_CLASS[tone]}`, children: [
+          /* @__PURE__ */ jsxs13("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__ */ jsx15("p", { className: "mt-1 text-[11px] text-muted-foreground", children: description }) : null,
+        series ? /* @__PURE__ */ jsx15("div", { className: "mt-2 text-muted-foreground", children: /* @__PURE__ */ jsx15(Sparkline, { values: series, label: seriesLabel ?? title, format }) }) : null,
+        action ? /* @__PURE__ */ jsx15("div", { className: "mt-3", children: renderInsightAction(action) }) : null
       ]
     }
   );
 }
 function renderInsightAction(action) {
   if (isValidElement2(action)) return action;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       type: "button",
@@ -5653,15 +6473,15 @@ function InsightDeck({
   className,
   onPageChange
 }) {
-  const [page, setPage] = useState15(0);
-  const [held, setHeld] = useState15(null);
+  const [page, setPage] = useState17(0);
+  const [held, setHeld] = useState17(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 = useRef11(0);
-  const settlePage = useCallback10(
+  const reported = useRef13(0);
+  const settlePage = useCallback12(
     (next) => {
       if (reported.current === next) return;
       reported.current = next;
@@ -5669,7 +6489,7 @@ function InsightDeck({
     },
     [onPageChange]
   );
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AsyncView,
     {
       state: shown,
@@ -5677,7 +6497,7 @@ function InsightDeck({
       loadingLabel,
       retryLabel,
       className,
-      children: (insights) => /* @__PURE__ */ jsx14(
+      children: (insights) => /* @__PURE__ */ jsx15(
         InsightPages,
         {
           insights,
@@ -5744,18 +6564,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 = useRef11(null);
-  const listRef = useRef11(null);
-  const recoverFocus = useRef11(false);
-  useEffect11(() => {
+  const sectionRef = useRef13(null);
+  const listRef = useRef13(null);
+  const recoverFocus = useRef13(false);
+  useEffect13(() => {
     onPageSettled(current);
   }, [current, onPageSettled]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!recoverFocus.current) return;
     recoverFocus.current = false;
     sectionRef.current?.focus();
   }, [current]);
-  const goTo = useCallback10(
+  const goTo = useCallback12(
     (next) => {
       const clamped = Math.min(Math.max(next, 0), pageCount - 1);
       if (clamped === current) return false;
@@ -5790,7 +6610,7 @@ function InsightPages({
     }
     if (moved) event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       ref: sectionRef,
@@ -5802,7 +6622,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__ */ jsx15("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.
@@ -5813,10 +6633,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__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(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__ */ jsxs13("div", { className: pageCount > 1 ? "flex items-center justify-between gap-2" : void 0, children: [
+          /* @__PURE__ */ jsxs13(
             "p",
             {
               role: "status",
@@ -5830,8 +6650,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__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx15(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
@@ -5839,7 +6659,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__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -5847,7 +6667,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__ */ jsx15(
                     "span",
                     {
                       "aria-hidden": "true",
@@ -5861,7 +6681,7 @@ function InsightPages({
                 index
               )
             )) : null,
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               PagerButton,
               {
                 label: "Next insights",
@@ -5882,7 +6702,7 @@ function PagerButton({
   atEnd,
   onClick
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       type: "button",
@@ -5892,13 +6712,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__ */ jsx15("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 Fragment9, jsx as jsx16, jsxs as jsxs14 } 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;
@@ -5917,41 +6737,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__ */ jsxs14("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__ */ jsxs14("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx16(
         "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__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx16("p", { className: "truncate text-[15px] font-semibold", children: run.title }),
+        /* @__PURE__ */ jsx16("p", { className: "truncate font-mono text-xs text-muted-foreground", children: run.toolName })
       ] }),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "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__ */ jsx16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx16("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__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__ */ jsxs14("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+      run.steps.length === 0 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
+      run.steps.map((step, i) => /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border border-card-edge bg-card", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-baseline gap-2 border-b border-border px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx16("span", { className: `font-mono text-xs ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
+          /* @__PURE__ */ jsx16("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
+          /* @__PURE__ */ jsx16("span", { className: "shrink-0 text-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__ */ jsx16("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__ */ jsx16("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) {
@@ -5967,23 +6787,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__ */ jsxs14("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-12 text-center sm:py-20", children: [
+    /* @__PURE__ */ jsx16("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx16(BrandMark, { size: 32, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx16("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx16("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground", children: headline }),
+    subline && /* @__PURE__ */ jsx16("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
+    doors && doors.length > 0 && /* @__PURE__ */ jsx16("div", { className: `mt-7 grid w-full gap-2.5 ${doorsGridClass}`, children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs14(
       "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__ */ jsxs14("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__ */ jsx16("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -5992,26 +6812,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__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx16("polyline", { points: "4 17 10 11 4 5" }),
+      /* @__PURE__ */ jsx16("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] });
   }
   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__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx16("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsx16("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
     ] });
   }
   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__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx16("path", { d: "M12 7v5l3 3" })
     ] });
   }
-  return /* @__PURE__ */ 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__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx16("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
+    /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "4" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -6097,40 +6917,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__ */ jsx16("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs14("div", { className: "contents", children: [
+    /* @__PURE__ */ jsx16("dt", { className: "font-mono text-xs text-muted-foreground", children: k }),
+    /* @__PURE__ */ jsx16("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__ */ jsxs14("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-xs leading-relaxed", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
+      /* @__PURE__ */ jsx16("span", { className: "select-none text-zinc-500", children: "$" }),
+      /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
+      r.exitCode != null && /* @__PURE__ */ jsxs14("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
         "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__ */ jsx16("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
   ] });
 }
 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__ */ jsxs14("div", { className: "space-y-2", children: [
+    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs14("div", { children: [
+      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
+      /* @__PURE__ */ jsx16(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__ */ jsxs14("div", { children: [
+      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
+      envelope.ok === false ? /* @__PURE__ */ jsx16("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx16(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx16("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(envelope.result) }) : null
+    ] }) : result != null ? /* @__PURE__ */ jsxs14("div", { children: [
+      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
+      /* @__PURE__ */ jsx16("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(result) })
     ] }) : null
   ] });
 }
@@ -6141,24 +6961,24 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState16(false);
+  const [expanded, setExpanded] = useState18(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__ */ jsxs14("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
+      /* @__PURE__ */ jsx16("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx16("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-warning-strong", children: approval ? "Needs your approval" : "Awaiting approval" }),
+        /* @__PURE__ */ jsx16("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
+        summary && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: summary }),
+        typeSlug && /* @__PURE__ */ jsx16("p", { className: "mt-1 font-mono text-xs text-muted-foreground", children: typeSlug }),
+        meta.length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx16("span", { className: "rounded-full bg-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__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
+      approval && /* @__PURE__ */ jsxs14(Fragment9, { children: [
+        /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -6168,7 +6988,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -6179,7 +6999,7 @@ function ProposalCard({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -6188,12 +7008,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__ */ jsx16(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__ */ jsx16("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx16(DefaultToolDetail, { call }) })
   ] });
 }
 function formatFollowupWhen(when) {
@@ -6208,14 +7028,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__ */ jsx16("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "flex w-full items-center gap-2.5 px-3 py-2", children: [
+      /* @__PURE__ */ jsx16("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__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsx16("span", { className: "shrink-0 whitespace-nowrap text-xs font-medium text-foreground", children: friendlyToolTitle(call) }),
+      when && /* @__PURE__ */ jsx16("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__ */ jsx16("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: call.status === "running" ? /* @__PURE__ */ jsx16("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__ */ jsx16("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }) : /* @__PURE__ */ jsx16("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__ */ jsx16("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
   ] }) });
 }
 function toolRowTitle(call) {
@@ -6238,10 +7058,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__ */ jsx16("div", { className: "agent-arrive", style: arrival, children: row });
   if (pending) {
     return arrive(
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         ProposalCard,
         {
           call,
@@ -6254,18 +7074,18 @@ function ToolCallCard({
     );
   }
   if (kind === "followup") {
-    return arrive(/* @__PURE__ */ jsx15(FollowupCard, { call }));
+    return arrive(/* @__PURE__ */ jsx16(FollowupCard, { call }));
   }
   const custom = renderers?.[call.name]?.(call, message);
   return arrive(
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       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__ */ jsx16(ShellDetail, { call }) : /* @__PURE__ */ jsx16(DefaultToolDetail, { call })),
+        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -6273,9 +7093,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__ */ jsxs14("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__ */ jsx16("path", { d: "M7 17 17 7" }),
+              /* @__PURE__ */ jsx16("path", { d: "M7 7h10v10" })
             ] })
           }
         ) : void 0
@@ -6284,7 +7104,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "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",
@@ -6301,7 +7121,7 @@ function SegmentText({
   messageClassName
 }) {
   const text = useSmoothText(content, streaming);
-  const body = useMemo7(() => renderBody(text), [renderBody, text]);
+  const body = useMemo9(() => 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
@@ -6309,9 +7129,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__ */ jsxs14("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
       body,
-      showCaret && /* @__PURE__ */ jsx15(StreamingCaret, {})
+      showCaret && /* @__PURE__ */ jsx16(StreamingCaret, {})
     ] })
   );
 }
@@ -6336,7 +7156,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call, index) => /* @__PURE__ */ jsx15(
+  const renderToolCard = (call, index) => /* @__PURE__ */ jsx16(
     ToolCallCard,
     {
       call,
@@ -6364,7 +7184,7 @@ function SegmentedBody({
   for (const g of groups) {
     if (g.kind === "text") {
       children.push(
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           SegmentText,
           {
             content: g.content,
@@ -6380,13 +7200,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__ */ jsxs14("details", { children: [
+          /* @__PURE__ */ jsxs14("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__ */ jsx16("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
         ] }, `tools-fold-${g.index}`)
       );
       continue;
@@ -6395,9 +7215,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__ */ jsx16(StreamingCaret, {}, "streaming-caret"));
   }
-  return /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-2", children });
+  return /* @__PURE__ */ jsx16("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) {
@@ -6406,9 +7226,9 @@ function copyTextOf(msg) {
   return msg.content;
 }
 function CopyMessageButton({ text }) {
-  const [copied, setCopied] = useState16(false);
-  const timerRef = useRef12(null);
-  useEffect12(
+  const [copied, setCopied] = useState18(false);
+  const timerRef = useRef14(null);
+  useEffect14(
     () => () => {
       if (timerRef.current !== null) clearTimeout(timerRef.current);
     },
@@ -6427,7 +7247,7 @@ function CopyMessageButton({ text }) {
       }
     );
   };
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "button",
     {
       type: "button",
@@ -6435,9 +7255,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__ */ jsx16("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__ */ jsx16("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs14("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__ */ jsx16("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+        /* @__PURE__ */ jsx16("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
       ] })
     }
   );
@@ -6460,34 +7280,34 @@ function AssistantMessageImpl({
 }) {
   const content = useSmoothText(msg.content, streaming);
   const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
-  const body = useMemo7(() => renderBody(content), [renderBody, content]);
+  const body = useMemo9(() => renderBody(content), [renderBody, content]);
   const segments = msg.segments;
   const hasAnswerText = content !== "" || (segments?.some((s) => s.kind === "text" && s.content.trim() !== "") ?? false);
-  const reasoningScrollRef = useRef12(null);
-  const thinkStartRef = useRef12(null);
-  const thinkMsRef = useRef12(null);
+  const reasoningScrollRef = useRef14(null);
+  const thinkStartRef = useRef14(null);
+  const thinkMsRef = useRef14(null);
   if (streaming && reasoning && !hasAnswerText && thinkStartRef.current === null) {
     thinkStartRef.current = performance.now();
   }
   if (hasAnswerText && thinkStartRef.current !== null && thinkMsRef.current === null) {
     thinkMsRef.current = performance.now() - thinkStartRef.current;
   }
-  useEffect12(() => {
+  useEffect14(() => {
     const el = reasoningScrollRef.current;
     if (el && streaming && !hasAnswerText) el.scrollTop = el.scrollHeight;
   }, [reasoning, streaming, hasAnswerText]);
   const thinkingSeconds = useThinkingSeconds(
     streaming && !!reasoning && !hasAnswerText
   );
-  const [reasoningToggled, setReasoningToggled] = useState16(null);
+  const [reasoningToggled, setReasoningToggled] = useState18(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__ */ jsxs14("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+    !quiet && /* @__PURE__ */ jsxs14("div", { className: "mb-1 flex items-baseline gap-2 text-xs tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ jsx16("span", { className: "font-semibold uppercase tracking-[0.05em]", children: agentLabel }),
+      msg.modelUsed && /* @__PURE__ */ jsx16("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx16("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx16("span", { children: formatModelCost(msg, models) })
     ] }),
     reasoning && // The canonical run-row grammar (RunRowShell — the same shell the tool
     // rows compose): one family of rows instead of a bespoke disclosure per
@@ -6497,12 +7317,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__ */ jsx16(
       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__ */ jsx16(BrainGlyph, { className: "h-3.5 w-3.5" }),
+        title: !hasAnswerText ? /* @__PURE__ */ jsxs14("span", { className: "agent-shimmer", "data-motion": "essential", children: [
           "Thinking",
           thinkingSeconds >= 1 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
         ] }) : thinkMsRef.current != null ? (
@@ -6517,7 +7337,7 @@ function AssistantMessageImpl({
         status: hasAnswerText ? "idle" : "running",
         open: reasoningOpen,
         onOpenChange: (next) => setReasoningToggled(next),
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           "div",
           {
             ref: reasoningScrollRef,
@@ -6527,7 +7347,7 @@ function AssistantMessageImpl({
         )
       }
     ),
-    segments && segments.length > 0 ? /* @__PURE__ */ jsx15(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx16(
       SegmentedBody,
       {
         segments,
@@ -6539,12 +7359,12 @@ function AssistantMessageImpl({
         toolRenderers,
         messageClassName
       }
-    ) : /* @__PURE__ */ jsxs13(Fragment8, { children: [
-      /* @__PURE__ */ jsxs13("div", { className: messageClassName, children: [
+    ) : /* @__PURE__ */ jsxs14(Fragment9, { children: [
+      /* @__PURE__ */ jsxs14("div", { className: messageClassName, children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx15(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx16(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__ */ jsx16("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc, index) => /* @__PURE__ */ jsx16(
         ToolCallCard,
         {
           call: tc,
@@ -6557,7 +7377,7 @@ function AssistantMessageImpl({
         tc.id
       )) })
     ] }),
-    durableCards && msg.parts && /* @__PURE__ */ jsx15(
+    durableCards && msg.parts && /* @__PURE__ */ jsx16(
       DurableChatCards,
       {
         ...durableCards,
@@ -6566,7 +7386,7 @@ function AssistantMessageImpl({
         className: "mt-3"
       }
     ),
-    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx15(
+    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx16(
       WorkProductCard,
       {
         part,
@@ -6576,7 +7396,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__ */ jsx16("div", { className: "mt-2", children: /* @__PURE__ */ jsx16(
       MessageAttachments,
       {
         parts: attachmentPartsFromMessageParts(msg.parts),
@@ -6584,18 +7404,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__ */ jsxs14("div", { "data-testid": "message-meta-lane", className: QUIET_META_LANE_CLASS, children: [
+      /* @__PURE__ */ jsx16(CopyMessageButton, { text: copyTextOf(msg) }),
+      msg.modelUsed && /* @__PURE__ */ jsx16("span", { className: "font-mono", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx16("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx16("span", { children: formatModelCost(msg, models) })
     ] })
   ] });
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState16(0);
-  useEffect12(() => {
+  const [seconds, setSeconds] = useState18(0);
+  useEffect14(() => {
     if (!active) return;
     setSeconds(0);
     const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
@@ -6605,23 +7425,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__ */ jsxs14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    chrome !== "quiet" && /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: agentLabel }),
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-[15px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx16("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx16("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
       "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__ */ jsx16("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs14("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
+    /* @__PURE__ */ jsxs14("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx16("path", { d: "M12 8v4m0 4h.01" })
     ] }),
-    /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx16(
       "button",
       {
         type: "button",
@@ -6655,33 +7475,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 = useMemo7(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx15("p", { className: "whitespace-pre-wrap", children: content })),
+  const renderBody = useMemo9(
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx16("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__ */ jsx16(ChatEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsxs14(Fragment9, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment9, { 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__ */ jsxs14("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+        /* @__PURE__ */ jsxs14("div", { className: `ml-auto w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
+          !quiet && /* @__PURE__ */ jsx16("p", { className: "mb-1 text-right text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: userLabel }),
+          /* @__PURE__ */ jsx16(
             "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__ */ jsx16("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__ */ jsx16("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx16(
             MessageAttachments,
             {
               parts: attachmentPartsFromMessageParts(msg.parts),
@@ -6690,8 +7510,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__ */ jsx16("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-end`, children: /* @__PURE__ */ jsx16(CopyMessageButton, { text: msg.content }) })
+      ] }, msg.id) : /* @__PURE__ */ jsx16(
         AssistantMessage,
         {
           msg,
@@ -6712,8 +7532,8 @@ function ChatMessages({
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx15(ThinkingRow, { agentLabel, chrome }),
-    error && !loading && /* @__PURE__ */ jsx15(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx16(ThinkingRow, { agentLabel, chrome }),
+    error && !loading && /* @__PURE__ */ jsx16(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
@@ -6748,6 +7568,10 @@ export {
   dispatchChatStreamLine,
   consumeChatStream,
   streamChatTurn,
+  pickDictationMimeType,
+  dictationErrorMessage,
+  formatDictationElapsed,
+  useDictation,
   ChatComposer,
   DurablePlanClientError,
   createDurablePlanDecisionClient,
@@ -6803,6 +7627,7 @@ export {
   recordGridFail,
   isRecordGridCellApplicable,
   sameRecordGridValue,
+  diffRecordGridProposal,
   parseRecordGridInput,
   validateRecordGridCell,
   readRecordGridCell,
@@ -6822,6 +7647,7 @@ export {
   withoutRecordGridRemoved,
   pruneRecordGridOverlay,
   RecordGrid,
+  CommandPalette,
   DEFAULT_SPARKLINE_WIDTH,
   DEFAULT_SPARKLINE_HEIGHT,
   DEFAULT_SPARKLINE_LABEL,
@@ -6851,4 +7677,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-FOXGPGXF.js.map
+//# sourceMappingURL=chunk-AWM4H5XR.js.map