@tangle-network/agent-app 0.44.40 → 0.44.42

package/dist/{chunk-LNRDDXME.js → chunk-YYV3EZSF.js}

@@ -1,6 +1,11 @@
 import {
   stepActivityFlowTrace
 } from "./chunk-FBVLEGEG.js";
+import {
+  UNTITLED_SESSION_LABEL,
+  mergeSessionPages,
+  sessionLabel
+} from "./chunk-3E4MW5LR.js";
 import {
   WorkProductCard,
   workProductPartsFromMessageParts
@@ -31,7 +36,7 @@ import {
 } from "./chunk-CQZSAR77.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect9, useMemo as useMemo7, useRef as useRef8, useState as useState13, memo } from "react";
+import { useEffect as useEffect10, useMemo as useMemo8, useRef as useRef9, useState as useState14, memo } from "react";
 
 // src/web-react/smooth-text.ts
 import { useEffect, useRef, useState } from "react";
@@ -2786,9 +2791,563 @@ function SeatPaywall({
   ] }) });
 }
 
+// src/web-react/session-history.tsx
+import {
+  useCallback as useCallback7,
+  useEffect as useEffect9,
+  useMemo as useMemo6,
+  useRef as useRef8,
+  useState as useState12
+} from "react";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function rethrowAsync(error) {
+  queueMicrotask(() => {
+    throw error;
+  });
+}
+function useInfiniteScroll(onLoadMore, { enabled, root, rootMargin = "300px" }) {
+  const [sentinel, setSentinel] = useState12(null);
+  const sentinelRef = useCallback7((node) => setSentinel(node), []);
+  const onLoadMoreRef = useRef8(onLoadMore);
+  useEffect9(() => {
+    onLoadMoreRef.current = onLoadMore;
+  }, [onLoadMore]);
+  useEffect9(() => {
+    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] = useState12(initialPage.items);
+  const [nextCursor, setNextCursor] = useState12(initialPage.nextCursor ?? null);
+  const [phase, setPhase] = useState12("idle");
+  const [reloadKey, setReloadKey] = useState12(0);
+  const seqRef = useRef8(0);
+  const resetAbortRef = useRef8(null);
+  const loadMoreAbortRef = useRef8(null);
+  const loadingMoreRef = useRef8(false);
+  const lastOpRef = useRef8("first");
+  const nextCursorRef = useRef8(nextCursor);
+  nextCursorRef.current = nextCursor;
+  const viewRef = useRef8({ q, sort, fetchPage });
+  viewRef.current = { q, sort, fetchPage };
+  const seedRef = useRef8(initialPage);
+  seedRef.current = initialPage;
+  const isDefaultView = q === "" && sort === defaultSort;
+  const seedKey = useMemo6(() => seedSignature(initialPage), [initialPage]);
+  useEffect9(() => {
+    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 = useCallback7(() => {
+    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 = useCallback7(() => {
+    if (lastOpRef.current === "more") loadMore();
+    else setReloadKey((key) => key + 1);
+  }, [loadMore]);
+  const reload = useCallback7(() => {
+    setReloadKey((key) => key + 1);
+  }, []);
+  useEffect9(
+    () => () => {
+      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] = useState12(null);
+  const [renameValue, setRenameValue] = useState12("");
+  const [deleteTarget, setDeleteTarget] = useState12(null);
+  const [busy, setBusy] = useState12(false);
+  const [error, setError] = useState12(null);
+  const openRename = useCallback7((session) => {
+    setError(null);
+    setRenameTarget(session);
+    setRenameValue(session.title ?? "");
+  }, []);
+  const openDelete = useCallback7((session) => {
+    setError(null);
+    setDeleteTarget(session);
+  }, []);
+  const submitRename = useCallback7(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 = useCallback7(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__ */ jsxs10(Fragment6, { children: [
+    renameTarget && /* @__PURE__ */ jsxs10(
+      SessionDialog,
+      {
+        title: text.renameTitle,
+        onClose: () => setRenameTarget(null),
+        busy,
+        error,
+        footer: /* @__PURE__ */ jsxs10(Fragment6, { children: [
+          /* @__PURE__ */ jsx12(DialogButton, { onClick: () => setRenameTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
+          /* @__PURE__ */ jsx12(DialogButton, { onClick: () => void submitRename(), disabled: busy || !renameValue.trim(), children: text.renameSubmit })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx12("label", { htmlFor: "agent-app-rename-session", className: "text-xs text-muted-foreground", children: text.renameField }),
+          /* @__PURE__ */ jsx12(
+            "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-border bg-background px-3 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            }
+          )
+        ]
+      }
+    ),
+    deleteTarget && /* @__PURE__ */ jsx12(
+      SessionDialog,
+      {
+        title: text.deleteTitle,
+        onClose: () => setDeleteTarget(null),
+        busy,
+        error,
+        footer: /* @__PURE__ */ jsxs10(Fragment6, { children: [
+          /* @__PURE__ */ jsx12(DialogButton, { onClick: () => setDeleteTarget(null), disabled: busy, variant: "ghost", children: text.cancel }),
+          /* @__PURE__ */ jsx12(DialogButton, { onClick: () => void confirmDelete(), disabled: busy, variant: "destructive", children: text.deleteSubmit })
+        ] }),
+        children: /* @__PURE__ */ jsx12("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/30 hover:text-foreground" : variant === "destructive" ? "bg-destructive text-destructive-foreground hover:opacity-90" : "bg-primary text-primary-foreground hover:opacity-90";
+  return /* @__PURE__ */ jsx12(
+    "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
+}) {
+  useEffect9(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape" && !busy) onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [busy, onClose]);
+  return /* @__PURE__ */ jsxs10("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/50",
+        onClick: () => {
+          if (!busy) onClose();
+        },
+        "aria-hidden": true
+      }
+    ),
+    /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        className: "relative w-full max-w-sm rounded-xl border border-border bg-card p-5 shadow-lg",
+        children: [
+          /* @__PURE__ */ jsx12("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsx12("div", { className: "mt-3", children }),
+          error && /* @__PURE__ */ jsx12("p", { role: "alert", className: "mt-3 rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error }),
+          /* @__PURE__ */ jsx12("div", { className: "mt-5 flex justify-end gap-2", children: footer })
+        ]
+      }
+    )
+  ] });
+}
+function AnchorLink({ to, className, children }) {
+  return /* @__PURE__ */ jsx12("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__ */ jsx12("div", { className: "flex flex-col gap-0.5", "aria-hidden": true, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
+    /* @__PURE__ */ jsx12("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx12("div", { className: "h-4 w-1/2 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx12("div", { className: "ml-auto h-3 w-12 animate-pulse rounded bg-muted" })
+  ] }, i)) });
+}
+function MessageIcon({ className }) {
+  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 24 24", className, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx12("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,
+  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 = useRef8(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-3xl";
+  return /* @__PURE__ */ jsxs10("div", { className: `flex min-h-0 min-w-0 flex-1 flex-col ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx12("header", { className: "flex h-14 shrink-0 items-center border-b border-border px-4 sm:px-6", children: /* @__PURE__ */ jsxs10("div", { className: `flex items-center gap-3 px-3 ${column}`, children: [
+      /* @__PURE__ */ jsx12("h1", { className: "flex-1 truncate text-sm font-semibold text-foreground", children: title }),
+      newSessionHref && /* @__PURE__ */ jsxs10(
+        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__ */ jsx12("span", { "aria-hidden": true, className: "text-sm leading-none", children: "+" }),
+            "New chat"
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs10("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: [
+      hasAnySessions && /* @__PURE__ */ jsx12("div", { className: "sticky top-0 z-10 bg-background px-4 sm:px-6", children: /* @__PURE__ */ jsxs10("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__ */ jsx12(
+          "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-border bg-card px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "select",
+          {
+            value: sort,
+            onChange: (e) => onSortChange(e.target.value),
+            "aria-label": "Sort sessions",
+            className: "h-9 shrink-0 appearance-none rounded-md border border-border bg-card px-2 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring sm:w-[132px]",
+            children: [
+              /* @__PURE__ */ jsx12("option", { value: "newest", children: "Newest" }),
+              /* @__PURE__ */ jsx12("option", { value: "oldest", children: "Oldest" })
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx12("div", { className: `px-4 pb-8 pt-1 sm:px-6 ${column}`, children: !hasAnySessions ? /* @__PURE__ */ jsxs10("div", { className: "flex min-h-[50vh] flex-col items-center justify-center gap-2 text-center", children: [
+        /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-foreground", children: emptyTitle }),
+        /* @__PURE__ */ jsx12("p", { className: "max-w-xs text-xs text-muted-foreground", children: emptyDescription })
+      ] }) : history.isLoadingFirst ? /* @__PURE__ */ jsx12(SkeletonRows, {}) : history.items.length === 0 ? history.isError ? /* @__PURE__ */ jsx12(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load your sessions." }) : isSearching ? /* @__PURE__ */ jsxs10("p", { className: "py-16 text-center text-sm text-muted-foreground", children: [
+        "No sessions match \u201C",
+        searchTerm,
+        "\u201D."
+      ] }) : /* @__PURE__ */ jsx12(SkeletonRows, {}) : /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-0.5", children: [
+        history.items.map((session) => /* @__PURE__ */ jsx12(
+          SessionRow,
+          {
+            session,
+            href: hrefForSession(session.id),
+            Link,
+            responding: respondingSessionIds?.has(session.id) ?? false,
+            untitledLabel,
+            timestamp: formatTimestamp(session.updatedAt),
+            onRename,
+            onDelete
+          },
+          session.id
+        )),
+        history.isError ? /* @__PURE__ */ jsx12(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load more sessions.", inline: true }) : history.hasMore ? /* @__PURE__ */ jsx12("div", { ref: sentinelRef, className: "flex items-center justify-center py-6", children: history.isLoadingMore && /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: "Loading\u2026" }) }) : null
+      ] }) })
+    ] })
+  ] });
+}
+function ErrorBlock({ message, onRetry, inline }) {
+  return /* @__PURE__ */ jsxs10(
+    "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__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: message }),
+        /* @__PURE__ */ jsx12(
+          "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/30",
+            children: "Retry"
+          }
+        )
+      ]
+    }
+  );
+}
+function SessionRow({
+  session,
+  href,
+  Link,
+  responding,
+  untitledLabel,
+  timestamp,
+  onRename,
+  onDelete
+}) {
+  const [menuOpen, setMenuOpen] = useState12(false);
+  const showUnread = Boolean(session.unread) && !responding;
+  return /* @__PURE__ */ jsxs10("div", { className: "group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent/20", children: [
+    /* @__PURE__ */ jsxs10(Link, { to: href, className: "flex min-w-0 flex-1 items-center gap-3", children: [
+      showUnread && /* @__PURE__ */ jsx12("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": true }),
+      /* @__PURE__ */ jsx12(MessageIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx12(
+        "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__ */ jsx12("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: timestamp }),
+    (onRename || onDelete) && /* @__PURE__ */ jsxs10("div", { className: "relative shrink-0", children: [
+      /* @__PURE__ */ jsx12(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Session actions",
+          "aria-expanded": menuOpen,
+          onClick: () => setMenuOpen((open) => !open),
+          className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100 aria-expanded:opacity-100",
+          children: /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u22EF" })
+        }
+      ),
+      menuOpen && /* @__PURE__ */ jsxs10(Fragment6, { children: [
+        /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 z-20", onClick: () => setMenuOpen(false), "aria-hidden": true }),
+        /* @__PURE__ */ jsxs10("div", { className: "absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-card py-1 shadow-lg", children: [
+          onRename && /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setMenuOpen(false);
+                onRename(session);
+              },
+              className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent/30",
+              children: "Rename"
+            }
+          ),
+          onDelete && /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              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: "Delete"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
 // src/web-react/agent-session-controls.tsx
-import { useMemo as useMemo6, useState as useState12 } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useMemo as useMemo7, useState as useState13 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var HARNESS_LABELS = {
   opencode: "OpenCode (any model)",
   "claude-code": "Claude Code (Anthropic)",
@@ -2808,12 +3367,12 @@ function harnessLabel(h) {
   return HARNESS_LABELS[h] ?? h;
 }
 function ChevronDown2({ className }) {
-  return /* @__PURE__ */ jsx12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx12("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx13("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "m6 9 6 6 6-6" }) });
 }
 function GearGlyph({ className }) {
-  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx12("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+  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: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx13("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
   ] });
 }
 var FOCUS_RING = "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background";
@@ -2822,11 +3381,11 @@ function HarnessPicker({
   onChange,
   available
 }) {
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState13(false);
   const { containerRef, triggerProps } = usePopover(open, setOpen);
   const options = available ?? Object.keys(HARNESS_LABELS);
-  return /* @__PURE__ */ jsxs10("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { ref: containerRef, className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -2835,12 +3394,12 @@ function HarnessPicker({
         title: "Agent backend",
         className: `inline-flex w-full items-center justify-between gap-1.5 rounded-lg border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30 ${FOCUS_RING}`,
         children: [
-          /* @__PURE__ */ jsx12("span", { className: "truncate", children: harnessLabel(value) }),
-          /* @__PURE__ */ jsx12(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground" })
+          /* @__PURE__ */ jsx13("span", { className: "truncate", children: harnessLabel(value) }),
+          /* @__PURE__ */ jsx13(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx12("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 max-h-64 w-full min-w-[220px] overflow-y-auto rounded-xl border border-border bg-card p-1 shadow-lg", children: options.map((h) => /* @__PURE__ */ jsx12(
+    open && /* @__PURE__ */ jsx13("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 max-h-64 w-full min-w-[220px] overflow-y-auto rounded-xl border border-border bg-card p-1 shadow-lg", children: options.map((h) => /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -2859,7 +3418,7 @@ function HarnessPicker({
 }
 function useCoherentHandlers(props) {
   const { model, models, harness, onModelChange, onHarnessChange } = props;
-  const canonicalIds = useMemo6(() => models.map((m) => m.id), [models]);
+  const canonicalIds = useMemo7(() => models.map((m) => m.id), [models]);
   const onModel = (next) => {
     onModelChange(next);
     const nextHarness = snapHarnessToModel(harness, next);
@@ -2887,11 +3446,11 @@ function AgentSessionControls(props) {
     className
   } = props;
   const { onModel, onHarness } = useCoherentHandlers(props);
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState13(false);
   const { containerRef: popoverRef, triggerProps } = usePopover(open, setOpen);
   const selectedModel = models.find((m) => m.id === model);
   const showEffort = selectedModel?.supportsReasoning ?? true;
-  const modelPicker = /* @__PURE__ */ jsx12(
+  const modelPicker = /* @__PURE__ */ jsx13(
     ModelPicker,
     {
       value: model,
@@ -2902,17 +3461,17 @@ function AgentSessionControls(props) {
     }
   );
   if (layout === "inline") {
-    return /* @__PURE__ */ jsxs10("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs11("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
       modelPicker,
-      showHarness && /* @__PURE__ */ jsx12(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-      showEffort && /* @__PURE__ */ jsx12(EffortPicker, { value: effort, onChange: onEffortChange })
+      showHarness && /* @__PURE__ */ jsx13(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
+      showEffort && /* @__PURE__ */ jsx13(EffortPicker, { value: effort, onChange: onEffortChange })
     ] });
   }
   const hasAdvanced = showHarness || showEffort;
-  return /* @__PURE__ */ jsxs10("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs11("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
     modelPicker,
-    hasAdvanced && /* @__PURE__ */ jsxs10("div", { ref: popoverRef, className: "relative inline-flex", children: [
-      /* @__PURE__ */ jsx12(
+    hasAdvanced && /* @__PURE__ */ jsxs11("div", { ref: popoverRef, className: "relative inline-flex", children: [
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -2921,19 +3480,19 @@ function AgentSessionControls(props) {
           title: "Model settings \u2014 pick the agent backend and how hard it thinks",
           className: `flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground data-[state=open]:bg-muted ${FOCUS_RING}`,
           "data-state": open ? "open" : "closed",
-          children: /* @__PURE__ */ jsx12(GearGlyph, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx13(GearGlyph, { className: "h-4 w-4" })
         }
       ),
-      open && /* @__PURE__ */ jsxs10("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-72 space-y-3 rounded-xl border border-border bg-card p-3 shadow-lg", children: [
-        showHarness && /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx12("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
-          /* @__PURE__ */ jsx12(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-          /* @__PURE__ */ jsx12("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
+      open && /* @__PURE__ */ jsxs11("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-72 space-y-3 rounded-xl border border-border bg-card p-3 shadow-lg", children: [
+        showHarness && /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx13("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
+          /* @__PURE__ */ jsx13(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
+          /* @__PURE__ */ jsx13("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
         ] }),
-        showEffort && /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx12("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
-          /* @__PURE__ */ jsx12(EffortPicker, { value: effort, onChange: onEffortChange, label: "" }),
-          /* @__PURE__ */ jsx12("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
+        showEffort && /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx13("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
+          /* @__PURE__ */ jsx13(EffortPicker, { value: effort, onChange: onEffortChange, label: "" }),
+          /* @__PURE__ */ jsx13("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
         ] })
       ] })
     ] })
@@ -2941,7 +3500,7 @@ function AgentSessionControls(props) {
 }
 
 // src/web-react/index.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatModelCost(msg, models) {
   if (msg.promptTokens == null && msg.completionTokens == null) return null;
   const pricing = models.find((m) => m.id === msg.modelUsed)?.pricing;
@@ -2955,41 +3514,41 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-border bg-card shadow-xl", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs12("div", { className: "fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-border bg-card shadow-xl", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx14(
         "span",
         {
           className: `h-2 w-2 shrink-0 rounded-full ${run.status === "running" ? "bg-warning" : run.status === "error" ? "bg-destructive" : "bg-success"}`
         }
       ),
-      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx13("p", { className: "truncate text-sm font-semibold", children: run.title }),
-        /* @__PURE__ */ jsx13("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: run.toolName })
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx14("p", { className: "truncate text-sm font-semibold", children: run.title }),
+        /* @__PURE__ */ jsx14("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: run.toolName })
       ] }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
           onClick: onClose,
           "aria-label": "Close",
           className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent/30 hover:text-foreground",
-          children: /* @__PURE__ */ jsx13("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "M18 6 6 18M6 6l12 12" }) })
+          children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx14("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
-      run.steps.length === 0 && /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
-      run.steps.map((step, i) => /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-border/60 bg-background", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-baseline gap-2 border-b border-border/40 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx13("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
-          /* @__PURE__ */ jsx13("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
-          /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
+    /* @__PURE__ */ jsxs12("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+      run.steps.length === 0 && /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
+      run.steps.map((step, i) => /* @__PURE__ */ jsxs12("div", { className: "rounded-lg border border-border/60 bg-background", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline gap-2 border-b border-border/40 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx14("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
+          /* @__PURE__ */ jsx14("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
+          /* @__PURE__ */ jsx14("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
         ] }),
-        step.detail && /* @__PURE__ */ jsx13("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-[11px] leading-relaxed text-muted-foreground", children: step.detail })
+        step.detail && /* @__PURE__ */ jsx14("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-[11px] leading-relaxed text-muted-foreground", children: step.detail })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsx13("p", { className: "border-t border-border px-4 py-2 text-[11px] text-muted-foreground", children: "Readonly drill-in. Follow up in the main chat." })
+    /* @__PURE__ */ jsx14("p", { className: "border-t border-border px-4 py-2 text-[11px] text-muted-foreground", children: "Readonly drill-in. Follow up in the main chat." })
   ] });
 }
 function pendingApprovalOf(call) {
@@ -3003,20 +3562,20 @@ function ChatEmptyState({
   subline = "Describe the outcome you want. The agent works through it step by step, and pauses for your approval before anything irreversible.",
   doors
 }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-12 text-center sm:py-20", children: [
-    /* @__PURE__ */ jsx13("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx13(BrandMark, { size: 32, className: "shrink-0" }) }),
-    /* @__PURE__ */ jsx13("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: productName }),
-    /* @__PURE__ */ jsx13("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground sm:text-[28px]", children: headline }),
-    subline && /* @__PURE__ */ jsx13("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
-    doors && doors.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-7 grid w-full gap-2.5 sm:grid-cols-3", children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-12 text-center sm:py-20", children: [
+    /* @__PURE__ */ jsx14("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx14(BrandMark, { size: 32, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx14("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx14("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground sm:text-[28px]", children: headline }),
+    subline && /* @__PURE__ */ jsx14("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
+    doors && doors.length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-7 grid w-full gap-2.5 sm:grid-cols-3", children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs12(
       "button",
       {
         type: "button",
         onClick: door.onSelect,
         className: "group flex min-h-[44px] flex-col items-start rounded-xl border border-border bg-card px-4 py-3 text-left transition hover:border-primary/40 hover:bg-accent/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         children: [
-          /* @__PURE__ */ jsx13("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
-          door.description && /* @__PURE__ */ jsx13("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
+          /* @__PURE__ */ jsx14("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
+          door.description && /* @__PURE__ */ jsx14("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -3025,26 +3584,26 @@ function ChatEmptyState({
 }
 function ToolGlyph({ name, className }) {
   if (name.startsWith("sandbox_")) {
-    return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx13("polyline", { points: "4 17 10 11 4 5" }),
-      /* @__PURE__ */ jsx13("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+    return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("polyline", { points: "4 17 10 11 4 5" }),
+      /* @__PURE__ */ jsx14("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] });
   }
   if (name === "submit_proposal") {
-    return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx13("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx13("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
+    return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsx14("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
     ] });
   }
   if (name === "schedule_followup") {
-    return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx13("path", { d: "M12 7v5l3 3" })
+    return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx14("path", { d: "M12 7v5l3 3" })
     ] });
   }
-  return /* @__PURE__ */ jsxs11("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx13("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
-    /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "4" })
+  return /* @__PURE__ */ jsxs12("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx14("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
+    /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "4" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -3112,40 +3671,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__ */ jsx13("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs11("div", { className: "contents", children: [
-    /* @__PURE__ */ jsx13("dt", { className: "font-mono text-[11px] text-muted-foreground", children: k }),
-    /* @__PURE__ */ jsx13("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[11px] text-muted-foreground", children: truncate(v) })
+  return /* @__PURE__ */ jsx14("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs12("div", { className: "contents", children: [
+    /* @__PURE__ */ jsx14("dt", { className: "font-mono text-[11px] text-muted-foreground", children: k }),
+    /* @__PURE__ */ jsx14("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[11px] text-muted-foreground", children: truncate(v) })
   ] }, k)) });
 }
 function ShellDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   const r = outcome?.result ?? {};
-  return /* @__PURE__ */ jsxs11("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-[11px] leading-relaxed", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
-      /* @__PURE__ */ jsx13("span", { className: "select-none text-zinc-500", children: "$" }),
-      /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
-      r.exitCode != null && /* @__PURE__ */ jsxs11("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-[11px] leading-relaxed", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
+      /* @__PURE__ */ jsx14("span", { className: "select-none text-zinc-500", children: "$" }),
+      /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
+      r.exitCode != null && /* @__PURE__ */ jsxs12("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
         "exit ",
         r.exitCode
       ] })
     ] }),
-    /* @__PURE__ */ jsx13("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
+    /* @__PURE__ */ jsx14("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
   ] });
 }
 function DefaultToolDetail({ call }) {
   const result = call.result;
   const envelope = typeof result === "object" && result !== null ? result : null;
-  return /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
-    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
-      /* @__PURE__ */ jsx13(KvRows, { data: call.args })
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx14("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
+      /* @__PURE__ */ jsx14(KvRows, { data: call.args })
     ] }),
-    envelope ? /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
-      envelope.ok === false ? /* @__PURE__ */ jsx13("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx13(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx13("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(envelope.result) }) : null
-    ] }) : result != null ? /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
-      /* @__PURE__ */ jsx13("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(result) })
+    envelope ? /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx14("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
+      envelope.ok === false ? /* @__PURE__ */ jsx14("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx14(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx14("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(envelope.result) }) : null
+    ] }) : result != null ? /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx14("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
+      /* @__PURE__ */ jsx14("p", { className: "font-mono text-[11px] text-muted-foreground", children: truncate(result) })
     ] }) : null
   ] });
 }
@@ -3156,23 +3715,23 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState13(false);
+  const [expanded, setExpanded] = useState14(false);
   const { summary, meta } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
-  return /* @__PURE__ */ jsxs11("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
-      /* @__PURE__ */ jsx13("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx13("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-foreground", children: "Needs your approval" }),
-        /* @__PURE__ */ jsx13("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
-        summary && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
-        meta.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx13("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
+  return /* @__PURE__ */ jsxs12("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
+      /* @__PURE__ */ jsx14("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx14(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx14("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-foreground", children: "Needs your approval" }),
+        /* @__PURE__ */ jsx14("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
+        summary && /* @__PURE__ */ jsx14("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
+        meta.length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx14("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
-      approval ? /* @__PURE__ */ jsxs11(Fragment6, { children: [
-        /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
+      approval ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -3182,7 +3741,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -3192,8 +3751,8 @@ function ProposalCard({
             children: "Reject"
           }
         )
-      ] }) : /* @__PURE__ */ jsx13("span", { className: "text-[12px] font-medium text-muted-foreground", children: "Awaiting approval\u2026" }),
-      /* @__PURE__ */ jsxs11(
+      ] }) : /* @__PURE__ */ jsx14("span", { className: "text-[12px] font-medium text-muted-foreground", children: "Awaiting approval\u2026" }),
+      /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -3202,23 +3761,23 @@ function ProposalCard({
           className: "ml-auto inline-flex items-center gap-1 rounded text-[12px] font-medium text-muted-foreground transition hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           children: [
             expanded ? "Hide details" : "View details",
-            /* @__PURE__ */ jsx13(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsx14(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
           ]
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsx13("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx13(DefaultToolDetail, { call }) })
+    expanded && /* @__PURE__ */ jsx14("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx14(DefaultToolDetail, { call }) })
   ] });
 }
 function FollowupCard({ call }) {
   const a = call.args ?? {};
   const when = typeof a.when === "string" ? a.when : typeof a.at === "string" ? a.at : typeof a.schedule === "string" ? a.schedule : null;
-  return /* @__PURE__ */ jsxs11("div", { className: "w-fit min-w-[260px] max-w-full rounded-lg border border-border/60 border-l-2 border-l-primary/60 bg-muted/20 px-3 py-2 text-sm", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
-      /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
+  return /* @__PURE__ */ jsxs12("div", { className: "w-fit min-w-[260px] max-w-full rounded-lg border border-border/60 border-l-2 border-l-primary/60 bg-muted/20 px-3 py-2 text-sm", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx14(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
+      /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
     ] }),
-    when && /* @__PURE__ */ jsx13("p", { className: "mt-0.5 pl-[22px] text-[12px] text-muted-foreground", children: when })
+    when && /* @__PURE__ */ jsx14("p", { className: "mt-0.5 pl-[22px] text-[12px] text-muted-foreground", children: when })
   ] });
 }
 function ToolCallCard({
@@ -3228,13 +3787,13 @@ function ToolCallCard({
   onOpenRun,
   renderers
 }) {
-  const [expanded, setExpanded] = useState13(false);
+  const [expanded, setExpanded] = useState14(false);
   const pending = call.status === "done" ? pendingApprovalOf(call) : null;
   const kind = blockKindOf(call);
   const failed = call.status === "error" || toolOutcomeOf(call)?.ok === false;
   const custom = renderers?.[call.name]?.(call, message);
   if (pending) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       ProposalCard,
       {
         call,
@@ -3246,16 +3805,16 @@ function ToolCallCard({
     );
   }
   if (kind === "followup" && !failed) {
-    return /* @__PURE__ */ jsx13(FollowupCard, { call });
+    return /* @__PURE__ */ jsx14(FollowupCard, { call });
   }
   const isCommand = kind === "command";
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: `w-fit min-w-[280px] max-w-full rounded-lg border text-xs transition ${failed ? "border-destructive/40 bg-destructive/5" : "border-border/60 bg-muted/20"}`,
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center gap-2 px-3 py-2", children: [
-          /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center gap-2 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -3263,14 +3822,14 @@ function ToolCallCard({
               "aria-expanded": expanded,
               className: "flex min-w-0 flex-1 items-center gap-2 rounded text-left focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               children: [
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   "span",
                   {
                     className: `h-2 w-2 shrink-0 rounded-full ${call.status === "running" ? "animate-pulse bg-warning" : failed ? "bg-destructive" : "bg-success"}`
                   }
                 ),
-                /* @__PURE__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx14(
                   "span",
                   {
                     className: `min-w-0 flex-1 truncate ${isCommand ? "font-mono text-[12px] tracking-tight text-foreground/90" : "font-medium"}`,
@@ -3280,8 +3839,8 @@ function ToolCallCard({
               ]
             }
           ),
-          /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: call.status === "running" ? "running\u2026" : failed ? "failed" : "done" }),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: call.status === "running" ? "running\u2026" : failed ? "failed" : "done" }),
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -3289,13 +3848,13 @@ function ToolCallCard({
               "aria-label": expanded ? "Collapse details" : "Expand details",
               "aria-expanded": expanded,
               className: "shrink-0 rounded p-0.5 focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ jsx13(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
+              children: /* @__PURE__ */ jsx14(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
             }
           )
         ] }),
-        expanded && /* @__PURE__ */ jsxs11("div", { className: "border-t border-border/40 px-3 py-2.5", children: [
-          custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx13(ShellDetail, { call }) : /* @__PURE__ */ jsx13(DefaultToolDetail, { call })),
-          onOpenRun && call.name.startsWith("sandbox_") && /* @__PURE__ */ jsx13(
+        expanded && /* @__PURE__ */ jsxs12("div", { className: "border-t border-border/40 px-3 py-2.5", children: [
+          custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx14(ShellDetail, { call }) : /* @__PURE__ */ jsx14(DefaultToolDetail, { call })),
+          onOpenRun && call.name.startsWith("sandbox_") && /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -3310,7 +3869,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       className: "ml-0.5 inline-block h-[1.1em] w-[3px] translate-y-[2px] animate-pulse rounded-sm bg-foreground/70",
@@ -3326,11 +3885,11 @@ function SegmentText({
   messageClassName
 }) {
   const text = useSmoothText(content, streaming);
-  const body = useMemo7(() => renderBody(text), [renderBody, text]);
+  const body = useMemo8(() => renderBody(text), [renderBody, text]);
   if (!content.trim() && !showCaret) return null;
-  return /* @__PURE__ */ jsxs11("div", { className: messageClassName, children: [
+  return /* @__PURE__ */ jsxs12("div", { className: messageClassName, children: [
     body,
-    showCaret && /* @__PURE__ */ jsx13(StreamingCaret, {})
+    showCaret && /* @__PURE__ */ jsx14(StreamingCaret, {})
   ] });
 }
 var COLLAPSE_TOOL_RUN_AT = 3;
@@ -3354,7 +3913,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call) => /* @__PURE__ */ jsx13(
+  const renderToolCard = (call) => /* @__PURE__ */ jsx14(
     ToolCallCard,
     {
       call,
@@ -3377,9 +3936,9 @@ function SegmentedBody({
       else groups.push({ kind: "tools", index: i, calls: [seg.call] });
     }
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
     groups.map(
-      (g) => g.kind === "text" ? /* @__PURE__ */ jsx13(
+      (g) => g.kind === "text" ? /* @__PURE__ */ jsx14(
         SegmentText,
         {
           content: g.content,
@@ -3389,24 +3948,24 @@ function SegmentedBody({
           messageClassName
         },
         `text-${g.index}`
-      ) : !streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool) ? /* @__PURE__ */ jsxs11(
+      ) : !streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool) ? /* @__PURE__ */ jsxs12(
         "details",
         {
           className: "rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2",
           children: [
-            /* @__PURE__ */ jsxs11("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs12("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
               "Worked through ",
               g.calls.length,
               " steps"
             ] }),
-            /* @__PURE__ */ jsx13("div", { className: "mt-2 flex flex-col gap-2", children: g.calls.map(renderToolCard) })
+            /* @__PURE__ */ jsx14("div", { className: "mt-2 flex flex-col gap-2", children: g.calls.map(renderToolCard) })
           ]
         },
         `tools-${g.index}`
-      ) : /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-2", children: g.calls.map(renderToolCard) }, `tools-${g.index}`)
+      ) : /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-2", children: g.calls.map(renderToolCard) }, `tools-${g.index}`)
     ),
     leftoverToolCalls.map(renderToolCard),
-    streaming && segments[lastIndex]?.kind === "tool" && /* @__PURE__ */ jsx13(StreamingCaret, {})
+    streaming && segments[lastIndex]?.kind === "tool" && /* @__PURE__ */ jsx14(StreamingCaret, {})
   ] });
 }
 function AssistantMessageImpl({
@@ -3426,40 +3985,40 @@ function AssistantMessageImpl({
 }) {
   const content = useSmoothText(msg.content, streaming);
   const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
-  const body = useMemo7(() => 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 = useRef8(null);
-  const thinkStartRef = useRef8(null);
-  const thinkMsRef = useRef8(null);
+  const reasoningScrollRef = useRef9(null);
+  const thinkStartRef = useRef9(null);
+  const thinkMsRef = useRef9(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;
   }
-  useEffect9(() => {
+  useEffect10(() => {
     const el = reasoningScrollRef.current;
     if (el && streaming && !hasAnswerText) el.scrollTop = el.scrollHeight;
   }, [reasoning, streaming, hasAnswerText]);
   const thinkingSeconds = useThinkingSeconds(
     streaming && !!reasoning && !hasAnswerText
   );
-  return /* @__PURE__ */ jsxs11("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsx13("span", { className: "font-semibold uppercase", children: agentLabel }),
-      msg.modelUsed && /* @__PURE__ */ jsx13("span", { className: "font-mono normal-case", children: msg.modelUsed }),
-      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx13("span", { children: formatTokensPerSecond(msg) }),
-      formatModelCost(msg, models) && /* @__PURE__ */ jsx13("span", { children: formatModelCost(msg, models) })
+  return /* @__PURE__ */ jsxs12("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx14("span", { className: "font-semibold uppercase", children: agentLabel }),
+      msg.modelUsed && /* @__PURE__ */ jsx14("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx14("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx14("span", { children: formatModelCost(msg, models) })
     ] }),
-    reasoning && /* @__PURE__ */ jsxs11("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2", open: !hasAnswerText, children: [
-      /* @__PURE__ */ jsx13("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs11("span", { className: "animate-pulse", children: [
+    reasoning && /* @__PURE__ */ jsxs12("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2", open: !hasAnswerText, children: [
+      /* @__PURE__ */ jsx14("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs12("span", { className: "animate-pulse", children: [
         "Thinking",
         thinkingSeconds >= 3 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
       ] }) : thinkMsRef.current != null ? `Thought for ${Math.max(1, Math.round(thinkMsRef.current / 1e3))}s` : "Thought process" }),
-      /* @__PURE__ */ jsx13("div", { ref: reasoningScrollRef, className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-[13px] leading-relaxed text-muted-foreground", children: reasoning })
+      /* @__PURE__ */ jsx14("div", { ref: reasoningScrollRef, className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-[13px] leading-relaxed text-muted-foreground", children: reasoning })
     ] }),
-    segments && segments.length > 0 ? /* @__PURE__ */ jsx13(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx14(
       SegmentedBody,
       {
         segments,
@@ -3471,12 +4030,12 @@ function AssistantMessageImpl({
         toolRenderers,
         messageClassName
       }
-    ) : /* @__PURE__ */ jsxs11(Fragment6, { children: [
-      /* @__PURE__ */ jsxs11("div", { className: messageClassName, children: [
+    ) : /* @__PURE__ */ jsxs12(Fragment7, { children: [
+      /* @__PURE__ */ jsxs12("div", { className: messageClassName, children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx13(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx14(StreamingCaret, {})
       ] }),
-      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx13(
+      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx14(
         ToolCallCard,
         {
           call: tc,
@@ -3488,7 +4047,7 @@ function AssistantMessageImpl({
         tc.id
       )) })
     ] }),
-    durableCards && msg.parts && /* @__PURE__ */ jsx13(
+    durableCards && msg.parts && /* @__PURE__ */ jsx14(
       DurableChatCards,
       {
         ...durableCards,
@@ -3497,7 +4056,7 @@ function AssistantMessageImpl({
         className: "mt-3"
       }
     ),
-    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx13(
+    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx14(
       WorkProductCard,
       {
         part,
@@ -3507,7 +4066,7 @@ function AssistantMessageImpl({
       `${part.ref.id}:${part.ref.version}`
     )),
     renderExtras?.(msg),
-    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-2", children: /* @__PURE__ */ jsx13(
+    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-2", children: /* @__PURE__ */ jsx14(
       MessageAttachments,
       {
         parts: attachmentPartsFromMessageParts(msg.parts),
@@ -3519,8 +4078,8 @@ function AssistantMessageImpl({
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState13(0);
-  useEffect9(() => {
+  const [seconds, setSeconds] = useState14(0);
+  useEffect10(() => {
     if (!active) return;
     setSeconds(0);
     const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
@@ -3530,23 +4089,23 @@ function useThinkingSeconds(active) {
 }
 function ThinkingRow({ agentLabel }) {
   const seconds = useThinkingSeconds(true);
-  return /* @__PURE__ */ jsxs11("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    /* @__PURE__ */ jsx13("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: agentLabel }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
-      /* @__PURE__ */ jsx13("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
+  return /* @__PURE__ */ jsxs12("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    /* @__PURE__ */ jsx14("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: agentLabel }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
+      /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx14("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
       "Thinking",
       seconds >= 3 ? ` \xB7 ${seconds}s` : "..."
     ] })
   ] });
 }
 function StreamErrorRow({ message, onRetry }) {
-  return /* @__PURE__ */ jsx13("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs11("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
-    /* @__PURE__ */ jsxs11("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx13("path", { d: "M12 8v4m0 4h.01" })
+  return /* @__PURE__ */ jsx14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs12("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
+    /* @__PURE__ */ jsxs12("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx14("path", { d: "M12 8v4m0 4h.01" })
     ] }),
-    /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -3579,31 +4138,31 @@ function ChatMessages({
   workProductCards
 }) {
   const messageClassName = messageSize === "large" ? "agent-app-message-copy text-[17px] leading-[1.75]" : "agent-app-message-copy text-base leading-[1.75]";
-  const renderBody = useMemo7(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap", children: content })),
+  const renderBody = useMemo8(
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx14("p", { className: "whitespace-pre-wrap", children: content })),
     [renderMarkdown]
   );
   const lastIsUser = messages[messages.length - 1]?.role === "user";
   if (messages.length === 0 && !loading && !error) {
-    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx13(ChatEmptyState, { ...emptyState });
-    return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx14(ChatEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsxs12(Fragment7, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
     header,
     messages.map(
-      (msg) => msg.role === "user" ? /* @__PURE__ */ jsx13("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs11("div", { className: "ml-auto w-fit max-w-[85%]", children: [
-        /* @__PURE__ */ jsx13("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: userLabel }),
-        /* @__PURE__ */ jsx13(
+      (msg) => msg.role === "user" ? /* @__PURE__ */ jsx14("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs12("div", { className: "ml-auto w-fit max-w-[85%]", children: [
+        /* @__PURE__ */ jsx14("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: userLabel }),
+        /* @__PURE__ */ jsx14(
           "div",
           {
             className: `rounded-2xl rounded-tr-md bg-primary/10 px-4 py-2.5 ${messageClassName}`,
-            children: /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap", children: msg.content })
+            children: /* @__PURE__ */ jsx14("p", { className: "whitespace-pre-wrap", children: msg.content })
           }
         ),
-        resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx13(
+        resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx14("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx14(
           MessageAttachments,
           {
             parts: attachmentPartsFromMessageParts(msg.parts),
@@ -3611,7 +4170,7 @@ function ChatMessages({
             justify: "end"
           }
         ) })
-      ] }) }, msg.id) : /* @__PURE__ */ jsx13(
+      ] }) }, msg.id) : /* @__PURE__ */ jsx14(
         AssistantMessage,
         {
           msg,
@@ -3631,8 +4190,8 @@ function ChatMessages({
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx13(ThinkingRow, { agentLabel }),
-    error && !loading && /* @__PURE__ */ jsx13(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx14(ThinkingRow, { agentLabel }),
+    error && !loading && /* @__PURE__ */ jsx14(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
@@ -3703,6 +4262,11 @@ export {
   MissionActivityLane,
   AgentActivityPanel,
   SeatPaywall,
+  useInfiniteScroll,
+  useSessionHistory,
+  useSessionActions,
+  formatSessionTimestamp,
+  SessionHistoryPanel,
   AgentSessionControls,
   formatModelCost,
   formatTokensPerSecond,
@@ -3712,4 +4276,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-LNRDDXME.js.map
+//# sourceMappingURL=chunk-YYV3EZSF.js.map