@blade-hq/agent-kit 0.5.24 → 0.5.26

package/dist/{chunk-7FGJNW56.js → chunk-QCDNRR74.js}

@@ -8,7 +8,7 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-KW66QITV.js";
+} from "./chunk-Y7FRTBUT.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -16,7 +16,7 @@ import {
 } from "./chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "./chunk-QKSZPJQX.js";
+} from "./chunk-4FCXKLXT.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -60,7 +60,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-DTDZFQRY.js";
+} from "./chunk-UNO53NPU.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -69,7 +69,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-7EVVRQ7G.js";
+} from "./chunk-ZWO6YBLA.js";
 import {
   cn,
   copyToClipboard
@@ -79,7 +79,7 @@ import {
 } from "./chunk-PZ5AY32C.js";
 
 // src/react/components/chat/ChatView.tsx
-import { CircleAlert } from "lucide-react";
+import { CircleAlert as CircleAlert2 } from "lucide-react";
 import { Eye } from "lucide-react";
 import { useCallback as useCallback13, useMemo as useMemo18 } from "react";
 
@@ -100,6 +100,12 @@ function useChat(sessionId) {
     },
     [sessionId]
   );
+  const append = useCallback(
+    (msg) => {
+      getSocket().append(sessionId, msg);
+    },
+    [sessionId]
+  );
   const stop = useCallback(async () => {
     if (isStopping) return;
     setIsStopping(true);
@@ -131,7 +137,7 @@ function useChat(sessionId) {
     setAnswerCallback(sessionId, answer);
     return () => setAnswerCallback(sessionId, void 0);
   }, [answer, sessionId, setAnswerCallback]);
-  return { messages, isStreaming, isStopping, send, stop };
+  return { messages, isStreaming, isStopping, send, append, stop };
 }
 function buildPendingAskUserAnswer(sessionId, message) {
   const session = useSessionStore.getState().sessions.find((item) => item.id === sessionId);
@@ -2657,6 +2663,7 @@ function showVoiceInputErrorToast(error) {
 }
 function ChatInput({
   onSend,
+  onAppend,
   onStop,
   isStreaming,
   isStopping = false,
@@ -2677,8 +2684,10 @@ function ChatInput({
   skillStatusBarClassName,
   skillStatusBarInnerClassName,
   onResyncSkills,
-  isResyncingSkills = false
+  isResyncingSkills = false,
+  inputLabel = "\u8F93\u5165\u6D88\u606F"
 }) {
+  const resolvedInputLabel = inputLabel?.trim() || "\u8F93\u5165\u6D88\u606F";
   const [input, setInputInternal] = useState8(externalDraft?.value ?? "");
   const setInput = useEffectEvent2((value) => {
     setInputInternal(value);
@@ -3015,7 +3024,9 @@ function ChatInput({
     },
     editorProps: {
       attributes: {
-        "aria-label": "\u8F93\u5165\u6D88\u606F",
+        "aria-label": resolvedInputLabel,
+        "data-testid": "chat-message-input",
+        "data-blade-input-label": resolvedInputLabel,
         class: "min-h-[40px] max-h-[240px] overflow-y-auto px-4 py-3 text-sm leading-relaxed text-[hsl(var(--foreground))] focus:outline-none [&_.file-mention-pill]:inline-flex [&_.file-mention-pill]:items-center [&_.file-mention-pill]:rounded-full [&_.file-mention-pill]:bg-[hsl(var(--accent))] [&_.file-mention-pill]:px-2 [&_.file-mention-pill]:py-0.5 [&_.file-mention-pill]:font-medium [&_.file-mention-pill]:text-[hsl(var(--primary))] [&_.file-mention-pill]:select-none [&_.file-mention-pill]:whitespace-nowrap [&_.skill-mention-pill]:inline-flex [&_.skill-mention-pill]:items-center [&_.skill-mention-pill]:rounded-full [&_.skill-mention-pill]:bg-[hsl(var(--primary)/0.15)] [&_.skill-mention-pill]:px-2 [&_.skill-mention-pill]:py-0.5 [&_.skill-mention-pill]:font-medium [&_.skill-mention-pill]:text-[hsl(var(--primary))] [&_.skill-mention-pill]:select-none [&_.skill-mention-pill]:whitespace-nowrap [&_p:first-child]:mt-0 [&_p:last-child]:mb-0"
       },
       handleDOMEvents: {
@@ -3076,6 +3087,12 @@ function ChatInput({
       }
     }
   });
+  useEffect7(() => {
+    const dom = editor?.view.dom;
+    if (!dom) return;
+    dom.setAttribute("aria-label", resolvedInputLabel);
+    dom.setAttribute("data-blade-input-label", resolvedInputLabel);
+  }, [editor, resolvedInputLabel]);
   useEffect7(() => {
     if (!editor || !activeSessionId || rewindDraft == null) {
       return;
@@ -3140,7 +3157,7 @@ function ChatInput({
       return;
     }
     applyDraftAppends();
-  }, [applyDraftAppends, draftAppends]);
+  }, [applyDraftAppends, draftAppends, editor]);
   const applySendRequests = useEffectEvent2(() => {
     if (!activeSessionId) {
       return;
@@ -3183,7 +3200,16 @@ function ChatInput({
     }
   }, [activeSessionId, isRecording]);
   const handleSubmit = async () => {
-    if (isStreaming || connectionStatus !== "connected") {
+    if (connectionStatus !== "connected") {
+      return;
+    }
+    if (isStreaming) {
+      if (!onAppend) return;
+      const json = editor?.getJSON();
+      const text = serializeEditorContent(json);
+      if (!text.trim()) return;
+      onAppend(text);
+      editor?.commands.clearContent();
       return;
     }
     if (isModelLoading) {
@@ -5520,6 +5546,52 @@ function SearchRenderer({ toolCall }) {
   ] });
 }
 
+// src/react/components/chat/tool-renderers/SubmitResultRenderer.tsx
+import { CheckCircle2, CircleAlert } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+function extractText(value, key) {
+  if (!isPlainObject(value)) return null;
+  const field = value[key];
+  return typeof field === "string" && field.trim() ? field.trim() : null;
+}
+function parsePayload(toolCall) {
+  const resultText = getResultText(toolCall.result);
+  const parsedResult = parseJsonValue(resultText);
+  const parsedArgs = parseJsonValue(toolCall.arguments);
+  const source = isPlainObject(parsedResult) ? parsedResult : parsedArgs;
+  const description = extractText(source, "description");
+  const result = extractText(source, "result") ?? (typeof resultText === "string" ? resultText.trim() : null);
+  const error = extractText(source, "err_msg") ?? extractText(source, "error");
+  const status = extractText(source, "status");
+  return { description, result, error, status };
+}
+function SubmitResultRenderer({ toolCall }) {
+  const { description, result, error, status } = parsePayload(toolCall);
+  const isError = toolCall.status === "error" || Boolean(error);
+  const Icon = isError ? CircleAlert : CheckCircle2;
+  return /* @__PURE__ */ jsxs16("div", { className: "overflow-hidden rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-sm", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))]/25 px-4 py-3", children: [
+      /* @__PURE__ */ jsx20("div", { className: isError ? "text-red-500" : "text-emerald-500", children: /* @__PURE__ */ jsx20(Icon, { size: 18 }) }),
+      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx20("div", { className: "font-medium text-[hsl(var(--foreground))]", children: description || (isError ? "\u4EFB\u52A1\u6267\u884C\u5931\u8D25" : "\u4EFB\u52A1\u7ED3\u679C\u5DF2\u63D0\u4EA4") }),
+        description ? /* @__PURE__ */ jsx20("div", { className: "mt-0.5 text-xs text-[hsl(var(--muted-foreground))]", children: isError ? "\u4EFB\u52A1\u6267\u884C\u5931\u8D25" : "\u4EFB\u52A1\u7ED3\u679C\u5DF2\u63D0\u4EA4" }) : null,
+        status ? /* @__PURE__ */ jsxs16("div", { className: "mt-0.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
+          "\u72B6\u6001\uFF1A",
+          status
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs16("div", { className: "space-y-3 px-4 py-4 text-sm leading-6 text-[hsl(var(--foreground))]", children: [
+      result ? /* @__PURE__ */ jsx20("p", { className: "whitespace-pre-wrap", children: result }) : null,
+      error ? /* @__PURE__ */ jsxs16("div", { className: "rounded-xl border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-200", children: [
+        /* @__PURE__ */ jsx20("div", { className: "mb-1 font-medium", children: "\u9519\u8BEF\u4FE1\u606F" }),
+        /* @__PURE__ */ jsx20("div", { className: "whitespace-pre-wrap", children: error })
+      ] }) : null,
+      !result && !error ? /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u667A\u80FD\u4F53\u5DF2\u7ED3\u675F\u672C\u8F6E\u4EFB\u52A1\u3002" }) : null
+    ] })
+  ] });
+}
+
 // src/react/components/chat/tool-renderers/registry.ts
 var RENDERERS = /* @__PURE__ */ new Map([
   ["Bash", BashRenderer],
@@ -5531,14 +5603,15 @@ var RENDERERS = /* @__PURE__ */ new Map([
   ["Read", FileReadRenderer],
   ["WebFetch", SearchRenderer],
   ["WebSearch", SearchRenderer],
-  ["Write", FileEditRenderer]
+  ["Write", FileEditRenderer],
+  ["submit_result", SubmitResultRenderer]
 ]);
 function getRenderer(toolName) {
   return RENDERERS.get(formatToolName(toolName)) ?? null;
 }
 
 // src/react/components/chat/ToolCallBlock.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function FilePathLink({ filePath, sessionId }) {
   const activeSessionId = useSessionStore((s) => s.activeSessionId);
   const pushArtifact = useUiStore((s) => s.pushArtifact);
@@ -5556,14 +5629,14 @@ function FilePathLink({ filePath, sessionId }) {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "button",
     {
       type: "button",
       onClick: handleClick,
       className: "flex min-w-0 items-center gap-1 text-blue-400 hover:text-blue-300 hover:underline cursor-pointer font-mono",
       title: `\u9884\u89C8 ${filePath}`,
-      children: /* @__PURE__ */ jsx20("span", { className: "truncate", children: fileName })
+      children: /* @__PURE__ */ jsx21("span", { className: "truncate", children: fileName })
     }
   );
 }
@@ -5606,7 +5679,7 @@ function ToolCallBlock({
     const canAnswer = toolCall.status === "awaiting_answer" && Boolean(resolvedOnAnswer) && Boolean(resolvedSessionStatus);
     const shouldRenderQuestion = Boolean(askData) && (canAnswer || resolvedAnswered || toolCall.status === "done");
     if (askData && shouldRenderQuestion) {
-      const questionBlock = /* @__PURE__ */ jsx20(
+      const questionBlock = /* @__PURE__ */ jsx21(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -5620,9 +5693,9 @@ function ToolCallBlock({
       if (!reasoning) {
         return questionBlock;
       }
-      return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+      return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
         questionBlock,
-        /* @__PURE__ */ jsx20("div", { className: "ml-4", children: /* @__PURE__ */ jsx20(ThinkingBadge, { reasoning, variant: "block" }) })
+        /* @__PURE__ */ jsx21("div", { className: "ml-4", children: /* @__PURE__ */ jsx21(ThinkingBadge, { reasoning, variant: "block" }) })
       ] });
     }
   }
@@ -5633,11 +5706,11 @@ function ToolCallBlock({
   const borderWidthClass = level === 2 ? "border-l-[2px]" : "border-l-[3px]";
   const indentClass = level === 2 ? "ml-3" : "ml-4";
   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(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx20(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx20(X4, { size: 11 }) : /* @__PURE__ */ jsx20(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx21(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx21(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx21(X4, { 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: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
-    /* @__PURE__ */ jsxs16("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
-      /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
+    /* @__PURE__ */ jsxs17("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
+      /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "button",
@@ -5645,7 +5718,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(
               ChevronRight3,
               {
                 size: 11,
@@ -5655,21 +5728,21 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs16("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs17("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__ */ jsxs16("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsxs17("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
               displayName,
               toolCall.status === "error" ? "\uFF08\u5F85\u91CD\u8BD5\uFF09" : ""
             ] })
           ]
         }
       ),
-      filePath && /* @__PURE__ */ jsx20("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx20(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
-      reasoning ? /* @__PURE__ */ jsx20(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      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) }),
-      uiMeta?.target === "preview" && resolvedSessionId && !isInternalStatusPreview(uiMeta) ? /* @__PURE__ */ jsxs16(
+      filePath && /* @__PURE__ */ jsx21("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx21(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
+      reasoning ? /* @__PURE__ */ jsx21(ThinkingBadge, { reasoning, variant: "block" }) : null,
+      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) }),
+      uiMeta?.target === "preview" && resolvedSessionId && !isInternalStatusPreview(uiMeta) ? /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "button",
@@ -5687,20 +5760,20 @@ function ToolCallBlock({
           className: "inline-flex shrink-0 items-center gap-1 text-blue-400 hover:text-blue-300 hover:underline cursor-pointer",
           title: `\u6253\u5F00 ${uiMeta.title ?? displayName}`,
           children: [
-            /* @__PURE__ */ jsx20(PanelRightOpen, { size: 11 }),
-            /* @__PURE__ */ jsx20("span", { children: uiMeta.title ?? displayName })
+            /* @__PURE__ */ jsx21(PanelRightOpen, { size: 11 }),
+            /* @__PURE__ */ jsx21("span", { children: uiMeta.title ?? displayName })
           ]
         }
       ) : null
     ] }),
-    expanded && /* @__PURE__ */ jsx20("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx20(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs16(Fragment5, { 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-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatArgs(toolCall.arguments) }),
-      toolCall.result != null && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-        /* @__PURE__ */ jsx20("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx20(
+    expanded && /* @__PURE__ */ jsx21("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx21(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs17(Fragment5, { children: [
+      /* @__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-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatArgs(toolCall.arguments) }),
+      toolCall.result != null && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+        /* @__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: cn(
@@ -5891,7 +5964,7 @@ import { Download as Download3, X as X5 } from "lucide-react";
 import { useEffect as useEffect12 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
   useEffect12(() => {
     if (!open) return;
@@ -5919,7 +5992,7 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
     staleTime: 6e4
   });
   if (!open) return null;
-  const body = /* @__PURE__ */ jsx21(
+  const body = /* @__PURE__ */ jsx22(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",
@@ -5930,17 +6003,17 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "attachment-preview-title",
-      children: /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsxs18(
         "div",
         {
           className: "max-h-[90vh] w-full max-w-3xl overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--background))] shadow-2xl",
           onClick: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
-              /* @__PURE__ */ jsx21("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
-              /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-                url && /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
+              /* @__PURE__ */ jsx22("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
+                url && /* @__PURE__ */ jsx22(
                   "a",
                   {
                     href: url,
@@ -5949,22 +6022,22 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
                     rel: "noopener noreferrer",
                     title: "\u4E0B\u8F7D",
                     className: "flex h-7 w-7 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                    children: /* @__PURE__ */ jsx21(Download3, { size: 14 })
+                    children: /* @__PURE__ */ jsx22(Download3, { size: 14 })
                   }
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "button",
                   {
                     type: "button",
                     onClick: () => onOpenChange(false),
                     title: "\u5173\u95ED",
                     className: "flex h-7 w-7 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                    children: /* @__PURE__ */ jsx21(X5, { size: 14 })
+                    children: /* @__PURE__ */ jsx22(X5, { size: 14 })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx21("div", { className: "max-h-[calc(90vh-56px)] overflow-auto px-4 py-3 text-sm text-[hsl(var(--foreground))]", children: renderContent({ mode, url, content, error }) })
+            /* @__PURE__ */ jsx22("div", { className: "max-h-[calc(90vh-56px)] overflow-auto px-4 py-3 text-sm text-[hsl(var(--foreground))]", children: renderContent({ mode, url, content, error }) })
           ]
         }
       )
@@ -5979,43 +6052,43 @@ function renderContent({
   error
 }) {
   if (!url) {
-    return /* @__PURE__ */ jsx21("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B64\u9644\u4EF6\u6682\u65E0\u53EF\u7528\u9884\u89C8\u5730\u5740\u3002" });
+    return /* @__PURE__ */ jsx22("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B64\u9644\u4EF6\u6682\u65E0\u53EF\u7528\u9884\u89C8\u5730\u5740\u3002" });
   }
   if (mode === "default") {
-    return /* @__PURE__ */ jsxs17("p", { className: "text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs18("p", { className: "text-[hsl(var(--muted-foreground))]", children: [
       "\u6B64\u7C7B\u578B\u6682\u4E0D\u652F\u6301\u5185\u5D4C\u9884\u89C8\u3002\u8BF7\u70B9\u51FB\u53F3\u4E0A\u89D2",
-      /* @__PURE__ */ jsx21("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
+      /* @__PURE__ */ jsx22("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
       "\u6309\u94AE\u67E5\u770B\u3002"
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs17("p", { className: "text-[hsl(var(--destructive))]", children: [
+    return /* @__PURE__ */ jsxs18("p", { className: "text-[hsl(var(--destructive))]", children: [
       "\u52A0\u8F7D\u5931\u8D25\uFF1A",
       String(error?.message ?? error)
     ] });
   }
   if (content == null) {
-    return /* @__PURE__ */ jsx21("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
+    return /* @__PURE__ */ jsx22("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
   }
   if (mode === "markdown") {
-    return /* @__PURE__ */ jsx21(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
+    return /* @__PURE__ */ jsx22(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
   }
-  return /* @__PURE__ */ jsx21("pre", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed", children: content });
+  return /* @__PURE__ */ jsx22("pre", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed", children: content });
 }
 
 // src/react/components/chat/MessageContextPills.tsx
 import { Bookmark } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function MessageContextPills({ contexts }) {
   if (contexts.length === 0) return null;
-  return /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--primary)/0.25)] bg-[hsl(var(--primary)/0.1)] px-2.5 py-1 text-[11px] text-[hsl(var(--primary)/0.85)]",
       title: ctx.content,
       children: [
-        /* @__PURE__ */ jsx22(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
-        /* @__PURE__ */ jsx22("span", { className: "max-w-56 truncate", children: ctx.label })
+        /* @__PURE__ */ jsx23(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
+        /* @__PURE__ */ jsx23("span", { className: "max-w-56 truncate", children: ctx.label })
       ]
     },
     `${ctx.label}:${index}`
@@ -6024,7 +6097,7 @@ function MessageContextPills({ contexts }) {
 
 // src/react/components/chat/MessageFileAttachmentList.tsx
 import { Archive as Archive2, File as File3, FileCode2 as FileCode22, FileText as FileText4, Film as Film2, Music as Music2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function getFileIcon(fileName) {
   const lowerName = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz|bz2|xz)$/.test(lowerName)) {
@@ -6053,15 +6126,15 @@ function MessageFileAttachmentList({
     return null;
   }
   const pillClass = "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]";
-  return /* @__PURE__ */ jsx23("div", { className: cn("flex flex-wrap gap-1.5", className), children: files.map((file) => {
+  return /* @__PURE__ */ jsx24("div", { className: cn("flex flex-wrap gap-1.5", className), children: files.map((file) => {
     const Icon = getFileIcon(file.name);
     const key = `${file.name}-${file.data.slice(0, 32)}`;
-    const content = /* @__PURE__ */ jsxs19(Fragment6, { children: [
-      /* @__PURE__ */ jsx23(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-      /* @__PURE__ */ jsx23("span", { className: "max-w-32 truncate", children: file.name })
+    const content = /* @__PURE__ */ jsxs20(Fragment6, { children: [
+      /* @__PURE__ */ jsx24(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+      /* @__PURE__ */ jsx24("span", { className: "max-w-32 truncate", children: file.name })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
@@ -6073,14 +6146,14 @@ function MessageFileAttachmentList({
         key
       );
     }
-    return /* @__PURE__ */ jsx23("div", { className: pillClass, title: file.name, children: content }, key);
+    return /* @__PURE__ */ jsx24("div", { className: pillClass, title: file.name, children: content }, key);
   }) });
 }
 
 // src/react/components/chat/MessageActions.tsx
 import { Check as Check2, Copy } from "lucide-react";
 import { useState as useState15 } from "react";
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function MessageActions({ content, className }) {
   const [copied, setCopied] = useState15(false);
   const handleCopy = async () => {
@@ -6090,7 +6163,7 @@ function MessageActions({ content, className }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsx24("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx25("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs21(
     "button",
     {
       type: "button",
@@ -6100,8 +6173,8 @@ function MessageActions({ content, className }) {
         copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))]"
       ),
       children: [
-        copied ? /* @__PURE__ */ jsx24(Check2, { size: 12 }) : /* @__PURE__ */ jsx24(Copy, { size: 12 }),
-        /* @__PURE__ */ jsx24("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+        copied ? /* @__PURE__ */ jsx25(Check2, { size: 12 }) : /* @__PURE__ */ jsx25(Copy, { size: 12 }),
+        /* @__PURE__ */ jsx25("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
       ]
     }
   ) });
@@ -6109,7 +6182,7 @@ function MessageActions({ content, className }) {
 
 // src/react/components/chat/TextAttachmentPills.tsx
 import { Archive as Archive3, File as File4, FileCode2 as FileCode23, FileText as FileText5, Film as Film3, Music as Music3, FileSpreadsheet, Image } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function getFileIcon2(fileName) {
   const lower2 = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz)$/.test(lower2)) return Archive3;
@@ -6124,15 +6197,15 @@ function getFileIcon2(fileName) {
 function TextAttachmentPills({ attachments, onPreview }) {
   if (attachments.length === 0) return null;
   const pillClass = "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--primary)/0.2)] bg-[hsl(var(--primary)/0.08)] px-2.5 py-1 text-[11px] text-[hsl(var(--primary)/0.8)]";
-  return /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap gap-1.5", children: attachments.map((att, index) => {
+  return /* @__PURE__ */ jsx26("div", { className: "flex flex-wrap gap-1.5", children: attachments.map((att, index) => {
     const Icon = getFileIcon2(att.name);
     const key = `${att.uploadedPath ?? att.name}:${att.name}:${index}`;
-    const content = /* @__PURE__ */ jsxs21(Fragment7, { children: [
-      /* @__PURE__ */ jsx25(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
-      /* @__PURE__ */ jsx25("span", { className: "max-w-40 truncate", children: att.name })
+    const content = /* @__PURE__ */ jsxs22(Fragment7, { children: [
+      /* @__PURE__ */ jsx26(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
+      /* @__PURE__ */ jsx26("span", { className: "max-w-40 truncate", children: att.name })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         "button",
         {
           type: "button",
@@ -6144,7 +6217,7 @@ function TextAttachmentPills({ attachments, onPreview }) {
         key
       );
     }
-    return /* @__PURE__ */ jsx25("div", { className: pillClass, title: att.name, children: content }, key);
+    return /* @__PURE__ */ jsx26("div", { className: pillClass, title: att.name, children: content }, key);
   }) });
 }
 
@@ -6153,34 +6226,34 @@ import { RefreshCcw } from "lucide-react";
 
 // src/react/components/chat/whatif-quote-context.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo13 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var WhatIfQuoteContext = createContext3({});
 function WhatIfQuoteProvider({
   onJumpToStep,
   children
 }) {
   const value = useMemo13(() => ({ onJumpToStep }), [onJumpToStep]);
-  return /* @__PURE__ */ jsx26(WhatIfQuoteContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx27(WhatIfQuoteContext.Provider, { value, children });
 }
 function useWhatIfQuoteContext() {
   return useContext3(WhatIfQuoteContext);
 }
 
 // src/react/components/chat/WhatIfUserBubble.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { onJumpToStep } = useWhatIfQuoteContext();
   const handleQuoteClick = onQuoteClick ?? onJumpToStep;
   const { fromStep, quotes, userText } = parsed;
-  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.5)] px-2.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx27(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx27("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs23("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__ */ jsx28(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx28("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx27("div", { className: "flex flex-wrap justify-end gap-1.5", children: quotes.map((q, i) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex flex-wrap justify-end gap-1.5", children: quotes.map((q, i) => {
       const clickable = q.stepNumber != null && !!handleQuoteClick;
       const label = q.stepNumber != null ? `\u6B65\u9AA4${q.stepNumber} \xB7 ${q.label}` : q.label;
-      return /* @__PURE__ */ jsxs22(
+      return /* @__PURE__ */ jsxs23(
         "button",
         {
           type: "button",
@@ -6189,14 +6262,14 @@ function WhatIfUserBubble({ parsed, onQuoteClick }) {
           className: "inline-flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2.5 py-0.5 text-[11px] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring)/0.5)] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-default disabled:hover:border-[hsl(var(--border))] disabled:hover:bg-[hsl(var(--card))]",
           title: clickable ? "\u8DF3\u8F6C\u5230\u5BF9\u5E94\u6B65\u9AA4\u5361\u7247" : void 0,
           children: [
-            /* @__PURE__ */ jsx27("span", { children: "\u21B3" }),
-            /* @__PURE__ */ jsx27("span", { className: "max-w-[14rem] truncate", children: label })
+            /* @__PURE__ */ jsx28("span", { children: "\u21B3" }),
+            /* @__PURE__ */ jsx28("span", { className: "max-w-[14rem] truncate", children: label })
           ]
         },
         `${q.stepNumber ?? "x"}-${i}`
       );
     }) }),
-    userText && /* @__PURE__ */ jsx27("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx27(
+    userText && /* @__PURE__ */ jsx28("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx28(
       MarkdownContent,
       {
         className: "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_p]:mb-3 [&_p:last-child]:mb-0",
@@ -6208,7 +6281,7 @@ function WhatIfUserBubble({ parsed, onQuoteClick }) {
 }
 
 // src/react/components/chat/UserMessageBubble.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -6237,9 +6310,9 @@ function UserMessageBubble({ message, className }) {
   const trimmedClean = cleanText.trim();
   const whatifParsed = trimmedClean && imageParts.length === 0 && fileParts.length === 0 && textAttachments.length === 0 ? parseWhatIfPrompt(cleanText) : null;
   if (whatifParsed) {
-    return /* @__PURE__ */ jsx28("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs23("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
-      /* @__PURE__ */ jsx28(WhatIfUserBubble, { parsed: whatifParsed }),
-      whatifParsed.userText && /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs24("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
+      /* @__PURE__ */ jsx29(WhatIfUserBubble, { parsed: whatifParsed }),
+      whatifParsed.userText && /* @__PURE__ */ jsx29(
         MessageActions,
         {
           content: whatifParsed.userText,
@@ -6311,16 +6384,16 @@ function UserMessageBubble({ message, className }) {
     const mode = kind === "text" ? lower2.endsWith(".md") ? "markdown" : "text" : "default";
     setPreview({ filename: attachment.name, url, mode });
   };
-  return /* @__PURE__ */ jsx28("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs23("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
-    (imageParts.length > 0 || imageTextAttachmentMeta.length > 0) && /* @__PURE__ */ jsxs23("div", { className: "grid gap-2", children: [
-      imageParts.map((part, idx) => /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs24("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
+    (imageParts.length > 0 || imageTextAttachmentMeta.length > 0) && /* @__PURE__ */ jsxs24("div", { className: "grid gap-2", children: [
+      imageParts.map((part, idx) => /* @__PURE__ */ jsx29(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx28(
+          children: /* @__PURE__ */ jsx29(
             "img",
             {
               src: part.image_url.url,
@@ -6333,14 +6406,14 @@ function UserMessageBubble({ message, className }) {
       )),
       imageTextAttachmentMeta.map((att, idx) => {
         const blobUrl = imageAttachmentQueries[idx]?.data;
-        return blobUrl ? /* @__PURE__ */ jsx28(
+        return blobUrl ? /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
             onClick: () => setLightboxIndex(imageParts.length + idx),
             className: "cursor-zoom-in",
             title: "\u67E5\u770B\u5927\u56FE",
-            children: /* @__PURE__ */ jsx28(
+            children: /* @__PURE__ */ jsx29(
               "img",
               {
                 src: blobUrl,
@@ -6350,7 +6423,7 @@ function UserMessageBubble({ message, className }) {
             )
           },
           `${att.uploadedPath}:${att.name}`
-        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx28(
+        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx29(
           "div",
           {
             className: "flex h-20 items-center justify-center rounded-xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] text-xs text-[hsl(var(--muted-foreground))]",
@@ -6360,7 +6433,7 @@ function UserMessageBubble({ message, className }) {
         );
       })
     ] }),
-    lightboxImages.length > 0 && /* @__PURE__ */ jsx28(
+    lightboxImages.length > 0 && /* @__PURE__ */ jsx29(
       ImageLightbox,
       {
         open: lightboxIndex != null,
@@ -6371,15 +6444,15 @@ function UserMessageBubble({ message, className }) {
         initialIndex: lightboxIndex ?? 0
       }
     ),
-    /* @__PURE__ */ jsx28(MessageFileAttachmentList, { files: fileParts }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(MessageFileAttachmentList, { files: fileParts }),
+    /* @__PURE__ */ jsx29(
       TextAttachmentPills,
       {
         attachments: nonImageTextAttachments,
         onPreview: handleTextAttachmentPreview
       }
     ),
-    preview && /* @__PURE__ */ jsx28(
+    preview && /* @__PURE__ */ jsx29(
       AttachmentPreviewDialog,
       {
         open: preview != null,
@@ -6391,8 +6464,8 @@ function UserMessageBubble({ message, className }) {
         mode: preview.mode
       }
     ),
-    /* @__PURE__ */ jsx28(MessageContextPills, { contexts: textContexts }),
-    trimmedClean && /* @__PURE__ */ jsx28("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(MessageContextPills, { contexts: textContexts }),
+    trimmedClean && /* @__PURE__ */ jsx29("div", { className: "max-w-full 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))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx29(
       MarkdownContent,
       {
         className: USER_MESSAGE_MARKDOWN_CLASS,
@@ -6400,7 +6473,7 @@ function UserMessageBubble({ message, className }) {
         children: cleanText
       }
     ) }),
-    trimmedClean && /* @__PURE__ */ jsx28(
+    trimmedClean && /* @__PURE__ */ jsx29(
       MessageActions,
       {
         content: cleanText,
@@ -6415,14 +6488,14 @@ function ErrorMessageBlock({
 }) {
   const text = getTextContent(message.content);
   const looksLikeModelUnavailable = /no source matches this model|404/i.test(text);
-  return /* @__PURE__ */ jsx28("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs23("div", { className: "max-w-[85%] border-l-[3px] border-[hsl(var(--destructive))] px-4 py-1 text-sm leading-7 text-[hsl(var(--destructive))]", children: [
+  return /* @__PURE__ */ jsx29("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs24("div", { className: "max-w-[85%] border-l-[3px] border-[hsl(var(--destructive))] px-4 py-1 text-sm leading-7 text-[hsl(var(--destructive))]", children: [
     text,
-    looksLikeModelUnavailable ? /* @__PURE__ */ jsx28("div", { className: "mt-1 opacity-80", children: "\u6A21\u578B\u53EF\u80FD\u672A\u542F\u52A8\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }) : null
+    looksLikeModelUnavailable ? /* @__PURE__ */ jsx29("div", { className: "mt-1 opacity-80", children: "\u6A21\u578B\u53EF\u80FD\u672A\u542F\u52A8\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }) : null
   ] }) });
 }
 
 // src/react/components/chat/AgentLoopBlock.tsx
-import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var EMPTY_MESSAGES2 = [];
 var EMPTY_AGENT_LOOPS = {};
 var COLLAPSED_SUMMARY_HIDDEN_TOOLS = /* @__PURE__ */ new Set(["ReadSkill", "Read"]);
@@ -6522,7 +6595,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
   const description = safeParseDescription(toolCall.arguments);
   const status = hasAwaitingAnswer || toolCall.status === "awaiting_answer" ? "awaiting_answer" : toolCall.status === "pending" || loopEntry?.info.status === "running" ? "running" : "done";
   const cardStyles = getLoopCardStyles(status);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -6530,8 +6603,8 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
         cardStyles.borderClass
       ),
       children: [
-        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
-          /* @__PURE__ */ jsxs24(
+        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
+          /* @__PURE__ */ jsxs25(
             "div",
             {
               className: cn(
@@ -6539,24 +6612,24 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "button",
                   {
                     type: "button",
                     onClick: toggleExpanded,
                     "aria-expanded": expanded,
                     className: "flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
-                    children: /* @__PURE__ */ jsxs24("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      status === "awaiting_answer" ? /* @__PURE__ */ jsx29(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx29(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
-                      /* @__PURE__ */ jsxs24("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
+                    children: /* @__PURE__ */ jsxs25("span", { className: "min-w-0 flex items-center gap-2", children: [
+                      status === "awaiting_answer" ? /* @__PURE__ */ jsx30(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx30(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
+                      /* @__PURE__ */ jsxs25("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
                         description,
                         status === "awaiting_answer" ? " \u2014 \u7B49\u5F85\u56DE\u7B54" : ""
                       ] })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx29(
+                reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx30(
                   Bot,
                   {
                     size: 13,
@@ -6564,14 +6637,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "button",
                   {
                     type: "button",
                     onClick: toggleExpanded,
                     "aria-expanded": expanded,
                     className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--muted))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
-                    children: /* @__PURE__ */ jsx29(
+                    children: /* @__PURE__ */ jsx30(
                       ChevronRight4,
                       {
                         size: 14,
@@ -6586,7 +6659,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx29(
+          !expanded ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx30(
             ToolCallBlock,
             {
               toolCall: childToolCall,
@@ -6594,12 +6667,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               level: 2
             },
             childToolCall.id
-          )) : /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx29(Loader24, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
-            /* @__PURE__ */ jsx29("span", { children: "\u6B63\u5728\u542F\u52A8..." })
-          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx29("div", { className: "px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u8BF7\u5728\u4E0B\u65B9\u5B50\u667A\u80FD\u4F53\u5BF9\u8BDD\u4E2D\u5B8C\u6210\u786E\u8BA4" }) }) : null
-        ] }) : /* @__PURE__ */ jsxs24(Fragment8, { children: [
-          /* @__PURE__ */ jsxs24(
+          )) : /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx30(Loader24, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
+            /* @__PURE__ */ jsx30("span", { children: "\u6B63\u5728\u542F\u52A8..." })
+          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx30("div", { className: "px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u8BF7\u5728\u4E0B\u65B9\u5B50\u667A\u80FD\u4F53\u5BF9\u8BDD\u4E2D\u5B8C\u6210\u786E\u8BA4" }) }) : null
+        ] }) : /* @__PURE__ */ jsxs25(Fragment8, { children: [
+          /* @__PURE__ */ jsxs25(
             "div",
             {
               className: cn(
@@ -6607,21 +6680,21 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "button",
                   {
                     type: "button",
                     onClick: toggleExpanded,
                     "aria-expanded": expanded,
                     className: "flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
-                    children: /* @__PURE__ */ jsxs24("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx29(Check3, { size: 14, className: "shrink-0 text-emerald-500" }),
-                      /* @__PURE__ */ jsx29("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
+                    children: /* @__PURE__ */ jsxs25("span", { className: "min-w-0 flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx30(Check3, { size: 14, className: "shrink-0 text-emerald-500" }),
+                      /* @__PURE__ */ jsx30("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx29(
+                reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx30(
                   Bot,
                   {
                     size: 13,
@@ -6629,14 +6702,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "button",
                   {
                     type: "button",
                     onClick: toggleExpanded,
                     "aria-expanded": expanded,
                     className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--muted))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
-                    children: /* @__PURE__ */ jsx29(
+                    children: /* @__PURE__ */ jsx30(
                       ChevronRight4,
                       {
                         size: 14,
@@ -6651,9 +6724,9 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
-            /* @__PURE__ */ jsx29("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
-              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs24(
+          !expanded ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
+            /* @__PURE__ */ jsx30("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
+              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs25(
                 "span",
                 {
                   className: "inline-flex min-w-0 items-center gap-1 rounded-md border px-2 py-0.5 text-xs font-semibold dark:border-emerald-500/25 dark:bg-emerald-500/10 dark:text-emerald-300",
@@ -6664,12 +6737,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                   },
                   title: item.label,
                   children: [
-                    /* @__PURE__ */ jsx29(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx29("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ jsx30(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx30("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.key
-              ) : /* @__PURE__ */ jsx29(
+              ) : /* @__PURE__ */ jsx30(
                 "span",
                 {
                   className: "inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-semibold dark:border-blue-300 dark:bg-blue-400/10 dark:text-blue-300",
@@ -6682,20 +6755,20 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 },
                 item.key
               )
-            ) : /* @__PURE__ */ jsx29("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
-            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx29(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
+            ) : /* @__PURE__ */ jsx30("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
+            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
           ] }) : null
         ] }),
-        expanded && /* @__PURE__ */ jsxs24("div", { className: "border-t border-[hsl(var(--border))] py-2", children: [
+        expanded && /* @__PURE__ */ jsxs25("div", { className: "border-t border-[hsl(var(--border))] py-2", children: [
           (() => {
             const taskPrompt = safeParsePrompt(toolCall.arguments);
-            return taskPrompt ? /* @__PURE__ */ jsxs24("details", { className: "mx-3 mb-2 rounded-md bg-[hsl(var(--muted))]/40", children: [
-              /* @__PURE__ */ jsx29("summary", { className: "cursor-pointer px-3 py-1.5 text-[11px] font-medium text-[hsl(var(--muted-foreground))]", children: "\u4EFB\u52A1" }),
-              /* @__PURE__ */ jsx29("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx29("pre", { className: "whitespace-pre-wrap text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: taskPrompt }) })
+            return taskPrompt ? /* @__PURE__ */ jsxs25("details", { className: "mx-3 mb-2 rounded-md bg-[hsl(var(--muted))]/40", children: [
+              /* @__PURE__ */ jsx30("summary", { className: "cursor-pointer px-3 py-1.5 text-[11px] font-medium text-[hsl(var(--muted-foreground))]", children: "\u4EFB\u52A1" }),
+              /* @__PURE__ */ jsx30("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx30("pre", { className: "whitespace-pre-wrap text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: taskPrompt }) })
             ] }) : null;
           })(),
-          childMessages.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
-            (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx29(
+          childMessages.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
+            (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx30(
               ExpandedChildAssistantMessage,
               {
                 message,
@@ -6703,13 +6776,13 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 isStreaming: message.status === "streaming"
               },
               message.entry_id ?? `${message.timestamp ?? "child"}-${index}`
-            ) : message.role === "user" ? /* @__PURE__ */ jsx29(
+            ) : message.role === "user" ? /* @__PURE__ */ jsx30(
               ExpandedChildUserMessage,
               {
                 message
               },
               message.entry_id ?? `${message.timestamp ?? "user"}-${index}`
-            ) : message.role === "error" ? /* @__PURE__ */ jsx29(
+            ) : message.role === "error" ? /* @__PURE__ */ jsx30(
               "div",
               {
                 className: "border-l-[2px] border-l-red-500 px-3 py-2 text-[11px] text-red-200",
@@ -6717,17 +6790,17 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               },
               message.entry_id ?? `${message.timestamp ?? "error"}-${index}`
             ) : null
-          ) }) : status === "running" ? /* @__PURE__ */ jsxs24("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx29(Loader24, { size: 12, className: "mr-1.5 inline animate-spin" }),
+          ) }) : status === "running" ? /* @__PURE__ */ jsxs25("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx30(Loader24, { size: 12, className: "mr-1.5 inline animate-spin" }),
             "\u6B63\u5728\u542F\u52A8..."
-          ] }) : toolCall.result ? /* @__PURE__ */ jsx29("pre", { className: "max-h-[400px] overflow-auto px-3 py-2 whitespace-pre-wrap text-[11px] text-[hsl(var(--muted-foreground))]", children: typeof toolCall.result === "string" ? toolCall.result : JSON.stringify(toolCall.result, null, 2) }) : null
+          ] }) : toolCall.result ? /* @__PURE__ */ jsx30("pre", { className: "max-h-[400px] overflow-auto px-3 py-2 whitespace-pre-wrap text-[11px] text-[hsl(var(--muted-foreground))]", children: typeof toolCall.result === "string" ? toolCall.result : JSON.stringify(toolCall.result, null, 2) }) : null
         ] })
       ]
     }
   );
 }
 function ExpandedChildUserMessage({ message }) {
-  return /* @__PURE__ */ jsx29("div", { className: "pl-8", children: /* @__PURE__ */ jsx29(UserMessageBubble, { message }) });
+  return /* @__PURE__ */ jsx30("div", { className: "pl-8", children: /* @__PURE__ */ jsx30(UserMessageBubble, { message }) });
 }
 function ExpandedChildAssistantMessage({
   message,
@@ -6737,12 +6810,12 @@ function ExpandedChildAssistantMessage({
   const text = typeof message.content === "string" ? message.content.trim() : message.content.filter((part) => part.type === "text").map((part) => part.text).join("").trim();
   const toolCalls = message.tool_calls ?? [];
   const hasToolCalls = toolCalls.length > 0;
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-2", children: [
-    message.reasoning && /* @__PURE__ */ jsxs24(Reasoning, { isStreaming, children: [
-      /* @__PURE__ */ jsx29(ReasoningTrigger, { wordCount: message.reasoning.length }),
-      /* @__PURE__ */ jsx29(ReasoningContent, { children: message.reasoning })
+  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-2", children: [
+    message.reasoning && /* @__PURE__ */ jsxs25(Reasoning, { isStreaming, children: [
+      /* @__PURE__ */ jsx30(ReasoningTrigger, { wordCount: message.reasoning.length }),
+      /* @__PURE__ */ jsx30(ReasoningContent, { children: message.reasoning })
     ] }),
-    text ? /* @__PURE__ */ jsx29(
+    text ? /* @__PURE__ */ jsx30(
       ChildText,
       {
         text,
@@ -6751,9 +6824,9 @@ function ExpandedChildAssistantMessage({
         reasoning: void 0
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx29("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    hasToolCalls && /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-      (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx29(
+    !text && isStreaming && /* @__PURE__ */ jsx30("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
+    hasToolCalls && /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: toolCalls.map(
+      (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx30(
         AgentLoopBlock,
         {
           toolCall,
@@ -6761,7 +6834,7 @@ function ExpandedChildAssistantMessage({
           reasoning: void 0
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx29(
+      ) : /* @__PURE__ */ jsx30(
         ToolCallBlock,
         {
           toolCall,
@@ -6773,8 +6846,8 @@ function ExpandedChildAssistantMessage({
         toolCall.id
       )
     ) }),
-    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2", children: message.blocks.map(
-      (block, index) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx29("div", { className: "ml-4", children: /* @__PURE__ */ jsx29(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
+    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: message.blocks.map(
+      (block, index) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx30("div", { className: "ml-4", children: /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
     ) }) : null
   ] });
 }
@@ -6784,8 +6857,8 @@ function ChildText({
   sessionId,
   reasoning
 }) {
-  return /* @__PURE__ */ jsxs24("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs25("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
+    /* @__PURE__ */ jsx30(
       MarkdownContent,
       {
         mode: "streaming",
@@ -6795,8 +6868,8 @@ function ChildText({
         children: text
       }
     ),
-    isStreaming && /* @__PURE__ */ jsx29("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
-    reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning }) : null
+    isStreaming && /* @__PURE__ */ jsx30("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
+    reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function getLoopCardStyles(status) {
@@ -6836,7 +6909,7 @@ function getLoopCardStyles(status) {
 }
 
 // src/react/components/chat/AssistantTurnBlock.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var EMPTY_MESSAGES3 = [];
 var EMPTY_AGENT_LOOPS2 = {};
 function defaultTurnDisplayMode({
@@ -7004,7 +7077,7 @@ function AssistantTurnBlockBase({
   const hasInterruptedState = messages.some((message) => message.status === "interrupted");
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const memoryRefs = Array.isArray(messages[0]?.memory_refs) ? messages[0].memory_refs : [];
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn(
@@ -7013,17 +7086,17 @@ function AssistantTurnBlockBase({
         customization?.classNames?.assistantTurn
       ),
       children: [
-        memoryRefs.length > 0 && /* @__PURE__ */ jsx30(MemoryRefsHint, { refs: memoryRefs }),
-        hasInterruptedState && /* @__PURE__ */ jsx30("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" }),
-        !isStreaming && /* @__PURE__ */ jsx30("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs25(
+        memoryRefs.length > 0 && /* @__PURE__ */ jsx31(MemoryRefsHint, { refs: memoryRefs }),
+        hasInterruptedState && /* @__PURE__ */ jsx31("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" }),
+        !isStreaming && /* @__PURE__ */ jsx31("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs26(
           "button",
           {
             type: "button",
             onClick: () => setDisplayMode(displayMode === "detail" ? "compact" : "detail"),
             className: "inline-flex shrink-0 items-center gap-1 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
             children: [
-              /* @__PURE__ */ jsx30("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
+              /* @__PURE__ */ jsx31(
                 ChevronRight5,
                 {
                   size: 18,
@@ -7033,7 +7106,7 @@ function AssistantTurnBlockBase({
             ]
           }
         ) }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx30(
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx31(
           AssistantMessages,
           {
             messages,
@@ -7046,15 +7119,15 @@ function AssistantTurnBlockBase({
             showToolDetails: true,
             customization
           }
-        ) }) : /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-4", children: [
-          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
-          finalMessage ? /* @__PURE__ */ jsx30(
+        ) }) : /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
+          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx31(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
+          finalMessage ? /* @__PURE__ */ jsx31(
             "div",
             {
               className: cn(
                 resourceBlocks.length > 0 && "border-t border-[hsl(var(--border))] pt-4"
               ),
-              children: /* @__PURE__ */ jsx30(
+              children: /* @__PURE__ */ jsx31(
                 AssistantMessageContent,
                 {
                   message: finalMessage,
@@ -7065,7 +7138,7 @@ function AssistantTurnBlockBase({
                 }
               )
             }
-          ) : isStreaming ? /* @__PURE__ */ jsx30("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
+          ) : isStreaming ? /* @__PURE__ */ jsx31("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
         ] }) })
       ]
     }
@@ -7094,16 +7167,16 @@ function AssistantMessages({
       const toolCalls = message.tool_calls ?? [];
       const hasToolCalls = toolCalls.length > 0;
       const toolRenderItems = groupDetailedToolCalls(toolCalls);
-      return /* @__PURE__ */ jsxs25(
+      return /* @__PURE__ */ jsxs26(
         "div",
         {
           className: "flex flex-col gap-3",
           children: [
-            hasReasoning && /* @__PURE__ */ jsxs25(Reasoning, { isStreaming: isStreamingLastMessage, children: [
-              /* @__PURE__ */ jsx30(ReasoningTrigger, { wordCount: reasoning.length }),
-              /* @__PURE__ */ jsx30(ReasoningContent, { children: reasoning })
+            hasReasoning && /* @__PURE__ */ jsxs26(Reasoning, { isStreaming: isStreamingLastMessage, children: [
+              /* @__PURE__ */ jsx31(ReasoningTrigger, { wordCount: reasoning.length }),
+              /* @__PURE__ */ jsx31(ReasoningContent, { children: reasoning })
             ] }),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               AssistantMessageContent,
               {
                 message,
@@ -7113,9 +7186,9 @@ function AssistantMessages({
                 className: customization?.classNames?.assistantText
               }
             ),
-            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
+            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
               if (item.kind === "read_group") {
-                return /* @__PURE__ */ jsx30(
+                return /* @__PURE__ */ jsx31(
                   CompactToolGroupBlock,
                   {
                     toolCalls: item.toolCalls,
@@ -7132,7 +7205,7 @@ function AssistantMessages({
                 );
               }
               const { toolCall } = item;
-              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx30(
+              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx31(
                 AgentLoopBlock,
                 {
                   toolCall,
@@ -7140,7 +7213,7 @@ function AssistantMessages({
                   reasoning: void 0
                 },
                 toolCall.id
-              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx30(
+              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx31(
                 customization.components.ToolCall,
                 {
                   toolCall,
@@ -7155,7 +7228,7 @@ function AssistantMessages({
                   customization
                 },
                 toolCall.id
-              ) : /* @__PURE__ */ jsx30(
+              ) : /* @__PURE__ */ jsx31(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -7172,8 +7245,8 @@ function AssistantMessages({
                 toolCall.id
               );
             }) }),
-            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: message.blocks.map(
-              (block, blockIndex) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx30("div", { className: "ml-4", children: /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
+            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2", children: message.blocks.map(
+              (block, blockIndex) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx31("div", { className: "ml-4", children: /* @__PURE__ */ jsx31(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
             ) }) : null
           ]
         },
@@ -7221,12 +7294,12 @@ function CompactToolGroupBlock({
     return filePath ? formatFileName(filePath) : "\u672A\u77E5\u6587\u4EF6";
   });
   const title = `\u8BFB\u53D6 ${toolCalls.length} \u4E2A\u6587\u4EF6`;
-  return /* @__PURE__ */ jsxs25("div", { className: cn(indentClass, "text-xs"), children: [
-    /* @__PURE__ */ jsxs25("div", { className: cn(
+  return /* @__PURE__ */ jsxs26("div", { className: cn(indentClass, "text-xs"), children: [
+    /* @__PURE__ */ jsxs26("div", { className: cn(
       "flex items-center gap-2 border-l-[3px] px-3 py-2",
       hasError ? "border-l-[hsl(var(--destructive))]" : "border-l-[hsl(var(--primary))]"
     ), children: [
-      /* @__PURE__ */ jsxs25(
+      /* @__PURE__ */ jsxs26(
         "button",
         {
           type: "button",
@@ -7234,7 +7307,7 @@ function CompactToolGroupBlock({
           className: "flex min-w-0 shrink-0 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__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               ChevronRight5,
               {
                 size: 11,
@@ -7244,18 +7317,18 @@ function CompactToolGroupBlock({
                 )
               }
             ),
-            hasError ? /* @__PURE__ */ jsxs25("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
-              /* @__PURE__ */ jsx30(AlertCircle, { size: 11 }),
-              /* @__PURE__ */ jsx30("span", { children: "\u5931\u8D25" })
-            ] }) : /* @__PURE__ */ jsxs25("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
-              /* @__PURE__ */ jsx30(Check4, { size: 11 }),
-              /* @__PURE__ */ jsx30("span", { children: "\u5B8C\u6210" })
+            hasError ? /* @__PURE__ */ jsxs26("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
+              /* @__PURE__ */ jsx31(AlertCircle, { size: 11 }),
+              /* @__PURE__ */ jsx31("span", { children: "\u5931\u8D25" })
+            ] }) : /* @__PURE__ */ jsxs26("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
+              /* @__PURE__ */ jsx31(Check4, { size: 11 }),
+              /* @__PURE__ */ jsx31("span", { children: "\u5B8C\u6210" })
             ] }),
-            /* @__PURE__ */ jsx30("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
+            /* @__PURE__ */ jsx31("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
           ]
         }
       ),
-      /* @__PURE__ */ jsx30("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx31(
         "span",
         {
           className: "max-w-40 truncate rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.35)] px-1.5 py-0.5 font-mono text-[10px] text-[hsl(var(--muted-foreground))]",
@@ -7264,12 +7337,12 @@ function CompactToolGroupBlock({
         },
         `${tag}-${index}`
       )) }),
-      reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      totalDurationMs > 0 ? /* @__PURE__ */ jsx30("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
+      reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null,
+      totalDurationMs > 0 ? /* @__PURE__ */ jsx31("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsx30("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
+    expanded ? /* @__PURE__ */ jsx31("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
       const CustomToolCall = customization?.components?.ToolCall;
-      return CustomToolCall ? /* @__PURE__ */ jsx30(
+      return CustomToolCall ? /* @__PURE__ */ jsx31(
         CustomToolCall,
         {
           toolCall,
@@ -7283,7 +7356,7 @@ function CompactToolGroupBlock({
           customization
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx31(
         ToolCallBlock,
         {
           toolCall,
@@ -7314,8 +7387,8 @@ function AssistantMessageContent({
   if (!text && imageParts.length === 0 && fileParts.length === 0 && !isStreaming && !reasoning) {
     return null;
   }
-  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx30("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx31("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx31(
       "img",
       {
         src: part.image_url.url,
@@ -7324,8 +7397,8 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }),
-    /* @__PURE__ */ jsx30(MessageFileAttachmentList, { files: fileParts }),
-    text ? /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(MessageFileAttachmentList, { files: fileParts }),
+    text ? /* @__PURE__ */ jsx31(
       AssistantText,
       {
         text,
@@ -7335,8 +7408,8 @@ function AssistantMessageContent({
         className
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx30("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    !text && reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null
+    !text && isStreaming && /* @__PURE__ */ jsx31("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
+    !text && reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null
   ] });
 }
 function AssistantText({
@@ -7356,8 +7429,8 @@ function AssistantText({
     () => ({ sessionId, messageId, sendMessage }),
     [sessionId, messageId, sendMessage]
   );
-  return /* @__PURE__ */ jsxs25("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
-    /* @__PURE__ */ jsx30(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs26("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
+    /* @__PURE__ */ jsx31(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx31(
       MarkdownContent,
       {
         mode: "streaming",
@@ -7367,7 +7440,7 @@ function AssistantText({
         children: text
       }
     ) }),
-    reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning }) : null
+    reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function MemoryRefsHint({ refs: rawRefs }) {
@@ -7375,22 +7448,22 @@ function MemoryRefsHint({ refs: rawRefs }) {
   const [expanded, setExpanded] = useState18(false);
   const hasSkill = refs.some((r3) => r3.skill_name);
   const label = hasSkill ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
-  return /* @__PURE__ */ jsxs25("div", { className: "ml-4", children: [
-    /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26("div", { className: "ml-4", children: [
+    /* @__PURE__ */ jsxs26(
       "button",
       {
         type: "button",
         onClick: () => setExpanded(!expanded),
         className: "inline-flex items-center gap-1.5 rounded-md border border-[hsl(var(--primary)/0.25)] bg-[hsl(var(--primary)/0.08)] px-2.5 py-1 text-[11px] text-[hsl(var(--primary))] transition-colors hover:bg-[hsl(var(--primary)/0.12)]",
         children: [
-          /* @__PURE__ */ jsx30(BookOpen, { size: 12 }),
-          /* @__PURE__ */ jsxs25("span", { children: [
+          /* @__PURE__ */ jsx31(BookOpen, { size: 12 }),
+          /* @__PURE__ */ jsxs26("span", { children: [
             label,
             "\uFF08",
             refs.length,
             "\uFF09"
           ] }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             ChevronRight5,
             {
               size: 10,
@@ -7400,13 +7473,13 @@ function MemoryRefsHint({ refs: rawRefs }) {
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs25("div", { className: "mt-1.5 flex flex-col gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.45)] px-3 py-2", children: [
-      refs.map((ref) => /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
-        /* @__PURE__ */ jsx30("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
-        /* @__PURE__ */ jsx30("span", { className: "line-clamp-1", children: ref.content_preview }),
-        ref.skill_name && /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0 rounded bg-[hsl(var(--primary)/0.12)] px-1.5 py-0.5 text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name })
+    expanded && /* @__PURE__ */ jsxs26("div", { className: "mt-1.5 flex flex-col gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.45)] px-3 py-2", children: [
+      refs.map((ref) => /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
+        /* @__PURE__ */ jsx31("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
+        /* @__PURE__ */ jsx31("span", { className: "line-clamp-1", children: ref.content_preview }),
+        ref.skill_name && /* @__PURE__ */ jsx31("span", { className: "ml-auto shrink-0 rounded bg-[hsl(var(--primary)/0.12)] px-1.5 py-0.5 text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name })
       ] }, ref.id)),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31(
         "a",
         {
           href: MEMORIES_ROUTE,
@@ -7421,7 +7494,7 @@ function MemoryRefsHint({ refs: rawRefs }) {
 // src/react/components/chat/CompactionCard.tsx
 import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight6, Loader2 as Loader25, Square as Square3, XCircle } from "lucide-react";
 import { useState as useState19 } from "react";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var PERCENT_FORMATTER = new Intl.NumberFormat("zh-CN", {
   style: "percent",
   maximumFractionDigits: 0
@@ -7481,9 +7554,9 @@ function CompactionCard({
   const hasSummary = typeof source.summary_full === "string" && source.summary_full.trim().length > 0 && !isGenericArchiveSummary(source.summary_full);
   const hasFailureReason = source.status === "failed" && Boolean(source.failure_reason);
   const canExpand = source.status === "completed" && (hasSummary || archivedToolCalls.length > 0) || hasFailureReason;
-  return /* @__PURE__ */ jsxs26("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs27(
         "button",
         {
           type: "button",
@@ -7494,21 +7567,21 @@ function CompactionCard({
           ),
           "aria-expanded": expanded,
           children: [
-            canExpand ? expanded ? /* @__PURE__ */ jsx31(ChevronDown2, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx31(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
-            /* @__PURE__ */ jsx31("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx31(Loader25, { size: 12, className: "animate-spin" }),
+            canExpand ? expanded ? /* @__PURE__ */ jsx32(ChevronDown2, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx32(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
+            /* @__PURE__ */ jsx32("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx32(Loader25, { size: 12, className: "animate-spin" }),
               "\u6B63\u5728\u538B\u7F29\u4E0A\u4E0B\u6587"
-            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
-              /* @__PURE__ */ jsx31(XCircle, { size: 12 }),
+            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
+              /* @__PURE__ */ jsx32(XCircle, { size: 12 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5931\u8D25"
-            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
-              /* @__PURE__ */ jsx31(Square3, { size: 11 }),
+            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
+              /* @__PURE__ */ jsx32(Square3, { size: 11 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5DF2\u53D6\u6D88"
             ] }) : "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
           ]
         }
       ),
-      canCancel ? /* @__PURE__ */ jsx31(
+      canCancel ? /* @__PURE__ */ jsx32(
         "button",
         {
           type: "button",
@@ -7518,13 +7591,13 @@ function CompactionCard({
         }
       ) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsxs26("div", { className: "mt-1 max-w-3xl rounded-lg border border-[hsl(var(--border))]/70 bg-[hsl(var(--card))]/80 px-3 py-2 text-[11px] leading-relaxed shadow-sm", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsxs26("span", { children: [
+    expanded ? /* @__PURE__ */ jsxs27("div", { className: "mt-1 max-w-3xl rounded-lg border border-[hsl(var(--border))]/70 bg-[hsl(var(--card))]/80 px-3 py-2 text-[11px] leading-relaxed shadow-sm", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsxs27("span", { children: [
           "#",
           shortId(source.compaction_id)
         ] }),
-        /* @__PURE__ */ jsxs26("span", { children: [
+        /* @__PURE__ */ jsxs27("span", { children: [
           "\u8282\u7701 ",
           formatSavedRatio(source.saved_ratio),
           "\uFF08",
@@ -7534,31 +7607,31 @@ function CompactionCard({
           formatTokens(source.tokens_after),
           " token\uFF09"
         ] }),
-        /* @__PURE__ */ jsxs26("span", { children: [
+        /* @__PURE__ */ jsxs27("span", { children: [
           "\u5F52\u6863 ",
           archivedCount,
           " \u4E2A\u5DE5\u5177\u7ED3\u679C"
         ] })
       ] }),
-      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
+      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
         const archivePath = getArchivePath(item, archivedFiles);
-        return /* @__PURE__ */ jsxs26(
+        return /* @__PURE__ */ jsxs27(
           "div",
           {
             className: "rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/35 px-2 py-1.5",
             children: [
-              /* @__PURE__ */ jsxs26("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
-                /* @__PURE__ */ jsx31("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
-                item.tool_call_id ? /* @__PURE__ */ jsx31("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
+              /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
+                /* @__PURE__ */ jsx32("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
+                item.tool_call_id ? /* @__PURE__ */ jsx32("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
               ] }),
-              archivePath ? /* @__PURE__ */ jsx31("div", { className: "mt-0.5 break-all font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: archivePath }) : null
+              archivePath ? /* @__PURE__ */ jsx32("div", { className: "mt-0.5 break-all font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: archivePath }) : null
             ]
           },
           item.tool_call_id || item.entry_id || `${item.tool_name}-${index}`
         );
       }) }) : null,
-      hasSummary ? /* @__PURE__ */ jsx31("pre", { className: "mt-2 max-h-[360px] overflow-auto whitespace-pre-wrap rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/25 px-2 py-1.5 font-mono text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: source.summary_full }) : null,
-      source.status === "failed" && source.failure_reason ? /* @__PURE__ */ jsxs26("div", { className: "mt-2 text-rose-500/90", children: [
+      hasSummary ? /* @__PURE__ */ jsx32("pre", { className: "mt-2 max-h-[360px] overflow-auto whitespace-pre-wrap rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/25 px-2 py-1.5 font-mono text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: source.summary_full }) : null,
+      source.status === "failed" && source.failure_reason ? /* @__PURE__ */ jsxs27("div", { className: "mt-2 text-rose-500/90", children: [
         "\u5931\u8D25\u539F\u56E0\uFF1A",
         source.failure_reason
       ] }) : null
@@ -7569,7 +7642,7 @@ function CompactionCard({
 // src/react/components/chat/RenderErrorBoundary.tsx
 import { AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { Component } from "react";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -7602,18 +7675,18 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx32("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx32(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs27("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx33("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx33(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx32("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx33("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
@@ -7632,7 +7705,7 @@ import {
   WandSparkles
 } from "lucide-react";
 import { useEffect as useEffect16, useMemo as useMemo16, useState as useState20 } from "react";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
   if (durationMs == null) return null;
@@ -7742,22 +7815,22 @@ function StickyStatusBar({
   }
   const elapsedLabel = formatElapsedDuration(elapsedDuration);
   const Icon = action.Icon;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "button",
     {
       type: "button",
       onClick: onJumpToLatest,
       className: "sticky top-0 z-20 mb-4 flex w-full items-center gap-3 rounded-2xl border border-[hsl(var(--primary)/0.2)] bg-[hsl(var(--background)/0.92)] px-4 py-3 text-left shadow-[0_12px_32px_-24px_hsl(var(--foreground)/0.6)] backdrop-blur",
       children: [
-        /* @__PURE__ */ jsx33("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-[hsl(var(--primary)/0.12)] text-[hsl(var(--primary))]", children: /* @__PURE__ */ jsx33(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
-        /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx33("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
-          /* @__PURE__ */ jsxs28("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            elapsedLabel ? /* @__PURE__ */ jsxs28("span", { className: "font-mono", children: [
+        /* @__PURE__ */ jsx34("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-[hsl(var(--primary)/0.12)] text-[hsl(var(--primary))]", children: /* @__PURE__ */ jsx34(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
+        /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx34("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
+          /* @__PURE__ */ jsxs29("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            elapsedLabel ? /* @__PURE__ */ jsxs29("span", { className: "font-mono", children: [
               "\u5DF2\u6301\u7EED ",
               elapsedLabel
             ] }) : null,
-            /* @__PURE__ */ jsx33("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
+            /* @__PURE__ */ jsx34("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
           ] })
         ] })
       ]
@@ -7766,7 +7839,7 @@ function StickyStatusBar({
 }
 
 // src/react/components/chat/TurnNavRail.tsx
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function TurnNavRail({
   items,
   activeTurnId,
@@ -7775,14 +7848,14 @@ function TurnNavRail({
   if (items.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "nav",
     {
       "aria-label": "\u56DE\u5408\u5BFC\u822A",
       className: "absolute right-2 top-4 z-10 hidden flex-col items-end gap-0.5 md:flex",
       children: items.map((item, index) => {
         const isActive = item.id === activeTurnId;
-        return /* @__PURE__ */ jsxs29(
+        return /* @__PURE__ */ jsxs30(
           "button",
           {
             type: "button",
@@ -7790,8 +7863,8 @@ function TurnNavRail({
             "aria-current": isActive ? "true" : void 0,
             className: "group relative flex h-3.5 items-center",
             children: [
-              /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute right-full mr-2 hidden max-w-48 truncate whitespace-nowrap rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] px-2.5 py-1.5 text-xs text-[hsl(var(--popover-foreground))] shadow-lg group-hover:block", children: item.title || `\u7B2C ${index + 1} \u8F6E` }),
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx35("span", { className: "pointer-events-none absolute right-full mr-2 hidden max-w-48 truncate whitespace-nowrap rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] px-2.5 py-1.5 text-xs text-[hsl(var(--popover-foreground))] shadow-lg group-hover:block", children: item.title || `\u7B2C ${index + 1} \u8F6E` }),
+              /* @__PURE__ */ jsx35(
                 "span",
                 {
                   className: cn(
@@ -7810,7 +7883,7 @@ function TurnNavRail({
 }
 
 // src/react/components/chat/MessageList.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -8086,13 +8159,13 @@ function MessageList({
   const handleSelectTurn = useCallback12((turnId) => {
     document.getElementById(turnId)?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       ref: containerRef,
       className: `relative min-h-0 flex-1 ${customization?.classNames?.messageListRoot ?? ""}`,
       children: [
-        turnNavItems.length > 1 ? /* @__PURE__ */ jsx35(
+        turnNavItems.length > 1 ? /* @__PURE__ */ jsx36(
           TurnNavRail,
           {
             items: turnNavItems,
@@ -8100,7 +8173,7 @@ function MessageList({
             onSelectTurn: handleSelectTurn
           }
         ) : null,
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs31(
           StickToBottom,
           {
             contextRef: stickContextRef,
@@ -8108,7 +8181,7 @@ function MessageList({
             initial: "instant",
             resize: stickyTurn ? { damping: 0.8, stiffness: 0.08, mass: 1 } : "instant",
             children: [
-              /* @__PURE__ */ jsx35(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx36(
                 MessageListContent,
                 {
                   askAnswers,
@@ -8125,7 +8198,7 @@ function MessageList({
                   customization
                 }
               ) }),
-              /* @__PURE__ */ jsx35(ScrollToBottomButton, {})
+              /* @__PURE__ */ jsx36(ScrollToBottomButton, {})
             ]
           }
         )
@@ -8155,8 +8228,8 @@ function MessageListContent({
     }
     scrollToBottom();
   }, [lastTurnId, scrollToBottom]);
-  return /* @__PURE__ */ jsx35("div", { className: `mx-auto max-w-3xl ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs30("div", { className: `min-w-0 flex flex-col gap-8 ${customization?.classNames?.messageListInner ?? ""}`, children: [
-    stickyTurn ? /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36("div", { className: `mx-auto max-w-3xl ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs31("div", { className: `min-w-0 flex flex-col gap-8 ${customization?.classNames?.messageListInner ?? ""}`, children: [
+    stickyTurn ? /* @__PURE__ */ jsx36(
       StickyStatusBar,
       {
         sessionId,
@@ -8166,31 +8239,31 @@ function MessageListContent({
         onJumpToLatest: handleJumpToLatest
       }
     ) : null,
-    renderBlocks.length === 0 ? customization?.components?.EmptyState ? /* @__PURE__ */ jsx35(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs30("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
-      /* @__PURE__ */ jsx35(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx35("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-      /* @__PURE__ */ jsx35("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+    renderBlocks.length === 0 ? customization?.components?.EmptyState ? /* @__PURE__ */ jsx36(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs31("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
+      /* @__PURE__ */ jsx36(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx36("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+      /* @__PURE__ */ jsx36("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
     ] }) : renderBlocks.map((block, blockIndex) => {
       if (block.type === "message") {
-        return /* @__PURE__ */ jsx35("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx35(
+        return /* @__PURE__ */ jsx36("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx36(
           customization.components.UserMessage,
           {
             message: block.message,
             className: customization.classNames?.userMessage
           }
-        ) : /* @__PURE__ */ jsx35(
+        ) : /* @__PURE__ */ jsx36(
           UserMessageBubble,
           {
             message: block.message,
             className: customization?.classNames?.userMessage
           }
-        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx35(
+        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx36(
           customization.components.ErrorMessage,
           {
             message: block.message,
             className: customization.classNames?.errorMessage
           }
-        ) : /* @__PURE__ */ jsx35(
+        ) : /* @__PURE__ */ jsx36(
           ErrorMessageBlock,
           {
             message: block.message,
@@ -8207,20 +8280,20 @@ function MessageListContent({
         );
         const isFollowedByPlanningExit = nextBlock?.type === "planning_divider" && nextBlock.kind === "exit";
         const showPlanCard = (hasExitPlan || isFollowedByPlanningExit) && onConfirmPlan && sessionStatus === "waiting_for_input";
-        return /* @__PURE__ */ jsxs30(
+        return /* @__PURE__ */ jsxs31(
           "div",
           {
             id: block.anchorId,
             "data-turn-id": block.anchorId,
             className: "msg-animate flex scroll-mt-6 flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 RenderErrorBoundary,
                 {
                   label: "\u52A9\u624B\u6D88\u606F",
                   details: block.key,
                   resetKey: getMessagesResetSignature(block.messages),
-                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx35(
+                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx36(
                     customization.components.AssistantTurn,
                     {
                       turnKey: block.key,
@@ -8233,7 +8306,7 @@ function MessageListContent({
                       sessionStatus,
                       customization
                     }
-                  ) : /* @__PURE__ */ jsx35(
+                  ) : /* @__PURE__ */ jsx36(
                     AssistantTurnBlock,
                     {
                       turnKey: block.key,
@@ -8249,13 +8322,13 @@ function MessageListContent({
                   )
                 }
               ),
-              showPlanCard ? /* @__PURE__ */ jsx35(
+              showPlanCard ? /* @__PURE__ */ jsx36(
                 RenderErrorBoundary,
                 {
                   label: "\u89C4\u5212\u6458\u8981",
                   details: block.key,
                   resetKey: `${sessionStatus ?? ""}:${layoutSignature}`,
-                  children: /* @__PURE__ */ jsx35(
+                  children: /* @__PURE__ */ jsx36(
                     PlanSummaryCard,
                     {
                       messages: extractLatestPlanMessages(messages),
@@ -8271,7 +8344,7 @@ function MessageListContent({
         );
       }
       if (block.type === "compaction") {
-        return /* @__PURE__ */ jsx35("div", { className: "msg-animate", children: /* @__PURE__ */ jsx35(
+        return /* @__PURE__ */ jsx36("div", { className: "msg-animate", children: /* @__PURE__ */ jsx36(
           CompactionCard,
           {
             sessionId,
@@ -8280,41 +8353,41 @@ function MessageListContent({
           }
         ) }, block.key);
       }
-      return /* @__PURE__ */ jsx35(PlanningDivider, { kind: block.kind }, block.key);
+      return /* @__PURE__ */ jsx36(PlanningDivider, { kind: block.kind }, block.key);
     }),
-    sessionStatus === "interrupted" && !hasInterruptedTurn ? /* @__PURE__ */ jsx35("div", { className: "flex", children: /* @__PURE__ */ jsx35("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" && !hasInterruptedTurn ? /* @__PURE__ */ jsx36("div", { className: "flex", children: /* @__PURE__ */ jsx36("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
   ] }) });
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
   if (isAtBottom) return null;
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "button",
     {
       type: "button",
       onClick: () => scrollToBottom(),
       className: "absolute bottom-4 right-4 flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] shadow-lg transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
       children: [
-        /* @__PURE__ */ jsx35(ChevronDown3, { size: 14 }),
-        /* @__PURE__ */ jsx35("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx36(ChevronDown3, { size: 14 }),
+        /* @__PURE__ */ jsx36("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
   const isEnter = kind === "enter";
-  return /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx35("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs30("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__ */ jsx35(Lightbulb2, { size: 12 }),
-      /* @__PURE__ */ jsx35("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx36("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs31("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__ */ jsx36(Lightbulb2, { size: 12 }),
+      /* @__PURE__ */ jsx36("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx35("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx36("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
 // src/react/components/chat/ChatView.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 function ChatView({
   sessionId,
   renderAttachments,
@@ -8323,6 +8396,7 @@ function ChatView({
   canShareSession = false,
   onResyncSkills,
   isResyncingSkills = false,
+  inputLabel,
   classNames,
   components,
   renderers
@@ -8332,6 +8406,7 @@ function ChatView({
     isStreaming,
     isStopping,
     send,
+    append,
     stop
   } = useChat(sessionId);
   const session = useSessionStore((s) => s.sessions.find((ss) => ss.id === sessionId));
@@ -8358,17 +8433,17 @@ function ChatView({
     [classNames, components, renderers]
   );
   const SkillStatus = components?.SkillStatusBar;
-  return /* @__PURE__ */ jsxs31("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
-    isViewer && /* @__PURE__ */ jsxs31("div", { className: `flex items-center justify-center gap-2 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] py-2 text-xs text-[hsl(var(--muted-foreground))] ${classNames?.viewerBanner ?? ""}`, children: [
-      /* @__PURE__ */ jsx36(Eye, { size: 14 }),
+  return /* @__PURE__ */ jsxs32("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
+    isViewer && /* @__PURE__ */ jsxs32("div", { className: `flex items-center justify-center gap-2 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] py-2 text-xs text-[hsl(var(--muted-foreground))] ${classNames?.viewerBanner ?? ""}`, children: [
+      /* @__PURE__ */ jsx37(Eye, { size: 14 }),
       "\u4F60\u6B63\u5728\u67E5\u770B\u5206\u4EAB\u7684\u4F1A\u8BDD\uFF08\u53EA\u8BFB\uFF09"
     ] }),
-    !isViewer && /* @__PURE__ */ jsx36(ConnectionBanner, {}),
-    errorMessage && /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-2 border-b border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-800/30 dark:bg-red-950/30 dark:text-red-300", children: [
-      /* @__PURE__ */ jsx36(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-      /* @__PURE__ */ jsx36("span", { children: errorMessage })
+    !isViewer && /* @__PURE__ */ jsx37(ConnectionBanner, {}),
+    errorMessage && /* @__PURE__ */ jsxs32("div", { className: "flex items-start gap-2 border-b border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-800/30 dark:bg-red-950/30 dark:text-red-300", children: [
+      /* @__PURE__ */ jsx37(CircleAlert2, { size: 16, className: "mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsx37("span", { children: errorMessage })
     ] }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       MessageList,
       {
         sessionId,
@@ -8380,10 +8455,11 @@ function ChatView({
       },
       sessionId
     ),
-    !isViewer && /* @__PURE__ */ jsx36(
+    !isViewer && /* @__PURE__ */ jsx37(
       ChatInput,
       {
         onSend: (msg, _targetSessionId, model) => send(msg, mode, void 0, { model: model || void 0 }),
+        onAppend: append,
         onStop: stop,
         isStreaming,
         isStopping,
@@ -8399,7 +8475,8 @@ function ChatView({
         skillStatusBarClassName: classNames?.skillStatusBarRoot,
         skillStatusBarInnerClassName: classNames?.skillStatusBarInner,
         onResyncSkills,
-        isResyncingSkills
+        isResyncingSkills,
+        inputLabel
       }
     )
   ] });
@@ -8456,4 +8533,4 @@ use-stick-to-bottom/dist/StickToBottom.js:
    *  Licensed under the MIT License. See License.txt in the project root for license information.
    *--------------------------------------------------------------------------------------------*)
 */
-//# sourceMappingURL=chunk-7FGJNW56.js.map
+//# sourceMappingURL=chunk-QCDNRR74.js.map