@tangle-network/agent-app 0.60.174 → 0.60.176

package/dist/{chunk-DQSGUZZZ.js → chunk-IAFPBYQQ.js}

@@ -25,9 +25,10 @@ import {
   POPOVER_OPTION_FOCUS,
   POPOVER_SURFACE_ATTR,
   PopoverSurface,
+  useBrowserLayoutEffect,
   usePending,
   usePopover
-} from "./chunk-AA4FKEQW.js";
+} from "./chunk-TJ4DYKF2.js";
 import {
   AsyncView
 } from "./chunk-LSUELMHY.js";
@@ -57,7 +58,7 @@ import {
 } from "./chunk-6VQCFJWP.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect15, useMemo as useMemo8, useRef as useRef13, useState as useState20, memo } from "react";
+import { useEffect as useEffect15, useMemo as useMemo8, useRef as useRef14, useState as useState21, memo } from "react";
 import { isViewerMessage, MessageAuthor, TRANSCRIPT_TEXT } from "@tangle-network/ui/chat";
 import { InlineToolItem } from "@tangle-network/ui/run";
 
@@ -1326,9 +1327,97 @@ function TurnProgress({ phase, pendingMessage = "Sending\u2026", startedAt, show
 }
 
 // src/web-react/reasoning-row.tsx
-import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState8 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState9 } from "react";
 import { RunRowShell } from "@tangle-network/ui/run";
 import { Markdown } from "@tangle-network/ui/markdown";
