@blade-hq/agent-kit 0.5.23 → 0.5.25

package/dist/{chunk-PRWPDK6Z.js → chunk-SENUKC7C.js}

@@ -8,7 +8,7 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-LI3WURWU.js";
+} from "./chunk-PKQKLRFQ.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -16,7 +16,7 @@ import {
 } from "./chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "./chunk-NWKF2VEC.js";
+} from "./chunk-UQWHEHG3.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -60,7 +60,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-B4RZNR3L.js";
+} from "./chunk-FZXLII7S.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -79,6 +79,7 @@ import {
 } from "./chunk-PZ5AY32C.js";
 
 // src/react/components/chat/ChatView.tsx
+import { CircleAlert as CircleAlert2 } from "lucide-react";
 import { Eye } from "lucide-react";
 import { useCallback as useCallback13, useMemo as useMemo18 } from "react";
 
@@ -5519,6 +5520,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],
@@ -5530,14 +5577,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);
@@ -5555,14 +5603,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 })
     }
   );
 }
@@ -5605,7 +5653,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,
@@ -5619,9 +5667,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" }) })
       ] });
     }
   }
@@ -5632,11 +5680,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",
@@ -5644,7 +5692,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,
@@ -5654,21 +5702,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",
@@ -5686,20 +5734,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(
@@ -5890,7 +5938,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;
@@ -5918,7 +5966,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",
@@ -5929,17 +5977,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,
@@ -5948,22 +5996,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 }) })
           ]
         }
       )
