@blade-hq/agent-react 2610.0.0-beta.4 → 2610.0.0-beta.41

package/dist/index.js

@@ -17,6 +17,9 @@ function useBladeClient() {
   }
   return client;
 }
+function useOptionalBladeClient() {
+  return useContext(BladeClientContext);
+}
 
 // src/hooks/use-agent-session.ts
 import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -30,11 +33,14 @@ function useAgentSession(sessionId, options = {}) {
   const connRef = useRef({
     id: null,
     session: null,
+    cleanup: null,
     gen: 0
   });
   const createdIdPromiseRef = useRef(null);
   const onCreatedRef = useRef(options.onSessionCreated);
   onCreatedRef.current = options.onSessionCreated;
+  const onConnectedRef = useRef(options.onSessionConnected);
+  onConnectedRef.current = options.onSessionConnected;
   const createOptionsRef = useRef(options.createOptions);
   createOptionsRef.current = options.createOptions;
   const sessionIdRef = useRef(sessionId);
@@ -42,6 +48,7 @@ function useAgentSession(sessionId, options = {}) {
   const connect = useMemo(() => {
     return (targetId) => {
       const gen = ++connRef.current.gen;
+      let pendingCleanup = null;
       const idPromise = targetId ? Promise.resolve(targetId) : (
         // biome-ignore lint/suspicious/noAssignInExpressions: ??= 挂 ref 是 StrictMode 下"只创建一次"的关键
         createdIdPromiseRef.current ??= client.sessions.create(createOptionsRef.current ?? {}).then((created) => {
@@ -51,16 +58,25 @@ function useAgentSession(sessionId, options = {}) {
           return id;
         })
       );
-      idPromise.then((id) => client.hub.connect(id)).then((next) => {
+      idPromise.then(
+        (id) => client.hub.connect(id, {
+          setup: (next) => {
+            pendingCleanup = onConnectedRef.current?.(next) ?? null;
+          }
+        })
+      ).then((next) => {
         if (connRef.current.gen !== gen) {
+          pendingCleanup?.();
           next.dispose();
           return;
         }
         connRef.current.id = next.sessionId;
         connRef.current.session = next;
+        connRef.current.cleanup = pendingCleanup;
         setSession(next);
         setError(null);
       }).catch((err) => {
+        pendingCleanup?.();
         if (connRef.current.gen !== gen) return;
         createdIdPromiseRef.current = null;
         setError(err instanceof Error ? err : new Error(String(err)));
@@ -72,8 +88,11 @@ function useAgentSession(sessionId, options = {}) {
     return () => {
       connRef.current.gen++;
       const toRelease = connRef.current.session;
+      const cleanup = connRef.current.cleanup;
       connRef.current.id = null;
       connRef.current.session = null;
+      connRef.current.cleanup = null;
+      cleanup?.();
       setSession(null);
       if (toRelease) setTimeout(() => toRelease.dispose(), DISPOSE_DELAY_MS);
     };
@@ -83,8 +102,11 @@ function useAgentSession(sessionId, options = {}) {
     if (connRef.current.id === null) return;
     if (sessionId === connRef.current.id) return;
     const previous = connRef.current.session;
+    const cleanup = connRef.current.cleanup;
     connRef.current.id = null;
     connRef.current.session = null;
+    connRef.current.cleanup = null;
+    cleanup?.();
     if (previous) setTimeout(() => previous.dispose(), DISPOSE_DELAY_MS);
     connect(sessionId);
   }, [sessionId, connect]);
@@ -245,6 +267,8 @@ function useLlmChat(options) {
   const [error, 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);
@@ -263,16 +287,31 @@ function useLlmChat(options) {
     setFailedToolIds([]);
     setError(null);
     setIsStreaming(false);
+    activeStartedAtRef.current = null;
+    assistantTimingsRef.current = /* @__PURE__ */ new WeakMap();
   }, [stop]);
   const send = useCallback2(async (text) => {
     const content = text.trim();
     if (!content || abortRef.current) return false;
     const opts = optionsRef.current;
     const maxRounds = opts.maxToolRounds ?? DEFAULT_MAX_TOOL_ROUNDS;
+    const startedAt = Date.now();
+    activeStartedAtRef.current = startedAt;
     const commit = (message) => {
       historyRef.current = [...historyRef.current, message];
       setHistory(historyRef.current);
     };
+    const latestAssistantTiming = { current: null };
+    const commitAssistant = (message) => {
+      const timing = { startedAt };
+      assistantTimingsRef.current.set(message, timing);
+      latestAssistantTiming.current = timing;
+      commit(message);
+      return timing;
+    };
+    const finishTiming = (timing) => {
+      timing.durationMs = Math.max(0, Date.now() - timing.startedAt);
+    };
     setError(null);
     setIsStreaming(true);
     setStreamingText("");
@@ -298,8 +337,11 @@ function useLlmChat(options) {
         };
         setStreamingText(null);
         setStreamingCalls([]);
-        commit(assistant);
-        if (!result.toolCalls.length) return true;
+        const assistantTiming = commitAssistant(assistant);
+        if (!result.toolCalls.length) {
+          finishTiming(assistantTiming);
+          return true;
+        }
         const bail = (reason) => {
           for (const call of result.toolCalls) {
             commit({ role: "tool", tool_call_id: call.id, content: JSON.stringify({ error: reason }) });
@@ -308,11 +350,13 @@ function useLlmChat(options) {
         };
         if (!opts.onToolCall) {
           bail("\u8FD9\u4E2A\u5E94\u7528\u6CA1\u6709\u63D0\u4F9B\u5DE5\u5177\u6267\u884C\u5165\u53E3");
+          finishTiming(assistantTiming);
           return true;
         }
         if (round >= maxRounds) {
           bail(`\u5DE5\u5177\u8C03\u7528\u5DF2\u8FBE\u4E0A\u9650 ${maxRounds} \u8F6E\uFF0C\u6CA1\u6709\u6267\u884C`);
           setError(`\u5DE5\u5177\u8C03\u7528\u8D85\u8FC7 ${maxRounds} \u8F6E\u4ECD\u672A\u7ED9\u51FA\u7ED3\u8BBA\uFF0C\u5DF2\u505C\u4E0B\u3002`);
+          finishTiming(assistantTiming);
           return false;
         }
         for (const call of result.toolCalls) {
@@ -337,21 +381,39 @@ function useLlmChat(options) {
       setStreamingCalls([]);
       if (controller.signal.aborted) {
         if (generation !== generationRef.current) return false;
-        commit({ role: "assistant", content: partial ? `${partial}\uFF08\u5DF2\u505C\u6B62\uFF09` : "\uFF08\u5DF2\u505C\u6B62\uFF09" });
+        const timing = commitAssistant({
+          role: "assistant",
+          content: partial ? `${partial}\uFF08\u5DF2\u505C\u6B62\uFF09` : "\uFF08\u5DF2\u505C\u6B62\uFF09"
+        });
+        timing.status = "interrupted";
+        finishTiming(timing);
         return false;
       }
       if (partial && generation === generationRef.current) {
-        commit({ role: "assistant", content: partial });
+        const timing = commitAssistant({ role: "assistant", content: partial });
+        timing.status = "failed";
+        finishTiming(timing);
+      } else if (latestAssistantTiming.current) {
+        latestAssistantTiming.current.status = "failed";
+        finishTiming(latestAssistantTiming.current);
       }
       setError(err instanceof Error && err.message ? err.message : "\u5BF9\u8BDD\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
       return false;
     } finally {
       if (abortRef.current === controller) abortRef.current = null;
+      activeStartedAtRef.current = null;
       setIsStreaming(false);
     }
   }, []);
   const messages = useMemo2(
-    () => toChatMessages(history, streamingText, streamingCalls, failedToolIds),
+    () => toChatMessages(
+      history,
+      streamingText,
+      streamingCalls,
+      failedToolIds,
+      assistantTimingsRef.current,
+      activeStartedAtRef.current
+    ),
     [history, streamingText, streamingCalls, failedToolIds]
   );
   return { messages, isStreaming, error, send, stop, reset };
@@ -503,7 +565,7 @@ function parseSse(raw) {
   if (!delta) return null;
   return { text: delta.content, toolCallDeltas: delta.tool_calls };
 }
-function toChatMessages(history, streamingText, streamingCalls, failedToolIds) {
+function toChatMessages(history, streamingText, streamingCalls, failedToolIds, assistantTimings, activeStartedAt) {
   const results = /* @__PURE__ */ new Map();
   for (const msg of history) {
     if (msg.role === "tool") results.set(msg.tool_call_id, msg.content);
@@ -515,10 +577,13 @@ function toChatMessages(history, streamingText, streamingCalls, failedToolIds) {
       messages.push({ role: "user", content: msg.content, status: "completed" });
       continue;
     }
+    const timing = assistantTimings.get(msg);
     messages.push({
       role: "assistant",
       content: msg.content,
-      status: "completed",
+      status: timing?.status ?? "completed",
+      ...timing ? { timestamp: new Date(timing.startedAt).toISOString() } : {},
+      ...timing?.durationMs === void 0 ? {} : { duration_ms: timing.durationMs },
       ...msg.tool_calls?.length ? { tool_calls: msg.tool_calls.map((call) => toToolCallInfo(call, results, failedToolIds)) } : {}
     });
   }
@@ -527,6 +592,7 @@ function toChatMessages(history, streamingText, streamingCalls, failedToolIds) {
       role: "assistant",
       content: streamingText,
       status: "streaming",
+      ...activeStartedAt === null ? {} : { timestamp: new Date(activeStartedAt).toISOString() },
       ...streamingCalls.length ? { tool_calls: streamingCalls.map((call) => toToolCallInfo(call, results, failedToolIds)) } : {}
     });
   }
@@ -544,6 +610,184 @@ function toToolCallInfo(call, results, failedToolIds) {
   };
 }
 
+// src/hooks/use-message-pin.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3 } from "react";
+var DEFAULT_MARGIN_PX = 24;
+var MANUAL_SCROLL_TOLERANCE_PX = 2;
+function useMessagePin({
+  targetKey,
+  pinTarget,
+  layoutKey,
+  getScrollElement,
+  getContentElement,
+  getTargetElement,
+  getTargetScrollTop,
+  getSpacerHeight,
+  setSpacerHeight,
+  stopAutoScroll,
+  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);
+  setSpacerHeightRef.current = setSpacerHeight;
+  const release = useCallback3(() => {
+    if (!pinActiveRef.current) return;
+    pinActiveRef.current = false;
+    repositionPendingRef.current = false;
+    pinnedTargetScrollTopRef.current = null;
+    if (frameRef.current != null) cancelAnimationFrame(frameRef.current);
+    frameRef.current = null;
+    if (manualScrollCheckTimeoutRef.current != null) {
+      clearTimeout(manualScrollCheckTimeoutRef.current);
+      manualScrollCheckTimeoutRef.current = null;
+    }
+    setSpacerHeightRef.current(0);
+  }, []);
+  const reposition = useCallback3(
+    () => {
+      const scroll = getScrollElement();
+      const target = getTargetElement();
+      if (!scroll || !pinActiveRef.current) return;
+      const targetScrollTop = target ? Math.max(
+        0,
+        scroll.scrollTop + target.getBoundingClientRect().top - scroll.getBoundingClientRect().top - margin
+      ) : getTargetScrollTop?.(scroll);
+      if (targetScrollTop == null) return;
+      const previousSpacerHeight = getSpacerHeight();
+      const baseScrollHeight = scroll.scrollHeight - previousSpacerHeight;
+      const nextSpacerHeight = Math.max(
+        0,
+        targetScrollTop + scroll.clientHeight - baseScrollHeight
+      );
+      setSpacerHeightRef.current(nextSpacerHeight);
+      pinnedTargetScrollTopRef.current = targetScrollTop;
+      stopAutoScroll();
+      scroll.scrollTop = targetScrollTop;
+      if (nextSpacerHeight === 0 && previousSpacerHeight > 0) {
+        pinActiveRef.current = false;
+        scrollToBottom();
+      }
+    },
+    [
+      getScrollElement,
+      getSpacerHeight,
+      getTargetElement,
+      getTargetScrollTop,
+      margin,
+      scrollToBottom,
+      stopAutoScroll
+    ]
+  );
+  const scheduleReposition = useCallback3(
+    () => {
+      if (!pinActiveRef.current) return;
+      repositionPendingRef.current = true;
+      if (frameRef.current != null) return;
+      frameRef.current = requestAnimationFrame(() => {
+        frameRef.current = null;
+        const shouldReposition = repositionPendingRef.current;
+        repositionPendingRef.current = false;
+        if (shouldReposition) reposition();
+      });
+    },
+    [reposition]
+  );
+  useEffect3(() => {
+    if (!targetKey) {
+      release();
+      appliedTargetKeyRef.current = null;
+      observedTargetKeyRef.current = null;
+      return;
+    }
+    if (!pinTarget) {
+      if (pinActiveRef.current && appliedTargetKeyRef.current != null && appliedTargetKeyRef.current !== targetKey) {
+        release();
+      }
+      observedTargetKeyRef.current = targetKey;
+      return;
+    }
+    if (appliedTargetKeyRef.current === targetKey) {
+      observedTargetKeyRef.current = targetKey;
+      return;
+    }
+    if (observedTargetKeyRef.current === targetKey) return;
+    appliedTargetKeyRef.current = targetKey;
+    observedTargetKeyRef.current = targetKey;
+    pinActiveRef.current = true;
+    stopAutoScroll();
+    scheduleReposition();
+    if (retryTimeoutRef.current != null) clearTimeout(retryTimeoutRef.current);
+    retryTimeoutRef.current = window.setTimeout(() => {
+      retryTimeoutRef.current = null;
+      scheduleReposition();
+    }, 80);
+  }, [pinTarget, release, scheduleReposition, stopAutoScroll, targetKey]);
+  useEffect3(() => {
+    if (layoutKey !== void 0) scheduleReposition();
+  }, [layoutKey, scheduleReposition]);
+  useEffect3(() => {
+    const scroll = getScrollElement();
+    if (!scroll) return;
+    const content = getContentElement?.();
+    const observer = new ResizeObserver(scheduleReposition);
+    observer.observe(scroll);
+    if (content && content !== scroll) observer.observe(content);
+    window.addEventListener("resize", scheduleReposition);
+    window.visualViewport?.addEventListener("resize", scheduleReposition);
+    const handleScroll = () => {
+      if (!pinActiveRef.current) return;
+      if (manualScrollCheckTimeoutRef.current != null) {
+        clearTimeout(manualScrollCheckTimeoutRef.current);
+      }
+      manualScrollCheckTimeoutRef.current = window.setTimeout(() => {
+        manualScrollCheckTimeoutRef.current = null;
+        if (!pinActiveRef.current || repositionPendingRef.current) return;
+        const targetScrollTop = pinnedTargetScrollTopRef.current;
+        if (targetScrollTop != null && Math.abs(scroll.scrollTop - targetScrollTop) > MANUAL_SCROLL_TOLERANCE_PX) {
+          release();
+        }
+      }, 0);
+    };
+    scroll.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", scheduleReposition);
+      window.visualViewport?.removeEventListener("resize", scheduleReposition);
+      scroll.removeEventListener("scroll", handleScroll);
+    };
+  }, [getContentElement, getScrollElement, release, scheduleReposition]);
+  useEffect3(
+    () => () => {
+      if (frameRef.current != null) cancelAnimationFrame(frameRef.current);
+      frameRef.current = null;
+      if (retryTimeoutRef.current != null) clearTimeout(retryTimeoutRef.current);
+      retryTimeoutRef.current = null;
+      if (manualScrollCheckTimeoutRef.current != null) {
+        clearTimeout(manualScrollCheckTimeoutRef.current);
+      }
+      manualScrollCheckTimeoutRef.current = null;
+      repositionPendingRef.current = false;
+      pinnedTargetScrollTopRef.current = null;
+      appliedTargetKeyRef.current = null;
+      observedTargetKeyRef.current = initialObservedTargetKeyRef.current;
+      pinActiveRef.current = false;
+      setSpacerHeightRef.current(0);
+    },
+    []
+  );
+  const isActive = useCallback3(() => pinActiveRef.current, []);
+  return { release, isActive };
+}
+
 // src/components/AgentChat.tsx
 import { BladeApiError, latestPostChatFollowup } from "@blade-hq/agent-client";
 
@@ -636,6 +880,18 @@ var ArrowUp = createLucideIcon("ArrowUp", [
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/book-open.js
+var BookOpen = createLucideIcon("BookOpen", [
+  ["path", { d: "M12 7v14", key: "1akyts" }],
+  [
+    "path",
+    {
+      d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",
+      key: "ruj8y"
+    }
+  ]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/bot.js
 var Bot = createLucideIcon("Bot", [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
@@ -646,31 +902,6 @@ var Bot = createLucideIcon("Bot", [
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/brain.js
-var Brain = createLucideIcon("Brain", [
-  [
-    "path",
-    {
-      d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",
-      key: "l5xja"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z",
-      key: "ep3f8r"
-    }
-  ],
-  ["path", { d: "M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4", key: "1p4c4q" }],
-  ["path", { d: "M17.599 6.5a3 3 0 0 0 .399-1.375", key: "tmeiqw" }],
-  ["path", { d: "M6.003 5.125A3 3 0 0 0 6.401 6.5", key: "105sqy" }],
-  ["path", { d: "M3.477 10.896a4 4 0 0 1 .585-.396", key: "ql3yin" }],
-  ["path", { d: "M19.938 10.5a4 4 0 0 1 .585.396", key: "1qfode" }],
-  ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
-  ["path", { d: "M19.967 17.484A4 4 0 0 1 18 18", key: "159ez6" }]
-]);
-
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
@@ -691,17 +922,54 @@ var CircleAlert = createLucideIcon("CircleAlert", [
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/circle-dot.js
+var CircleDot = createLucideIcon("CircleDot", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/circle.js
+var Circle = createLucideIcon("Circle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/copy.js
 var Copy = createLucideIcon("Copy", [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/download.js
-var Download = createLucideIcon("Download", [
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
-  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
-  ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/earth.js
+var Earth = createLucideIcon("Earth", [
+  ["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }],
+  [
+    "path",
+    {
+      d: "M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",
+      key: "1tzkfa"
+    }
+  ],
+  ["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file-pen-line.js
+var FilePenLine = createLucideIcon("FilePenLine", [
+  [
+    "path",
+    {
+      d: "m18 5-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2",
+      key: "142zxg"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",
+      key: "2t3380"
+    }
+  ],
+  ["path", { d: "M8 18h1", key: "13wk12" }]
 ]);
 
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file-text.js
@@ -713,24 +981,6 @@ var FileText = createLucideIcon("FileText", [
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file.js
-var File = createLucideIcon("File", [
-  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
-  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/film.js
-var Film = createLucideIcon("Film", [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M7 3v18", key: "bbkbws" }],
-  ["path", { d: "M3 7.5h4", key: "zfgn84" }],
-  ["path", { d: "M3 12h18", key: "1i2n21" }],
-  ["path", { d: "M3 16.5h4", key: "1230mu" }],
-  ["path", { d: "M17 3v18", key: "in4fa5" }],
-  ["path", { d: "M17 7.5h4", key: "myr1c1" }],
-  ["path", { d: "M17 16.5h4", key: "go4c1d" }]
-]);
-
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/globe.js
 var Globe = createLucideIcon("Globe", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
@@ -776,6 +1026,15 @@ var Lightbulb = createLucideIcon("Lightbulb", [
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/list-checks.js
+var ListChecks = createLucideIcon("ListChecks", [
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }],
+  ["path", { d: "M13 6h8", key: "15sg57" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 18h8", key: "oe0vm4" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/loader-circle.js
 var LoaderCircle = createLucideIcon("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
@@ -806,6 +1065,20 @@ var Play = createLucideIcon("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
+var RefreshCcw = createLucideIcon("RefreshCcw", [
+  ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
+  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/search.js
+var Search = createLucideIcon("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/settings-2.js
 var Settings2 = createLucideIcon("Settings2", [
   ["path", { d: "M20 7h-9", key: "3s1dr2" }],
@@ -834,6 +1107,12 @@ var Square = createLucideIcon("Square", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/terminal.js
+var Terminal = createLucideIcon("Terminal", [
+  ["polyline", { points: "4 17 10 11 4 5", key: "akl6gq" }],
+  ["line", { x1: "12", x2: "20", y1: "19", y2: "19", key: "q2wloq" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/triangle-alert.js
 var TriangleAlert = createLucideIcon("TriangleAlert", [
   [
@@ -847,6 +1126,17 @@ var TriangleAlert = createLucideIcon("TriangleAlert", [
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/wrench.js
+var Wrench = createLucideIcon("Wrench", [
+  [
+    "path",
+    {
+      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z",
+      key: "cbrjhi"
+    }
+  ]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/x.js
 var X = createLucideIcon("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
@@ -854,19 +1144,35 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo8, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo8, useState as useState15 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
   return clsx(inputs);
 }
 async function copyToClipboard(text) {
-  try {
-    await navigator.clipboard.writeText(text);
-    return true;
-  } catch {
+  const clipboard = typeof navigator !== "undefined" ? navigator.clipboard : void 0;
+  if (clipboard && typeof clipboard.writeText === "function") {
+    try {
+      await clipboard.writeText(text);
+      return true;
+    } catch {
+    }
+  }
+  if (typeof document === "undefined" || typeof document.execCommand !== "function") {
     return false;
   }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    return document.execCommand("copy");
+  } finally {
+    document.body.removeChild(textarea);
+  }
 }
 
 // src/components/ReplayBar.tsx
@@ -981,164 +1287,581 @@ function ReplayMismatchPrompt({ mismatch, className }) {
   );
 }
 
-// src/components/ChatInput.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function ChatInput({
-  value,
-  onValueChange,
-  onSend,
-  onStop,
-  isStreaming,
-  isStopping = false,
-  placeholder = "\u8F93\u5165\u6D88\u606F\u2026",
-  className
-}) {
-  const trimmed = value.trim();
-  const canSend = trimmed.length > 0 && !isStreaming;
-  const handleSend = async () => {
-    if (!canSend) return;
-    const accepted = await onSend(trimmed);
-    if (!accepted) return;
-    onValueChange("");
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
-      event.preventDefault();
-      void handleSend();
-    }
-  };
-  return /* @__PURE__ */ jsx4("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs3("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
-    /* @__PURE__ */ jsx4(
-      "textarea",
-      {
-        value,
-        onChange: (event) => onValueChange(event.target.value),
-        onKeyDown: handleKeyDown,
-        onInput: (event) => {
-          const el = event.currentTarget;
-          el.style.height = "auto";
-          el.style.height = `${Math.min(el.scrollHeight, 192)}px`;
-        },
-        rows: 1,
-        placeholder,
-        "aria-label": "\u804A\u5929\u8F93\u5165",
-        className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
-      }
-    ),
-    isStreaming ? /* @__PURE__ */ jsx4(
-      "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__ */ jsx4(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx4(Square, { size: 12, fill: "currentColor" })
-      }
-    ) : /* @__PURE__ */ jsx4(
-      "button",
-      {
-        type: "button",
-        onClick: handleSend,
-        disabled: !canSend,
-        "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__ */ jsx4(ArrowUp, { size: 15 })
-      }
-    )
-  ] }) });
-}
+// src/components/PlanUpdateBlock.tsx
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
 
-// src/components/ConnectionBanner.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function ConnectionBanner({ connection, className }) {
-  if (connection === "connected" || connection === "connecting") {
+// src/components/display-utils.ts
+var TOOL_NAME_ALIASES = {
+  agent: "Agent",
+  ask_user_question: "AskUserQuestion",
+  bash: "Bash",
+  bg_bash: "BgBash",
+  edit: "Edit",
+  exit_plan_mode: "ExitPlanMode",
+  file_edit: "Edit",
+  file_read: "Read",
+  file_write: "Write",
+  finish_task: "FinishTask",
+  glob: "Glob",
+  grep: "Grep",
+  kb_search: "KbSearch",
+  ls: "Ls",
+  multi_edit: "MultiEdit",
+  read: "Read",
+  read_skill: "ReadSkill",
+  update_plan: "UpdatePlan",
+  web_fetch: "WebFetch",
+  web_search: "WebSearch",
+  write: "Write"
+};
+var TOOL_DISPLAY_LABELS = {
+  Bash: "\u6267\u884C\u547D\u4EE4",
+  BgBash: "\u540E\u53F0\u6267\u884C\u547D\u4EE4",
+  Read: "\u8BFB\u53D6\u6587\u4EF6",
+  Write: "\u5199\u5165\u6587\u4EF6",
+  Edit: "\u7F16\u8F91\u6587\u4EF6",
+  MultiEdit: "\u7F16\u8F91\u6587\u4EF6",
+  Ls: "\u5217\u51FA\u76EE\u5F55",
+  Glob: "\u5339\u914D\u6587\u4EF6",
+  Grep: "\u641C\u7D22\u6587\u672C",
+  KbSearch: "\u68C0\u7D22\u77E5\u8BC6\u5E93",
+  WebSearch: "\u641C\u7D22\u7F51\u9875",
+  WebFetch: "\u6574\u7406\u7F51\u9875\u5185\u5BB9",
+  Agent: "\u6D3E\u751F\u5B50\u667A\u80FD\u4F53",
+  AskUserQuestion: "\u5411\u7528\u6237\u63D0\u95EE",
+  ReadSkill: "\u8BFB\u53D6\u6280\u80FD",
+  FinishTask: "\u4EFB\u52A1\u5B8C\u6210",
+  ExitPlanMode: "\u63D0\u4EA4\u8BA1\u5212",
+  ListSessions: "\u5217\u51FA\u5386\u53F2\u4F1A\u8BDD",
+  GetSessionHistory: "\u8BFB\u53D6\u4F1A\u8BDD\u5386\u53F2"
+};
+function safeParseJson(value) {
+  if (!value) return null;
+  try {
+    return JSON.parse(value);
+  } catch {
     return null;
   }
-  const reconnecting = connection === "reconnecting";
-  return /* @__PURE__ */ jsx5("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: cn(
-        "mx-auto flex max-w-3xl items-start gap-3 rounded-2xl border px-4 py-3",
-        reconnecting ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
-      ),
-      children: [
-        /* @__PURE__ */ jsx5("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(TriangleAlert, { size: 14 }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium", children: reconnecting ? "\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u6B63\u5728\u91CD\u8FDE\u2026" : "\u8FDE\u63A5\u5DF2\u65AD\u5F00" }),
-          /* @__PURE__ */ jsx5("div", { className: "text-xs opacity-80", children: "\u6D88\u606F\u540C\u6B65\u53EF\u80FD\u4F1A\u5EF6\u8FDF\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
-        ] })
-      ]
-    }
-  ) });
 }
-
-// src/components/MessageList.tsx
-import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo7, useRef as useRef7, useState as useState11 } 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 useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
-var DEFAULT_SPRING_ANIMATION = {
-  /**
-   * A value from 0 to 1, on how much to damp the animation.
-   * 0 means no damping, 1 means full damping.
-   *
-   * @default 0.7
-   */
-  damping: 0.7,
-  /**
-   * The stiffness of how fast/slow the animation gets up to speed.
-   *
-   * @default 0.05
-   */
-  stiffness: 0.05,
-  /**
-   * The inertial mass associated with the animation.
-   * Higher numbers make the animation slower.
-   *
-   * @default 1.25
-   */
-  mass: 1.25
-};
-var STICK_TO_BOTTOM_OFFSET_PX = 70;
-var SIXTY_FPS_INTERVAL_MS = 1e3 / 60;
-var RETAIN_ANIMATION_DURATION_MS = 350;
-var mouseDown = false;
-globalThis.document?.addEventListener("mousedown", () => {
-  mouseDown = true;
-});
-globalThis.document?.addEventListener("mouseup", () => {
-  mouseDown = false;
-});
-globalThis.document?.addEventListener("click", () => {
-  mouseDown = false;
-});
-var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState4(false);
-  const [isAtBottom, updateIsAtBottom] = useState4(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState4(false);
-  const optionsRef = useRef3(null);
-  optionsRef.current = options;
-  const isSelecting = useCallback3(() => {
-    if (!mouseDown) {
-      return false;
-    }
-    const selection = window.getSelection();
-    if (!selection || !selection.rangeCount) {
-      return false;
-    }
-    const range = selection.getRangeAt(0);
-    return range.commonAncestorContainer.contains(scrollRef.current) || scrollRef.current?.contains(range.commonAncestorContainer);
-  }, []);
-  const setIsAtBottom = useCallback3((isAtBottom2) => {
-    state.isAtBottom = isAtBottom2;
+function getStringArgValue(args, key) {
+  const value = args?.[key];
+  return typeof value === "string" ? value.trim() : "";
+}
+var SKILL_ENTRY_FILE_NAMES = /* @__PURE__ */ new Set(["skill.md", "command.md"]);
+var NON_SKILL_DIR_NAMES = /* @__PURE__ */ new Set([".", "..", ".agent", ".agents", ".claude", "skill_data", "skills"]);
+function getSkillNameFromFilePath(filePath) {
+  if (!filePath) return null;
+  const segments = filePath.split(/[\\/]+/).filter(Boolean);
+  const fileName = segments.pop();
+  if (!fileName || !SKILL_ENTRY_FILE_NAMES.has(fileName.toLowerCase())) return null;
+  const dirName = segments.pop();
+  if (!dirName || NON_SKILL_DIR_NAMES.has(dirName.toLowerCase())) return null;
+  return dirName;
+}
+function formatToolName(name) {
+  const trimmed = name.trim();
+  if (!trimmed) return name;
+  const stripped = trimmed.split(":").pop()?.split("/").pop()?.split(".").pop()?.trim() || trimmed;
+  const normalized = stripped.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
+  return TOOL_NAME_ALIASES[normalized] ?? stripped;
+}
+function getToolDisplayLabel(toolCall) {
+  const normalized = formatToolName(toolCall.name);
+  const args = safeParseJson(toolCall.arguments);
+  const displayName = toolCall.display_name?.trim() ?? "";
+  const baseLabel = displayName || TOOL_DISPLAY_LABELS[normalized] || normalized;
+  const metaDisplayName = getStringArgValue(args, "_meta_display_name");
+  if (metaDisplayName) {
+    return metaDisplayName;
+  }
+  const description = getStringArgValue(args, "description");
+  if (normalized === "BgBash") {
+    return description ? `\u540E\u53F0\u6267\u884C\uFF1A${description}` : "\u540E\u53F0\u6267\u884C\u547D\u4EE4";
+  }
+  if (normalized === "ReadSkill") {
+    const skillName = getStringArgValue(args, "skill") || getStringArgValue(args, "skill_name");
+    return skillName ? `${baseLabel}\u300C${skillName}\u300D` : baseLabel;
+  }
+  if (normalized === "Read") {
+    const skillName = getSkillNameFromFilePath(
+      getStringArgValue(args, "file_path") || getStringArgValue(args, "path")
+    );
+    if (skillName) return `\u8BFB\u53D6\u6280\u80FD\u300C${skillName}\u300D`;
+  }
+  if (normalized === "FinishTask") {
+    const title = getStringArgValue(args, "title");
+    return title ? `${baseLabel}\uFF1A${title}` : baseLabel;
+  }
+  return description || baseLabel;
+}
+function getToolTone(status) {
+  if (status === "error" || status === "cancelled") return "red";
+  if (status === "awaiting_answer") return "amber";
+  if (status === "pending") return "blue";
+  return "emerald";
+}
+function getToolStatusLabel(status) {
+  if (status === "pending") return "\u8FD0\u884C\u4E2D";
+  if (status === "awaiting_answer") return "\u7B49\u5F85\u56DE\u7B54";
+  if (status === "error") return "\u9519\u8BEF";
+  if (status === "cancelled") return "\u5DF2\u53D6\u6D88";
+  return "\u5B8C\u6210";
+}
+function formatToolDuration(ms) {
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  const seconds = ms / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.round(seconds % 60);
+  return remainingSeconds > 0 ? `${minutes}m${remainingSeconds}s` : `${minutes}m`;
+}
+function formatToolArgs(args) {
+  try {
+    return JSON.stringify(JSON.parse(args), null, 2);
+  } catch {
+    return args;
+  }
+}
+var RESULT_PREVIEW_LIMIT = 4e3;
+function formatToolResult(result) {
+  const text = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+  if (text == null) return "";
+  if (text.length <= RESULT_PREVIEW_LIMIT) return text;
+  return `${text.slice(0, RESULT_PREVIEW_LIMIT)}
+\u2026\uFF08\u7ED3\u679C\u8FC7\u957F\uFF0C\u5DF2\u622A\u65AD\uFF09`;
+}
+
+// src/components/PlanUpdateBlock.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var PLAN_STEP_STATUSES = /* @__PURE__ */ new Set(["pending", "in_progress", "completed"]);
+var PLAN_AUTO_COLLAPSE_MS = 5e3;
+function isPlanUpdateTool(toolCall) {
+  return formatToolName(toolCall.name) === "UpdatePlan";
+}
+function getPlanUpdateDisplayState(messages) {
+  let current = null;
+  let latestAttempt = null;
+  let latestAttemptStreaming = false;
+  for (const message of messages) {
+    if ((message.loop_name ?? "root") !== "root") continue;
+    for (const toolCall of message.tool_calls ?? []) {
+      if (!isPlanUpdateTool(toolCall)) continue;
+      latestAttempt = toolCall;
+      latestAttemptStreaming = message.status === "streaming";
+      if (toolCall.status === "done" && parsePlanUpdate(toolCall.arguments)) current = toolCall;
+    }
+  }
+  return {
+    current,
+    updating: latestAttempt?.status === "pending" && latestAttemptStreaming
+  };
+}
+function parsePlanUpdate(argumentsJson) {
+  try {
+    const raw = JSON.parse(argumentsJson);
+    if (!raw || typeof raw !== "object") return null;
+    const candidate = raw;
+    if (!Array.isArray(candidate.plan)) return null;
+    const plan = candidate.plan.map((item) => {
+      if (!item || typeof item !== "object") return null;
+      const step = item.step;
+      const status = item.status;
+      if (typeof step !== "string" || !step.trim() || typeof status !== "string" || !PLAN_STEP_STATUSES.has(status)) {
+        return null;
+      }
+      return { step: step.trim(), status };
+    });
+    if (plan.some((item) => item === null)) return null;
+    if (plan.filter((item) => item?.status === "in_progress").length > 1) return null;
+    return { plan };
+  } catch {
+    return null;
+  }
+}
+function pickCurrentPlanStep(plan) {
+  return plan.find((item) => item.status === "in_progress") ?? plan.find((item) => item.status === "pending") ?? plan[plan.length - 1] ?? null;
+}
+function PlanStepIcon({
+  status,
+  size = 17,
+  running = false
+}) {
+  if (status === "completed") {
+    return /* @__PURE__ */ jsx4(Check, { size, strokeWidth: 2, className: "shrink-0 text-emerald-500" });
+  }
+  if (status === "in_progress") {
+    return running ? /* @__PURE__ */ jsx4(LoaderCircle, { size, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx4(CircleDot, { size, className: "shrink-0 text-amber-500" });
+  }
+  return /* @__PURE__ */ jsx4(Circle, { size, className: "shrink-0 text-[hsl(var(--muted-foreground))]/60" });
+}
+function PlanUpdateBlock({
+  toolCall,
+  running = false,
+  autoReveal = false
+}) {
+  const updateKey = `${toolCall.id}:${toolCall.arguments}`;
+  const revealKey = autoReveal ? updateKey : null;
+  const [collapsed, setCollapsed] = useState4(!autoReveal);
+  const collapseTimerRef = useRef4(null);
+  const data = parsePlanUpdate(toolCall.arguments);
+  useEffect4(() => {
+    if (!revealKey) return;
+    if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
+    setCollapsed(false);
+    collapseTimerRef.current = setTimeout(() => {
+      setCollapsed(true);
+      collapseTimerRef.current = null;
+    }, PLAN_AUTO_COLLAPSE_MS);
+  }, [revealKey]);
+  useEffect4(
+    () => () => {
+      if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
+    },
+    []
+  );
+  if (!data) return null;
+  const completed = data.plan.filter((item) => item.status === "completed").length;
+  const currentStep = pickCurrentPlanStep(data.plan);
+  const pausedAtCurrentStep = !running && currentStep?.status === "in_progress";
+  return /* @__PURE__ */ jsxs3("section", { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": !collapsed,
+        onClick: () => {
+          if (collapseTimerRef.current) {
+            clearTimeout(collapseTimerRef.current);
+            collapseTimerRef.current = null;
+          }
+          setCollapsed((value) => !value);
+        },
+        className: cn(
+          "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--muted)/0.3)]",
+          !collapsed && "border-b border-[hsl(var(--border))]"
+        ),
+        children: [
+          collapsed && currentStep ? /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsx4(PlanStepIcon, { status: currentStep.status, size: 14, running }),
+            /* @__PURE__ */ jsx4("span", { className: "truncate", children: currentStep.step }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-[11px] text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          ] }) : /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx4(ListChecks, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx4("span", { className: "truncate", children: "\u4EFB\u52A1\u8FDB\u5EA6" }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          ] }),
+          /* @__PURE__ */ jsxs3("span", { className: "shrink-0 text-[11px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+            completed,
+            "/",
+            data.plan.length
+          ] }),
+          /* @__PURE__ */ jsx4(
+            ChevronDown,
+            {
+              size: 14,
+              className: cn(
+                "shrink-0 text-[hsl(var(--muted-foreground))] transition-transform duration-300 ease-out motion-reduce:transition-none",
+                !collapsed && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        "aria-hidden": collapsed,
+        className: cn(
+          "grid transition-[grid-template-rows,opacity] duration-300 ease-out motion-reduce:transition-none",
+          collapsed ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"
+        ),
+        children: /* @__PURE__ */ jsx4("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx4("div", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto px-3 py-2", children: data.plan.length === 0 ? /* @__PURE__ */ jsx4("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4EFB\u52A1\u6B65\u9AA4" }) : data.plan.map((item, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2 py-0.5", children: [
+          /* @__PURE__ */ jsx4("span", { className: "mt-[3px] flex shrink-0", children: /* @__PURE__ */ jsx4(PlanStepIcon, { status: item.status, size: 14, running }) }),
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 break-words text-[13px] leading-5",
+                item.status === "completed" ? "text-[hsl(var(--muted-foreground))]" : item.status === "in_progress" ? "font-medium text-[hsl(var(--foreground))]" : "text-[hsl(var(--muted-foreground))]"
+              ),
+              children: item.step
+            }
+          )
+        ] }, `${index}-${item.step}`)) }) })
+      }
+    )
+  ] });
+}
+function CurrentPlanPanel({
+  messages,
+  running = false,
+  revealRevision = 0,
+  sessionId,
+  className
+}) {
+  const { current, updating } = getPlanUpdateDisplayState(messages);
+  const revealBaselinesRef = useRef4(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
+  const autoReveal = (revealBaselinesRef.current.get(sessionId) ?? 0) !== revealRevision;
+  useEffect4(() => {
+    if (!current) return;
+    revealBaselinesRef.current.set(sessionId, revealRevision);
+  }, [current, revealRevision, sessionId]);
+  if (!current && !updating) return null;
+  return /* @__PURE__ */ jsxs3("div", { className: cn("blade-chat-plan mx-auto w-full max-w-[748px] px-4", className), children: [
+    updating ? /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx4(LoaderCircle, { size: 14, className: "shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx4("span", { children: "\u6B63\u5728\u66F4\u65B0\u4EFB\u52A1\u8FDB\u5EA6\u2026" })
+    ] }) : null,
+    current ? /* @__PURE__ */ jsx4(
+      PlanUpdateBlock,
+      {
+        toolCall: current,
+        running,
+        autoReveal
+      },
+      sessionId ?? "current-session"
+    ) : null
+  ] });
+}
+
+// src/components/ChatSurface.tsx
+import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
+
+// src/components/ChatInput.tsx
+import { useState as useState5 } from "react";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function isImeCompositionKey(event) {
+  return event.isComposing || event.keyCode === 229;
+}
+function shouldSubmitChatInput(event, menuOpen) {
+  return event.key === "Enter" && !event.shiftKey && !menuOpen && !isImeCompositionKey(event);
+}
+function ChatInput({
+  value,
+  onValueChange,
+  onSend,
+  onAppend,
+  onStop,
+  isStreaming,
+  isStopping = false,
+  placeholder = "\u8F93\u5165\u6D88\u606F\u2026",
+  className,
+  queueKey
+}) {
+  const trimmed = value.trim();
+  const [sendMode, setSendMode] = useState5("direct");
+  void queueKey;
+  const canSend = trimmed.length > 0 && (!isStreaming || sendMode === "queue");
+  const handleSend = async () => {
+    if (!canSend) return;
+    if (isStreaming && sendMode === "queue") {
+      if (onAppend) onAppend(trimmed);
+      onValueChange("");
+      return;
+    }
+    if (isStreaming && sendMode === "direct") {
+      if (!onAppend) return;
+      onAppend(trimmed);
+      onValueChange("");
+      return;
+    }
+    const accepted = await onSend(trimmed);
+    if (!accepted) return;
+    onValueChange("");
+  };
+  const handleKeyDown = (event) => {
+    if (shouldSubmitChatInput({
+      key: event.key,
+      shiftKey: event.shiftKey,
+      isComposing: event.nativeEvent.isComposing,
+      keyCode: event.nativeEvent.keyCode
+    }, false)) {
+      event.preventDefault();
+      void handleSend();
+    }
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: [
+    /* @__PURE__ */ jsx5("div", { className: "mx-auto mb-2 flex max-w-[748px] items-center justify-between px-1 text-xs text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsxs4("fieldset", { className: "flex items-center gap-1 rounded-md border border-[hsl(var(--border))] p-0.5", children: [
+      /* @__PURE__ */ jsx5("legend", { className: "sr-only", children: "\u53D1\u9001\u65B9\u5F0F" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setSendMode("direct"), "aria-pressed": sendMode === "direct", disabled: isStreaming && !onAppend, className: `rounded px-2 py-1 ${sendMode === "direct" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u76F4\u63A5\u63D2\u5165" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setSendMode("queue"), "aria-pressed": sendMode === "queue", className: `rounded px-2 py-1 ${sendMode === "queue" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u6392\u961F\u6267\u884C" })
+    ] }) }),
+    /* @__PURE__ */ jsxs4("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
+      /* @__PURE__ */ jsx5(
+        "textarea",
+        {
+          value,
+          onChange: (event) => onValueChange(event.target.value),
+          onKeyDown: handleKeyDown,
+          onInput: (event) => {
+            const el = event.currentTarget;
+            el.style.height = "auto";
+            el.style.height = `${Math.min(el.scrollHeight, 192)}px`;
+          },
+          rows: 1,
+          placeholder,
+          "aria-label": "\u804A\u5929\u8F93\u5165",
+          className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
+        }
+      ),
+      isStreaming ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+        sendMode === "queue" ? /* @__PURE__ */ jsx5("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__ */ jsx5(ArrowUp, { size: 15 }) }) : null,
+        /* @__PURE__ */ jsx5("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__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Square, { size: 12, fill: "currentColor" }) })
+      ] }) : /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          onClick: handleSend,
+          disabled: !canSend,
+          "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__ */ jsx5(ArrowUp, { size: 15 })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/ConnectionBanner.tsx
+import { useEffect as useEffect5, useRef as useRef5, useState as useState6 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var CONNECTION_NOTICE_DELAY_MS = 3e3;
+var CONNECTION_ERROR_DELAY_MS = 15e3;
+function useConnectionNoticePhase(connected) {
+  const [phase, setPhase] = useState6("hidden");
+  const connectedRef = useRef5(connected);
+  const timersRef = useRef5([]);
+  connectedRef.current = connected;
+  useEffect5(() => {
+    const clearTimers = () => {
+      for (const timer of timersRef.current) clearTimeout(timer);
+      timersRef.current = [];
+    };
+    const startGracePeriod = () => {
+      clearTimers();
+      setPhase("hidden");
+      timersRef.current = [
+        setTimeout(() => setPhase("recovering"), CONNECTION_NOTICE_DELAY_MS),
+        setTimeout(() => setPhase("failed"), CONNECTION_ERROR_DELAY_MS)
+      ];
+    };
+    if (connected) {
+      clearTimers();
+      setPhase("hidden");
+    } else {
+      startGracePeriod();
+    }
+    const handleForeground = () => {
+      if (!connectedRef.current) startGracePeriod();
+    };
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") handleForeground();
+    };
+    window.addEventListener("blade:app-active", handleForeground);
+    window.addEventListener("focus", handleForeground);
+    window.addEventListener("pageshow", handleForeground);
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      clearTimers();
+      window.removeEventListener("blade:app-active", handleForeground);
+      window.removeEventListener("focus", handleForeground);
+      window.removeEventListener("pageshow", handleForeground);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [connected]);
+  return phase;
+}
+function ConnectionBanner({ connection, className }) {
+  const hasConnectedRef = useRef5(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__ */ jsx6("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: cn(
+        "mx-auto flex max-w-3xl items-start gap-3 rounded-2xl border px-4 py-3",
+        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__ */ jsx6("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx6(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx6(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx6("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__ */ jsx6("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" })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/components/MessageList.tsx
+import { isHiddenInternalMessage } from "@blade-hq/agent-client";
+import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo7, useRef as useRef12, useState as useState14 } 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 useCallback4, useMemo as useMemo3, useRef as useRef6, useState as useState7 } from "react";
+var DEFAULT_SPRING_ANIMATION = {
+  /**
+   * A value from 0 to 1, on how much to damp the animation.
+   * 0 means no damping, 1 means full damping.
+   *
+   * @default 0.7
+   */
+  damping: 0.7,
+  /**
+   * The stiffness of how fast/slow the animation gets up to speed.
+   *
+   * @default 0.05
+   */
+  stiffness: 0.05,
+  /**
+   * The inertial mass associated with the animation.
+   * Higher numbers make the animation slower.
+   *
+   * @default 1.25
+   */
+  mass: 1.25
+};
+var STICK_TO_BOTTOM_OFFSET_PX = 70;
+var SIXTY_FPS_INTERVAL_MS = 1e3 / 60;
+var RETAIN_ANIMATION_DURATION_MS = 350;
+var mouseDown = false;
+globalThis.document?.addEventListener("mousedown", () => {
+  mouseDown = true;
+});
+globalThis.document?.addEventListener("mouseup", () => {
+  mouseDown = false;
+});
+globalThis.document?.addEventListener("click", () => {
+  mouseDown = false;
+});
+var useStickToBottom = (options = {}) => {
+  const [escapedFromLock, updateEscapedFromLock] = useState7(false);
+  const [isAtBottom, updateIsAtBottom] = useState7(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState7(false);
+  const optionsRef = useRef6(null);
+  optionsRef.current = options;
+  const isSelecting = useCallback4(() => {
+    if (!mouseDown) {
+      return false;
+    }
+    const selection = window.getSelection();
+    if (!selection || !selection.rangeCount) {
+      return false;
+    }
+    const range = selection.getRangeAt(0);
+    return range.commonAncestorContainer.contains(scrollRef.current) || scrollRef.current?.contains(range.commonAncestorContainer);
+  }, []);
+  const setIsAtBottom = useCallback4((isAtBottom2) => {
+    state.isAtBottom = isAtBottom2;
     updateIsAtBottom(isAtBottom2);
   }, []);
-  const setEscapedFromLock = useCallback3((escapedFromLock2) => {
+  const setEscapedFromLock = useCallback4((escapedFromLock2) => {
     state.escapedFromLock = escapedFromLock2;
     updateEscapedFromLock(escapedFromLock2);
   }, []);
@@ -1195,7 +1918,7 @@ var useStickToBottom = (options = {}) => {
       }
     };
   }, []);
-  const scrollToBottom = useCallback3((scrollOptions = {}) => {
+  const scrollToBottom = useCallback4((scrollOptions = {}) => {
     if (typeof scrollOptions === "string") {
       scrollOptions = { animation: scrollOptions };
     }
@@ -1280,11 +2003,11 @@ var useStickToBottom = (options = {}) => {
     }
     return next();
   }, [setIsAtBottom, isSelecting, state]);
-  const stopScroll = useCallback3(() => {
+  const stopScroll = useCallback4(() => {
     setEscapedFromLock(true);
     setIsAtBottom(false);
   }, [setEscapedFromLock, setIsAtBottom]);
-  const handleScroll = useCallback3(({ target }) => {
+  const handleScroll = useCallback4(({ target }) => {
     if (target !== scrollRef.current) {
       return;
     }
@@ -1323,7 +2046,7 @@ var useStickToBottom = (options = {}) => {
       }
     }, 1);
   }, [setEscapedFromLock, setIsAtBottom, isSelecting, state]);
-  const handleWheel = useCallback3(({ target, deltaY }) => {
+  const handleWheel = useCallback4(({ target, deltaY }) => {
     let element = target;
     while (!["scroll", "auto"].includes(getComputedStyle(element).overflow)) {
       if (!element.parentElement) {
@@ -1393,7 +2116,7 @@ var useStickToBottom = (options = {}) => {
   };
 };
 function useRefCallback(callback, deps) {
-  const result = useCallback3((ref) => {
+  const result = useCallback4((ref) => {
     result.current = ref;
     return callback(ref);
   }, deps);
@@ -1425,11 +2148,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 createContext2, useContext as useContext2, useEffect as useEffect3, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef4 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect6, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef7 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect6;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef4(null);
+  const customTargetScrollTop = useRef7(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -1478,160 +2201,44 @@ function StickToBottom({ instance, children, resize, initial, mass, damping, sti
   return React.createElement(
     StickToBottomContext.Provider,
     { value: context },
-    React.createElement("div", { ...props }, typeof children === "function" ? children(context) : children)
-  );
-}
-(function(StickToBottom2) {
-  function Content({ children, scrollClassName, ...props }) {
-    const context = useStickToBottomContext();
-    return React.createElement(
-      "div",
-      { ref: context.scrollRef, style: {
-        height: "100%",
-        width: "100%",
-        scrollbarGutter: "stable both-edges"
-      }, className: scrollClassName },
-      React.createElement("div", { ...props, ref: context.contentRef }, typeof children === "function" ? children(context) : children)
-    );
-  }
-  StickToBottom2.Content = Content;
-})(StickToBottom || (StickToBottom = {}));
-function useStickToBottomContext() {
-  const context = useContext2(StickToBottomContext);
-  if (!context) {
-    throw new Error("use-stick-to-bottom component context must be used within a StickToBottom component");
-  }
-  return context;
-}
-
-// src/components/AssistantTurnBlock.tsx
-import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client";
-import { useState as useState9 } from "react";
-
-// src/components/AgentLoopBlock.tsx
-import { useState as useState5 } from "react";
-
-// src/components/display-utils.ts
-var TOOL_NAME_ALIASES = {
-  agent: "Agent",
-  ask_user_question: "AskUserQuestion",
-  bash: "Bash",
-  bg_bash: "BgBash",
-  edit: "Edit",
-  exit_plan_mode: "ExitPlanMode",
-  file_edit: "Edit",
-  file_read: "Read",
-  file_write: "Write",
-  finish_task: "FinishTask",
-  glob: "Glob",
-  grep: "Grep",
-  ls: "Ls",
-  read: "Read",
-  read_skill: "ReadSkill",
-  web_fetch: "WebFetch",
-  web_search: "WebSearch",
-  write: "Write"
-};
-var TOOL_DISPLAY_LABELS = {
-  Bash: "\u6267\u884C\u547D\u4EE4",
-  BgBash: "\u540E\u53F0\u6267\u884C\u547D\u4EE4",
-  Read: "\u8BFB\u53D6\u6587\u4EF6",
-  Write: "\u5199\u5165\u6587\u4EF6",
-  Edit: "\u7F16\u8F91\u6587\u4EF6",
-  Ls: "\u5217\u51FA\u76EE\u5F55",
-  Glob: "\u5339\u914D\u6587\u4EF6",
-  Grep: "\u641C\u7D22\u6587\u672C",
-  WebSearch: "\u641C\u7D22\u7F51\u9875",
-  WebFetch: "\u6574\u7406\u7F51\u9875\u5185\u5BB9",
-  Agent: "\u6D3E\u751F\u5B50\u667A\u80FD\u4F53",
-  AskUserQuestion: "\u5411\u7528\u6237\u63D0\u95EE",
-  ReadSkill: "\u8BFB\u53D6\u6280\u80FD",
-  FinishTask: "\u4EFB\u52A1\u5B8C\u6210",
-  ExitPlanMode: "\u63D0\u4EA4\u8BA1\u5212",
-  ListSessions: "\u5217\u51FA\u5386\u53F2\u4F1A\u8BDD",
-  GetSessionHistory: "\u8BFB\u53D6\u4F1A\u8BDD\u5386\u53F2"
-};
-function safeParseJson(value) {
-  if (!value) return null;
-  try {
-    return JSON.parse(value);
-  } catch {
-    return null;
-  }
-}
-function getStringArgValue(args, key) {
-  const value = args?.[key];
-  return typeof value === "string" ? value.trim() : "";
-}
-function formatToolName(name) {
-  const trimmed = name.trim();
-  if (!trimmed) return name;
-  const stripped = trimmed.split(":").pop()?.split("/").pop()?.split(".").pop()?.trim() || trimmed;
-  const normalized = stripped.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
-  return TOOL_NAME_ALIASES[normalized] ?? stripped;
-}
-function getToolDisplayLabel(toolCall) {
-  const normalized = formatToolName(toolCall.name);
-  const args = safeParseJson(toolCall.arguments);
-  const displayName = toolCall.display_name?.trim() ?? "";
-  const baseLabel = displayName || TOOL_DISPLAY_LABELS[normalized] || normalized;
-  const metaDisplayName = getStringArgValue(args, "_meta_display_name");
-  if (metaDisplayName) {
-    return metaDisplayName;
-  }
-  const description = getStringArgValue(args, "description");
-  if (normalized === "BgBash") {
-    return description ? `\u540E\u53F0\u6267\u884C\uFF1A${description}` : "\u540E\u53F0\u6267\u884C\u547D\u4EE4";
-  }
-  if (normalized === "ReadSkill") {
-    const skillName = getStringArgValue(args, "skill") || getStringArgValue(args, "skill_name");
-    return skillName ? `${baseLabel}\u300C${skillName}\u300D` : baseLabel;
-  }
-  if (normalized === "FinishTask") {
-    const title = getStringArgValue(args, "title");
-    return title ? `${baseLabel}\uFF1A${title}` : baseLabel;
-  }
-  return description || baseLabel;
-}
-function getToolTone(status) {
-  if (status === "error" || status === "cancelled") return "red";
-  if (status === "awaiting_answer") return "amber";
-  if (status === "pending") return "blue";
-  return "emerald";
-}
-function getToolStatusLabel(status) {
-  if (status === "pending") return "\u8FD0\u884C\u4E2D";
-  if (status === "awaiting_answer") return "\u7B49\u5F85\u56DE\u7B54";
-  if (status === "error") return "\u9519\u8BEF";
-  if (status === "cancelled") return "\u5DF2\u53D6\u6D88";
-  return "\u5B8C\u6210";
-}
-function formatToolDuration(ms) {
-  if (ms < 1e3) return `${Math.round(ms)}ms`;
-  const seconds = ms / 1e3;
-  if (seconds < 60) return `${seconds.toFixed(1)}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = Math.round(seconds % 60);
-  return remainingSeconds > 0 ? `${minutes}m${remainingSeconds}s` : `${minutes}m`;
+    React.createElement("div", { ...props }, typeof children === "function" ? children(context) : children)
+  );
 }
-function formatToolArgs(args) {
-  try {
-    return JSON.stringify(JSON.parse(args), null, 2);
-  } catch {
-    return args;
+(function(StickToBottom2) {
+  function Content({ children, scrollClassName, ...props }) {
+    const context = useStickToBottomContext();
+    return React.createElement(
+      "div",
+      { ref: context.scrollRef, style: {
+        height: "100%",
+        width: "100%",
+        scrollbarGutter: "stable both-edges"
+      }, className: scrollClassName },
+      React.createElement("div", { ...props, ref: context.contentRef }, typeof children === "function" ? children(context) : children)
+    );
   }
+  StickToBottom2.Content = Content;
+})(StickToBottom || (StickToBottom = {}));
+function useStickToBottomContext() {
+  const context = useContext2(StickToBottomContext);
+  if (!context) {
+    throw new Error("use-stick-to-bottom component context must be used within a StickToBottom component");
+  }
+  return context;
 }
-var RESULT_PREVIEW_LIMIT = 4e3;
-function formatToolResult(result) {
-  const text = typeof result === "string" ? result : JSON.stringify(result, null, 2);
-  if (text == null) return "";
-  if (text.length <= RESULT_PREVIEW_LIMIT) return text;
-  return `${text.slice(0, RESULT_PREVIEW_LIMIT)}
-\u2026\uFF08\u7ED3\u679C\u8FC7\u957F\uFF0C\u5DF2\u622A\u65AD\uFF09`;
-}
+
+// src/components/AssistantTurnBlock.tsx
+import {
+  getFileParts,
+  getImageParts,
+  getTextContent,
+  normalizeMessageContent
+} from "@blade-hq/agent-client";
+import { useEffect as useEffect9, useRef as useRef10, useState as useState12 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -1641,83 +2248,81 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState8(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
-  return /* @__PURE__ */ jsxs5("div", { className: "blade-chat-agent-loop ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs5(
-      "div",
+  const hasResult = toolCall.result != null;
+  const iconClass = cn(
+    "size-3.5 shrink-0",
+    failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
+  );
+  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
       {
+        type: "button",
+        onClick: () => hasResult && setExpanded(!expanded),
+        disabled: !hasResult,
+        "aria-expanded": hasResult ? expanded : void 0,
+        "data-testid": "execution-tool-intent",
         className: cn(
-          "border-l-[3px] flex items-center gap-2 px-3 py-2",
-          failed ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : running ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]"
+          "flex min-w-0 items-center gap-1 py-1.5 text-left",
+          hasResult && "cursor-pointer hover:text-[hsl(var(--foreground))]",
+          failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
         ),
+        title: `\u5B50\u4EFB\u52A1\uFF1A${description}`,
         children: [
-          /* @__PURE__ */ jsxs5(
-            "button",
+          running ? /* @__PURE__ */ jsx7(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx7(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx7(X, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx7(Bot, { className: iconClass, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs6("span", { className: "min-w-0 truncate", children: [
+            "\u5B50\u4EFB\u52A1\uFF1A",
+            description
+          ] }),
+          hasResult ? /* @__PURE__ */ jsx7(
+            ChevronRight,
             {
-              type: "button",
-              onClick: () => setExpanded(!expanded),
-              className: "flex min-w-0 flex-1 items-center gap-2 text-left transition-colors hover:bg-white/3 focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
-              "aria-expanded": expanded,
-              children: [
-                /* @__PURE__ */ jsx6(
-                  ChevronRight,
-                  {
-                    size: 11,
-                    className: cn(
-                      "shrink-0 text-[hsl(var(--muted-foreground))] transition-transform",
-                      expanded && "rotate-90"
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx6(Bot, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-                /* @__PURE__ */ jsxs5(
-                  "span",
-                  {
-                    className: cn(
-                      "flex shrink-0 items-center gap-1 text-[10px]",
-                      failed ? "text-[hsl(var(--muted-foreground))]" : running ? "text-blue-300" : "text-[hsl(var(--primary))]"
-                    ),
-                    children: [
-                      running ? /* @__PURE__ */ jsx6(LoaderCircle, { size: 11, className: "animate-spin" }) : failed ? /* @__PURE__ */ jsx6(X, { size: 11 }) : /* @__PURE__ */ jsx6(Check, { size: 11 }),
-                      /* @__PURE__ */ jsx6("span", { children: running ? "\u6267\u884C\u4E2D" : failed ? "\u5DF2\u7EC8\u6B62" : "\u5B8C\u6210" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
-                  "\u5B50\u667A\u80FD\u4F53\uFF1A",
-                  description
-                ] })
-              ]
+              size: 14,
+              style: { transitionDuration: "260ms", transitionTimingFunction: "cubic-bezier(0.25, 0.1, 0.25, 1)" },
+              className: cn(
+                "shrink-0 transition-transform",
+                expanded && "rotate-90"
+              ),
+              "aria-hidden": "true"
             }
-          ),
-          typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx6("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+          ) : null
         ]
       }
     ),
-    expanded && toolCall.result != null && /* @__PURE__ */ jsxs5("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx6("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-      /* @__PURE__ */ jsx6("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
-    ] })
+    expanded && hasResult ? /* @__PURE__ */ jsx7("div", { className: "ml-[18px] mt-1.5 max-h-[400px] overflow-auto whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : null
   ] });
 }
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect7,
   useMemo as useMemo5,
-  useRef as useRef5,
-  useState as useState6
+  useRef as useRef8,
+  useState as useState9
 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
+function normalizeAdjacentUrlFormatting(value) {
+  const protectedSegments = [];
+  const protectedValue = value.replace(/(`{1,3}[\s\S]*?`{1,3}|\[[^\]]*\]\([^)]*\))/g, (segment) => {
+    const index = protectedSegments.push(segment) - 1;
+    return `blade-url-protected-${index}-marker`;
+  });
+  const normalized = protectedValue.replace(
+    /(\*\*|__|~~|\*|_)(https?:\/\/[^\s<>]+?)\1(?=[\s。，、！？；：,.!?;:]|$)/g,
+    (_, marker, url) => `${marker}[${url}](<${url}>)${marker}`
+  );
+  return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_, index) => protectedSegments[Number(index)]);
+}
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef5(null);
-  const [copied, setCopied] = useState6(false);
-  const [language, setLanguage] = useState6("");
-  useEffect4(() => {
+  const preRef = useRef8(null);
+  const [copied, setCopied] = useState9(false);
+  const [language, setLanguage] = useState9("");
+  useEffect7(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -1728,10 +2333,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
-    /* @__PURE__ */ jsxs6("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__ */ jsx7("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
-      /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
+    /* @__PURE__ */ jsxs7("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__ */ jsx8("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -1741,13 +2346,13 @@ function CodeBlockPre({ children, node: _node, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx7(Check, { size: 12 }) : /* @__PURE__ */ jsx7(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx7("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx8(Check, { size: 12 }) : /* @__PURE__ */ jsx8(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx8("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "pre",
       {
         ref: preRef,
@@ -1759,7 +2364,7 @@ function CodeBlockPre({ children, node: _node, ...props }) {
   ] });
 }
 function ExternalAnchor({ node: _node, children, ...props }) {
-  return /* @__PURE__ */ jsx7("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx8("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
@@ -1767,9 +2372,9 @@ var MARKDOWN_COMPONENTS = {
 };
 function MarkdownContent({ children, className, mode, sessionId }) {
   const resolvedChildren = useMemo5(() => {
-    return children.replace(SYSTEM_REMINDER_RE, "");
+    return normalizeAdjacentUrlFormatting(children.replace(SYSTEM_REMINDER_RE, ""));
   }, [children]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     _r,
     {
       className: cn("blade-chat-markdown break-words", className),
@@ -1782,17 +2387,46 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx8("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx9("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState8 } from "react";
+import { useState as useState11 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect5, useMemo as useMemo6, useState as useState7 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useMemo as useMemo6, useRef as useRef9, useState as useState10 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
+function resizeCustomTextarea(textarea) {
+  textarea.style.height = "auto";
+  textarea.style.height = `${Math.min(textarea.scrollHeight, CUSTOM_TEXTAREA_MAX_HEIGHT)}px`;
+  textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
+}
+function useAutoResizeTextarea(value) {
+  const textareaRef = useRef9(null);
+  useEffect8(() => {
+    const textarea = textareaRef.current;
+    if (textarea?.value === value) resizeCustomTextarea(textarea);
+  }, [value]);
+  useEffect8(() => {
+    const textarea = textareaRef.current;
+    if (!textarea || typeof ResizeObserver === "undefined") return;
+    let previousWidth = textarea.clientWidth;
+    const observer = new ResizeObserver(([entry]) => {
+      if (!entry || entry.contentRect.width === previousWidth) return;
+      previousWidth = entry.contentRect.width;
+      resizeCustomTextarea(textarea);
+    });
+    observer.observe(textarea);
+    return () => observer.disconnect();
+  }, []);
+  return textareaRef;
+}
+function indentAnswerContinuationLines(answer) {
+  return answer.replaceAll("\n", "\n  ");
+}
 function AskUserQuestionBlock({
   data,
   answered,
@@ -1801,18 +2435,19 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState7(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState7(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState7(/* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState7(false);
-  useEffect5(() => {
+  const [selections, setSelections] = useState10(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState10(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState10(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState10("");
+  const [submitted, setSubmitted] = useState10(false);
+  useEffect8(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
   }, [sessionStatus]);
   const displayAnswerState = useMemo6(() => {
     if (!(answered && answerData)) {
-      return { selections, customTexts, usingCustom };
+      return { selections, customTexts, usingCustom, note };
     }
     const nextSelections = /* @__PURE__ */ new Map();
     const nextCustomTexts = /* @__PURE__ */ new Map();
@@ -1828,9 +2463,10 @@ function AskUserQuestionBlock({
     return {
       selections: nextSelections,
       customTexts: nextCustomTexts,
-      usingCustom: nextUsingCustom
+      usingCustom: nextUsingCustom,
+      note: answerData.note ?? ""
     };
-  }, [answerData, answered, customTexts, selections, usingCustom]);
+  }, [answerData, answered, customTexts, note, selections, usingCustom]);
   const toggleOption = (qIdx, optIdx, multi) => {
     if (answered || submitted) return;
     setSelections((prev) => {
@@ -1878,6 +2514,7 @@ function AskUserQuestionBlock({
   const allAnswered = data.questions.every((_, i) => getAnswer(i) !== null);
   const handleSubmit = () => {
     if (answered || submitted || !allAnswered || !onAnswer) return;
+    const trimmedNote = note.trim();
     const nextAnswerData = {
       selections: Object.fromEntries(
         Array.from(selections.entries()).map(([qIdx, optionIndexes]) => [
@@ -1887,15 +2524,21 @@ function AskUserQuestionBlock({
       ),
       custom: Object.fromEntries(
         Array.from(usingCustom).map((qIdx) => [qIdx, (customTexts.get(qIdx) ?? "").trim()]).filter(([, text2]) => text2.length > 0)
-      )
+      ),
+      ...trimmedNote ? { note: trimmedNote } : {}
     };
-    const parts = data.questions.map((q, i) => `- ${q.question} -> ${getAnswer(i)}`);
-    const text = `\u5173\u4E8E\u9700\u8981\u786E\u8BA4\u7684\u95EE\u9898\uFF0C\u7528\u6237\u7684\u56DE\u7B54\u5982\u4E0B\uFF1A
-${parts.join("\n")}`;
+    const parts = data.questions.map(
+      (q, i) => `- ${q.question} -> ${indentAnswerContinuationLines(getAnswer(i) ?? "")}`
+    );
+    const text = [
+      `\u5173\u4E8E\u9700\u8981\u786E\u8BA4\u7684\u95EE\u9898\uFF0C\u7528\u6237\u7684\u56DE\u7B54\u5982\u4E0B\uFF1A
+${parts.join("\n")}`,
+      trimmedNote ? `\u8865\u5145\u8BF4\u660E\uFF1A${indentAnswerContinuationLines(trimmedNote)}` : ""
+    ].filter(Boolean).join("\n");
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(
@@ -1903,12 +2546,12 @@ ${parts.join("\n")}`;
         answered ? "max-w-2xl space-y-3 p-3 text-xs text-[hsl(var(--muted-foreground))] opacity-80" : "max-w-lg space-y-5 p-4 text-sm"
       ),
       children: [
-        data.source_loop?.description && /* @__PURE__ */ jsxs7("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        data.source_loop?.description && /* @__PURE__ */ jsxs8("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
           "\u5B50\u667A\u80FD\u4F53\u300C",
           data.source_loop.description,
           "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
         ] }),
-        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx9(
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx10(
           QuestionCard,
           {
             question: q,
@@ -1923,7 +2566,16 @@ ${parts.join("\n")}`;
           },
           q.question
         )),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
+          NoteField,
+          {
+            answered,
+            submitted,
+            note: displayAnswerState.note,
+            onChange: setNote
+          }
+        ),
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -1933,14 +2585,14 @@ ${parts.join("\n")}`;
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs7(
+        submitted && !answered && /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
             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__ */ jsx9(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -1961,30 +2613,31 @@ function QuestionCard({
   onCustomChange
 }) {
   const multi = question.multiSelect ?? false;
-  return /* @__PURE__ */ jsxs7("div", { children: [
-    /* @__PURE__ */ jsxs7("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx9(
+  const customTextareaRef = useAutoResizeTextarea(customText);
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsxs8("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx10(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx9(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx10(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
       question.options.map((opt, optIdx) => {
         const isSel = selected.has(optIdx);
-        return /* @__PURE__ */ jsxs7(
+        return /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -1998,14 +2651,14 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx9(
+              multi && /* @__PURE__ */ jsx10(
                 "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__ */ jsx9(
+                  children: isSel && /* @__PURE__ */ jsx10(
                     Check,
                     {
                       size: 9,
@@ -2014,9 +2667,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx9("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx10("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx10(
                   "div",
                   {
                     className: cn(
@@ -2033,29 +2686,30 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs7(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs8(
         "div",
         {
           className: cn(
-            "flex items-center gap-2 rounded-lg border transition-all",
+            "flex items-start gap-2 rounded-lg border transition-all focus-within:ring-2 focus-within:ring-[hsl(var(--ring)/0.35)]",
             answered ? "px-2.5 py-1.5" : "px-3 py-2.5",
             isCustom ? "border-[hsl(var(--ring)/0.6)] bg-[hsl(var(--accent))]" : "border-[hsl(var(--border))] hover:border-[hsl(var(--ring)/0.3)] hover:bg-[hsl(var(--accent))]",
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx9(
-              "input",
+            /* @__PURE__ */ jsx10("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx10(
+              "textarea",
               {
-                type: "text",
+                ref: customTextareaRef,
+                rows: 2,
                 value: customText,
-                disabled: answered,
+                readOnly: answered,
                 onChange: (e) => onCustomChange(qIdx, e.target.value),
                 onFocus: () => onCustomFocus(qIdx),
                 "aria-label": "\u81EA\u5B9A\u4E49\u56DE\u7B54",
                 placeholder: "\u8F93\u5165\u4F60\u7684\u7B54\u6848...",
                 className: cn(
-                  "min-w-0 flex-1 bg-transparent text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.5)]",
+                  "min-h-10 min-w-0 flex-1 resize-none bg-transparent leading-5 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.5)]",
                   answered ? "text-xs" : "text-sm"
                 )
               }
@@ -2066,6 +2720,49 @@ function QuestionCard({
     ] })
   ] });
 }
+function NoteField({
+  answered,
+  submitted,
+  note,
+  onChange
+}) {
+  const textareaRef = useAutoResizeTextarea(note);
+  const readOnly = answered || submitted;
+  if (answered && !note.trim()) return null;
+  return /* @__PURE__ */ jsxs8(
+    "label",
+    {
+      className: cn(
+        "block rounded-lg border transition-all focus-within:ring-2 focus-within:ring-[hsl(var(--ring)/0.35)]",
+        answered ? "px-2.5 py-1.5" : "px-3 py-2.5",
+        note.trim() ? "border-[hsl(var(--ring)/0.6)] bg-[hsl(var(--accent))]" : "border-[hsl(var(--border))] hover:border-[hsl(var(--ring)/0.3)] hover:bg-[hsl(var(--accent))]",
+        readOnly && "cursor-default opacity-70"
+      ),
+      children: [
+        /* @__PURE__ */ jsx10("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx10(
+          "textarea",
+          {
+            ref: textareaRef,
+            rows: 2,
+            value: note,
+            readOnly,
+            onChange: (event) => {
+              if (readOnly) return;
+              onChange(event.target.value);
+            },
+            "aria-label": "\u8865\u5145\u8BF4\u660E",
+            placeholder: "\u9009\u5B8C\u8FD8\u53EF\u4EE5\u518D\u8BB2\u4E24\u53E5\uFF0C\u7A7A\u7740\u5C31\u5F53\u6CA1\u6709",
+            className: cn(
+              "min-h-10 w-full resize-none bg-transparent leading-5 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.5)]",
+              answered ? "text-xs" : "text-sm"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
 function parseAskUserQuestion(toolResult) {
   if (!toolResult) return null;
   try {
@@ -2088,6 +2785,26 @@ function parseAskUserQuestion(toolResult) {
   }
   return null;
 }
+function parseAskUserQuestionError(toolResult) {
+  if (!toolResult) return null;
+  try {
+    const parsed = JSON.parse(toolResult);
+    let detail = null;
+    if (typeof parsed.error === "string") detail = parsed.error;
+    if (parsed.error && typeof parsed.error === "object") {
+      const message = parsed.error.message;
+      if (typeof message === "string") detail = message;
+    }
+    if (!detail && typeof parsed.message === "string") detail = parsed.message;
+    if (!detail) return null;
+    return {
+      message: parsed.error_code === "invalid_questions" ? "\u63D0\u95EE\u5185\u5BB9\u4E0D\u5B8C\u6574\uFF0C\u5F53\u524D\u6CA1\u6709\u7B49\u5F85\u4F60\u56DE\u7B54\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" : "\u8FD9\u6B21\u63D0\u95EE\u6CA1\u6709\u6210\u529F\uFF0C\u5F53\u524D\u6CA1\u6709\u7B49\u5F85\u4F60\u56DE\u7B54\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002",
+      detail
+    };
+  } catch {
+    return null;
+  }
+}
 function normalizeQuestionItem(value) {
   if (!value || typeof value !== "object") return null;
   const item = value;
@@ -2112,13 +2829,14 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
-  fallbackAnswered
+  fallbackAnswered,
+  fallbackAwaiting
 }) {
-  const awaitingAnswer = !hasAnswerData && toolStatus === "awaiting_answer";
+  const awaitingAnswer = !hasAnswerData && (toolStatus === "awaiting_answer" || toolStatus === "pending" && fallbackAwaiting === true);
   return {
     awaitingAnswer,
     answered: hasAnswerData || !awaitingAnswer && (Boolean(fallbackAnswered) || toolStatus === "done" || toolStatus === "cancelled" || toolStatus === "error")
@@ -2130,14 +2848,15 @@ function ToolCallBlock({
   answered,
   answerData,
   sessionStatus,
+  isActiveQuestion,
   renderer
 }) {
-  const [expanded, setExpanded] = useState8(false);
+  const [expanded, setExpanded] = useState11(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
     if (custom !== null && custom !== void 0) {
-      return /* @__PURE__ */ jsx10(Fragment, { children: custom });
+      return /* @__PURE__ */ jsx11(Fragment2, { children: custom });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -2145,11 +2864,12 @@ function ToolCallBlock({
     const questionState = resolveAskQuestionState({
       toolStatus: toolCall.status,
       hasAnswerData: Boolean(answerData),
-      fallbackAnswered: answered
+      fallbackAnswered: answered,
+      fallbackAwaiting: isActiveQuestion === true && (sessionStatus === "paused" || sessionStatus === "waiting_for_input")
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -2162,24 +2882,31 @@ function ToolCallBlock({
       );
     }
     if (toolCall.status === "pending") {
-      return /* @__PURE__ */ jsxs8("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
-        /* @__PURE__ */ jsx10("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      return /* @__PURE__ */ jsxs9("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx11("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
-    return /* @__PURE__ */ jsxs8("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
-      /* @__PURE__ */ jsx10("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsx10("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" })
+    const errorDetail = parseAskUserQuestionError(
+      typeof toolCall.result === "string" ? toolCall.result : null
+    );
+    return /* @__PURE__ */ jsxs9("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
+      /* @__PURE__ */ jsx11("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsx11("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__ */ jsxs9("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx11("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
+        /* @__PURE__ */ jsx11("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
+      ] }) : null
     ] });
   }
   const tone = getToolTone(toolCall.status);
   const displayName = getToolDisplayLabel(toolCall);
   const toneClass = tone === "red" ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : tone === "amber" ? "border-l-amber-400" : tone === "blue" ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]";
-  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx10(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx10(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx10(X, { size: 11 }) : /* @__PURE__ */ jsx10(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx11(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx11(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx11(X, { size: 11 }) : /* @__PURE__ */ jsx11(Check, { size: 11 });
   const statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
-  return /* @__PURE__ */ jsxs8("div", { className: "blade-chat-tool ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs8("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
-      /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs9("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
+      /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
@@ -2187,7 +2914,7 @@ function ToolCallBlock({
           className: "flex min-w-0 flex-1 items-center gap-2 text-left transition-colors hover:bg-white/3 focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
           "aria-expanded": expanded,
           children: [
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx11(
               ChevronRight,
               {
                 size: 11,
@@ -2197,24 +2924,24 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs8("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs9("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx10("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx11("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx11("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
           ]
         }
       ),
-      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx10("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx11("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
-    expanded && /* @__PURE__ */ jsxs8("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx10("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx10("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx10("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx10("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
-      toolCall.result != null && /* @__PURE__ */ jsxs8(Fragment, { children: [
-        /* @__PURE__ */ jsx10("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx10("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
+    expanded && /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx11("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx11("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
+      toolCall.result != null && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        /* @__PURE__ */ jsx11("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx11("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
       ] })
     ] })
   ] });
@@ -2232,110 +2959,555 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState9(false);
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
-    /* @__PURE__ */ jsxs9(
+  const [open, setOpen] = useState12(false);
+  if (!isStreaming) return null;
+  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-thinking text-xs", children: [
+    /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
         onClick: () => setOpen(!open),
         "aria-expanded": open,
-        className: "inline-flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
+        className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx11(Brain, { size: 12, className: "shrink-0" }),
-          isStreaming ? /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }) : /* @__PURE__ */ jsx11("span", { children: "\u601D\u8003\u8FC7\u7A0B" }),
-          /* @__PURE__ */ jsxs9("span", { className: "text-[hsl(var(--muted-foreground))]/70", children: [
-            "\xB7 ",
-            new Intl.NumberFormat("zh-CN").format(reasoning.length),
-            " \u5B57"
-          ] }),
-          /* @__PURE__ */ jsx11(
-            ChevronDown,
+          /* @__PURE__ */ jsx12(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          /* @__PURE__ */ jsx12(
+            ChevronRight,
             {
-              size: 12,
-              className: cn("shrink-0 transition-transform", open && "rotate-180")
+              size: 14,
+              className: cn(
+                "shrink-0 opacity-0 transition-[opacity,transform] group-hover/thinking:opacity-100",
+                open && "rotate-90 opacity-100"
+              )
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx11("div", { className: "mt-1.5 whitespace-pre-wrap border-l-2 border-[hsl(var(--border))] pl-3 text-[11px] leading-5 text-[hsl(var(--muted-foreground))]", children: reasoning })
+    open ? /* @__PURE__ */ jsx12("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
   return getTextContent(normalizeMessageContent(message.content)).trim();
 }
+function hasRenderableMessageContent(message) {
+  return Boolean(getMessageText(message)) || getImageParts(message.content).length > 0 || getFileParts(message.content).length > 0;
+}
+function getLastContentMessage(messages) {
+  for (let index = messages.length - 1; index >= 0; index -= 1) {
+    if (hasRenderableMessageContent(messages[index])) return messages[index];
+  }
+  return null;
+}
+function getOrderedMessageParts(message, toolCalls) {
+  const blocks = message.blocks ?? [];
+  if (!blocks.some((block) => block.type === "text") || !blocks.some((block) => block.type === "tool_use")) return [];
+  const toolsById = new Map(toolCalls.map((toolCall) => [toolCall.id, toolCall]));
+  const seenToolIds = /* @__PURE__ */ new Set();
+  const parts = [];
+  for (const [index, block] of blocks.entries()) {
+    if (block.type === "text" && block.content != null && block.content !== "") {
+      const content = Array.isArray(block.content) ? block.content : String(block.content);
+      parts.push({ type: "text", key: `text-${index}`, content });
+    }
+    if (block.type !== "tool_use" || !block.tool_call_id) continue;
+    const toolCall = toolsById.get(block.tool_call_id);
+    if (!toolCall) continue;
+    seenToolIds.add(toolCall.id);
+    const previous = parts[parts.length - 1];
+    if (previous?.type === "tools") previous.toolCalls.push(toolCall);
+    else parts.push({ type: "tools", key: `tools-${index}`, toolCalls: [toolCall] });
+  }
+  const missingTools = toolCalls.filter((toolCall) => !seenToolIds.has(toolCall.id));
+  if (seenToolIds.size === 0) return [];
+  if (missingTools.length > 0) {
+    parts.push({ type: "tools", key: "tools-missing", toolCalls: missingTools });
+  }
+  return parts;
+}
 function findLatestReasoningMessageIndex(messages) {
   for (let index = messages.length - 1; index >= 0; index -= 1) {
     if (messages[index].reasoning) return index;
   }
   return -1;
 }
-function AssistantTurnBlock({
-  messages,
-  isStreaming = false,
-  askAnswers,
-  onAnswer,
-  sessionStatus,
-  toolCallRenderer,
-  sessionId
+function resolveTurnDisplayMode({
+  isStreaming: _isStreaming,
+  displayMode
+}) {
+  return displayMode;
+}
+function formatExecutionDuration(durationMs) {
+  const totalSeconds = Math.max(0, Math.round(durationMs / 1e3));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return minutes > 0 ? `${minutes}\u5206${seconds}\u79D2` : `${seconds}\u79D2`;
+}
+function getExecutionDurationMs({
+  messages,
+  isStreaming,
+  now = Date.now()
+}) {
+  const knownDuration = messages.reduce(
+    (total, message) => {
+      if (typeof message.duration_ms === "number" && message.duration_ms > 0) {
+        return total + message.duration_ms;
+      }
+      return total + (message.tool_calls ?? []).reduce(
+        (toolTotal, toolCall) => toolTotal + (typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 ? toolCall.duration_ms : 0),
+        0
+      );
+    },
+    0
+  );
+  if (!isStreaming) return knownDuration;
+  const startedAt = messages.map((message) => message.timestamp ? Date.parse(message.timestamp) : Number.NaN).filter((value) => Number.isFinite(value)).sort((a, b) => a - b)[0];
+  if (startedAt === void 0) return knownDuration;
+  return Math.max(knownDuration, now - startedAt);
+}
+function findLastExceptionalEvent(messages) {
+  for (let messageIndex = messages.length - 1; messageIndex >= 0; messageIndex -= 1) {
+    const messageStatus = messages[messageIndex].status;
+    if (messageStatus === "failed") return { messageIndex, status: "error" };
+    if (messageStatus === "interrupted") return { messageIndex, status: "cancelled" };
+    const toolCalls = messages[messageIndex].tool_calls ?? [];
+    for (let toolIndex = toolCalls.length - 1; toolIndex >= 0; toolIndex -= 1) {
+      const status = toolCalls[toolIndex].status;
+      if (status === "error" || status === "cancelled") {
+        return { messageIndex, status };
+      }
+    }
+  }
+  return null;
+}
+function executionSummaryLabel({
+  messages,
+  isStreaming,
+  durationMs,
+  sessionStatus,
+  askAnswers
+}) {
+  if (isStreaming) {
+    return durationMs > 0 ? `\u6B63\u5728\u6267\u884C ${formatExecutionDuration(durationMs)}` : "\u6B63\u5728\u6267\u884C";
+  }
+  if (sessionStatus === "waiting_for_input" && messages.some(
+    (message) => (message.tool_calls ?? []).some(
+      (toolCall) => formatToolName(toolCall.name) === "AskUserQuestion" && toolCall.status === "awaiting_answer" && !askAnswers?.[toolCall.id]
+    )
+  )) {
+    return "\u7B49\u5F85\u8F93\u5165";
+  }
+  const completedLabel = durationMs > 0 ? `\u6267\u884C\u5B8C\u6210 ${formatExecutionDuration(durationMs)}` : "\u6267\u884C\u5B8C\u6210";
+  const lastExceptionalEvent = findLastExceptionalEvent(messages);
+  if (lastExceptionalEvent) {
+    const recovered = messages.slice(lastExceptionalEvent.messageIndex + 1).some(hasRenderableMessageContent);
+    if (lastExceptionalEvent.status === "error") {
+      return recovered ? `${completedLabel} \xB7 \u90E8\u5206\u6B65\u9AA4\u5931\u8D25` : "\u6267\u884C\u5931\u8D25";
+    }
+    return recovered ? `${completedLabel} \xB7 \u90E8\u5206\u6B65\u9AA4\u672A\u5B8C\u6210` : "\u6267\u884C\u5DF2\u4E2D\u65AD";
+  }
+  return completedLabel;
+}
+function businessToolDisplayName(toolCall) {
+  const displayName = toolCall.display_name?.trim() ?? "";
+  if (!displayName) return "";
+  const rawName = toolCall.name.trim();
+  return displayName !== rawName && formatToolName(displayName) !== formatToolName(rawName) ? displayName : "";
+}
+function executionToolTypeLabel(toolCall) {
+  switch (formatToolName(toolCall.name)) {
+    case "WebSearch":
+    case "WebFetch":
+      return "\u7F51\u7EDC\u68C0\u7D22";
+    case "Bash":
+    case "BgBash":
+      return "\u547D\u4EE4\u6267\u884C";
+    case "Read":
+    case "ReadSkill":
+      return "\u5185\u5BB9\u8BFB\u53D6";
+    case "Write":
+    case "Edit":
+    case "MultiEdit":
+      return "\u6587\u4EF6\u5904\u7406";
+    case "Grep":
+    case "Glob":
+      return "\u5185\u5BB9\u641C\u7D22";
+    case "Agent":
+      return "\u5B50\u4EFB\u52A1";
+    case "search_skills":
+      return "\u6280\u80FD\u68C0\u7D22";
+    case "get_skill_content":
+      return "\u8BFB\u53D6\u6280\u80FD";
+    case "run_skill_tool":
+      return "\u6267\u884C\u6280\u80FD";
+    default:
+      return businessToolDisplayName(toolCall) || "\u6267\u884C\u6B65\u9AA4";
+  }
+}
+function executionToolIntent(toolCall) {
+  const normalizedName = formatToolName(toolCall.name);
+  let args = null;
+  try {
+    const parsed = JSON.parse(toolCall.arguments);
+    args = parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+  } catch {
+    args = null;
+  }
+  const getString = (key) => {
+    const value = args?.[key];
+    return typeof value === "string" ? value.trim() : "";
+  };
+  const explicitIntent = getString("description") || getString("_meta_display_name") || getString("display_name") || "";
+  if (explicitIntent) return explicitIntent;
+  if (normalizedName === "search_skills") return getString("query");
+  if (normalizedName === "get_skill_content" || normalizedName === "ReadSkill") {
+    return getString("skill_name") || getString("skill");
+  }
+  if (normalizedName === "FinishTask") return getString("title");
+  return "";
+}
+function ExecutionToolRow({ toolCall }) {
+  const normalizedName = formatToolName(toolCall.name);
+  const typeLabel = executionToolTypeLabel(toolCall);
+  const intent = executionToolIntent(toolCall);
+  const label = intent ? `${typeLabel}\uFF1A${intent}` : typeLabel;
+  const failed = toolCall.status === "error" || toolCall.status === "cancelled";
+  const iconClass = cn(
+    "size-3.5 shrink-0",
+    failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
+  );
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx12(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx12(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx12(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx12(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx12(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx12(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx12(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx12(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx12(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx12(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const rowClassName = cn(
+    "flex min-w-0 items-center gap-1 py-1.5 text-xs leading-[22px]",
+    failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
+  );
+  return /* @__PURE__ */ jsxs10("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
+    icon,
+    /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate", children: label })
+  ] });
+}
+function AssistantTurnBlock({
+  messages,
+  isStreaming = false,
+  askAnswers,
+  onAnswer,
+  sessionStatus,
+  toolCallRenderer,
+  hidePlanUpdateTools = false,
+  sessionId
+}) {
+  const shouldHideToolCall = (message, toolCall) => {
+    if (!hidePlanUpdateTools || !isPlanUpdateTool(toolCall) || parsePlanUpdate(toolCall.arguments) === null) {
+      return false;
+    }
+    return toolCall.status === "done" || toolCall.status === "pending" && message.status === "streaming";
+  };
+  const hasInterrupted = messages.some((message) => message.status === "interrupted");
+  const hasFailedWithoutContent = messages.some(
+    (message) => message.status === "failed" && !hasRenderableMessageContent(message)
+  );
+  const finalMessage = getLastContentMessage(messages);
+  const turnToolCalls = messages.flatMap((message) => message.tool_calls ?? []);
+  const finalOrderedParts = finalMessage ? getOrderedMessageParts(
+    finalMessage,
+    (finalMessage.tool_calls ?? []).filter(
+      (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion" && !shouldHideToolCall(finalMessage, toolCall)
+    )
+  ) : [];
+  const hasExecutionProcess = messages.some(
+    (message) => message.reasoning || (message.tool_calls ?? []).some((toolCall) => !shouldHideToolCall(message, toolCall))
+  );
+  const latestReasoningIndex = isStreaming ? findLatestReasoningMessageIndex(messages) : -1;
+  const hasActionableToolCall = messages.some(
+    (message) => message.status === "failed" || message.status === "interrupted" || (message.tool_calls ?? []).some(
+      (toolCall) => !shouldHideToolCall(message, toolCall) && (toolCall.status === "error" || toolCall.status === "cancelled")
+    )
+  );
+  const questionToolCalls = messages.flatMap(
+    (message) => (message.tool_calls ?? []).filter(
+      (toolCall) => formatToolName(toolCall.name) === "AskUserQuestion"
+    )
+  );
+  const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
+  const [displayMode, setDisplayMode] = useState12(
+    () => isStreaming || hasActionableToolCall ? "detail" : "compact"
+  );
+  const userSelectedDisplayModeRef = useRef10(false);
+  const wasStreamingRef = useRef10(isStreaming);
+  useEffect9(() => {
+    if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
+      setDisplayMode(hasActionableToolCall ? "detail" : "compact");
+    }
+    wasStreamingRef.current = isStreaming;
+  }, [hasActionableToolCall, isStreaming]);
+  const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
+  const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
+  const [clock, setClock] = useState12(() => Date.now());
+  const hasLiveStartTime = messages.some(
+    (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
+  );
+  useEffect9(() => {
+    if (!isStreaming || !hasLiveStartTime) return;
+    const timer = window.setInterval(() => setClock(Date.now()), 1e3);
+    return () => window.clearInterval(timer);
+  }, [hasLiveStartTime, isStreaming]);
+  const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({ messages, isStreaming, now: clock }) : executionDurationMs;
+  const memoryRefs = collectMemoryRefs(messages);
+  if (!hasExecutionProcess) {
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        "aria-busy": isStreaming || void 0,
+        className: "blade-chat-assistant-turn flex flex-col gap-3",
+        children: [
+          memoryRefs.length > 0 ? /* @__PURE__ */ jsx12(MemoryRefsHint, { refs: memoryRefs }) : null,
+          hasInterrupted && /* @__PURE__ */ jsx12("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__ */ jsx12("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, index) => {
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx12(
+              "div",
+              {
+                className: "flex flex-col gap-3",
+                children: /* @__PURE__ */ jsx12(
+                  AssistantMessageContent,
+                  {
+                    message,
+                    sessionId,
+                    streaming: isStreaming && index === messages.length - 1
+                  }
+                )
+              },
+              message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
+            ) : null;
+          })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      "aria-busy": isStreaming || void 0,
+      className: "blade-chat-assistant-turn flex flex-col gap-3",
+      children: [
+        memoryRefs.length > 0 ? /* @__PURE__ */ jsx12(MemoryRefsHint, { refs: memoryRefs }) : null,
+        hasInterrupted && /* @__PURE__ */ jsx12("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__ */ jsx12("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__ */ jsxs10("div", { className: "flex w-full items-start gap-2.5", children: [
+          /* @__PURE__ */ jsx12(
+            "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__ */ jsx12(Bot, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ jsxs10(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  userSelectedDisplayModeRef.current = true;
+                  setDisplayMode(displayMode === "detail" ? "compact" : "detail");
+                },
+                "aria-expanded": effectiveMode === "detail",
+                "aria-label": effectiveMode === "detail" ? "\u6536\u8D77\u6267\u884C\u8FC7\u7A0B" : "\u5C55\u5F00\u6267\u884C\u8FC7\u7A0B",
+                "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__ */ jsx12("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
+                    messages,
+                    isStreaming,
+                    durationMs: liveExecutionDurationMs,
+                    sessionStatus,
+                    askAnswers
+                  }) }),
+                  /* @__PURE__ */ jsx12(
+                    ChevronRight,
+                    {
+                      size: 14,
+                      style: { transitionDuration: "260ms", transitionTimingFunction: "cubic-bezier(0.25, 0.1, 0.25, 1)" },
+                      className: cn(
+                        "shrink-0 transition-transform",
+                        effectiveMode === "detail" && "rotate-90"
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx12("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
+          ] })
+        ] }),
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx12("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index) => {
+          const isLast = index === messages.length - 1;
+          const streamingThis = isStreaming && isLast;
+          const text = getMessageText(message);
+          const toolCalls = (message.tool_calls ?? []).filter(
+            (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion" && !shouldHideToolCall(message, toolCall)
+          );
+          const orderedParts = getOrderedMessageParts(message, toolCalls);
+          const showReasoning = !!message.reasoning && isStreaming && index === latestReasoningIndex;
+          return /* @__PURE__ */ jsxs10(
+            "div",
+            {
+              className: "flex flex-col gap-3",
+              children: [
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx12(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
+                orderedParts.length > 0 ? orderedParts.map(
+                  (part) => part.type === "text" ? /* @__PURE__ */ jsx12(
+                    AssistantMessageContent,
+                    {
+                      message: { ...message, content: part.content, tool_calls: turnToolCalls },
+                      sessionId,
+                      streaming: streamingThis,
+                      compact: true
+                    },
+                    part.key
+                  ) : /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
+                    const custom = toolCallRenderer?.(toolCall);
+                    return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx12("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(ExecutionToolRow, { toolCall }, toolCall.id);
+                  }) }, part.key)
+                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx12(
+                  AssistantMessageContent,
+                  {
+                    message,
+                    sessionId,
+                    streaming: streamingThis,
+                    compact: true
+                  }
+                ) : null,
+                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
+                  const custom = toolCallRenderer?.(toolCall);
+                  return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx12("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(ExecutionToolRow, { toolCall }, toolCall.id);
+                }) }) : null
+              ]
+            },
+            message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
+          );
+        }) }) : null,
+        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx12("div", { className: "ml-10", children: /* @__PURE__ */ jsx12(
+          AssistantMessageContent,
+          {
+            message: finalMessage,
+            sessionId,
+            streaming: isStreaming && finalMessage === messages[messages.length - 1]
+          }
+        ) }) : null,
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx12(
+          ToolCallBlock,
+          {
+            toolCall,
+            answerData: askAnswers?.[toolCall.id],
+            onAnswer,
+            answered: sessionStatus !== "waiting_for_input",
+            sessionStatus,
+            isActiveQuestion: toolCall.id === activeQuestionId,
+            renderer: toolCallRenderer
+          },
+          toolCall.id
+        ))
+      ]
+    }
+  );
+}
+function collectMemoryRefs(messages) {
+  const refs = /* @__PURE__ */ new Map();
+  for (const message of messages) {
+    for (const ref of message.memory_refs ?? []) if (!refs.has(ref.id)) refs.set(ref.id, ref);
+  }
+  return [...refs.values()];
+}
+function MemoryRefsHint({ refs }) {
+  const [expanded, setExpanded] = useState12(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__ */ jsxs10("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
+    /* @__PURE__ */ jsxs10("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__ */ jsx12(BookOpen, { size: 12 }),
+      /* @__PURE__ */ jsxs10("span", { children: [
+        label,
+        "\uFF08",
+        refs.length,
+        "\uFF09"
+      ] }),
+      /* @__PURE__ */ jsx12(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
+    ] }),
+    expanded ? /* @__PURE__ */ jsx12("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__ */ jsxs10("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__ */ jsx12("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
+      ref.skill_name ? /* @__PURE__ */ jsx12("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
+    ] }, ref.id)) }) : null
+  ] });
+}
+function AssistantMessageContent({
+  message,
+  sessionId,
+  streaming,
+  compact = false
 }) {
-  const hasInterrupted = messages.some((message) => message.status === "interrupted");
-  const hasAnyContent = messages.some(
-    (message) => getMessageText(message) || message.reasoning || (message.tool_calls?.length ?? 0) > 0
-  );
-  const latestReasoningIndex = isStreaming ? findLatestReasoningMessageIndex(messages) : -1;
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
-    hasInterrupted && /* @__PURE__ */ jsx11("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" }),
-    messages.map((message, index) => {
-      const isLast = index === messages.length - 1;
-      const streamingThis = isStreaming && isLast;
-      const text = getMessageText(message);
-      const toolCalls = message.tool_calls ?? [];
-      const showReasoning = !!message.reasoning && (!isStreaming || index === latestReasoningIndex);
-      return /* @__PURE__ */ jsxs9(
-        "div",
+  const text = getMessageText(message);
+  const imageParts = getImageParts(message.content);
+  const fileParts = getFileParts(message.content);
+  const failed = message.status === "failed";
+  const failedBadge = failed ? /* @__PURE__ */ jsx12("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 textContent = text ? /* @__PURE__ */ jsx12(
+    "div",
+    {
+      className: cn(
+        "blade-chat-assistant-text",
+        compact ? "text-xs leading-[22px] text-[hsl(var(--foreground))]" : "text-[15px] leading-8 text-[hsl(var(--foreground))]"
+      ),
+      children: /* @__PURE__ */ jsx12(
+        MarkdownContent,
         {
-          className: "flex flex-col gap-3",
-          children: [
-            showReasoning && message.reasoning && /* @__PURE__ */ jsx11(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }),
-            text && /* @__PURE__ */ jsx11("div", { className: "blade-chat-assistant-text text-[15px] leading-8 text-[hsl(var(--foreground))]", children: /* @__PURE__ */ jsx11(
-              MarkdownContent,
-              {
-                mode: streamingThis ? "streaming" : "static",
-                className: "blade-chat-prose",
-                sessionId,
-                children: text
-              }
-            ) }),
-            toolCalls.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-              (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx11(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx11(
-                ToolCallBlock,
-                {
-                  toolCall,
-                  answerData: askAnswers?.[toolCall.id],
-                  onAnswer,
-                  answered: sessionStatus !== "waiting_for_input",
-                  sessionStatus,
-                  renderer: toolCallRenderer
-                },
-                toolCall.id
-              )
-            ) })
-          ]
-        },
-        message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
-      );
-    }),
-    isStreaming && !hasAnyContent && /* @__PURE__ */ jsx11(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." })
+          mode: streaming ? "streaming" : "static",
+          className: "blade-chat-prose",
+          sessionId,
+          children: text
+        }
+      )
+    }
+  ) : null;
+  if (imageParts.length === 0 && fileParts.length === 0) {
+    if (!failed) return textContent;
+    return failedBadge || textContent ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+      failedBadge,
+      textContent
+    ] }) : null;
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-3", children: [
+    failedBadge,
+    imageParts.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: part.image_url.url,
+        alt: "\u6D88\u606F\u9644\u4EF6",
+        className: "max-h-72 rounded-xl border border-[hsl(var(--border))] object-cover"
+      },
+      part.image_url.url
+    )) }) : null,
+    fileParts.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        className: "flex min-w-0 items-center gap-1.5 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
+        title: part.name,
+        children: [
+          /* @__PURE__ */ jsx12(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx12("span", { className: "max-w-56 truncate", children: part.name })
+        ]
+      },
+      `${part.name}-${part.data.slice(0, 32)}`
+    )) }) : null,
+    textContent
   ] });
 }
 
 // src/components/RenderErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -2368,26 +3540,26 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx12("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__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx12(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx13("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__ */ jsxs11("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx13(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx13("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState10 } from "react";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef11, useState as useState13 } from "react";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -2397,9 +3569,6 @@ function emitInteraction(callback, event) {
 function basename(path) {
   return path.split(/[\\/]/).filter(Boolean).pop() || path;
 }
-function isVideo(path) {
-  return /\.(?:mp4|mov|webm|mkv|avi|m4v)$/i.test(path);
-}
 function ArtifactCard({
   artifact,
   sessionId,
@@ -2409,10 +3578,10 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState10(false);
+  const [downloading, setDownloading] = useState13(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "a",
       {
         href: artifact.target,
@@ -2423,51 +3592,55 @@ 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__ */ jsx13(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx13(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx14(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx14(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
   }
-  const Icon2 = isVideo(artifact.target) ? Film : File;
-  return /* @__PURE__ */ jsxs11(
-    "button",
+  const fileName = basename(artifact.target);
+  const downloadUrl = sessionId ? client.buildAuthedUrl(
+    `/api/sessions/${encodeURIComponent(sessionId)}/files/${encodeURIComponent(artifact.target)}`
+  ) : void 0;
+  const handleDownload = async (event) => {
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    event.preventDefault();
+    if (!sessionId || downloading) return;
+    setDownloading(true);
+    emitInteraction(onInteraction, {
+      type: "artifact_download_started",
+      sessionId,
+      assistantEntryId,
+      artifactIndex,
+      artifactKind: "file"
+    });
+    try {
+      await client.sessions.downloadFile(sessionId, artifact.target, fileName);
+      emitInteraction(onInteraction, {
+        type: "artifact_download_succeeded",
+        sessionId,
+        assistantEntryId,
+        artifactIndex,
+        artifactKind: "file"
+      });
+    } catch {
+    } finally {
+      setDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx14(
+    "a",
     {
-      type: "button",
-      disabled: !sessionId || downloading,
-      onClick: async () => {
-        if (!sessionId || downloading) return;
-        setDownloading(true);
-        emitInteraction(onInteraction, {
-          type: "artifact_download_started",
-          sessionId,
-          assistantEntryId,
-          artifactIndex,
-          artifactKind: "file"
-        });
-        try {
-          await client.sessions.downloadFile(sessionId, artifact.target, basename(artifact.target));
-          emitInteraction(onInteraction, {
-            type: "artifact_download_succeeded",
-            sessionId,
-            assistantEntryId,
-            artifactIndex,
-            artifactKind: "file"
-          });
-        } catch {
-        } finally {
-          setDownloading(false);
-        }
-      },
-      title: name,
-      "aria-label": `\u4E0B\u8F7D ${name}`,
-      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-left text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))] disabled:opacity-60",
-      children: [
-        /* @__PURE__ */ jsx13(Icon2, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-        /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-        /* @__PURE__ */ jsx13(Download, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
-      ]
+      href: downloadUrl,
+      download: fileName,
+      onClick: handleDownload,
+      title: fileName,
+      "aria-label": `\u4E0B\u8F7D\u6587\u4EF6\uFF1A${fileName}`,
+      "aria-disabled": !sessionId || void 0,
+      "aria-busy": downloading || void 0,
+      className: "min-w-0 cursor-pointer break-all text-xs text-[hsl(var(--primary))] underline aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-busy:cursor-wait",
+      children: fileName
     }
   );
 }
@@ -2484,17 +3657,17 @@ function feedbackReasonLabel(reason) {
 }
 function HistoricalResultFeedback({ feedback }) {
   const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "\u5386\u53F2\u7ED3\u679C\u53CD\u9988",
       className: "mt-3 w-fit max-w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]",
       children: [
-        /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsxs12("span", { children: [
           "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
           feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
         ] }),
-        label ? /* @__PURE__ */ jsxs11("span", { children: [
+        label ? /* @__PURE__ */ jsxs12("span", { children: [
           " \xB7 ",
           label
         ] }) : null
@@ -2511,15 +3684,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState10(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState10(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState10(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState10(false);
-  const [saveError, setSaveError] = useState10(false);
-  const reportedShown = useRef6(false);
-  const latestChoice = useRef6(null);
+  const [saved, setSaved] = useState13(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState13(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState13(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState13(false);
+  const [saveError, setSaveError] = useState13(false);
+  const reportedShown = useRef11(false);
+  const latestChoice = useRef11(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect6(() => {
+  useEffect10(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -2528,13 +3701,13 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect6(() => {
+  useEffect10(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
     setReason(savedFeedback.reason);
   }, [savedFeedback]);
-  const submit = useCallback5(
+  const submit = useCallback6(
     async (nextHelpful, nextReason) => {
       if (!sessionId) return;
       const choice = { helpful: nextHelpful, reason: nextReason };
@@ -2569,15 +3742,15 @@ function ResultFeedback({
     [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
   );
   if (!eligible) return null;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx13("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__ */ jsxs11("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("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__ */ jsxs12("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -2588,7 +3761,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -2600,7 +3773,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx13(
+        helpful === false ? /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -2612,9 +3785,9 @@ function ResultFeedback({
           },
           item.value
         )) }) : null,
-        saveError ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx13("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx13(
+        saveError ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx14("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -2626,7 +3799,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx13("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -2640,14 +3813,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState10(false);
-  const adopted = useRef6(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef6(false);
-  const reportedArtifacts = useRef6(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef6(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState13(false);
+  const adopted = useRef11(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef11(false);
+  const reportedArtifacts = useRef11(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef11(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect6(() => {
+  useEffect10(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -2677,7 +3850,7 @@ function PostChatFollowupBlock({
     sessionId,
     visibleArtifacts
   ]);
-  const reportArtifactOpened = useCallback5(
+  const reportArtifactOpened = useCallback6(
     (artifactIndex, artifactKind) => {
       if (openedArtifacts.current.has(artifactIndex)) return;
       openedArtifacts.current.add(artifactIndex);
@@ -2693,15 +3866,15 @@ function PostChatFollowupBlock({
   );
   if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
     return null;
-  return /* @__PURE__ */ jsxs11("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
-    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx13(Sparkles, { size: 14 }),
+  return /* @__PURE__ */ jsxs12("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
+    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx14(Sparkles, { size: 14 }),
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
-      followup.recaption ? /* @__PURE__ */ jsx13("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-        /* @__PURE__ */ jsx13("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx13(
+      followup.recaption ? /* @__PURE__ */ jsx14("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+      artifacts.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+        /* @__PURE__ */ jsx14("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx14(
           ArtifactCard,
           {
             artifact,
@@ -2713,7 +3886,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs11(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -2722,15 +3895,15 @@ 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__ */ jsx13(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+              /* @__PURE__ */ jsx14(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
             ]
           }
         ) : null
       ] }) : null
     ] }) : null,
-    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
-      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs11(
+    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -2749,14 +3922,14 @@ function PostChatFollowupBlock({
           },
           className: "group flex items-center gap-2 rounded-xl bg-[hsl(var(--muted)/0.62)] px-3 py-2 text-left text-[13px] disabled:cursor-default disabled:opacity-60",
           children: [
-            /* @__PURE__ */ jsx13("span", { children: suggestion }),
-            /* @__PURE__ */ jsx13(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+            /* @__PURE__ */ jsx14("span", { children: suggestion }),
+            /* @__PURE__ */ jsx14(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
           ]
         },
         suggestion
       ))
     ] }) : null,
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       ResultFeedback,
       {
         followup,
@@ -2771,8 +3944,91 @@ function PostChatFollowupBlock({
 }
 
 // src/components/UserMessageBubble.tsx
-import { getFileParts, getImageParts, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import {
+  chatErrorForDisplay,
+  getFileParts as getFileParts2,
+  getImageParts as getImageParts2,
+  getTextContent as getTextContent2
+} from "@blade-hq/agent-client";
+
+// src/lib/whatif-prompt.ts
+var HEADER_RE = /^以下消息和 step 产物标记为 deprecated_by_rerun，请基于最新用户假设从 step(\d+) 开始完整重新推演，不要复用旧结论。$/;
+var QUOTE_HEADER_RE = /^\[步骤(\d+)\s*·\s*(.+?)\]$/;
+var USER_INPUT_TAG = "[\u7528\u6237\u8F93\u5165]";
+function parseWhatIfPrompt(text) {
+  const lines = text.replace(/\r\n/g, "\n").trimEnd().split("\n");
+  const headerMatch = lines[0]?.match(HEADER_RE);
+  if (!headerMatch) return null;
+  const userTagIdx = lines.indexOf(USER_INPUT_TAG);
+  const hasUserTag = userTagIdx >= 0;
+  const quoteBlockEndExclusive = hasUserTag ? userTagIdx : lines.length;
+  const quoteHeaderIdxs = [];
+  let quoteBlockFound = false;
+  for (let i = 1; i < quoteBlockEndExclusive; i++) {
+    if (!quoteBlockFound && lines[i].trim() === "[\u5F15\u7528]") {
+      quoteBlockFound = true;
+    } else if (quoteBlockFound && QUOTE_HEADER_RE.test(lines[i])) {
+      quoteHeaderIdxs.push(i);
+    }
+  }
+  let legacyUserTextStart = -1;
+  if (!hasUserTag && quoteHeaderIdxs.length > 0) {
+    const lastSnapshotStart = quoteHeaderIdxs.at(-1) + 1;
+    let i = lines.length - 1;
+    while (i >= lastSnapshotStart && lines[i].trim() === "") i -= 1;
+    while (i >= lastSnapshotStart && lines[i].trim() !== "") i -= 1;
+    if (i >= lastSnapshotStart) legacyUserTextStart = i + 1;
+  }
+  const quotes = quoteHeaderIdxs.map((headerIdx, index) => {
+    const match = lines[headerIdx].match(QUOTE_HEADER_RE);
+    const nextHeader = quoteHeaderIdxs[index + 1];
+    const end = nextHeader ?? (legacyUserTextStart >= 0 ? legacyUserTextStart : quoteBlockEndExclusive);
+    const snapshotLines = lines.slice(headerIdx + 1, end);
+    while (snapshotLines.at(-1)?.trim() === "") snapshotLines.pop();
+    return {
+      stepNumber: Number.parseInt(match[1], 10),
+      label: match[2].trim(),
+      snapshot: snapshotLines.join("\n")
+    };
+  });
+  const userTextStart = hasUserTag ? userTagIdx + 1 : legacyUserTextStart;
+  const userLines = userTextStart >= 0 ? lines.slice(userTextStart) : [];
+  while (userLines[0]?.trim() === "") userLines.shift();
+  while (userLines.at(-1)?.trim() === "") userLines.pop();
+  const fromStep = Number.parseInt(headerMatch[1], 10);
+  return {
+    fromStep: Number.isFinite(fromStep) ? fromStep : null,
+    quotes,
+    userText: userLines.join("\n")
+  };
+}
+
+// src/components/WhatIfUserBubble.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function WhatIfUserBubble({ parsed, onQuoteClick }) {
+  const { fromStep, quotes, userText } = parsed;
+  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs13("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__ */ jsx15(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx15("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+    ] }),
+    quotes.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index) => {
+      const clickable = quote.stepNumber != null && !!onQuoteClick;
+      const label = quote.stepNumber != null ? `\u6B65\u9AA4${quote.stepNumber} \xB7 ${quote.label}` : quote.label;
+      return /* @__PURE__ */ jsxs13("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
+        /* @__PURE__ */ jsxs13("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__ */ jsx15("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx15("span", { className: "truncate", children: label })
+        ] }),
+        quote.snapshot ? /* @__PURE__ */ jsx15("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__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+      ] }, `${quote.stepNumber ?? "x"}-${index}`);
+    }) }),
+    userText && /* @__PURE__ */ jsx15("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__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+  ] });
+}
+
+// src/components/UserMessageBubble.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -2782,10 +4038,14 @@ function isErrorMessage(message) {
 var isSending = (message) => message.status === "streaming";
 function UserMessageBubble({ message, className }) {
   const text = getTextContent2(message.content).trim();
-  const fileParts = getFileParts(message.content);
-  const imageParts = getImageParts(message.content);
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs12("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx14(
+  const fileParts = getFileParts2(message.content);
+  const imageParts = getImageParts2(message.content);
+  const whatifParsed = text && imageParts.length === 0 && fileParts.length === 0 ? parseWhatIfPrompt(text) : null;
+  if (whatifParsed) {
+    return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx16(WhatIfUserBubble, { parsed: whatifParsed }) }) });
+  }
+  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs14("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx16("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx16(
       "img",
       {
         src: part.image_url.url,
@@ -2794,21 +4054,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs12(
+    fileParts.length > 0 && /* @__PURE__ */ jsx16("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs14(
       "div",
       {
         className: "flex items-center gap-1.5 rounded-lg border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         children: [
-          /* @__PURE__ */ jsx14(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx14("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx16(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx16("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx14("div", { className: "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))]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx14(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx14("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ jsx16("div", { className: "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))]", children: /* @__PURE__ */ jsx16(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx16(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx16("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -2816,12 +4076,12 @@ function ErrorMessageBlock({
   message,
   className
 }) {
-  const text = getTextContent2(message.content);
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-error-row flex justify-center", className), children: /* @__PURE__ */ jsx14("div", { className: "blade-chat-error-block max-w-[85%] border-l-[3px] border-[hsl(var(--border))] px-4 py-1 text-sm leading-7 text-[hsl(var(--muted-foreground))]", children: text }) });
+  const text = chatErrorForDisplay(getTextContent2(message.content));
+  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx16("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: text }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -2862,18 +4122,32 @@ function MessageList({
   askAnswers,
   onAnswer,
   toolCallRenderer,
+  hidePlanUpdateTools = false,
   emptyState,
   className,
   sessionId,
   isViewer = false,
   onFollowupInteraction,
   resultFeedbackByEntry = /* @__PURE__ */ new Map(),
-  onResultFeedbackSaved
+  onResultFeedbackSaved,
+  historyPaging
 }) {
+  const visibleRootMessages = messages.filter((message) => {
+    if ((message.loop_name ?? "root") !== "root") return false;
+    if (isHiddenInternalMessage(message)) return false;
+    if (message.kind === "context") return false;
+    return message.role !== "tool" || getPlanningDividerKind(message) !== null;
+  });
+  const userMessages = visibleRootMessages.filter((message) => isUserMessage(message));
+  const latestUserMessage = userMessages.at(-1);
+  const latestPromptText = latestUserMessage ? (typeof latestUserMessage.content === "string" ? latestUserMessage.content : latestUserMessage.content.filter((part) => part.type === "text").map((part) => part.text).join("")).replace(/\s+/g, " ").trim() : "";
+  const latestPromptPreview = latestPromptText.length > 80 ? `${latestPromptText.slice(0, 80)}\u2026` : latestPromptText;
+  const shouldPinLatestUser = latestUserMessage != null && (latestUserMessage.entry_id == null || latestUserMessage.entry_id.startsWith("local-user-"));
   const renderBlocks = useMemo7(() => {
     const visible = messages.filter((message) => {
       if ((message.loop_name ?? "root") !== "root") return false;
       if (isHiddenInternalMessage(message)) return false;
+      if (message.kind === "context") return false;
       if (message.kind === "compaction") return true;
       return message.role !== "tool" || getPlanningDividerKind(message) !== null;
     });
@@ -2916,7 +4190,7 @@ function MessageList({
       blocks.push({
         type: "message",
         message,
-        key: message.entry_id ?? `${message.role}-${blocks.length}`
+        key: message.render_id ?? message.entry_id ?? `${message.role}-${blocks.length}`
       });
     }
     flushAssistant();
@@ -2943,98 +4217,235 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: /* @__PURE__ */ jsxs13(StickToBottom, { className: "h-full overflow-y-hidden", initial: "instant", resize: "instant", children: [
-    /* @__PURE__ */ jsx15(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-col", children: [
-      renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs13("div", { className: "blade-chat-empty", children: [
-        /* @__PURE__ */ jsx15(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx15("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-        /* @__PURE__ */ jsx15("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__ */ jsx15("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx15(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx15(ErrorMessageBlock, { message: block.message }) : null }, block.key);
-        }
-        if (block.type === "assistant_turn") {
-          const blockFeedback = block.messages.map(
-            (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
-          ).find((feedback) => feedback != null);
-          const hasActiveFollowup = Boolean(
-            postChatFollowup && block.messages.some(
-              (message) => message.entry_id === postChatFollowup.assistant_entry_id
-            )
-          );
-          return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs13(
-            RenderErrorBoundary,
-            {
-              label: "\u52A9\u624B\u6D88\u606F",
-              details: block.key,
-              resetKey: getMessageResetSignature(block.messages),
-              children: [
-                /* @__PURE__ */ jsx15(
-                  AssistantTurnBlock,
-                  {
-                    messages: block.messages,
-                    isStreaming: block.isStreaming,
-                    askAnswers,
-                    onAnswer,
-                    sessionStatus,
-                    toolCallRenderer,
-                    sessionId
-                  }
-                ),
-                blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
-                  PostChatFollowupBlock,
-                  {
-                    followup: postChatFollowup,
-                    sessionId,
-                    onSuggestion,
-                    isViewer,
-                    onInteraction: onFollowupInteraction,
-                    savedFeedback: blockFeedback,
-                    onFeedbackSaved: onResultFeedbackSaved
-                  }
-                ) : null
-              ]
-            }
-          ) }, block.key);
-        }
-        if (block.type === "compaction") {
-          return /* @__PURE__ */ jsxs13(
-            "div",
+  return /* @__PURE__ */ jsxs15("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
+    isStreaming ? /* @__PURE__ */ jsx17("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+    /* @__PURE__ */ jsxs15(
+      StickToBottom,
+      {
+        className: "h-full overflow-y-hidden",
+        initial: "instant",
+        resize: "instant",
+        children: [
+          /* @__PURE__ */ jsx17(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsxs15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: [
+            historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx17(LoadOlderSentinel, { ...historyPaging }) : null,
+            isStreaming && latestUserMessage && latestPromptPreview ? /* @__PURE__ */ jsx17(
+              "button",
+              {
+                type: "button",
+                className: "sticky top-0 z-20 mb-4 w-full truncate rounded-2xl border border-[hsl(var(--primary)/0.2)] bg-[hsl(var(--background)/0.92)] px-4 py-3 text-left text-sm font-medium shadow-sm backdrop-blur",
+                onClick: () => Array.from(document.querySelectorAll("[data-entry-id]")).find((el) => el.dataset.entryId === latestUserMessage.entry_id)?.scrollIntoView({ behavior: "smooth", block: "start" }),
+                "aria-label": "\u8DF3\u8F6C\u5230\u5F53\u524D\u63D0\u95EE",
+                children: latestPromptPreview
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-col", children: [
+              renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs15("div", { className: "blade-chat-empty", children: [
+                /* @__PURE__ */ jsx17(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+                /* @__PURE__ */ jsx17("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+                /* @__PURE__ */ jsx17("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__ */ jsx17("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx17(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx17(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+                }
+                if (block.type === "assistant_turn") {
+                  const blockFeedback = block.messages.map(
+                    (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
+                  ).find((feedback) => feedback != null);
+                  const hasActiveFollowup = Boolean(
+                    postChatFollowup && block.messages.some(
+                      (message) => message.entry_id === postChatFollowup.assistant_entry_id
+                    )
+                  );
+                  return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs15(
+                    RenderErrorBoundary,
+                    {
+                      label: "\u52A9\u624B\u6D88\u606F",
+                      details: block.key,
+                      resetKey: getMessageResetSignature(block.messages),
+                      children: [
+                        /* @__PURE__ */ jsx17(
+                          AssistantTurnBlock,
+                          {
+                            messages: block.messages,
+                            isStreaming: block.isStreaming,
+                            askAnswers,
+                            onAnswer,
+                            sessionStatus,
+                            toolCallRenderer,
+                            hidePlanUpdateTools,
+                            sessionId
+                          }
+                        ),
+                        blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx17(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                        hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx17(
+                          PostChatFollowupBlock,
+                          {
+                            followup: postChatFollowup,
+                            sessionId,
+                            onSuggestion,
+                            isViewer,
+                            onInteraction: onFollowupInteraction,
+                            savedFeedback: blockFeedback,
+                            onFeedbackSaved: onResultFeedbackSaved
+                          }
+                        ) : null
+                      ]
+                    }
+                  ) }, block.key);
+                }
+                if (block.type === "compaction") {
+                  return /* @__PURE__ */ jsxs15(
+                    "div",
+                    {
+                      className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
+                      children: [
+                        /* @__PURE__ */ jsx17(Layers, { size: 12 }),
+                        /* @__PURE__ */ jsx17("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                      ]
+                    },
+                    block.key
+                  );
+                }
+                return /* @__PURE__ */ jsx17(PlanningDivider, { kind: block.kind }, block.key);
+              }),
+              sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx17("div", { className: "flex", children: /* @__PURE__ */ jsx17("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__ */ jsx17(
+            PinLatestUserMessage,
             {
-              className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
-              children: [
-                /* @__PURE__ */ jsx15(Layers, { size: 12 }),
-                /* @__PURE__ */ jsx15("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
-              ]
+              userMessageCount: userMessages.length,
+              shouldPinLatestUser,
+              targetKey: latestUserMessage?.render_id ?? latestUserMessage?.entry_id ?? (latestUserMessage ? `user:${userMessages.length}` : null)
             },
-            block.key
-          );
+            sessionId ?? "no-session"
+          ),
+          /* @__PURE__ */ jsx17(ScrollToBottomButton, {})
+        ]
+      },
+      sessionId ?? "no-session"
+    )
+  ] });
+}
+function LoadOlderSentinel({
+  hasOlder,
+  loading,
+  loadOlder
+}) {
+  const { contentRef, scrollRef } = useStickToBottomContext();
+  const sentinelRef = useRef12(null);
+  const stateRef = useRef12({ hasOlder, loading, loadOlder });
+  stateRef.current = { hasOlder, loading, loadOlder };
+  useEffect11(() => {
+    const sentinel = sentinelRef.current;
+    const scroller = scrollRef.current;
+    if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
+    let entered = false;
+    let disposed = false;
+    const firstVisible = () => {
+      const top = scroller.getBoundingClientRect().top;
+      for (const row of contentRef.current?.querySelectorAll("[data-entry-id]") ?? []) {
+        const rect = row.getBoundingClientRect();
+        if (rect.bottom >= top) return { id: row.dataset.entryId, offset: rect.top - top };
+      }
+      return null;
+    };
+    const load = async () => {
+      if (disposed || !stateRef.current.hasOlder || stateRef.current.loading) return;
+      const commitSnapshot = { anchor: null, height: scroller.scrollHeight };
+      let advanced = false;
+      try {
+        advanced = await stateRef.current.loadOlder(() => {
+          commitSnapshot.anchor = firstVisible();
+          commitSnapshot.height = scroller.scrollHeight;
+        });
+      } catch {
+        return;
+      }
+      if (disposed) return;
+      await new Promise((resolve) => requestAnimationFrame(() => resolve()));
+      if (disposed) return;
+      const anchor = commitSnapshot.anchor;
+      const heightBefore = commitSnapshot.height;
+      const anchored = anchor?.id ? Array.from(contentRef.current?.querySelectorAll("[data-entry-id]") ?? []).find((row) => row.dataset.entryId === anchor.id) : null;
+      if (anchored && anchor) {
+        scroller.scrollTop += anchored.getBoundingClientRect().top - scroller.getBoundingClientRect().top - anchor.offset;
+      } else {
+        scroller.scrollTop += scroller.scrollHeight - heightBefore;
+      }
+      if (!disposed && advanced && stateRef.current.hasOlder && !stateRef.current.loading && scroller.scrollHeight <= scroller.clientHeight) {
+        await load();
+      }
+    };
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry?.isIntersecting) {
+          entered = false;
+          return;
         }
-        return /* @__PURE__ */ jsx15(PlanningDivider, { kind: block.kind }, block.key);
-      }),
-      sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx15("div", { className: "flex", children: /* @__PURE__ */ jsx15("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__ */ jsx15(AutoScrollOnUserSend, { userMessageCount: messages.filter((m) => isUserMessage(m)).length }),
-    /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
-  ] }) });
+        if (entered) return;
+        entered = true;
+        void load();
+      },
+      { root: scroller, rootMargin: "160px 0px 0px" }
+    );
+    observer.observe(sentinel);
+    return () => {
+      disposed = true;
+      observer.disconnect();
+    };
+  }, [contentRef, scrollRef]);
+  return /* @__PURE__ */ jsx17("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx17("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
 }
-function AutoScrollOnUserSend({ userMessageCount }) {
-  const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef7(userMessageCount);
-  useEffect7(() => {
-    if (userMessageCount > previousCountRef.current) {
+function PinLatestUserMessage({
+  userMessageCount,
+  shouldPinLatestUser,
+  targetKey
+}) {
+  const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
+  const previousCountRef = useRef12(userMessageCount);
+  const spacerHeightRef = useRef12(0);
+  const getScrollElement = useCallback7(() => scrollRef.current, [scrollRef]);
+  const getContentElement = useCallback7(() => contentRef.current, [contentRef]);
+  const getTargetElement = useCallback7(() => {
+    const rows = contentRef.current?.querySelectorAll(".blade-chat-user-row");
+    return rows?.item((rows?.length ?? 0) - 1) ?? null;
+  }, [contentRef]);
+  const getSpacerHeight = useCallback7(() => spacerHeightRef.current, []);
+  const setSpacerHeight = useCallback7(
+    (height) => {
+      spacerHeightRef.current = height;
+      const content = contentRef.current;
+      if (!content) return;
+      if (height > 0) content.style.setProperty("--blade-chat-pin-spacer", `${height}px`);
+      else content.style.removeProperty("--blade-chat-pin-spacer");
+    },
+    [contentRef]
+  );
+  useMessagePin({
+    targetKey,
+    pinTarget: shouldPinLatestUser,
+    getScrollElement,
+    getContentElement,
+    getTargetElement,
+    getSpacerHeight,
+    setSpacerHeight,
+    stopAutoScroll: stopScroll,
+    scrollToBottom
+  });
+  useEffect11(() => {
+    if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
     previousCountRef.current = userMessageCount;
-  }, [userMessageCount, scrollToBottom]);
+  }, [scrollToBottom, shouldPinLatestUser, userMessageCount]);
   return null;
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState11(false);
-  const hideTimerRef = useRef7(null);
-  useEffect7(() => {
+  const [visible, setVisible] = useState14(false);
+  const hideTimerRef = useRef12(null);
+  useEffect11(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -3056,7 +4467,7 @@ function ScrollToBottomButton() {
       }
     };
   }, [isAtBottom]);
-  const handleClick = useCallback6(() => {
+  const handleClick = useCallback7(() => {
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
       hideTimerRef.current = null;
@@ -3065,7 +4476,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "button",
     {
       type: "button",
@@ -3073,25 +4484,25 @@ function ScrollToBottomButton() {
       "aria-label": "\u6EDA\u52A8\u5230\u5E95\u90E8",
       className: "blade-chat-scroll-bottom absolute bottom-4 right-4 flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] shadow-lg transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
       children: [
-        /* @__PURE__ */ jsx15(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx15("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx17(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx17("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs13("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__ */ jsx15(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx15("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx17("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs15("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__ */ jsx17(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx17("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx17("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -3111,6 +4522,7 @@ function ChatSurface({
   onInputChange,
   onSuggestion,
   onSend,
+  onAppend,
   onStop,
   sessionStatus,
   askAnswers,
@@ -3121,9 +4533,12 @@ function ChatSurface({
   onResultFeedbackSaved,
   onFollowupInteraction,
   beforeInput,
+  showPlanUpdates = false,
+  planRevealRevision = 0,
+  historyPaging,
   banner
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -3132,14 +4547,14 @@ function ChatSurface({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx16(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx18(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs14("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx16(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { children: errorMessage })
+        errorMessage && /* @__PURE__ */ jsxs16("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
+          /* @__PURE__ */ jsx18(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx18("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           MessageList,
           {
             messages,
@@ -3150,26 +4565,40 @@ function ChatSurface({
             askAnswers,
             onAnswer,
             toolCallRenderer: renderers?.toolCall,
+            hidePlanUpdateTools: showPlanUpdates,
             emptyState: slots?.emptyState,
             className: classNames?.messageList,
             sessionId,
             isViewer,
             resultFeedbackByEntry,
             onResultFeedbackSaved,
-            onFollowupInteraction
+            onFollowupInteraction,
+            historyPaging
           }
         ),
+        showPlanUpdates ? /* @__PURE__ */ jsx18(
+          CurrentPlanPanel,
+          {
+            messages,
+            running: isStreaming,
+            revealRevision: planRevealRevision,
+            sessionId,
+            className: "border-t border-[hsl(var(--border))]"
+          }
+        ) : null,
         beforeInput,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           ChatInput,
           {
             value: inputText,
             onValueChange: onInputChange,
             onSend,
+            onAppend,
             onStop,
             isStreaming,
             isStopping,
             placeholder,
+            queueKey: sessionId,
             className: classNames?.chatInput
           }
         ),
@@ -3180,13 +4609,13 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState12(false);
-  const [loginError, setLoginError] = useState12(null);
+  const [loggingIn, setLoggingIn] = useState15(false);
+  const [loginError, setLoginError] = useState15(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -3199,11 +4628,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs15("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__ */ jsx17(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx17("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__ */ jsx17(
+  return /* @__PURE__ */ jsx19("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs17("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__ */ jsx19(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx19("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx19("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__ */ jsx19(
       "button",
       {
         type: "button",
@@ -3213,20 +4642,20 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx17("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx19("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState12(0);
-  const [needLogin, setNeedLogin] = useState12(() => !client.hasToken());
+  const [attempt, setAttempt] = useState15(0);
+  const [needLogin, setNeedLogin] = useState15(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx19(
           LoginCard,
           {
             client,
@@ -3239,7 +4668,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx19(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -3256,17 +4685,33 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
+  const [planRevealRevisions, setPlanRevealRevisions] = useState15(
+    () => /* @__PURE__ */ new Map()
+  );
+  const handleSessionConnected = useCallback8((connectedSession) => {
+    return connectedSession.on("toolResult", ({ toolCall, turn, source }) => {
+      if (source === "reconnect_replay" || (turn.loop_id || "root") !== "root" || toolCall.status !== "done" || !isPlanUpdateTool(toolCall) || !parsePlanUpdate(toolCall.arguments)) {
+        return;
+      }
+      setPlanRevealRevisions((current) => {
+        const next = new Map(current);
+        next.set(connectedSession.sessionId, (current.get(connectedSession.sessionId) ?? 0) + 1);
+        return next;
+      });
+    });
+  }, []);
   const { session, state, error } = useAgentSession(sessionId, {
     createOptions,
-    onSessionCreated
+    onSessionCreated,
+    onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState12(false);
-  const [inputText, setInputText] = useState12("");
-  const [resultFeedback, setResultFeedback] = useState12([]);
+  const [stopRequested, setStopRequested] = useState15(false);
+  const [inputText, setInputText] = useState15("");
+  const [resultFeedback, setResultFeedback] = useState15([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
-  useEffect8(() => {
+  useEffect12(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -3295,18 +4740,18 @@ function ChatSessionView({
     () => new Map(resultFeedback.map((item) => [item.assistant_entry_id, item])),
     [resultFeedback]
   );
-  const handleResultFeedbackSaved = useCallback7((saved) => {
+  const handleResultFeedbackSaved = useCallback8((saved) => {
     setResultFeedback((current) => [
       ...current.filter((item) => item.assistant_entry_id !== saved.assistant_entry_id),
       saved
     ]);
   }, []);
-  useEffect8(() => {
+  useEffect12(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect8(() => {
+  useEffect12(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -3322,12 +4767,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect8(() => {
+  useEffect12(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect8(() => {
+  useEffect12(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -3337,6 +4782,7 @@ ${content}`);
     };
   }, [session, commands]);
   const isStreaming = state?.isStreaming ?? false;
+  const planRevealRevision = resolvedSessionId ? planRevealRevisions.get(resolvedSessionId) ?? 0 : 0;
   const isStopping = stopRequested && isStreaming;
   const connectError = error && !isUnauthorizedError(error) ? error.message || "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" : null;
   const errorMessage = connectError ?? state?.errorMessage ?? replay.error?.message ?? null;
@@ -3348,7 +4794,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     ChatSurface,
     {
       theme,
@@ -3358,8 +4804,8 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-        /* @__PURE__ */ jsx17(
+      banner: /* @__PURE__ */ jsxs17(Fragment4, { children: [
+        /* @__PURE__ */ jsx19(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -3369,7 +4815,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx19(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -3377,11 +4823,25 @@ ${content}`);
       resultFeedbackByEntry,
       onResultFeedbackSaved: handleResultFeedbackSaved,
       isStreaming,
+      showPlanUpdates: true,
+      planRevealRevision,
+      historyPaging: session && state ? {
+        hasOlder: session.hasOlderHistory,
+        loading: state.loadingOlder,
+        loadOlder: async (beforeCommit) => {
+          const before = session.getState().nextBefore;
+          await session.loadOlderHistory({ beforeCommit });
+          return before !== session.getState().nextBefore;
+        }
+      } : void 0,
       isStopping,
       inputText,
       onInputChange: setInputText,
       onSuggestion: setInputText,
       onSend: handleSend,
+      onAppend: (text) => {
+        void session?.queue(text);
+      },
       onStop: handleStop,
       sessionStatus: state?.status ?? void 0,
       askAnswers: state?.askAnswers,
@@ -3398,11 +4858,11 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect9, useMemo as useMemo9, useState as useState14 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo9, useState as useState17 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState16 } from "react";
+import { jsx as jsx20, jsxs as jsxs18 } 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" },
@@ -3448,13 +4908,13 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState13(false);
-  const [draft, setDraft] = useState13(override);
+  const [open, setOpen] = useState16(false);
+  const [draft, setDraft] = useState16(override);
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs18(
       "button",
       {
         type: "button",
@@ -3464,16 +4924,16 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx18(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx20(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs16("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx18(
+    open && /* @__PURE__ */ jsxs18("div", { className: "mt-2 flex flex-col gap-2", children: [
+      fields.map((field) => /* @__PURE__ */ jsxs18("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -3484,9 +4944,9 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx18("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__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18(
+      normalized.apiKey && /* @__PURE__ */ jsx20("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__ */ jsxs18("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -3501,7 +4961,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -3520,7 +4980,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -3532,11 +4992,11 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState14(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState17(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState14("");
-  const [stopRequested, setStopRequested] = useState14(false);
+  const [inputText, setInputText] = useState17("");
+  const [stopRequested, setStopRequested] = useState17(false);
   const handle = useMemo9(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
@@ -3546,10 +5006,10 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect9(() => {
+  useEffect13(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     ChatSurface,
     {
       theme,
@@ -3574,7 +5034,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx19(
+      beforeInput: advanced ? /* @__PURE__ */ jsx21(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -3592,14 +5052,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } 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__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       LlmChat,
       {
         ...llm,
@@ -3612,7 +5072,232 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx22(AgentChat, { ...rest });
+}
+
+// src/components/ContextCard.tsx
+import {
+  getContextDisplayState,
+  getContextGroupDisplayState
+} from "@blade-hq/agent-client";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+function ContextCard({ context, className }) {
+  const display = getContextDisplayState(context);
+  return /* @__PURE__ */ jsxs19(
+    "details",
+    {
+      className: `blade-chat-context-card group/context-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxs19("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__ */ jsx23(
+            Layers,
+            {
+              size: 15,
+              className: "blade-chat-context-icon shrink-0 text-[hsl(var(--muted-foreground))]",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs19("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+          ] }),
+          /* @__PURE__ */ jsx23(
+            ChevronDown,
+            {
+              size: 14,
+              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open/context-card:rotate-180",
+              "aria-hidden": "true"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx23("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 })
+      ]
+    }
+  );
+}
+function ContextGroupCard({ contexts, className }) {
+  if (contexts.length === 0) return null;
+  const single = contexts.length === 1 ? getContextDisplayState(contexts[0]) : null;
+  const group = single ? null : getContextGroupDisplayState(contexts);
+  return /* @__PURE__ */ jsxs19("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs19("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__ */ jsx23(
+        Layers,
+        {
+          size: 15,
+          className: "blade-chat-context-icon shrink-0 text-[hsl(var(--muted-foreground))]",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs19("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+      ] }),
+      /* @__PURE__ */ jsx23(
+        ChevronDown,
+        {
+          size: 14,
+          className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open/context-group:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ] }),
+    single ? /* @__PURE__ */ jsx23("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__ */ jsx23("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__ */ jsx23(
+      ContextCard,
+      {
+        context
+      },
+      `${context.context_kind}:${context.context_key}`
+    )) })
+  ] });
+}
+
+// src/components/SessionMemoryToggle.tsx
+import { useCallback as useCallback9, useEffect as useEffect14, useRef as useRef13, useState as useState18, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+var saveStates = /* @__PURE__ */ new WeakMap();
+function getSaveState(client, sessionId) {
+  let clientStates = saveStates.get(client);
+  if (!clientStates) {
+    clientStates = /* @__PURE__ */ new Map();
+    saveStates.set(client, clientStates);
+  }
+  let state = clientStates.get(sessionId);
+  if (!state) {
+    state = { saving: false, listeners: /* @__PURE__ */ new Set() };
+    clientStates.set(sessionId, state);
+  }
+  return state;
+}
+function notify(state) {
+  for (const listener of state.listeners) listener();
+}
+function cleanupSaveState(client, sessionId, state) {
+  if (state.saving || state.listeners.size > 0) return;
+  const clientStates = saveStates.get(client);
+  if (clientStates?.get(sessionId) === state) clientStates.delete(sessionId);
+}
+function SessionMemoryToggle({
+  sessionId,
+  enabled,
+  client: clientProp,
+  disabled = false,
+  label = "\u5F53\u524D\u4F1A\u8BDD\u4F7F\u7528\u8BB0\u5FC6",
+  className,
+  labelClassName,
+  inputClassName,
+  onSaved,
+  onError
+}) {
+  const contextClient = useOptionalBladeClient();
+  const client = clientProp ?? contextClient;
+  if (!client) {
+    throw new Error("SessionMemoryToggle \u5FC5\u987B\u5728 <BladeProvider> \u5185\u4F7F\u7528\u6216\u663E\u5F0F\u4F20\u5165 client");
+  }
+  const saveState = getSaveState(client, sessionId);
+  const subscribe = useCallback9(
+    (listener) => {
+      saveState.listeners.add(listener);
+      return () => {
+        saveState.listeners.delete(listener);
+        cleanupSaveState(client, sessionId, saveState);
+      };
+    },
+    [client, saveState, sessionId]
+  );
+  const getSaving = useCallback9(() => saveState.saving, [saveState]);
+  const saving = useSyncExternalStore2(
+    subscribe,
+    getSaving,
+    getSaving
+  );
+  const [draftEnabled, setDraftEnabled] = useState18(enabled);
+  const activeSessionIdRef = useRef13(sessionId);
+  activeSessionIdRef.current = sessionId;
+  useEffect14(() => {
+    setDraftEnabled(enabled);
+  }, [enabled, sessionId]);
+  const update = useCallback9(
+    (nextEnabled) => {
+      const currentSaveState = getSaveState(client, sessionId);
+      if (currentSaveState.saving) return;
+      currentSaveState.saving = true;
+      notify(currentSaveState);
+      setDraftEnabled(nextEnabled);
+      void client.sessions.updateSessionMemory(sessionId, nextEnabled).then(
+        (updated) => {
+          if (activeSessionIdRef.current === sessionId) {
+            setDraftEnabled(updated.memory_enabled);
+          }
+          onSaved?.(sessionId, updated.memory_enabled);
+        },
+        (error) => {
+          if (activeSessionIdRef.current === sessionId) setDraftEnabled(enabled);
+          onError?.(error);
+        }
+      ).finally(() => {
+        currentSaveState.saving = false;
+        notify(currentSaveState);
+        cleanupSaveState(client, sessionId, currentSaveState);
+      });
+    },
+    [client, enabled, onError, onSaved, sessionId]
+  );
+  return /* @__PURE__ */ jsxs20("label", { className: cn("flex items-center justify-between", className), children: [
+    /* @__PURE__ */ jsx24("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx24(
+      "input",
+      {
+        type: "checkbox",
+        checked: draftEnabled,
+        onChange: (event) => update(event.target.checked),
+        disabled: disabled || saving,
+        className: inputClassName
+      }
+    )
+  ] });
+}
+
+// src/lib/agent-computer-command.ts
+var COMPUTER_LAUNCH_COMMAND_PATTERN = /(?:^|[\n;&|(]\s*)computer\s+launch(?:\s|$)/;
+function isAgentComputerCommand(command) {
+  return COMPUTER_LAUNCH_COMMAND_PATTERN.test(command);
+}
+function isAgentComputerToolCall(argumentsJson) {
+  if (!argumentsJson) return false;
+  let command;
+  try {
+    const parsed = JSON.parse(argumentsJson);
+    if (typeof parsed !== "object" || parsed === null) return false;
+    command = parsed.command;
+  } catch {
+    return false;
+  }
+  return typeof command === "string" && isAgentComputerCommand(command);
+}
+var LAUNCH_SUCCESS_MARKER = "\u5DF2\u542F\u52A8 ";
+function resultContainsLaunchSuccessMarker(result, depth = 0) {
+  if (depth > 2) return false;
+  if (typeof result === "string") {
+    if (result.includes(LAUNCH_SUCCESS_MARKER)) return true;
+    try {
+      return resultContainsLaunchSuccessMarker(JSON.parse(result), depth + 1);
+    } catch {
+      return false;
+    }
+  }
+  if (typeof result === "object" && result !== null) {
+    for (const value of Object.values(result)) {
+      if (typeof value === "string" && value.includes(LAUNCH_SUCCESS_MARKER)) return true;
+    }
+  }
+  return false;
+}
+function classifyAgentComputerLaunchOutcome(toolCall) {
+  if (toolCall.status === "error" || toolCall.status === "cancelled") return "failed";
+  if (toolCall.status !== "done") return "pending";
+  if (toolCall.result === void 0 || toolCall.result === null) return "unknown";
+  return resultContainsLaunchSuccessMarker(toolCall.result) ? "succeeded" : "failed";
 }
 
 // src/index.ts
@@ -3621,13 +5306,32 @@ export {
   AgentChat,
   BladeProvider,
   ChatView,
+  ContextCard,
+  ContextGroupCard,
+  CurrentPlanPanel,
   LlmChat,
   MarkdownContent,
+  MemoryRefsHint,
+  PLAN_AUTO_COLLAPSE_MS,
+  PlanUpdateBlock,
   ReplayBar,
   ReplayMismatchPrompt,
+  SessionMemoryToggle,
+  WhatIfUserBubble,
+  classifyAgentComputerLaunchOutcome,
+  collectMemoryRefs,
+  getPlanUpdateDisplayState,
+  isAgentComputerCommand,
+  isAgentComputerToolCall,
+  isPlanUpdateTool,
+  normalizeAdjacentUrlFormatting,
+  parsePlanUpdate,
+  parseWhatIfPrompt,
+  pickCurrentPlanStep,
   useAgentSession,
   useBladeClient,
   useLlmChat,
+  useMessagePin,
   useReplay
 };
 /*! Bundled license information:
@@ -3639,29 +5343,35 @@ lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/arrow-right.js:
 lucide-react/dist/esm/icons/arrow-up-right.js:
 lucide-react/dist/esm/icons/arrow-up.js:
+lucide-react/dist/esm/icons/book-open.js:
 lucide-react/dist/esm/icons/bot.js:
-lucide-react/dist/esm/icons/brain.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/circle-alert.js:
+lucide-react/dist/esm/icons/circle-dot.js:
+lucide-react/dist/esm/icons/circle.js:
 lucide-react/dist/esm/icons/copy.js:
-lucide-react/dist/esm/icons/download.js:
+lucide-react/dist/esm/icons/earth.js:
+lucide-react/dist/esm/icons/file-pen-line.js:
 lucide-react/dist/esm/icons/file-text.js:
-lucide-react/dist/esm/icons/file.js:
-lucide-react/dist/esm/icons/film.js:
 lucide-react/dist/esm/icons/globe.js:
 lucide-react/dist/esm/icons/layers.js:
 lucide-react/dist/esm/icons/lightbulb.js:
+lucide-react/dist/esm/icons/list-checks.js:
 lucide-react/dist/esm/icons/loader-circle.js:
 lucide-react/dist/esm/icons/lock-keyhole.js:
 lucide-react/dist/esm/icons/message-square-more.js:
 lucide-react/dist/esm/icons/message-square.js:
 lucide-react/dist/esm/icons/play.js:
+lucide-react/dist/esm/icons/refresh-ccw.js:
+lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/icons/settings-2.js:
 lucide-react/dist/esm/icons/sparkles.js:
 lucide-react/dist/esm/icons/square.js:
+lucide-react/dist/esm/icons/terminal.js:
 lucide-react/dist/esm/icons/triangle-alert.js:
+lucide-react/dist/esm/icons/wrench.js:
 lucide-react/dist/esm/icons/x.js:
 lucide-react/dist/esm/lucide-react.js:
   (**