@blade-hq/agent-react 2610.0.0-beta.83 → 2610.0.0-beta.84

package/dist/index.js

@@ -3398,7 +3398,7 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback30, useEffect as useEffect24, useMemo as useMemo18, useRef as useRef27, useState as useState34 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect25, useMemo as useMemo18, useRef as useRef28, useState as useState35 } from "react";
 
 // src/components/SessionPluginSelector.tsx
 import { useEffect as useEffect14, useState as useState19 } from "react";
@@ -21058,7 +21058,7 @@ function CurrentPlanPanel({
 
 // src/components/ChatSurface.tsx
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
-import { useMemo as useMemo17, useState as useState33 } from "react";
+import { useMemo as useMemo17, useState as useState34 } from "react";
 
 // src/lib/random-id.ts
 function randomId() {
@@ -46395,10 +46395,10 @@ function ConnectionBanner({ connection, className }) {
 import { isHiddenInternalMessage as isHiddenInternalMessage2 } from "@blade-hq/agent-client";
 import {
   useCallback as useCallback29,
-  useEffect as useEffect23,
+  useEffect as useEffect24,
   useMemo as useMemo16,
-  useRef as useRef26,
-  useState as useState32
+  useRef as useRef27,
+  useState as useState33
 } 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
@@ -46825,6 +46825,71 @@ function useStickToBottomContext() {
   return context;
 }
 
+// src/components/MessageImage.tsx
+import { forwardRef as forwardRef3, useEffect as useEffect19, useImperativeHandle as useImperativeHandle2, useRef as useRef21, useState as useState26 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var assetPattern = /^\/api\/(sessions|share)\/([^/]+)\/media\/([a-f0-9]{64})$/;
+var MessageImage = forwardRef3(function MessageImage2({ client: suppliedClient, src, original = false, alt, style, ...props }, ref) {
+  const contextClient = useOptionalBladeClient();
+  const client = suppliedClient ?? contextClient;
+  const element2 = useRef21(null);
+  useImperativeHandle2(ref, () => element2.current);
+  const [visible, setVisible] = useState26(false);
+  const [result, setResult] = useState26(null);
+  const match = src?.match(assetPattern);
+  const scope = match?.[1];
+  const sessionId = match?.[2];
+  const assetId = match?.[3];
+  const identity2 = assetId && client ? client.buildAuthedUrl(src) : "";
+  const source = `${src}:${original}:${identity2}`;
+  useEffect19(() => {
+    const node3 = element2.current;
+    if (!node3 || !assetId) return;
+    if (original || typeof IntersectionObserver === "undefined") {
+      setVisible(true);
+      return;
+    }
+    const observer = new IntersectionObserver((entries) => {
+      if (entries.some((entry) => entry.isIntersecting)) {
+        setVisible(true);
+        observer.disconnect();
+      }
+    }, { rootMargin: "200px" });
+    observer.observe(node3);
+    return () => observer.disconnect();
+  }, [assetId, original]);
+  useEffect19(() => {
+    if (!visible || !client || !sessionId || !assetId) return;
+    let alive = true;
+    let objectUrl = null;
+    const pending = scope === "share" ? client.sessions.fetchSharedImage(sessionId, assetId, !original) : client.sessions.fetchImage(sessionId, assetId, !original);
+    void pending.then((blob) => {
+      if (!alive) return;
+      objectUrl = URL.createObjectURL(blob);
+      setResult({ source, client, url: objectUrl });
+    }).catch(() => {
+      if (alive) setResult({ source, client, url: null });
+    });
+    return () => {
+      alive = false;
+      if (objectUrl) URL.revokeObjectURL(objectUrl);
+    };
+  }, [visible, client, scope, sessionId, assetId, original, source]);
+  const current = result?.source === source && result.client === client ? result : null;
+  const imageStyle = { aspectRatio: props.width && props.height ? `${props.width}/${props.height}` : void 0, ...style };
+  return /* @__PURE__ */ jsx15(
+    "img",
+    {
+      ...props,
+      ref: element2,
+      src: assetId ? current?.url ?? void 0 : src,
+      alt: assetId && current?.url === null ? "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" : alt,
+      loading: original ? "eager" : "lazy",
+      style: assetId && !current?.url && !props.height ? { minHeight: 64, ...imageStyle } : imageStyle
+    }
+  );
+});
+
 // src/components/AssistantTurnBlock.tsx
 import {
   collectInlineToolUiCards,
@@ -46833,11 +46898,11 @@ import {
   getTextContent as getTextContent2,
   normalizeMessageContent as normalizeMessageContent2
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect21, useRef as useRef24, useState as useState30 } from "react";
+import { useEffect as useEffect22, useRef as useRef25, useState as useState31 } from "react";
 
 // src/components/AgentTaskCard.tsx
-import { useEffect as useEffect19, useState as useState26 } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useState as useState27 } from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   running: "\u8FDB\u884C\u4E2D",
   waiting_input: "\u7B49\u5F85\u56DE\u7B54",
@@ -46847,8 +46912,8 @@ var STATUS_LABELS = {
 };
 function AgentTaskCard({ title, status, activity, children, className, recordId }) {
   const waiting = status === "waiting_input";
-  const [open2, setOpen] = useState26(waiting);
-  useEffect19(() => {
+  const [open2, setOpen] = useState27(waiting);
+  useEffect20(() => {
     if (waiting) setOpen(true);
   }, [waiting]);
   return /* @__PURE__ */ jsxs13(
@@ -46866,28 +46931,28 @@ function AgentTaskCard({ title, status, activity, children, className, recordId
       ),
       children: [
         /* @__PURE__ */ jsxs13("summary", { className: "flex cursor-pointer list-none items-start gap-2.5 rounded-xl px-3 py-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] [&::-webkit-details-marker]:hidden", children: [
-          waiting ? /* @__PURE__ */ jsx15(CircleHelp, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-amber-600 motion-safe:animate-pulse" }) : /* @__PURE__ */ jsx15(Bot, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]" }),
+          waiting ? /* @__PURE__ */ jsx16(CircleHelp, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-amber-600 motion-safe:animate-pulse" }) : /* @__PURE__ */ jsx16(Bot, { size: 18, "aria-hidden": "true", className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]" }),
           /* @__PURE__ */ jsxs13("span", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs13("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-              /* @__PURE__ */ jsx15("span", { children: "\u5B50\u667A\u80FD\u4F53" }),
+              /* @__PURE__ */ jsx16("span", { children: "\u5B50\u667A\u80FD\u4F53" }),
               /* @__PURE__ */ jsxs13("span", { className: cn("inline-flex items-center gap-1", waiting && "font-semibold text-amber-600"), children: [
-                status === "running" ? /* @__PURE__ */ jsx15(LoaderCircle, { size: 12, "aria-hidden": "true", className: "motion-safe:animate-spin" }) : null,
+                status === "running" ? /* @__PURE__ */ jsx16(LoaderCircle, { size: 12, "aria-hidden": "true", className: "motion-safe:animate-spin" }) : null,
                 STATUS_LABELS[status]
               ] })
             ] }),
-            /* @__PURE__ */ jsx15("span", { className: "mt-1 block break-words text-sm font-medium text-[hsl(var(--foreground))]", children: title }),
-            activity ? /* @__PURE__ */ jsx15("span", { className: "mt-1 block truncate text-xs text-[hsl(var(--muted-foreground))]", title: activity, children: activity }) : null
+            /* @__PURE__ */ jsx16("span", { className: "mt-1 block break-words text-sm font-medium text-[hsl(var(--foreground))]", children: title }),
+            activity ? /* @__PURE__ */ jsx16("span", { className: "mt-1 block truncate text-xs text-[hsl(var(--muted-foreground))]", title: activity, children: activity }) : null
           ] }),
-          /* @__PURE__ */ jsx15(ChevronRight, { size: 15, "aria-hidden": "true", className: cn("mt-1 shrink-0 text-[hsl(var(--muted-foreground))] transition-transform motion-reduce:transition-none", open2 && "rotate-90") })
+          /* @__PURE__ */ jsx16(ChevronRight, { size: 15, "aria-hidden": "true", className: cn("mt-1 shrink-0 text-[hsl(var(--muted-foreground))] transition-transform motion-reduce:transition-none", open2 && "rotate-90") })
         ] }),
-        /* @__PURE__ */ jsx15("div", { className: "min-w-0 border-t border-[hsl(var(--border))] px-3 py-2", children })
+        /* @__PURE__ */ jsx16("div", { className: "min-w-0 border-t border-[hsl(var(--border))] px-3 py-2", children })
       ]
     }
   );
 }
 
 // src/components/AgentLoopBlock.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -46898,14 +46963,14 @@ function parseAgentDescription(argumentsJson) {
 }
 function AgentLoopBlock({ toolCall, className }) {
   const status = toolCall.status === "awaiting_answer" ? "waiting_input" : toolCall.status === "pending" ? "running" : toolCall.status === "error" ? "failed" : toolCall.status === "cancelled" ? "cancelled" : "completed";
-  return /* @__PURE__ */ jsx16(AgentTaskCard, { title: parseAgentDescription(toolCall.arguments), status, className, children: toolCall.result != null ? /* @__PURE__ */ jsx16("div", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap break-words text-xs text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : /* @__PURE__ */ jsx16("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: status === "waiting_input" ? "\u8BF7\u56DE\u7B54\u5BF9\u8BDD\u4E2D\u7684\u95EE\u9898\uFF0C\u5B50\u667A\u80FD\u4F53\u4F1A\u7EE7\u7EED\u5904\u7406\u3002" : status === "running" ? "\u5B50\u667A\u80FD\u4F53\u6B63\u5728\u5904\u7406\u4EFB\u52A1\u3002" : "\u6682\u65E0\u6267\u884C\u7ED3\u679C\u3002" }) });
+  return /* @__PURE__ */ jsx17(AgentTaskCard, { title: parseAgentDescription(toolCall.arguments), status, className, children: toolCall.result != null ? /* @__PURE__ */ jsx17("div", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap break-words text-xs text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : /* @__PURE__ */ jsx17("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: status === "waiting_input" ? "\u8BF7\u56DE\u7B54\u5BF9\u8BDD\u4E2D\u7684\u95EE\u9898\uFF0C\u5B50\u667A\u80FD\u4F53\u4F1A\u7EE7\u7EED\u5904\u7406\u3002" : status === "running" ? "\u5B50\u667A\u80FD\u4F53\u6B63\u5728\u5904\u7406\u4EFB\u52A1\u3002" : "\u6682\u65E0\u6267\u884C\u7ED3\u679C\u3002" }) });
 }
 
 // src/components/MarkdownContent.tsx
-import { isValidElement as isValidElement2, useMemo as useMemo14, useRef as useRef22, useState as useState27 } from "react";
+import { isValidElement as isValidElement2, useMemo as useMemo14, useRef as useRef23, useState as useState28 } from "react";
 
 // src/components/markdown/index.ts
-import { createElement as createElement7, useRef as useRef21 } from "react";
+import { createElement as createElement7, useRef as useRef22 } from "react";
 
 // ../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions = {};
@@ -55791,10 +55856,10 @@ function MarkdownRenderer({
   codeBlockOverrides
 }) {
   const isStreaming = mode === "streaming";
-  const cacheRef = useRef21(createParseCache());
-  const blockCacheRef = useRef21(/* @__PURE__ */ new WeakMap());
-  const groupIdentityMapRef = useRef21(/* @__PURE__ */ new WeakMap());
-  const rendererConfigRef = useRef21(null);
+  const cacheRef = useRef22(createParseCache());
+  const blockCacheRef = useRef22(/* @__PURE__ */ new WeakMap());
+  const groupIdentityMapRef = useRef22(/* @__PURE__ */ new WeakMap());
+  const rendererConfigRef = useRef22(null);
   const previousConfig = rendererConfigRef.current;
   if (!previousConfig || previousConfig.allowedTags !== allowedTags || previousConfig.components !== components || previousConfig.rawHtmlPlugins !== rawHtmlPlugins || previousConfig.codeBlockOverrides !== codeBlockOverrides) {
     blockCacheRef.current = /* @__PURE__ */ new WeakMap();
@@ -55835,7 +55900,7 @@ function MarkdownRenderer({
 }
 
 // src/components/MarkdownContent.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 var INCOMPLETE_SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*$/i;
 function findCodeRanges(text4) {
@@ -55879,8 +55944,8 @@ function normalizeAdjacentUrlFormatting(value) {
   return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_2, index2) => protectedSegments[Number(index2)]);
 }
 function CodeBlockPre({ children, ...props }) {
-  const preRef = useRef22(null);
-  const [copied, setCopied] = useState27(false);
+  const preRef = useRef23(null);
+  const [copied, setCopied] = useState28(false);
   const codeChild = Array.isArray(children) ? children[0] : children;
   const codeClassName = isValidElement2(codeChild) ? codeChild.props.className : void 0;
   const language = codeClassName?.match(/language-(\S+)/)?.[1] ?? "";
@@ -55893,7 +55958,7 @@ function CodeBlockPre({ children, ...props }) {
   };
   return /* @__PURE__ */ jsxs14("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
     /* @__PURE__ */ jsxs14("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__ */ jsx17("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsx18("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
       /* @__PURE__ */ jsxs14(
         "button",
         {
@@ -55904,13 +55969,13 @@ function CodeBlockPre({ children, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx17(Check, { size: 12 }) : /* @__PURE__ */ jsx17(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx17("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx18(Check, { size: 12 }) : /* @__PURE__ */ jsx18(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx18("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       "pre",
       {
         ref: preRef,
@@ -55923,9 +55988,9 @@ function CodeBlockPre({ children, ...props }) {
 }
 function ExternalAnchor({ children, href, ...props }) {
   if (typeof href === "string" && href.startsWith("#")) {
-    return /* @__PURE__ */ jsx17("a", { ...props, href, children });
+    return /* @__PURE__ */ jsx18("a", { ...props, href, children });
   }
-  return /* @__PURE__ */ jsx17("a", { ...props, href, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx18("a", { ...props, href, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
@@ -55935,7 +56000,7 @@ function MarkdownContent({ children, className, mode, sessionId }) {
   const resolvedChildren = useMemo14(() => {
     return normalizeAdjacentUrlFormatting(stripSystemReminders(children));
   }, [children]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     MarkdownRenderer,
     {
       className: cn("blade-chat-markdown break-words", className),
@@ -55949,17 +56014,17 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx18("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx19("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState29 } from "react";
+import { useState as useState30 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect20, useMemo as useMemo15, useRef as useRef23, useState as useState28 } from "react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useEffect as useEffect21, useMemo as useMemo15, useRef as useRef24, useState as useState29 } from "react";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
   textarea.style.height = "auto";
@@ -55967,12 +56032,12 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef23(null);
-  useEffect20(() => {
+  const textareaRef = useRef24(null);
+  useEffect21(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect20(() => {
+  useEffect21(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -55999,12 +56064,12 @@ function AskUserQuestionBlock({
   className,
   optionClassName
 }) {
-  const [selections, setSelections] = useState28(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState28(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState28(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState28("");
-  const [submitted, setSubmitted] = useState28(false);
-  useEffect20(() => {
+  const [selections, setSelections] = useState29(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState29(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState29(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState29("");
+  const [submitted, setSubmitted] = useState29(false);
+  useEffect21(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -56117,7 +56182,7 @@ ${parts.join("\n")}`,
           data.source_loop.description,
           "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
         ] }),
-        data.questions.map((q2, qIdx) => /* @__PURE__ */ jsx19(
+        data.questions.map((q2, qIdx) => /* @__PURE__ */ jsx20(
           QuestionCard,
           {
             question: q2,
@@ -56133,7 +56198,7 @@ ${parts.join("\n")}`,
           },
           q2.question
         )),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           NoteField,
           {
             answered,
@@ -56142,7 +56207,7 @@ ${parts.join("\n")}`,
             onChange: setNote
           }
         ),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx19(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -56159,7 +56224,7 @@ ${parts.join("\n")}`,
             disabled: true,
             className: "flex w-full items-center justify-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] opacity-80",
             children: [
-              /* @__PURE__ */ jsx19(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx20(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -56184,21 +56249,21 @@ function QuestionCard({
   const customTextareaRef = useAutoResizeTextarea(customText);
   return /* @__PURE__ */ jsxs15("div", { children: [
     /* @__PURE__ */ jsxs15("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx19(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx20(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
@@ -56221,14 +56286,14 @@ function QuestionCard({
               optionClassName
             ),
             children: [
-              multi && /* @__PURE__ */ jsx19(
+              multi && /* @__PURE__ */ jsx20(
                 "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__ */ jsx19(
+                  children: isSel && /* @__PURE__ */ jsx20(
                     Check,
                     {
                       size: 9,
@@ -56238,8 +56303,8 @@ function QuestionCard({
                 }
               ),
               /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx19("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx20(
                   "div",
                   {
                     className: cn(
@@ -56266,8 +56331,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx19("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx20(
               "textarea",
               {
                 ref: customTextareaRef,
@@ -56309,8 +56374,8 @@ function NoteField({
         readOnly && "cursor-default opacity-70"
       ),
       children: [
-        /* @__PURE__ */ jsx19("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx20(
           "textarea",
           {
             ref: textareaRef,
@@ -56399,7 +56464,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -56422,12 +56487,12 @@ function ToolCallBlock({
   classNames,
   renderers
 }) {
-  const [expanded, setExpanded] = useState29(false);
+  const [expanded, setExpanded] = useState30(false);
   const normalizedName = formatToolName(toolCall.name);
   const customQuestion = normalizedName === "AskUserQuestion" ? renderers?.askUserQuestion : void 0;
   const customToolCall = normalizedName === "AskUserQuestion" && customQuestion ? null : renderers?.toolCall?.(toolCall);
   if (customToolCall !== null && customToolCall !== void 0) {
-    return /* @__PURE__ */ jsx20(Fragment7, { children: customToolCall });
+    return /* @__PURE__ */ jsx21(Fragment7, { children: customToolCall });
   }
   if (normalizedName === "AskUserQuestion") {
     const askData = parseAskUserQuestion(typeof toolCall.result === "string" ? toolCall.result : null) ?? parseAskUserQuestion(buildAskUserPayload(toolCall.arguments));
@@ -56449,9 +56514,9 @@ function ToolCallBlock({
       };
       const customAsk = customQuestion?.(answerProps);
       if (customAsk !== null && customAsk !== void 0) {
-        return /* @__PURE__ */ jsx20(Fragment7, { children: customAsk });
+        return /* @__PURE__ */ jsx21(Fragment7, { children: customAsk });
       }
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx21(
         AskUserQuestionBlock,
         {
           ...answerProps,
@@ -56470,8 +56535,8 @@ function ToolCallBlock({
             classNames?.askCard
           ),
           children: [
-            /* @__PURE__ */ jsx20(LoaderCircle, { size: 14, className: "animate-spin" }),
-            /* @__PURE__ */ jsx20("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+            /* @__PURE__ */ jsx21(LoaderCircle, { size: 14, className: "animate-spin" }),
+            /* @__PURE__ */ jsx21("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
           ]
         }
       );
@@ -56488,11 +56553,11 @@ function ToolCallBlock({
           classNames?.askCard
         ),
         children: [
-          /* @__PURE__ */ jsx20("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-          /* @__PURE__ */ jsx20("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
+          /* @__PURE__ */ jsx21("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+          /* @__PURE__ */ jsx21("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__ */ jsxs16("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx20("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
-            /* @__PURE__ */ jsx20("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
+            /* @__PURE__ */ jsx21("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
+            /* @__PURE__ */ jsx21("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
           ] }) : null
         ]
       }
@@ -56501,7 +56566,7 @@ function ToolCallBlock({
   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__ */ jsx20(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx20(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx20(X, { size: 11 }) : /* @__PURE__ */ jsx20(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx21(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx21(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx21(X, { size: 11 }) : /* @__PURE__ */ jsx21(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__ */ jsxs16("div", { className: "ml-4 text-xs", children: [
     /* @__PURE__ */ jsxs16("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
@@ -56513,7 +56578,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__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               ChevronRight,
               {
                 size: 11,
@@ -56525,22 +56590,22 @@ function ToolCallBlock({
             ),
             /* @__PURE__ */ jsxs16("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx20("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx21("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx21("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__ */ jsx20("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__ */ jsx21("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
     expanded && /* @__PURE__ */ jsxs16("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx20("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx20("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx20("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx20("pre", { className: "overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
+      /* @__PURE__ */ jsx21("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx21("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx21("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx21("pre", { className: "overflow-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__ */ jsxs16(Fragment7, { children: [
-        /* @__PURE__ */ jsx20("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx20("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) })
+        /* @__PURE__ */ jsx21("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx21("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) })
       ] })
     ] })
   ] });
@@ -56559,13 +56624,13 @@ function buildAskUserPayload(argumentsJson) {
 
 // src/components/ToolUiCardView.tsx
 import { resolveToolUiCardContent } from "@blade-hq/agent-client";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function ToolUiCardView({ card, sessionId }) {
-  if (card.mcpApp) return sessionId ? /* @__PURE__ */ jsx21(McpAppCard, { sessionId, sourceId: card.mcpApp.sourceId }) : null;
+  if (card.mcpApp) return sessionId ? /* @__PURE__ */ jsx22(McpAppCard, { sessionId, sourceId: card.mcpApp.sourceId }) : null;
   const resolved = resolveToolUiCardContent(card);
   if (!resolved) return null;
   const sandbox = resolved.type === "resource-uri" ? "allow-scripts allow-same-origin" : "allow-scripts";
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "iframe",
     {
       title: card.title ?? "\u5DE5\u5177\u754C\u9762",
@@ -56596,13 +56661,13 @@ ${html}`;
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function ThinkingBlock({
   reasoning,
   isStreaming,
   className
 }) {
-  const [open2, setOpen] = useState30(false);
+  const [open2, setOpen] = useState31(false);
   if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs17("div", { part: "thinking", className: cn("blade-chat-thinking ml-4 text-xs", className), children: [
     /* @__PURE__ */ jsxs17(
@@ -56613,8 +56678,8 @@ function ThinkingBlock({
         "aria-expanded": open2,
         className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx22(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          /* @__PURE__ */ jsx23(
             ChevronRight,
             {
               size: 14,
@@ -56627,7 +56692,7 @@ function ThinkingBlock({
         ]
       }
     ),
-    open2 ? /* @__PURE__ */ jsx22("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
+    open2 ? /* @__PURE__ */ jsx23("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
@@ -56819,7 +56884,7 @@ function ExecutionToolRow({
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx22(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx22(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx22(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx22(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx22(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx22(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx22(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx22(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx22(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx22(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx23(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx23(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx23(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx23(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx23(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx23(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx23(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx23(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx23(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx23(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))]"
@@ -56833,7 +56898,7 @@ function ExecutionToolRow({
       title: label,
       children: [
         icon,
-        /* @__PURE__ */ jsx22("span", { className: "min-w-0 truncate", children: label })
+        /* @__PURE__ */ jsx23("span", { className: "min-w-0 truncate", children: label })
       ]
     }
   );
@@ -56882,12 +56947,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState30(
+  const [displayMode, setDisplayMode] = useState31(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef24(false);
-  const wasStreamingRef = useRef24(isStreaming);
-  useEffect21(() => {
+  const userSelectedDisplayModeRef = useRef25(false);
+  const wasStreamingRef = useRef25(isStreaming);
+  useEffect22(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -56895,11 +56960,11 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState30(() => Date.now());
+  const [clock, setClock] = useState31(() => Date.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
-  useEffect21(() => {
+  useEffect22(() => {
     if (!isStreaming || !hasLiveStartTime) return;
     const timer = window.setInterval(() => setClock(Date.now()), 1e3);
     return () => window.clearInterval(timer);
@@ -56915,15 +56980,15 @@ function AssistantTurnBlock({
         part: "assistant-turn",
         className: cn("blade-chat-assistant-turn flex flex-col gap-3", classNames?.assistantTurn),
         children: [
-          memoryRefs.length > 0 ? /* @__PURE__ */ jsx22(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
-          hasInterrupted && /* @__PURE__ */ jsx22("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__ */ jsx22("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+          memoryRefs.length > 0 ? /* @__PURE__ */ jsx23(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
+          hasInterrupted && /* @__PURE__ */ jsx23("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__ */ jsx23("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, index2) => {
-            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx22(
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx23(
               "div",
               {
                 className: "flex flex-col gap-3",
-                children: /* @__PURE__ */ jsx22(
+                children: /* @__PURE__ */ jsx23(
                   AssistantMessageContent,
                   {
                     message,
@@ -56937,7 +57002,7 @@ function AssistantTurnBlock({
               message.entry_id ?? `${message.timestamp ?? "assistant"}-${index2}`
             ) : null;
           }),
-          inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx22(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null
+          inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx23(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null
         ]
       }
     );
@@ -56949,16 +57014,16 @@ function AssistantTurnBlock({
       part: "assistant-turn",
       className: cn("blade-chat-assistant-turn flex flex-col gap-3", classNames?.assistantTurn),
       children: [
-        memoryRefs.length > 0 ? /* @__PURE__ */ jsx22(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
-        hasInterrupted && /* @__PURE__ */ jsx22("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__ */ jsx22("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+        memoryRefs.length > 0 ? /* @__PURE__ */ jsx23(MemoryRefsHint, { refs: memoryRefs, className: classNames?.memoryRefs }) : null,
+        hasInterrupted && /* @__PURE__ */ jsx23("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__ */ jsx23("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__ */ jsxs17("div", { className: "flex w-full items-start gap-2.5", children: [
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "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__ */ jsx22(Bot, { size: 16 })
+              children: /* @__PURE__ */ jsx23(Bot, { size: 16 })
             }
           ),
           /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1 pt-0.5", children: [
@@ -56975,14 +57040,14 @@ function AssistantTurnBlock({
                 "data-testid": "assistant-execution-summary",
                 className: "inline-flex min-w-0 max-w-full select-none items-center gap-1 bg-transparent p-0 text-left text-xs leading-[22px] text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
                 children: [
-                  /* @__PURE__ */ jsx22("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
+                  /* @__PURE__ */ jsx23("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
                     messages,
                     isStreaming,
                     durationMs: liveExecutionDurationMs,
                     sessionStatus,
                     askAnswers
                   }) }),
-                  /* @__PURE__ */ jsx22(
+                  /* @__PURE__ */ jsx23(
                     ChevronRight,
                     {
                       size: 14,
@@ -56997,10 +57062,10 @@ function AssistantTurnBlock({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx22("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
+            /* @__PURE__ */ jsx23("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
           ] })
         ] }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx22("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index2) => {
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx23("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index2) => {
           const isLast = index2 === messages.length - 1;
           const streamingThis = isStreaming && isLast;
           const text4 = getMessageText(message);
@@ -57015,7 +57080,7 @@ function AssistantTurnBlock({
             {
               className: "flex flex-col gap-3",
               children: [
-                showReasoning && message.reasoning ? /* @__PURE__ */ jsx22(
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx23(
                   ThinkingBlock,
                   {
                     reasoning: message.reasoning,
@@ -57024,7 +57089,7 @@ function AssistantTurnBlock({
                   }
                 ) : null,
                 orderedParts.length > 0 ? orderedParts.map(
-                  (part) => part.type === "text" ? /* @__PURE__ */ jsx22(
+                  (part) => part.type === "text" ? /* @__PURE__ */ jsx23(
                     AssistantMessageContent,
                     {
                       message: { ...message, content: part.content, tool_calls: turnToolCalls },
@@ -57035,9 +57100,9 @@ function AssistantTurnBlock({
                       renderers
                     },
                     part.key
-                  ) : /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
+                  ) : /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
                     const custom2 = renderers?.toolCall?.(toolCall);
-                    return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx22("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx22(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx22(
+                    return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx23("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx23(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx23(
                       ExecutionToolRow,
                       {
                         toolCall,
@@ -57046,7 +57111,7 @@ function AssistantTurnBlock({
                       toolCall.id
                     );
                   }) }, part.key)
-                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx22(
+                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx23(
                   AssistantMessageContent,
                   {
                     message,
@@ -57057,9 +57122,9 @@ function AssistantTurnBlock({
                     renderers
                   }
                 ) : null,
-                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
+                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
                   const custom2 = renderers?.toolCall?.(toolCall);
-                  return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx22("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx22(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx22(
+                  return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx23("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx23(AgentLoopBlock, { toolCall, className: classNames?.agentLoop }, toolCall.id) : /* @__PURE__ */ jsx23(
                     ExecutionToolRow,
                     {
                       toolCall,
@@ -57068,14 +57133,14 @@ function AssistantTurnBlock({
                     toolCall.id
                   );
                 }) }) : null,
-                messageToolUiCards.map((entry) => /* @__PURE__ */ jsx22(ToolUiCardView, { card: entry.card, sessionId }, entry.key))
+                messageToolUiCards.map((entry) => /* @__PURE__ */ jsx23(ToolUiCardView, { card: entry.card, sessionId }, entry.key))
               ]
             },
             message.entry_id ?? `${message.timestamp ?? "assistant"}-${index2}`
           );
         }) }) : null,
-        effectiveMode === "compact" && inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "ml-10 flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx22(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null,
-        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx22("div", { className: "ml-10", children: /* @__PURE__ */ jsx22(
+        effectiveMode === "compact" && inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "ml-10 flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx23(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null,
+        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx23("div", { className: "ml-10", children: /* @__PURE__ */ jsx23(
           AssistantMessageContent,
           {
             message: finalMessage,
@@ -57085,7 +57150,7 @@ function AssistantTurnBlock({
             renderers
           }
         ) }) : null,
-        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx22(
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx23(
           ToolCallBlock,
           {
             toolCall,
@@ -57111,22 +57176,22 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs, className }) {
-  const [expanded, setExpanded] = useState30(false);
+  const [expanded, setExpanded] = useState31(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__ */ jsxs17("div", { part: "memory-refs", className: cn("blade-chat-memory-refs ml-1 w-full max-w-[680px]", className), children: [
     /* @__PURE__ */ jsxs17("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__ */ jsx22(BookOpen, { size: 12 }),
+      /* @__PURE__ */ jsx23(BookOpen, { size: 12 }),
       /* @__PURE__ */ jsxs17("span", { children: [
         label,
         "\uFF08",
         refs.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ jsx22(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
+      /* @__PURE__ */ jsx23(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
     ] }),
-    expanded ? /* @__PURE__ */ jsx22("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__ */ jsxs17("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__ */ jsx22("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
-      ref.skill_name ? /* @__PURE__ */ jsx22("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
+    expanded ? /* @__PURE__ */ jsx23("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__ */ jsxs17("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__ */ jsx23("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
+      ref.skill_name ? /* @__PURE__ */ jsx23("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
     ] }, ref.id)) }) : null
   ] });
 }
@@ -57142,9 +57207,9 @@ function AssistantMessageContent({
   const imageParts = getImageParts(message.content);
   const fileParts = getFileParts(message.content);
   const failed = message.status === "failed";
-  const failedBadge = failed ? /* @__PURE__ */ jsx22("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
+  const failedBadge = failed ? /* @__PURE__ */ jsx23("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
   const customText = text4 ? renderers?.assistantText?.({ message, streaming, compact, sessionId }) : void 0;
-  const textContent = text4 ? customText ?? /* @__PURE__ */ jsx22(
+  const textContent = text4 ? customText ?? /* @__PURE__ */ jsx23(
     "div",
     {
       part: "assistant-text",
@@ -57153,7 +57218,7 @@ function AssistantMessageContent({
         compact ? "text-xs leading-[22px] text-[hsl(var(--foreground))]" : "text-[15px] leading-8 text-[hsl(var(--foreground))]",
         classNames?.assistantText
       ),
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx23(
         MarkdownContent,
         {
           mode: streaming ? "streaming" : "static",
@@ -57173,16 +57238,18 @@ function AssistantMessageContent({
   }
   return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-3", children: [
     failedBadge,
-    imageParts.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx22(
-      "img",
+    imageParts.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx23(
+      MessageImage,
       {
         src: part.image_url.url,
+        width: part.image_url.width,
+        height: part.image_url.height,
         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__ */ jsx22("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs17(
+    fileParts.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs17(
       "div",
       {
         part: "file-card",
@@ -57192,8 +57259,8 @@ function AssistantMessageContent({
         ),
         title: part.name,
         children: [
-          /* @__PURE__ */ jsx22(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
-          /* @__PURE__ */ jsx22("span", { className: "blade-chat-file-card-name max-w-56 truncate", children: part.name })
+          /* @__PURE__ */ jsx23(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
+          /* @__PURE__ */ jsx23("span", { className: "blade-chat-file-card-name max-w-56 truncate", children: part.name })
         ]
       },
       `${part.name}-${part.data.slice(0, 32)}`
@@ -57204,7 +57271,7 @@ function AssistantMessageContent({
 
 // src/components/RenderErrorBoundary.tsx
 import { Component as Component2 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -57237,8 +57304,8 @@ var RenderErrorBoundary = class extends Component2 {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx23("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__ */ jsxs18("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx23(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+    return /* @__PURE__ */ jsx24("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__ */ jsxs18("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx24(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
       /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxs18("div", { className: "font-medium", children: [
           label,
@@ -57248,15 +57315,15 @@ var RenderErrorBoundary = class extends Component2 {
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error61.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx23("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx24("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback28, useEffect as useEffect22, useRef as useRef25, useState as useState31 } from "react";
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useCallback as useCallback28, useEffect as useEffect23, useRef as useRef26, useState as useState32 } from "react";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -57275,7 +57342,7 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState31(false);
+  const [downloading, setDownloading] = useState32(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
     return /* @__PURE__ */ jsxs19(
@@ -57289,9 +57356,9 @@ function ArtifactCard({
 ${artifact.target}`,
         className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))]",
         children: [
-          /* @__PURE__ */ jsx24(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx24("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx24(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx25(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx25("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx25(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
@@ -57326,7 +57393,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "a",
     {
       href: downloadUrl,
@@ -57381,15 +57448,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState31(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState31(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState31(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState31(false);
-  const [saveError, setSaveError] = useState31(false);
-  const reportedShown = useRef25(false);
-  const latestChoice = useRef25(null);
+  const [saved, setSaved] = useState32(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState32(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState32(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState32(false);
+  const [saveError, setSaveError] = useState32(false);
+  const reportedShown = useRef26(false);
+  const latestChoice = useRef26(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect22(() => {
+  useEffect23(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -57398,7 +57465,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -57445,9 +57512,9 @@ function ResultFeedback({
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx24("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__ */ jsx25("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__ */ jsxs19("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -57458,7 +57525,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -57470,7 +57537,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx24(
+        helpful === false ? /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx25(
           "button",
           {
             type: "button",
@@ -57483,8 +57550,8 @@ function ResultFeedback({
           item.value
         )) }) : null,
         saveError ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx24("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -57496,7 +57563,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx24("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx25("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -57512,14 +57579,14 @@ function PostChatFollowupBlock({
   className,
   suggestionClassName
 }) {
-  const [expanded, setExpanded] = useState31(false);
-  const adopted = useRef25(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef25(false);
-  const reportedArtifacts = useRef25(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef25(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState32(false);
+  const adopted = useRef26(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef26(false);
+  const reportedArtifacts = useRef26(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef26(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -57576,12 +57643,12 @@ function PostChatFollowupBlock({
       children: [
         followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs19("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx24(Sparkles, { size: 14 }),
+            /* @__PURE__ */ jsx25(Sparkles, { size: 14 }),
             "\u672C\u8F6E\u5C0F\u7ED3"
           ] }),
-          followup.recaption ? /* @__PURE__ */ jsx24("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+          followup.recaption ? /* @__PURE__ */ jsx25("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
           artifacts.length > 0 ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
-            /* @__PURE__ */ jsx24("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx25(
               ArtifactCard,
               {
                 artifact,
@@ -57602,14 +57669,14 @@ function PostChatFollowupBlock({
                 className: "flex w-fit items-center gap-0.5 text-[11px] text-[hsl(var(--muted-foreground))]",
                 children: [
                   expanded ? "\u6536\u8D77" : `\u5C55\u5F00 ${artifacts.length - 3} \u4E2A`,
-                  /* @__PURE__ */ jsx24(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+                  /* @__PURE__ */ jsx25(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
                 ]
               }
             ) : null
           ] }) : null
         ] }) : null,
         followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs19("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx24("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+          /* @__PURE__ */ jsx25("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
           followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs19(
             "button",
             {
@@ -57633,14 +57700,14 @@ function PostChatFollowupBlock({
                 suggestionClassName
               ),
               children: [
-                /* @__PURE__ */ jsx24("span", { children: suggestion }),
-                /* @__PURE__ */ jsx24(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+                /* @__PURE__ */ jsx25("span", { children: suggestion }),
+                /* @__PURE__ */ jsx25(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
               ]
             },
             suggestion
           ))
         ] }) : null,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           ResultFeedback,
           {
             followup,
@@ -57717,31 +57784,31 @@ function parseWhatIfPrompt(text4) {
 }
 
 // src/components/WhatIfUserBubble.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { fromStep, quotes, userText } = parsed;
   return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-end gap-2", children: [
     /* @__PURE__ */ jsxs20("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__ */ jsx25(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx25("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+      /* @__PURE__ */ jsx26(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx26("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx25("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index2) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx26("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index2) => {
       const clickable = quote.stepNumber != null && !!onQuoteClick;
       const label = quote.stepNumber != null ? `\u6B65\u9AA4${quote.stepNumber} \xB7 ${quote.label}` : quote.label;
       return /* @__PURE__ */ jsxs20("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
         /* @__PURE__ */ jsxs20("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__ */ jsx25("span", { children: "\u21B3" }),
-          /* @__PURE__ */ jsx25("span", { className: "truncate", children: label })
+          /* @__PURE__ */ jsx26("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx26("span", { className: "truncate", children: label })
         ] }),
-        quote.snapshot ? /* @__PURE__ */ jsx25("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__ */ jsx25(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+        quote.snapshot ? /* @__PURE__ */ jsx26("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__ */ jsx26(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
       ] }, `${quote.stepNumber ?? "x"}-${index2}`);
     }) }),
-    userText && /* @__PURE__ */ jsx25("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__ */ jsx25(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+    userText && /* @__PURE__ */ jsx26("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__ */ jsx26(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
   ] });
 }
 
 // src/components/UserMessageBubble.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -57756,26 +57823,28 @@ function UserMessageBubble({ message, classNames, renderers }) {
   const whatifParsed = text4 && imageParts.length === 0 && fileParts.length === 0 ? parseWhatIfPrompt(text4) : null;
   const customBubble = renderers?.userMessage?.({ message });
   if (whatifParsed) {
-    return /* @__PURE__ */ jsx26("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsx26("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: customBubble ?? /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsx27("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: customBubble ?? /* @__PURE__ */ jsx27(
       "div",
       {
         part: "user-bubble",
         className: cn("blade-chat-user-bubble", classNames?.userBubble),
-        children: /* @__PURE__ */ jsx26(WhatIfUserBubble, { parsed: whatifParsed })
+        children: /* @__PURE__ */ jsx27(WhatIfUserBubble, { parsed: whatifParsed })
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx26("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsxs21("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx26("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx26(
-      "img",
+  return /* @__PURE__ */ jsx27("div", { part: "user-row", className: cn("blade-chat-user-row flex justify-end", classNames?.userMessage), children: /* @__PURE__ */ jsxs21("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx27("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx27(
+      MessageImage,
       {
         src: part.image_url.url,
+        width: part.image_url.width,
+        height: part.image_url.height,
         alt: "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247",
         className: "max-h-64 rounded-xl border border-[hsl(var(--user-msg-border))] object-cover"
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx26("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs21(
+    fileParts.length > 0 && /* @__PURE__ */ jsx27("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs21(
       "div",
       {
         part: "file-card",
@@ -57784,13 +57853,13 @@ function UserMessageBubble({ message, classNames, renderers }) {
           classNames?.fileCard
         ),
         children: [
-          /* @__PURE__ */ jsx26(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
-          /* @__PURE__ */ jsx26("span", { className: "blade-chat-file-card-name max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx27(FileText, { size: 12, className: "blade-chat-file-card-icon shrink-0" }),
+          /* @__PURE__ */ jsx27("span", { className: "blade-chat-file-card-name max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text4 && (customBubble ?? /* @__PURE__ */ jsx26(
+    text4 && (customBubble ?? /* @__PURE__ */ jsx27(
       "div",
       {
         part: "user-bubble",
@@ -57798,12 +57867,12 @@ function UserMessageBubble({ message, classNames, renderers }) {
           "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]",
           classNames?.userBubble
         ),
-        children: /* @__PURE__ */ jsx26(MarkdownContent, { className: "blade-chat-prose", children: text4 })
+        children: /* @__PURE__ */ jsx27(MarkdownContent, { className: "blade-chat-prose", children: text4 })
       }
     )),
     text4 && isSending(message) && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx26(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx26("span", { children: "\u53D1\u9001\u4E2D" })
+      /* @__PURE__ */ jsx27(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx27("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -57812,11 +57881,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text4 = chatErrorForDisplay(getTextContent3(message.content));
-  return /* @__PURE__ */ jsx26("div", { part: "error-row", className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx26("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text4 }) });
+  return /* @__PURE__ */ jsx27("div", { part: "error-row", className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx27("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text4 }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -57894,10 +57963,10 @@ function MessageList({
   const contentReveal = useTypewriterReveal(revealContentText, isRevealLive, revealTargetKey);
   const reasoningReveal = useTypewriterReveal(revealReasoningText, isRevealLive, revealTargetKey);
   const isRevealingAny = contentReveal.isRevealing || reasoningReveal.isRevealing;
-  useEffect23(() => {
+  useEffect24(() => {
     onRevealingChange?.(isRevealingAny);
   }, [isRevealingAny, onRevealingChange]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (isStopping) {
       contentReveal.flushNow();
       reasoningReveal.flushNow();
@@ -57984,8 +58053,8 @@ function MessageList({
     }
     return blocks;
   }, [visibleRootMessages, isStreaming, isRevealingAny]);
-  const rootRef = useRef26(null);
-  const stopAutoScrollRef = useRef26(null);
+  const rootRef = useRef27(null);
+  const stopAutoScrollRef = useRef27(null);
   const {
     items: turnNavItems,
     activeEntryId: activeNavTurnId,
@@ -58005,7 +58074,7 @@ function MessageList({
     isEntryLoaded: (entryId) => findEntryRow(rootRef.current, entryId) !== null,
     beforeSeek: () => stopAutoScrollRef.current?.()
   });
-  const [viewportNavTurnId, setViewportNavTurnId] = useState32(null);
+  const [viewportNavTurnId, setViewportNavTurnId] = useState33(null);
   const latestNavTurnId = turnNavItems.at(-1)?.id ?? null;
   return /* @__PURE__ */ jsxs22(
     "div",
@@ -58014,8 +58083,8 @@ function MessageList({
       part: "messages",
       className: cn("blade-chat-messages relative min-h-0 flex-1", classNames?.messageList),
       children: [
-        isStreaming || isRevealingAny ? /* @__PURE__ */ jsx27("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-        /* @__PURE__ */ jsx27(
+        isStreaming || isRevealingAny ? /* @__PURE__ */ jsx28("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+        /* @__PURE__ */ jsx28(
           TurnNavRail,
           {
             items: turnNavItems,
@@ -58033,23 +58102,23 @@ function MessageList({
             initial: "instant",
             resize: "instant",
             children: [
-              /* @__PURE__ */ jsx27(StickToBottom.Content, { part: "messages-scroll", className: cn("blade-chat-messages-scroll", classNames?.messagesScroll), children: /* @__PURE__ */ jsxs22("div", { part: "messages-content", className: cn("blade-chat-messages-content mx-auto max-w-[748px]", classNames?.messagesContent), children: [
-                historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx27(LoadOlderSentinel, { ...historyPaging }) : null,
+              /* @__PURE__ */ jsx28(StickToBottom.Content, { part: "messages-scroll", className: cn("blade-chat-messages-scroll", classNames?.messagesScroll), children: /* @__PURE__ */ jsxs22("div", { part: "messages-content", className: cn("blade-chat-messages-content mx-auto max-w-[748px]", classNames?.messagesContent), children: [
+                historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx28(LoadOlderSentinel, { ...historyPaging }) : null,
                 /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-col", children: [
                   renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs22("div", { part: "empty", className: cn("blade-chat-empty", classNames?.empty), children: [
-                    /* @__PURE__ */ jsx27(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-                    /* @__PURE__ */ jsx27("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-                    /* @__PURE__ */ jsx27("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+                    /* @__PURE__ */ jsx28(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+                    /* @__PURE__ */ jsx28("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+                    /* @__PURE__ */ jsx28("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__ */ jsx27("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx27(
+                      return /* @__PURE__ */ jsx28("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx28(
                         UserMessageBubble,
                         {
                           message: block.message,
                           classNames,
                           renderers
                         }
-                      ) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx27(
+                      ) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx28(
                         ErrorMessageBlock,
                         {
                           message: block.message,
@@ -58067,14 +58136,14 @@ function MessageList({
                           (message) => message.entry_id === postChatFollowup.assistant_entry_id
                         )
                       );
-                      return /* @__PURE__ */ jsx27("div", { "data-entry-id": displayMessages[0]?.entry_id, children: /* @__PURE__ */ jsxs22(
+                      return /* @__PURE__ */ jsx28("div", { "data-entry-id": displayMessages[0]?.entry_id, children: /* @__PURE__ */ jsxs22(
                         RenderErrorBoundary,
                         {
                           label: "\u52A9\u624B\u6D88\u606F",
                           details: block.key,
                           resetKey: getMessageResetSignature(displayMessages),
                           children: [
-                            /* @__PURE__ */ jsx27(
+                            /* @__PURE__ */ jsx28(
                               AssistantTurnBlock,
                               {
                                 messages: displayMessages,
@@ -58088,8 +58157,8 @@ function MessageList({
                                 sessionId
                               }
                             ),
-                            blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx27(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                            hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx27(
+                            blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx28(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                            hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx28(
                               PostChatFollowupBlock,
                               {
                                 followup: postChatFollowup,
@@ -58113,19 +58182,19 @@ function MessageList({
                         {
                           className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
                           children: [
-                            /* @__PURE__ */ jsx27(Layers, { size: 12 }),
-                            /* @__PURE__ */ jsx27("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                            /* @__PURE__ */ jsx28(Layers, { size: 12 }),
+                            /* @__PURE__ */ jsx28("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                           ]
                         },
                         block.key
                       );
                     }
-                    return /* @__PURE__ */ jsx27(PlanningDivider, { kind: block.kind }, block.key);
+                    return /* @__PURE__ */ jsx28(PlanningDivider, { kind: block.kind }, block.key);
                   }),
-                  sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx27("div", { className: "flex", children: /* @__PURE__ */ jsx27("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+                  sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx28("div", { className: "flex", children: /* @__PURE__ */ jsx28("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__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 PinLatestUserMessage,
                 {
                   userMessageCount: userMessages.length,
@@ -58135,9 +58204,9 @@ function MessageList({
                 },
                 sessionId ?? "no-session"
               ),
-              /* @__PURE__ */ jsx27(ScrollToBottomButton, { className: classNames?.scrollToBottom }),
-              /* @__PURE__ */ jsx27(StopAutoScrollBridge, { stopRef: stopAutoScrollRef }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(ScrollToBottomButton, { className: classNames?.scrollToBottom }),
+              /* @__PURE__ */ jsx28(StopAutoScrollBridge, { stopRef: stopAutoScrollRef }),
+              /* @__PURE__ */ jsx28(
                 ViewportTurnBridge,
                 {
                   rootRef,
@@ -58159,10 +58228,10 @@ function LoadOlderSentinel({
   loadOlder
 }) {
   const { contentRef, scrollRef } = useStickToBottomContext();
-  const sentinelRef = useRef26(null);
-  const stateRef = useRef26({ hasOlder, loading, loadOlder });
+  const sentinelRef = useRef27(null);
+  const stateRef = useRef27({ hasOlder, loading, loadOlder });
   stateRef.current = { hasOlder, loading, loadOlder };
-  useEffect23(() => {
+  useEffect24(() => {
     const sentinel = sentinelRef.current;
     const scroller = scrollRef.current;
     if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
@@ -58221,7 +58290,7 @@ function LoadOlderSentinel({
       observer.disconnect();
     };
   }, [contentRef, scrollRef]);
-  return /* @__PURE__ */ jsx27("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx27("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
+  return /* @__PURE__ */ jsx28("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx28("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
 }
 function PinLatestUserMessage({
   userMessageCount,
@@ -58230,8 +58299,8 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef26(userMessageCount);
-  const spacerHeightRef = useRef26(0);
+  const previousCountRef = useRef27(userMessageCount);
+  const spacerHeightRef = useRef27(0);
   const getScrollElement = useCallback29(() => scrollRef.current, [scrollRef]);
   const getContentElement = useCallback29(() => contentRef.current, [contentRef]);
   const getTargetElement = useCallback29(() => {
@@ -58273,7 +58342,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect23(() => {
+  useEffect24(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -58283,9 +58352,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton({ className }) {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState32(false);
-  const hideTimerRef = useRef26(null);
-  useEffect23(() => {
+  const [visible, setVisible] = useState33(false);
+  const hideTimerRef = useRef27(null);
+  useEffect24(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -58328,20 +58397,20 @@ function ScrollToBottomButton({ className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx27(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx27("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx28(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx28("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
   return /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx27("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsx28("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
     /* @__PURE__ */ jsxs22("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__ */ jsx27(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx27("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+      /* @__PURE__ */ jsx28(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx28("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx27("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx28("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 function findEntryRow(root, entryId) {
@@ -58357,13 +58426,13 @@ function ViewportTurnBridge({
   onActiveChange
 }) {
   const { scrollRef } = useStickToBottomContext();
-  const itemsRef = useRef26(items);
-  const updateRef = useRef26(null);
-  useEffect23(() => {
+  const itemsRef = useRef27(items);
+  const updateRef = useRef27(null);
+  useEffect24(() => {
     itemsRef.current = items;
     updateRef.current?.();
   }, [items]);
-  useEffect23(() => {
+  useEffect24(() => {
     const scroller = scrollRef.current;
     const root = rootRef.current;
     if (!scroller || !root) return;
@@ -58407,7 +58476,7 @@ function ViewportTurnBridge({
 var VIEWPORT_ACTIVE_OFFSET = 8;
 function StopAutoScrollBridge({ stopRef }) {
   const { stopScroll } = useStickToBottomContext();
-  useEffect23(() => {
+  useEffect24(() => {
     stopRef.current = stopScroll;
     return () => {
       stopRef.current = null;
@@ -58417,7 +58486,7 @@ function StopAutoScrollBridge({ stopRef }) {
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -58457,7 +58526,7 @@ function ChatSurface({
   onRevealingChange,
   isReplay
 }) {
-  const [pending, setPending] = useState33([]);
+  const [pending, setPending] = useState34([]);
   const currentPending = pending.filter((item) => item.sessionId === sessionId);
   const sendWithApps = async (text4) => {
     const content3 = [...currentPending.map((item) => `[${item.label}]
@@ -58475,7 +58544,7 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
     return current ? parsePlanUpdate(current.arguments) : null;
   }, [messages, renderers?.planUpdate]);
   const customPlan = planForRenderer ? renderers?.planUpdate?.({ plan: planForRenderer, running: isStreaming, sessionId }) : void 0;
-  return /* @__PURE__ */ jsx28(McpAppMessageContext.Provider, { value: (message) => {
+  return /* @__PURE__ */ jsx29(McpAppMessageContext.Provider, { value: (message) => {
     if (!sessionId || message.sessionId !== sessionId || isViewer) throw new Error("\u5F53\u524D\u4F1A\u8BDD\u4E0D\u80FD\u63A5\u6536\u5E94\u7528\u6D88\u606F");
     setPending((items) => [...items, { ...message, sessionId, id: randomId() }]);
   }, children: /* @__PURE__ */ jsxs23(
@@ -58488,7 +58557,7 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx28(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx29(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
         errorMessage && /* @__PURE__ */ jsxs23(
           "div",
@@ -58496,13 +58565,13 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
             part: "error-bar",
             className: cn("blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", classNames?.errorBar),
             children: [
-              /* @__PURE__ */ jsx28(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-              /* @__PURE__ */ jsx28("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
+              /* @__PURE__ */ jsx29(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+              /* @__PURE__ */ jsx29("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
             ]
           }
         ),
         slots?.header,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           MessageList,
           {
             messages,
@@ -58528,7 +58597,7 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
             turnNavigation
           }
         ),
-        showPlanUpdates ? customPlan ?? /* @__PURE__ */ jsx28(
+        showPlanUpdates ? customPlan ?? /* @__PURE__ */ jsx29(
           CurrentPlanPanel,
           {
             messages,
@@ -58539,15 +58608,15 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
           }
         ) : null,
         beforeInput,
-        /* @__PURE__ */ jsx28(QueuePanelAdjacencyContext.Provider, { value: currentPending.length === 0, children: queuePanel }),
+        /* @__PURE__ */ jsx29(QueuePanelAdjacencyContext.Provider, { value: currentPending.length === 0, children: queuePanel }),
         currentPending.map((item) => /* @__PURE__ */ jsxs23("div", { style: { display: "flex", gap: 8, padding: "8px 16px" }, children: [
           /* @__PURE__ */ jsxs23("details", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx28("summary", { children: item.label }),
-            /* @__PURE__ */ jsx28("pre", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: item.content })
+            /* @__PURE__ */ jsx29("summary", { children: item.label }),
+            /* @__PURE__ */ jsx29("pre", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: item.content })
           ] }),
-          /* @__PURE__ */ jsx28("button", { type: "button", "aria-label": "\u79FB\u9664\u5F85\u53D1\u9001\u5185\u5BB9", title: "\u79FB\u9664", onClick: () => setPending((items) => items.filter((other) => other.id !== item.id)), children: /* @__PURE__ */ jsx28(X, { size: 16 }) })
+          /* @__PURE__ */ jsx29("button", { type: "button", "aria-label": "\u79FB\u9664\u5F85\u53D1\u9001\u5185\u5BB9", title: "\u79FB\u9664", onClick: () => setPending((items) => items.filter((other) => other.id !== item.id)), children: /* @__PURE__ */ jsx29(X, { size: 16 }) })
         ] }, item.id)),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           ChatInput,
           {
             value: inputText,
@@ -58574,13 +58643,13 @@ ${item.content}`), text4].filter(Boolean).join("\n\n");
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function isUnauthorizedError(error61) {
   return error61 instanceof BladeApiError2 && error61.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState34(false);
-  const [loginError, setLoginError] = useState34(null);
+  const [loggingIn, setLoggingIn] = useState35(false);
+  const [loginError, setLoginError] = useState35(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -58593,11 +58662,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx29("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs24("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__ */ jsx29(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx29("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx29("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__ */ jsx29(
+  return /* @__PURE__ */ jsx30("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs24("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__ */ jsx30(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx30("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx30("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__ */ jsx30(
       "button",
       {
         type: "button",
@@ -58607,21 +58676,21 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx29("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx30("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState34(0);
-  const [needLogin, setNeedLogin] = useState34(() => !client.hasToken());
+  const [attempt, setAttempt] = useState35(0);
+  const [needLogin, setNeedLogin] = useState35(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         part: "root",
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx29(
+        children: /* @__PURE__ */ jsx30(
           LoginCard,
           {
             client,
@@ -58634,7 +58703,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx29(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx30(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -58652,7 +58721,7 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState34(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState35(
     () => /* @__PURE__ */ new Map()
   );
   const handleSessionConnected = useCallback30((connectedSession) => {
@@ -58673,24 +58742,24 @@ function ChatSessionView({
     onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState34(false);
-  const [isRevealing, setIsRevealing] = useState34(false);
-  const [inputText, setInputText] = useState34("");
-  const [queueNotice, setQueueNotice] = useState34(null);
-  const [queuePendingItemId, setQueuePendingItemId] = useState34(null);
-  const [queuePanelVisible, setQueuePanelVisible] = useState34(false);
-  const [resultFeedback, setResultFeedback] = useState34([]);
-  const [timelineRewrite, setTimelineRewrite] = useState34(0);
+  const [stopRequested, setStopRequested] = useState35(false);
+  const [isRevealing, setIsRevealing] = useState35(false);
+  const [inputText, setInputText] = useState35("");
+  const [queueNotice, setQueueNotice] = useState35(null);
+  const [queuePendingItemId, setQueuePendingItemId] = useState35(null);
+  const [queuePanelVisible, setQueuePanelVisible] = useState35(false);
+  const [resultFeedback, setResultFeedback] = useState35([]);
+  const [timelineRewrite, setTimelineRewrite] = useState35(0);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
   const canUseQueue = !isViewer;
-  const onSessionReadyRef = useRef27(onSessionReady);
-  const readySessionRef = useRef27(null);
+  const onSessionReadyRef = useRef28(onSessionReady);
+  const readySessionRef = useRef28(null);
   const hasOnSessionReady = onSessionReady !== void 0;
-  useEffect24(() => {
+  useEffect25(() => {
     onSessionReadyRef.current = onSessionReady;
   }, [onSessionReady]);
-  useEffect24(() => {
+  useEffect25(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -58725,13 +58794,13 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect24(() => {
+  useEffect25(() => {
     const handler = onSessionReadyRef.current;
     if (!session || !hasOnSessionReady || !handler || readySessionRef.current === session) return;
     readySessionRef.current = session;
     handler(session);
   }, [session, hasOnSessionReady]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content: content3 }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -58751,12 +58820,12 @@ ${content3}`);
       offRewind();
     };
   }, [session]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (isUnauthorizedError(error61)) {
       onUnauthorized();
     }
   }, [error61, onUnauthorized]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -58822,7 +58891,7 @@ ${content3}`);
     next[to] = item.id;
     handleQueueReorder(next);
   };
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ChatSurface,
     {
       theme,
@@ -58833,8 +58902,8 @@ ${content3}`);
       placeholder,
       connection: state?.connection ?? "connecting",
       banner: /* @__PURE__ */ jsxs24(Fragment9, { children: [
-        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx29(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
-        /* @__PURE__ */ jsx29(
+        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx30(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
+        /* @__PURE__ */ jsx30(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -58844,7 +58913,7 @@ ${content3}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx29(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx30(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -58856,7 +58925,7 @@ ${content3}`);
       planRevealRevision,
       queuePanel: (
         // 只读身份不能操作队列，藏起来免得每个按钮都弹冲突。
-        canUseQueue ? /* @__PURE__ */ jsx29(
+        canUseQueue ? /* @__PURE__ */ jsx30(
           SessionQueuePanel,
           {
             rootClassName: classNames?.queuePanel,
@@ -58928,11 +58997,11 @@ ${content3}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect25, useMemo as useMemo19, useState as useState36 } from "react";
+import { useEffect as useEffect26, useMemo as useMemo19, useState as useState37 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState35 } from "react";
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useState as useState36 } from "react";
+import { jsx as jsx31, jsxs as jsxs25 } 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" },
@@ -58978,8 +59047,8 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open2, setOpen] = useState35(false);
-  const [draft, setDraft] = useState35(override);
+  const [open2, setOpen] = useState36(false);
+  const [draft, setDraft] = useState36(override);
   if (!normalized) return null;
   const fields2 = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -58994,16 +59063,16 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx30(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx31(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx30("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx31("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
     open2 && /* @__PURE__ */ jsxs25("div", { className: "mt-2 flex flex-col gap-2", children: [
       fields2.map((field) => /* @__PURE__ */ jsxs25("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx30("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx31(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -59014,9 +59083,9 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx30("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
+      normalized.apiKey && /* @__PURE__ */ jsx31("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__ */ jsxs25("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
@@ -59031,7 +59100,7 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
@@ -59050,7 +59119,7 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -59062,12 +59131,12 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState36(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState37(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error: error61, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState36("");
-  const [stopRequested, setStopRequested] = useState36(false);
-  const [isRevealing, setIsRevealing] = useState36(false);
+  const [inputText, setInputText] = useState37("");
+  const [stopRequested, setStopRequested] = useState37(false);
+  const [isRevealing, setIsRevealing] = useState37(false);
   const isStreamingDisplay = isStreaming || isRevealing;
   const handle = useMemo19(
     () => ({
@@ -59078,10 +59147,10 @@ ${text4}` : text4),
     }),
     [send, reset]
   );
-  useEffect25(() => {
+  useEffect26(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     ChatSurface,
     {
       theme,
@@ -59107,7 +59176,7 @@ ${text4}` : text4),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx31(
+      beforeInput: advanced ? /* @__PURE__ */ jsx32(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -59125,14 +59194,14 @@ ${text4}` : text4),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } 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__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       LlmChat,
       {
         ...llm,
@@ -59145,11 +59214,11 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx32(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx33(AgentChat, { ...rest });
 }
 
 // src/components/ConnectorPanel.tsx
-import { useCallback as useCallback31, useEffect as useEffect26, useMemo as useMemo20, useRef as useRef28, useState as useState37 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect27, useMemo as useMemo20, useRef as useRef29, useState as useState38 } from "react";
 
 // src/components/connector-panel-types.ts
 function selectionFromItem(item) {
@@ -59171,12 +59240,12 @@ function triggerSummary(items) {
 }
 
 // src/components/ConnectorPanel.tsx
-import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function PanelDivider() {
-  return /* @__PURE__ */ jsx33("div", { className: "my-1 border-[hsl(var(--border))] border-t" });
+  return /* @__PURE__ */ jsx34("div", { className: "my-1 border-[hsl(var(--border))] border-t" });
 }
 function PanelTitle({ children }) {
-  return /* @__PURE__ */ jsx33("div", { className: "px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children });
+  return /* @__PURE__ */ jsx34("div", { className: "px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children });
 }
 function ConnectorPanel({
   client,
@@ -59191,10 +59260,10 @@ function ConnectorPanel({
   renderFooterActions,
   className
 }) {
-  const [query, setQuery] = useState37("");
-  const [pendingCatalog, setPendingCatalog] = useState37(null);
-  const [pendingLoading, setPendingLoading] = useState37(false);
-  const [pendingError, setPendingError] = useState37(false);
+  const [query, setQuery] = useState38("");
+  const [pendingCatalog, setPendingCatalog] = useState38(null);
+  const [pendingLoading, setPendingLoading] = useState38(false);
+  const [pendingError, setPendingError] = useState38(false);
   const activation = useSessionPluginActivation({
     client,
     // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。
@@ -59202,7 +59271,7 @@ function ConnectorPanel({
     onChange: onPluginsChanged
   });
   const { reload, items: sessionItems } = activation;
-  useEffect26(() => {
+  useEffect27(() => {
     if (sessionId) reload();
   }, [reload, sessionId]);
   const loadPendingCatalog = useCallback31(async () => {
@@ -59217,7 +59286,7 @@ function ConnectorPanel({
       setPendingLoading(false);
     }
   }, [client]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (sessionId) return;
     void loadPendingCatalog();
   }, [loadPendingCatalog, sessionId]);
@@ -59248,20 +59317,20 @@ function ConnectorPanel({
     () => items.filter((item) => item.active),
     [items]
   );
-  const onSelectedChangeRef = useRef28(onSelectedChange);
+  const onSelectedChangeRef = useRef29(onSelectedChange);
   onSelectedChangeRef.current = onSelectedChange;
-  const latestSelected = useRef28(selectedItems);
+  const latestSelected = useRef29(selectedItems);
   latestSelected.current = selectedItems;
   const reportSelected = useCallback31(() => {
     onSelectedChangeRef.current?.(latestSelected.current);
   }, []);
   const selectedNames = selectedItems.map((item) => item.name).join("\0");
-  useEffect26(reportSelected, [reportSelected, selectedNames]);
+  useEffect27(reportSelected, [reportSelected, selectedNames]);
   const failed = sessionId ? activation.listError : pendingError;
   return /* @__PURE__ */ jsxs26("div", { className, children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 border-[hsl(var(--border))] border-b px-3 py-2", children: [
-      /* @__PURE__ */ jsx33(Search, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(Search, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx34(
         "input",
         {
           value: query,
@@ -59273,21 +59342,21 @@ function ConnectorPanel({
       )
     ] }),
     renderComputerSection ? /* @__PURE__ */ jsxs26(Fragment10, { children: [
-      /* @__PURE__ */ jsx33(PanelTitle, { children: "\u7535\u8111" }),
+      /* @__PURE__ */ jsx34(PanelTitle, { children: "\u7535\u8111" }),
       renderComputerSection(query)
     ] }) : null,
-    /* @__PURE__ */ jsx33(PanelDivider, {}),
-    /* @__PURE__ */ jsx33(PanelTitle, { children: "\u63D2\u4EF6" }),
+    /* @__PURE__ */ jsx34(PanelDivider, {}),
+    /* @__PURE__ */ jsx34(PanelTitle, { children: "\u63D2\u4EF6" }),
     !sessionId ? (
       // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经
       // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。
-      /* @__PURE__ */ jsx33("div", { className: "px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u5148\u9009\u4E2D\uFF0C\u53D1\u9001\u8FD9\u6761\u6D88\u606F\u65F6\u4F1A\u4E00\u5E76\u542F\u7528" })
+      /* @__PURE__ */ jsx34("div", { className: "px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u5148\u9009\u4E2D\uFF0C\u53D1\u9001\u8FD9\u6761\u6D88\u606F\u65F6\u4F1A\u4E00\u5E76\u542F\u7528" })
     ) : null,
     (sessionId ? activation.loading : pendingLoading) && visibleItems.length === 0 ? /* @__PURE__ */ jsxs26("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx33(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
+      /* @__PURE__ */ jsx34(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
       "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026"
     ] }) : null,
-    failed ? /* @__PURE__ */ jsx33(
+    failed ? /* @__PURE__ */ jsx34(
       "button",
       {
         type: "button",
@@ -59296,7 +59365,7 @@ function ConnectorPanel({
         children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5"
       }
     ) : null,
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       PluginConnectorList,
       {
         client,
@@ -59318,19 +59387,19 @@ function ConnectorPanel({
       }
     ),
     renderExternalAccounts ? /* @__PURE__ */ jsxs26(Fragment10, { children: [
-      /* @__PURE__ */ jsx33(PanelDivider, {}),
-      /* @__PURE__ */ jsx33(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
+      /* @__PURE__ */ jsx34(PanelDivider, {}),
+      /* @__PURE__ */ jsx34(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
       renderExternalAccounts(query)
     ] }) : null,
     renderFooterActions ? /* @__PURE__ */ jsxs26(Fragment10, { children: [
-      /* @__PURE__ */ jsx33(PanelDivider, {}),
+      /* @__PURE__ */ jsx34(PanelDivider, {}),
       renderFooterActions()
     ] }) : null
   ] });
 }
 
 // src/components/PluginTriggerStack.tsx
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 var AVATAR_SIZE = 20;
 function hueOf(name) {
   let hash2 = 0;
@@ -59354,7 +59423,7 @@ function PluginTriggerStack({ client, sessionId, summary, className }) {
     summary.visible.map((item) => {
       const label = item.displayName?.trim() || item.name;
       const tone = AVATAR_PALETTE[hueOf(item.name) % AVATAR_PALETTE.length];
-      return item.icon ? /* @__PURE__ */ jsx34(
+      return item.icon ? /* @__PURE__ */ jsx35(
         SessionPluginIcon,
         {
           client,
@@ -59365,7 +59434,7 @@ function PluginTriggerStack({ client, sessionId, summary, className }) {
           className: ring
         },
         item.name
-      ) : /* @__PURE__ */ jsx34(
+      ) : /* @__PURE__ */ jsx35(
         "span",
         {
           title: label,
@@ -59395,7 +59464,7 @@ import {
   getContextDisplayState,
   getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
   return /* @__PURE__ */ jsxs28(
@@ -59404,7 +59473,7 @@ function ContextCard({ context, className }) {
       className: `blade-chat-context-card group/context-card overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
       children: [
         /* @__PURE__ */ jsxs28("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__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             Layers,
             {
               size: 15,
@@ -59413,10 +59482,10 @@ function ContextCard({ context, className }) {
             }
           ),
           /* @__PURE__ */ jsxs28("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx35("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx35("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+            /* @__PURE__ */ jsx36("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx36("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             ChevronDown,
             {
               size: 14,
@@ -59425,7 +59494,7 @@ function ContextCard({ context, className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx35("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
+        /* @__PURE__ */ jsx36("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 })
       ]
     }
   );
@@ -59436,7 +59505,7 @@ function ContextGroupCard({ contexts, className }) {
   const group = single ? null : getContextGroupDisplayState(contexts);
   return /* @__PURE__ */ jsxs28("details", { className: `blade-chat-context-card group/context-group overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs28("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__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         Layers,
         {
           size: 15,
@@ -59445,10 +59514,10 @@ function ContextGroupCard({ contexts, className }) {
         }
       ),
       /* @__PURE__ */ jsxs28("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx35("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
-        /* @__PURE__ */ jsx35("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+        /* @__PURE__ */ jsx36("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx36("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
       ] }),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         ChevronDown,
         {
           size: 14,
@@ -59457,7 +59526,7 @@ function ContextGroupCard({ contexts, className }) {
         }
       )
     ] }),
-    single ? /* @__PURE__ */ jsx35("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__ */ jsx35("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__ */ jsx35(
+    single ? /* @__PURE__ */ jsx36("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__ */ jsx36("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__ */ jsx36(
       ContextCard,
       {
         context
@@ -59468,8 +59537,8 @@ function ContextGroupCard({ contexts, className }) {
 }
 
 // src/components/SessionMemoryToggle.tsx
-import { useCallback as useCallback32, useEffect as useEffect27, useRef as useRef29, useState as useState38, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { useCallback as useCallback32, useEffect as useEffect28, useRef as useRef30, useState as useState39, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
   let clientStates = saveStates.get(client);
@@ -59526,10 +59595,10 @@ function SessionMemoryToggle({
     getSaving,
     getSaving
   );
-  const [draftEnabled, setDraftEnabled] = useState38(enabled);
-  const activeSessionIdRef = useRef29(sessionId);
+  const [draftEnabled, setDraftEnabled] = useState39(enabled);
+  const activeSessionIdRef = useRef30(sessionId);
   activeSessionIdRef.current = sessionId;
-  useEffect27(() => {
+  useEffect28(() => {
     setDraftEnabled(enabled);
   }, [enabled, sessionId]);
   const update = useCallback32(
@@ -59559,8 +59628,8 @@ function SessionMemoryToggle({
     [client, enabled, onError, onSaved, sessionId]
   );
   return /* @__PURE__ */ jsxs29("label", { className: cn("flex items-center justify-between", className), children: [
-    /* @__PURE__ */ jsx36("span", { className: labelClassName, children: label }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx37(
       "input",
       {
         type: "checkbox",
@@ -59633,6 +59702,7 @@ export {
   MarkdownRenderer,
   McpAppCard,
   MemoryRefsHint,
+  MessageImage,
   PLAN_AUTO_COLLAPSE_MS,
   PlanUpdateBlock,
   PluginConnectorList,