@tangle-network/agent-app 0.46.2 → 0.46.4

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

@@ -1,3 +1,10 @@
+import {
+  PATH_CONTINUATION_CHAR,
+  WORD_CHAR,
+  charAt,
+  charBefore,
+  joinClasses
+} from "./chunk-RLOHIX5Y.js";
 import {
   stepActivityFlowTrace
 } from "./chunk-FBVLEGEG.js";
@@ -23,11 +30,8 @@ import {
   AsyncView
 } from "./chunk-3UBAO3N5.js";
 import {
-  UNTITLED_SESSION_LABEL,
   filterCommandPaletteItems,
-  groupCommandPaletteItems,
-  mergeSessionPages,
-  sessionLabel
+  groupCommandPaletteItems
 } from "./chunk-EDTWGSQT.js";
 import {
   attachmentPartsFromMessageParts
@@ -48,7 +52,7 @@ import {
 } from "./chunk-YJMCRXQQ.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect14, useMemo as useMemo9, useRef as useRef14, useState as useState18, memo } from "react";
+import { useEffect as useEffect13, useMemo as useMemo8, useRef as useRef13, useState as useState17, memo } from "react";
 import { InlineToolItem, RunRowShell } from "@tangle-network/ui/run";
 
 // src/web-react/smooth-text.ts
@@ -1415,6 +1419,9 @@ async function streamChatTurn(opts) {
 
 // src/web-react/chat-composer.tsx
 import {
+  Component,
+  lazy as lazy2,
+  Suspense as Suspense2,
   useCallback as useCallback3,
   useEffect as useEffect6,
   useMemo as useMemo3,
@@ -1557,6 +1564,56 @@ function useDictation({ onDictate, onError }) {
 
 // src/web-react/chat-composer.tsx
 import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function createLazyMentionEditor() {
+  return lazy2(() => import("./mention-editor-GVLG3W7C.js").then((m) => m.loadMentionEditor()));
+}
+var MentionEditorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch() {
+    this.props.onFailed();
+  }
+  render() {
+    if (this.state.error === null) return this.props.children;
+    const message = this.state.error instanceof Error ? this.state.error.message : String(this.state.error);
+    return /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        role: "alert",
+        "data-testid": "composer-mention-editor-error",
+        className: "rounded-xl border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
+        children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1", children: [
+              "The mention input failed to load: ",
+              message
+            ] }),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Retry loading the mention input",
+                onClick: this.props.onRetry,
+                className: "shrink-0 font-medium underline-offset-2 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
+                children: "Retry"
+              }
+            )
+          ] }),
+          this.props.draft.trim() !== "" && /* @__PURE__ */ jsx7(
+            "p",
+            {
+              "data-testid": "composer-error-held-draft",
+              className: "mt-1.5 max-h-20 overflow-y-auto whitespace-pre-wrap rounded-lg border border-destructive/30 bg-card px-2 py-1 text-foreground",
+              children: this.props.draft
+            }
+          )
+        ]
+      }
+    );
+  }
+};
 var IS_APPLE_PLATFORM = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform);
 function SendGlyph({ className }) {
   return /* @__PURE__ */ jsx7("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx7("path", { d: "M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" }) });
@@ -1647,6 +1704,7 @@ function ChatComposer({
   minRows = 2,
   maxHeight = DEFAULT_MAX_HEIGHT,
   trailing,
+  mention,
   slashCommands,
   onDictate,
   onDictateError,
@@ -1662,6 +1720,13 @@ function ChatComposer({
   const textRef = useRef6(text);
   textRef.current = text;
   const textareaRef = useRef6(null);
+  const richFocusRef = useRef6(null);
+  const registerRichFocus = useCallback3((focus) => {
+    richFocusRef.current = focus;
+  }, []);
+  const [editorEpoch, setEditorEpoch] = useState8(0);
+  const MentionEditor = useMemo3(createLazyMentionEditor, [editorEpoch]);
+  const [editorFailed, setEditorFailed] = useState8(false);
   const fileInputRef = useRef6(null);
   const folderInputRef = useRef6(null);
   const [dragOver, setDragOver] = useState8(false);
@@ -1733,21 +1798,30 @@ function ChatComposer({
     const end = Math.min(pending.end, text.length);
     el.setSelectionRange(start, end);
   }, [text]);
+  const mentionEnabled = mention != null;
   useEffect6(() => {
     if (!focusShortcut || disabled) return;
     function onKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
-        e.preventDefault();
-        textareaRef.current?.focus();
+        if (mentionEnabled) {
+          const focus = richFocusRef.current;
+          if (!focus) return;
+          e.preventDefault();
+          focus();
+        } else {
+          e.preventDefault();
+          textareaRef.current?.focus();
+        }
       }
     }
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
-  }, [focusShortcut, disabled]);
+  }, [focusShortcut, disabled, mentionEnabled]);
   const sendableFiles = canSubmitAttachmentsOnly ? pendingFiles : pendingFiles.filter((f) => f.status === "ready");
   const hasSendable = text.trim().length > 0 || sendableFiles.length > 0;
   const sendBlockedByStream = isStreaming && !canSubmitWhileBusy;
-  const canSend = hasSendable && !sendBlockedByStream && !disabled;
+  const editorInputLost = mention != null && editorFailed;
+  const canSend = hasSendable && !sendBlockedByStream && !disabled && !editorInputLost;
   const [failedSend, setFailedSend] = useState8(null);
   const failSend = useCallback3(
     (error, draft, trimmed, parts, caret) => {
@@ -1792,7 +1866,7 @@ function ChatComposer({
   );
   const send = useCallback3(() => {
     const trimmed = text.trim();
-    if (sendBlockedByStream || disabled) return;
+    if (sendBlockedByStream || disabled || editorInputLost) return;
     const readyFiles = pendingFiles.filter((f) => f.status === "ready");
     const sendable = canSubmitAttachmentsOnly ? pendingFiles : readyFiles;
     if (!trimmed && sendable.length === 0) return;
@@ -1812,6 +1886,7 @@ function ChatComposer({
     text,
     sendBlockedByStream,
     disabled,
+    editorInputLost,
     canSubmitAttachmentsOnly,
     attachmentsNotReadyMessage,
     onSendParts,
@@ -1831,7 +1906,7 @@ function ChatComposer({
   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 slashToken = !mention && slashCommands && slashCommands.length > 0 ? /^\/(\S*)$/.exec(text)?.[1] : void 0;
   const slashOpen = slashToken !== void 0 && text !== slashDismissedFor;
   const slashItems = useMemo3(
     () => (slashCommands ?? []).map((command) => ({
@@ -1929,11 +2004,8 @@ function ChatComposer({
     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 ingestPastedFiles = (clipboardFiles) => {
+    if (!onAttach || clipboardFiles.length === 0) return false;
     const { files, nextIndex } = renamePastedImages(
       Array.from(clipboardFiles),
       pastedImageCount.current,
@@ -1941,6 +2013,12 @@ function ChatComposer({
     );
     pastedImageCount.current = nextIndex;
     deliverFiles(files, clipboardFiles);
+    return true;
+  };
+  const handlePaste = (e) => {
+    const clipboardFiles = e.clipboardData?.files;
+    if (!clipboardFiles || clipboardFiles.length === 0) return;
+    if (ingestPastedFiles(clipboardFiles)) e.preventDefault();
   };
   const handleFolderChange = (e) => {
     if (e.target.files?.length) (onAttachFolder ?? onAttach)?.(e.target.files);
@@ -1981,6 +2059,7 @@ function ChatComposer({
   const fileChips = pendingFiles.filter((f) => f.kind !== "folder");
   const showAbove = controls != null && controlsPlacement === "above";
   const showInline = controls != null && !showAbove;
+  const inputMinHeight = minRows * LINE_HEIGHT + TEXTAREA_PADDING_Y;
   return /* @__PURE__ */ jsxs5(
     "div",
     {
@@ -2131,22 +2210,79 @@ function ChatComposer({
             "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: [
-              /* @__PURE__ */ jsx7(
-                "textarea",
-                {
-                  ref: textareaRef,
-                  value: text,
-                  onChange: (e) => setText(e.target.value),
-                  onKeyDown: handleKeyDown,
-                  onPaste: onAttach ? handlePaste : void 0,
-                  placeholder,
-                  disabled,
-                  autoFocus,
-                  rows: minRows,
-                  style: { minHeight: minRows * LINE_HEIGHT + TEXTAREA_PADDING_Y, maxHeight },
-                  "aria-label": "Message input",
-                  className: "w-full resize-none bg-transparent px-1.5 py-1 text-base leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
-                }
+              mention ? (
+                // The editor arrives as a lazy chunk; until it lands, a read-only
+                // textarea with the same metrics holds the layout so the card
+                // doesn't jump. The boundary contains a failed load (e.g. the
+                // missing-peer error) to the input area instead of unmounting the
+                // host's region.
+                /* @__PURE__ */ jsx7(
+                  MentionEditorBoundary,
+                  {
+                    onRetry: () => {
+                      setEditorFailed(false);
+                      setEditorEpoch((epoch) => epoch + 1);
+                    },
+                    onFailed: () => setEditorFailed(true),
+                    draft: text,
+                    children: /* @__PURE__ */ jsx7(
+                      Suspense2,
+                      {
+                        fallback: /* @__PURE__ */ jsx7(
+                          "textarea",
+                          {
+                            rows: minRows,
+                            value: text,
+                            readOnly: true,
+                            disabled: true,
+                            placeholder,
+                            "aria-label": "Message input",
+                            style: { minHeight: inputMinHeight, maxHeight },
+                            className: "w-full resize-none bg-transparent px-1.5 py-1 text-base leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
+                          }
+                        ),
+                        children: /* @__PURE__ */ jsx7(
+                          MentionEditor,
+                          {
+                            value: text,
+                            onChange: setText,
+                            onSubmit: send,
+                            placeholder,
+                            disabled,
+                            autoFocus,
+                            minHeight: inputMinHeight,
+                            maxHeight,
+                            mention,
+                            registerFocus: registerRichFocus,
+                            onPasteFiles: onAttach ? ingestPastedFiles : void 0
+                          }
+                        )
+                      }
+                    )
+                  },
+                  editorEpoch
+                )
+              ) : (
+                // Focus: `outline-none` is safe because the card above draws the
+                // keyboard indicator through `focus-within:` — one ring for
+                // whichever input mode is mounted.
+                /* @__PURE__ */ jsx7(
+                  "textarea",
+                  {
+                    ref: textareaRef,
+                    value: text,
+                    onChange: (e) => setText(e.target.value),
+                    onKeyDown: handleKeyDown,
+                    onPaste: onAttach ? handlePaste : void 0,
+                    placeholder,
+                    disabled,
+                    autoFocus,
+                    rows: minRows,
+                    style: { minHeight: inputMinHeight, maxHeight },
+                    "aria-label": "Message input",
+                    className: "w-full resize-none bg-transparent px-1.5 py-1 text-base leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
+                  }
+                )
               ),
               /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
                 onAttach && /* @__PURE__ */ jsxs5(Fragment2, { children: [
@@ -2824,8 +2960,6 @@ function useFileMentions(options) {
 }
 
 // src/web-react/chat-mentions.ts
-var PATH_CONTINUATION_CHAR = /[\p{L}\p{N}._\-/]/u;
-var WORD_CHAR = /[\p{L}\p{N}]/u;
 function segmentMentionContent(content, parts) {
   const matched = /* @__PURE__ */ new Set();
   if (!content) return { segments: [], matched };
@@ -2839,7 +2973,7 @@ function segmentMentionContent(content, parts) {
       cursor += 1;
       continue;
     }
-    const prevChar = cursor > 0 ? content[cursor - 1] : void 0;
+    const prevChar = charBefore(content, cursor);
     if (prevChar && WORD_CHAR.test(prevChar)) {
       cursor += 1;
       continue;
@@ -2850,7 +2984,7 @@ function segmentMentionContent(content, parts) {
       continue;
     }
     const endIdx = cursor + candidate.token.length;
-    const nextChar = endIdx < content.length ? content[endIdx] : void 0;
+    const nextChar = charAt(content, endIdx);
     if (nextChar && PATH_CONTINUATION_CHAR.test(nextChar)) {
       cursor += 1;
       continue;
@@ -3722,8 +3856,10 @@ function SeatPaywall({
   ] }) });
 }
 
-// src/web-react/session-history.tsx
+// src/web-react/record-grid.tsx
 import {
+  Fragment as Fragment5,
+  isValidElement,
   useCallback as useCallback9,
   useEffect as useEffect10,
   useId as useId3,
@@ -3731,794 +3867,6 @@ import {
   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) {
-  queueMicrotask(() => {
-    throw error;
-  });
-}
-function useInfiniteScroll(onLoadMore, { enabled, root, rootMargin = "300px" }) {
-  const [sentinel, setSentinel] = useState14(null);
-  const sentinelRef = useCallback9((node) => setSentinel(node), []);
-  const onLoadMoreRef = useRef10(onLoadMore);
-  useEffect10(() => {
-    onLoadMoreRef.current = onLoadMore;
-  }, [onLoadMore]);
-  useEffect10(() => {
-    if (!sentinel || !enabled) return;
-    if (typeof IntersectionObserver === "undefined") return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (!entries.some((entry) => entry.isIntersecting)) return;
-        try {
-          onLoadMoreRef.current();
-        } catch (error) {
-          rethrowAsync(error);
-        }
-      },
-      { root: root?.current ?? null, rootMargin }
-    );
-    observer.observe(sentinel);
-    return () => observer.disconnect();
-  }, [sentinel, enabled, root, rootMargin]);
-  return sentinelRef;
-}
-function seedSignature(page) {
-  return `${page.nextCursor ?? ""}|${page.items.map((item) => item.id).join(",")}`;
-}
-function useSessionHistory({
-  fetchPage,
-  q,
-  sort,
-  initialPage,
-  defaultSort = "newest"
-}) {
-  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 = useRef10({ q, sort, fetchPage });
-  viewRef.current = { q, sort, fetchPage };
-  const seedRef = useRef10(initialPage);
-  seedRef.current = initialPage;
-  const isDefaultView = q === "" && sort === defaultSort;
-  const seedKey = useMemo6(() => seedSignature(initialPage), [initialPage]);
-  useEffect10(() => {
-    resetAbortRef.current?.abort();
-    loadMoreAbortRef.current?.abort();
-    loadingMoreRef.current = false;
-    const seq = ++seqRef.current;
-    if (isDefaultView && reloadKey === 0) {
-      setItems(seedRef.current.items);
-      setNextCursor(seedRef.current.nextCursor ?? null);
-      setPhase("idle");
-      return;
-    }
-    const controller = new AbortController();
-    resetAbortRef.current = controller;
-    lastOpRef.current = "first";
-    setItems([]);
-    setNextCursor(null);
-    setPhase("loadingFirst");
-    void (async () => {
-      try {
-        const page = await viewRef.current.fetchPage({ q, sort, cursor: null, signal: controller.signal });
-        if (seq !== seqRef.current) return;
-        setItems(page.items);
-        setNextCursor(page.nextCursor ?? null);
-        setPhase("idle");
-      } catch {
-        if (controller.signal.aborted || seq !== seqRef.current) return;
-        setPhase("error");
-      }
-    })();
-    return () => controller.abort();
-  }, [q, sort, seedKey, isDefaultView, reloadKey]);
-  const loadMore = useCallback9(() => {
-    const cursor = nextCursorRef.current;
-    if (!cursor || loadingMoreRef.current) return;
-    const { q: currentQ, sort: currentSort, fetchPage: currentFetch } = viewRef.current;
-    const seq = seqRef.current;
-    loadingMoreRef.current = true;
-    lastOpRef.current = "more";
-    const controller = new AbortController();
-    loadMoreAbortRef.current = controller;
-    setPhase("loadingMore");
-    void (async () => {
-      try {
-        const page = await currentFetch({ q: currentQ, sort: currentSort, cursor, signal: controller.signal });
-        if (seq !== seqRef.current) return;
-        setItems((prev) => mergeSessionPages(prev, page.items));
-        setNextCursor(page.nextCursor ?? null);
-        setPhase("idle");
-      } catch {
-        if (controller.signal.aborted || seq !== seqRef.current) return;
-        setPhase("error");
-      } finally {
-        if (seq === seqRef.current) loadingMoreRef.current = false;
-      }
-    })();
-  }, []);
-  const retry = useCallback9(() => {
-    if (lastOpRef.current === "more") loadMore();
-    else setReloadKey((key) => key + 1);
-  }, [loadMore]);
-  const reload = useCallback9(() => {
-    setReloadKey((key) => key + 1);
-  }, []);
-  useEffect10(
-    () => () => {
-      resetAbortRef.current?.abort();
-      loadMoreAbortRef.current?.abort();
-    },
-    []
-  );
-  return {
-    items,
-    hasMore: nextCursor !== null,
-    isLoadingFirst: phase === "loadingFirst",
-    isLoadingMore: phase === "loadingMore",
-    isError: phase === "error",
-    loadMore,
-    retry,
-    reload
-  };
-}
-var DEFAULT_LABELS = {
-  renameTitle: "Rename session",
-  renameField: "Title",
-  renameSubmit: "Save",
-  deleteTitle: "Delete session?",
-  deleteBody: (title) => `This will permanently delete \u201C${title}\u201D and its messages. This cannot be undone.`,
-  deleteSubmit: "Delete",
-  cancel: "Cancel",
-  renamed: "Session renamed",
-  deleted: "Session deleted",
-  renameFailed: "Failed to rename session",
-  deleteFailed: "Failed to delete session"
-};
-function useSessionActions({
-  renameSession,
-  deleteSession,
-  onChanged,
-  onDeletedCurrent,
-  currentSessionId,
-  notify,
-  labels
-}) {
-  const text = { ...DEFAULT_LABELS, ...labels };
-  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 = useCallback9((session) => {
-    setError(null);
-    setDeleteTarget(session);
-  }, []);
-  const submitRename = useCallback9(async () => {
-    if (!renameTarget) return;
-    const title = renameValue.trim();
-    if (!title || title === renameTarget.title) {
-      setRenameTarget(null);
-      return;
-    }
-    setBusy(true);
-    setError(null);
-    try {
-      await renameSession(renameTarget.id, title);
-      setRenameTarget(null);
-      notify?.("success", text.renamed);
-      onChanged?.();
-    } catch (e) {
-      const message = e instanceof Error ? e.message : text.renameFailed;
-      setError(message);
-      notify?.("error", message);
-    } finally {
-      setBusy(false);
-    }
-  }, [renameTarget, renameValue, renameSession, notify, onChanged, text.renamed, text.renameFailed]);
-  const confirmDelete = useCallback9(async () => {
-    if (!deleteTarget) return;
-    const deletingCurrent = currentSessionId != null && deleteTarget.id === currentSessionId;
-    setBusy(true);
-    setError(null);
-    try {
-      await deleteSession(deleteTarget.id);
-      setDeleteTarget(null);
-      notify?.("success", text.deleted);
-      onChanged?.();
-      if (deletingCurrent) onDeletedCurrent?.();
-    } catch (e) {
-      const message = e instanceof Error ? e.message : text.deleteFailed;
-      setError(message);
-      notify?.("error", message);
-    } finally {
-      setBusy(false);
-    }
-  }, [deleteTarget, currentSessionId, deleteSession, notify, onChanged, onDeletedCurrent, text.deleted, text.deleteFailed]);
-  const dialogs = /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    renameTarget && /* @__PURE__ */ jsxs9(
-      SessionDialog,
-      {
-        title: text.renameTitle,
-        onClose: () => setRenameTarget(null),
-        busy,
-        error,
-        footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => setRenameTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
-          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => void submitRename(), disabled: busy || !renameValue.trim(), children: text.renameSubmit })
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx11("label", { htmlFor: "agent-app-rename-session", className: "text-xs text-muted-foreground", children: text.renameField }),
-          /* @__PURE__ */ jsx11(
-            "input",
-            {
-              id: "agent-app-rename-session",
-              value: renameValue,
-              autoFocus: true,
-              onChange: (e) => setRenameValue(e.target.value),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && !busy) {
-                  e.preventDefault();
-                  void submitRename();
-                }
-              },
-              className: "mt-1.5 h-9 w-full rounded-md border border-strong bg-background px-3 text-sm text-foreground"
-            }
-          )
-        ]
-      }
-    ),
-    deleteTarget && /* @__PURE__ */ jsx11(
-      SessionDialog,
-      {
-        title: text.deleteTitle,
-        onClose: () => setDeleteTarget(null),
-        busy,
-        error,
-        footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => setDeleteTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
-          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => void confirmDelete(), disabled: busy, variant: "destructive", children: text.deleteSubmit })
-        ] }),
-        children: /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: text.deleteBody(sessionLabel(deleteTarget)) })
-      }
-    )
-  ] });
-  return { openRename, openDelete, dialogs, busy };
-}
-function DialogButton({
-  children,
-  onClick,
-  disabled,
-  variant = "primary"
-}) {
-  const tone = variant === "ghost" ? "text-muted-foreground hover:bg-accent hover:text-foreground" : variant === "destructive" ? "bg-destructive text-destructive-foreground hover:opacity-90" : "bg-primary text-primary-foreground hover:opacity-90";
-  return /* @__PURE__ */ jsx11(
-    "button",
-    {
-      type: "button",
-      onClick,
-      disabled,
-      className: `h-9 rounded-md px-3 text-sm font-medium transition disabled:opacity-50 ${tone}`,
-      children
-    }
-  );
-}
-function SessionDialog({
-  title,
-  children,
-  footer,
-  onClose,
-  busy,
-  error
-}) {
-  useEffect10(() => {
-    const onKey = (e) => {
-      if (e.key === "Escape" && !busy) onClose();
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [busy, onClose]);
-  return /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx11(
-      "div",
-      {
-        className: "absolute inset-0 bg-black/50",
-        onClick: () => {
-          if (!busy) onClose();
-        },
-        "aria-hidden": true
-      }
-    ),
-    /* @__PURE__ */ jsxs9(
-      "div",
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        className: `relative w-full max-w-sm rounded-xl border border-card-edge bg-popover p-5 ${OVERLAY_SHADOW}`,
-        children: [
-          /* @__PURE__ */ jsx11("h2", { className: "text-sm font-semibold text-foreground", children: title }),
-          /* @__PURE__ */ jsx11("div", { className: "mt-3", children }),
-          error && /* @__PURE__ */ jsx11("p", { role: "alert", className: "mt-3 rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error }),
-          /* @__PURE__ */ jsx11("div", { className: "mt-5 flex justify-end gap-2", children: footer })
-        ]
-      }
-    )
-  ] });
-}
-function AnchorLink({ to, className, children }) {
-  return /* @__PURE__ */ jsx11("a", { href: to, className, children });
-}
-var MINUTE = 6e4;
-var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR;
-function formatSessionTimestamp(isoDate) {
-  if (!isoDate) return "";
-  const at = Date.parse(isoDate);
-  if (Number.isNaN(at)) return "";
-  const delta = Date.now() - at;
-  if (delta < MINUTE) return "just now";
-  if (delta < HOUR) return `${Math.floor(delta / MINUTE)}m ago`;
-  if (delta < DAY) return `${Math.floor(delta / HOUR)}h ago`;
-  if (delta < 7 * DAY) return `${Math.floor(delta / DAY)}d ago`;
-  return new Date(at).toLocaleDateString(void 0, { month: "short", day: "numeric" });
-}
-function SkeletonRows() {
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    /* @__PURE__ */ jsx11("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "sr-only", children: "Loading sessions\u2026" }),
-    /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-0.5", "aria-hidden": true, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
-      /* @__PURE__ */ jsx11("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx11("div", { className: "h-4 w-1/2 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx11("div", { className: "ml-auto h-3 w-12 animate-pulse rounded bg-muted" })
-    ] }, i)) })
-  ] });
-}
-function MessageIcon({ className }) {
-  return /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 24 24", className, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx11("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
-}
-function SessionHistoryPanel({
-  history,
-  hasAnySessions,
-  query,
-  onQueryChange,
-  sort,
-  onSortChange,
-  hrefForSession,
-  linkComponent: Link = AnchorLink,
-  respondingSessionIds,
-  onRename,
-  onDelete,
-  onBulkAction,
-  renameLabel = "Rename",
-  deleteLabel = "Delete",
-  extraActions,
-  newSessionHref,
-  title = "History",
-  untitledLabel = UNTITLED_SESSION_LABEL,
-  emptyTitle = "No sessions yet",
-  emptyDescription = "Your chat sessions will show up here once you start one.",
-  formatTimestamp = formatSessionTimestamp,
-  contentWidth = "reading",
-  className
-}) {
-  const scrollRef = useRef10(null);
-  const sentinelRef = useInfiniteScroll(history.loadMore, {
-    enabled: history.hasMore && !history.isLoadingMore && !history.isError,
-    root: scrollRef,
-    rootMargin: "300px"
-  });
-  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] = 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]);
-  useEffect10(() => {
-    const visible = new Set(history.items.map((item) => item.id));
-    setSelectedIds((current) => {
-      const next = new Set([...current].filter((id) => visible.has(id)));
-      return next.size === current.size ? current : next;
-    });
-  }, [history.items]);
-  const selectedCount = selectedIds.size;
-  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 = useCallback9((action) => {
-    const verb = deleteLabel.toLowerCase();
-    if (action.kind === "selected") {
-      setBulkTarget({
-        action,
-        title: `${deleteLabel} selected sessions?`,
-        body: `${verb === "delete" ? "This permanently removes" : `This ${verb}s`} ${action.ids.length} selected session${action.ids.length === 1 ? "" : "s"} and its messages.`
-      });
-      return;
-    }
-    const range = action.kind === "older-than" ? `older than ${action.days} days` : `from the last ${action.days} days`;
-    setBulkTarget({
-      action,
-      title: `${deleteLabel} sessions ${range}?`,
-      body: "This applies to every matching session in this workspace, including sessions not currently loaded in this list."
-    });
-  }, [deleteLabel]);
-  const confirmBulkAction = useCallback9(async () => {
-    if (!bulkTarget || !onBulkAction) return;
-    setBulkBusy(true);
-    setBulkError(null);
-    try {
-      await onBulkAction(bulkTarget.action);
-      setBulkTarget(null);
-      setSelectedIds(/* @__PURE__ */ new Set());
-      history.reload();
-    } catch (error) {
-      setBulkError(error instanceof Error ? error.message : `Could not ${deleteLabel.toLowerCase()} sessions`);
-    } finally {
-      setBulkBusy(false);
-    }
-  }, [bulkTarget, deleteLabel, history, onBulkAction]);
-  return /* @__PURE__ */ jsxs9("div", { className: `flex min-h-0 min-w-0 flex-1 flex-col ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx11("header", { className: "flex h-14 shrink-0 items-center border-b border-border px-4 sm:px-6", children: /* @__PURE__ */ jsxs9("div", { className: `flex items-center gap-3 px-3 ${column}`, children: [
-      /* @__PURE__ */ jsx11("h1", { className: "flex-1 truncate text-sm font-semibold text-foreground", children: title }),
-      newSessionHref && /* @__PURE__ */ jsxs9(
-        Link,
-        {
-          to: newSessionHref,
-          className: "inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground transition hover:opacity-90",
-          children: [
-            /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "text-sm leading-none", children: "+" }),
-            "New chat"
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs9("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: [
-      hasAnySessions && /* @__PURE__ */ jsxs9("div", { className: "sticky top-0 z-10 bg-background px-4 sm:px-6", children: [
-        /* @__PURE__ */ jsxs9("div", { className: `flex flex-col gap-2 px-3 pb-3 pt-4 sm:flex-row sm:items-center sm:gap-3 ${column}`, children: [
-          /* @__PURE__ */ jsx11(
-            "input",
-            {
-              type: "search",
-              value: query,
-              onChange: (e) => onQueryChange(e.target.value),
-              placeholder: "Search your sessions\u2026",
-              "aria-label": "Search sessions",
-              className: "h-9 min-w-0 appearance-none rounded-md border border-strong bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
-            }
-          ),
-          /* @__PURE__ */ jsxs9(
-            "select",
-            {
-              value: sort,
-              onChange: (e) => onSortChange(e.target.value),
-              "aria-label": "Sort sessions",
-              className: "h-9 shrink-0 appearance-none rounded-md border border-strong bg-card px-2 text-sm text-foreground sm:w-[132px]",
-              children: [
-                /* @__PURE__ */ jsx11("option", { value: "newest", children: "Newest" }),
-                /* @__PURE__ */ jsx11("option", { value: "oldest", children: "Oldest" })
-              ]
-            }
-          )
-        ] }),
-        onBulkAction && /* @__PURE__ */ jsxs9("div", { className: `flex flex-col gap-2 border-t border-border px-3 py-3 ${column}`, children: [
-          /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx11(
-              "button",
-              {
-                type: "button",
-                onClick: () => setSelectedIds(new Set(history.items.map((item) => item.id))),
-                disabled: allVisibleSelected || history.items.length === 0,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
-                children: "Select all"
-              }
-            ),
-            /* @__PURE__ */ jsx11(
-              "button",
-              {
-                type: "button",
-                onClick: () => setSelectedIds(/* @__PURE__ */ new Set()),
-                disabled: selectedCount === 0,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
-                children: "Deselect all"
-              }
-            ),
-            /* @__PURE__ */ jsxs9("span", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: [
-              selectedCount,
-              " selected"
-            ] }),
-            selectedCount > 0 && /* @__PURE__ */ jsxs9(
-              "button",
-              {
-                type: "button",
-                onClick: () => openBulkAction({ kind: "selected", ids: [...selectedIds] }),
-                className: "h-8 rounded-md bg-destructive px-2.5 text-xs font-medium text-destructive-foreground transition hover:opacity-90",
-                children: [
-                  deleteLabel,
-                  " selected"
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx11("label", { htmlFor: "agent-app-session-age", className: "text-xs text-muted-foreground", children: "Session age" }),
-            /* @__PURE__ */ jsx11(
-              "input",
-              {
-                id: "agent-app-session-age",
-                type: "number",
-                min: 1,
-                max: 36500,
-                value: ageDays,
-                onChange: (event) => setAgeDays(event.target.value),
-                "aria-invalid": ageDays.length > 0 && !validAgeDays,
-                className: "h-8 w-20 rounded-md border border-strong bg-card px-2 text-xs tabular-nums text-foreground"
-              }
-            ),
-            /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground", children: "days" }),
-            /* @__PURE__ */ jsxs9(
-              "button",
-              {
-                type: "button",
-                onClick: () => openBulkAction({ kind: "older-than", days: parsedAgeDays }),
-                disabled: !validAgeDays,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
-                children: [
-                  deleteLabel,
-                  " older"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs9(
-              "button",
-              {
-                type: "button",
-                onClick: () => openBulkAction({ kind: "newer-than", days: parsedAgeDays }),
-                disabled: !validAgeDays,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
-                children: [
-                  deleteLabel,
-                  " recent"
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx11("div", { className: `px-4 pb-8 pt-1 sm:px-6 ${column}`, children: !hasAnySessions ? /* @__PURE__ */ jsxs9("div", { className: "flex min-h-[50vh] flex-col items-center justify-center gap-2 text-center", children: [
-        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-foreground", children: emptyTitle }),
-        /* @__PURE__ */ jsx11("p", { className: "max-w-xs text-xs text-muted-foreground", children: emptyDescription })
-      ] }) : history.isLoadingFirst ? /* @__PURE__ */ jsx11(SkeletonRows, {}) : history.items.length === 0 ? history.isError ? /* @__PURE__ */ jsx11(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load your sessions." }) : isSearching ? /* @__PURE__ */ jsxs9("p", { className: "py-16 text-center text-sm text-muted-foreground", children: [
-        "No sessions match \u201C",
-        searchTerm,
-        "\u201D."
-      ] }) : /* @__PURE__ */ jsx11("p", { className: "py-16 text-center text-sm text-muted-foreground", children: "No sessions remain." }) : /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-0.5", children: [
-        history.items.map((session) => /* @__PURE__ */ jsx11(
-          SessionRow,
-          {
-            session,
-            href: hrefForSession(session.id),
-            Link,
-            responding: respondingSessionIds?.has(session.id) ?? false,
-            untitledLabel,
-            timestamp: formatTimestamp(session.updatedAt),
-            onRename,
-            onDelete,
-            selectable: Boolean(onBulkAction),
-            selected: selectedIds.has(session.id),
-            onSelectedChange: (selected) => {
-              setSelectedIds((current) => {
-                const next = new Set(current);
-                if (selected) next.add(session.id);
-                else next.delete(session.id);
-                return next;
-              });
-            },
-            renameLabel,
-            deleteLabel,
-            extraActions
-          },
-          session.id
-        )),
-        history.isError ? /* @__PURE__ */ jsx11(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load more sessions.", inline: true }) : history.hasMore ? /* @__PURE__ */ jsx11("div", { ref: sentinelRef, className: "flex items-center justify-center py-6", children: history.isLoadingMore && /* @__PURE__ */ jsx11("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "text-xs text-muted-foreground", children: "Loading\u2026" }) }) : null
-      ] }) })
-    ] }),
-    bulkTarget && /* @__PURE__ */ jsx11(
-      SessionDialog,
-      {
-        title: bulkTarget.title,
-        onClose: () => {
-          if (!bulkBusy) {
-            setBulkTarget(null);
-            setBulkError(null);
-          }
-        },
-        busy: bulkBusy,
-        error: bulkError,
-        footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx11(
-            DialogButton,
-            {
-              onClick: () => {
-                setBulkTarget(null);
-                setBulkError(null);
-              },
-              disabled: bulkBusy,
-              variant: "ghost",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx11(DialogButton, { onClick: () => void confirmBulkAction(), disabled: bulkBusy, variant: "destructive", children: bulkBusy ? "Working\u2026" : deleteLabel })
-        ] }),
-        children: /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: bulkTarget.body })
-      }
-    )
-  ] });
-}
-function ErrorBlock({ message, onRetry, inline }) {
-  return /* @__PURE__ */ jsxs9(
-    "div",
-    {
-      className: inline ? "flex items-center justify-center gap-3 py-6 text-sm text-muted-foreground" : "flex min-h-[40vh] flex-col items-center justify-center gap-3 text-center",
-      children: [
-        /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: message }),
-        /* @__PURE__ */ jsx11(
-          "button",
-          {
-            type: "button",
-            onClick: onRetry,
-            className: "h-8 rounded-md border border-border px-3 text-xs font-medium text-foreground transition hover:bg-accent",
-            children: "Retry"
-          }
-        )
-      ]
-    }
-  );
-}
-function SessionRow({
-  session,
-  href,
-  Link,
-  responding,
-  untitledLabel,
-  timestamp,
-  onRename,
-  onDelete,
-  renameLabel,
-  deleteLabel,
-  extraActions,
-  selectable,
-  selected,
-  onSelectedChange
-}) {
-  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;
-  const showUnread = Boolean(session.unread) && !responding;
-  return /* @__PURE__ */ jsxs9("div", { className: `group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent ${selected ? "bg-primary/10" : ""}`, children: [
-    selectable && /* @__PURE__ */ jsx11(
-      "input",
-      {
-        type: "checkbox",
-        checked: selected,
-        onChange: (event) => onSelectedChange(event.target.checked),
-        "aria-label": `Select ${sessionLabel(session, untitledLabel)}`,
-        className: "h-4 w-4 shrink-0 rounded border-border accent-primary"
-      }
-    ),
-    /* @__PURE__ */ jsxs9(Link, { to: href, className: "flex min-w-0 flex-1 items-center gap-3", children: [
-      showUnread && /* @__PURE__ */ jsx11("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": true }),
-      /* @__PURE__ */ jsx11(MessageIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx11(
-        "span",
-        {
-          className: `truncate text-sm ${responding ? "text-muted-foreground" : "text-foreground"} ${showUnread ? "font-semibold" : ""}`,
-          ...responding ? { role: "status", "aria-label": "Agent responding" } : {},
-          children: sessionLabel(session, untitledLabel)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx11("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: timestamp }),
-    hasMenu && /* @__PURE__ */ jsxs9("div", { ref: containerRef, className: "relative shrink-0", children: [
-      /* @__PURE__ */ jsx11(
-        "button",
-        {
-          type: "button",
-          ...triggerProps,
-          "aria-label": "Session actions",
-          "aria-controls": menuOpen ? panelId : void 0,
-          onClick: () => setMenuOpen((open) => !open),
-          className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100 aria-expanded:opacity-100",
-          children: /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u22EF" })
-        }
-      ),
-      /* @__PURE__ */ jsxs9(
-        PopoverSurface,
-        {
-          open: menuOpen,
-          id: panelId,
-          role: "menu",
-          triggerRef,
-          panelRef,
-          className: `w-36 overflow-hidden rounded-md border border-card-edge bg-popover py-1 ${OVERLAY_SHADOW}`,
-          children: [
-            onRename && /* @__PURE__ */ jsx11(
-              "button",
-              {
-                type: "button",
-                role: "menuitem",
-                onClick: () => {
-                  setMenuOpen(false);
-                  onRename(session);
-                },
-                className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent",
-                children: renameLabel
-              }
-            ),
-            extras.map((action) => /* @__PURE__ */ jsx11(
-              "button",
-              {
-                type: "button",
-                role: "menuitem",
-                onClick: () => {
-                  setMenuOpen(false);
-                  action.onSelect();
-                },
-                className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent"}`,
-                children: action.label
-              },
-              action.id
-            )),
-            onDelete && /* @__PURE__ */ jsx11(
-              "button",
-              {
-                type: "button",
-                role: "menuitem",
-                onClick: () => {
-                  setMenuOpen(false);
-                  onDelete(session);
-                },
-                className: "block w-full px-3 py-1.5 text-left text-xs text-destructive transition hover:bg-destructive/10",
-                children: deleteLabel
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/web-react/record-grid.tsx
-import {
-  Fragment as Fragment6,
-  isValidElement,
-  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
 function recordGridOk(value) {
@@ -4873,7 +4221,7 @@ function pruneRecordGridOverlay(rows, overlay) {
 }
 
 // src/web-react/record-grid.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var EMPTY_RECORD_GRID_ROWS = [];
 var CELL_KEY_SEPARATOR = "\0";
 function cellKey(rowId, columnId) {
@@ -4932,57 +4280,57 @@ function RecordGrid({
   loadingRowCount = 3,
   className
 }) {
-  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) => {
+  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) => {
     editingRef.current = next;
     setEditingState(next);
   }, []);
   const callerRows = state.status === "ready" || state.status === "empty" ? state.value : EMPTY_RECORD_GRID_ROWS;
-  useEffect11(() => {
+  useEffect10(() => {
     setOverlay((current) => pruneRecordGridOverlay(callerRows, current));
   }, [callerRows]);
-  const visibleRows = useMemo7(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
-  const diffs = useMemo7(
+  const visibleRows = useMemo6(() => projectRecordGridRows(callerRows, overlay), [callerRows, overlay]);
+  const diffs = useMemo6(
     () => 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 diffByRow = useMemo6(() => new Map((diffs ?? []).map((diff) => [diff.rowId, diff])), [diffs]);
+  const diffCellByKey = useMemo6(() => {
     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(
+  const addedRows = useMemo6(
     () => (diffs ?? []).filter((diff) => diff.kind === "added").map((diff) => diff.row),
     [diffs]
   );
-  const activeFocus = useMemo7(() => {
+  const activeFocus = useMemo6(() => {
     if (focus === null) return null;
     if (!visibleRows.some((row) => row.id === focus.rowId)) return null;
     if (!columns.some((column) => column.id === focus.columnId)) return null;
     return focus;
   }, [columns, focus, visibleRows]);
-  const setCellError = useCallback10((key, message) => {
+  const setCellError = useCallback9((key, message) => {
     setCellErrors((current) => {
       if (message === null) {
         if (!(key in current)) return current;
@@ -4994,7 +4342,7 @@ function RecordGrid({
       return { ...current, [key]: message };
     });
   }, []);
-  const setRowError = useCallback10((rowId, message) => {
+  const setRowError = useCallback9((rowId, message) => {
     setRowErrors((current) => {
       if (message === null) {
         if (!(rowId in current)) return current;
@@ -5005,7 +4353,7 @@ function RecordGrid({
       return { ...current, [rowId]: message };
     });
   }, []);
-  const setRowPending = useCallback10((rowId, pending) => {
+  const setRowPending = useCallback9((rowId, pending) => {
     setPendingRows((current) => {
       if (pending) return rowId in current ? current : { ...current, [rowId]: true };
       if (!(rowId in current)) return current;
@@ -5014,11 +4362,11 @@ function RecordGrid({
       return next;
     });
   }, []);
-  const focusCell = useCallback10((rowId, columnId) => {
+  const focusCell = useCallback9((rowId, columnId) => {
     setFocus({ rowId, columnId });
     cellRefs.current.get(cellKey(rowId, columnId))?.focus();
   }, []);
-  const beginEdit = useCallback10(
+  const beginEdit = useCallback9(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing({
@@ -5029,7 +4377,7 @@ function RecordGrid({
     },
     [setCellError, setEditing]
   );
-  const applyCellWrite = useCallback10(
+  const applyCellWrite = useCallback9(
     async (row, column, value) => {
       if (!onUpdate) return;
       const values = { ...row.values, [column.id]: value };
@@ -5057,7 +4405,7 @@ function RecordGrid({
     },
     [locale, onUpdate, setRowError, setRowPending]
   );
-  const commitEdit = useCallback10(
+  const commitEdit = useCallback9(
     async (row, column, text) => {
       const open = editingRef.current;
       if (open === null || open.rowId !== row.id || open.columnId !== column.id) return;
@@ -5081,7 +4429,7 @@ function RecordGrid({
     },
     [applyCellWrite, setCellError, setEditing]
   );
-  const cancelEdit = useCallback10(
+  const cancelEdit = useCallback9(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing(null);
@@ -5089,7 +4437,7 @@ function RecordGrid({
     },
     [focusCell, setCellError, setEditing]
   );
-  const performDelete = useCallback10(
+  const performDelete = useCallback9(
     async (row) => {
       if (!onDelete) return;
       setConfirmDelete(null);
@@ -5107,16 +4455,16 @@ function RecordGrid({
     },
     [columns, onDelete, setRowError]
   );
-  const resetDraft = useCallback10(() => {
+  const resetDraft = useCallback9(() => {
     setDraft({ ...newRowDefaults ?? {} });
     setDraftErrors({});
     setDraftError(null);
   }, [newRowDefaults]);
-  const openAdd = useCallback10(() => {
+  const openAdd = useCallback9(() => {
     resetDraft();
     setAdding(true);
   }, [resetDraft]);
-  const submitDraft = useCallback10(async () => {
+  const submitDraft = useCallback9(async () => {
     if (!onCreate) return;
     const validated = validateRecordGridRow(columns, draft);
     if (!validated.succeeded) {
@@ -5146,7 +4494,7 @@ function RecordGrid({
     setOverlay((current) => withoutRecordGridCreated(current, draftId));
     setDraftError(outcome.error);
   }, [columns, draft, fieldPrefix, onCreate, resetDraft]);
-  const handleGridKeyDown = useCallback10(
+  const handleGridKeyDown = useCallback9(
     (event) => {
       if (editing !== null) return;
       const target = event.target;
@@ -5185,9 +4533,9 @@ function RecordGrid({
     [beginEdit, columns, editing, focusCell, onUpdate, reviewing, visibleRows]
   );
   if (state.status === "idle" || state.status === "loading") {
-    return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs9("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxs9(
         "div",
         {
           role: "status",
@@ -5195,22 +4543,22 @@ function RecordGrid({
           "aria-live": "polite",
           className: "space-y-2 rounded-xl border border-card-edge bg-card p-4",
           children: [
-            /* @__PURE__ */ jsxs10("span", { className: "sr-only", children: [
+            /* @__PURE__ */ jsxs9("span", { className: "sr-only", children: [
               "Loading ",
               caption
             ] }),
-            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx12("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
+            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx11("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
           ]
         }
       )
     ] });
   }
   if (state.status === "error") {
-    return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs9("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      /* @__PURE__ */ jsxs10("div", { role: "alert", className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-4", children: [
-        /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-destructive", children: state.message }),
-        /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs9("div", { role: "alert", className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-4", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-destructive", children: state.message }),
+        /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -5222,7 +4570,7 @@ function RecordGrid({
       ] })
     ] });
   }
-  const addForm = adding && onCreate && !reviewing ? /* @__PURE__ */ jsx12(
+  const addForm = adding && onCreate && !reviewing ? /* @__PURE__ */ jsx11(
     AddRecordForm,
     {
       columns,
@@ -5241,13 +4589,13 @@ function RecordGrid({
     }
   ) : null;
   if (visibleRows.length === 0 && !reviewing) {
-    return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs9("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: [
-        /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
-        empty.description && /* @__PURE__ */ jsx12("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
-        /* @__PURE__ */ jsxs10("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
-          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx12(
+      addForm ?? /* @__PURE__ */ jsxs9("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
+        empty.description && /* @__PURE__ */ jsx11("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
+        /* @__PURE__ */ jsxs9("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
+          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -5256,7 +4604,7 @@ function RecordGrid({
               children: empty.action.label
             }
           )),
-          onCreate && /* @__PURE__ */ jsx12(
+          onCreate && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -5281,18 +4629,18 @@ function RecordGrid({
     addedCount > 0 ? `${addedCount} added` : null,
     removedCount > 0 ? `${removedCount} removed` : null
   ].filter((part) => part !== null).join(" \xB7 ");
-  const reviewBar = reviewing ? /* @__PURE__ */ jsxs10(
+  const reviewBar = reviewing ? /* @__PURE__ */ jsxs9(
     "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 })
+        /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx11("p", { className: "text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Proposed changes" }),
+          /* @__PURE__ */ jsx11("p", { className: "mt-0.5 text-xs tabular-nums text-muted-foreground", children: reviewSummary })
         ] }),
-        (onAcceptAll || onRejectAll) && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-          onRejectAll && /* @__PURE__ */ jsx12(
+        (onAcceptAll || onRejectAll) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+          onRejectAll && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -5302,7 +4650,7 @@ function RecordGrid({
               children: "Reject all"
             }
           ),
-          onAcceptAll && /* @__PURE__ */ jsx12(
+          onAcceptAll && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -5316,10 +4664,10 @@ function RecordGrid({
       ]
     }
   ) : null;
-  return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs9("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(
+    /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs9(
       "table",
       {
         role: "grid",
@@ -5327,8 +4675,8 @@ function RecordGrid({
         className: "w-full border-collapse text-left text-sm",
         onKeyDown: handleGridKeyDown,
         children: [
-          /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsxs10("tr", { role: "row", className: "border-b border-border text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
-            columns.map((column) => /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsxs9("tr", { role: "row", className: "border-b border-border text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
+            columns.map((column) => /* @__PURE__ */ jsx11(
               "th",
               {
                 role: "columnheader",
@@ -5338,17 +4686,17 @@ function RecordGrid({
               },
               column.id
             )),
-            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" }) })
+            showActionsColumn && /* @__PURE__ */ jsx11("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx11("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
           ] }) }),
-          /* @__PURE__ */ jsxs10("tbody", { children: [
+          /* @__PURE__ */ jsxs9("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(
+              return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+                /* @__PURE__ */ jsxs9(
                   "tr",
                   {
                     role: "row",
@@ -5368,8 +4716,8 @@ function RecordGrid({
                         const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
                         const cellDiff = rowDiff?.kind === "changed" ? diffCellByKey.get(key) : void 0;
                         if (isEditing && editable) {
-                          return /* @__PURE__ */ jsxs10("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
-                            /* @__PURE__ */ jsx12(
+                          return /* @__PURE__ */ jsxs9("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
+                            /* @__PURE__ */ jsx11(
                               CellEditor,
                               {
                                 column,
@@ -5382,11 +4730,11 @@ function RecordGrid({
                                 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 })
+                            cellError !== void 0 && /* @__PURE__ */ jsx11("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(
+                          return /* @__PURE__ */ jsx11("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx11(
                             "input",
                             {
                               type: "checkbox",
@@ -5405,7 +4753,7 @@ function RecordGrid({
                           ) }, column.id);
                         }
                         const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                        return /* @__PURE__ */ jsx12(
+                        return /* @__PURE__ */ jsx11(
                           "td",
                           {
                             role: "gridcell",
@@ -5423,20 +4771,20 @@ function RecordGrid({
                             className: `px-3 py-2 outline-none focus:ring-2 focus:ring-inset focus:ring-primary/50 ${alignmentClass(
                               column
                             )} ${editable ? "cursor-text" : ""}`,
-                            children: /* @__PURE__ */ 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(
+                            children: /* @__PURE__ */ jsxs9("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                              column.id === columns[0]?.id && removedRow && /* @__PURE__ */ jsx11("span", { className: "inline-flex shrink-0 rounded border border-destructive/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-destructive", children: "Remove" }),
+                              cellDiff ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex max-w-full flex-wrap items-baseline gap-x-1.5", children: [
+                                /* @__PURE__ */ jsx11("span", { className: "tabular-nums text-destructive line-through decoration-destructive/60", children: formatRecordGridValue(column, cellDiff.before, locale) || "\u2014" }),
+                                /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2192" }),
+                                /* @__PURE__ */ jsx11("span", { className: "tabular-nums font-medium text-success", children: formatRecordGridValue(column, cellDiff.after, locale) || "\u2014" })
+                              ] }) : /* @__PURE__ */ jsx11(
                                 "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(
+                              source && /* @__PURE__ */ jsx11(
                                 SourceMarker,
                                 {
                                   panelId: `${fieldPrefix}-source-${row.id}-${column.id}`,
@@ -5452,7 +4800,7 @@ function RecordGrid({
                           column.id
                         );
                       }),
-                      showActionsColumn && /* @__PURE__ */ jsx12("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx12(
+                      showActionsColumn && /* @__PURE__ */ jsx11("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx11(
                         ReviewActions,
                         {
                           rowId: row.id,
@@ -5461,8 +4809,8 @@ function RecordGrid({
                           onAccept: onAcceptRow,
                           onReject: onRejectRow
                         }
-                      ) : row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx12(
+                      ) : row.readOnly === true ? null : confirmDelete === row.id ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx11(
                           "button",
                           {
                             type: "button",
@@ -5472,7 +4820,7 @@ function RecordGrid({
                             children: "Delete"
                           }
                         ),
-                        /* @__PURE__ */ jsx12(
+                        /* @__PURE__ */ jsx11(
                           "button",
                           {
                             type: "button",
@@ -5482,14 +4830,14 @@ function RecordGrid({
                             children: "Cancel"
                           }
                         )
-                      ] }) : /* @__PURE__ */ jsx12(
+                      ] }) : /* @__PURE__ */ jsx11(
                         "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(
+                          children: /* @__PURE__ */ jsxs9(
                             "svg",
                             {
                               viewBox: "0 0 24 24",
@@ -5501,8 +4849,8 @@ function RecordGrid({
                               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" })
+                                /* @__PURE__ */ jsx11("polyline", { points: "3 6 5 6 21 6" }),
+                                /* @__PURE__ */ jsx11("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
                               ]
                             }
                           )
@@ -5511,12 +4859,12 @@ function RecordGrid({
                     ]
                   }
                 ),
-                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 }) }) })
+                rowError !== void 0 && /* @__PURE__ */ jsx11("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx11("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx11("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
               ] }, row.id);
             }),
             reviewing && addedRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
-              return /* @__PURE__ */ jsxs10(
+              return /* @__PURE__ */ jsxs9(
                 "tr",
                 {
                   role: "row",
@@ -5527,9 +4875,9 @@ function RecordGrid({
                       const applicable = isRecordGridCellApplicable(column, row.values);
                       const value = row.values[column.id] ?? null;
                       const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                      return /* @__PURE__ */ 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(
+                      return /* @__PURE__ */ jsx11("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs9("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                        columnIndex === 0 && /* @__PURE__ */ jsx11("span", { className: "inline-flex shrink-0 rounded border border-success/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-success", children: "New" }),
+                        /* @__PURE__ */ jsx11(
                           "span",
                           {
                             className: `tabular-nums ${display === "" ? "text-muted-foreground" : "truncate text-foreground"}`,
@@ -5538,7 +4886,7 @@ function RecordGrid({
                         )
                       ] }) }, column.id);
                     }),
-                    /* @__PURE__ */ jsx12("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx11("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx11(
                       ReviewActions,
                       {
                         rowId: row.id,
@@ -5554,8 +4902,8 @@ function RecordGrid({
               );
             })
           ] }),
-          hasFooter && /* @__PURE__ */ jsx12("tfoot", { children: /* @__PURE__ */ jsxs10("tr", { role: "row", className: "border-t-2 border-border", children: [
-            columns.map((column) => /* @__PURE__ */ jsx12(
+          hasFooter && /* @__PURE__ */ jsx11("tfoot", { children: /* @__PURE__ */ jsxs9("tr", { role: "row", className: "border-t-2 border-border", children: [
+            columns.map((column) => /* @__PURE__ */ jsx11(
               "td",
               {
                 role: "gridcell",
@@ -5564,19 +4912,19 @@ function RecordGrid({
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx12("td", { role: "gridcell" })
+            showActionsColumn && /* @__PURE__ */ jsx11("td", { role: "gridcell" })
           ] }) })
         ]
       }
     ) }),
-    onCreate && !reviewing && (addForm ?? /* @__PURE__ */ jsxs10(
+    onCreate && !reviewing && (addForm ?? /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
         onClick: openAdd,
         className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
         children: [
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsxs9(
             "svg",
             {
               viewBox: "0 0 24 24",
@@ -5588,8 +4936,8 @@ function RecordGrid({
               strokeLinejoin: "round",
               "aria-hidden": true,
               children: [
-                /* @__PURE__ */ jsx12("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-                /* @__PURE__ */ jsx12("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+                /* @__PURE__ */ jsx11("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                /* @__PURE__ */ jsx11("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
               ]
             }
           ),
@@ -5601,8 +4949,8 @@ function RecordGrid({
 }
 function ReviewActions({ rowId, kind, rowLabel, onAccept, onReject }) {
   const noun = kind === "changed" ? `proposed change to ${rowLabel}` : kind === "added" ? `new row ${rowLabel}` : `removal of ${rowLabel}`;
-  return /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
-    onReject && /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5", children: [
+    onReject && /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -5612,7 +4960,7 @@ function ReviewActions({ rowId, kind, rowLabel, onAccept, onReject }) {
         children: "Reject"
       }
     ),
-    onAccept && /* @__PURE__ */ jsx12(
+    onAccept && /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -5633,7 +4981,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
     className: INPUT_CLASS
   };
   if (column.kind === "select") {
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs9(
       "select",
       {
         ...shared,
@@ -5650,8 +4998,8 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
         },
         onBlur: () => onCommit(text),
         children: [
-          /* @__PURE__ */ jsx12("option", { value: "", children: "\u2014" }),
-          column.options.map((option) => /* @__PURE__ */ jsx12("option", { value: option.value, children: option.label }, option.value))
+          /* @__PURE__ */ jsx11("option", { value: "", children: "\u2014" }),
+          column.options.map((option) => /* @__PURE__ */ jsx11("option", { value: option.value, children: option.label }, option.value))
         ]
       }
     );
@@ -5669,7 +5017,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
     }
   };
   if (column.kind === "text" && column.multiline === true) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       "textarea",
       {
         ...shared,
@@ -5681,7 +5029,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     "input",
     {
       ...shared,
@@ -5696,15 +5044,15 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
 }
 function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle }) {
   const basis = source.basis ?? "asserted";
-  const setOpen = useCallback10(
+  const setOpen = useCallback9(
     (next) => {
       if (!next) onToggle();
     },
     [onToggle]
   );
   const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
-  return /* @__PURE__ */ jsxs10("span", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs9("span", { ref: containerRef, className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -5717,7 +5065,7 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
           onToggle();
         },
         className: `inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${BASIS_TONES2[basis]}`,
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx11(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -5727,12 +5075,12 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
             strokeWidth: "2.5",
             strokeLinecap: "round",
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx12("path", { d: "M9 8h6M9 12h6M9 16h3" })
+            children: /* @__PURE__ */ jsx11("path", { d: "M9 8h6M9 12h6M9 16h3" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs9(
       PopoverSurface,
       {
         open,
@@ -5742,17 +5090,17 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
         panelRef,
         className: `w-64 rounded-lg border border-card-edge bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
         children: [
-          source.quote && /* @__PURE__ */ jsxs10("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
+          source.quote && /* @__PURE__ */ jsxs9("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
             source.quote,
             "\u201D"
           ] }),
-          /* @__PURE__ */ jsxs10("span", { className: "mt-2 block text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs9("span", { className: "mt-2 block text-xs text-muted-foreground", children: [
             source.label ?? "Source",
             source.locator ? ` \xB7 ${source.locator}` : "",
             ` \xB7 ${BASIS_TITLES[basis]}`
           ] }),
-          source.href && /* @__PURE__ */ jsx12(
+          source.href && /* @__PURE__ */ jsx11(
             "a",
             {
               href: source.href,
@@ -5780,8 +5128,8 @@ function AddRecordForm({
   onSubmit,
   onCancel
 }) {
-  const groups = useMemo7(() => groupColumns(columns), [columns]);
-  return /* @__PURE__ */ jsxs10(
+  const groups = useMemo6(() => groupColumns(columns), [columns]);
+  return /* @__PURE__ */ jsxs9(
     "form",
     {
       noValidate: true,
@@ -5792,31 +5140,31 @@ function AddRecordForm({
       },
       className: "space-y-4 rounded-xl border border-card-edge bg-card p-4",
       children: [
-        /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: label }),
-        formError !== null && /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: formError }),
+        /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold text-foreground", children: label }),
+        formError !== null && /* @__PURE__ */ jsx11("p", { role: "alert", className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: formError }),
         groups.map((group) => {
           const fields = group.columns.filter((column) => isRecordGridCellApplicable(column, draft));
           if (fields.length === 0) return null;
-          return /* @__PURE__ */ jsxs10(
+          return /* @__PURE__ */ jsxs9(
             "fieldset",
             {
               className: group.label === null ? "min-w-0" : "min-w-0 rounded-lg border border-card-edge p-3",
               children: [
-                group.label !== null && /* @__PURE__ */ jsx12("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
-                /* @__PURE__ */ jsx12("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map((column) => {
+                group.label !== null && /* @__PURE__ */ jsx11("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
+                /* @__PURE__ */ jsx11("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map((column) => {
                   const fieldId = `${fieldPrefix}-${column.id}`;
                   const errorId = `${fieldId}-error`;
                   const message = errors[column.id];
-                  return /* @__PURE__ */ jsxs10(
+                  return /* @__PURE__ */ jsxs9(
                     "div",
                     {
                       className: column.kind === "text" && column.multiline === true ? "sm:col-span-2" : "",
                       children: [
-                        /* @__PURE__ */ jsxs10("label", { htmlFor: fieldId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: [
+                        /* @__PURE__ */ jsxs9("label", { htmlFor: fieldId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: [
                           column.header,
-                          column.required === true && /* @__PURE__ */ jsx12("span", { className: "ml-0.5 text-destructive", children: "*" })
+                          column.required === true && /* @__PURE__ */ jsx11("span", { className: "ml-0.5 text-destructive", children: "*" })
                         ] }),
-                        /* @__PURE__ */ jsx12(
+                        /* @__PURE__ */ jsx11(
                           DraftField,
                           {
                             column,
@@ -5827,8 +5175,8 @@ function AddRecordForm({
                             onValue: (next) => setDraft({ ...draft, [column.id]: next })
                           }
                         ),
-                        column.hint && /* @__PURE__ */ jsx12("p", { className: "mt-1 text-xs text-muted-foreground", children: column.hint }),
-                        message !== void 0 && /* @__PURE__ */ jsx12("p", { id: errorId, role: "alert", className: "mt-1 text-xs text-destructive", children: message })
+                        column.hint && /* @__PURE__ */ jsx11("p", { className: "mt-1 text-xs text-muted-foreground", children: column.hint }),
+                        message !== void 0 && /* @__PURE__ */ jsx11("p", { id: errorId, role: "alert", className: "mt-1 text-xs text-destructive", children: message })
                       ]
                     },
                     column.id
@@ -5839,8 +5187,8 @@ function AddRecordForm({
             group.label ?? "_"
           );
         }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx11(
             "button",
             {
               type: "submit",
@@ -5849,7 +5197,7 @@ function AddRecordForm({
               children: busy ? "Saving\u2026" : "Save"
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -5870,7 +5218,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     "aria-describedby": describedBy
   };
   if (column.kind === "boolean") {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       "input",
       {
         ...shared,
@@ -5882,7 +5230,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     );
   }
   if (column.kind === "select") {
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs9(
       "select",
       {
         ...shared,
@@ -5890,14 +5238,14 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
         value: typeof value === "string" ? value : "",
         onChange: (event) => onValue(event.target.value === "" ? null : event.target.value),
         children: [
-          /* @__PURE__ */ jsx12("option", { value: "", children: "\u2014" }),
-          column.options.map((option) => /* @__PURE__ */ jsx12("option", { value: option.value, children: option.label }, option.value))
+          /* @__PURE__ */ jsx11("option", { value: "", children: "\u2014" }),
+          column.options.map((option) => /* @__PURE__ */ jsx11("option", { value: option.value, children: option.label }, option.value))
         ]
       }
     );
   }
   if (column.kind === "text" && column.multiline === true) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       "textarea",
       {
         ...shared,
@@ -5909,7 +5257,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
     );
   }
   if (column.kind === "number" || column.kind === "currency") {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       "input",
       {
         ...shared,
@@ -5929,7 +5277,7 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     "input",
     {
       ...shared,
@@ -5943,19 +5291,19 @@ 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
+  useCallback as useCallback10,
+  useEffect as useEffect11,
+  useId as useId4,
+  useMemo as useMemo7,
+  useRef as useRef11,
+  useState as useState15
 } from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs10 } 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" })
+  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx12("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx12("path", { d: "m21 21-4.3-4.3" })
   ] });
 }
 function CommandPalette({
@@ -5970,25 +5318,25 @@ function CommandPalette({
   emptyMessage,
   label = "Command palette"
 }) {
-  const [internalOpen, setInternalOpen] = useState16(false);
+  const [internalOpen, setInternalOpen] = useState15(false);
   const open = controlledOpen ?? internalOpen;
-  const setOpen = useCallback11(
+  const setOpen = useCallback10(
     (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 [query, setQuery] = useState15(initialQuery ?? "");
+  const [active, setActive] = useState15(0);
+  const inputRef = useRef11(null);
+  const surfaceId = useId4();
   const listId = `${surfaceId}-list`;
-  const flat = useMemo8(() => filterCommandPaletteItems(items, query), [items, query]);
-  const sections = useMemo8(() => groupCommandPaletteItems(flat), [flat]);
+  const flat = useMemo7(() => filterCommandPaletteItems(items, query), [items, query]);
+  const sections = useMemo7(() => 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(() => {
+  useEffect11(() => {
     if (!hotkey) return;
     function onKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
@@ -5999,8 +5347,8 @@ function CommandPalette({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [hotkey, open, setOpen]);
-  const restoreFocusRef = useRef12(null);
-  useEffect12(() => {
+  const restoreFocusRef = useRef11(null);
+  useEffect11(() => {
     if (open) {
       restoreFocusRef.current = document.activeElement;
       inputRef.current?.focus();
@@ -6012,11 +5360,11 @@ function CommandPalette({
     restoreFocusRef.current = null;
     if (restore instanceof HTMLElement) restore.focus();
   }, [open]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!open || !activeId) return;
     document.getElementById(activeId)?.scrollIntoView?.({ block: "nearest" });
   }, [open, activeId]);
-  const choose = useCallback11(
+  const choose = useCallback10(
     (item) => {
       onSelect(item);
       setOpen(false);
@@ -6042,8 +5390,8 @@ function CommandPalette({
   if (!open || typeof document === "undefined") return null;
   let rowIndex = -1;
   return createPortal(
-    /* @__PURE__ */ jsxs11(Fragment7, { children: [
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      /* @__PURE__ */ jsx12(
         "div",
         {
           "aria-hidden": true,
@@ -6052,7 +5400,7 @@ function CommandPalette({
           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(
+      /* @__PURE__ */ jsx12("div", { className: "pointer-events-none fixed inset-x-0 top-[15%] z-[1000] flex justify-center px-4", children: /* @__PURE__ */ jsxs10(
         "div",
         {
           role: "dialog",
@@ -6061,9 +5409,9 @@ function CommandPalette({
           ...{ [POPOVER_SURFACE_ATTR]: surfaceId },
           className: `agent-pop-in pointer-events-auto flex max-h-[70vh] w-[560px] max-w-full flex-col overflow-hidden rounded-xl border border-card-edge bg-popover ${OVERLAY_SHADOW}`,
           children: [
-            /* @__PURE__ */ 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(
+            /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
+              /* @__PURE__ */ jsx12(SearchGlyph, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx12(
                 "input",
                 {
                   ref: inputRef,
@@ -6084,15 +5432,15 @@ function CommandPalette({
                 }
               )
             ] }),
-            /* @__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 }),
+            /* @__PURE__ */ jsxs10("div", { role: "listbox", id: listId, className: "min-h-0 flex-1 overflow-y-auto p-1 pb-2", children: [
+              loading && /* @__PURE__ */ jsx12("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading\u2026" }),
+              !loading && flat.length === 0 && /* @__PURE__ */ jsx12("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyMessage ?? (query.trim() ? `No results for \u201C${query.trim()}\u201D` : "Nothing here yet") }),
+              !loading && sections.map((section) => /* @__PURE__ */ jsxs10("div", { children: [
+                /* @__PURE__ */ jsx12("div", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: section.group }),
                 section.items.map((item) => {
                   rowIndex += 1;
                   const index = rowIndex;
-                  return /* @__PURE__ */ jsxs11(
+                  return /* @__PURE__ */ jsxs10(
                     "div",
                     {
                       id: `${listId}-${index}`,
@@ -6102,9 +5450,9 @@ function CommandPalette({
                       onClick: () => choose(item),
                       className: `flex w-full cursor-pointer items-center gap-2.5 rounded-md px-3 py-2.5 text-left text-sm ${index === activeIndex ? "bg-accent" : ""}`,
                       children: [
-                        /* @__PURE__ */ 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 })
+                        /* @__PURE__ */ jsx12("span", { className: "truncate text-foreground", children: item.label }),
+                        item.description && /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: item.description }),
+                        item.hint && /* @__PURE__ */ jsx12("span", { className: "ml-auto shrink-0 text-xs tabular-nums text-muted-foreground", children: item.hint })
                       ]
                     },
                     item.id
@@ -6112,15 +5460,15 @@ function CommandPalette({
                 })
               ] }, 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" })
+            /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx12("span", { className: "tabular-nums", children: query.trim() ? `${flat.length} of ${items.length}` : `${items.length} items` }),
+              /* @__PURE__ */ jsxs10("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx12("kbd", { className: "rounded border border-border bg-background px-1 py-0.5", children: "\u2191\u2193" }),
+                /* @__PURE__ */ jsx12("span", { children: "navigate" }),
+                /* @__PURE__ */ jsx12("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "\u21B5" }),
+                /* @__PURE__ */ jsx12("span", { children: "select" }),
+                /* @__PURE__ */ jsx12("kbd", { className: "ml-1.5 rounded border border-border bg-background px-1 py-0.5", children: "esc" }),
+                /* @__PURE__ */ jsx12("span", { children: "close" })
               ] })
             ] })
           ]
@@ -6131,19 +5479,8 @@ function CommandPalette({
   );
 }
 
-// src/web-react/class-names.ts
-function joinClasses(...parts) {
-  const kept = [];
-  for (const part of parts) {
-    if (typeof part !== "string") continue;
-    const trimmed = part.trim();
-    if (trimmed.length > 0) kept.push(trimmed);
-  }
-  return kept.join(" ");
-}
-
 // src/web-react/sparkline.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_SPARKLINE_WIDTH = 96;
 var DEFAULT_SPARKLINE_HEIGHT = 24;
 var DEFAULT_INSET = 2.5;
@@ -6249,21 +5586,21 @@ function Sparkline({
   const geometry = sparklineGeometry(values, { width, height });
   const accessibleName = sparklineLabel(values, { label, format });
   if (geometry.points.length === 0) {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs11(
       "span",
       {
         "data-sparkline": geometry.gaps > 0 ? "unavailable" : "empty",
         className: joinClasses("text-[11px] text-muted-foreground", className),
         children: [
-          /* @__PURE__ */ jsx14("span", { className: "sr-only", children: accessibleName }),
-          /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: geometry.gaps > 0 ? unavailableLabel : emptyLabel })
+          /* @__PURE__ */ jsx13("span", { className: "sr-only", children: accessibleName }),
+          /* @__PURE__ */ jsx13("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__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       role: "img",
@@ -6280,7 +5617,7 @@ function Sparkline({
         geometry.segments.map((segment, index) => {
           const key = `segment-${index}`;
           if (segment.length > 1) {
-            return /* @__PURE__ */ jsx14(
+            return /* @__PURE__ */ jsx13(
               "polyline",
               {
                 points: sparklinePointsAttribute(segment),
@@ -6296,9 +5633,9 @@ function Sparkline({
           }
           const only = segment[0];
           if (only.x === end.x && only.y === end.y) return null;
-          return /* @__PURE__ */ jsx14("circle", { cx: only.x, cy: only.y, r: DOT_RADIUS, fill: "currentColor" }, key);
+          return /* @__PURE__ */ jsx13("circle", { cx: only.x, cy: only.y, r: DOT_RADIUS, fill: "currentColor" }, key);
         }),
-        /* @__PURE__ */ jsx14("circle", { cx: end.x, cy: end.y, r: DOT_RADIUS, fill: "currentColor" })
+        /* @__PURE__ */ jsx13("circle", { cx: end.x, cy: end.y, r: DOT_RADIUS, fill: "currentColor" })
       ]
     }
   );
@@ -6307,12 +5644,12 @@ function Sparkline({
 // src/web-react/insight-card.tsx
 import {
   isValidElement as isValidElement2,
-  useCallback as useCallback12,
-  useEffect as useEffect13,
-  useRef as useRef13,
-  useState as useState17
+  useCallback as useCallback11,
+  useEffect as useEffect12,
+  useRef as useRef12,
+  useState as useState16
 } from "react";
-import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function insightDelta(value, previous) {
   if (typeof value !== "number" || !Number.isFinite(value)) return null;
   if (typeof previous !== "number" || !Number.isFinite(previous)) return null;
@@ -6365,7 +5702,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__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "article",
     {
       "data-insight-card": "",
@@ -6373,40 +5710,40 @@ function InsightCard({
       className: joinClasses("agent-arrive flex h-full flex-col rounded-xl border border-card-edge bg-card p-4", className),
       style,
       children: [
-        eyebrow ? /* @__PURE__ */ 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 }),
+        eyebrow ? /* @__PURE__ */ jsx14("p", { "data-insight-eyebrow": "", className: "mb-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: eyebrow }) : null,
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline justify-between gap-2", children: [
+          /* @__PURE__ */ jsx14("h3", { className: "text-[13px] font-medium text-muted-foreground", children: title }),
           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__ */ jsx15("span", { className: "agent-shimmer shrink-0 text-[11px] font-medium", "data-insight-live": "", children: liveLabel })
+            /* @__PURE__ */ jsx14("span", { className: "agent-shimmer shrink-0 text-[11px] font-medium", "data-insight-live": "", children: liveLabel })
           ) : 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
+        /* @__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
         ] }) }),
-        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: [
+        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: [
             DIRECTION_GLYPH[delta.direction],
             " "
           ] }),
           formatInsightDelta(delta, format)
         ] }) : 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
+        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
       ]
     }
   );
 }
 function renderInsightAction(action) {
   if (isValidElement2(action)) return action;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "button",
     {
       type: "button",
@@ -6475,15 +5812,15 @@ function InsightDeck({
   className,
   onPageChange
 }) {
-  const [page, setPage] = useState17(0);
-  const [held, setHeld] = useState17(null);
+  const [page, setPage] = useState16(0);
+  const [held, setHeld] = useState16(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 = useRef13(0);
-  const settlePage = useCallback12(
+  const reported = useRef12(0);
+  const settlePage = useCallback11(
     (next) => {
       if (reported.current === next) return;
       reported.current = next;
@@ -6491,7 +5828,7 @@ function InsightDeck({
     },
     [onPageChange]
   );
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     AsyncView,
     {
       state: shown,
@@ -6499,7 +5836,7 @@ function InsightDeck({
       loadingLabel,
       retryLabel,
       className,
-      children: (insights) => /* @__PURE__ */ jsx15(
+      children: (insights) => /* @__PURE__ */ jsx14(
         InsightPages,
         {
           insights,
@@ -6566,18 +5903,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 = useRef13(null);
-  const listRef = useRef13(null);
-  const recoverFocus = useRef13(false);
-  useEffect13(() => {
+  const sectionRef = useRef12(null);
+  const listRef = useRef12(null);
+  const recoverFocus = useRef12(false);
+  useEffect12(() => {
     onPageSettled(current);
   }, [current, onPageSettled]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!recoverFocus.current) return;
     recoverFocus.current = false;
     sectionRef.current?.focus();
   }, [current]);
-  const goTo = useCallback12(
+  const goTo = useCallback11(
     (next) => {
       const clamped = Math.min(Math.max(next, 0), pageCount - 1);
       if (clamped === current) return false;
@@ -6612,7 +5949,7 @@ function InsightPages({
     }
     if (moved) event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       ref: sectionRef,
@@ -6624,7 +5961,7 @@ function InsightPages({
       tabIndex: pageCount > 1 ? 0 : void 0,
       "aria-keyshortcuts": pageCount > 1 ? "ArrowLeft ArrowRight PageUp PageDown Home End" : void 0,
       children: [
-        /* @__PURE__ */ jsx15("ul", { ref: listRef, className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: visible.map(({ id, style, ...card }, index) => (
+        /* @__PURE__ */ jsx14("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.
@@ -6635,10 +5972,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__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(InsightCard, { ...card, style: staggerStyle(index, style) }) }, `${current}:${id}`)
+          /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsx14(InsightCard, { ...card, style: staggerStyle(index, style) }) }, `${current}:${id}`)
         )) }),
-        /* @__PURE__ */ jsxs13("div", { className: pageCount > 1 ? "flex items-center justify-between gap-2" : void 0, children: [
-          /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs12("div", { className: pageCount > 1 ? "flex items-center justify-between gap-2" : void 0, children: [
+          /* @__PURE__ */ jsxs12(
             "p",
             {
               role: "status",
@@ -6652,8 +5989,8 @@ function InsightPages({
               ]
             }
           ),
-          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 > 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 <= 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
@@ -6661,7 +5998,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__ */ jsx15(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -6669,7 +6006,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__ */ jsx15(
+                  children: /* @__PURE__ */ jsx14(
                     "span",
                     {
                       "aria-hidden": "true",
@@ -6683,7 +6020,7 @@ function InsightPages({
                 index
               )
             )) : null,
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx14(
               PagerButton,
               {
                 label: "Next insights",
@@ -6704,7 +6041,7 @@ function PagerButton({
   atEnd,
   onClick
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "button",
     {
       type: "button",
@@ -6714,13 +6051,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__ */ jsx15("span", { "aria-hidden": "true", children: glyph })
+      children: /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: glyph })
     }
   );
 }
 
 // src/web-react/index.tsx
-import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs13 } 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;
@@ -6739,41 +6076,41 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs14("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-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(
+  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(
         "span",
         {
           className: `h-2 w-2 shrink-0 rounded-full ${run.status === "running" ? "bg-warning" : run.status === "error" ? "bg-destructive" : "bg-success"}`
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx16("p", { className: "truncate text-[15px] font-semibold", children: run.title }),
-        /* @__PURE__ */ jsx16("p", { className: "truncate font-mono text-xs text-muted-foreground", children: run.toolName })
+      /* @__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__ */ jsx16(
+      /* @__PURE__ */ jsx15(
         "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__ */ jsx16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx16("path", { d: "M18 6 6 18M6 6l12 12" }) })
+          children: /* @__PURE__ */ 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" }) })
         }
       )
     ] }),
-    /* @__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" }) })
+    /* @__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" }) })
         ] }),
-        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 })
+        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 })
       ] }, i))
     ] }),
-    /* @__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." })
+    /* @__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." })
   ] });
 }
 function pendingApprovalOf(call) {
@@ -6789,23 +6126,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__ */ 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(
+  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(
       "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__ */ jsxs14("span", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
             door.icon,
             door.label
           ] }),
-          door.description && /* @__PURE__ */ jsx16("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
+          door.description && /* @__PURE__ */ jsx15("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -6814,26 +6151,26 @@ function ChatEmptyState({
 }
 function ToolGlyph({ name, className }) {
   if (name.startsWith("sandbox_")) {
-    return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("polyline", { points: "4 17 10 11 4 5" }),
-      /* @__PURE__ */ jsx16("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+    return /* @__PURE__ */ 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" })
     ] });
   }
   if (name === "submit_proposal") {
-    return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx16("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
+    return /* @__PURE__ */ 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" })
     ] });
   }
   if (name === "schedule_followup") {
-    return /* @__PURE__ */ jsxs14("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx16("path", { d: "M12 7v5l3 3" })
+    return /* @__PURE__ */ 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", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx16("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
-    /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "4" })
+  return /* @__PURE__ */ 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" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -6919,40 +6256,40 @@ function truncate(v, max = 240) {
 function KvRows({ data }) {
   const entries = Object.entries(data).filter(([, v]) => v !== void 0 && v !== null && v !== "");
   if (!entries.length) return null;
-  return /* @__PURE__ */ jsx16("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs14("div", { className: "contents", children: [
-    /* @__PURE__ */ jsx16("dt", { className: "font-mono text-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) })
+  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) })
   ] }, k)) });
 }
 function ShellDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   const r = outcome?.result ?? {};
-  return /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-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: [
+  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: [
         "exit ",
         r.exitCode
       ] })
     ] }),
-    /* @__PURE__ */ jsx16("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
+    /* @__PURE__ */ 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)" })
   ] });
 }
 function DefaultToolDetail({ call }) {
   const result = call.result;
   const envelope = typeof result === "object" && result !== null ? result : null;
-  return /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
-      /* @__PURE__ */ jsx16(KvRows, { data: call.args })
+  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 })
     ] }),
-    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) })
+    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) })
     ] }) : null
   ] });
 }
@@ -6963,24 +6300,24 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState18(false);
+  const [expanded, setExpanded] = useState17(false);
   const { summary, meta, typeSlug } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
-  return /* @__PURE__ */ jsxs14("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
-      /* @__PURE__ */ jsx16("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx16("p", { className: "text-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)) })
+  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)) })
       ] })
     ] }),
-    /* @__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(
+    /* @__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(
           "button",
           {
             type: "button",
@@ -6990,7 +6327,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -7001,7 +6338,7 @@ function ProposalCard({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -7010,12 +6347,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__ */ jsx16(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsx15(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
           ]
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsx16("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx16(DefaultToolDetail, { call }) })
+    expanded && /* @__PURE__ */ jsx15("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx15(DefaultToolDetail, { call }) })
   ] });
 }
 function formatFollowupWhen(when) {
@@ -7030,14 +6367,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__ */ 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)]"}` }) })
+  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)]"}` }) })
     ] }),
-    errorText && /* @__PURE__ */ jsx16("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
+    errorText && /* @__PURE__ */ jsx15("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
   ] }) });
 }
 function toolRowTitle(call) {
@@ -7060,10 +6397,10 @@ function ToolCallCard({
   const arrival = useArrivalStyle(staggerIndex ?? 0);
   const pending = call.status === "done" ? pendingApprovalOf(call) : null;
   const kind = blockKindOf(call);
-  const arrive = (row) => /* @__PURE__ */ jsx16("div", { className: "agent-arrive", style: arrival, children: row });
+  const arrive = (row) => /* @__PURE__ */ jsx15("div", { className: "agent-arrive", style: arrival, children: row });
   if (pending) {
     return arrive(
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx15(
         ProposalCard,
         {
           call,
@@ -7076,18 +6413,18 @@ function ToolCallCard({
     );
   }
   if (kind === "followup") {
-    return arrive(/* @__PURE__ */ jsx16(FollowupCard, { call }));
+    return arrive(/* @__PURE__ */ jsx15(FollowupCard, { call }));
   }
   const custom = renderers?.[call.name]?.(call, message);
   return arrive(
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15(
       InlineToolItem,
       {
         part: chatToolCallPart(call),
         title: toolRowTitle(call),
         description: toolRowDescription(call),
-        renderToolDetail: () => custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx16(ShellDetail, { call }) : /* @__PURE__ */ jsx16(DefaultToolDetail, { call })),
-        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx16(
+        renderToolDetail: () => custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx15(ShellDetail, { call }) : /* @__PURE__ */ jsx15(DefaultToolDetail, { call })),
+        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -7095,9 +6432,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__ */ 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" })
+            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" })
             ] })
           }
         ) : void 0
@@ -7106,7 +6443,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "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",
@@ -7123,7 +6460,7 @@ function SegmentText({
   messageClassName
 }) {
   const text = useSmoothText(content, streaming);
-  const body = useMemo9(() => renderBody(text), [renderBody, text]);
+  const body = useMemo8(() => 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
@@ -7131,9 +6468,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__ */ jsxs14("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
+    /* @__PURE__ */ jsxs13("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
       body,
-      showCaret && /* @__PURE__ */ jsx16(StreamingCaret, {})
+      showCaret && /* @__PURE__ */ jsx15(StreamingCaret, {})
     ] })
   );
 }
@@ -7158,7 +6495,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call, index) => /* @__PURE__ */ jsx16(
+  const renderToolCard = (call, index) => /* @__PURE__ */ jsx15(
     ToolCallCard,
     {
       call,
@@ -7186,7 +6523,7 @@ function SegmentedBody({
   for (const g of groups) {
     if (g.kind === "text") {
       children.push(
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           SegmentText,
           {
             content: g.content,
@@ -7202,13 +6539,13 @@ function SegmentedBody({
     }
     if (!streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool)) {
       children.push(
-        /* @__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: [
+        /* @__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: [
             "Worked through ",
             g.calls.length,
             " steps"
           ] }),
-          /* @__PURE__ */ jsx16("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
+          /* @__PURE__ */ jsx15("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
         ] }, `tools-fold-${g.index}`)
       );
       continue;
@@ -7217,9 +6554,9 @@ function SegmentedBody({
   }
   leftoverToolCalls.forEach((call, index) => children.push(renderToolCard(call, index)));
   if (streaming && segments[lastIndex]?.kind === "tool") {
-    children.push(/* @__PURE__ */ jsx16(StreamingCaret, {}, "streaming-caret"));
+    children.push(/* @__PURE__ */ jsx15(StreamingCaret, {}, "streaming-caret"));
   }
-  return /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-2", children });
+  return /* @__PURE__ */ jsx15("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) {
@@ -7228,9 +6565,9 @@ function copyTextOf(msg) {
   return msg.content;
 }
 function CopyMessageButton({ text }) {
-  const [copied, setCopied] = useState18(false);
-  const timerRef = useRef14(null);
-  useEffect14(
+  const [copied, setCopied] = useState17(false);
+  const timerRef = useRef13(null);
+  useEffect13(
     () => () => {
       if (timerRef.current !== null) clearTimeout(timerRef.current);
     },
@@ -7249,7 +6586,7 @@ function CopyMessageButton({ text }) {
       }
     );
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       type: "button",
@@ -7257,9 +6594,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__ */ 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" })
+      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" })
       ] })
     }
   );
@@ -7282,34 +6619,34 @@ function AssistantMessageImpl({
 }) {
   const content = useSmoothText(msg.content, streaming);
   const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
-  const body = useMemo9(() => renderBody(content), [renderBody, content]);
+  const body = useMemo8(() => renderBody(content), [renderBody, content]);
   const segments = msg.segments;
   const hasAnswerText = content !== "" || (segments?.some((s) => s.kind === "text" && s.content.trim() !== "") ?? false);
-  const reasoningScrollRef = useRef14(null);
-  const thinkStartRef = useRef14(null);
-  const thinkMsRef = useRef14(null);
+  const reasoningScrollRef = useRef13(null);
+  const thinkStartRef = useRef13(null);
+  const thinkMsRef = useRef13(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;
   }
-  useEffect14(() => {
+  useEffect13(() => {
     const el = reasoningScrollRef.current;
     if (el && streaming && !hasAnswerText) el.scrollTop = el.scrollHeight;
   }, [reasoning, streaming, hasAnswerText]);
   const thinkingSeconds = useThinkingSeconds(
     streaming && !!reasoning && !hasAnswerText
   );
-  const [reasoningToggled, setReasoningToggled] = useState18(null);
+  const [reasoningToggled, setReasoningToggled] = useState17(null);
   const reasoningOpen = reasoningToggled ?? !hasAnswerText;
   const quiet = chrome === "quiet";
-  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) })
+  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) })
     ] }),
     reasoning && // The canonical run-row grammar (RunRowShell — the same shell the tool
     // rows compose): one family of rows instead of a bespoke disclosure per
@@ -7319,12 +6656,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__ */ jsx16(
+    /* @__PURE__ */ jsx15(
       RunRowShell,
       {
         className: "mb-2",
-        icon: /* @__PURE__ */ jsx16(BrainGlyph, { className: "h-3.5 w-3.5" }),
-        title: !hasAnswerText ? /* @__PURE__ */ jsxs14("span", { className: "agent-shimmer", "data-motion": "essential", children: [
+        icon: /* @__PURE__ */ jsx15(BrainGlyph, { className: "h-3.5 w-3.5" }),
+        title: !hasAnswerText ? /* @__PURE__ */ jsxs13("span", { className: "agent-shimmer", "data-motion": "essential", children: [
           "Thinking",
           thinkingSeconds >= 1 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
         ] }) : thinkMsRef.current != null ? (
@@ -7339,7 +6676,7 @@ function AssistantMessageImpl({
         status: hasAnswerText ? "idle" : "running",
         open: reasoningOpen,
         onOpenChange: (next) => setReasoningToggled(next),
-        children: /* @__PURE__ */ jsx16(
+        children: /* @__PURE__ */ jsx15(
           "div",
           {
             ref: reasoningScrollRef,
@@ -7349,7 +6686,7 @@ function AssistantMessageImpl({
         )
       }
     ),
-    segments && segments.length > 0 ? /* @__PURE__ */ jsx16(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx15(
       SegmentedBody,
       {
         segments,
@@ -7361,12 +6698,12 @@ function AssistantMessageImpl({
         toolRenderers,
         messageClassName
       }
-    ) : /* @__PURE__ */ jsxs14(Fragment9, { children: [
-      /* @__PURE__ */ jsxs14("div", { className: messageClassName, children: [
+    ) : /* @__PURE__ */ jsxs13(Fragment8, { children: [
+      /* @__PURE__ */ jsxs13("div", { className: messageClassName, children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx16(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx15(StreamingCaret, {})
       ] }),
-      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(
+      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(
         ToolCallCard,
         {
           call: tc,
@@ -7379,7 +6716,7 @@ function AssistantMessageImpl({
         tc.id
       )) })
     ] }),
-    durableCards && msg.parts && /* @__PURE__ */ jsx16(
+    durableCards && msg.parts && /* @__PURE__ */ jsx15(
       DurableChatCards,
       {
         ...durableCards,
@@ -7388,7 +6725,7 @@ function AssistantMessageImpl({
         className: "mt-3"
       }
     ),
-    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx16(
+    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx15(
       WorkProductCard,
       {
         part,
@@ -7398,7 +6735,7 @@ function AssistantMessageImpl({
       `${part.ref.id}:${part.ref.version}`
     )),
     renderExtras?.(msg),
-    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-2", children: /* @__PURE__ */ jsx16(
+    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-2", children: /* @__PURE__ */ jsx15(
       MessageAttachments,
       {
         parts: attachmentPartsFromMessageParts(msg.parts),
@@ -7406,18 +6743,18 @@ function AssistantMessageImpl({
         justify: "start"
       }
     ) }),
-    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) })
+    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) })
     ] })
   ] });
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState18(0);
-  useEffect14(() => {
+  const [seconds, setSeconds] = useState17(0);
+  useEffect13(() => {
     if (!active) return;
     setSeconds(0);
     const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
@@ -7427,23 +6764,23 @@ function useThinkingSeconds(active) {
 }
 function ThinkingRow({ agentLabel, chrome = "labeled" }) {
   const seconds = useThinkingSeconds(true);
-  return /* @__PURE__ */ jsxs14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    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" }) }),
+  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" }) }),
       "Thinking",
       seconds >= 3 ? ` \xB7 ${seconds}s` : "..."
     ] })
   ] });
 }
 function StreamErrorRow({ message, onRetry }) {
-  return /* @__PURE__ */ jsx16("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs14("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
-    /* @__PURE__ */ jsxs14("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx16("path", { d: "M12 8v4m0 4h.01" })
+  return /* @__PURE__ */ 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" })
     ] }),
-    /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx15(
       "button",
       {
         type: "button",
@@ -7477,33 +6814,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 = useMemo9(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx16("p", { className: "whitespace-pre-wrap", children: content })),
+  const renderBody = useMemo8(
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx15("p", { className: "whitespace-pre-wrap", children: content })),
     [renderMarkdown]
   );
   const lastIsUser = messages[messages.length - 1]?.role === "user";
   const quiet = chrome === "quiet";
   if (messages.length === 0 && !loading && !error) {
-    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx16(ChatEmptyState, { ...emptyState });
-    return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx15(ChatEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsxs13(Fragment8, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
     header,
     messages.map(
-      (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(
+      (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(
             "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__ */ jsx16("p", { className: "whitespace-pre-wrap", children: msg.content })
+              children: /* @__PURE__ */ jsx15("p", { className: "whitespace-pre-wrap", children: msg.content })
             }
           ),
-          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx16(
+          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx15(
             MessageAttachments,
             {
               parts: attachmentPartsFromMessageParts(msg.parts),
@@ -7512,8 +6849,8 @@ function ChatMessages({
             }
           ) })
         ] }),
-        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(
+        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(
         AssistantMessage,
         {
           msg,
@@ -7534,8 +6871,8 @@ function ChatMessages({
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx16(ThinkingRow, { agentLabel, chrome }),
-    error && !loading && /* @__PURE__ */ jsx16(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx15(ThinkingRow, { agentLabel, chrome }),
+    error && !loading && /* @__PURE__ */ jsx15(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
@@ -7620,11 +6957,6 @@ export {
   ProvenanceValue,
   ProvenanceLegend,
   SeatPaywall,
-  useInfiniteScroll,
-  useSessionHistory,
-  useSessionActions,
-  formatSessionTimestamp,
-  SessionHistoryPanel,
   recordGridOk,
   recordGridFail,
   isRecordGridCellApplicable,
@@ -7679,4 +7011,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-MBKNKAN2.js.map
+//# sourceMappingURL=chunk-YTEUZXX2.js.map