@@ -5978,43 +6026,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}`
@@ -6023,7 +6071,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)) {
@@ -6052,15 +6100,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",
@@ -6072,14 +6120,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 () => {
@@ -6089,7 +6137,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",
@@ -6099,8 +6147,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" })
       ]
     }
   ) });
@@ -6108,7 +6156,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;
@@ -6123,15 +6171,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",
@@ -6143,7 +6191,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);
   }) });
 }
 
@@ -6152,34 +6200,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",
@@ -6188,14 +6236,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",
@@ -6207,7 +6255,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";
 }
@@ -6236,9 +6284,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,
@@ -6310,16 +6358,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,
@@ -6332,14 +6380,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,
@@ -6349,7 +6397,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))]",
@@ -6359,7 +6407,7 @@ function UserMessageBubble({ message, className }) {
         );
       })
     ] }),
-    lightboxImages.length > 0 && /* @__PURE__ */ jsx28(
+    lightboxImages.length > 0 && /* @__PURE__ */ jsx29(
       ImageLightbox,
       {
         open: lightboxIndex != null,
@@ -6370,15 +6418,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,
@@ -6390,8 +6438,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: "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,
@@ -6399,7 +6447,7 @@ function UserMessageBubble({ message, className }) {
         children: cleanText
       }
     ) }),
-    trimmedClean && /* @__PURE__ */ jsx28(
+    trimmedClean && /* @__PURE__ */ jsx29(
       MessageActions,
       {
         content: cleanText,
@@ -6414,14 +6462,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"]);
@@ -6521,7 +6569,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(
@@ -6529,8 +6577,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(
@@ -6538,24 +6586,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,
@@ -6563,14 +6611,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,
@@ -6585,7 +6633,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,
@@ -6593,12 +6641,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(
@@ -6606,21 +6654,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,
@@ -6628,14 +6676,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,
@@ -6650,9 +6698,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",
@@ -6663,12 +6711,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",
@@ -6681,20 +6729,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,
@@ -6702,13 +6750,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",
@@ -6716,17 +6764,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,
@@ -6736,12 +6784,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,
@@ -6750,9 +6798,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,
@@ -6760,7 +6808,7 @@ function ExpandedChildAssistantMessage({
           reasoning: void 0
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx29(
+      ) : /* @__PURE__ */ jsx30(
         ToolCallBlock,
         {
           toolCall,
@@ -6772,8 +6820,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
   ] });
 }
@@ -6783,8 +6831,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",
@@ -6794,8 +6842,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) {
@@ -6835,7 +6883,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({
@@ -7003,7 +7051,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(
@@ -7012,17 +7060,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,
@@ -7032,7 +7080,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,
@@ -7045,15 +7093,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,
@@ -7064,7 +7112,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
         ] }) })
       ]
     }
@@ -7093,16 +7141,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,
@@ -7112,9 +7160,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,
@@ -7131,7 +7179,7 @@ function AssistantMessages({
                 );
               }
               const { toolCall } = item;
-              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx30(
+              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx31(
                 AgentLoopBlock,
                 {
                   toolCall,
@@ -7139,7 +7187,7 @@ function AssistantMessages({
                   reasoning: void 0
                 },
                 toolCall.id
-              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx30(
+              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx31(
                 customization.components.ToolCall,
                 {
                   toolCall,
@@ -7154,7 +7202,7 @@ function AssistantMessages({
                   customization
                 },
                 toolCall.id
-              ) : /* @__PURE__ */ jsx30(
+              ) : /* @__PURE__ */ jsx31(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -7171,8 +7219,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
           ]
         },
@@ -7220,12 +7268,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",
@@ -7233,7 +7281,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,
@@ -7243,18 +7291,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))]",
@@ -7263,12 +7311,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,
@@ -7282,7 +7330,7 @@ function CompactToolGroupBlock({
           customization
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx31(
         ToolCallBlock,
         {
           toolCall,
@@ -7313,8 +7361,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,
@@ -7323,8 +7371,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,
@@ -7334,8 +7382,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({
@@ -7355,8 +7403,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",
@@ -7366,7 +7414,7 @@ function AssistantText({
         children: text
       }
     ) }),
-    reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning }) : null
+    reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function MemoryRefsHint({ refs: rawRefs }) {
@@ -7374,22 +7422,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,
@@ -7399,13 +7447,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,
@@ -7420,7 +7468,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
@@ -7480,9 +7528,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",
@@ -7493,21 +7541,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",
@@ -7517,13 +7565,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",
@@ -7533,31 +7581,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
@@ -7568,7 +7616,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;
@@ -7601,18 +7649,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
       ] })
     ] }) });
   }
@@ -7631,7 +7679,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;
@@ -7741,22 +7789,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" })
           ] })
         ] })
       ]
@@ -7765,7 +7813,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,
@@ -7774,14 +7822,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",
@@ -7789,8 +7837,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(
@@ -7809,7 +7857,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;
@@ -8085,13 +8133,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,
@@ -8099,7 +8147,7 @@ function MessageList({
             onSelectTurn: handleSelectTurn
           }
         ) : null,
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs31(
           StickToBottom,
           {
             contextRef: stickContextRef,
@@ -8107,7 +8155,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,
@@ -8124,7 +8172,7 @@ function MessageList({
                   customization
                 }
               ) }),
-              /* @__PURE__ */ jsx35(ScrollToBottomButton, {})
+              /* @__PURE__ */ jsx36(ScrollToBottomButton, {})
             ]
           }
         )
@@ -8154,8 +8202,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,
@@ -8165,31 +8213,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,
@@ -8206,20 +8254,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,
@@ -8232,7 +8280,7 @@ function MessageListContent({
                       sessionStatus,
                       customization
                     }
-                  ) : /* @__PURE__ */ jsx35(
+                  ) : /* @__PURE__ */ jsx36(
                     AssistantTurnBlock,
                     {
                       turnKey: block.key,
@@ -8248,13 +8296,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),
@@ -8270,7 +8318,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,
@@ -8279,41 +8327,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,
@@ -8334,6 +8382,7 @@ function ChatView({
     stop
   } = useChat(sessionId);
   const session = useSessionStore((s) => s.sessions.find((ss) => ss.id === sessionId));
+  const errorMessage = useSessionStore((s) => s.errorMessages[sessionId]);
   const mode = useSessionStore((s) => s.modes[sessionId] ?? "executing");
   const toggleMode = useCallback13(
     () => useSessionStore.getState().togglePlanningMode(sessionId),
@@ -8356,13 +8405,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, {}),
-    /* @__PURE__ */ jsx36(
+    !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__ */ jsx37(
       MessageList,
       {
         sessionId,
@@ -8374,7 +8427,7 @@ function ChatView({
       },
       sessionId
     ),
-    !isViewer && /* @__PURE__ */ jsx36(
+    !isViewer && /* @__PURE__ */ jsx37(
       ChatInput,
       {
         onSend: (msg, _targetSessionId, model) => send(msg, mode, void 0, { model: model || void 0 }),
@@ -8450,4 +8503,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-PRWPDK6Z.js.map
+//# sourceMappingURL=chunk-SENUKC7C.js.map