@blade-hq/agent-react 2610.0.3 → 2610.0.4

package/dist/index.js

@@ -1659,6 +1659,43 @@ var require_react_is = __commonJS({
   }
 });
 
+// src/hooks/use-live-execution-duration.ts
+import { useEffect, useRef, useState } from "react";
+function useLiveExecutionDuration({
+  turnKey,
+  isStreaming,
+  initialDurationMs,
+  isInitialDurationReady
+}) {
+  const initialDurationRef = useRef(initialDurationMs);
+  initialDurationRef.current = initialDurationMs;
+  const [durationMs, setDurationMs] = useState(initialDurationMs);
+  useEffect(() => {
+    if (!isStreaming || !isInitialDurationReady) return;
+    const baseDurationMs = initialDurationRef.current;
+    const startedAt = performance.now();
+    setDurationMs(baseDurationMs);
+    const timer = window.setInterval(() => {
+      setDurationMs(baseDurationMs + Math.max(0, performance.now() - startedAt));
+    }, 1e3);
+    return () => window.clearInterval(timer);
+  }, [isStreaming, turnKey, isInitialDurationReady]);
+  return durationMs;
+}
+function getChatRun(messages) {
+  const runs = messages.flatMap((message) => message.chat_run ? [message.chat_run] : []);
+  const latestId = runs.at(-1)?.run_id;
+  const settled = [...runs].reverse().find((run) => run.run_id === latestId && run.status !== "incomplete");
+  return settled ?? runs.at(-1) ?? null;
+}
+function getChatRunDuration(messages, now) {
+  const running = getChatRun(messages);
+  if (!running) return null;
+  if (running.status !== "incomplete") return running.duration_ms ?? 0;
+  const start = running.started_at ? Date.parse(running.started_at) : Number.NaN;
+  return now !== null && Number.isFinite(start) ? Math.max(0, now - start) : 0;
+}
+
 // src/context.tsx
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -1678,28 +1715,28 @@ function useOptionalBladeClient() {
 }
 
 // src/hooks/use-agent-session.ts