+import { Button } from "@tangle-network/ui/primitives";
+
+// src/web-react/chat-scroll.ts
+import { useCallback as useCallback2, useRef as useRef5, useState as useState8 } from "react";
+function useChatScroll() {
+  const [viewport, viewportRef] = useState8(null);
+  const [content, contentRef] = useState8(null);
+  const [following, setFollowing] = useState8(true);
+  const followingRef = useRef5(true);
+  const previousTop = useRef5(0);
+  const follow = useCallback2((value) => {
+    followingRef.current = value;
+    setFollowing(value);
+  }, []);
+  const scrollToBottom = useCallback2(() => {
+    if (viewport) {
+      viewport.scrollTop = viewport.scrollHeight;
+      previousTop.current = viewport.scrollTop;
+    }
+  }, [viewport]);
+  const jumpToLatest = useCallback2(() => {
+    follow(true);
+    scrollToBottom();
+    viewport?.focus({ preventScroll: true });
+  }, [viewport, follow, scrollToBottom]);
+  useBrowserLayoutEffect(() => {
+    if (!viewport || !content) return;
+    if (!followingRef.current) viewport.scrollTop = previousTop.current;
+    previousTop.current = viewport.scrollTop;
+    let previousHeight = viewport.scrollHeight;
+    let previousClient = viewport.clientHeight;
+    const scroll = () => {
+      const top = viewport.scrollTop;
+      const nearBottom = viewport.scrollHeight - top - viewport.clientHeight <= 24;
+      const clampedToBottom = nearBottom && followingRef.current && (viewport.scrollHeight < previousHeight || viewport.clientHeight > previousClient);
+      if (top < previousTop.current && !clampedToBottom) follow(false);
+      else if (top > previousTop.current && nearBottom) follow(true);
+      previousTop.current = top;
+      previousHeight = viewport.scrollHeight;
+      previousClient = viewport.clientHeight;
+    };
+    const wheel = (event) => {
+      if (event.deltaY < 0) follow(false);
+    };
+    let touchY = 0;
+    const touchStart = (event) => {
+      touchY = event.touches[0]?.clientY ?? 0;
+    };
+    const touchMove = (event) => {
+      const nextY = event.touches[0]?.clientY ?? touchY;
+      if (nextY > touchY) follow(false);
+      touchY = nextY;
+    };
+    const key = (event) => {
+      if (event.key === "End" && event.target === viewport) {
+        event.preventDefault();
+        follow(true);
+        scrollToBottom();
+      }
+      if (["ArrowUp", "PageUp", "Home"].includes(event.key) || event.key === " " && event.shiftKey) follow(false);
+    };
+    const resize = () => {
+      if (followingRef.current) scrollToBottom();
+      previousHeight = viewport.scrollHeight;
+      previousClient = viewport.clientHeight;
+    };
+    viewport.addEventListener("scroll", scroll);
+    viewport.addEventListener("wheel", wheel, { passive: true });
+    viewport.addEventListener("touchstart", touchStart, { passive: true });
+    viewport.addEventListener("touchmove", touchMove, { passive: true });
+    viewport.addEventListener("keydown", key);
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(resize);
+    observer?.observe(content);
+    observer?.observe(viewport);
+    resize();
+    return () => {
+      observer?.disconnect();
+      viewport.removeEventListener("scroll", scroll);
+      viewport.removeEventListener("wheel", wheel);
+      viewport.removeEventListener("touchstart", touchStart);
+      viewport.removeEventListener("touchmove", touchMove);
+      viewport.removeEventListener("keydown", key);
+    };
+  }, [viewport, content, follow, scrollToBottom]);
+  return { viewportRef, contentRef, following, jumpToLatest };
+}
+
+// src/web-react/reasoning-row.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function reasoningPreview(text) {
   const flat = text.replace(/[*_`#>]+/g, "").replace(/\s+/g, " ").trim();
@@ -1340,14 +1429,14 @@ function thoughtForLabel(durationMs) {
   return `Thought for ${seconds} second${seconds === 1 ? "" : "s"}`;
 }
 function useSecondTick(active) {
-  const [, setTick] = useState8(0);
+  const [, setTick] = useState9(0);
   useEffect6(() => {
     if (!active) return;
     const id = setInterval(() => setTick((n) => n + 1), 1e3);
     return () => clearInterval(id);
   }, [active]);
 }
-var defaultRenderText = (text) => /* @__PURE__ */ jsx8(Markdown, { children: text });
+var defaultRenderText = (text) => /* @__PURE__ */ jsx8(Markdown, { className: "text-base leading-relaxed", children: text });
 function ReasoningRow({
   text,
   startedAt,
@@ -1358,11 +1447,10 @@ function ReasoningRow({
   className
 }) {
   const thinking = thinkingProp ?? (startedAt !== void 0 && endedAt === void 0);
-  const shown = useSmoothText(text, thinking);
-  const body = useMemo3(() => renderText(shown), [renderText, shown]);
+  const body = useMemo3(() => renderText(text), [renderText, text]);
   const visible = text.trim() !== "";
-  const seenStart = useRef5(null);
-  const seenEnd = useRef5(null);
+  const seenStart = useRef6(null);
+  const seenEnd = useRef6(null);
   if (thinking && visible) {
     if (seenStart.current === null) seenStart.current = Date.now();
     seenEnd.current = null;
@@ -1372,25 +1460,21 @@ function ReasoningRow({
   const start = startedAt ?? seenStart.current ?? void 0;
   const end = endedAt ?? seenEnd.current ?? void 0;
   useSecondTick(thinking);
-  const [toggled, setToggled] = useState8(null);
-  const open = toggled ?? (thinking || defaultOpen);
-  const scrollRef = useRef5(null);
-  useEffect6(() => {
-    const el = scrollRef.current;
-    if (el && thinking) el.scrollTop = el.scrollHeight;
-  }, [shown, thinking]);
+  const [toggled, setToggled] = useState9(null);
+  const { viewportRef, contentRef, following, jumpToLatest } = useChatScroll();
+  const open = toggled ?? (thinking || defaultOpen || !following);
   if (!visible) return null;
   const elapsedSeconds = thinking && start !== void 0 ? Math.max(0, Math.floor((Date.now() - start) / 1e3)) : 0;
   const durationMs = !thinking && start !== void 0 && end !== void 0 && end >= start ? end - start : void 0;
   const title = thinking ? (
-    // The sweep through the glyphs is the working-versus-stuck signal; reduced
-    // motion swaps it for a static underline (`.agent-shimmer` in the theme).
-    /* @__PURE__ */ jsxs6("span", { className: "agent-shimmer", "data-motion": "essential", children: [
+    // The shared reduced-motion recipe stops the sweep; the label and timer
+    // still report the observed thinking state without an animation exemption.
+    /* @__PURE__ */ jsxs6("span", { className: "agent-shimmer", children: [
       "Thinking",
       elapsedSeconds >= 1 ? ` \xB7 ${elapsedSeconds}s` : "\u2026"
     ] })
   ) : durationMs !== void 0 ? thoughtForLabel(durationMs) : "Thought process";
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs6(
     RunRowShell,
     {
       className,
@@ -1400,16 +1484,22 @@ function ReasoningRow({
       status: thinking ? "running" : "idle",
       open,
       onOpenChange: setToggled,
-      children: /* @__PURE__ */ jsx8(
-        "div",
-        {
-          ref: scrollRef,
-          "data-reasoning": thinking ? "thinking" : "settled",
-          "aria-busy": thinking || void 0,
-          className: "max-h-48 overflow-y-auto px-3 py-2.5 text-sm leading-relaxed text-muted-foreground",
-          children: body
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            ref: viewportRef,
+            tabIndex: 0,
+            role: "region",
+            "aria-label": "Reasoning",
+            "data-reasoning": thinking ? "thinking" : "settled",
+            "aria-busy": thinking || void 0,
+            className: "max-h-[min(28rem,60dvh)] overflow-y-auto overscroll-contain px-4 py-4 text-base leading-relaxed text-foreground",
+            children: /* @__PURE__ */ jsx8("div", { ref: contentRef, className: "min-w-0 break-words", children: body })
+          }
+        ),
+        !following && /* @__PURE__ */ jsx8("div", { className: "flex justify-end px-4 pb-3", children: /* @__PURE__ */ jsx8(Button, { type: "button", variant: "outline", "aria-label": "Jump to latest reasoning", onClick: jumpToLatest, children: "Jump to latest" }) })
+      ]
     }
   );
 }
@@ -1682,7 +1772,7 @@ async function streamChatTurn(opts) {
 }
 
 // src/web-react/workspace-prewarm.ts
-import { useCallback as useCallback2, useEffect as useEffect7 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect7 } from "react";
 var DEFAULT_MIN_INTERVAL_MS = 6e4;
 var lastSent = /* @__PURE__ */ new Map();
 var inFlight = /* @__PURE__ */ new Set();
@@ -1718,7 +1808,7 @@ function useWorkspacePrewarm(options) {
     document.addEventListener("visibilitychange", fire);
     return () => document.removeEventListener("visibilitychange", fire);
   }, [active, url, minIntervalMs]);
-  const reassert = useCallback2(() => {
+  const reassert = useCallback3(() => {
     if (active && url) requestWorkspacePrewarm(url, { minIntervalMs, reason: "composer-focus" });
   }, [active, url, minIntervalMs]);
   return { reassert };
@@ -1744,8 +1834,8 @@ function getChatFundingRecovery(failure) {
 }
 
 // src/web-react/agent-profile-viewer.tsx
-import { useState as useState9 } from "react";
-import { Button, CodeBlock, Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/sandbox-ui/primitives";
+import { useState as useState10 } from "react";
+import { Button as Button2, CodeBlock, Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/sandbox-ui/primitives";
 import { CopyButton } from "@tangle-network/sandbox-ui/markdown";
 
 // src/web-react/agent-profile-layout.tsx
@@ -1980,7 +2070,7 @@ function JsonValue({ value, name }) {
   ] });
 }
 function AgentProfileViewer({ profile, className = "", showFullProfile = false, ...overview }) {
-  const [view, setView] = useState9("overview");
+  const [view, setView] = useState10("overview");
   const json = showFullProfile ? JSON.stringify(profile, null, 2) : "";
   return /* @__PURE__ */ jsx10("section", { className: `min-w-0 text-sm text-foreground ${className}`.trim(), "aria-label": "Agent profile", children: showFullProfile ? /* @__PURE__ */ jsxs8(Tabs, { value: view, onValueChange: setView, children: [
     /* @__PURE__ */ jsxs8("div", { className: "mb-4 flex min-w-0 flex-wrap items-center justify-between gap-3 rounded-xl border border-border bg-card p-2", children: [
@@ -1991,7 +2081,7 @@ function AgentProfileViewer({ profile, className = "", showFullProfile = false,
       ] }),
       /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx10(CopyButton, { text: json }),
-        /* @__PURE__ */ jsx10(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx10("a", { href: `data:application/json;charset=utf-8,${encodeURIComponent(json)}`, download: "agent-profile.json", children: "Download" }) })
+        /* @__PURE__ */ jsx10(Button2, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx10("a", { href: `data:application/json;charset=utf-8,${encodeURIComponent(json)}`, download: "agent-profile.json", children: "Download" }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx10(TabsContent, { value: "overview", className: "mt-0", children: /* @__PURE__ */ jsx10(ProfileOverview, { profile, ...overview }) }),
@@ -2007,7 +2097,7 @@ function AgentProfileViewer({ profile, className = "", showFullProfile = false,
 }
 
 // src/web-react/durable-plan-flow.ts
-import { useCallback as useCallback3, useEffect as useEffect8, useRef as useRef6, useState as useState10 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useRef as useRef7, useState as useState11 } from "react";
 var DurablePlanClientError = class extends Error {
   constructor(message, status, code, currentPlan) {
     super(message);
@@ -2094,14 +2184,14 @@ function createDurablePlanDecisionClient(options) {
   };
 }
 function useDurablePlanFlow(options) {
-  const [plan, setPlan] = useState10(options.plan);
-  const [deciding, setDeciding] = useState10(null);
-  const [restoring, setRestoring] = useState10(false);
-  const [error, setError] = useState10(null);
-  const attachments = useRef6(/* @__PURE__ */ new Map());
-  const decisionInFlight = useRef6(false);
+  const [plan, setPlan] = useState11(options.plan);
+  const [deciding, setDeciding] = useState11(null);
+  const [restoring, setRestoring] = useState11(false);
+  const [error, setError] = useState11(null);
+  const attachments = useRef7(/* @__PURE__ */ new Map());
+  const decisionInFlight = useRef7(false);
   useEffect8(() => setPlan(options.plan), [options.plan]);
-  const apply = useCallback3(async (result) => {
+  const apply = useCallback4(async (result) => {
     setPlan(result.plan);
     options.onUpdated?.(result.plan);
     const receipt = result.followUp;
@@ -2114,7 +2204,7 @@ function useDurablePlanFlow(options) {
     }
     await pending;
   }, [options.attachFollowUp, options.onUpdated]);
-  const decide = useCallback3(async (decision, feedback) => {
+  const decide = useCallback4(async (decision, feedback) => {
     if (decisionInFlight.current) return null;
     decisionInFlight.current = true;
     setDeciding(decision);
@@ -2140,7 +2230,7 @@ function useDurablePlanFlow(options) {
       setDeciding(null);
     }
   }, [apply, options.client, options.onUpdated, plan.planId, plan.revision]);
-  const restore = useCallback3(async () => {
+  const restore = useCallback4(async () => {
     setRestoring(true);
     setError(null);
     try {
@@ -2269,7 +2359,7 @@ function createDurableInteractionAnswerSubmitter(options) {
 }
 
 // src/web-react/use-chat-interactions.ts
-import { useCallback as useCallback4, useMemo as useMemo4, useState as useState11 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo4, useState as useState12 } from "react";
 function hasPendingContentDuplicate(list, interaction) {
   if (interaction.status !== "pending") return false;
   const signature = questionInteractionContentSignature(interaction);
@@ -2348,34 +2438,34 @@ function hydrateChatInteractions(list, persisted) {
   return persisted.reduce(upsertChatInteraction, list);
 }
 function useChatInteractions(options = {}) {
-  const [interactions, setInteractions] = useState11([]);
-  const upsert = useCallback4((interaction) => {
+  const [interactions, setInteractions] = useState12([]);
+  const upsert = useCallback5((interaction) => {
     setInteractions((prev) => upsertChatInteraction(prev, interaction));
   }, []);
-  const applyCancel = useCallback4((cancel) => {
+  const applyCancel = useCallback5((cancel) => {
     setInteractions((prev) => cancelChatInteraction(prev, cancel));
   }, []);
-  const markResolved = useCallback4((id, status, answers) => {
+  const markResolved = useCallback5((id, status, answers) => {
     setInteractions((prev) => resolveChatInteraction(prev, id, status, answers));
   }, []);
-  const restore = useCallback4((outstanding, restoreOptions) => {
+  const restore = useCallback5((outstanding, restoreOptions) => {
     setInteractions((prev) => restoreChatInteractions(prev, outstanding, {
       mode: restoreOptions?.mode ?? options.mode
     }));
   }, [options.mode]);
-  const hydrate = useCallback4((persisted) => {
+  const hydrate = useCallback5((persisted) => {
     setInteractions((prev) => hydrateChatInteractions(prev, persisted));
   }, []);
-  const terminalizePending = useCallback4((status) => {
+  const terminalizePending = useCallback5((status) => {
     setInteractions((prev) => terminalizePendingChatInteractions(prev, status));
   }, []);
-  const reset = useCallback4(() => setInteractions([]), []);
+  const reset = useCallback5(() => setInteractions([]), []);
   const pending = useMemo4(() => interactions.filter((item) => item.status === "pending"), [interactions]);
   return { interactions, pending, upsert, applyCancel, markResolved, restore, hydrate, terminalizePending, reset };
 }
 
 // src/web-react/use-file-mentions.ts
-import { useCallback as useCallback5, useMemo as useMemo5, useRef as useRef7, useState as useState12 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo5, useRef as useRef8, useState as useState13 } from "react";
 var FILE_MENTION_KIND = "file";
 function toMentionItem(file) {
   return { id: file.path, label: file.name, detail: file.path, kind: FILE_MENTION_KIND };
@@ -2433,12 +2523,12 @@ function useFileMentions(options) {
     emptyText = DEFAULT_MENTION_EMPTY_TEXT
   } = options;
   const fetchImpl = options.fetchImpl ?? fetch;
-  const [state, setState] = useState12({ kind: "idle" });
-  const stateRef = useRef7(state);
+  const [state, setState] = useState13({ kind: "idle" });
+  const stateRef = useRef8(state);
   stateRef.current = state;
-  const inFlightRef = useRef7(null);
-  const [mentions, setMentions] = useState12([]);
-  const load = useCallback5(() => {
+  const inFlightRef = useRef8(null);
+  const [mentions, setMentions] = useState13([]);
+  const load = useCallback6(() => {
     if (inFlightRef.current) return inFlightRef.current;
     if (stateRef.current.kind === "idle") {
       stateRef.current = { kind: "loading" };
@@ -2470,10 +2560,10 @@ function useFileMentions(options) {
     inFlightRef.current = attempt;
     return attempt;
   }, [fetchImpl, indexUrl]);
-  const refresh = useCallback5(async () => {
+  const refresh = useCallback6(async () => {
     await load();
   }, [load]);
-  const fetchItems = useCallback5(
+  const fetchItems = useCallback6(
     async (query) => {
       let current = stateRef.current;
       if (current.kind === "idle" || current.kind === "loading") {
@@ -2488,10 +2578,10 @@ function useFileMentions(options) {
     },
     [load, limit, refreshAfterMs]
   );
-  const onMentionsChange = useCallback5((items) => {
+  const onMentionsChange = useCallback6((items) => {
     setMentions(items.filter((item) => item.kind === void 0 || item.kind === FILE_MENTION_KIND).map(toFileMention));
   }, []);
-  const clearMentions = useCallback5(() => setMentions([]), []);
+  const clearMentions = useCallback6(() => setMentions([]), []);
   const mention = useMemo5(
     () => ({
       fetchItems,
@@ -2544,7 +2634,7 @@ function segmentMentionContent(content, parts) {
 }
 
 // src/web-react/mission-activity.tsx
-import { useCallback as useCallback6, useEffect as useEffect9, useState as useState13 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useState as useState14 } from "react";
 import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var LIVE_STATUSES = /* @__PURE__ */ new Set(["pending", "running"]);
 var OK_STATUSES = /* @__PURE__ */ new Set(["completed", "done", "succeeded"]);
@@ -2604,8 +2694,8 @@ function CopyGlyph({ className }) {
   ] });
 }
 function TraceIdCopy({ traceId }) {
-  const [copied, setCopied] = useState13(false);
-  const copy = useCallback6(() => {
+  const [copied, setCopied] = useState14(false);
+  const copy = useCallback7(() => {
     void navigator.clipboard?.writeText(traceId).then(
       () => {
         setCopied(true);
@@ -2697,7 +2787,7 @@ function LaneRow({ run, staggerIndex }) {
   ] });
 }
 function MissionActivityLane({ activity, startedAt, nowMs }) {
-  const [expanded, setExpanded] = useState13(false);
+  const [expanded, setExpanded] = useState14(false);
   if (activity.length === 0) return null;
   return /* @__PURE__ */ jsxs9("div", { className: "mt-1 border-l border-border pl-3", children: [
     activity.map((run, index) => /* @__PURE__ */ jsx11(LaneRow, { run, staggerIndex: index }, run.taskId)),
@@ -2730,7 +2820,7 @@ function ActivityRow({
   staggerIndex
 }) {
   const arrival = useArrivalStyle(staggerIndex);
-  const [open, setOpen] = useState13(false);
+  const [open, setOpen] = useState14(false);
   const tone = activityTone(record.status);
   const cost = formatActivityCost(record.costUsd);
   const duration = formatActivityDuration(record.durationMs);
@@ -2770,11 +2860,11 @@ function ActivityRow({
   ] });
 }
 function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent activity", emptyLabel = "No agent runs yet." }) {
-  const [rows, setRows] = useState13([]);
-  const [cursor, setCursor] = useState13(void 0);
-  const [status, setStatus] = useState13("loading");
-  const [error, setError] = useState13(null);
-  const load = useCallback6(
+  const [rows, setRows] = useState14([]);
+  const [cursor, setCursor] = useState14(void 0);
+  const [status, setStatus] = useState14("loading");
+  const [error, setError] = useState14(null);
+  const load = useCallback7(
     async (from) => {
       setStatus("loading");
       setError(null);
@@ -2827,7 +2917,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
 }
 
 // src/web-react/provenance.tsx
-import { useCallback as useCallback7, useEffect as useEffect10, useId, useRef as useRef8, useState as useState14 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect10, useId, useRef as useRef9, useState as useState15 } from "react";
 
 // src/web-react/provenance-model.ts
 var PROVENANCE_BASES = ["extracted", "entered", "computed", "asserted"];
@@ -3121,9 +3211,9 @@ function ProvenanceValue({
   missingValueLabel = DEFAULT_MISSING_VALUE_LABEL,
   className
 }) {
-  const [open, setOpen] = useState14(defaultOpen);
-  const triggerRef = useRef8(null);
-  const rootRef = useRef8(null);
+  const [open, setOpen] = useState15(defaultOpen);
+  const triggerRef = useRef9(null);
+  const rootRef = useRef9(null);
   const panelId = useId();
   const standing = rollUpProvenanceStanding(record, confidencePolicy);
   const basisMeta = provenanceBasisMeta(record.basis);
@@ -3133,7 +3223,7 @@ function ProvenanceValue({
   const sources = record.sources ?? [];
   const inputs = record.inputs ?? [];
   const hasValue = record.display.trim() !== "";
-  const onKeyDown = useCallback7(
+  const onKeyDown = useCallback8(
     (event) => {
       if (event.key !== "Escape" || !open) return;
       event.stopPropagation();
@@ -3142,7 +3232,7 @@ function ProvenanceValue({
     },
     [open]
   );
-  const onToggle = useCallback7(() => {
+  const onToggle = useCallback8(() => {
     if (!open) closeTrailsOutside(rootRef.current);
     setOpen(!open);
   }, [open]);
@@ -3404,12 +3494,12 @@ function SeatPaywall({
 import {
   Fragment as Fragment4,
   isValidElement,
-  useCallback as useCallback8,
+  useCallback as useCallback9,
   useEffect as useEffect11,
   useId as useId2,
   useMemo as useMemo6,
-  useRef as useRef9,
-  useState as useState15
+  useRef as useRef10,
+  useState as useState16
 } from "react";
 
 // src/web-react/record-grid-model.ts
@@ -3825,24 +3915,24 @@ function RecordGrid({
   className
 }) {
   const fieldPrefix = useId2();
-  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 = useRef9(/* @__PURE__ */ new Map());
-  const settling = useRef9(false);
-  const draftCounter = useRef9(0);
-  const editingRef = useRef9(null);
-  const setEditing = useCallback8((next) => {
+  const [overlay, setOverlay] = useState16(EMPTY_RECORD_GRID_OVERLAY);
+  const [editing, setEditingState] = useState16(null);
+  const [cellErrors, setCellErrors] = useState16({});
+  const [rowErrors, setRowErrors] = useState16({});
+  const [pendingRows, setPendingRows] = useState16({});
+  const [focus, setFocus] = useState16(null);
+  const [openSource, setOpenSource] = useState16(null);
+  const [confirmDelete, setConfirmDelete] = useState16(null);
+  const [adding, setAdding] = useState16(false);
+  const [draft, setDraft] = useState16({ ...newRowDefaults ?? {} });
+  const [draftErrors, setDraftErrors] = useState16({});
+  const [draftError, setDraftError] = useState16(null);
+  const [creating, setCreating] = useState16(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);
   }, []);
@@ -3874,7 +3964,7 @@ function RecordGrid({
     if (!columns.some((column) => column.id === focus.columnId)) return null;
     return focus;
   }, [columns, focus, visibleRows]);
-  const setCellError = useCallback8((key, message) => {
+  const setCellError = useCallback9((key, message) => {
     setCellErrors((current) => {
       if (message === null) {
         if (!(key in current)) return current;
@@ -3886,7 +3976,7 @@ function RecordGrid({
       return { ...current, [key]: message };
     });
   }, []);
-  const setRowError = useCallback8((rowId, message) => {
+  const setRowError = useCallback9((rowId, message) => {
     setRowErrors((current) => {
       if (message === null) {
         if (!(rowId in current)) return current;
@@ -3897,7 +3987,7 @@ function RecordGrid({
       return { ...current, [rowId]: message };
     });
   }, []);
-  const setRowPending = useCallback8((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;
@@ -3906,11 +3996,11 @@ function RecordGrid({
       return next;
     });
   }, []);
-  const focusCell = useCallback8((rowId, columnId) => {
+  const focusCell = useCallback9((rowId, columnId) => {
     setFocus({ rowId, columnId });
     cellRefs.current.get(cellKey(rowId, columnId))?.focus();
   }, []);
-  const beginEdit = useCallback8(
+  const beginEdit = useCallback9(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing({
@@ -3921,7 +4011,7 @@ function RecordGrid({
     },
     [setCellError, setEditing]
   );
-  const applyCellWrite = useCallback8(
+  const applyCellWrite = useCallback9(
     async (row, column, value) => {
       if (!onUpdate) return;
       const values = { ...row.values, [column.id]: value };
@@ -3949,7 +4039,7 @@ function RecordGrid({
     },
     [locale, onUpdate, setRowError, setRowPending]
   );
-  const commitEdit = useCallback8(
+  const commitEdit = useCallback9(
     async (row, column, text) => {
       const open = editingRef.current;
       if (open === null || open.rowId !== row.id || open.columnId !== column.id) return;
@@ -3973,7 +4063,7 @@ function RecordGrid({
     },
     [applyCellWrite, setCellError, setEditing]
   );
-  const cancelEdit = useCallback8(
+  const cancelEdit = useCallback9(
     (row, column) => {
       setCellError(cellKey(row.id, column.id), null);
       setEditing(null);
@@ -3981,7 +4071,7 @@ function RecordGrid({
     },
     [focusCell, setCellError, setEditing]
   );
-  const performDelete = useCallback8(
+  const performDelete = useCallback9(
     async (row) => {
       if (!onDelete) return;
       setConfirmDelete(null);
@@ -3999,16 +4089,16 @@ function RecordGrid({
     },
     [columns, onDelete, setRowError]
   );
-  const resetDraft = useCallback8(() => {
+  const resetDraft = useCallback9(() => {
     setDraft({ ...newRowDefaults ?? {} });
     setDraftErrors({});
     setDraftError(null);
   }, [newRowDefaults]);
-  const openAdd = useCallback8(() => {
+  const openAdd = useCallback9(() => {
     resetDraft();
     setAdding(true);
   }, [resetDraft]);
-  const submitDraft = useCallback8(async () => {
+  const submitDraft = useCallback9(async () => {
     if (!onCreate) return;
     const validated = validateRecordGridRow(columns, draft);
     if (!validated.succeeded) {
@@ -4038,7 +4128,7 @@ function RecordGrid({
     setOverlay((current) => withoutRecordGridCreated(current, draftId));
     setDraftError(outcome.error);
   }, [columns, draft, fieldPrefix, onCreate, resetDraft]);
-  const handleGridKeyDown = useCallback8(
+  const handleGridKeyDown = useCallback9(
     (event) => {
       if (editing !== null) return;
       const target = event.target;
@@ -4588,7 +4678,7 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
 }
 function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle }) {
   const basis = source.basis ?? "asserted";
-  const setOpen = useCallback8(
+  const setOpen = useCallback9(
     (next) => {
       if (!next) onToggle();
     },
@@ -4835,12 +4925,12 @@ function DraftField({ column, id, value, invalid, describedBy, onValue }) {
 
 // src/web-react/command-palette.tsx
 import {
-  useCallback as useCallback9,
+  useCallback as useCallback10,
   useEffect as useEffect12,
   useId as useId3,
   useMemo as useMemo7,
-  useRef as useRef10,
-  useState as useState16
+  useRef as useRef11,
+  useState as useState17
 } from "react";
 import { Dialog, DialogContent, DialogTitle } from "@tangle-network/ui/primitives";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -4864,18 +4954,18 @@ function CommandPalette({
   emptyMessage,
   label = "Command palette"
 }) {
-  const [internalOpen, setInternalOpen] = useState16(false);
+  const [internalOpen, setInternalOpen] = useState17(false);
   const open = controlledOpen ?? internalOpen;
-  const setOpen = useCallback9(
+  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 = useRef10(null);
+  const [query, setQuery] = useState17(initialQuery ?? "");
+  const [active, setActive] = useState17(0);
+  const inputRef = useRef11(null);
   const surfaceId = useId3();
   const listId = `${surfaceId}-list`;
   const flat = useMemo7(() => filterCommandPaletteItems(items, query), [items, query]);
@@ -4893,7 +4983,7 @@ function CommandPalette({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [hotkey, open, setOpen]);
-  const restoreFocusRef = useRef10(null);
+  const restoreFocusRef = useRef11(null);
   useEffect12(() => {
     if (open) return;
     setQuery(initialQuery ?? "");
@@ -4904,7 +4994,7 @@ function CommandPalette({
     if (!open || !activeId) return;
     document.getElementById(activeId)?.scrollIntoView?.({ block: "nearest" });
   }, [open, activeId]);
-  const choose = useCallback9(
+  const choose = useCallback10(
     (item) => {
       onSelect(item);
       setOpen(false);
@@ -5178,10 +5268,10 @@ function Sparkline({
 // src/web-react/insight-card.tsx
 import {
   isValidElement as isValidElement2,
-  useCallback as useCallback10,
+  useCallback as useCallback11,
   useEffect as useEffect13,
-  useRef as useRef11,
-  useState as useState17
+  useRef as useRef12,
+  useState as useState18
 } from "react";
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function insightDelta(value, previous) {
@@ -5346,15 +5436,15 @@ function InsightDeck({
   className,
   onPageChange
 }) {
-  const [page, setPage] = useState17(0);
-  const [held, setHeld] = useState17(null);
+  const [page, setPage] = useState18(0);
+  const [held, setHeld] = useState18(null);
   const answered = state.status === "error" || state.status === "empty";
   const carried = state.status === "ready" ? state.value : answered ? null : held;
   if (carried !== held) setHeld(carried);
   const shown = carried !== null && state.status !== "ready" ? { status: "ready", value: carried, retry: state.retry } : state;
   const refreshing = shown !== state;
-  const reported = useRef11(0);
-  const settlePage = useCallback10(
+  const reported = useRef12(0);
+  const settlePage = useCallback11(
     (next) => {
       if (reported.current === next) return;
       reported.current = next;
@@ -5437,9 +5527,9 @@ function InsightPages({
   const pageCount = insightPageCount(insights.length, size);
   const current = Math.min(Math.max(page, 0), pageCount - 1);
   const visible = insightPageSlice(insights, current, size);
-  const sectionRef = useRef11(null);
-  const listRef = useRef11(null);
-  const recoverFocus = useRef11(false);
+  const sectionRef = useRef12(null);
+  const listRef = useRef12(null);
+  const recoverFocus = useRef12(false);
   useEffect13(() => {
     onPageSettled(current);
   }, [current, onPageSettled]);
@@ -5448,7 +5538,7 @@ function InsightPages({
     recoverFocus.current = false;
     sectionRef.current?.focus();
   }, [current]);
-  const goTo = useCallback10(
+  const goTo = useCallback11(
     (next) => {
       const clamped = Math.min(Math.max(next, 0), pageCount - 1);
       if (clamped === current) return false;
@@ -5591,7 +5681,7 @@ function PagerButton({
 }
 
 // src/web-react/api-access-panel.tsx
-import { useEffect as useEffect14, useRef as useRef12, useState as useState18 } from "react";
+import { useEffect as useEffect14, useRef as useRef13, useState as useState19 } from "react";
 import { PageHeader } from "@tangle-network/ui/primitives";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var defaultExpiryChoices = [1, 7, 30];
@@ -5647,23 +5737,23 @@ function ApiAccessPanel({
   onRevoke,
   onChanged
 }) {
-  const [name, setName] = useState18("");
-  const [reach, setReach] = useState18("");
+  const [name, setName] = useState19("");
+  const [reach, setReach] = useState19("");
   const selectedWorkspace = workspaces?.some((workspace) => workspace.id === reach) ? reach : "";
   const workspaceName = (id) => workspaces?.find((workspace) => workspace.id === id)?.name ?? `A removed ${workspaceNoun.singular}`;
   const allowedDays = [...new Set(expiryDays)].filter((days2) => days2 > 0 && Number.isFinite(new Date(Date.now() + days2 * 864e5).getTime()));
   const fallbackDays = allowedDays.includes(defaultExpiryDays) ? defaultExpiryDays : allowedDays[0];
-  const [days, setDays] = useState18(fallbackDays);
+  const [days, setDays] = useState19(fallbackDays);
   const selectedDays = days !== void 0 && allowedDays.includes(days) ? days : fallbackDays;
-  const [scopes, setScopes] = useState18(() => expandScopes(defaultScopes, access));
-  const [creating, setCreating] = useState18(false);
-  const [revoking, setRevoking] = useState18(null);
-  const [created, setCreated] = useState18(null);
-  const [notice, setNotice] = useState18(null);
-  const [error, setError] = useState18(null);
-  const keyHeading = useRef12(null);
-  const nameInput = useRef12(null);
-  const keyWasShown = useRef12(false);
+  const [scopes, setScopes] = useState19(() => expandScopes(defaultScopes, access));
+  const [creating, setCreating] = useState19(false);
+  const [revoking, setRevoking] = useState19(null);
+  const [created, setCreated] = useState19(null);
+  const [notice, setNotice] = useState19(null);
+  const [error, setError] = useState19(null);
+  const keyHeading = useRef13(null);
+  const nameInput = useRef13(null);
+  const keyWasShown = useRef13(false);
   const selectedScopes = pruneScopes(scopes, access);
   useEffect14(() => {
     setScopes((current) => {
@@ -5826,10 +5916,10 @@ function ApiAccessPanel({
 }
 
 // src/web-react/agent-setup-block.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function AgentSetupBlock({ productName, setupUrl, markdown, description, className }) {
-  const [notice, setNotice] = useState19(null);
+  const [notice, setNotice] = useState20(null);
   const prompt = markdown ?? `Set up ${productName} for me. Fetch ${setupUrl} and follow every step in it.`;
   async function copy() {
     try {
@@ -6188,7 +6278,7 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState20(false);
+  const [expanded, setExpanded] = useState21(false);
   const { summary, meta, typeSlug } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
@@ -6459,8 +6549,8 @@ function copyTextOf(msg) {
   return msg.content;
 }
 function CopyMessageButton({ text }) {
-  const [copied, setCopied] = useState20(false);
-  const timerRef = useRef13(null);
+  const [copied, setCopied] = useState21(false);
+  const timerRef = useRef14(null);
   useEffect15(
     () => () => {
       if (timerRef.current !== null) clearTimeout(timerRef.current);
@@ -6607,7 +6697,7 @@ function AssistantMessageImpl({
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState20(0);
+  const [seconds, setSeconds] = useState21(0);
   useEffect15(() => {
     if (!active) return;
     setSeconds(0);
@@ -6812,6 +6902,7 @@ export {
   triggerAttachmentDownload,
   MessageAttachments,
   TurnProgress,
+  useChatScroll,
   ReasoningRow,
   trackChatReasoning,
   chatReasoningFromParts,
@@ -6925,4 +7016,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-DQSGUZZZ.js.map
+//# sourceMappingURL=chunk-IAFPBYQQ.js.map