@blade-hq/agent-react 2610.0.3 → 2610.0.5

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 useEffect28, useMemo as useMemo18, useRef as useRef30, useState as useState37 } 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 useState36 } from "react";
 
 // src/lib/random-id.ts
 function randomId() {
@@ -20991,6 +21028,7 @@ function randomId() {
 
 // src/components/McpAppCard.tsx
 import { BladeApiError } from "@blade-hq/agent-client";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect18, useRef as useRef18, useState as useState24 } from "react";
 
 // ../../node_modules/.pnpm/@modelcontextprotocol+client@2.0.0/node_modules/@modelcontextprotocol/client/dist/chunk-Br0eD_fh.mjs
 var __create = Object.create;
@@ -45838,10 +45876,9 @@ function SF(G, Q) {
   return JSON.stringify(G) === JSON.stringify(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";
+// src/components/McpAppFrame.tsx
+import { 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) {
   const ui = archive.resourceMeta.ui;
   const csp = ui?.csp ?? {};
@@ -45876,57 +45913,206 @@ function securedHtml(archive) {
   doc.head.prepend(meta3);
   return `<!doctype html>${doc.documentElement.outerHTML}`;
 }
-function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: suppliedOnMessage }) {
-  const contextClient = useOptionalBladeClient();
-  const contextMessage = useContext4(McpAppMessageContext);
-  const client = suppliedClient ?? contextClient;
-  const onMessage = suppliedOnMessage ?? contextMessage;
-  const onMessageRef = useRef16(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);
+function McpAppFrame(props) {
+  const { html: sourceHtml, resourceMeta, title = "\u5DE5\u5177\u754C\u9762" } = props;
+  const callbacks = useRef17(props);
+  callbacks.current = props;
+  const frame = useRef17(null);
+  const panel = useRef17(null);
+  const bridgeRef = useRef17(null);
+  const [html, setHtml] = useState23();
+  const [failure, setError] = useState23(null);
+  const error61 = props.error ?? failure;
+  const [ready, setReady] = useState23(false);
+  const [expanded, setExpanded] = useState23(false);
+  const [height, setHeight] = useState23(360);
   useLayoutEffect4(() => {
     const dialog = panel.current;
     if (!dialog) return;
-    dialog.close();
-    if (expanded) dialog.showModal();
-    else dialog.show();
+    if (typeof dialog.close === "function") dialog.close();
+    else dialog.removeAttribute("open");
+    const show = expanded ? dialog.showModal : dialog.show;
+    if (typeof show === "function") show.call(dialog);
+    else dialog.setAttribute("open", "");
   }, [expanded]);
-  useEffect16(() => {
-    const controller = new AbortController();
-    let bridge;
-    let disposed = false;
-    let offChanged;
-    let refreshRevision = 0;
+  useEffect17(() => {
     setError(null);
     setReady(false);
     setHtml(void 0);
     setExpanded(false);
     setHeight(360);
+    if (sourceHtml === void 0) return;
+    let disposed = false;
+    let bridge;
+    const timer = window.setTimeout(() => {
+      if (!disposed && !bridge?.getAppCapabilities()) setError("\u5E94\u7528\u8FDE\u63A5\u8D85\u65F6");
+    }, 2e4);
     const start = async () => {
-      if (!client || !frame.current?.contentWindow) throw new Error("\u5E94\u7528\u4F1A\u8BDD\u4E0D\u53EF\u7528");
-      const archive = await client.sessions.getMcpApp(sessionId, sourceId, { signal: controller.signal });
-      if (disposed) return;
-      const secured = securedHtml(archive);
-      setTitle(archive.plugin);
+      if (!frame.current?.contentWindow) throw new Error("\u5E94\u7528\u4F1A\u8BDD\u4E0D\u53EF\u7528");
+      const secured = securedHtml({ html: sourceHtml, resourceMeta });
       bridge = new MF(null, { name: "Blade Agent", version: "1.0.0" }, {
         serverTools: {},
         openLinks: {}
       }, { hostContext: { platform: "web", displayMode: "inline", availableDisplayModes: ["inline", "fullscreen"] } });
       bridgeRef.current = bridge;
       bridge.oninitialized = () => {
-        if (disposed) return;
-        offChanged?.();
+        if (disposed || !bridge) return;
         window.clearTimeout(timer);
         setError(null);
         setReady(true);
+        callbacks.current.onReady?.(bridge);
+      };
+      bridge.oncalltool = (params, extra) => {
+        if (disposed) throw new Error("\u5E94\u7528\u5DF2\u5173\u95ED");
+        if (!callbacks.current.callTool) throw new Error("\u5F53\u524D\u4F4D\u7F6E\u4E0D\u652F\u6301");
+        return callbacks.current.callTool(params, extra);
+      };
+      bridge.onmessage = (params, extra) => {
+        if (disposed) throw new Error("\u5E94\u7528\u5DF2\u5173\u95ED");
+        if (!callbacks.current.sendMessage) throw new Error("\u5F53\u524D\u4F1A\u8BDD\u4E0D\u80FD\u63A5\u6536\u5E94\u7528\u6D88\u606F");
+        return callbacks.current.sendMessage(params, extra);
+      };
+      bridge.onupdatemodelcontext = (params, extra) => {
+        if (disposed) throw new Error("\u5E94\u7528\u5DF2\u5173\u95ED");
+        if (!callbacks.current.updateModelContext) throw new Error("\u5F53\u524D\u4F4D\u7F6E\u4E0D\u652F\u6301");
+        return callbacks.current.updateModelContext(params, extra);
+      };
+      bridge.onrequestdisplaymode = async (params, extra) => {
+        if (callbacks.current.requestDisplayMode) return callbacks.current.requestDisplayMode(params, extra);
+        const next = params.mode === "fullscreen" ? "fullscreen" : "inline";
+        setExpanded(next === "fullscreen");
+        bridge?.setHostContext({ displayMode: next });
+        return { mode: next };
+      };
+      bridge.onsizechange = (params) => {
+        if (callbacks.current.sizeChange) return callbacks.current.sizeChange(params);
+        if (params.height && Number.isFinite(params.height)) setHeight(Math.max(120, Math.min(1200, params.height)));
+      };
+      bridge.onopenlink = async (params, extra) => {
+        if (callbacks.current.openLink) return callbacks.current.openLink(params, extra);
+        const target = new URL(params.url);
+        if (!["https:", "http:"].includes(target.protocol) || target.username || target.password) throw new Error("\u94FE\u63A5\u65E0\u6548");
+        window.open(target.href, "_blank", "noopener,noreferrer");
+        return {};
+      };
+      await bridge.connect(new c(frame.current.contentWindow, frame.current.contentWindow));
+      if (!disposed) setHtml(secured);
+    };
+    void start().catch((error62) => {
+      window.clearTimeout(timer);
+      if (!disposed) setError(error62 instanceof Error ? error62.message : "\u5E94\u7528\u52A0\u8F7D\u5931\u8D25");
+    });
+    return () => {
+      disposed = true;
+      window.clearTimeout(timer);
+      bridgeRef.current = null;
+      void bridge?.close();
+    };
+  }, [sourceHtml, resourceMeta]);
+  useEffect17(() => {
+    let disposed = false;
+    if (ready && props.toolInput) void bridgeRef.current?.sendToolInput(props.toolInput).catch((error62) => {
+      if (!disposed) setError(error62 instanceof Error ? error62.message : "\u5E94\u7528\u7ED3\u679C\u5237\u65B0\u5931\u8D25");
+    });
+    return () => {
+      disposed = true;
+    };
+  }, [props.toolInput, ready]);
+  const nativeDialog = typeof HTMLDialogElement !== "undefined" && typeof HTMLDialogElement.prototype.showModal === "function";
+  const toggle = () => {
+    setExpanded(!expanded);
+    bridgeRef.current?.setHostContext({ displayMode: expanded ? "inline" : "fullscreen" });
+  };
+  return /* @__PURE__ */ jsxs10(
+    "dialog",
+    {
+      ref: panel,
+      role: "dialog",
+      "aria-modal": expanded || void 0,
+      onKeyDown: (event) => {
+        if (!nativeDialog && expanded && event.key === "Escape") {
+          event.preventDefault();
+          setExpanded(false);
+          bridgeRef.current?.setHostContext({ displayMode: "inline" });
+        }
+      },
+      onCancel: () => {
+        setExpanded(false);
+        bridgeRef.current?.setHostContext({ displayMode: "inline" });
+      },
+      className: "blade-chat-mcp-app blade-mcp-app",
+      part: "mcp-app",
+      style: expanded ? {
+        position: "fixed",
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: "auto",
+        margin: 0,
+        padding: 0,
+        border: 0,
+        width: "min(100vw, 760px)",
+        height: "100%",
+        maxWidth: "none",
+        maxHeight: "none",
+        zIndex: 80,
+        background: "white",
+        boxShadow: "-4px 0 20px #0002",
+        display: "flex",
+        flexDirection: "column"
+      } : { position: "relative", margin: 0, padding: 0, width: "100%", maxWidth: "none", maxHeight: "none", border: "1px solid #d4d4d8", borderRadius: 6, overflow: "hidden", background: "white", display: nativeDialog ? void 0 : "block" },
+      children: [
+        /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "8px 12px", color: "#27272a" }, children: [
+          /* @__PURE__ */ jsx12("span", { children: title }),
+          /* @__PURE__ */ jsx12("button", { type: "button", onClick: toggle, title: expanded ? "\u6536\u8D77" : "\u5C55\u5F00", "aria-label": expanded ? "\u6536\u8D77" : "\u5C55\u5F00", style: { width: 32, height: 32, display: "grid", placeItems: "center", background: "transparent", border: 0, padding: 0 }, children: expanded ? /* @__PURE__ */ jsx12(Minimize2, { size: 16 }) : /* @__PURE__ */ jsx12(Maximize2, { size: 16 }) })
+        ] }),
+        error61 ? /* @__PURE__ */ jsx12("p", { role: "alert", style: { padding: 12, color: "#b91c1c" }, children: error61 }) : !ready ? /* @__PURE__ */ jsx12("output", { style: { padding: 12 }, children: "\u6B63\u5728\u52A0\u8F7D" }) : null,
+        /* @__PURE__ */ jsx12(
+          "iframe",
+          {
+            ref: frame,
+            title,
+            srcDoc: html,
+            sandbox: "allow-scripts allow-forms",
+            referrerPolicy: "no-referrer",
+            style: { width: "100%", height: expanded ? "100%" : height, flex: expanded ? 1 : void 0, border: 0 }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/McpAppCard.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var McpAppMessageContext = createContext4(null);
+function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: suppliedOnMessage }) {
+  const contextClient = useOptionalBladeClient();
+  const contextMessage = useContext4(McpAppMessageContext);
+  const client = suppliedClient ?? contextClient;
+  const onMessage = suppliedOnMessage ?? contextMessage;
+  const onMessageRef = useRef18(onMessage);
+  onMessageRef.current = onMessage;
+  const [surface, setSurface] = useState24({ resourceMeta: {} });
+  const [error61, setError] = useState24(null);
+  useEffect18(() => {
+    const controller = new AbortController();
+    let disposed = false;
+    let offChanged;
+    let refreshRevision = 0;
+    setError(null);
+    setSurface({ resourceMeta: {} });
+    const timer = window.setTimeout(() => {
+      if (!disposed) setError("\u5E94\u7528\u8FDE\u63A5\u8D85\u65F6");
+    }, 2e4);
+    const start = async () => {
+      if (!client) throw new Error("\u5E94\u7528\u4F1A\u8BDD\u4E0D\u53EF\u7528");
+      const archive = await client.sessions.getMcpApp(sessionId, sourceId, { signal: controller.signal });
+      if (disposed) return;
+      const handlers = { html: archive.html, resourceMeta: archive.resourceMeta, title: archive.plugin };
+      handlers.onReady = (bridge) => {
+        offChanged?.();
+        setError(null);
         const refresh = (restoreView = false) => {
           const revision = ++refreshRevision;
           void client.sessions.getMcpApp(sessionId, sourceId, { signal: controller.signal }).then(async (latest) => {
@@ -45948,7 +46134,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
       };
       const instance = randomId();
       const deliveredMessages = /* @__PURE__ */ new Set();
-      bridge.oncalltool = async (params, extra) => {
+      handlers.callTool = async (params, extra) => {
         if (disposed) throw new Error("\u5E94\u7528\u5DF2\u5173\u95ED");
         const requestId = `${instance}:${String(extra.mcpReq.id)}`;
         const callController = new AbortController();
@@ -45969,7 +46155,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
           for (const signal of signals) signal.removeEventListener("abort", abort);
         }
       };
-      bridge.onmessage = async ({ content: content3 }, extra) => {
+      handlers.sendMessage = async ({ content: content3 }, extra) => {
         if (disposed || !onMessageRef.current) throw new Error("\u5F53\u524D\u4F1A\u8BDD\u4E0D\u80FD\u63A5\u6536\u5E94\u7528\u6D88\u606F");
         const requestId = String(extra.mcpReq.id);
         if (deliveredMessages.has(requestId)) return {};
@@ -45984,7 +46170,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
       };
       const deliveredContextUpdates = /* @__PURE__ */ new Set();
       let contextUpdates = Promise.resolve();
-      bridge.onupdatemodelcontext = async ({ content: content3, structuredContent }, extra) => {
+      handlers.updateModelContext = async ({ content: content3, structuredContent }, extra) => {
         if (disposed) throw new Error("\u5E94\u7528\u5DF2\u5173\u95ED");
         const requestId = `${instance}:${String(extra.mcpReq.id)}`;
         if (deliveredContextUpdates.has(requestId)) return {};
@@ -46017,98 +46203,26 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
         contextUpdates = update.catch(() => void 0);
         return update;
       };
-      bridge.onrequestdisplaymode = async ({ mode }) => {
-        const next = mode === "fullscreen" ? "fullscreen" : "inline";
-        setExpanded(next === "fullscreen");
-        bridge?.setHostContext({ displayMode: next });
-        return { mode: next };
-      };
-      bridge.onsizechange = ({ height: next }) => {
-        if (next && Number.isFinite(next)) setHeight(Math.max(120, Math.min(1200, next)));
-      };
-      bridge.onopenlink = async ({ url: url2 }) => {
-        const target = new URL(url2);
-        if (!["https:", "http:"].includes(target.protocol) || target.username || target.password) throw new Error("\u94FE\u63A5\u65E0\u6548");
-        window.open(target.href, "_blank", "noopener,noreferrer");
-        return {};
-      };
-      await bridge.connect(new c(frame.current.contentWindow, frame.current.contentWindow));
-      if (!disposed) setHtml(secured);
+      window.clearTimeout(timer);
+      setSurface(handlers);
     };
     void start().catch((failure) => {
       window.clearTimeout(timer);
       if (!disposed) setError(failure instanceof Error ? failure.message : "\u5E94\u7528\u52A0\u8F7D\u5931\u8D25");
     });
-    const timer = window.setTimeout(() => {
-      if (!disposed && !bridge?.getAppCapabilities()) setError("\u5E94\u7528\u8FDE\u63A5\u8D85\u65F6");
-    }, 2e4);
     return () => {
       disposed = true;
+      window.clearTimeout(timer);
       controller.abort();
       offChanged?.();
-      window.clearTimeout(timer);
-      bridgeRef.current = null;
-      void bridge?.close();
     };
   }, [client, sessionId, sourceId]);
-  const toggle = () => {
-    setExpanded(!expanded);
-    bridgeRef.current?.setHostContext({ displayMode: expanded ? "inline" : "fullscreen" });
-  };
-  return /* @__PURE__ */ jsxs10(
-    "dialog",
-    {
-      ref: panel,
-      onCancel: () => {
-        setExpanded(false);
-        bridgeRef.current?.setHostContext({ displayMode: "inline" });
-      },
-      className: "blade-chat-mcp-app blade-mcp-app",
-      part: "mcp-app",
-      style: expanded ? {
-        position: "fixed",
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: "auto",
-        margin: 0,
-        padding: 0,
-        border: 0,
-        width: "min(100vw, 760px)",
-        height: "100%",
-        maxWidth: "none",
-        maxHeight: "none",
-        zIndex: 80,
-        background: "white",
-        boxShadow: "-4px 0 20px #0002",
-        display: "flex",
-        flexDirection: "column"
-      } : { position: "relative", margin: 0, padding: 0, width: "100%", maxWidth: "none", maxHeight: "none", border: "1px solid #d4d4d8", borderRadius: 6, overflow: "hidden", background: "white" },
-      children: [
-        /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "8px 12px", color: "#27272a" }, children: [
-          /* @__PURE__ */ jsx12("span", { children: title }),
-          /* @__PURE__ */ jsx12("button", { type: "button", onClick: toggle, title: expanded ? "\u6536\u8D77" : "\u5C55\u5F00", "aria-label": expanded ? "\u6536\u8D77" : "\u5C55\u5F00", style: { width: 32, height: 32, display: "grid", placeItems: "center", background: "transparent", border: 0, padding: 0 }, children: expanded ? /* @__PURE__ */ jsx12(Minimize2, { size: 16 }) : /* @__PURE__ */ jsx12(Maximize2, { size: 16 }) })
-        ] }),
-        error61 ? /* @__PURE__ */ jsx12("p", { role: "alert", style: { padding: 12, color: "#b91c1c" }, children: error61 }) : !ready ? /* @__PURE__ */ jsx12("output", { style: { padding: 12 }, children: "\u6B63\u5728\u52A0\u8F7D" }) : null,
-        /* @__PURE__ */ jsx12(
-          "iframe",
-          {
-            ref: frame,
-            title,
-            srcDoc: html,
-            sandbox: "allow-scripts allow-forms",
-            referrerPolicy: "no-referrer",
-            style: { width: "100%", height: expanded ? "100%" : height, flex: expanded ? 1 : void 0, border: 0 }
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx13(McpAppFrame, { ...surface, error: error61 });
 }
 
 // src/components/ChatInput.tsx
-import { useRef as useRef17, useState as useState23 } from "react";
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useRef as useRef19, useState as useState25 } from "react";
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
 }
@@ -46133,10 +46247,10 @@ function ChatInput({
   hasAttachments = false
 }) {
   const trimmed = value.trim();
-  const latestValue = useRef17(value);
+  const latestValue = useRef19(value);
   latestValue.current = value;
-  const sending = useRef17(false);
-  const [isSending2, setIsSending] = useState23(false);
+  const sending = useRef19(false);
+  const [isSending2, setIsSending] = useState25(false);
   void queueKey;
   const canSend = !isSending2 && (trimmed.length > 0 || hasAttachments) && (!isStreaming || queueWhileRunning && !hasAttachments && !isStopping);
   const handleSend = async () => {
@@ -46164,7 +46278,7 @@ function ChatInput({
       void handleSend();
     }
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       style: mergesWithPanelAbove ? { "--blade-chat-input-top-border": "0" } : void 0,
@@ -46186,7 +46300,7 @@ function ChatInput({
             innerClassName
           ),
           children: [
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "textarea",
               {
                 value,
@@ -46207,10 +46321,10 @@ function ChatInput({
                 )
               }
             ),
-            /* @__PURE__ */ jsx13("div", { part: "input-toolbar", className: cn("blade-chat-input-toolbar flex shrink-0 items-center gap-2", toolbarClassName), children: isStreaming ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
-              queueWhileRunning ? /* @__PURE__ */ jsx13("button", { type: "button", onClick: handleSend, disabled: !canSend, "aria-label": "\u52A0\u5165\u6392\u961F", title: "\u52A0\u5165\u6392\u961F", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] disabled:opacity-40", children: /* @__PURE__ */ jsx13(ArrowUp, { size: 15 }) }) : null,
-              /* @__PURE__ */ jsx13("button", { type: "button", onClick: onStop, disabled: isStopping, "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60", children: isStopping ? /* @__PURE__ */ jsx13(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx13(Square, { size: 12, fill: "currentColor" }) })
-            ] }) : /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14("div", { part: "input-toolbar", className: cn("blade-chat-input-toolbar flex shrink-0 items-center gap-2", toolbarClassName), children: isStreaming ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
+              queueWhileRunning ? /* @__PURE__ */ jsx14("button", { type: "button", onClick: handleSend, disabled: !canSend, "aria-label": "\u52A0\u5165\u6392\u961F", title: "\u52A0\u5165\u6392\u961F", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] disabled:opacity-40", children: /* @__PURE__ */ jsx14(ArrowUp, { size: 15 }) }) : null,
+              /* @__PURE__ */ jsx14("button", { type: "button", onClick: onStop, disabled: isStopping, "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60", children: isStopping ? /* @__PURE__ */ jsx14(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx14(Square, { size: 12, fill: "currentColor" }) })
+            ] }) : /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -46219,7 +46333,7 @@ function ChatInput({
                 "aria-label": "\u53D1\u9001\u6D88\u606F",
                 title: "\u53D1\u9001\u6D88\u606F",
                 className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
-                children: /* @__PURE__ */ jsx13(ArrowUp, { size: 15 })
+                children: /* @__PURE__ */ jsx14(ArrowUp, { size: 15 })
               }
             ) })
           ]
@@ -46230,16 +46344,16 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect17, useRef as useRef18, useState as useState24 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useRef as useRef20, useState as useState26 } from "react";
+import { jsx as jsx15, 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] = useState26("hidden");
+  const connectedRef = useRef20(connected);
+  const timersRef = useRef20([]);
   connectedRef.current = connected;
-  useEffect17(() => {
+  useEffect19(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -46279,14 +46393,14 @@ function useConnectionNoticePhase(connected) {
   return phase;
 }
 function ConnectionBanner({ connection, className }) {
-  const hasConnectedRef = useRef18(connection === "connected" || connection === "reconnecting");
+  const hasConnectedRef = useRef20(connection === "connected" || connection === "reconnecting");
   if (connection === "connected") hasConnectedRef.current = true;
   const connected = connection === "connected";
   const phase = useConnectionNoticePhase(connected);
   if (connected || phase === "hidden") return null;
   const recovering = phase === "recovering";
   const firstConnection = !hasConnectedRef.current;
-  return /* @__PURE__ */ jsx14("div", { part: "banner", className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx15("div", { part: "banner", className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -46294,10 +46408,10 @@ function ConnectionBanner({ connection, className }) {
         recovering ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
       ),
       children: [
-        /* @__PURE__ */ jsx14("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx14(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx14(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsx15("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx15(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx15(TriangleAlert, { size: 14 }) }),
         /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx14("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
-          /* @__PURE__ */ jsx14("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
+          /* @__PURE__ */ jsx15("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
+          /* @__PURE__ */ jsx15("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
         ] })
       ]
     }
@@ -46305,7 +46419,7 @@ function ConnectionBanner({ connection, className }) {
 }
 
 // src/components/BackgroundWakeNotice.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function BackgroundWakeNotice() {
   return /* @__PURE__ */ jsxs13(
     "div",
@@ -46313,10 +46427,10 @@ function BackgroundWakeNotice() {
       "data-background-wakeup": true,
       className: "my-3 flex items-start gap-2 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]",
       children: [
-        /* @__PURE__ */ jsx15(BellRing, { size: 14, className: "mt-0.5 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx16(BellRing, { size: 14, className: "mt-0.5 shrink-0", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxs13("div", { children: [
-          /* @__PURE__ */ jsx15("p", { className: "font-medium", children: "\u540E\u53F0\u4EFB\u52A1\u5DF2\u7ED3\u675F" }),
-          /* @__PURE__ */ jsx15("p", { className: "mt-0.5", children: "\u52A9\u624B\u5DF2\u81EA\u52A8\u7EE7\u7EED\u5904\u7406\u7ED3\u679C" })
+          /* @__PURE__ */ jsx16("p", { className: "font-medium", children: "\u540E\u53F0\u4EFB\u52A1\u5DF2\u7ED3\u675F" }),
+          /* @__PURE__ */ jsx16("p", { className: "mt-0.5", children: "\u52A9\u624B\u5DF2\u81EA\u52A8\u7EE7\u7EED\u5904\u7406\u7ED3\u679C" })
         ] })
       ]
     }
@@ -46327,14 +46441,14 @@ function BackgroundWakeNotice() {
 import { isBackgroundWakeMessage, isHiddenInternalMessage as isHiddenInternalMessage2 } from "@blade-hq/agent-client";
 import {
   useCallback as useCallback29,
-  useEffect as useEffect25,
+  useEffect as useEffect27,
   useMemo as useMemo16,
-  useRef as useRef27,
-  useState as useState33
+  useRef as useRef29,
+  useState as useState35
 } 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 useRef21, useState as useState27 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -46371,10 +46485,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] = useState27(false);
+  const [isAtBottom, updateIsAtBottom] = useState27(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState27(false);
+  const optionsRef = useRef21(null);
   optionsRef.current = options;
   const isSelecting = useCallback26(() => {
     if (!mouseDown) {
@@ -46678,11 +46792,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 useEffect20, useImperativeHandle, useLayoutEffect as useLayoutEffect5, useMemo as useMemo13, useRef as useRef22 } from "react";
 var StickToBottomContext = createContext5(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect5 : useEffect18;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect5 : useEffect20;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef20(null);
+  const customTargetScrollTop = useRef22(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -46761,23 +46875,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 { jsx as jsx16 } from "react/jsx-runtime";
+import { forwardRef as forwardRef3, useEffect as useEffect21, useImperativeHandle as useImperativeHandle2, useRef as useRef23, useState as useState28 } from "react";
+import { jsx as jsx17 } 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 = useRef23(null);
   useImperativeHandle2(ref, () => element2.current);
-  const [visible, setVisible] = useState26(false);
-  const [result, setResult] = useState26(null);
+  const [visible, setVisible] = useState28(false);
+  const [result, setResult] = useState28(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(() => {
+  useEffect21(() => {
     const node3 = element2.current;
     if (!node3 || !assetId) return;
     if (original || typeof IntersectionObserver === "undefined") {
@@ -46793,7 +46907,7 @@ var MessageImage = forwardRef3(function MessageImage2({ client: suppliedClient,
     observer.observe(node3);
     return () => observer.disconnect();
   }, [assetId, original]);
-  useEffect19(() => {
+  useEffect21(() => {
     if (!visible || !client || !sessionId || !assetId) return;
     let alive = true;
     let objectUrl = null;
@@ -46812,7 +46926,7 @@ var MessageImage = forwardRef3(function MessageImage2({ client: suppliedClient,
   }, [visible, client, scope, sessionId, assetId, original, source]);
   const current = result?.source === source && result.client === client ? result : null;
   const imageStyle = { aspectRatio: props.width && props.height ? `${props.width}/${props.height}` : void 0, ...style };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "img",
     {
       ...props,
@@ -46833,11 +46947,11 @@ 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 useEffect25, useRef as useRef27, useState as useState33 } from "react";
 
 // src/components/AgentTaskCard.tsx
-import { useEffect as useEffect20, useState as useState27 } from "react";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect22, useState as useState29 } from "react";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   running: "\u8FDB\u884C\u4E2D",
   waiting_input: "\u7B49\u5F85\u56DE\u7B54",
@@ -46847,8 +46961,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] = useState29(waiting);
+  useEffect22(() => {
     if (waiting) setOpen(true);
   }, [waiting]);
   return /* @__PURE__ */ jsxs14(
@@ -46866,28 +46980,28 @@ function AgentTaskCard({ title, status, activity, children, className, recordId
       ),
       children: [
         /* @__PURE__ */ jsxs14("summary", { className: "flex cursor-pointer list-none items-start gap-2.5 rounded-xl px-3 py-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] [&::-webkit-details-marker]:hidden", children: [
-          waiting ? /* @__PURE__ */ jsx17(CircleHelp, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-amber-600 motion-safe:animate-pulse" }) : /* @__PURE__ */ jsx17(Bot, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]" }),
+          waiting ? /* @__PURE__ */ jsx18(CircleHelp, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-amber-600 motion-safe:animate-pulse" }) : /* @__PURE__ */ jsx18(Bot, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]" }),
           /* @__PURE__ */ jsxs14("span", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs14("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-              /* @__PURE__ */ jsx17("span", { children: "\u5B50\u667A\u80FD\u4F53" }),
+              /* @__PURE__ */ jsx18("span", { children: "\u5B50\u667A\u80FD\u4F53" }),
               /* @__PURE__ */ jsxs14("span", { className: cn("inline-flex items-center gap-1", waiting && "font-semibold text-amber-600"), children: [
-                status === "running" ? /* @__PURE__ */ jsx17(LoaderCircle, { size: 12, "aria-hidden": "true", className: "motion-safe:animate-spin" }) : null,
+                status === "running" ? /* @__PURE__ */ jsx18(LoaderCircle, { size: 12, "aria-hidden": "true", className: "motion-safe:animate-spin" }) : null,
                 STATUS_LABELS[status]
               ] })
             ] }),
-            /* @__PURE__ */ jsx17("span", { className: "mt-1 block break-words text-sm font-medium text-[hsl(var(--foreground))]", children: title }),
-            activity ? /* @__PURE__ */ jsx17("span", { className: "mt-1 block truncate text-xs text-[hsl(var(--muted-foreground))]", title: activity, children: activity }) : null
+            /* @__PURE__ */ jsx18("span", { className: "mt-1 block break-words text-sm font-medium text-[hsl(var(--foreground))]", children: title }),
+            activity ? /* @__PURE__ */ jsx18("span", { className: "mt-1 block truncate text-xs text-[hsl(var(--muted-foreground))]", title: activity, children: activity }) : null
           ] }),
-          /* @__PURE__ */ jsx17(ChevronRight, { size: 15, "aria-hidden": "true", className: cn("mt-1 shrink-0 text-[hsl(var(--muted-foreground))] transition-transform motion-reduce:transition-none", open2 && "rotate-90") })
+          /* @__PURE__ */ jsx18(ChevronRight, { size: 15, "aria-hidden": "true", className: cn("mt-1 shrink-0 text-[hsl(var(--muted-foreground))] transition-transform motion-reduce:transition-none", open2 && "rotate-90") })
         ] }),
-        /* @__PURE__ */ jsx17("div", { className: "min-w-0 border-t border-[hsl(var(--border))] px-3 py-2", children })
+        /* @__PURE__ */ jsx18("div", { className: "min-w-0 border-t border-[hsl(var(--border))] px-3 py-2", children })
       ]
     }
   );
 }
 
 // src/components/AgentLoopBlock.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -46898,14 +47012,14 @@ function parseAgentDescription(argumentsJson) {
 }
 function AgentLoopBlock({ toolCall, className }) {
   const status = toolCall.status === "awaiting_answer" ? "waiting_input" : toolCall.status === "pending" ? "running" : toolCall.status === "error" ? "failed" : toolCall.status === "cancelled" ? "cancelled" : "completed";
-  return /* @__PURE__ */ jsx18(AgentTaskCard, { title: parseAgentDescription(toolCall.arguments), status, className, children: toolCall.result != null ? /* @__PURE__ */ jsx18("div", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap break-words text-xs text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : /* @__PURE__ */ jsx18("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: status === "waiting_input" ? "\u8BF7\u56DE\u7B54\u5BF9\u8BDD\u4E2D\u7684\u95EE\u9898\uFF0C\u5B50\u667A\u80FD\u4F53\u4F1A\u7EE7\u7EED\u5904\u7406\u3002" : status === "running" ? "\u5B50\u667A\u80FD\u4F53\u6B63\u5728\u5904\u7406\u4EFB\u52A1\u3002" : "\u6682\u65E0\u6267\u884C\u7ED3\u679C\u3002" }) });
+  return /* @__PURE__ */ jsx19(AgentTaskCard, { title: parseAgentDescription(toolCall.arguments), status, className, children: toolCall.result != null ? /* @__PURE__ */ jsx19("div", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap break-words text-xs text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : /* @__PURE__ */ jsx19("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: status === "waiting_input" ? "\u8BF7\u56DE\u7B54\u5BF9\u8BDD\u4E2D\u7684\u95EE\u9898\uFF0C\u5B50\u667A\u80FD\u4F53\u4F1A\u7EE7\u7EED\u5904\u7406\u3002" : status === "running" ? "\u5B50\u667A\u80FD\u4F53\u6B63\u5728\u5904\u7406\u4EFB\u52A1\u3002" : "\u6682\u65E0\u6267\u884C\u7ED3\u679C\u3002" }) });
 }
 
 // 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 useRef25, useState as useState30 } from "react";
 
 // src/components/markdown/index.ts
-import { createElement as createElement7, useRef as useRef22 } from "react";
+import { createElement as createElement7, useRef as useRef24 } 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 +55897,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 = useRef24(createParseCache());
+  const blockCacheRef = useRef24(/* @__PURE__ */ new WeakMap());
+  const groupIdentityMapRef = useRef24(/* @__PURE__ */ new WeakMap());
+  const rendererConfigRef = useRef24(null);
   const previousConfig = rendererConfigRef.current;
   if (!previousConfig || previousConfig.allowedTags !== allowedTags || previousConfig.components !== components || previousConfig.rawHtmlPlugins !== rawHtmlPlugins || previousConfig.codeBlockOverrides !== codeBlockOverrides) {
     blockCacheRef.current = /* @__PURE__ */ new WeakMap();
@@ -55827,7 +55941,7 @@ function MarkdownRenderer({
 }
 
 // src/components/MarkdownContent.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 var INCOMPLETE_SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*$/i;
 function findCodeRanges(text4) {
@@ -55871,8 +55985,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 = useRef25(null);
+  const [copied, setCopied] = useState30(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] ?? "";
@@ -55885,7 +55999,7 @@ function CodeBlockPre({ children, ...props }) {
   };
   return /* @__PURE__ */ jsxs15("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
     /* @__PURE__ */ jsxs15("div", { className: "blade-chat-codeblock-header flex h-[34px] items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] pl-3.5 pr-1.5", children: [
-      /* @__PURE__ */ jsx19("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsx20("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
       /* @__PURE__ */ jsxs15(
         "button",
         {
@@ -55896,13 +56010,13 @@ function CodeBlockPre({ children, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx19(Check, { size: 12 }) : /* @__PURE__ */ jsx19(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx19("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx20(Check, { size: 12 }) : /* @__PURE__ */ jsx20(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx20("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       "pre",
       {
         ref: preRef,
@@ -55915,9 +56029,9 @@ function CodeBlockPre({ children, ...props }) {
 }
 function ExternalAnchor({ children, href, ...props }) {
   if (typeof href === "string" && href.startsWith("#")) {
-    return /* @__PURE__ */ jsx19("a", { ...props, href, children });
+    return /* @__PURE__ */ jsx20("a", { ...props, href, children });
   }
-  return /* @__PURE__ */ jsx19("a", { ...props, href, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx20("a", { ...props, href, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
@@ -55927,7 +56041,7 @@ function MarkdownContent({ children, className, mode, sessionId }) {
   const resolvedChildren = useMemo14(() => {
     return normalizeAdjacentUrlFormatting(stripSystemReminders(children));
   }, [children]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     MarkdownRenderer,
     {
       className: cn("blade-chat-markdown break-words", className),
@@ -55941,14 +56055,14 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx20("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx21("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect21, useMemo as useMemo15, useRef as useRef24, useState as useState29 } from "react";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect23, useMemo as useMemo15, useRef as useRef26, useState as useState31 } from "react";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
   textarea.style.height = "auto";
@@ -55956,12 +56070,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 = useRef26(null);
+  useEffect23(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect21(() => {
+  useEffect23(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -55988,12 +56102,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] = useState31(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState31(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState31(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState31("");
+  const [submitted, setSubmitted] = useState31(false);
+  useEffect23(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -56106,7 +56220,7 @@ ${parts.join("\n")}`,
           data.source_loop.description,
           "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
         ] }),
-        data.questions.map((q2, qIdx) => /* @__PURE__ */ jsx21(
+        data.questions.map((q2, qIdx) => /* @__PURE__ */ jsx22(
           QuestionCard,
           {
             question: q2,
@@ -56122,7 +56236,7 @@ ${parts.join("\n")}`,
           },
           q2.question
         )),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           NoteField,
           {
             answered,
@@ -56131,7 +56245,7 @@ ${parts.join("\n")}`,
             onChange: setNote
           }
         ),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx21(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -56148,7 +56262,7 @@ ${parts.join("\n")}`,
             disabled: true,
             className: "flex w-full items-center justify-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] opacity-80",
             children: [
-              /* @__PURE__ */ jsx21(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx22(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -56173,21 +56287,21 @@ function QuestionCard({
   const customTextareaRef = useAutoResizeTextarea(customText);
   return /* @__PURE__ */ jsxs16("div", { children: [
     /* @__PURE__ */ jsxs16("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx21(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx22(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
@@ -56210,14 +56324,14 @@ function QuestionCard({
               optionClassName
             ),
             children: [
-              multi && /* @__PURE__ */ jsx21(
+              multi && /* @__PURE__ */ jsx22(
                 "div",
                 {
                   className: cn(
                     "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",
                     isSel && !answered ? "border-[hsl(var(--primary-foreground)/0.6)] bg-[hsl(var(--primary-foreground)/0.2)]" : isSel ? "border-[hsl(var(--primary)/0.45)] bg-[hsl(var(--primary)/0.12)]" : "border-[hsl(var(--border))]"
                   ),
-                  children: isSel && /* @__PURE__ */ jsx21(
+                  children: isSel && /* @__PURE__ */ jsx22(
                     Check,
                     {
                       size: 9,
@@ -56227,8 +56341,8 @@ function QuestionCard({
                 }
               ),
               /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx21("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx22(
                   "div",
                   {
                     className: cn(
@@ -56255,8 +56369,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx21("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx22(
               "textarea",
               {
                 ref: customTextareaRef,
@@ -56298,8 +56412,8 @@ function NoteField({
         readOnly && "cursor-default opacity-70"
       ),
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx22(
           "textarea",
           {
             ref: textareaRef,
@@ -56388,7 +56502,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -56415,7 +56529,7 @@ function ToolCallBlock({
   const customQuestion = normalizedName === "AskUserQuestion" ? renderers?.askUserQuestion : void 0;
   const customToolCall = normalizedName === "AskUserQuestion" && customQuestion ? null : renderers?.toolCall?.(toolCall);
   if (customToolCall !== null && customToolCall !== void 0) {
-    return /* @__PURE__ */ jsx22(Fragment7, { children: customToolCall });
+    return /* @__PURE__ */ jsx23(Fragment7, { children: customToolCall });
   }
   if (normalizedName === "AskUserQuestion") {
     const askData = parseAskUserQuestion(typeof toolCall.result === "string" ? toolCall.result : null) ?? parseAskUserQuestion(buildAskUserPayload(toolCall.arguments));
@@ -56437,9 +56551,9 @@ function ToolCallBlock({
       };
       const customAsk = customQuestion?.(answerProps);
       if (customAsk !== null && customAsk !== void 0) {
-        return /* @__PURE__ */ jsx22(Fragment7, { children: customAsk });
+        return /* @__PURE__ */ jsx23(Fragment7, { children: customAsk });
       }
-      return /* @__PURE__ */ jsx22(
+      return /* @__PURE__ */ jsx23(
         AskUserQuestionBlock,
         {
           ...answerProps,
@@ -56458,8 +56572,8 @@ function ToolCallBlock({
             classNames?.askCard
           ),
           children: [
-            /* @__PURE__ */ jsx22(LoaderCircle, { size: 14, className: "animate-spin" }),
-            /* @__PURE__ */ jsx22("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+            /* @__PURE__ */ jsx23(LoaderCircle, { size: 14, className: "animate-spin" }),
+            /* @__PURE__ */ jsx23("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
           ]
         }
       );
@@ -56476,11 +56590,11 @@ function ToolCallBlock({
           classNames?.askCard
         ),
         children: [
-          /* @__PURE__ */ jsx22("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-          /* @__PURE__ */ jsx22("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
+          /* @__PURE__ */ jsx23("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+          /* @__PURE__ */ jsx23("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
           errorDetail?.detail ? /* @__PURE__ */ jsxs17("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx22("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
-            /* @__PURE__ */ jsx22("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
+            /* @__PURE__ */ jsx23("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
+            /* @__PURE__ */ jsx23("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
           ] }) : null
         ]
       }
@@ -56501,17 +56615,17 @@ function buildAskUserPayload(argumentsJson) {
 
 // src/components/ToolUiCardView.tsx
 import { resolveToolUiCardContent } from "@blade-hq/agent-client";
-import { useEffect as useEffect22, useState as useState30 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useState as useState32 } from "react";
+import { jsx as jsx24, 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;
+  if (card.mcpApp) return sessionId ? /* @__PURE__ */ jsx24(McpAppCard, { sessionId, sourceId: card.mcpApp.sourceId }) : null;
   const resolved = resolveToolUiCardContent(card);
   if (!resolved) return null;
   if (resolved.type === "resource-file") {
-    return sessionId ? /* @__PURE__ */ jsx23(FileCard, { card, sessionId, path: resolved.content }, `${sessionId}:${resolved.content}`) : null;
+    return sessionId ? /* @__PURE__ */ jsx24(FileCard, { card, sessionId, path: resolved.content }, `${sessionId}:${resolved.content}`) : null;
   }
   const sandbox = resolved.type === "resource-uri" ? "allow-scripts allow-same-origin" : "allow-scripts";
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "iframe",
     {
       title: card.title ?? "\u5DE5\u5177\u754C\u9762",
@@ -56528,10 +56642,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] = useState32(null);
+  const [failed, setFailed] = useState32(false);
+  const [refreshVersion, setRefreshVersion] = useState32(0);
+  useEffect24(() => {
     const abort = new AbortController();
     setHtml(null);
     setFailed(false);
@@ -56551,7 +56665,7 @@ function FileCard({ card, sessionId, path: path2 }) {
     `${client.options.baseUrl.replace(/\/$/, "")}/`
   ).href;
   return /* @__PURE__ */ jsxs18("div", { children: [
-    /* @__PURE__ */ jsx23("div", { className: "flex justify-end py-2", children: /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24("div", { className: "flex justify-end py-2", children: /* @__PURE__ */ jsx24(
       "button",
       {
         type: "button",
@@ -56561,7 +56675,7 @@ function FileCard({ card, sessionId, path: path2 }) {
         children: "\u5237\u65B0"
       }
     ) }),
-    failed ? /* @__PURE__ */ jsx23("p", { role: "alert", children: "\u65E0\u6CD5\u6253\u5F00\u6587\u4EF6\uFF0C\u6587\u4EF6\u53EF\u80FD\u5DF2\u79FB\u52A8\u6216\u5220\u9664\u3002" }) : html === null ? /* @__PURE__ */ jsx23("p", { children: "\u6B63\u5728\u6253\u5F00\u6587\u4EF6\u2026" }) : /* @__PURE__ */ jsx23(
+    failed ? /* @__PURE__ */ jsx24("p", { role: "alert", children: "\u65E0\u6CD5\u6253\u5F00\u6587\u4EF6\uFF0C\u6587\u4EF6\u53EF\u80FD\u5DF2\u79FB\u52A8\u6216\u5220\u9664\u3002" }) : html === null ? /* @__PURE__ */ jsx24("p", { children: "\u6B63\u5728\u6253\u5F00\u6587\u4EF6\u2026" }) : /* @__PURE__ */ jsx24(
       "iframe",
       {
         title: card.title ?? "\u6587\u4EF6\u9884\u89C8",
@@ -56591,13 +56705,13 @@ ${html}`;
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function ThinkingBlock({
   reasoning,
   isStreaming,
   className
 }) {
-  const [open2, setOpen] = useState31(false);
+  const [open2, setOpen] = useState33(false);
   if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs19("div", { part: "thinking", className: cn("blade-chat-thinking ml-4 text-xs", className), children: [
     /* @__PURE__ */ jsxs19(
@@ -56608,8 +56722,8 @@ function ThinkingBlock({
         "aria-expanded": open2,
         className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx24(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          /* @__PURE__ */ jsx25(
             ChevronRight,
             {
               size: 14,
@@ -56622,7 +56736,7 @@ function ThinkingBlock({
         ]
       }
     ),
-    open2 ? /* @__PURE__ */ jsx24("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
+    open2 ? /* @__PURE__ */ jsx25("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
@@ -56686,6 +56800,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) {
@@ -56814,7 +56930,7 @@ function ExecutionToolRow({
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx24(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx24(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx24(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx24(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx24(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx24(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx24(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx24(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx24(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx24(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx25(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx25(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx25(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx25(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx25(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx25(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx25(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx25(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx25(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx25(Wrench, { className: iconClass, "aria-hidden": "true" });
   const rowClassName = cn(
     "flex min-w-0 items-center gap-1 min-h-7 text-xs leading-5",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
@@ -56828,7 +56944,7 @@ function ExecutionToolRow({
       title: label,
       children: [
         icon,
-        /* @__PURE__ */ jsx24("span", { className: "min-w-0 truncate", children: label })
+        /* @__PURE__ */ jsx25("span", { className: "min-w-0 truncate", children: label })
       ]
     }
   );
@@ -56877,12 +56993,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState31(
+  const [displayMode, setDisplayMode] = useState33(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef25(false);
-  const wasStreamingRef = useRef25(isStreaming);
-  useEffect23(() => {
+  const userSelectedDisplayModeRef = useRef27(false);
+  const wasStreamingRef = useRef27(isStreaming);
+  useEffect25(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -56890,22 +57006,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) {
@@ -56916,15 +57033,15 @@ function AssistantTurnBlock({
         part: "assistant-turn",
         className: cn("blade-chat-assistant-turn flex flex-col gap-3", classNames?.assistantTurn),
         children: [
-          memoryRefs.length > 0 ? /* @__PURE__ */ jsx24(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
-          hasInterrupted && /* @__PURE__ */ jsx24("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
-          hasFailedWithoutContent && /* @__PURE__ */ jsx24("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+          memoryRefs.length > 0 ? /* @__PURE__ */ jsx25(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
+          hasInterrupted && /* @__PURE__ */ jsx25("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
+          hasFailedWithoutContent && /* @__PURE__ */ jsx25("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
           messages.map((message, index3) => {
-            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx24(
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx25(
               "div",
               {
                 className: "flex flex-col gap-3",
-                children: /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx25(
                   AssistantMessageContent,
                   {
                     message,
@@ -56938,7 +57055,7 @@ function AssistantTurnBlock({
               message.entry_id ?? `${message.timestamp ?? "assistant"}-${index3}`
             ) : null;
           }),
-          inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx24(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null
+          inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx25(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null
         ]
       }
     );
@@ -56950,16 +57067,16 @@ function AssistantTurnBlock({
       part: "assistant-turn",
       className: cn("blade-chat-assistant-turn flex flex-col gap-3", classNames?.assistantTurn),
       children: [
-        memoryRefs.length > 0 ? /* @__PURE__ */ jsx24(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
-        hasInterrupted && /* @__PURE__ */ jsx24("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
-        hasFailedWithoutContent && /* @__PURE__ */ jsx24("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+        memoryRefs.length > 0 ? /* @__PURE__ */ jsx25(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
+        hasInterrupted && /* @__PURE__ */ jsx25("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
+        hasFailedWithoutContent && /* @__PURE__ */ jsx25("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
         /* @__PURE__ */ jsxs19("div", { className: "flex w-full items-start gap-2.5", children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             "span",
             {
               className: "grid size-[30px] shrink-0 place-items-center rounded-full bg-[hsl(var(--muted)/0.55)] text-[hsl(var(--foreground))]",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx24(Bot, { size: 16 })
+              children: /* @__PURE__ */ jsx25(Bot, { size: 16 })
             }
           ),
           /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1 pt-0.5", children: [
@@ -56976,14 +57093,14 @@ function AssistantTurnBlock({
                 "data-testid": "assistant-execution-summary",
                 className: "inline-flex min-w-0 max-w-full select-none items-center gap-1 bg-transparent p-0 text-left text-xs leading-[22px] text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
                 children: [
-                  /* @__PURE__ */ jsx24("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
+                  /* @__PURE__ */ jsx25("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
                     messages,
                     isStreaming,
                     durationMs: liveExecutionDurationMs,
                     sessionStatus,
                     askAnswers
                   }) }),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx25(
                     ChevronRight,
                     {
                       size: 14,
@@ -56998,10 +57115,10 @@ function AssistantTurnBlock({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx24("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
+            /* @__PURE__ */ jsx25("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
           ] })
         ] }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx24("div", { className: "ml-10 flex flex-col gap-1", children: messages.map((message, index3) => {
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx25("div", { className: "ml-10 flex flex-col gap-1", children: messages.map((message, index3) => {
           const isLast = index3 === messages.length - 1;
           const streamingThis = isStreaming && isLast;
           const text4 = getMessageText(message);
@@ -57016,7 +57133,7 @@ function AssistantTurnBlock({
             {
               className: "flex flex-col gap-1",
               children: [
-                showReasoning && message.reasoning ? /* @__PURE__ */ jsx24(
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx25(
                   ThinkingBlock,
                   {
                     reasoning: message.reasoning,
@@ -57025,7 +57142,7 @@ function AssistantTurnBlock({
                   }
                 ) : null,
                 orderedParts.length > 0 ? orderedParts.map(
-                  (part) => part.type === "text" ? /* @__PURE__ */ jsx24(
+                  (part) => part.type === "text" ? /* @__PURE__ */ jsx25(
                     AssistantMessageContent,
                     {
                       message: { ...message, content: part.content, tool_calls: turnToolCalls },
@@ -57036,9 +57153,9 @@ function AssistantTurnBlock({
                       renderers
                     },
                     part.key
-                  ) : /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-1", children: part.toolCalls.map((toolCall) => {
+                  ) : /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1", children: part.toolCalls.map((toolCall) => {
                     const custom2 = renderers?.toolCall?.(toolCall);
-                    return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx24("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx24(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx24(
+                    return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx25("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx25(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx25(
                       ExecutionToolRow,
                       {
                         toolCall,
@@ -57047,7 +57164,7 @@ function AssistantTurnBlock({
                       toolCall.id
                     );
                   }) }, part.key)
-                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx24(
+                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx25(
                   AssistantMessageContent,
                   {
                     message,
@@ -57058,9 +57175,9 @@ function AssistantTurnBlock({
                     renderers
                   }
                 ) : null,
-                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-1", children: toolCalls.map((toolCall) => {
+                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1", children: toolCalls.map((toolCall) => {
                   const custom2 = renderers?.toolCall?.(toolCall);
-                  return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx24("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx24(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx24(
+                  return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx25("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx25(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx25(
                     ExecutionToolRow,
                     {
                       toolCall,
@@ -57069,14 +57186,14 @@ function AssistantTurnBlock({
                     toolCall.id
                   );
                 }) }) : null,
-                messageToolUiCards.map((entry) => /* @__PURE__ */ jsx24(ToolUiCardView, { card: entry.card, sessionId }, entry.key))
+                messageToolUiCards.map((entry) => /* @__PURE__ */ jsx25(ToolUiCardView, { card: entry.card, sessionId }, entry.key))
               ]
             },
             message.entry_id ?? `${message.timestamp ?? "assistant"}-${index3}`
           );
         }) }) : null,
-        effectiveMode === "compact" && inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "ml-10 flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx24(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null,
-        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx24("div", { className: "ml-10", children: /* @__PURE__ */ jsx24(
+        effectiveMode === "compact" && inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "ml-10 flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx25(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null,
+        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx25("div", { className: "ml-10", children: /* @__PURE__ */ jsx25(
           AssistantMessageContent,
           {
             message: finalMessage,
@@ -57086,7 +57203,7 @@ function AssistantTurnBlock({
             renderers
           }
         ) }) : null,
-        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx24(
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx25(
           ToolCallBlock,
           {
             toolCall,
@@ -57112,22 +57229,22 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs, className }) {
-  const [expanded, setExpanded] = useState31(false);
+  const [expanded, setExpanded] = useState33(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: [
-      /* @__PURE__ */ jsx24(BookOpen, { size: 12 }),
+      /* @__PURE__ */ jsx25(BookOpen, { size: 12 }),
       /* @__PURE__ */ jsxs19("span", { children: [
         label,
         "\uFF08",
         refs.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ jsx24(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
+      /* @__PURE__ */ jsx25(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
     ] }),
-    expanded ? /* @__PURE__ */ jsx24("div", { className: "mt-2 flex flex-col gap-2 rounded-xl border border-[hsl(var(--border)/0.8)] bg-[hsl(var(--muted)/0.28)] p-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs19("div", { className: "rounded-lg border border-[hsl(var(--border)/0.55)] bg-[hsl(var(--background)/0.72)] px-3 py-2.5 text-xs", children: [
-      /* @__PURE__ */ jsx24("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
-      ref.skill_name ? /* @__PURE__ */ jsx24("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
+    expanded ? /* @__PURE__ */ jsx25("div", { className: "mt-2 flex flex-col gap-2 rounded-xl border border-[hsl(var(--border)/0.8)] bg-[hsl(var(--muted)/0.28)] p-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs19("div", { className: "rounded-lg border border-[hsl(var(--border)/0.55)] bg-[hsl(var(--background)/0.72)] px-3 py-2.5 text-xs", children: [
+      /* @__PURE__ */ jsx25("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
+      ref.skill_name ? /* @__PURE__ */ jsx25("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
     ] }, ref.id)) }) : null
   ] });
 }
@@ -57143,9 +57260,9 @@ function AssistantMessageContent({
   const imageParts = getImageParts(message.content);
   const fileParts = getFileParts(message.content);
   const failed = message.status === "failed";
-  const failedBadge = failed ? /* @__PURE__ */ jsx24("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
+  const failedBadge = failed ? /* @__PURE__ */ jsx25("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
   const customText = text4 ? renderers?.assistantText?.({ message, streaming, compact, sessionId }) : void 0;
-  const textContent = text4 ? customText ?? /* @__PURE__ */ jsx24(
+  const textContent = text4 ? customText ?? /* @__PURE__ */ jsx25(
     "div",
     {
       part: "assistant-text",
@@ -57154,7 +57271,7 @@ function AssistantMessageContent({
         compact ? "text-xs leading-[22px] text-[hsl(var(--foreground))]" : "text-[15px] leading-8 text-[hsl(var(--foreground))]",
         classNames?.assistantText
       ),
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx25(
         MarkdownContent,
         {
           mode: streaming ? "streaming" : "static",
@@ -57174,7 +57291,7 @@ function AssistantMessageContent({
   }
   return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
     failedBadge,
-    imageParts.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx24(
+    imageParts.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx25(
       MessageImage,
       {
         src: part.image_url.url,
@@ -57185,7 +57302,7 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }) : null,
-    fileParts.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs19(
+    fileParts.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs19(
       "div",
       {
         part: "file-card",
@@ -57195,8 +57312,8 @@ function AssistantMessageContent({
         ),
         title: part.name,
         children: [
-          /* @__PURE__ */ jsx24(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
-          /* @__PURE__ */ jsx24("span", { className: "blade-chat-file-card-name max-w-56 truncate", children: part.name })
+          /* @__PURE__ */ jsx25(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
+          /* @__PURE__ */ jsx25("span", { className: "blade-chat-file-card-name max-w-56 truncate", children: part.name })
         ]
       },
       `${part.name}-${part.data.slice(0, 32)}`
@@ -57207,7 +57324,7 @@ function AssistantMessageContent({
 
 // src/components/RenderErrorBoundary.tsx
 import { Component as Component2 } from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -57240,8 +57357,8 @@ var RenderErrorBoundary = class extends Component2 {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx25("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx25(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+    return /* @__PURE__ */ jsx26("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx26(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
       /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxs20("div", { className: "font-medium", children: [
           label,
@@ -57251,15 +57368,15 @@ var RenderErrorBoundary = class extends Component2 {
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error61.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx25("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx26("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback28, useEffect as useEffect24, useRef as useRef26, useState as useState32 } from "react";
-import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useCallback as useCallback28, useEffect as useEffect26, useRef as useRef28, useState as useState34 } from "react";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -57278,7 +57395,7 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState32(false);
+  const [downloading, setDownloading] = useState34(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
     return /* @__PURE__ */ jsxs21(
@@ -57292,9 +57409,9 @@ function ArtifactCard({
 ${artifact.target}`,
         className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))]",
         children: [
-          /* @__PURE__ */ jsx26(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx26("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx26(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx27(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx27("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx27(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
@@ -57329,7 +57446,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "a",
     {
       href: downloadUrl,
@@ -57384,15 +57501,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] = useState34(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState34(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState34(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState34(false);
+  const [saveError, setSaveError] = useState34(false);
+  const reportedShown = useRef28(false);
+  const latestChoice = useRef28(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect24(() => {
+  useEffect26(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -57401,7 +57518,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect24(() => {
+  useEffect26(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -57448,9 +57565,9 @@ function ResultFeedback({
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx26("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
+        /* @__PURE__ */ jsx27("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
         /* @__PURE__ */ jsxs21("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -57461,7 +57578,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -57473,7 +57590,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx26("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx26(
+        helpful === false ? /* @__PURE__ */ jsx27("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx27(
           "button",
           {
             type: "button",
@@ -57486,8 +57603,8 @@ function ResultFeedback({
           item.value
         )) }) : null,
         saveError ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx26("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -57499,7 +57616,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx26("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx27("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -57515,14 +57632,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] = useState34(false);
+  const adopted = useRef28(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef28(false);
+  const reportedArtifacts = useRef28(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef28(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect24(() => {
+  useEffect26(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -57579,12 +57696,12 @@ function PostChatFollowupBlock({
       children: [
         followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs21("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx26(Sparkles, { size: 14 }),
+            /* @__PURE__ */ jsx27(Sparkles, { size: 14 }),
             "\u672C\u8F6E\u5C0F\u7ED3"
           ] }),
-          followup.recaption ? /* @__PURE__ */ jsx26("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+          followup.recaption ? /* @__PURE__ */ jsx27("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
           artifacts.length > 0 ? /* @__PURE__ */ jsxs21(Fragment8, { children: [
-            /* @__PURE__ */ jsx26("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx27(
               ArtifactCard,
               {
                 artifact,
@@ -57605,14 +57722,14 @@ function PostChatFollowupBlock({
                 className: "flex w-fit items-center gap-0.5 text-[11px] text-[hsl(var(--muted-foreground))]",
                 children: [
                   expanded ? "\u6536\u8D77" : `\u5C55\u5F00 ${artifacts.length - 3} \u4E2A`,
-                  /* @__PURE__ */ jsx26(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+                  /* @__PURE__ */ jsx27(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
                 ]
               }
             ) : null
           ] }) : null
         ] }) : null,
         followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs21("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx26("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+          /* @__PURE__ */ jsx27("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
           followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs21(
             "button",
             {
@@ -57636,14 +57753,14 @@ function PostChatFollowupBlock({
                 suggestionClassName
               ),
               children: [
-                /* @__PURE__ */ jsx26("span", { children: suggestion }),
-                /* @__PURE__ */ jsx26(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+                /* @__PURE__ */ jsx27("span", { children: suggestion }),
+                /* @__PURE__ */ jsx27(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
               ]
             },
             suggestion
           ))
         ] }) : null,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           ResultFeedback,
           {
             followup,
@@ -57720,31 +57837,31 @@ function parseWhatIfPrompt(text4) {
 }
 
 // src/components/WhatIfUserBubble.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { fromStep, quotes, userText } = parsed;
   return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-2", children: [
     /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.5)] px-2.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx27(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx27("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+      /* @__PURE__ */ jsx28(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx28("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx27("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index3) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index3) => {
       const clickable = quote.stepNumber != null && !!onQuoteClick;
       const label = quote.stepNumber != null ? `\u6B65\u9AA4${quote.stepNumber} \xB7 ${quote.label}` : quote.label;
       return /* @__PURE__ */ jsxs22("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
         /* @__PURE__ */ jsxs22("button", { type: "button", disabled: !clickable, onClick: () => clickable && onQuoteClick(quote.stepNumber), className: "inline-flex max-w-full items-center gap-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:cursor-default", title: clickable ? "\u8DF3\u8F6C\u5230\u5BF9\u5E94\u6B65\u9AA4\u5361\u7247" : void 0, children: [
-          /* @__PURE__ */ jsx27("span", { children: "\u21B3" }),
-          /* @__PURE__ */ jsx27("span", { className: "truncate", children: label })
+          /* @__PURE__ */ jsx28("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx28("span", { className: "truncate", children: label })
         ] }),
-        quote.snapshot ? /* @__PURE__ */ jsx27("div", { className: "mt-1 border-l-2 border-[hsl(var(--accent-foreground)/0.35)] pl-2 text-xs leading-relaxed text-[hsl(var(--foreground)/0.8)]", children: /* @__PURE__ */ jsx27(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+        quote.snapshot ? /* @__PURE__ */ jsx28("div", { className: "mt-1 border-l-2 border-[hsl(var(--accent-foreground)/0.35)] pl-2 text-xs leading-relaxed text-[hsl(var(--foreground)/0.8)]", children: /* @__PURE__ */ jsx28(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
       ] }, `${quote.stepNumber ?? "x"}-${index3}`);
     }) }),
-    userText && /* @__PURE__ */ jsx27("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx27(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+    userText && /* @__PURE__ */ jsx28("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx28(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
   ] });
 }
 
 // src/components/UserMessageBubble.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -57759,17 +57876,17 @@ function UserMessageBubble({ message, classNames, renderers }) {
   const whatifParsed = text4 && imageParts.length === 0 && fileParts.length === 0 ? parseWhatIfPrompt(text4) : null;
   const customBubble = renderers?.userMessage?.({ message });
   if (whatifParsed) {
-    return /* @__PURE__ */ jsx28("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsx28("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: customBubble ?? /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsx29("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: customBubble ?? /* @__PURE__ */ jsx29(
       "div",
       {
         part: "user-bubble",
         className: cn("blade-chat-user-bubble", classNames?.userBubble),
-        children: /* @__PURE__ */ jsx28(WhatIfUserBubble, { parsed: whatifParsed })
+        children: /* @__PURE__ */ jsx29(WhatIfUserBubble, { parsed: whatifParsed })
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx28("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsxs23("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx28("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsxs23("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx29("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx29(
       MessageImage,
       {
         src: part.image_url.url,
@@ -57780,7 +57897,7 @@ function UserMessageBubble({ message, classNames, renderers }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs23(
+    fileParts.length > 0 && /* @__PURE__ */ jsx29("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs23(
       "div",
       {
         part: "file-card",
@@ -57789,13 +57906,13 @@ function UserMessageBubble({ message, classNames, renderers }) {
           classNames?.fileCard
         ),
         children: [
-          /* @__PURE__ */ jsx28(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
-          /* @__PURE__ */ jsx28("span", { className: "blade-chat-file-card-name max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx29(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
+          /* @__PURE__ */ jsx29("span", { className: "blade-chat-file-card-name max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text4 && (customBubble ?? /* @__PURE__ */ jsx28(
+    text4 && (customBubble ?? /* @__PURE__ */ jsx29(
       "div",
       {
         part: "user-bubble",
@@ -57803,12 +57920,12 @@ function UserMessageBubble({ message, classNames, renderers }) {
           "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]",
           classNames?.userBubble
         ),
-        children: /* @__PURE__ */ jsx28(MarkdownContent, { className: "blade-chat-prose", children: text4 })
+        children: /* @__PURE__ */ jsx29(MarkdownContent, { className: "blade-chat-prose", children: text4 })
       }
     )),
     text4 && isSending(message) && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx28(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx28("span", { children: "\u53D1\u9001\u4E2D" })
+      /* @__PURE__ */ jsx29(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx29("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -57817,11 +57934,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text4 = chatErrorForDisplay(getTextContent3(message.content));
-  return /* @__PURE__ */ jsx28("div", { part: "error-row", className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx28("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text4 }) });
+  return /* @__PURE__ */ jsx29("div", { part: "error-row", className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx29("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text4 }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -57899,10 +58016,10 @@ function MessageList({
   const contentReveal = useTypewriterReveal(revealContentText, isRevealLive, revealTargetKey);
   const reasoningReveal = useTypewriterReveal(revealReasoningText, isRevealLive, revealTargetKey);
   const isRevealingAny = contentReveal.isRevealing || reasoningReveal.isRevealing;
-  useEffect25(() => {
+  useEffect27(() => {
     onRevealingChange?.(isRevealingAny);
   }, [isRevealingAny, onRevealingChange]);
-  useEffect25(() => {
+  useEffect27(() => {
     if (isStopping) {
       contentReveal.flushNow();
       reasoningReveal.flushNow();
@@ -57989,8 +58106,8 @@ function MessageList({
     }
     return blocks;
   }, [visibleRootMessages, isStreaming, isRevealingAny]);
-  const rootRef = useRef27(null);
-  const stopAutoScrollRef = useRef27(null);
+  const rootRef = useRef29(null);
+  const stopAutoScrollRef = useRef29(null);
   const {
     items: turnNavItems,
     activeEntryId: activeNavTurnId,
@@ -58010,7 +58127,7 @@ function MessageList({
     isEntryLoaded: (entryId) => findEntryRow(rootRef.current, entryId) !== null,
     beforeSeek: () => stopAutoScrollRef.current?.()
   });
-  const [viewportNavTurnId, setViewportNavTurnId] = useState33(null);
+  const [viewportNavTurnId, setViewportNavTurnId] = useState35(null);
   const latestNavTurnId = turnNavItems.at(-1)?.id ?? null;
   return /* @__PURE__ */ jsxs24(
     "div",
@@ -58019,8 +58136,8 @@ function MessageList({
       part: "messages",
       className: cn("blade-chat-messages relative min-h-0 flex-1", classNames?.messageList),
       children: [
-        isStreaming || isRevealingAny ? /* @__PURE__ */ jsx29("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-        /* @__PURE__ */ jsx29(
+        isStreaming || isRevealingAny ? /* @__PURE__ */ jsx30("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+        /* @__PURE__ */ jsx30(
           TurnNavRail,
           {
             items: turnNavItems,
@@ -58038,23 +58155,23 @@ function MessageList({
             initial: "instant",
             resize: "instant",
             children: [
-              /* @__PURE__ */ jsx29(StickToBottom.Content, { part: "messages-scroll", className: cn("blade-chat-messages-scroll", classNames?.messagesScroll), children: /* @__PURE__ */ jsxs24("div", { part: "messages-content", className: cn("blade-chat-messages-content mx-auto max-w-[748px]", classNames?.messagesContent), children: [
-                historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx29(LoadOlderSentinel, { ...historyPaging }) : null,
+              /* @__PURE__ */ jsx30(StickToBottom.Content, { part: "messages-scroll", className: cn("blade-chat-messages-scroll", classNames?.messagesScroll), children: /* @__PURE__ */ jsxs24("div", { part: "messages-content", className: cn("blade-chat-messages-content mx-auto max-w-[748px]", classNames?.messagesContent), children: [
+                historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx30(LoadOlderSentinel, { ...historyPaging }) : null,
                 /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 flex-col", children: [
                   renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs24("div", { part: "empty", className: cn("blade-chat-empty", classNames?.empty), children: [
-                    /* @__PURE__ */ jsx29(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-                    /* @__PURE__ */ jsx29("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-                    /* @__PURE__ */ jsx29("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+                    /* @__PURE__ */ jsx30(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+                    /* @__PURE__ */ jsx30("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+                    /* @__PURE__ */ jsx30("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
                   ] }) : renderBlocks.map((block) => {
                     if (block.type === "message") {
-                      return /* @__PURE__ */ jsx29("div", { "data-entry-id": block.message.entry_id, children: isBackgroundWakeMessage(block.message) ? /* @__PURE__ */ jsx29(BackgroundWakeNotice, {}) : isUserMessage(block.message) ? /* @__PURE__ */ jsx29(
+                      return /* @__PURE__ */ jsx30("div", { "data-entry-id": block.message.entry_id, children: isBackgroundWakeMessage(block.message) ? /* @__PURE__ */ jsx30(BackgroundWakeNotice, {}) : isUserMessage(block.message) ? /* @__PURE__ */ jsx30(
                         UserMessageBubble,
                         {
                           message: block.message,
                           classNames,
                           renderers
                         }
-                      ) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx29(
+                      ) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx30(
                         ErrorMessageBlock,
                         {
                           message: block.message,
@@ -58072,14 +58189,14 @@ function MessageList({
                           (message) => message.entry_id === postChatFollowup.assistant_entry_id
                         )
                       );
-                      return /* @__PURE__ */ jsx29("div", { "data-entry-id": displayMessages[0]?.entry_id, children: /* @__PURE__ */ jsxs24(
+                      return /* @__PURE__ */ jsx30("div", { "data-entry-id": displayMessages[0]?.entry_id, children: /* @__PURE__ */ jsxs24(
                         RenderErrorBoundary,
                         {
                           label: "\u52A9\u624B\u6D88\u606F",
                           details: block.key,
                           resetKey: getMessageResetSignature(displayMessages),
                           children: [
-                            /* @__PURE__ */ jsx29(
+                            /* @__PURE__ */ jsx30(
                               AssistantTurnBlock,
                               {
                                 messages: displayMessages,
@@ -58093,8 +58210,8 @@ function MessageList({
                                 sessionId
                               }
                             ),
-                            blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx29(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                            hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx29(
+                            blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx30(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                            hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx30(
                               PostChatFollowupBlock,
                               {
                                 followup: postChatFollowup,
@@ -58118,19 +58235,19 @@ function MessageList({
                         {
                           className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
                           children: [
-                            /* @__PURE__ */ jsx29(Layers, { size: 12 }),
-                            /* @__PURE__ */ jsx29("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                            /* @__PURE__ */ jsx30(Layers, { size: 12 }),
+                            /* @__PURE__ */ jsx30("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                           ]
                         },
                         block.key
                       );
                     }
-                    return /* @__PURE__ */ jsx29(PlanningDivider, { kind: block.kind }, block.key);
+                    return /* @__PURE__ */ jsx30(PlanningDivider, { kind: block.kind }, block.key);
                   }),
-                  sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx29("div", { className: "flex", children: /* @__PURE__ */ jsx29("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+                  sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx30("div", { className: "flex", children: /* @__PURE__ */ jsx30("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx30(
                 PinLatestUserMessage,
                 {
                   userMessageCount: userMessages.length,
@@ -58140,9 +58257,9 @@ function MessageList({
                 },
                 sessionId ?? "no-session"
               ),
-              /* @__PURE__ */ jsx29(ScrollToBottomButton, { className: classNames?.scrollToBottom }),
-              /* @__PURE__ */ jsx29(StopAutoScrollBridge, { stopRef: stopAutoScrollRef }),
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx30(ScrollToBottomButton, { className: classNames?.scrollToBottom }),
+              /* @__PURE__ */ jsx30(StopAutoScrollBridge, { stopRef: stopAutoScrollRef }),
+              /* @__PURE__ */ jsx30(
                 ViewportTurnBridge,
                 {
                   rootRef,
@@ -58164,10 +58281,10 @@ function LoadOlderSentinel({
   loadOlder
 }) {
   const { contentRef, scrollRef } = useStickToBottomContext();
-  const sentinelRef = useRef27(null);
-  const stateRef = useRef27({ hasOlder, loading, loadOlder });
+  const sentinelRef = useRef29(null);
+  const stateRef = useRef29({ hasOlder, loading, loadOlder });
   stateRef.current = { hasOlder, loading, loadOlder };
-  useEffect25(() => {
+  useEffect27(() => {
     const sentinel = sentinelRef.current;
     const scroller = scrollRef.current;
     if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
@@ -58226,7 +58343,7 @@ function LoadOlderSentinel({
       observer.disconnect();
     };
   }, [contentRef, scrollRef]);
-  return /* @__PURE__ */ jsx29("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx29("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
+  return /* @__PURE__ */ jsx30("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx30("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
 }
 function PinLatestUserMessage({
   userMessageCount,
@@ -58235,8 +58352,8 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef27(userMessageCount);
-  const spacerHeightRef = useRef27(0);
+  const previousCountRef = useRef29(userMessageCount);
+  const spacerHeightRef = useRef29(0);
   const getScrollElement = useCallback29(() => scrollRef.current, [scrollRef]);
   const getContentElement = useCallback29(() => contentRef.current, [contentRef]);
   const getTargetElement = useCallback29(() => {
@@ -58278,7 +58395,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect25(() => {
+  useEffect27(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -58288,9 +58405,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton({ className }) {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState33(false);
-  const hideTimerRef = useRef27(null);
-  useEffect25(() => {
+  const [visible, setVisible] = useState35(false);
+  const hideTimerRef = useRef29(null);
+  useEffect27(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -58333,20 +58450,20 @@ function ScrollToBottomButton({ className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx29(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx29("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx30(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx30("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
   return /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx29("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsx30("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
     /* @__PURE__ */ jsxs24("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
-      /* @__PURE__ */ jsx29(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx29("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+      /* @__PURE__ */ jsx30(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx30("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx29("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx30("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 function findEntryRow(root, entryId) {
@@ -58362,13 +58479,13 @@ function ViewportTurnBridge({
   onActiveChange
 }) {
   const { scrollRef } = useStickToBottomContext();
-  const itemsRef = useRef27(items);
-  const updateRef = useRef27(null);
-  useEffect25(() => {
+  const itemsRef = useRef29(items);
+  const updateRef = useRef29(null);
+  useEffect27(() => {
     itemsRef.current = items;
     updateRef.current?.();
   }, [items]);
-  useEffect25(() => {
+  useEffect27(() => {
     const scroller = scrollRef.current;
     const root = rootRef.current;
     if (!scroller || !root) return;
@@ -58412,7 +58529,7 @@ function ViewportTurnBridge({
 var VIEWPORT_ACTIVE_OFFSET = 8;
 function StopAutoScrollBridge({ stopRef }) {
   const { stopScroll } = useStickToBottomContext();
-  useEffect25(() => {
+  useEffect27(() => {
     stopRef.current = stopScroll;
     return () => {
       stopRef.current = null;
@@ -58422,7 +58539,7 @@ function StopAutoScrollBridge({ stopRef }) {
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -58462,7 +58579,7 @@ function ChatSurface({
   onRevealingChange,
   isReplay
 }) {
-  const [pending, setPending] = useState34([]);
+  const [pending, setPending] = useState36([]);
   const currentPending = pending.filter((item) => item.sessionId === sessionId);
   const sendWithApps = async (text4) => {
     const content3 = [...currentPending.map((item) => `[${item.label}]
@@ -58480,7 +58597,7 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
     return current ? parsePlanUpdate(current.arguments) : null;
   }, [messages, renderers?.planUpdate]);
   const customPlan = planForRenderer ? renderers?.planUpdate?.({ plan: planForRenderer, running: isStreaming, sessionId }) : void 0;
-  return /* @__PURE__ */ jsx30(McpAppMessageContext.Provider, { value: (message) => {
+  return /* @__PURE__ */ jsx31(McpAppMessageContext.Provider, { value: (message) => {
     if (!sessionId || message.sessionId !== sessionId || isViewer) throw new Error("\u5F53\u524D\u4F1A\u8BDD\u4E0D\u80FD\u63A5\u6536\u5E94\u7528\u6D88\u606F");
     setPending((items) => [...items, { ...message, sessionId, id: randomId() }]);
   }, children: /* @__PURE__ */ jsxs25(
@@ -58493,7 +58610,7 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx30(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx31(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
         errorMessage && /* @__PURE__ */ jsxs25(
           "div",
@@ -58501,13 +58618,13 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
             part: "error-bar",
             className: cn("blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", classNames?.errorBar),
             children: [
-              /* @__PURE__ */ jsx30(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-              /* @__PURE__ */ jsx30("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
+              /* @__PURE__ */ jsx31(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+              /* @__PURE__ */ jsx31("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
             ]
           }
         ),
         slots?.header,
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           MessageList,
           {
             messages,
@@ -58533,7 +58650,7 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
             turnNavigation
           }
         ),
-        showPlanUpdates ? customPlan ?? /* @__PURE__ */ jsx30(
+        showPlanUpdates ? customPlan ?? /* @__PURE__ */ jsx31(
           CurrentPlanPanel,
           {
             messages,
@@ -58544,15 +58661,15 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
           }
         ) : null,
         beforeInput,
-        /* @__PURE__ */ jsx30(QueuePanelAdjacencyContext.Provider, { value: currentPending.length === 0, children: queuePanel }),
+        /* @__PURE__ */ jsx31(QueuePanelAdjacencyContext.Provider, { value: currentPending.length === 0, children: queuePanel }),
         currentPending.map((item) => /* @__PURE__ */ jsxs25("div", { style: { display: "flex", gap: 8, padding: "8px 16px" }, children: [
           /* @__PURE__ */ jsxs25("details", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx30("summary", { children: item.label }),
-            /* @__PURE__ */ jsx30("pre", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: item.content })
+            /* @__PURE__ */ jsx31("summary", { children: item.label }),
+            /* @__PURE__ */ jsx31("pre", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: item.content })
           ] }),
-          /* @__PURE__ */ jsx30("button", { type: "button", "aria-label": "\u79FB\u9664\u5F85\u53D1\u9001\u5185\u5BB9", title: "\u79FB\u9664", onClick: () => setPending((items) => items.filter((other) => other.id !== item.id)), children: /* @__PURE__ */ jsx30(X, { size: 16 }) })
+          /* @__PURE__ */ jsx31("button", { type: "button", "aria-label": "\u79FB\u9664\u5F85\u53D1\u9001\u5185\u5BB9", title: "\u79FB\u9664", onClick: () => setPending((items) => items.filter((other) => other.id !== item.id)), children: /* @__PURE__ */ jsx31(X, { size: 16 }) })
         ] }, item.id)),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           ChatInput,
           {
             value: inputText,
@@ -58579,13 +58696,13 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment9, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 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] = useState37(false);
+  const [loginError, setLoginError] = useState37(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -58598,11 +58715,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx31("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs26("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
-    /* @__PURE__ */ jsx31(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx31("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx31("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs26("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
+    /* @__PURE__ */ jsx32(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx32("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx32("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
+    /* @__PURE__ */ jsx32(
       "button",
       {
         type: "button",
@@ -58612,21 +58729,21 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx31("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx32("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState35(0);
-  const [needLogin, setNeedLogin] = useState35(() => !client.hasToken());
+  const [attempt, setAttempt] = useState37(0);
+  const [needLogin, setNeedLogin] = useState37(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         part: "root",
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx32(
           LoginCard,
           {
             client,
@@ -58639,7 +58756,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx31(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx32(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -58657,7 +58774,7 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState35(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState37(
     () => /* @__PURE__ */ new Map()
   );
   const handleSessionConnected = useCallback30((connectedSession) => {
@@ -58678,24 +58795,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] = useState37(false);
+  const [isRevealing, setIsRevealing] = useState37(false);
+  const [inputText, setInputText] = useState37("");
+  const [queueNotice, setQueueNotice] = useState37(null);
+  const [queuePendingItemId, setQueuePendingItemId] = useState37(null);
+  const [queuePanelVisible, setQueuePanelVisible] = useState37(false);
+  const [resultFeedback, setResultFeedback] = useState37([]);
+  const [timelineRewrite, setTimelineRewrite] = useState37(0);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
   const canUseQueue = !isViewer;
-  const onSessionReadyRef = useRef28(onSessionReady);
-  const readySessionRef = useRef28(null);
+  const onSessionReadyRef = useRef30(onSessionReady);
+  const readySessionRef = useRef30(null);
   const hasOnSessionReady = onSessionReady !== void 0;
-  useEffect26(() => {
+  useEffect28(() => {
     onSessionReadyRef.current = onSessionReady;
   }, [onSessionReady]);
-  useEffect26(() => {
+  useEffect28(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -58730,13 +58847,13 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect26(() => {
+  useEffect28(() => {
     const handler = onSessionReadyRef.current;
     if (!session || !hasOnSessionReady || !handler || readySessionRef.current === session) return;
     readySessionRef.current = session;
     handler(session);
   }, [session, hasOnSessionReady]);
-  useEffect26(() => {
+  useEffect28(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content: content3 }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -58756,12 +58873,12 @@ ${content3}`);
       offRewind();
     };
   }, [session]);
-  useEffect26(() => {
+  useEffect28(() => {
     if (isUnauthorizedError(error61)) {
       onUnauthorized();
     }
   }, [error61, onUnauthorized]);
-  useEffect26(() => {
+  useEffect28(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -58827,7 +58944,7 @@ ${content3}`);
     next[to] = item.id;
     handleQueueReorder(next);
   };
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     ChatSurface,
     {
       theme,
@@ -58838,8 +58955,8 @@ ${content3}`);
       placeholder,
       connection: state?.connection ?? "connecting",
       banner: /* @__PURE__ */ jsxs26(Fragment9, { children: [
-        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx31(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
-        /* @__PURE__ */ jsx31(
+        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx32(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
+        /* @__PURE__ */ jsx32(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -58849,7 +58966,7 @@ ${content3}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx31(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx32(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -58861,7 +58978,7 @@ ${content3}`);
       planRevealRevision,
       queuePanel: (
         // 只读身份不能操作队列，藏起来免得每个按钮都弹冲突。
-        canUseQueue ? /* @__PURE__ */ jsx31(
+        canUseQueue ? /* @__PURE__ */ jsx32(
           SessionQueuePanel,
           {
             rootClassName: classNames?.queuePanel,
@@ -58933,11 +59050,11 @@ ${content3}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect27, useMemo as useMemo19, useState as useState37 } from "react";
+import { useEffect as useEffect29, useMemo as useMemo19, useState as useState39 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState36 } from "react";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useState as useState38 } from "react";
+import { jsx as jsx33, 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" },
   { id: "model", label: "\u6A21\u578B", placeholder: "\u6A21\u578B\u540D\u79F0" },
@@ -58983,8 +59100,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] = useState38(false);
+  const [draft, setDraft] = useState38(override);
   if (!normalized) return null;
   const fields2 = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -58999,16 +59116,16 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx32(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx33(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx32("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx33("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
     open2 && /* @__PURE__ */ jsxs27("div", { className: "mt-2 flex flex-col gap-2", children: [
       fields2.map((field) => /* @__PURE__ */ jsxs27("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx33(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -59019,9 +59136,9 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx32("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
+      normalized.apiKey && /* @__PURE__ */ jsx33("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
       /* @__PURE__ */ jsxs27("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -59036,7 +59153,7 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -59055,7 +59172,7 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -59067,12 +59184,12 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState37(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState39(() => 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] = useState39("");
+  const [stopRequested, setStopRequested] = useState39(false);
+  const [isRevealing, setIsRevealing] = useState39(false);
   const isStreamingDisplay = isStreaming || isRevealing;
   const handle = useMemo19(
     () => ({
@@ -59083,10 +59200,10 @@ ${text4}` : text4),
     }),
     [send, reset]
   );
-  useEffect27(() => {
+  useEffect29(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ChatSurface,
     {
       theme,
@@ -59112,7 +59229,7 @@ ${text4}` : text4),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx33(
+      beforeInput: advanced ? /* @__PURE__ */ jsx34(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -59130,14 +59247,14 @@ ${text4}` : text4),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function ChatView(props) {
   const { mode, llm, onLlmReady, ...rest } = props;
   if (mode === "llm") {
     if (!llm) {
       throw new Error('ChatView: mode="llm" \u9700\u8981\u540C\u65F6\u4F20 llm={{ baseURL, model }}');
     }
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(
       LlmChat,
       {
         ...llm,
@@ -59150,11 +59267,11 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx34(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx35(AgentChat, { ...rest });
 }
 
 // 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 useEffect30, useMemo as useMemo20, useRef as useRef31, useState as useState40 } from "react";
 
 // src/components/connector-panel-types.ts
 function selectionFromItem(item) {
@@ -59176,12 +59293,12 @@ function triggerSummary(items) {
 }
 
 // src/components/ConnectorPanel.tsx
-import { Fragment as Fragment10, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function PanelDivider() {
-  return /* @__PURE__ */ jsx35("div", { className: "my-1 border-[hsl(var(--border))] border-t" });
+  return /* @__PURE__ */ jsx36("div", { className: "my-1 border-[hsl(var(--border))] border-t" });
 }
 function PanelTitle({ children }) {
-  return /* @__PURE__ */ jsx35("div", { className: "px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children });
+  return /* @__PURE__ */ jsx36("div", { className: "px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children });
 }
 function ConnectorPanel({
   client,
@@ -59194,12 +59311,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] = useState40("");
+  const [pendingCatalog, setPendingCatalog] = useState40(null);
+  const [pendingLoading, setPendingLoading] = useState40(false);
+  const [pendingError, setPendingError] = useState40(false);
   const activation = useSessionPluginActivation({
     client,
     // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。
@@ -59207,7 +59325,7 @@ function ConnectorPanel({
     onChange: onPluginsChanged
   });
   const { reload, items: sessionItems } = activation;
-  useEffect28(() => {
+  useEffect30(() => {
     if (sessionId) reload();
   }, [reload, sessionId]);
   const loadPendingCatalog = useCallback31(async () => {
@@ -59222,7 +59340,7 @@ function ConnectorPanel({
       setPendingLoading(false);
     }
   }, [client]);
-  useEffect28(() => {
+  useEffect30(() => {
     if (sessionId) return;
     void loadPendingCatalog();
   }, [loadPendingCatalog, sessionId]);
@@ -59253,20 +59371,20 @@ function ConnectorPanel({
     () => items.filter((item) => item.active),
     [items]
   );
-  const onSelectedChangeRef = useRef29(onSelectedChange);
+  const onSelectedChangeRef = useRef31(onSelectedChange);
   onSelectedChangeRef.current = onSelectedChange;
-  const latestSelected = useRef29(selectedItems);
+  const latestSelected = useRef31(selectedItems);
   latestSelected.current = selectedItems;
   const reportSelected = useCallback31(() => {
     onSelectedChangeRef.current?.(latestSelected.current);
   }, []);
   const selectedNames = selectedItems.map((item) => item.name).join("\0");
-  useEffect28(reportSelected, [reportSelected, selectedNames]);
+  useEffect30(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: [
-      /* @__PURE__ */ jsx35(Search, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(Search, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx36(
         "input",
         {
           value: query,
@@ -59277,65 +59395,67 @@ function ConnectorPanel({
         }
       )
     ] }),
-    renderComputerSection ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
-      /* @__PURE__ */ jsx35(PanelTitle, { children: "\u7535\u8111" }),
+    visibleSections.includes("computers") && renderComputerSection ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
+      /* @__PURE__ */ jsx36(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__ */ jsx36(PanelDivider, {}),
+      /* @__PURE__ */ jsx36(PanelTitle, { children: "\u63D2\u4EF6" }),
+      !sessionId ? (
+        // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经
+        // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。
+        /* @__PURE__ */ jsx36("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__ */ jsx36(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
+        "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026"
+      ] }) : null,
+      failed ? /* @__PURE__ */ jsx36(
+        "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__ */ jsx36(
+        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: [
-      /* @__PURE__ */ jsx35(PanelDivider, {}),
-      /* @__PURE__ */ jsx35(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
+    visibleSections.includes("accounts") && renderExternalAccounts ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
+      /* @__PURE__ */ jsx36(PanelDivider, {}),
+      /* @__PURE__ */ jsx36(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
       renderExternalAccounts(query)
     ] }) : null,
     renderFooterActions ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
-      /* @__PURE__ */ jsx35(PanelDivider, {}),
+      /* @__PURE__ */ jsx36(PanelDivider, {}),
       renderFooterActions()
     ] }) : null
   ] });
 }
 
 // src/components/PluginTriggerStack.tsx
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 var AVATAR_SIZE = 20;
 function hueOf(name) {
   let hash2 = 0;
@@ -59359,7 +59479,7 @@ function PluginTriggerStack({ client, sessionId, summary, className }) {
     summary.visible.map((item) => {
       const label = item.displayName?.trim() || item.name;
       const tone = AVATAR_PALETTE[hueOf(item.name) % AVATAR_PALETTE.length];
-      return item.icon ? /* @__PURE__ */ jsx36(
+      return item.icon ? /* @__PURE__ */ jsx37(
         SessionPluginIcon,
         {
           client,
@@ -59370,7 +59490,7 @@ function PluginTriggerStack({ client, sessionId, summary, className }) {
           className: ring
         },
         item.name
-      ) : /* @__PURE__ */ jsx36(
+      ) : /* @__PURE__ */ jsx37(
         "span",
         {
           title: label,
@@ -59400,7 +59520,7 @@ import {
   getContextDisplayState,
   getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
   return /* @__PURE__ */ jsxs30(
@@ -59409,7 +59529,7 @@ function ContextCard({ context, className }) {
       className: `blade-chat-context-card group/context-card overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
       children: [
         /* @__PURE__ */ jsxs30("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             Layers,
             {
               size: 15,
@@ -59418,10 +59538,10 @@ function ContextCard({ context, className }) {
             }
           ),
           /* @__PURE__ */ jsxs30("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx37("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx37("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+            /* @__PURE__ */ jsx38("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx38("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             ChevronDown,
             {
               size: 14,
@@ -59430,7 +59550,7 @@ function ContextCard({ context, className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx37("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
+        /* @__PURE__ */ jsx38("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
       ]
     }
   );
@@ -59441,7 +59561,7 @@ function ContextGroupCard({ contexts, className }) {
   const group = single ? null : getContextGroupDisplayState(contexts);
   return /* @__PURE__ */ jsxs30("details", { className: `blade-chat-context-card group/context-group overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs30("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         Layers,
         {
           size: 15,
@@ -59450,10 +59570,10 @@ function ContextGroupCard({ contexts, className }) {
         }
       ),
       /* @__PURE__ */ jsxs30("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx37("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
-        /* @__PURE__ */ jsx37("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+        /* @__PURE__ */ jsx38("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx38("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
       ] }),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         ChevronDown,
         {
           size: 14,
@@ -59462,7 +59582,7 @@ function ContextGroupCard({ contexts, className }) {
         }
       )
     ] }),
-    single ? /* @__PURE__ */ jsx37("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx37("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx37(
+    single ? /* @__PURE__ */ jsx38("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx38("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx38(
       ContextCard,
       {
         context
@@ -59473,8 +59593,8 @@ 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 { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useCallback as useCallback32, useEffect as useEffect31, useRef as useRef32, useState as useState41, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
   let clientStates = saveStates.get(client);
@@ -59531,10 +59651,10 @@ function SessionMemoryToggle({
     getSaving,
     getSaving
   );
-  const [draftEnabled, setDraftEnabled] = useState39(enabled);
-  const activeSessionIdRef = useRef30(sessionId);
+  const [draftEnabled, setDraftEnabled] = useState41(enabled);
+  const activeSessionIdRef = useRef32(sessionId);
   activeSessionIdRef.current = sessionId;
-  useEffect29(() => {
+  useEffect31(() => {
     setDraftEnabled(enabled);
   }, [enabled, sessionId]);
   const update = useCallback32(
@@ -59564,8 +59684,8 @@ function SessionMemoryToggle({
     [client, enabled, onError, onSaved, sessionId]
   );
   return /* @__PURE__ */ jsxs31("label", { className: cn("flex items-center justify-between", className), children: [
-    /* @__PURE__ */ jsx38("span", { className: labelClassName, children: label }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx39(
       "input",
       {
         type: "checkbox",
@@ -59676,7 +59796,7 @@ function useComposedRefs(...refs) {
 
 // ../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.2.14_react@19.2.4/node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React3 from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -59687,7 +59807,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index3] || BaseContext;
       const value = React3.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx39(Context.Provider, { value, children });
+      return /* @__PURE__ */ jsx40(Context.Provider, { value, children });
     };
     Provider2.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
@@ -59744,7 +59864,7 @@ import * as ReactDOM from "react-dom";
 
 // ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.2.14_react@19.2.4/node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React4 from "react";
-import { Fragment as Fragment22, jsx as jsx40 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx41 } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -59762,9 +59882,9 @@ function createSlot(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx40(SlotClone, { ...slotProps, ref: forwardedRef, children: React4.isValidElement(newElement) ? React4.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsx41(SlotClone, { ...slotProps, ref: forwardedRef, children: React4.isValidElement(newElement) ? React4.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ jsx40(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ jsx41(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
@@ -59790,7 +59910,7 @@ var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ jsx40(Fragment22, { children });
+    return /* @__PURE__ */ jsx41(Fragment22, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
   Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -59838,7 +59958,7 @@ function getElementRef(element2) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_1181ea5061ec9212248424669240e4ec/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -59866,7 +59986,7 @@ var Primitive = NODES.reduce((primitive, node3) => {
     if (typeof window !== "undefined") {
       window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx41(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx42(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node3}`;
   return { ...primitive, [node3]: Node2 };
@@ -59901,7 +60021,7 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14___3d3960154a4c07d09bb90cb341135fc5/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -59989,7 +60109,7 @@ var DismissableLayer = React8.forwardRef(
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       Primitive.div,
       {
         ...layerProps,
@@ -60023,7 +60143,7 @@ var DismissableLayerBranch = React8.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx42(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx43(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -62057,11 +62177,11 @@ var arrow3 = (options, deps) => {
 
 // ../../node_modules/.pnpm/@radix-ui+react-arrow@1.1.7_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_e05f2c19a58a99fddf374207b5e3778c/node_modules/@radix-ui/react-arrow/dist/index.mjs
 import * as React12 from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var NAME = "Arrow";
 var Arrow = React12.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Primitive.svg,
     {
       ...arrowProps,
@@ -62070,7 +62190,7 @@ var Arrow = React12.forwardRef((props, forwardedRef) => {
       height,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: props.asChild ? children : /* @__PURE__ */ jsx43("polygon", { points: "0,0 30,0 15,10" })
+      children: props.asChild ? children : /* @__PURE__ */ jsx44("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -62115,14 +62235,14 @@ function useSize(element2) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-popper@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_13e0521d8aea7ebfbfb8bee1fb615c05/node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
   const [anchor2, setAnchor] = React14.useState(null);
-  return /* @__PURE__ */ jsx44(PopperProvider, { scope: __scopePopper, anchor: anchor2, onAnchorChange: setAnchor, children });
+  return /* @__PURE__ */ jsx45(PopperProvider, { scope: __scopePopper, anchor: anchor2, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
@@ -62140,7 +62260,7 @@ var PopperAnchor = React14.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx44(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx45(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
@@ -62233,7 +62353,7 @@ var PopperContent = React14.forwardRef(
     useLayoutEffect22(() => {
       if (content3) setContentZIndex(window.getComputedStyle(content3).zIndex);
     }, [content3]);
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45(
       "div",
       {
         ref: refs.setFloating,
@@ -62257,7 +62377,7 @@ var PopperContent = React14.forwardRef(
           }
         },
         dir: props.dir,
-        children: /* @__PURE__ */ jsx44(
+        children: /* @__PURE__ */ jsx45(
           PopperContentProvider,
           {
             scope: __scopePopper,
@@ -62266,7 +62386,7 @@ var PopperContent = React14.forwardRef(
             arrowX,
             arrowY,
             shouldHideArrow: cannotCenterArrow,
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx45(
               Primitive.div,
               {
                 "data-side": placedSide,
@@ -62303,7 +62423,7 @@ var PopperArrow = React14.forwardRef(function PopperArrow2(props, forwardedRef)
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(
       "span",
       {
         ref: contentContext.onArrowChange,
@@ -62326,7 +62446,7 @@ var PopperArrow = React14.forwardRef(function PopperArrow2(props, forwardedRef)
           }[contentContext.placedSide],
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ jsx44(
+        children: /* @__PURE__ */ jsx45(
           Root,
           {
             ...arrowProps,
@@ -62389,14 +62509,14 @@ var Arrow2 = PopperArrow;
 // ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7668895bec2444446faa4e0f4eb5244b/node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React15 from "react";
 import ReactDOM3 from "react-dom";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
 var Portal = React15.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React15.useState(false);
   useLayoutEffect22(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx45(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx46(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
@@ -62596,7 +62716,7 @@ function isFunction(value) {
 
 // ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.3_@types+react-dom@19.2.3_@types+react@19.2.14__@ty_fa89646d7248b32d1762bf88948f6339/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
 import * as React18 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -62613,7 +62733,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
 var NAME2 = "VisuallyHidden";
 var VisuallyHidden = React18.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(
       Primitive.span,
       {
         ...props,
@@ -62627,7 +62747,7 @@ VisuallyHidden.displayName = NAME2;
 var Root3 = VisuallyHidden;
 
 // ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_9074d9fb06315b089b2bee17c4c65951/node_modules/@radix-ui/react-tooltip/dist/index.mjs
-import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
 var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -62651,7 +62771,7 @@ var TooltipProvider = (props) => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     TooltipProviderContextProvider,
     {
       scope: __scopeTooltip,
@@ -62742,7 +62862,7 @@ var Tooltip = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ jsx47(Root2, { ...popperScope, children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(Root2, { ...popperScope, children: /* @__PURE__ */ jsx48(
     TooltipContextProvider,
     {
       scope: __scopeTooltip,
@@ -62786,7 +62906,7 @@ var TooltipTrigger = React19.forwardRef(
     React19.useEffect(() => {
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
-    return /* @__PURE__ */ jsx47(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx48(
       Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
@@ -62828,7 +62948,7 @@ var [PortalProvider, usePortalContext] = createTooltipContext(PORTAL_NAME2, {
 var TooltipPortal = (props) => {
   const { __scopeTooltip, forceMount, children, container } = props;
   const context = useTooltipContext(PORTAL_NAME2, __scopeTooltip);
-  return /* @__PURE__ */ jsx47(PortalProvider, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx47(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx47(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx48(PortalProvider, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx48(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx48(Portal, { asChild: true, container, children }) }) });
 };
 TooltipPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "TooltipContent";
@@ -62837,7 +62957,7 @@ var TooltipContent = React19.forwardRef(
     const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeTooltip);
     const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
     const context = useTooltipContext(CONTENT_NAME2, props.__scopeTooltip);
-    return /* @__PURE__ */ jsx47(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx47(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx47(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx48(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx48(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx48(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
 var TooltipContentHoverable = React19.forwardRef((props, forwardedRef) => {
@@ -62899,7 +63019,7 @@ var TooltipContentHoverable = React19.forwardRef((props, forwardedRef) => {
       return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
     }
   }, [trigger, content3, pointerGraceArea, onClose, handleRemoveGraceArea]);
-  return /* @__PURE__ */ jsx47(TooltipContentImpl, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx48(TooltipContentImpl, { ...props, ref: composedRefs });
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
 var Slottable = createSlottable("TooltipContent");
@@ -62930,7 +63050,7 @@ var TooltipContentImpl = React19.forwardRef(
         return () => window.removeEventListener("scroll", handleScroll, { capture: true });
       }
     }, [context.trigger, onClose]);
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       DismissableLayer,
       {
         asChild: true,
@@ -62958,8 +63078,8 @@ var TooltipContentImpl = React19.forwardRef(
               }
             },
             children: [
-              /* @__PURE__ */ jsx47(Slottable, { children }),
-              /* @__PURE__ */ jsx47(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx47(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ jsx48(Slottable, { children }),
+              /* @__PURE__ */ jsx48(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx48(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -62977,7 +63097,7 @@ var TooltipArrow = React19.forwardRef(
       ARROW_NAME2,
       __scopeTooltip
     );
-    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsx47(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsx48(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 TooltipArrow.displayName = ARROW_NAME2;
@@ -63103,8 +63223,8 @@ var Portal2 = TooltipPortal;
 var Content2 = TooltipContent;
 
 // src/components/SessionBranchPicker.tsx
-import { useMemo as useMemo26, useState as useState49 } from "react";
-import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+import { useMemo as useMemo26, useState as useState51 } from "react";
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 var ROW_HEIGHT = 32;
 var SVG_WIDTH = 44;
 function SessionBranchPicker({
@@ -63112,8 +63232,8 @@ function SessionBranchPicker({
   disabled = false,
   onCheckout
 }) {
-  const [checkoutError, setCheckoutError] = useState49(null);
-  const [pendingNodeId, setPendingNodeId] = useState49(null);
+  const [checkoutError, setCheckoutError] = useState51(null);
+  const [pendingNodeId, setPendingNodeId] = useState51(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]);
@@ -63144,9 +63264,9 @@ function SessionBranchPicker({
   }
   if (!hasHistory) return null;
   return /* @__PURE__ */ jsxs33(Provider, { delayDuration: 200, children: [
-    checkoutError ? /* @__PURE__ */ jsx48("p", { role: "alert", className: "mb-2 text-xs text-destructive", children: checkoutError }) : null,
-    /* @__PURE__ */ jsx48("div", { className: "flex max-h-52 justify-center overflow-x-auto overflow-y-auto", children: /* @__PURE__ */ jsxs33("div", { className: "relative", style: { height: graphHeight, width: graphWidth }, children: [
-      /* @__PURE__ */ jsx48(
+    checkoutError ? /* @__PURE__ */ jsx49("p", { role: "alert", className: "mb-2 text-xs text-destructive", children: checkoutError }) : null,
+    /* @__PURE__ */ jsx49("div", { className: "flex max-h-52 justify-center overflow-x-auto overflow-y-auto", children: /* @__PURE__ */ jsxs33("div", { className: "relative", style: { height: graphHeight, width: graphWidth }, children: [
+      /* @__PURE__ */ jsx49(
         "svg",
         {
           "aria-hidden": "true",
@@ -63160,7 +63280,7 @@ function SessionBranchPicker({
               return null;
             }
             const childStroke = node3.isActive ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))";
-            return /* @__PURE__ */ jsx48(
+            return /* @__PURE__ */ jsx49(
               "path",
               {
                 d: buildEdgePath(
@@ -63181,12 +63301,12 @@ function SessionBranchPicker({
           })
         }
       ),
-      /* @__PURE__ */ jsx48("div", { className: "relative z-0 h-full", children: layout.nodes.map((node3) => {
+      /* @__PURE__ */ jsx49("div", { className: "relative z-0 h-full", children: layout.nodes.map((node3) => {
         const isPendingNode = pendingNodeId === node3.id;
         const color2 = node3.isActive ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))";
         const previewText = node3.isVirtual ? isPendingNode ? "\u5207\u6362\u4E2D..." : "" : isPendingNode ? "\u5207\u6362\u4E2D..." : node3.preview;
         const shouldShowTooltip = !node3.isVirtual || Boolean(previewText);
-        const button = /* @__PURE__ */ jsx48(
+        const button = /* @__PURE__ */ jsx49(
           "button",
           {
             type: "button",
@@ -63202,7 +63322,7 @@ function SessionBranchPicker({
               top: node3.row * ROW_HEIGHT,
               left: getColumnX(node3.column) - 12
             },
-            children: /* @__PURE__ */ jsx48("span", { "aria-hidden": "true", className: "absolute left-0 top-0 h-8 w-6", children: /* @__PURE__ */ jsx48(
+            children: /* @__PURE__ */ jsx49("span", { "aria-hidden": "true", className: "absolute left-0 top-0 h-8 w-6", children: /* @__PURE__ */ jsx49(
               "svg",
               {
                 "aria-hidden": "true",
@@ -63212,7 +63332,7 @@ function SessionBranchPicker({
                 height: ROW_HEIGHT,
                 viewBox: `0 0 24 ${ROW_HEIGHT}`,
                 fill: "none",
-                children: node3.isVirtual ? /* @__PURE__ */ jsx48(
+                children: node3.isVirtual ? /* @__PURE__ */ jsx49(
                   "circle",
                   {
                     cx: 12,
@@ -63225,8 +63345,8 @@ function SessionBranchPicker({
                     opacity: 0.7
                   }
                 ) : /* @__PURE__ */ jsxs33("g", { children: [
-                  node3.isCurrent ? /* @__PURE__ */ jsx48("circle", { cx: 12, cy: ROW_HEIGHT / 2, r: 9, fill: color2, opacity: 0.18 }) : null,
-                  /* @__PURE__ */ jsx48(
+                  node3.isCurrent ? /* @__PURE__ */ jsx49("circle", { cx: 12, cy: ROW_HEIGHT / 2, r: 9, fill: color2, opacity: 0.18 }) : null,
+                  /* @__PURE__ */ jsx49(
                     "circle",
                     {
                       cx: 12,
@@ -63241,11 +63361,11 @@ function SessionBranchPicker({
           }
         );
         if (!shouldShowTooltip) {
-          return /* @__PURE__ */ jsx48("div", { children: button }, node3.id);
+          return /* @__PURE__ */ jsx49("div", { children: button }, node3.id);
         }
         return /* @__PURE__ */ jsxs33(Root32, { children: [
-          /* @__PURE__ */ jsx48(Trigger, { asChild: true, children: button }),
-          /* @__PURE__ */ jsx48(Portal2, { children: /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49(Trigger, { asChild: true, children: button }),
+          /* @__PURE__ */ jsx49(Portal2, { children: /* @__PURE__ */ jsx49(
             Content2,
             {
               side: "right",
@@ -63411,6 +63531,7 @@ export {
   MarkdownContent,
   MarkdownRenderer,
   McpAppCard,
+  McpAppFrame,
   MemoryRefsHint,
   MessageImage,
   PLAN_AUTO_COLLAPSE_MS,
@@ -63435,6 +63556,8 @@ export {
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,
   filterConnectorItems,
+  getChatRun,
+  getChatRunDuration,
   getPlanUpdateDisplayState,
   isAgentComputerCommand,
   isAgentComputerToolCall,
@@ -63453,6 +63576,7 @@ export {
   turnNavItemsFromMessages,
   useAgentSession,
   useBladeClient,
+  useLiveExecutionDuration,
   useLlmChat,
   useMessagePin,
   useReplay,