-import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
 var EMPTY_SUBSCRIBE = () => () => {
 };
 var DISPOSE_DELAY_MS = 1e3;
 function useAgentSession(sessionId, options = {}) {
   const client = useBladeClient();
-  const [session, setSession] = useState(null);
-  const [error61, setError] = useState(null);
-  const connRef = useRef({
+  const [session, setSession] = useState2(null);
+  const [error61, setError] = useState2(null);
+  const connRef = useRef2({
     id: null,
     session: null,
     cleanup: null,
     gen: 0
   });
-  const createdIdPromiseRef = useRef(null);
-  const onCreatedRef = useRef(options.onSessionCreated);
+  const createdIdPromiseRef = useRef2(null);
+  const onCreatedRef = useRef2(options.onSessionCreated);
   onCreatedRef.current = options.onSessionCreated;
-  const onConnectedRef = useRef(options.onSessionConnected);
+  const onConnectedRef = useRef2(options.onSessionConnected);
   onConnectedRef.current = options.onSessionConnected;
-  const createOptionsRef = useRef(options.createOptions);
+  const createOptionsRef = useRef2(options.createOptions);
   createOptionsRef.current = options.createOptions;
-  const sessionIdRef = useRef(sessionId);
+  const sessionIdRef = useRef2(sessionId);
   sessionIdRef.current = sessionId;
   const connect = useMemo(() => {
     return (targetId) => {
@@ -1739,7 +1776,7 @@ function useAgentSession(sessionId, options = {}) {
       });
     };
   }, [client]);
-  useEffect(() => {
+  useEffect2(() => {
     connect(sessionIdRef.current);
     return () => {
       connRef.current.gen++;
@@ -1753,7 +1790,7 @@ function useAgentSession(sessionId, options = {}) {
       if (toRelease) setTimeout(() => toRelease.dispose(), DISPOSE_DELAY_MS);
     };
   }, [connect]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!sessionId) return;
     if (connRef.current.id === null) return;
     if (sessionId === connRef.current.id) return;
@@ -1779,20 +1816,20 @@ function useAgentSession(sessionId, options = {}) {
 
 // src/hooks/use-replay.ts
 import { DEFAULT_REPLAY_SPEED } from "@blade-hq/agent-client";
-import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect3, useState as useState3 } from "react";
 var replayCreating = /* @__PURE__ */ new Set();
 function useReplay(session) {
   const client = useBladeClient();
   const sessionId = session?.sessionId ?? null;
-  const [replay, setReplay] = useState2(null);
-  const [viewerRole, setViewerRole] = useState2(null);
-  const [sourceRunning, setSourceRunning] = useState2(false);
-  const [mismatch, setMismatch] = useState2(null);
-  const [preview, setPreview] = useState2({ status: "loading" });
-  const [isStarting, setIsStarting] = useState2(false);
-  const [error61, setError] = useState2(null);
-  const [draftSpeed, setDraftSpeed] = useState2(DEFAULT_REPLAY_SPEED);
-  useEffect2(() => {
+  const [replay, setReplay] = useState3(null);
+  const [viewerRole, setViewerRole] = useState3(null);
+  const [sourceRunning, setSourceRunning] = useState3(false);
+  const [mismatch, setMismatch] = useState3(null);
+  const [preview, setPreview] = useState3({ status: "loading" });
+  const [isStarting, setIsStarting] = useState3(false);
+  const [error61, setError] = useState3(null);
+  const [draftSpeed, setDraftSpeed] = useState3(DEFAULT_REPLAY_SPEED);
+  useEffect3(() => {
     if (!session) {
       setReplay(null);
       setViewerRole(null);
@@ -1808,14 +1845,14 @@ function useReplay(session) {
     pull();
     return session.subscribe(pull);
   }, [session]);
-  const [lastSessionId, setLastSessionId] = useState2(sessionId);
+  const [lastSessionId, setLastSessionId] = useState3(sessionId);
   if (sessionId !== lastSessionId) {
     setLastSessionId(sessionId);
     setMismatch(null);
     setError(null);
     setDraftSpeed(DEFAULT_REPLAY_SPEED);
   }
-  useEffect2(() => {
+  useEffect3(() => {
     setPreview({ status: "loading" });
     if (!sessionId) return;
     let alive = true;
@@ -1833,7 +1870,7 @@ function useReplay(session) {
       alive = false;
     };
   }, [client, sessionId, sourceRunning]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!session) return;
     return session.on("replayMismatch", ({ actualMessage, expectedMessage, respond }) => {
       setMismatch({
@@ -1911,23 +1948,23 @@ function useReplay(session) {
 }
 
 // src/hooks/use-llm-chat.ts
-import { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
 var DEFAULT_HISTORY_TURNS = 12;
 var DEFAULT_MAX_TOOL_ROUNDS = 4;
 var syntheticIdSeq = 0;
 function useLlmChat(options) {
-  const [history, setHistory] = useState3([]);
-  const [streamingText, setStreamingText] = useState3(null);
-  const [streamingCalls, setStreamingCalls] = useState3([]);
-  const [failedToolIds, setFailedToolIds] = useState3([]);
-  const [error61, setError] = useState3(null);
-  const [isStreaming, setIsStreaming] = useState3(false);
-  const abortRef = useRef2(null);
-  const activeStartedAtRef = useRef2(null);
-  const assistantTimingsRef = useRef2(/* @__PURE__ */ new WeakMap());
-  const generationRef = useRef2(0);
-  const historyRef = useRef2([]);
-  const optionsRef = useRef2(options);
+  const [history, setHistory] = useState4([]);
+  const [streamingText, setStreamingText] = useState4(null);
+  const [streamingCalls, setStreamingCalls] = useState4([]);
+  const [failedToolIds, setFailedToolIds] = useState4([]);
+  const [error61, setError] = useState4(null);
+  const [isStreaming, setIsStreaming] = useState4(false);
+  const abortRef = useRef3(null);
+  const activeStartedAtRef = useRef3(null);
+  const assistantTimingsRef = useRef3(/* @__PURE__ */ new WeakMap());
+  const generationRef = useRef3(0);
+  const historyRef = useRef3([]);
+  const optionsRef = useRef3(options);
   optionsRef.current = options;
   historyRef.current = history;
   const stop = useCallback2(() => {
@@ -2267,7 +2304,7 @@ function toToolCallInfo(call, results, failedToolIds) {
 }
 
 // src/hooks/use-message-pin.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4 } from "react";
 var DEFAULT_MARGIN_PX = 24;
 var MANUAL_SCROLL_TOLERANCE_PX = 2;
 function useMessagePin({
@@ -2289,16 +2326,16 @@ function useMessagePin({
   scrollToBottom,
   margin = DEFAULT_MARGIN_PX
 }) {
-  const pinActiveRef = useRef3(false);
-  const frameRef = useRef3(null);
-  const retryTimeoutRef = useRef3(null);
-  const manualScrollCheckTimeoutRef = useRef3(null);
-  const repositionPendingRef = useRef3(false);
-  const pinnedTargetScrollTopRef = useRef3(null);
-  const appliedTargetKeyRef = useRef3(null);
-  const initialObservedTargetKeyRef = useRef3(pinTarget ? null : targetKey);
-  const observedTargetKeyRef = useRef3(initialObservedTargetKeyRef.current);
-  const setSpacerHeightRef = useRef3(setSpacerHeight);
+  const pinActiveRef = useRef4(false);
+  const frameRef = useRef4(null);
+  const retryTimeoutRef = useRef4(null);
+  const manualScrollCheckTimeoutRef = useRef4(null);
+  const repositionPendingRef = useRef4(false);
+  const pinnedTargetScrollTopRef = useRef4(null);
+  const appliedTargetKeyRef = useRef4(null);
+  const initialObservedTargetKeyRef = useRef4(pinTarget ? null : targetKey);
+  const observedTargetKeyRef = useRef4(initialObservedTargetKeyRef.current);
+  const setSpacerHeightRef = useRef4(setSpacerHeight);
   setSpacerHeightRef.current = setSpacerHeight;
   const release = useCallback3(() => {
     if (!pinActiveRef.current) return;
@@ -2360,7 +2397,7 @@ function useMessagePin({
     },
     [reposition]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     if (!targetKey) {
       release();
       appliedTargetKeyRef.current = null;
@@ -2390,10 +2427,10 @@ function useMessagePin({
       scheduleReposition();
     }, 80);
   }, [isStreaming, pinTarget, release, scheduleReposition, stopAutoScroll, targetKey]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (layoutKey !== void 0) scheduleReposition();
   }, [layoutKey, scheduleReposition]);
-  useEffect3(() => {
+  useEffect4(() => {
     const scroll = getScrollElement();
     if (!scroll) return;
     const content3 = getContentElement?.();
@@ -2424,7 +2461,7 @@ function useMessagePin({
       scroll.removeEventListener("scroll", handleScroll);
     };
   }, [getContentElement, getScrollElement, release, scheduleReposition]);
-  useEffect3(
+  useEffect4(
     () => () => {
       if (frameRef.current != null) cancelAnimationFrame(frameRef.current);
       frameRef.current = null;
@@ -2448,7 +2485,7 @@ function useMessagePin({
 }
 
 // src/hooks/use-typewriter-reveal.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
 var REVEAL_INITIAL_CPS = 18;
 var REVEAL_MIN_CPS = 6;
 var REVEAL_MAX_CPS = 240;
@@ -2484,15 +2521,15 @@ function initialRevealState(targetText, isLive, resetKey) {
   };
 }
 function useTypewriterReveal(targetText, isLive, resetKey) {
-  const [state, setState] = useState4(() => initialRevealState(targetText, isLive, resetKey));
-  const targetTextRef = useRef4(targetText);
+  const [state, setState] = useState5(() => initialRevealState(targetText, isLive, resetKey));
+  const targetTextRef = useRef5(targetText);
   targetTextRef.current = targetText;
-  const revealedLenRef = useRef4(state.revealedLen);
-  const priorTargetLenRef = useRef4(targetText.length);
-  const emaCpsRef = useRef4(REVEAL_INITIAL_CPS);
-  const lastTickTsRef = useRef4(null);
-  const lastArrivalTsRef = useRef4(null);
-  const cancelRef = useRef4(null);
+  const revealedLenRef = useRef5(state.revealedLen);
+  const priorTargetLenRef = useRef5(targetText.length);
+  const emaCpsRef = useRef5(REVEAL_INITIAL_CPS);
+  const lastTickTsRef = useRef5(null);
+  const lastArrivalTsRef = useRef5(null);
+  const cancelRef = useRef5(null);
   const stopTicking = useCallback4(() => {
     cancelRef.current?.();
     cancelRef.current = null;
@@ -2524,7 +2561,7 @@ function useTypewriterReveal(targetText, isLive, resetKey) {
     priorTargetLenRef.current = targetText.length;
     setState((s) => ({ ...s, displayedText: targetText, revealedLen: targetText.length, isRevealing: false }));
   }
-  const tickRef = useRef4(null);
+  const tickRef = useRef5(null);
   tickRef.current = (ts) => {
     cancelRef.current = null;
     const currentTargetLen = targetTextRef.current.length;
@@ -2563,7 +2600,7 @@ function useTypewriterReveal(targetText, isLive, resetKey) {
       cancelRef.current = scheduleAnimationFrame((nextTs) => tickRef.current?.(nextTs));
     }
   };
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isLive) return;
     if (revealedLenRef.current === 0) return;
     if (revealedLenRef.current >= targetText.length) return;
@@ -2571,10 +2608,10 @@ function useTypewriterReveal(targetText, isLive, resetKey) {
     setState((s) => s.isRevealing ? s : { ...s, isRevealing: true });
     cancelRef.current = scheduleAnimationFrame((ts) => tickRef.current?.(ts));
   }, [targetText, isLive]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isLive) stopTicking();
   }, [isLive, stopTicking]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof document === "undefined") return;
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") flushNow();
@@ -2582,7 +2619,7 @@ function useTypewriterReveal(targetText, isLive, resetKey) {
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [flushNow]);
-  useEffect4(() => stopTicking, [stopTicking]);
+  useEffect5(() => stopTicking, [stopTicking]);
   return { displayedText: state.displayedText, isRevealing: state.isRevealing, flushNow };
 }
 
@@ -2592,7 +2629,7 @@ import {
   isHiddenInternalMessage,
   normalizeMessageContent
 } from "@blade-hq/agent-client";
-import { useCallback as useCallback5, useEffect as useEffect5, useLayoutEffect, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useLayoutEffect, useRef as useRef6, useState as useState6 } from "react";
 var HIGHLIGHT_MS = 1600;
 var TURN_NAV_HIGHLIGHT_CLASS = "blade-turn-nav-flash";
 var MAX_FRAMES_AFTER_LOCATE = 20;
@@ -2647,7 +2684,7 @@ function useTurnNavigation({
   reloadKey,
   rewriteKey
 }) {
-  const callbacks = useRef5({
+  const callbacks = useRef6({
     getLoadedEntryElement,
     isEntryLoaded,
     locateEntry,
@@ -2656,27 +2693,27 @@ function useTurnNavigation({
     revealEntry,
     beforeSeek
   });
-  const [index3, setIndex] = useState5({ sessionId: null, items: [] });
-  const [loadingEntryId, setLoadingEntryId] = useState5(null);
-  const [activeEntryId, setActiveEntryId] = useState5(null);
-  const [failedEntryId, setFailedEntryId] = useState5(null);
-  const [error61, setError] = useState5(null);
-  const [indexRefresh, setIndexRefresh] = useState5(0);
-  const seekSeq = useRef5(0);
-  const indexSeq = useRef5(0);
-  const indexRef = useRef5({
+  const [index3, setIndex] = useState6({ sessionId: null, items: [] });
+  const [loadingEntryId, setLoadingEntryId] = useState6(null);
+  const [activeEntryId, setActiveEntryId] = useState6(null);
+  const [failedEntryId, setFailedEntryId] = useState6(null);
+  const [error61, setError] = useState6(null);
+  const [indexRefresh, setIndexRefresh] = useState6(0);
+  const seekSeq = useRef6(0);
+  const indexSeq = useRef6(0);
+  const indexRef = useRef6({
     sessionId: null,
     items: []
   });
-  const highlightTimer = useRef5(void 0);
-  const highlightedRef = useRef5(null);
+  const highlightTimer = useRef6(void 0);
+  const highlightedRef = useRef6(null);
   const clearHighlight = useCallback5(() => {
     clearTimeout(highlightTimer.current);
     highlightTimer.current = void 0;
     highlightedRef.current?.classList.remove(TURN_NAV_HIGHLIGHT_CLASS);
     highlightedRef.current = null;
   }, []);
-  useEffect5(
+  useEffect6(
     () => () => {
       seekSeq.current += 1;
       indexSeq.current += 1;
@@ -2708,7 +2745,7 @@ function useTurnNavigation({
       beforeSeek
     };
   });
-  useEffect5(() => {
+  useEffect6(() => {
     const load = callbacks.current.loadTurnIndex;
     indexSeq.current += 1;
     const seq = indexSeq.current;
@@ -2828,7 +2865,7 @@ function useTurnNavigation({
 }
 
 // src/components/TurnNavRail.tsx
-import { useCallback as useCallback6, useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState6 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useRef as useRef7, useState as useState7 } from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var PANEL_MAX_HEIGHT = 448;
 var PANEL_MAX_WIDTH = 320;
@@ -2848,11 +2885,11 @@ function TurnNavRail({
   failedTurnId,
   onSelectTurn
 }) {
-  const [open2, setOpen] = useState6(false);
-  const [hoveredEntryId, setHoveredEntryId] = useState6(null);
-  const markersRef = useRef6(null);
-  const listRef = useRef6(null);
-  useEffect6(() => {
+  const [open2, setOpen] = useState7(false);
+  const [hoveredEntryId, setHoveredEntryId] = useState7(null);
+  const markersRef = useRef7(null);
+  const listRef = useRef7(null);
+  useEffect7(() => {
     if (!activeTurnId) return;
     const marker = Array.from(
       markersRef.current?.querySelectorAll("[data-nav-entry-id]") ?? []
@@ -2878,7 +2915,7 @@ function TurnNavRail({
     if (!open2) return;
     clampPanel();
   }, [open2, items, clampPanel]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!open2) return;
     const container = clippingAncestor(markersRef.current);
     if (!container || typeof ResizeObserver === "undefined") return;
@@ -3412,13 +3449,13 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback30, useEffect as useEffect26, useMemo as useMemo18, useRef as useRef28, useState as useState35 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect27, useMemo as useMemo18, useRef as useRef29, useState as useState36 } from "react";
 
 // src/components/SessionPluginSelector.tsx
-import { useEffect as useEffect14, useState as useState19 } from "react";
+import { useEffect as useEffect15, useState as useState20 } from "react";
 
 // src/components/SessionPluginConfigDialog.tsx
-import { useEffect as useEffect12, useRef as useRef12, useState as useState17 } from "react";
+import { useEffect as useEffect13, useRef as useRef13, useState as useState18 } from "react";
 
 // ../../node_modules/.pnpm/@cfworker+json-schema@4.1.1/node_modules/@cfworker/json-schema/dist/esm/deep-compare-strict.js
 function deepCompareStrict(a, b2) {
@@ -9158,7 +9195,7 @@ function toFieldPathId(fieldPath, globalFormOptions, parentPath, isMultiValue) {
 
 // ../../node_modules/.pnpm/@rjsf+utils@6.10.0_react@19.2.4/node_modules/@rjsf/utils/lib/useAltDateWidgetProps.js
 import { jsx as _jsx3 } from "react/jsx-runtime";
-import { useCallback as useCallback7, useEffect as useEffect7, useMemo as useMemo3, useState as useState7 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo3, useState as useState8 } from "react";
 function readyForChange(state) {
   return Object.values(state).every((value) => value !== -1);
 }
@@ -9171,8 +9208,8 @@ function DateElement(props) {
 }
 function useAltDateWidgetProps(props) {
   const { time: time5 = false, disabled = false, readonly: readonly2 = false, options, onChange, value } = props;
-  const [state, setState] = useState7(parseDateString(value, time5));
-  useEffect7(() => {
+  const [state, setState] = useState8(parseDateString(value, time5));
+  useEffect8(() => {
     setState(parseDateString(value, time5));
   }, [time5, value]);
   const handleChange = useCallback7((property, newValue) => {
@@ -9206,9 +9243,9 @@ function useAltDateWidgetProps(props) {
 }
 
 // ../../node_modules/.pnpm/@rjsf+utils@6.10.0_react@19.2.4/node_modules/@rjsf/utils/lib/useDeepCompareMemo.js
-import { useRef as useRef7 } from "react";
+import { useRef as useRef8 } from "react";
 function useDeepCompareMemo(newValue) {
-  const valueRef = useRef7(newValue);
+  const valueRef = useRef8(newValue);
   if (!deepEquals_default(newValue, valueRef.current)) {
     valueRef.current = newValue;
   }
@@ -9402,7 +9439,7 @@ var TranslatableString;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/ArrayField.js
 import { jsx as _jsx4 } from "react/jsx-runtime";
-import { memo, useCallback as useCallback9, useMemo as useMemo5, useRef as useRef8, useState as useState8 } from "react";
+import { memo, useCallback as useCallback9, useMemo as useMemo5, useRef as useRef9, useState as useState9 } from "react";
 var rowIdCounter = 0;
 function generateRowId() {
   rowIdCounter += 1;
@@ -9728,7 +9765,7 @@ function FixedArray(props) {
 }
 function useKeyedFormData(formData = []) {
   const newHash = useMemo5(() => hashObject(formData), [formData]);
-  const [state, setState] = useState8(() => ({
+  const [state, setState] = useState9(() => ({
     formDataHash: newHash,
     keyedFormData: generateKeyedFormData(formData)
   }));
@@ -9755,9 +9792,9 @@ function ArrayField(props) {
   const { schema, uiSchema, errorSchema, fieldPathId, registry: registry2, formData, onChange } = props;
   const { globalFormOptions, schemaUtils, translateString } = registry2;
   const { keyedFormData, updateKeyedFormData } = useKeyedFormData(formData);
-  const keyedFormDataRef = useRef8(keyedFormData);
+  const keyedFormDataRef = useRef9(keyedFormData);
   keyedFormDataRef.current = keyedFormData;
-  const errorSchemaRef = useRef8(errorSchema);
+  const errorSchemaRef = useRef9(errorSchema);
   errorSchemaRef.current = errorSchema;
   const childFieldPathId = props.childFieldPathId ?? fieldPathId;
   const handleAddItem = useCallback9((event, index3) => {
@@ -9975,9 +10012,9 @@ var BooleanField_default = BooleanField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/CyclicSchemaField.js
 import { jsx as _jsx6 } from "react/jsx-runtime";
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 function CyclicSchemaField(props) {
-  const [expanded, setExpanded] = useState9(false);
+  const [expanded, setExpanded] = useState10(false);
   const { name, registry: registry2, schema, uiSchema, fieldPathId } = props;
   const { globalUiOptions } = registry2;
   const uiOptions = getUiOptions(uiSchema, globalUiOptions);
@@ -9992,7 +10029,7 @@ function CyclicSchemaField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/FallbackField.js
 import { jsx as _jsx7 } from "react/jsx-runtime";
-import { useMemo as useMemo6, useState as useState10 } from "react";
+import { useMemo as useMemo6, useState as useState11 } from "react";
 function getFallbackTypeSelectionSchema(title) {
   return {
     type: "string",
@@ -10028,7 +10065,7 @@ function castToNewType(formData, newType) {
 function FallbackField(props) {
   const { id, formData, displayLabel = true, schema, name, uiSchema, required: required2, disabled = false, readonly: readonly2 = false, onBlur, onFocus, registry: registry2, fieldPathId, onChange, errorSchema } = props;
   const { translateString, fields: fields2, globalFormOptions } = registry2;
-  const [type, setType] = useState10(getTypeOfFormData(formData));
+  const [type, setType] = useState11(getTypeOfFormData(formData));
   const uiOptions = getUiOptions(uiSchema);
   const typeSelectorInnerFieldPathId = useDeepCompareMemo(toFieldPathId("__internal_type_selector", globalFormOptions, fieldPathId));
   const schemaTitle = translateString(TranslatableString.Type);
@@ -10371,7 +10408,7 @@ function LayoutHeaderField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/LayoutMultiSchemaField.js
 import { jsx as _jsx10 } from "react/jsx-runtime";
-import { useState as useState11, useEffect as useEffect8 } from "react";
+import { useState as useState12, useEffect as useEffect9 } from "react";
 function getSelectedOption(options, selectorField, value) {
   const defaultValue = "!@#!@$@#$!@$#";
   const schemaOptions = options.map(({ schema }) => schema);
@@ -10398,7 +10435,7 @@ function computeEnumOptions(schema, options, schemaUtils, uiSchema, formData) {
 function LayoutMultiSchemaField(props) {
   const { name, baseType, disabled = false, formData, fieldPathId, onBlur, onChange, options, onFocus, registry: registry2, uiSchema, schema, autofocus, readonly: readonly2, required: required2, errorSchema, hideError = false } = props;
   const { widgets: widgets2, schemaUtils, globalUiOptions } = registry2;
-  const [enumOptions, setEnumOptions] = useState11(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
+  const [enumOptions, setEnumOptions] = useState12(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
   const id = fieldPathId[ID_KEY];
   const discriminator = getDiscriminatorFieldFromSchema(schema);
   const FieldErrorTemplate2 = getTemplate("FieldErrorTemplate", registry2, options);
@@ -10407,7 +10444,7 @@ function LayoutMultiSchemaField(props) {
   const optionsHash = hashObject(options);
   const uiSchemaHash = uiSchema ? hashObject(uiSchema) : "";
   const formDataHash = formData ? hashObject(formData) : "";
-  useEffect8(() => {
+  useEffect9(() => {
     setEnumOptions(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
   }, [schemaHash, optionsHash, schemaUtils, uiSchemaHash, formDataHash]);
   const { widget = discriminator ? "radio" : "select", title = "", placeholder = "", optionsSchemaSelector: selectorField = discriminator, hideError: uiSchemaHideError, ...uiOptions } = getUiOptions(uiSchema);
@@ -10446,7 +10483,7 @@ function LayoutMultiSchemaField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/MultiSchemaField.js
 import { jsx as _jsx11 } from "react/jsx-runtime";
-import { useCallback as useCallback11, useEffect as useEffect9, useMemo as useMemo7, useRef as useRef9, useState as useState12 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect10, useMemo as useMemo7, useRef as useRef10, useState as useState13 } from "react";
 function AnyOfField(props) {
   const { name, disabled = false, errorSchema, formData, fieldPathId, onBlur, onChange, onFocus, options, readonly: readonly2, registry: registry2, required: required2 = false, schema, uiSchema } = props;
   const { schemaUtils } = registry2;
@@ -10456,14 +10493,14 @@ function AnyOfField(props) {
     // oxlint-disable-next-line react-hooks/exhaustive-deps -- formDataHash is the value-stable proxy for formData
     [options, schemaUtils, formDataHash]
   );
-  const [selectedOption, setSelectedOption] = useState12(() => {
+  const [selectedOption, setSelectedOption] = useState13(() => {
     const discriminator = getDiscriminatorFieldFromSchema(schema);
     return schemaUtils.getClosestMatchingOption(formData, retrievedOptions, 0, discriminator);
   });
-  const skipNextOptionRecalculation = useRef9(false);
-  const prevFormDataRef = useRef9(formData);
-  const prevFieldIdRef = useRef9(fieldPathId.$id);
-  useEffect9(() => {
+  const skipNextOptionRecalculation = useRef10(false);
+  const prevFormDataRef = useRef10(formData);
+  const prevFieldIdRef = useRef10(fieldPathId.$id);
+  useEffect10(() => {
     const prevFormData = prevFormDataRef.current;
     const prevFieldId = prevFieldIdRef.current;
     prevFormDataRef.current = formData;
@@ -10561,10 +10598,10 @@ function AnyOfField(props) {
 var MultiSchemaField_default = AnyOfField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/NullField.js
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect11 } from "react";
 function NullField(props) {
   const { formData, onChange, fieldPathId } = props;
-  useEffect10(() => {
+  useEffect11(() => {
     if (formData === void 0) {
       onChange(null, fieldPathId.path);
     }
@@ -10575,12 +10612,12 @@ var NullField_default = NullField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/NumberField.js
 import { jsx as _jsx12 } from "react/jsx-runtime";
-import { useState as useState13, useCallback as useCallback12 } from "react";
+import { useState as useState14, useCallback as useCallback12 } from "react";
 var trailingCharMatcherWithPrefix = /\.([0-9]*0)*$/;
 var trailingCharMatcher = /[0.]0*$/;
 function NumberField(props) {
   const { registry: registry2, onChange, formData, value: initialValue } = props;
-  const [lastValue, setLastValue] = useState13(initialValue);
+  const [lastValue, setLastValue] = useState14(initialValue);
   const { StringField: StringField2 } = registry2.fields;
   const separator = getDecimalSeparator();
   const escapedSeparator = separator === "." ? "\\." : separator;
@@ -10615,7 +10652,7 @@ var NumberField_default = NumberField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/ObjectField.js
 import { jsx as _jsx13, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo as memo2, useCallback as useCallback13, useMemo as useMemo9, useRef as useRef11, useState as useState14 } from "react";
+import { memo as memo2, useCallback as useCallback13, useMemo as useMemo9, useRef as useRef12, useState as useState15 } from "react";
 
 // ../../node_modules/.pnpm/markdown-to-jsx@9.10.2_react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/markdown-to-jsx/dist/react.js
 import * as i0 from "react";
@@ -13750,7 +13787,7 @@ function getAdditionalPropertyOrder(schemaProperties) {
 }
 function ObjectFieldPropertyFn(props) {
   const { fieldPathId, schema, registry: registry2, uiSchema, errorSchema, formData, onChange, onBlur, onFocus, disabled, readonly: readonly2, required: required2, hideError, propertyName, handleKeyRename, handleRemoveProperty, addedByAdditionalProperties } = props;
-  const [wasPropertyKeyModified, setWasPropertyKeyModified] = useState14(false);
+  const [wasPropertyKeyModified, setWasPropertyKeyModified] = useState15(false);
   const { globalFormOptions, fields: fields2 } = registry2;
   const { SchemaField: SchemaField2 } = fields2;
   const innerFieldIdPathId = useDeepCompareMemo(toFieldPathId(propertyName, globalFormOptions, fieldPathId.path));
@@ -13781,14 +13818,14 @@ function ObjectField(props) {
   const { schema: rawSchema, uiSchema = {}, formData, errorSchema, fieldPathId, name, required: required2 = false, disabled, readonly: readonly2, hideError, onBlur, onFocus, onChange, registry: registry2, title } = props;
   const { fields: fields2, schemaUtils, translateString, globalUiOptions } = registry2;
   const { OptionalDataControlsField: OptionalDataControlsField2 } = fields2;
-  const formDataRef = useRef11(formData);
+  const formDataRef = useRef12(formData);
   formDataRef.current = formData;
   const schema = useMemo9(() => schemaUtils.retrieveSchema(rawSchema, formData, true), [schemaUtils, rawSchema, formData]);
   const uiOptions = useMemo9(() => getUiOptions(uiSchema, globalUiOptions), [uiSchema, globalUiOptions]);
   const schemaProperties = useMemo9(() => schema.properties ?? {}, [schema.properties]);
   const childFieldPathId = props.childFieldPathId ?? fieldPathId;
-  const lastRenamedProperty = useRef11({ previousKey: "", currentKey: void 0 });
-  const [additionalPropertyOrder, setAdditionalPropertyOrder] = useState14(() => getAdditionalPropertyOrder(schemaProperties));
+  const lastRenamedProperty = useRef12({ previousKey: "", currentKey: void 0 });
+  const [additionalPropertyOrder, setAdditionalPropertyOrder] = useState15(() => getAdditionalPropertyOrder(schemaProperties));
   const definedPropertyOrder = useMemo9(() => {
     const additionalPropertySet = new Set(getAdditionalPropertyOrder(schemaProperties));
     return Object.keys(schemaProperties).filter((property) => !additionalPropertySet.has(property));
@@ -15743,7 +15780,7 @@ var Form = class _Form extends Component {
 };
 
 // src/components/SessionPluginConfigForm.tsx
-import { isValidElement, useMemo as useMemo10, useState as useState15 } from "react";
+import { isValidElement, useMemo as useMemo10, useState as useState16 } from "react";
 
 // src/components/plugin-config-schema.ts
 function asSchema(value) {
@@ -16138,10 +16175,10 @@ function SessionPluginConfigForm({
   onSubmit,
   onCancel
 }) {
-  const [initial] = useState15(() => createConfigDraft(config2));
-  const [values, setValues] = useState15(initial.values);
-  const [removed] = useState15(() => /* @__PURE__ */ new Set());
-  const [draftFailure, setDraftFailure] = useState15(null);
+  const [initial] = useState16(() => createConfigDraft(config2));
+  const [values, setValues] = useState16(initial.values);
+  const [removed] = useState16(() => /* @__PURE__ */ new Set());
+  const [draftFailure, setDraftFailure] = useState16(null);
   const support = useMemo10(() => formSupport(config2.schema), [config2.schema]);
   const schema = useMemo10(() => {
     try {
@@ -16251,7 +16288,7 @@ function SessionPluginConfigForm({
 }
 
 // src/components/SessionPluginIcon.tsx
-import { useEffect as useEffect11, useState as useState16 } from "react";
+import { useEffect as useEffect12, useState as useState17 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function sessionPluginLabel(plugin) {
   const display = typeof plugin.display_name === "string" ? plugin.display_name.trim() : "";
@@ -16277,9 +16314,9 @@ function iconBlob(client, sessionId, name, token) {
   return pending;
 }
 function SessionPluginIcon({ client, sessionId, plugin, size: size4 = 20, shape = "rounded", className }) {
-  const [url2, setUrl] = useState16(null);
+  const [url2, setUrl] = useState17(null);
   const token = plugin.icon;
-  useEffect11(() => {
+  useEffect12(() => {
     setUrl(null);
     if (!token) return;
     let alive = true;
@@ -16348,17 +16385,17 @@ function ConfigDialogState({
   onSaved,
   onClose
 }) {
-  const [config2, setConfig] = useState17(null);
-  const [loading, setLoading] = useState17(true);
-  const [loadFailure, setLoadFailure] = useState17(null);
-  const [saving, setSaving] = useState17(false);
-  const [failure, setFailure] = useState17(null);
-  const [fieldErrors, setFieldErrors] = useState17([]);
-  const [formVersion, setFormVersion] = useState17(0);
-  const alive = useRef12(true);
-  const generation = useRef12(0);
-  const dialog = useRef12(null);
-  useEffect12(() => {
+  const [config2, setConfig] = useState18(null);
+  const [loading, setLoading] = useState18(true);
+  const [loadFailure, setLoadFailure] = useState18(null);
+  const [saving, setSaving] = useState18(false);
+  const [failure, setFailure] = useState18(null);
+  const [fieldErrors, setFieldErrors] = useState18([]);
+  const [formVersion, setFormVersion] = useState18(0);
+  const alive = useRef13(true);
+  const generation = useRef13(0);
+  const dialog = useRef13(null);
+  useEffect13(() => {
     const element2 = dialog.current;
     if (!element2 || element2.open) return;
     if (typeof element2.showModal === "function") element2.showModal();
@@ -16382,7 +16419,7 @@ function ConfigDialogState({
       if (alive.current && generation.current === current) setLoading(false);
     }
   };
-  useEffect12(() => {
+  useEffect13(() => {
     alive.current = true;
     setConfig(null);
     setFailure(null);
@@ -16637,7 +16674,7 @@ function PluginConnectorList({
 }
 
 // src/components/use-session-plugin-activation.ts
-import { useCallback as useCallback25, useEffect as useEffect13, useMemo as useMemo11, useRef as useRef13, useState as useState18 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef14, useState as useState19 } from "react";
 
 // src/components/plugin-connector.ts
 function catalogToConnectorItems(catalog) {
@@ -16698,23 +16735,23 @@ function useSessionPluginActivation({
   sessionId,
   onChange
 }) {
-  const [plugins, setPlugins] = useState18([]);
-  const [catalog, setCatalog] = useState18(null);
-  const [loading, setLoading] = useState18(false);
-  const [listError, setListError] = useState18(false);
-  const [mutationError, setMutationError] = useState18(false);
-  const [inFlight, setInFlight] = useState18({});
-  const [configuring, setConfiguring] = useState18(null);
-  const alive = useRef13(true);
-  const generation = useRef13(0);
-  const mutationGenerations = useRef13(/* @__PURE__ */ new Map());
-  const desiredActivations = useRef13(/* @__PURE__ */ new Map());
-  const pendingMutations = useRef13(/* @__PURE__ */ new Map());
-  const submittedActivations = useRef13(/* @__PURE__ */ new Set());
-  const serverActive = useRef13(/* @__PURE__ */ new Set());
-  const lifetime = useRef13(0);
-  const request = useRef13(null);
-  const [desiredVersion, setDesiredVersion] = useState18(0);
+  const [plugins, setPlugins] = useState19([]);
+  const [catalog, setCatalog] = useState19(null);
+  const [loading, setLoading] = useState19(false);
+  const [listError, setListError] = useState19(false);
+  const [mutationError, setMutationError] = useState19(false);
+  const [inFlight, setInFlight] = useState19({});
+  const [configuring, setConfiguring] = useState19(null);
+  const alive = useRef14(true);
+  const generation = useRef14(0);
+  const mutationGenerations = useRef14(/* @__PURE__ */ new Map());
+  const desiredActivations = useRef14(/* @__PURE__ */ new Map());
+  const pendingMutations = useRef14(/* @__PURE__ */ new Map());
+  const submittedActivations = useRef14(/* @__PURE__ */ new Set());
+  const serverActive = useRef14(/* @__PURE__ */ new Set());
+  const lifetime = useRef14(0);
+  const request = useRef14(null);
+  const [desiredVersion, setDesiredVersion] = useState19(0);
   const setDesired = useCallback25((name, value) => {
     if (value === null) {
       if (!desiredActivations.current.delete(name)) return;
@@ -16744,7 +16781,7 @@ function useSessionPluginActivation({
       return rest;
     });
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     alive.current = true;
     setPlugins([]);
     setCatalog(null);
@@ -16973,7 +17010,7 @@ function SessionPluginSelector(props) {
   return /* @__PURE__ */ jsx7(PluginSelectorState, { ...props }, props.sessionId);
 }
 function PluginSelectorState({ client, sessionId, className, side = "bottom", onChange }) {
-  const [open2, setOpen] = useState19(false);
+  const [open2, setOpen] = useState20(false);
   return /* @__PURE__ */ jsxs5("div", { className: `relative text-xs ${className ?? ""}`, children: [
     /* @__PURE__ */ jsx7(
       "button",
@@ -16997,7 +17034,7 @@ function PluginSelectorList({
 }) {
   const controller = useSessionPluginActivation({ client, sessionId, onChange });
   const { reload } = controller;
-  useEffect14(() => {
+  useEffect15(() => {
     reload();
   }, [reload]);
   return /* @__PURE__ */ jsxs5(
@@ -17037,7 +17074,7 @@ import {
   queuePauseReasonLabel,
   queuedMessageStatusLabel
 } from "@blade-hq/agent-client";
-import { useContext as useContext3, useLayoutEffect as useLayoutEffect3, useRef as useRef14, useState as useState20 } from "react";
+import { useContext as useContext3, useLayoutEffect as useLayoutEffect3, useRef as useRef15, useState as useState21 } from "react";
 
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r2(e2) {
@@ -20287,19 +20324,19 @@ function SessionQueuePanel({
   onVisibleChange,
   mergesWithInputBelow: mergesWithInputBelowProp
 }) {
-  const [collapsed, setCollapsed] = useState20(false);
-  const [editing, setEditing] = useState20(null);
-  const [draggingId, setDraggingId] = useState20(null);
-  const [dropAt, setDropAt] = useState20(null);
-  const draggingRef = useRef14(null);
-  const dropRef = useRef14(null);
-  const requeuePending = useRef14(false);
-  const [requeueing, setRequeueing] = useState20(false);
+  const [collapsed, setCollapsed] = useState21(false);
+  const [editing, setEditing] = useState21(null);
+  const [draggingId, setDraggingId] = useState21(null);
+  const [dropAt, setDropAt] = useState21(null);
+  const draggingRef = useRef15(null);
+  const dropRef = useRef15(null);
+  const requeuePending = useRef15(false);
+  const [requeueing, setRequeueing] = useState21(false);
   const adjacency = useContext3(QueuePanelAdjacencyContext);
   const mergesWithInputBelow = mergesWithInputBelowProp ?? adjacency ?? true;
   const items = snapshot.items;
   const visible = isQueuePanelVisible(snapshot, notice, Boolean(editing));
-  const onVisibleChangeRef = useRef14(onVisibleChange);
+  const onVisibleChangeRef = useRef15(onVisibleChange);
   onVisibleChangeRef.current = onVisibleChange;
   useLayoutEffect3(() => {
     onVisibleChangeRef.current?.(visible);
@@ -20732,7 +20769,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
 }
 
 // src/components/PlanUpdateBlock.tsx
-import { useEffect as useEffect15, useRef as useRef15, useState as useState21 } from "react";
+import { useEffect as useEffect16, useRef as useRef16, useState as useState22 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -20845,10 +20882,10 @@ function PlanUpdateBlock({
 }) {
   const updateKey = `${toolCall.id}:${toolCall.arguments}`;
   const revealKey = autoReveal ? updateKey : null;
-  const [collapsed, setCollapsed] = useState21(!autoReveal);
-  const collapseTimerRef = useRef15(null);
+  const [collapsed, setCollapsed] = useState22(!autoReveal);
+  const collapseTimerRef = useRef16(null);
   const data = parsePlanUpdate(toolCall.arguments);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!revealKey) return;
     if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     setCollapsed(false);
@@ -20857,7 +20894,7 @@ function PlanUpdateBlock({
       collapseTimerRef.current = null;
     }, PLAN_AUTO_COLLAPSE_MS);
   }, [revealKey]);
-  useEffect15(
+  useEffect16(
     () => () => {
       if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     },
@@ -20945,9 +20982,9 @@ function CurrentPlanPanel({
   className
 }) {
   const { current, updating } = getPlanUpdateDisplayState(messages);
-  const revealBaselinesRef = useRef15(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
+  const revealBaselinesRef = useRef16(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
   const autoReveal = (revealBaselinesRef.current.get(sessionId) ?? 0) !== revealRevision;
-  useEffect15(() => {
+  useEffect16(() => {
     if (!current) return;
     revealBaselinesRef.current.set(sessionId, revealRevision);
   }, [current, revealRevision, sessionId]);
@@ -20971,7 +21008,7 @@ function CurrentPlanPanel({
 
 // src/components/ChatSurface.tsx
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
-import { useMemo as useMemo17, useState as useState34 } from "react";
+import { useMemo as useMemo17, useState as useState35 } from "react";
 
 // src/lib/random-id.ts
 function randomId() {
@@ -45839,7 +45876,7 @@ function SF(G, Q) {
 }
 
 // src/components/McpAppCard.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect16, useLayoutEffect as useLayoutEffect4, useRef as useRef16, useState as useState22 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect17, useLayoutEffect as useLayoutEffect4, useRef as useRef17, useState as useState23 } from "react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var McpAppMessageContext = createContext4(null);
 function securedHtml(archive) {
@@ -45881,17 +45918,17 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
   const contextMessage = useContext4(McpAppMessageContext);
   const client = suppliedClient ?? contextClient;
   const onMessage = suppliedOnMessage ?? contextMessage;
-  const onMessageRef = useRef16(onMessage);
+  const onMessageRef = useRef17(onMessage);
   onMessageRef.current = onMessage;
-  const frame = useRef16(null);
-  const panel = useRef16(null);
-  const bridgeRef = useRef16(null);
-  const [html, setHtml] = useState22();
-  const [title, setTitle] = useState22("\u5DE5\u5177\u754C\u9762");
-  const [error61, setError] = useState22(null);
-  const [ready, setReady] = useState22(false);
-  const [expanded, setExpanded] = useState22(false);
-  const [height, setHeight] = useState22(360);
+  const frame = useRef17(null);
+  const panel = useRef17(null);
+  const bridgeRef = useRef17(null);
+  const [html, setHtml] = useState23();
+  const [title, setTitle] = useState23("\u5DE5\u5177\u754C\u9762");
+  const [error61, setError] = useState23(null);
+  const [ready, setReady] = useState23(false);
+  const [expanded, setExpanded] = useState23(false);
+  const [height, setHeight] = useState23(360);
   useLayoutEffect4(() => {
     const dialog = panel.current;
     if (!dialog) return;
@@ -45899,7 +45936,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
     if (expanded) dialog.showModal();
     else dialog.show();
   }, [expanded]);
-  useEffect16(() => {
+  useEffect17(() => {
     const controller = new AbortController();
     let bridge;
     let disposed = false;
@@ -46107,7 +46144,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
 }
 
 // src/components/ChatInput.tsx
-import { useRef as useRef17, useState as useState23 } from "react";
+import { useRef as useRef18, useState as useState24 } from "react";
 import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
@@ -46133,10 +46170,10 @@ function ChatInput({
   hasAttachments = false
 }) {
   const trimmed = value.trim();
-  const latestValue = useRef17(value);
+  const latestValue = useRef18(value);
   latestValue.current = value;
-  const sending = useRef17(false);
-  const [isSending2, setIsSending] = useState23(false);
+  const sending = useRef18(false);
+  const [isSending2, setIsSending] = useState24(false);
   void queueKey;
   const canSend = !isSending2 && (trimmed.length > 0 || hasAttachments) && (!isStreaming || queueWhileRunning && !hasAttachments && !isStopping);
   const handleSend = async () => {
@@ -46230,16 +46267,16 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect17, useRef as useRef18, useState as useState24 } from "react";
+import { useEffect as useEffect18, useRef as useRef19, useState as useState25 } from "react";
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var CONNECTION_NOTICE_DELAY_MS = 3e3;
 var CONNECTION_ERROR_DELAY_MS = 15e3;
 function useConnectionNoticePhase(connected) {
-  const [phase, setPhase] = useState24("hidden");
-  const connectedRef = useRef18(connected);
-  const timersRef = useRef18([]);
+  const [phase, setPhase] = useState25("hidden");
+  const connectedRef = useRef19(connected);
+  const timersRef = useRef19([]);
   connectedRef.current = connected;
-  useEffect17(() => {
+  useEffect18(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -46279,7 +46316,7 @@ function useConnectionNoticePhase(connected) {
   return phase;
 }
 function ConnectionBanner({ connection, className }) {
-  const hasConnectedRef = useRef18(connection === "connected" || connection === "reconnecting");
+  const hasConnectedRef = useRef19(connection === "connected" || connection === "reconnecting");
   if (connection === "connected") hasConnectedRef.current = true;
   const connected = connection === "connected";
   const phase = useConnectionNoticePhase(connected);
@@ -46327,14 +46364,14 @@ function BackgroundWakeNotice() {
 import { isBackgroundWakeMessage, isHiddenInternalMessage as isHiddenInternalMessage2 } from "@blade-hq/agent-client";
 import {
   useCallback as useCallback29,
-  useEffect as useEffect25,
+  useEffect as useEffect26,
   useMemo as useMemo16,
-  useRef as useRef27,
-  useState as useState33
+  useRef as useRef28,
+  useState as useState34
 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback26, useMemo as useMemo12, useRef as useRef19, useState as useState25 } from "react";
+import { useCallback as useCallback26, useMemo as useMemo12, useRef as useRef20, useState as useState26 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -46371,10 +46408,10 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState25(false);
-  const [isAtBottom, updateIsAtBottom] = useState25(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState25(false);
-  const optionsRef = useRef19(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState26(false);
+  const [isAtBottom, updateIsAtBottom] = useState26(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState26(false);
+  const optionsRef = useRef20(null);
   optionsRef.current = options;
   const isSelecting = useCallback26(() => {
     if (!mouseDown) {
@@ -46678,11 +46715,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext5, useContext as useContext5, useEffect as useEffect18, useImperativeHandle, useLayoutEffect as useLayoutEffect5, useMemo as useMemo13, useRef as useRef20 } from "react";
+import { createContext as createContext5, useContext as useContext5, useEffect as useEffect19, useImperativeHandle, useLayoutEffect as useLayoutEffect5, useMemo as useMemo13, useRef as useRef21 } from "react";
 var StickToBottomContext = createContext5(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect5 : useEffect18;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect5 : useEffect19;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef20(null);
+  const customTargetScrollTop = useRef21(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -46761,23 +46798,23 @@ function useStickToBottomContext() {
 import { getServerTime } from "@blade-hq/agent-client/internal";
 
 // src/components/MessageImage.tsx
-import { forwardRef as forwardRef3, useEffect as useEffect19, useImperativeHandle as useImperativeHandle2, useRef as useRef21, useState as useState26 } from "react";
+import { forwardRef as forwardRef3, useEffect as useEffect20, useImperativeHandle as useImperativeHandle2, useRef as useRef22, useState as useState27 } from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var assetPattern = /^\/api\/(sessions|share)\/([^/]+)\/media\/([a-f0-9]{64})$/;
 var MessageImage = forwardRef3(function MessageImage2({ client: suppliedClient, src, original = false, alt, style, ...props }, ref) {
   const contextClient = useOptionalBladeClient();
   const client = suppliedClient ?? contextClient;
-  const element2 = useRef21(null);
+  const element2 = useRef22(null);
   useImperativeHandle2(ref, () => element2.current);
-  const [visible, setVisible] = useState26(false);
-  const [result, setResult] = useState26(null);
+  const [visible, setVisible] = useState27(false);
+  const [result, setResult] = useState27(null);
   const match = src?.match(assetPattern);
   const scope = match?.[1];
   const sessionId = match?.[2];
   const assetId = match?.[3];
   const identity2 = assetId && client ? client.buildAuthedUrl(src) : "";
   const source = `${src}:${original}:${identity2}`;
-  useEffect19(() => {
+  useEffect20(() => {
     const node3 = element2.current;
     if (!node3 || !assetId) return;
     if (original || typeof IntersectionObserver === "undefined") {
@@ -46793,7 +46830,7 @@ var MessageImage = forwardRef3(function MessageImage2({ client: suppliedClient,
     observer.observe(node3);
     return () => observer.disconnect();
   }, [assetId, original]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!visible || !client || !sessionId || !assetId) return;
     let alive = true;
     let objectUrl = null;
@@ -46833,10 +46870,10 @@ import {
   getTextContent as getTextContent2,
   normalizeMessageContent as normalizeMessageContent2
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect23, useRef as useRef25, useState as useState31 } from "react";
+import { useEffect as useEffect24, useRef as useRef26, useState as useState32 } from "react";
 
 // src/components/AgentTaskCard.tsx
-import { useEffect as useEffect20, useState as useState27 } from "react";
+import { useEffect as useEffect21, useState as useState28 } from "react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   running: "\u8FDB\u884C\u4E2D",
@@ -46847,8 +46884,8 @@ var STATUS_LABELS = {
 };
 function AgentTaskCard({ title, status, activity, children, className, recordId }) {
   const waiting = status === "waiting_input";
-  const [open2, setOpen] = useState27(waiting);
-  useEffect20(() => {
+  const [open2, setOpen] = useState28(waiting);
+  useEffect21(() => {
     if (waiting) setOpen(true);
   }, [waiting]);
   return /* @__PURE__ */ jsxs14(
@@ -46902,10 +46939,10 @@ function AgentLoopBlock({ toolCall, className }) {
 }
 
 // src/components/MarkdownContent.tsx
-import { isValidElement as isValidElement2, useMemo as useMemo14, useRef as useRef23, useState as useState28 } from "react";
+import { isValidElement as isValidElement2, useMemo as useMemo14, useRef as useRef24, useState as useState29 } from "react";
 
 // src/components/markdown/index.ts
-import { createElement as createElement7, useRef as useRef22 } from "react";
+import { createElement as createElement7, useRef as useRef23 } from "react";
 
 // ../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions = {};
@@ -55783,10 +55820,10 @@ function MarkdownRenderer({
   codeBlockOverrides
 }) {
   const isStreaming = mode === "streaming";
-  const cacheRef = useRef22(createParseCache());
-  const blockCacheRef = useRef22(/* @__PURE__ */ new WeakMap());
-  const groupIdentityMapRef = useRef22(/* @__PURE__ */ new WeakMap());
-  const rendererConfigRef = useRef22(null);
+  const cacheRef = useRef23(createParseCache());
+  const blockCacheRef = useRef23(/* @__PURE__ */ new WeakMap());
+  const groupIdentityMapRef = useRef23(/* @__PURE__ */ new WeakMap());
+  const rendererConfigRef = useRef23(null);
   const previousConfig = rendererConfigRef.current;
   if (!previousConfig || previousConfig.allowedTags !== allowedTags || previousConfig.components !== components || previousConfig.rawHtmlPlugins !== rawHtmlPlugins || previousConfig.codeBlockOverrides !== codeBlockOverrides) {
     blockCacheRef.current = /* @__PURE__ */ new WeakMap();
@@ -55871,8 +55908,8 @@ function normalizeAdjacentUrlFormatting(value) {
   return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_2, index3) => protectedSegments[Number(index3)]);
 }
 function CodeBlockPre({ children, ...props }) {
-  const preRef = useRef23(null);
-  const [copied, setCopied] = useState28(false);
+  const preRef = useRef24(null);
+  const [copied, setCopied] = useState29(false);
   const codeChild = Array.isArray(children) ? children[0] : children;
   const codeClassName = isValidElement2(codeChild) ? codeChild.props.className : void 0;
   const language = codeClassName?.match(/language-(\S+)/)?.[1] ?? "";
@@ -55947,7 +55984,7 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 }
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect21, useMemo as useMemo15, useRef as useRef24, useState as useState29 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo15, useRef as useRef25, useState as useState30 } from "react";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
@@ -55956,12 +55993,12 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef24(null);
-  useEffect21(() => {
+  const textareaRef = useRef25(null);
+  useEffect22(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect21(() => {
+  useEffect22(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -55988,12 +56025,12 @@ function AskUserQuestionBlock({
   className,
   optionClassName
 }) {
-  const [selections, setSelections] = useState29(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState29(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState29(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState29("");
-  const [submitted, setSubmitted] = useState29(false);
-  useEffect21(() => {
+  const [selections, setSelections] = useState30(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState30(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState30(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState30("");
+  const [submitted, setSubmitted] = useState30(false);
+  useEffect22(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -56501,7 +56538,7 @@ function buildAskUserPayload(argumentsJson) {
 
 // src/components/ToolUiCardView.tsx
 import { resolveToolUiCardContent } from "@blade-hq/agent-client";
-import { useEffect as useEffect22, useState as useState30 } from "react";
+import { useEffect as useEffect23, useState as useState31 } from "react";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function ToolUiCardView({ card, sessionId }) {
   if (card.mcpApp) return sessionId ? /* @__PURE__ */ jsx23(McpAppCard, { sessionId, sourceId: card.mcpApp.sourceId }) : null;
@@ -56528,10 +56565,10 @@ function ToolUiCardView({ card, sessionId }) {
 }
 function FileCard({ card, sessionId, path: path2 }) {
   const client = useBladeClient();
-  const [html, setHtml] = useState30(null);
-  const [failed, setFailed] = useState30(false);
-  const [refreshVersion, setRefreshVersion] = useState30(0);
-  useEffect22(() => {
+  const [html, setHtml] = useState31(null);
+  const [failed, setFailed] = useState31(false);
+  const [refreshVersion, setRefreshVersion] = useState31(0);
+  useEffect23(() => {
     const abort = new AbortController();
     setHtml(null);
     setFailed(false);
@@ -56597,7 +56634,7 @@ function ThinkingBlock({
   isStreaming,
   className
 }) {
-  const [open2, setOpen] = useState31(false);
+  const [open2, setOpen] = useState32(false);
   if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs19("div", { part: "thinking", className: cn("blade-chat-thinking ml-4 text-xs", className), children: [
     /* @__PURE__ */ jsxs19(
@@ -56686,6 +56723,8 @@ function getExecutionDurationMs({
   isStreaming,
   now = null
 }) {
+  const runDuration = getChatRunDuration(messages, isStreaming ? now : null);
+  if (runDuration !== null) return runDuration;
   const knownDuration = messages.reduce(
     (total, message) => {
       if (typeof message.duration_ms === "number" && message.duration_ms > 0) {
@@ -56877,12 +56916,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState31(
+  const [displayMode, setDisplayMode] = useState32(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef25(false);
-  const wasStreamingRef = useRef25(isStreaming);
-  useEffect23(() => {
+  const userSelectedDisplayModeRef = useRef26(false);
+  const wasStreamingRef = useRef26(isStreaming);
+  useEffect24(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -56890,22 +56929,23 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const client = useOptionalBladeClient();
-  const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState31(() => performance.now());
-  const hasLiveStartTime = messages.some(
-    (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
-  );
-  useEffect23(() => {
-    if (!isStreaming || !hasLiveStartTime) return;
-    const timer = window.setInterval(() => setClock(performance.now()), 1e3);
-    return () => window.clearInterval(timer);
-  }, [hasLiveStartTime, isStreaming]);
-  const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({
+  const clockNow = isStreaming ? sessionId ? getServerTime(client) : Date.now() : null;
+  const executionDurationMs = getExecutionDurationMs({
     messages,
     isStreaming,
-    // Direct LLM mode has no Blade session and generates its own local timestamps.
-    now: sessionId ? getServerTime(client, clock) : Date.now()
-  }) : executionDurationMs;
+    now: clockNow
+  });
+  const chatRun = getChatRun(messages);
+  const isTimerRunning = isStreaming && (!chatRun || chatRun.status === "incomplete");
+  const runningDurationMs = useLiveExecutionDuration({
+    turnKey: `${sessionId ?? ""}:${messages[0]?.entry_id ?? ""}:${chatRun?.run_id ?? ""}`,
+    isStreaming: isTimerRunning,
+    initialDurationMs: executionDurationMs,
+    isInitialDurationReady: clockNow !== null && messages.some(
+      (message) => message.chat_run?.started_at != null && Number.isFinite(Date.parse(message.chat_run.started_at)) || message.chat_run == null && message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
+    )
+  });
+  const liveExecutionDurationMs = isTimerRunning ? runningDurationMs : executionDurationMs;
   const memoryRefs = collectMemoryRefs(messages);
   const inlineToolUiCards = collectInlineToolUiCards(messages);
   if (!hasExecutionProcess) {
@@ -57112,7 +57152,7 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs, className }) {
-  const [expanded, setExpanded] = useState31(false);
+  const [expanded, setExpanded] = useState32(false);
   const label = refs.some((ref) => ref.skill_name) ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
   return /* @__PURE__ */ jsxs19("div", { part: "memory-refs", className: cn("blade-chat-memory-refs ml-1 w-full max-w-[680px]", className), children: [
     /* @__PURE__ */ jsxs19("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
@@ -57258,7 +57298,7 @@ var RenderErrorBoundary = class extends Component2 {
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback28, useEffect as useEffect24, useRef as useRef26, useState as useState32 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect25, useRef as useRef27, useState as useState33 } from "react";
 import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
@@ -57278,7 +57318,7 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState32(false);
+  const [downloading, setDownloading] = useState33(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
     return /* @__PURE__ */ jsxs21(
@@ -57384,15 +57424,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState32(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState32(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState32(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState32(false);
-  const [saveError, setSaveError] = useState32(false);
-  const reportedShown = useRef26(false);
-  const latestChoice = useRef26(null);
+  const [saved, setSaved] = useState33(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState33(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState33(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState33(false);
+  const [saveError, setSaveError] = useState33(false);
+  const reportedShown = useRef27(false);
+  const latestChoice = useRef27(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect24(() => {
+  useEffect25(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -57401,7 +57441,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -57515,14 +57555,14 @@ function PostChatFollowupBlock({
   className,
   suggestionClassName
 }) {
-  const [expanded, setExpanded] = useState32(false);
-  const adopted = useRef26(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef26(false);
-  const reportedArtifacts = useRef26(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef26(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState33(false);
+  const adopted = useRef27(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef27(false);
+  const reportedArtifacts = useRef27(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef27(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -57899,10 +57939,10 @@ function MessageList({
   const contentReveal = useTypewriterReveal(revealContentText, isRevealLive, revealTargetKey);
   const reasoningReveal = useTypewriterReveal(revealReasoningText, isRevealLive, revealTargetKey);
   const isRevealingAny = contentReveal.isRevealing || reasoningReveal.isRevealing;
-  useEffect25(() => {
+  useEffect26(() => {
     onRevealingChange?.(isRevealingAny);
   }, [isRevealingAny, onRevealingChange]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (isStopping) {
       contentReveal.flushNow();
       reasoningReveal.flushNow();
@@ -57989,8 +58029,8 @@ function MessageList({
     }
     return blocks;
   }, [visibleRootMessages, isStreaming, isRevealingAny]);
-  const rootRef = useRef27(null);
-  const stopAutoScrollRef = useRef27(null);
+  const rootRef = useRef28(null);
+  const stopAutoScrollRef = useRef28(null);
   const {
     items: turnNavItems,
     activeEntryId: activeNavTurnId,
@@ -58010,7 +58050,7 @@ function MessageList({
     isEntryLoaded: (entryId) => findEntryRow(rootRef.current, entryId) !== null,
     beforeSeek: () => stopAutoScrollRef.current?.()
   });
-  const [viewportNavTurnId, setViewportNavTurnId] = useState33(null);
+  const [viewportNavTurnId, setViewportNavTurnId] = useState34(null);
   const latestNavTurnId = turnNavItems.at(-1)?.id ?? null;
   return /* @__PURE__ */ jsxs24(
     "div",
@@ -58164,10 +58204,10 @@ function LoadOlderSentinel({
   loadOlder
 }) {
   const { contentRef, scrollRef } = useStickToBottomContext();
-  const sentinelRef = useRef27(null);
-  const stateRef = useRef27({ hasOlder, loading, loadOlder });
+  const sentinelRef = useRef28(null);
+  const stateRef = useRef28({ hasOlder, loading, loadOlder });
   stateRef.current = { hasOlder, loading, loadOlder };
-  useEffect25(() => {
+  useEffect26(() => {
     const sentinel = sentinelRef.current;
     const scroller = scrollRef.current;
     if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
@@ -58235,8 +58275,8 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef27(userMessageCount);
-  const spacerHeightRef = useRef27(0);
+  const previousCountRef = useRef28(userMessageCount);
+  const spacerHeightRef = useRef28(0);
   const getScrollElement = useCallback29(() => scrollRef.current, [scrollRef]);
   const getContentElement = useCallback29(() => contentRef.current, [contentRef]);
   const getTargetElement = useCallback29(() => {
@@ -58278,7 +58318,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect25(() => {
+  useEffect26(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -58288,9 +58328,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton({ className }) {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState33(false);
-  const hideTimerRef = useRef27(null);
-  useEffect25(() => {
+  const [visible, setVisible] = useState34(false);
+  const hideTimerRef = useRef28(null);
+  useEffect26(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -58362,13 +58402,13 @@ function ViewportTurnBridge({
   onActiveChange
 }) {
   const { scrollRef } = useStickToBottomContext();
-  const itemsRef = useRef27(items);
-  const updateRef = useRef27(null);
-  useEffect25(() => {
+  const itemsRef = useRef28(items);
+  const updateRef = useRef28(null);
+  useEffect26(() => {
     itemsRef.current = items;
     updateRef.current?.();
   }, [items]);
-  useEffect25(() => {
+  useEffect26(() => {
     const scroller = scrollRef.current;
     const root = rootRef.current;
     if (!scroller || !root) return;
@@ -58412,7 +58452,7 @@ function ViewportTurnBridge({
 var VIEWPORT_ACTIVE_OFFSET = 8;
 function StopAutoScrollBridge({ stopRef }) {
   const { stopScroll } = useStickToBottomContext();
-  useEffect25(() => {
+  useEffect26(() => {
     stopRef.current = stopScroll;
     return () => {
       stopRef.current = null;
@@ -58462,7 +58502,7 @@ function ChatSurface({
   onRevealingChange,
   isReplay
 }) {
-  const [pending, setPending] = useState34([]);
+  const [pending, setPending] = useState35([]);
   const currentPending = pending.filter((item) => item.sessionId === sessionId);
   const sendWithApps = async (text4) => {
     const content3 = [...currentPending.map((item) => `[${item.label}]
@@ -58584,8 +58624,8 @@ function isUnauthorizedError(error61) {
   return error61 instanceof BladeApiError2 && error61.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState35(false);
-  const [loginError, setLoginError] = useState35(null);
+  const [loggingIn, setLoggingIn] = useState36(false);
+  const [loginError, setLoginError] = useState36(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -58617,8 +58657,8 @@ function LoginCard({ client, onLoggedIn }) {
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState35(0);
-  const [needLogin, setNeedLogin] = useState35(() => !client.hasToken());
+  const [attempt, setAttempt] = useState36(0);
+  const [needLogin, setNeedLogin] = useState36(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx31(
       "div",
@@ -58657,7 +58697,7 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState35(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState36(
     () => /* @__PURE__ */ new Map()
   );
   const handleSessionConnected = useCallback30((connectedSession) => {
@@ -58678,24 +58718,24 @@ function ChatSessionView({
     onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState35(false);
-  const [isRevealing, setIsRevealing] = useState35(false);
-  const [inputText, setInputText] = useState35("");
-  const [queueNotice, setQueueNotice] = useState35(null);
-  const [queuePendingItemId, setQueuePendingItemId] = useState35(null);
-  const [queuePanelVisible, setQueuePanelVisible] = useState35(false);
-  const [resultFeedback, setResultFeedback] = useState35([]);
-  const [timelineRewrite, setTimelineRewrite] = useState35(0);
+  const [stopRequested, setStopRequested] = useState36(false);
+  const [isRevealing, setIsRevealing] = useState36(false);
+  const [inputText, setInputText] = useState36("");
+  const [queueNotice, setQueueNotice] = useState36(null);
+  const [queuePendingItemId, setQueuePendingItemId] = useState36(null);
+  const [queuePanelVisible, setQueuePanelVisible] = useState36(false);
+  const [resultFeedback, setResultFeedback] = useState36([]);
+  const [timelineRewrite, setTimelineRewrite] = useState36(0);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
   const canUseQueue = !isViewer;
-  const onSessionReadyRef = useRef28(onSessionReady);
-  const readySessionRef = useRef28(null);
+  const onSessionReadyRef = useRef29(onSessionReady);
+  const readySessionRef = useRef29(null);
   const hasOnSessionReady = onSessionReady !== void 0;
-  useEffect26(() => {
+  useEffect27(() => {
     onSessionReadyRef.current = onSessionReady;
   }, [onSessionReady]);
-  useEffect26(() => {
+  useEffect27(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -58730,13 +58770,13 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     const handler = onSessionReadyRef.current;
     if (!session || !hasOnSessionReady || !handler || readySessionRef.current === session) return;
     readySessionRef.current = session;
     handler(session);
   }, [session, hasOnSessionReady]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content: content3 }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -58756,12 +58796,12 @@ ${content3}`);
       offRewind();
     };
   }, [session]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (isUnauthorizedError(error61)) {
       onUnauthorized();
     }
   }, [error61, onUnauthorized]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -58933,10 +58973,10 @@ ${content3}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect27, useMemo as useMemo19, useState as useState37 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo19, useState as useState38 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
@@ -58983,8 +59023,8 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open2, setOpen] = useState36(false);
-  const [draft, setDraft] = useState36(override);
+  const [open2, setOpen] = useState37(false);
+  const [draft, setDraft] = useState37(override);
   if (!normalized) return null;
   const fields2 = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -59067,12 +59107,12 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState37(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState38(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error: error61, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState37("");
-  const [stopRequested, setStopRequested] = useState37(false);
-  const [isRevealing, setIsRevealing] = useState37(false);
+  const [inputText, setInputText] = useState38("");
+  const [stopRequested, setStopRequested] = useState38(false);
+  const [isRevealing, setIsRevealing] = useState38(false);
   const isStreamingDisplay = isStreaming || isRevealing;
   const handle = useMemo19(
     () => ({
@@ -59083,7 +59123,7 @@ ${text4}` : text4),
     }),
     [send, reset]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     onReady?.(handle);
   }, [handle, onReady]);
   return /* @__PURE__ */ jsx33(
@@ -59154,7 +59194,7 @@ function ChatView(props) {
 }
 
 // src/components/ConnectorPanel.tsx
-import { useCallback as useCallback31, useEffect as useEffect28, useMemo as useMemo20, useRef as useRef29, useState as useState38 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect29, useMemo as useMemo20, useRef as useRef30, useState as useState39 } from "react";
 
 // src/components/connector-panel-types.ts
 function selectionFromItem(item) {
@@ -59194,12 +59234,13 @@ function ConnectorPanel({
   renderComputerSection,
   renderExternalAccounts,
   renderFooterActions,
+  visibleSections = ["plugins", "computers", "accounts"],
   className
 }) {
-  const [query, setQuery] = useState38("");
-  const [pendingCatalog, setPendingCatalog] = useState38(null);
-  const [pendingLoading, setPendingLoading] = useState38(false);
-  const [pendingError, setPendingError] = useState38(false);
+  const [query, setQuery] = useState39("");
+  const [pendingCatalog, setPendingCatalog] = useState39(null);
+  const [pendingLoading, setPendingLoading] = useState39(false);
+  const [pendingError, setPendingError] = useState39(false);
   const activation = useSessionPluginActivation({
     client,
     // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。
@@ -59207,7 +59248,7 @@ function ConnectorPanel({
     onChange: onPluginsChanged
   });
   const { reload, items: sessionItems } = activation;
-  useEffect28(() => {
+  useEffect29(() => {
     if (sessionId) reload();
   }, [reload, sessionId]);
   const loadPendingCatalog = useCallback31(async () => {
@@ -59222,7 +59263,7 @@ function ConnectorPanel({
       setPendingLoading(false);
     }
   }, [client]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (sessionId) return;
     void loadPendingCatalog();
   }, [loadPendingCatalog, sessionId]);
@@ -59253,15 +59294,15 @@ function ConnectorPanel({
     () => items.filter((item) => item.active),
     [items]
   );
-  const onSelectedChangeRef = useRef29(onSelectedChange);
+  const onSelectedChangeRef = useRef30(onSelectedChange);
   onSelectedChangeRef.current = onSelectedChange;
-  const latestSelected = useRef29(selectedItems);
+  const latestSelected = useRef30(selectedItems);
   latestSelected.current = selectedItems;
   const reportSelected = useCallback31(() => {
     onSelectedChangeRef.current?.(latestSelected.current);
   }, []);
   const selectedNames = selectedItems.map((item) => item.name).join("\0");
-  useEffect28(reportSelected, [reportSelected, selectedNames]);
+  useEffect29(reportSelected, [reportSelected, selectedNames]);
   const failed = sessionId ? activation.listError : pendingError;
   return /* @__PURE__ */ jsxs28("div", { className, children: [
     /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2 border-[hsl(var(--border))] border-b px-3 py-2", children: [
@@ -59277,52 +59318,54 @@ function ConnectorPanel({
         }
       )
     ] }),
-    renderComputerSection ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
+    visibleSections.includes("computers") && renderComputerSection ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
       /* @__PURE__ */ jsx35(PanelTitle, { children: "\u7535\u8111" }),
       renderComputerSection(query)
     ] }) : null,
-    /* @__PURE__ */ jsx35(PanelDivider, {}),
-    /* @__PURE__ */ jsx35(PanelTitle, { children: "\u63D2\u4EF6" }),
-    !sessionId ? (
-      // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经
-      // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。
-      /* @__PURE__ */ jsx35("div", { className: "px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u5148\u9009\u4E2D\uFF0C\u53D1\u9001\u8FD9\u6761\u6D88\u606F\u65F6\u4F1A\u4E00\u5E76\u542F\u7528" })
-    ) : null,
-    (sessionId ? activation.loading : pendingLoading) && visibleItems.length === 0 ? /* @__PURE__ */ jsxs28("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx35(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
-      "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026"
+    visibleSections.includes("plugins") ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
+      /* @__PURE__ */ jsx35(PanelDivider, {}),
+      /* @__PURE__ */ jsx35(PanelTitle, { children: "\u63D2\u4EF6" }),
+      !sessionId ? (
+        // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经
+        // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。
+        /* @__PURE__ */ jsx35("div", { className: "px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u5148\u9009\u4E2D\uFF0C\u53D1\u9001\u8FD9\u6761\u6D88\u606F\u65F6\u4F1A\u4E00\u5E76\u542F\u7528" })
+      ) : null,
+      (sessionId ? activation.loading : pendingLoading) && visibleItems.length === 0 ? /* @__PURE__ */ jsxs28("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx35(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
+        "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026"
+      ] }) : null,
+      failed ? /* @__PURE__ */ jsx35(
+        "button",
+        {
+          type: "button",
+          onClick: () => sessionId ? reload() : void loadPendingCatalog(),
+          className: "px-3 py-1.5 text-left text-[11px] text-[hsl(var(--muted-foreground))] underline",
+          children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx35(
+        PluginConnectorList,
+        {
+          client,
+          sessionId,
+          items: visibleItems,
+          inFlight: activation.inFlight,
+          busy: sessionId ? activation.busy : pendingLoading,
+          mutationError: sessionId ? activation.mutationError : false,
+          onToggle: toggle,
+          onRetry: activation.retry,
+          onEditConfig: activation.editConfig,
+          configuring: sessionId ? activation.configuring : null,
+          onConfigSaved: activation.onConfigSaved,
+          onConfigClose: activation.onConfigClose,
+          disabledReason: sessionId ? null : pendingDisabledReason,
+          unavailableText: failed ? null : query.trim() ? "\u6CA1\u6709\u5339\u914D\u7684\u63D2\u4EF6" : null,
+          emptyText: sessionId ? "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6" : "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6\uFF0C\u53BB\u5E94\u7528\u5E02\u573A\u6DFB\u52A0\u4E00\u4E2A",
+          draft: !sessionId
+        }
+      )
     ] }) : null,
-    failed ? /* @__PURE__ */ jsx35(
-      "button",
-      {
-        type: "button",
-        onClick: () => sessionId ? reload() : void loadPendingCatalog(),
-        className: "px-3 py-1.5 text-left text-[11px] text-[hsl(var(--muted-foreground))] underline",
-        children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5"
-      }
-    ) : null,
-    /* @__PURE__ */ jsx35(
-      PluginConnectorList,
-      {
-        client,
-        sessionId,
-        items: visibleItems,
-        inFlight: activation.inFlight,
-        busy: sessionId ? activation.busy : pendingLoading,
-        mutationError: sessionId ? activation.mutationError : false,
-        onToggle: toggle,
-        onRetry: activation.retry,
-        onEditConfig: activation.editConfig,
-        configuring: sessionId ? activation.configuring : null,
-        onConfigSaved: activation.onConfigSaved,
-        onConfigClose: activation.onConfigClose,
-        disabledReason: sessionId ? null : pendingDisabledReason,
-        unavailableText: failed ? null : query.trim() ? "\u6CA1\u6709\u5339\u914D\u7684\u63D2\u4EF6" : null,
-        emptyText: sessionId ? "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6" : "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6\uFF0C\u53BB\u5E94\u7528\u5E02\u573A\u6DFB\u52A0\u4E00\u4E2A",
-        draft: !sessionId
-      }
-    ),
-    renderExternalAccounts ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
+    visibleSections.includes("accounts") && renderExternalAccounts ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
       /* @__PURE__ */ jsx35(PanelDivider, {}),
       /* @__PURE__ */ jsx35(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
       renderExternalAccounts(query)
@@ -59473,7 +59516,7 @@ function ContextGroupCard({ contexts, className }) {
 }
 
 // src/components/SessionMemoryToggle.tsx
-import { useCallback as useCallback32, useEffect as useEffect29, useRef as useRef30, useState as useState39, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect30, useRef as useRef31, useState as useState40, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
@@ -59531,10 +59574,10 @@ function SessionMemoryToggle({
     getSaving,
     getSaving
   );
-  const [draftEnabled, setDraftEnabled] = useState39(enabled);
-  const activeSessionIdRef = useRef30(sessionId);
+  const [draftEnabled, setDraftEnabled] = useState40(enabled);
+  const activeSessionIdRef = useRef31(sessionId);
   activeSessionIdRef.current = sessionId;
-  useEffect29(() => {
+  useEffect30(() => {
     setDraftEnabled(enabled);
   }, [enabled, sessionId]);
   const update = useCallback32(
@@ -63103,7 +63146,7 @@ var Portal2 = TooltipPortal;
 var Content2 = TooltipContent;
 
 // src/components/SessionBranchPicker.tsx
-import { useMemo as useMemo26, useState as useState49 } from "react";
+import { useMemo as useMemo26, useState as useState50 } from "react";
 import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
 var ROW_HEIGHT = 32;
 var SVG_WIDTH = 44;
@@ -63112,8 +63155,8 @@ function SessionBranchPicker({
   disabled = false,
   onCheckout
 }) {
-  const [checkoutError, setCheckoutError] = useState49(null);
-  const [pendingNodeId, setPendingNodeId] = useState49(null);
+  const [checkoutError, setCheckoutError] = useState50(null);
+  const [pendingNodeId, setPendingNodeId] = useState50(null);
   const hasHistory = tree.nodes.length > 0;
   const layout = useMemo26(() => buildLayoutNodes(tree), [tree]);
   const nodeMap = useMemo26(() => new Map(tree.nodes.map((node3) => [node3.id, node3])), [tree]);
@@ -63435,6 +63478,8 @@ export {
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,
   filterConnectorItems,
+  getChatRun,
+  getChatRunDuration,
   getPlanUpdateDisplayState,
   isAgentComputerCommand,
   isAgentComputerToolCall,
@@ -63453,6 +63498,7 @@ export {
   turnNavItemsFromMessages,
   useAgentSession,
   useBladeClient,
+  useLiveExecutionDuration,
   useLlmChat,
   useMessagePin,
   useReplay,