@blade-hq/agent-kit 1.0.30 → 1.0.32

package/dist/{chunk-3XDPNPE3.js → chunk-IGMLETZX.js}

@@ -13,10 +13,11 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-7OEW3P7R.js";
+} from "./chunk-E7FQV4IX.js";
 import {
+  getSessionFilePath,
   resolveSessionFilePreviewTarget
-} from "./chunk-MJPVAXJN.js";
+} from "./chunk-OICNN4K4.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -45,6 +46,8 @@ import {
   listDir,
   listSessionSkills,
   listSessions,
+  normalizeMessageContent,
+  resolveBrowserResourceUri,
   resolveEffectiveTheme,
   resourceBridgeDispatch,
   searchSkills,
@@ -60,7 +63,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-WOKDHXS7.js";
+} from "./chunk-IDVNG3YJ.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -69,7 +72,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-GAVSC2AW.js";
+} from "./chunk-FK4CV6R2.js";
 import {
   cn,
   copyToClipboard
@@ -81,7 +84,7 @@ import {
 // src/react/components/chat/ChatView.tsx
 import { CircleAlert as CircleAlert2 } from "lucide-react";
 import { Eye } from "lucide-react";
-import { useCallback as useCallback13, useMemo as useMemo19 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo20 } from "react";
 
 // src/react/hooks/use-chat.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -190,7 +193,6 @@ import {
   Download,
   FlaskConical,
   Import,
-  Lightbulb,
   Loader2 as Loader22,
   Mic,
   MicOff,
@@ -693,19 +695,20 @@ var MODEL_CONFIG_QUERY_KEY = ["model-config"];
 var PREFERRED_MODEL_QUERY_KEY = ["user-preference", PREFERRED_MODEL_KEY];
 var THINKING_ENABLED_QUERY_KEY = ["user-preference", THINKING_ENABLED_KEY];
 function useModelConfig() {
-  const { data, isLoading } = useQuery({
+  const { data, isLoading, isFetching, refetch } = useQuery({
     queryKey: MODEL_CONFIG_QUERY_KEY,
     queryFn: () => getModelsConfig(),
-    staleTime: 5 * 60 * 1e3,
-    // 全局 QueryClient 默认关闭 refetchOnWindowFocus，这里显式开启，
-    // 让模型列表在 staleTime 过期后能随窗口聚焦自动刷新
-    refetchOnWindowFocus: true
+    staleTime: 0
   });
   return {
     models: data?.models ?? [],
     defaultModel: data?.default ?? "",
     thinkingAvailable: data?.thinkingAvailable ?? false,
-    isLoading
+    isLoading,
+    isFetching,
+    refresh: async () => {
+      await refetch();
+    }
   };
 }
 function usePreferredModel() {
@@ -790,7 +793,7 @@ function ModelSelector({
   compact = false,
   placement = "bottom"
 }) {
-  const { models, defaultModel, isLoading } = useModelConfig();
+  const { models, defaultModel, isLoading, isFetching, refresh } = useModelConfig();
   const [isOpen, setIsOpen] = useState3(false);
   const [query, setQuery] = useState3("");
   const rootRef = useRef4(null);
@@ -831,7 +834,10 @@ function ModelSelector({
         className: "flex min-w-0 items-center gap-1 rounded-lg px-2.5 py-[5px] text-[hsl(var(--muted-foreground))]",
         title: label,
         children: [
-          isLoading ? /* @__PURE__ */ jsx2(Loader2, { size: 14, className: "animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(Sparkles, { size: 14, "aria-hidden": "true" }),
+          isLoading ? /* @__PURE__ */ jsx2(Loader2, { size: 14, className: "animate-spin", "aria-hidden": "true" }) : compact ? null : (
+            // compact 用于「+」菜单的「模型」行，行首已有图标，触发器内不再重复。
+            /* @__PURE__ */ jsx2(Sparkles, { size: 14, "aria-hidden": "true" })
+          ),
           /* @__PURE__ */ jsx2("span", { className: `whitespace-nowrap text-xs ${compact ? "" : "max-w-[180px]"}`, children: label })
         ]
       }
@@ -843,11 +849,18 @@ function ModelSelector({
       {
         type: "button",
         disabled,
-        onClick: () => setIsOpen((current) => !current),
+        onClick: () => {
+          if (isOpen) {
+            setIsOpen(false);
+            return;
+          }
+          setIsOpen(true);
+          void refresh();
+        },
         className: "flex min-w-0 items-center gap-1 rounded-lg px-2.5 py-[5px] text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-50",
         title: selectorTitle,
         children: [
-          /* @__PURE__ */ jsx2(Sparkles, { size: 14, "aria-hidden": "true" }),
+          compact ? null : /* @__PURE__ */ jsx2(Sparkles, { size: 14, "aria-hidden": "true" }),
           /* @__PURE__ */ jsx2(
             "span",
             {
@@ -873,7 +886,16 @@ function ModelSelector({
               className: "h-8 w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-2.5 text-xs text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground))] focus:border-[hsl(var(--ring))]"
             }
           ) }),
-          /* @__PURE__ */ jsx2("div", { className: "max-h-[220px] overflow-y-auto p-1", children: filteredModels.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u578B" }) : filteredModels.map((model) => {
+          /* @__PURE__ */ jsx2("div", { className: "max-h-[220px] overflow-y-auto p-1", children: isFetching ? /* @__PURE__ */ jsxs(
+            "output",
+            {
+              className: "flex items-center justify-center gap-2 px-3 py-6 text-xs text-[hsl(var(--muted-foreground))]",
+              children: [
+                /* @__PURE__ */ jsx2(Loader2, { size: 14, className: "animate-spin", "aria-hidden": "true" }),
+                "\u6B63\u5728\u52A0\u8F7D\u5019\u9009\u6A21\u578B..."
+              ]
+            }
+          ) : filteredModels.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u578B" }) : filteredModels.map((model) => {
             const inputLabel = formatInputModalities(model);
             const title = model.id === model.label ? `${model.id}\uFF0C\u652F\u6301\u8F93\u5165\uFF1A${inputLabel}` : `${model.label} (${model.id})\uFF0C\u652F\u6301\u8F93\u5165\uFF1A${inputLabel}`;
             return /* @__PURE__ */ jsxs(
@@ -2110,6 +2132,7 @@ function ThinkingToggle({ enabled, onChange, disabled }) {
       role: "switch",
       "aria-checked": enabled,
       "aria-label": enabled ? "\u5173\u95ED\u601D\u8003\u6A21\u5F0F" : "\u5F00\u542F\u601D\u8003\u6A21\u5F0F",
+      title: "\u601D\u8003\u6A21\u5F0F\uFF1A\u8BA9\u6A21\u578B\u5728\u56DE\u7B54\u524D\u8FDB\u884C\u66F4\u6DF1\u5165\u7684\u63A8\u7406\uFF0C\u7ED3\u679C\u66F4\u4E25\u8C28\uFF0C\u4F46\u54CD\u5E94\u4F1A\u66F4\u6162",
       onClick: () => onChange(!enabled),
       disabled,
       className: "flex w-full items-center justify-between gap-3 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-50",
@@ -2134,8 +2157,44 @@ function ThinkingToggle({ enabled, onChange, disabled }) {
   );
 }
 
+// src/react/components/chat/PlanningToggle.tsx
+import { Lightbulb } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function PlanningToggle({ enabled, onChange, disabled }) {
+  return /* @__PURE__ */ jsxs9(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": enabled,
+      "aria-label": enabled ? "\u5173\u95ED\u89C4\u5212\u6A21\u5F0F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
+      title: "\u89C4\u5212\u6A21\u5F0F\uFF1A\u5148\u68B3\u7406\u4EFB\u52A1\u6B65\u9AA4\u548C\u8BA1\u5212\u3001\u4E0E\u4F60\u786E\u8BA4\u540E\u518D\u6267\u884C\uFF0C\u9002\u5408\u8F83\u590D\u6742\u7684\u4EFB\u52A1",
+      onClick: () => onChange(!enabled),
+      disabled,
+      className: "flex w-full items-center justify-between gap-3 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-50",
+      children: [
+        /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx10(Lightbulb, { size: 14, className: "text-[#F97316]", "aria-hidden": "true" }),
+          "\u89C4\u5212\u6A21\u5F0F"
+        ] }),
+        /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx10("span", { className: "text-[10px] text-[hsl(var(--muted-foreground))]", children: enabled ? "\u5F00" : "\u5173" }),
+          /* @__PURE__ */ jsx10(
+            "span",
+            {
+              className: `flex h-4 w-7 items-center rounded-full p-0.5 transition-colors ${enabled ? "justify-end bg-[hsl(var(--primary))]" : "justify-start bg-[hsl(var(--muted))]"}`,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx10("span", { className: "h-3 w-3 rounded-full bg-[hsl(var(--background))] shadow-sm" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
 // src/react/components/chat/ChatInput.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var DOUBLE_ESCAPE_MS = 450;
 function getEditorText(editor) {
   return editor?.getText({ blockSeparator: "\n" }) ?? "";
@@ -2301,38 +2360,39 @@ function ComposerFilePill({
   const isFailed = isFile && attachment.status === "failed";
   const isUploading = isFile && attachment.status === "uploading";
   const uploadPercent = isUploading && typeof attachment.uploadProgress === "number" ? Math.max(0, Math.min(100, Math.round(attachment.uploadProgress * 100))) : null;
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: `relative flex shrink-0 items-center gap-1.5 overflow-hidden rounded-full border px-2.5 py-1 text-[11px] ${isFailed ? "border-red-500/30 bg-red-500/5 text-red-400" : "border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--foreground))]"}`,
       children: [
-        uploadPercent !== null ? /* @__PURE__ */ jsx10(
+        uploadPercent !== null ? /* @__PURE__ */ jsx11(
           "span",
           {
             className: "absolute inset-y-0 left-0 bg-[hsl(var(--primary))]/10 transition-[width]",
             style: { width: `${uploadPercent}%` }
           }
         ) : null,
-        isUploading ? /* @__PURE__ */ jsx10(
+        isUploading ? /* @__PURE__ */ jsx11(
           Loader22,
           {
             size: 12,
             className: "relative z-10 shrink-0 animate-spin text-[hsl(var(--muted-foreground))]"
           }
-        ) : /* @__PURE__ */ jsx10(Icon, { size: 12, className: "relative z-10 shrink-0 text-[hsl(var(--muted-foreground))]" }),
-        /* @__PURE__ */ jsx10("span", { className: "relative z-10 max-w-32 truncate", children: attachment.name }),
-        uploadPercent !== null ? /* @__PURE__ */ jsxs9("span", { className: "relative z-10 font-mono text-[10px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+        ) : /* @__PURE__ */ jsx11(Icon, { size: 12, className: "relative z-10 shrink-0 text-[hsl(var(--muted-foreground))]" }),
+        /* @__PURE__ */ jsx11("span", { className: "relative z-10 max-w-32 truncate", children: attachment.name }),
+        uploadPercent !== null ? /* @__PURE__ */ jsxs10("span", { className: "relative z-10 font-mono text-[10px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
           uploadPercent,
           "%"
         ] }) : null,
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
             onClick: () => onRemove(attachment.id),
             "aria-label": `\u79FB\u9664 ${attachment.name}`,
+            title: "\u79FB\u9664",
             className: "relative z-10 ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition hover:text-rose-400",
-            children: /* @__PURE__ */ jsx10(X2, { size: 10 })
+            children: /* @__PURE__ */ jsx11(X2, { size: 10 })
           }
         )
       ]
@@ -2451,7 +2511,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       setImportingId(null);
     }
   };
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-4",
@@ -2459,44 +2519,44 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       onKeyDown: (e) => {
         if (e.key === "Escape") onClose();
       },
-      children: /* @__PURE__ */ jsxs9(
+      children: /* @__PURE__ */ jsxs10(
         "div",
         {
           className: "w-full max-w-lg flex flex-col rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-2xl",
           onClick: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx10("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }),
-              /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [
+              /* @__PURE__ */ jsx11("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }),
+              /* @__PURE__ */ jsx11(
                 "button",
                 {
                   type: "button",
                   onClick: onClose,
                   className: "rounded-md p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                  children: /* @__PURE__ */ jsx10(X2, { size: 14 })
+                  children: /* @__PURE__ */ jsx11(X2, { size: 14 })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs9("div", { className: "px-5 py-4 space-y-3", children: [
-              /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10("div", { className: "px-5 py-4 space-y-3", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
                     onClick: handleLoadSessions,
                     className: "inline-flex items-center gap-1.5 rounded-md border border-[hsl(var(--border))] px-2.5 py-1.5 text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]",
                     children: [
-                      /* @__PURE__ */ jsx10(Import, { size: 12 }),
+                      /* @__PURE__ */ jsx11(Import, { size: 12 }),
                       "\u4ECE\u5176\u4ED6\u4F1A\u8BDD\u5BFC\u5165",
-                      /* @__PURE__ */ jsx10(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
+                      /* @__PURE__ */ jsx11(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
                     ]
                   }
                 ),
-                showSessionPicker && /* @__PURE__ */ jsx10("div", { className: "absolute left-0 top-full z-10 mt-1 max-h-48 w-full overflow-y-auto rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-lg", children: loadingSessions ? /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx10(Loader22, { size: 12, className: "animate-spin" }),
+                showSessionPicker && /* @__PURE__ */ jsx11("div", { className: "absolute left-0 top-full z-10 mt-1 max-h-48 w-full overflow-y-auto rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-lg", children: loadingSessions ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
+                  /* @__PURE__ */ jsx11(Loader22, { size: 12, className: "animate-spin" }),
                   "\u52A0\u8F7D\u4F1A\u8BDD\u5217\u8868\u2026"
-                ] }) : sessions.length === 0 ? /* @__PURE__ */ jsx10("div", { className: "px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5176\u4ED6\u4F1A\u8BDD" }) : sessions.map((s) => /* @__PURE__ */ jsxs9(
+                ] }) : sessions.length === 0 ? /* @__PURE__ */ jsx11("div", { className: "px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5176\u4ED6\u4F1A\u8BDD" }) : sessions.map((s) => /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
@@ -2504,16 +2564,16 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                     onClick: () => handleImportSession(s.id),
                     className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))] disabled:opacity-50",
                     children: [
-                      importingId === s.id && /* @__PURE__ */ jsx10(Loader22, { size: 10, className: "shrink-0 animate-spin" }),
-                      /* @__PURE__ */ jsx10("span", { className: "truncate", children: s.intent })
+                      importingId === s.id && /* @__PURE__ */ jsx11(Loader22, { size: 10, className: "shrink-0 animate-spin" }),
+                      /* @__PURE__ */ jsx11("span", { className: "truncate", children: s.intent })
                     ]
                   },
                   s.id
                 )) })
               ] }),
-              /* @__PURE__ */ jsxs9("div", { children: [
-                /* @__PURE__ */ jsx10("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }),
-                /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsxs10("div", { children: [
+                /* @__PURE__ */ jsx11("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }),
+                /* @__PURE__ */ jsx11(
                   "input",
                   {
                     id: "ctx-label",
@@ -2524,13 +2584,13 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs9("div", { children: [
-                /* @__PURE__ */ jsx10("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }),
-                isImportProcessing && /* @__PURE__ */ jsxs9("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx10(Loader22, { size: 11, className: "animate-spin" }),
+              /* @__PURE__ */ jsxs10("div", { children: [
+                /* @__PURE__ */ jsx11("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }),
+                isImportProcessing && /* @__PURE__ */ jsxs10("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+                  /* @__PURE__ */ jsx11(Loader22, { size: 11, className: "animate-spin" }),
                   "\u6B63\u5728\u5904\u7406\u5BFC\u5165\u5185\u5BB9\u5E76\u5199\u5165 workspace/context\uFF0C\u5B8C\u6210\u540E\u53EF\u70B9\u51FB\u201C\u786E\u5B9A\u201D"
                 ] }),
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   "textarea",
                   {
                     id: "ctx-content",
@@ -2543,8 +2603,8 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsxs10("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
+              /* @__PURE__ */ jsx11(
                 "button",
                 {
                   type: "button",
@@ -2553,7 +2613,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   children: "\u53D6\u6D88"
                 }
               ),
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx11(
                 "button",
                 {
                   type: "button",
@@ -2584,19 +2644,19 @@ function ComposerContextPill({
 }) {
   const [showDetail, setShowDetail] = useState8(false);
   const tokenK = formatTokenK(content);
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]", children: [
-      imageUrl ? /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]", children: [
+      imageUrl ? /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
           onClick: () => setShowDetail(true),
           className: "h-6 w-6 overflow-hidden rounded-md border border-[hsl(var(--border))] bg-white",
           title: "\u67E5\u770B\u9009\u4E2D\u533A\u57DF\u622A\u56FE",
-          children: /* @__PURE__ */ jsx10("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
+          children: /* @__PURE__ */ jsx11("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
         }
       ) : null,
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -2606,7 +2666,7 @@ function ComposerContextPill({
           children: label
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "span",
         {
           className: "shrink-0 rounded bg-[hsl(var(--background))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]",
@@ -2614,18 +2674,19 @@ function ComposerContextPill({
           children: tokenK
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
           onClick: () => onRemove(id),
           "aria-label": `\u79FB\u9664\u4E0A\u4E0B\u6587 ${label}`,
+          title: "\u79FB\u9664",
           className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition hover:text-rose-400",
-          children: /* @__PURE__ */ jsx10(X2, { size: 10 })
+          children: /* @__PURE__ */ jsx11(X2, { size: 10 })
         }
       )
     ] }),
-    showDetail && /* @__PURE__ */ jsx10(
+    showDetail && /* @__PURE__ */ jsx11(
       "div",
       {
         className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-6",
@@ -2633,31 +2694,31 @@ function ComposerContextPill({
         onKeyDown: (e) => {
           if (e.key === "Escape") setShowDetail(false);
         },
-        children: /* @__PURE__ */ jsxs9(
+        children: /* @__PURE__ */ jsxs10(
           "div",
           {
             className: "w-full max-w-4xl max-h-[85vh] flex flex-col rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-2xl",
             onClick: (e) => e.stopPropagation(),
             onKeyDown: (e) => e.stopPropagation(),
             children: [
-              /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
-                /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx10("h4", { className: "truncate text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
-                  imageUrl ? /* @__PURE__ */ jsx10("p", { className: "mt-0.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u9644\u52A0\u9009\u4E2D\u533A\u57DF\u622A\u56FE\uFF0C\u975E\u591A\u6A21\u6001\u6A21\u578B\u4F1A\u81EA\u52A8\u5FFD\u7565\u56FE\u7247\u3002" }) : null
+              /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
+                /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx11("h4", { className: "truncate text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
+                  imageUrl ? /* @__PURE__ */ jsx11("p", { className: "mt-0.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u9644\u52A0\u9009\u4E2D\u533A\u57DF\u622A\u56FE\uFF0C\u975E\u591A\u6A21\u6001\u6A21\u578B\u4F1A\u81EA\u52A8\u5FFD\u7565\u56FE\u7247\u3002" }) : null
                 ] }),
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   "button",
                   {
                     type: "button",
                     onClick: () => setShowDetail(false),
                     className: "rounded-md p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                    children: /* @__PURE__ */ jsx10(X2, { size: 14 })
+                    children: /* @__PURE__ */ jsx11(X2, { size: 14 })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs9("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
-                imageUrl ? /* @__PURE__ */ jsx10("div", { className: "mb-4 rounded-xl border border-[hsl(var(--border))] bg-white p-2", children: /* @__PURE__ */ jsx10("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "max-h-72 max-w-full rounded-lg object-contain" }) }) : null,
-                /* @__PURE__ */ jsx10("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content })
+              /* @__PURE__ */ jsxs10("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+                imageUrl ? /* @__PURE__ */ jsx11("div", { className: "mb-4 rounded-xl border border-[hsl(var(--border))] bg-white p-2", children: /* @__PURE__ */ jsx11("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "max-h-72 max-w-full rounded-lg object-contain" }) }) : null,
+                /* @__PURE__ */ jsx11("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content })
               ] })
             ]
           }
@@ -2799,24 +2860,25 @@ function HelpPopover({
   composerHint
 }) {
   const [hovered, setHovered] = useState8(false);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "group/help relative",
       onMouseEnter: () => setHovered(true),
       onFocusCapture: () => setHovered(true),
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
             "aria-label": "\u67E5\u770B\u8F93\u5165\u63D0\u793A",
-            className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
-            children: /* @__PURE__ */ jsx10(CircleHelp, { size: 13 })
+            title: "\u8F93\u5165\u63D0\u793A",
+            className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
+            children: /* @__PURE__ */ jsx11(CircleHelp, { size: 19 })
           }
         ),
-        /* @__PURE__ */ jsx10("div", { className: "pointer-events-auto absolute bottom-full right-0 z-30 hidden pb-2 group-hover/help:block group-focus-within/help:block", children: /* @__PURE__ */ jsxs9("div", { className: "min-w-64 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-3 text-left text-[11px] leading-5 text-[hsl(var(--popover-foreground))] shadow-lg", children: [
-          activeSessionId && hovered ? /* @__PURE__ */ jsx10("div", { className: "mb-2 border-b border-[hsl(var(--border))] pb-2", children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto absolute bottom-full right-0 z-30 hidden pb-2 group-hover/help:block group-focus-within/help:block", children: /* @__PURE__ */ jsxs10("div", { className: "min-w-64 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-3.5 text-left text-[12px] leading-5 text-[hsl(var(--popover-foreground))] shadow-lg", children: [
+          activeSessionId && hovered ? /* @__PURE__ */ jsx11("div", { className: "mb-2.5 border-b border-[hsl(var(--border))] pb-2.5", children: /* @__PURE__ */ jsx11(
             SkillStatusBarComponent,
             {
               sessionId: activeSessionId,
@@ -2827,11 +2889,16 @@ function HelpPopover({
               innerClassName: skillStatusBarInnerClassName
             }
           ) }) : null,
-          /* @__PURE__ */ jsxs9("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ jsx10("div", { children: "Shift+Enter \u6362\u884C" }),
-            /* @__PURE__ */ jsx10("div", { children: "/ \u8C03\u7528\u6280\u80FD" }),
-            /* @__PURE__ */ jsx10("div", { children: "@ \u5F15\u7528\u6587\u4EF6" }),
-            composerHint && /* @__PURE__ */ jsx10("div", { children: composerHint })
+          /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+            [
+              { keys: "Shift + Enter", label: "\u6362\u884C" },
+              { keys: "/", label: "\u8C03\u7528\u6280\u80FD" },
+              { keys: "@", label: "\u5F15\u7528\u6587\u4EF6" }
+            ].map((item) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2.5", children: [
+              /* @__PURE__ */ jsx11("kbd", { className: "inline-flex h-[20px] min-w-[20px] shrink-0 items-center justify-center rounded-[5px] border border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] px-1.5 font-mono text-[11px] leading-none text-[hsl(var(--muted-foreground))]", children: item.keys }),
+              /* @__PURE__ */ jsx11("span", { className: "text-[hsl(var(--foreground))]", children: item.label })
+            ] }, item.keys)),
+            composerHint && /* @__PURE__ */ jsx11("div", { className: "pt-0.5 text-[hsl(var(--muted-foreground))]", children: composerHint })
           ] })
         ] }) })
       ]
@@ -3088,7 +3155,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   FileCompletionMenu,
                   {
                     ref: (instance) => {
@@ -3165,7 +3232,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   SkillCompletionMenu,
                   {
                     ref: (instance) => {
@@ -3220,7 +3287,7 @@ function ChatInput({
         "aria-label": resolvedInputLabel,
         "data-testid": "chat-message-input",
         "data-blade-input-label": resolvedInputLabel,
-        class: "min-h-[40px] max-h-[240px] overflow-y-auto px-4 py-3 text-sm leading-relaxed text-[hsl(var(--foreground))] focus:outline-none [&_.file-mention-pill]:inline-flex [&_.file-mention-pill]:items-center [&_.file-mention-pill]:rounded-full [&_.file-mention-pill]:bg-[hsl(var(--accent))] [&_.file-mention-pill]:px-2 [&_.file-mention-pill]:py-0.5 [&_.file-mention-pill]:font-medium [&_.file-mention-pill]:text-[hsl(var(--primary))] [&_.file-mention-pill]:select-none [&_.file-mention-pill]:whitespace-nowrap [&_.skill-mention-pill]:inline-flex [&_.skill-mention-pill]:items-center [&_.skill-mention-pill]:rounded-full [&_.skill-mention-pill]:bg-[hsl(var(--primary)/0.15)] [&_.skill-mention-pill]:px-2 [&_.skill-mention-pill]:py-0.5 [&_.skill-mention-pill]:font-medium [&_.skill-mention-pill]:text-[hsl(var(--primary))] [&_.skill-mention-pill]:select-none [&_.skill-mention-pill]:whitespace-nowrap [&_p:first-child]:mt-0 [&_p:last-child]:mb-0"
+        class: "min-h-[34px] max-h-[240px] overflow-y-auto px-4 py-2 text-sm leading-relaxed text-[hsl(var(--foreground))] focus:outline-none [&_.file-mention-pill]:inline-flex [&_.file-mention-pill]:items-center [&_.file-mention-pill]:rounded-full [&_.file-mention-pill]:bg-[hsl(var(--accent))] [&_.file-mention-pill]:px-2 [&_.file-mention-pill]:py-0.5 [&_.file-mention-pill]:font-medium [&_.file-mention-pill]:text-[hsl(var(--primary))] [&_.file-mention-pill]:select-none [&_.file-mention-pill]:whitespace-nowrap [&_.skill-mention-pill]:inline-flex [&_.skill-mention-pill]:items-center [&_.skill-mention-pill]:rounded-full [&_.skill-mention-pill]:bg-[hsl(var(--primary)/0.15)] [&_.skill-mention-pill]:px-2 [&_.skill-mention-pill]:py-0.5 [&_.skill-mention-pill]:font-medium [&_.skill-mention-pill]:text-[hsl(var(--primary))] [&_.skill-mention-pill]:select-none [&_.skill-mention-pill]:whitespace-nowrap [&_p:first-child]:mt-0 [&_p:last-child]:mb-0"
       },
       handleDOMEvents: {
         focus: () => {
@@ -3590,11 +3657,11 @@ function ChatInput({
   );
   const hasValidAttachments = composerAttachments.some((attachment) => attachment.status !== "failed");
   const isSendDisabled = connectionStatus !== "connected" || isModelLoading || !hasAvailableModel || isSubmitting || hasUploadingFiles || !input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts;
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    /* @__PURE__ */ jsx10("div", { className: `bg-[hsl(var(--background))] px-5 py-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs9("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: [
-      activeSessionId ? /* @__PURE__ */ jsx10(BackgroundTasksPill, { sessionId: activeSessionId }) : null,
-      !isModelLoading && !hasAvailableModel ? /* @__PURE__ */ jsx10("div", { className: "mb-2 rounded-lg border border-[hsl(var(--destructive))]/30 bg-[hsl(var(--destructive))]/8 px-3 py-2 text-xs text-[hsl(var(--destructive))]", children: "\u6CA1\u6709\u53EF\u7528\u6A21\u578B\uFF0C\u8BF7\u68C0\u67E5\u6A21\u578B\u670D\u52A1\u914D\u7F6E" }) : null,
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    /* @__PURE__ */ jsx11("div", { className: `bg-[hsl(var(--background))] px-5 py-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs10("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: [
+      activeSessionId ? /* @__PURE__ */ jsx11(BackgroundTasksPill, { sessionId: activeSessionId }) : null,
+      !isModelLoading && !hasAvailableModel ? /* @__PURE__ */ jsx11("div", { className: "mb-2 rounded-lg border border-[hsl(var(--destructive))]/30 bg-[hsl(var(--destructive))]/8 px-3 py-2 text-xs text-[hsl(var(--destructive))]", children: "\u6CA1\u6709\u53EF\u7528\u6A21\u578B\uFF0C\u8BF7\u68C0\u67E5\u6A21\u578B\u670D\u52A1\u914D\u7F6E" }) : null,
+      /* @__PURE__ */ jsx11(
         "div",
         {
           className: "relative",
@@ -3628,19 +3695,19 @@ function ChatInput({
               if (files.length > 0) void stableAppendFiles(files);
             });
           },
-          children: /* @__PURE__ */ jsxs9(
+          children: /* @__PURE__ */ jsxs10(
             "div",
             {
-              className: `overflow-visible rounded-2xl border bg-[hsl(var(--card))] transition-[box-shadow,border-color] duration-300 ${isRecording ? "border-emerald-400/70! shadow-[0_0_0_3px_rgba(52,211,153,0.18),0_0_24px_rgba(52,211,153,0.28)]" : dragging ? isPlanning ? "border-amber-400/60" : "border-[hsl(var(--primary)/0.6)]" : isEditorFocused ? isPlanning ? "border-amber-400/60" : "border-[hsl(var(--primary)/0.6)]" : isPlanning ? "border-amber-400/30" : "border-[hsl(var(--border))]"}`,
+              className: `overflow-visible rounded-[22px] border bg-[hsl(var(--card))] transition-[box-shadow,border-color] duration-300 ${isRecording ? "border-emerald-400/70! shadow-[0_0_0_3px_rgba(52,211,153,0.18),0_0_24px_rgba(52,211,153,0.28)]" : dragging ? isPlanning ? "border-amber-400/60" : "border-[hsl(var(--primary)/0.6)]" : isEditorFocused ? isPlanning ? "border-amber-400/60" : "border-[hsl(var(--primary)/0.6)]" : isPlanning ? "border-amber-400/30" : "border-[hsl(var(--border))]"}`,
               children: [
-                dragging && /* @__PURE__ */ jsx10("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-2xl bg-[hsl(var(--primary)/0.06)]", children: /* @__PURE__ */ jsx10("span", { className: "rounded-full bg-[hsl(var(--primary)/0.12)] px-4 py-2 text-sm font-medium text-[hsl(var(--primary))]", children: "\u677E\u624B\u5F15\u7528\u6587\u4EF6" }) }),
-                composerAttachments.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "flex max-h-40 flex-col gap-2 overflow-y-auto border-b border-[hsl(var(--border))] px-3 py-2", children: [
-                  imageAttachments.length > 0 && /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => /* @__PURE__ */ jsxs9(
+                dragging && /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-2xl bg-[hsl(var(--primary)/0.06)]", children: /* @__PURE__ */ jsx11("span", { className: "rounded-full bg-[hsl(var(--primary)/0.12)] px-4 py-2 text-sm font-medium text-[hsl(var(--primary))]", children: "\u677E\u624B\u5F15\u7528\u6587\u4EF6" }) }),
+                composerAttachments.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "flex max-h-40 flex-col gap-2 overflow-y-auto border-b border-[hsl(var(--border))] px-3 py-2", children: [
+                  imageAttachments.length > 0 && /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => /* @__PURE__ */ jsxs10(
                     "div",
                     {
                       className: "relative overflow-hidden rounded-xl border border-[hsl(var(--border))]",
                       children: [
-                        /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsx11(
                           "img",
                           {
                             src: getImagePreviewUrl(attachment, activeSessionId, localImageUrls),
@@ -3648,21 +3715,22 @@ function ChatInput({
                             className: "h-24 w-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsx11(
                           "button",
                           {
                             type: "button",
                             onClick: () => removeAttachment(attachment.id),
                             "aria-label": `\u79FB\u9664 ${attachment.name || "\u56FE\u7247"}`,
+                            title: "\u79FB\u9664",
                             className: "absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-[hsl(var(--background)/0.85)] text-[hsl(var(--foreground))]",
-                            children: /* @__PURE__ */ jsx10(X2, { size: 12 })
+                            children: /* @__PURE__ */ jsx11(X2, { size: 12 })
                           }
                         )
                       ]
                     },
                     attachment.id
                   )) }),
-                  fileAttachments.length > 0 && /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx10(
+                  fileAttachments.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx11(
                     ComposerFilePill,
                     {
                       attachment,
@@ -3671,8 +3739,8 @@ function ChatInput({
                     attachment.id
                   )) })
                 ] }),
-                hasPendingContexts || isSkillEditor ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-1.5 border-b border-[hsl(var(--border))] px-3 py-2", children: [
-                  pendingContexts?.map((context) => /* @__PURE__ */ jsx10(
+                hasPendingContexts || isSkillEditor ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-1.5 border-b border-[hsl(var(--border))] px-3 py-2", children: [
+                  pendingContexts?.map((context) => /* @__PURE__ */ jsx11(
                     ComposerContextPill,
                     {
                       id: context.id,
@@ -3688,18 +3756,18 @@ function ChatInput({
                     },
                     context.id
                   )),
-                  isSkillEditor && /* @__PURE__ */ jsx10(
+                  isSkillEditor && /* @__PURE__ */ jsx11(
                     "button",
                     {
                       type: "button",
                       onClick: () => setShowAddContext(true),
                       title: "\u6DFB\u52A0\u4E0A\u4E0B\u6587",
                       className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-dashed border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]",
-                      children: /* @__PURE__ */ jsx10(Plus, { size: 12 })
+                      children: /* @__PURE__ */ jsx11(Plus, { size: 12 })
                     }
                   )
                 ] }) : null,
-                showAddContext && activeSessionId && /* @__PURE__ */ jsx10(
+                showAddContext && activeSessionId && /* @__PURE__ */ jsx11(
                   AddContextDialog,
                   {
                     sessionId: activeSessionId,
@@ -3711,15 +3779,15 @@ function ChatInput({
                     }
                   }
                 ),
-                attachments ? /* @__PURE__ */ jsx10("div", { className: "border-b border-[hsl(var(--border))] px-3 py-3", children: attachments }) : null,
-                slotAboveTextarea ? /* @__PURE__ */ jsx10("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2", children: slotAboveTextarea }) : null,
-                /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-                  input.length === 0 && /* @__PURE__ */ jsx10("div", { className: "pointer-events-none absolute left-4 top-3 text-sm leading-relaxed text-[hsl(var(--muted-foreground))]", children: placeholder }),
-                  /* @__PURE__ */ jsx10(EditorContent, { editor })
+                attachments ? /* @__PURE__ */ jsx11("div", { className: "border-b border-[hsl(var(--border))] px-3 py-3", children: attachments }) : null,
+                slotAboveTextarea ? /* @__PURE__ */ jsx11("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2", children: slotAboveTextarea }) : null,
+                /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+                  input.length === 0 && /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute left-4 top-2 text-sm leading-relaxed text-[hsl(var(--muted-foreground)/0.6)]", children: placeholder }),
+                  /* @__PURE__ */ jsx11(EditorContent, { editor })
                 ] }),
-                /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between border-t border-[hsl(var(--border))] px-3 py-1.5", children: [
-                  /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between px-3 pb-2.5 pt-1", children: [
+                  /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx11(
                       "input",
                       {
                         ref: fileInputRef,
@@ -3735,7 +3803,7 @@ function ChatInput({
                         className: "hidden"
                       }
                     ),
-                    /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsx11(
                       "input",
                       {
                         ref: folderInputRef,
@@ -3751,18 +3819,18 @@ function ChatInput({
                         ...{ webkitdirectory: "" }
                       }
                     ),
-                    /* @__PURE__ */ jsxs9("details", { ref: actionMenuRef, className: "group relative", children: [
-                      /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsxs10("details", { ref: actionMenuRef, className: "group relative", children: [
+                      /* @__PURE__ */ jsx11(
                         "summary",
                         {
                           "aria-label": "\u6DFB\u52A0\u5185\u5BB9",
                           title: "\u6DFB\u52A0\u5185\u5BB9",
-                          className: "flex h-7 w-7 shrink-0 cursor-pointer list-none items-center justify-center rounded-lg border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))] [&::-webkit-details-marker]:hidden",
-                          children: /* @__PURE__ */ jsx10(Plus, { size: 14 })
+                          className: "flex h-9 w-9 shrink-0 cursor-pointer list-none items-center justify-center rounded-full border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))] [&::-webkit-details-marker]:hidden",
+                          children: /* @__PURE__ */ jsx11(Plus, { size: 14 })
                         }
                       ),
-                      /* @__PURE__ */ jsxs9("div", { className: "absolute bottom-full left-0 z-30 mb-2 min-w-36 overflow-visible rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 text-[11px] text-[hsl(var(--popover-foreground))] shadow-lg", children: [
-                        /* @__PURE__ */ jsxs9(
+                      /* @__PURE__ */ jsxs10("div", { className: "absolute bottom-full left-0 z-30 mb-2 min-w-36 overflow-visible rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 text-[11px] text-[hsl(var(--popover-foreground))] shadow-lg", children: [
+                        /* @__PURE__ */ jsxs10(
                           "button",
                           {
                             type: "button",
@@ -3772,12 +3840,12 @@ function ChatInput({
                             },
                             className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                             children: [
-                              /* @__PURE__ */ jsx10(Paperclip, { size: 13 }),
+                              /* @__PURE__ */ jsx11(Paperclip, { size: 13 }),
                               "\u4E0A\u4F20\u6587\u4EF6"
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs9(
+                        /* @__PURE__ */ jsxs10(
                           "button",
                           {
                             type: "button",
@@ -3787,12 +3855,12 @@ function ChatInput({
                             },
                             className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                             children: [
-                              /* @__PURE__ */ jsx10(FolderUp, { size: 13 }),
+                              /* @__PURE__ */ jsx11(FolderUp, { size: 13 }),
                               "\u4E0A\u4F20\u6587\u4EF6\u5939"
                             ]
                           }
                         ),
-                        onDoubleEscape ? /* @__PURE__ */ jsxs9(
+                        onDoubleEscape ? /* @__PURE__ */ jsxs10(
                           "button",
                           {
                             type: "button",
@@ -3804,13 +3872,13 @@ function ChatInput({
                             },
                             className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                             children: [
-                              /* @__PURE__ */ jsx10(RotateCcw, { size: 13 }),
+                              /* @__PURE__ */ jsx11(RotateCcw, { size: 13 }),
                               "\u56DE\u5230\u4E4B\u524D\u7684\u67D0\u4E00\u6B65"
                             ]
                           }
                         ) : null,
-                        onCommand ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
-                          /* @__PURE__ */ jsxs9(
+                        onCommand ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
+                          /* @__PURE__ */ jsxs10(
                             "button",
                             {
                               type: "button",
@@ -3821,12 +3889,12 @@ function ChatInput({
                               disabled: isStreaming,
                               className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-50",
                               children: [
-                                isStreaming ? /* @__PURE__ */ jsx10(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx10(Scissors, { size: 13 }),
+                                isStreaming ? /* @__PURE__ */ jsx11(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx11(Scissors, { size: 13 }),
                                 "\u6574\u7406\u5BF9\u8BDD"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs9(
+                          /* @__PURE__ */ jsxs10(
                             "button",
                             {
                               type: "button",
@@ -3836,12 +3904,12 @@ function ChatInput({
                               },
                               className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                               children: [
-                                /* @__PURE__ */ jsx10(Download, { size: 13 }),
+                                /* @__PURE__ */ jsx11(Download, { size: 13 }),
                                 "\u5BFC\u51FA\u4F1A\u8BDD"
                               ]
                             }
                           ),
-                          canShareSession ? /* @__PURE__ */ jsxs9(
+                          canShareSession ? /* @__PURE__ */ jsxs10(
                             "button",
                             {
                               type: "button",
@@ -3851,12 +3919,12 @@ function ChatInput({
                               },
                               className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                               children: [
-                                /* @__PURE__ */ jsx10(Share2, { size: 13 }),
+                                /* @__PURE__ */ jsx11(Share2, { size: 13 }),
                                 "\u5206\u4EAB\u4F1A\u8BDD"
                               ]
                             }
                           ) : null,
-                          /* @__PURE__ */ jsxs9(
+                          /* @__PURE__ */ jsxs10(
                             "button",
                             {
                               type: "button",
@@ -3866,12 +3934,12 @@ function ChatInput({
                               },
                               className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                               children: [
-                                /* @__PURE__ */ jsx10(FlaskConical, { size: 13 }),
+                                /* @__PURE__ */ jsx11(FlaskConical, { size: 13 }),
                                 "\u63D0\u53D6\u6280\u80FD"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs9(
+                          /* @__PURE__ */ jsxs10(
                             "button",
                             {
                               type: "button",
@@ -3881,13 +3949,24 @@ function ChatInput({
                               },
                               className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                               children: [
-                                /* @__PURE__ */ jsx10(Rocket, { size: 13 }),
+                                /* @__PURE__ */ jsx11(Rocket, { size: 13 }),
                                 "\u751F\u6210\u5E94\u7528"
                               ]
                             }
                           )
                         ] }) : null,
-                        thinkingAvailable ? /* @__PURE__ */ jsx10(
+                        onToggleMode ? /* @__PURE__ */ jsx11(
+                          PlanningToggle,
+                          {
+                            enabled: isPlanning,
+                            onChange: () => {
+                              actionMenuRef.current?.removeAttribute("open");
+                              onToggleMode();
+                            },
+                            disabled: isStreaming
+                          }
+                        ) : null,
+                        thinkingAvailable ? /* @__PURE__ */ jsx11(
                           ThinkingToggle,
                           {
                             enabled: thinkingEnabled,
@@ -3897,10 +3976,10 @@ function ChatInput({
                             }
                           }
                         ) : null,
-                        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-                          /* @__PURE__ */ jsx10(Sparkles2, { size: 13 }),
-                          /* @__PURE__ */ jsx10("span", { className: "shrink-0", children: "\u6A21\u578B" }),
-                          /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+                          /* @__PURE__ */ jsx11(Sparkles2, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
+                          /* @__PURE__ */ jsx11("span", { className: "shrink-0", children: "\u6A21\u578B" }),
+                          /* @__PURE__ */ jsx11(
                             ModelSelector,
                             {
                               value: selectedModel,
@@ -3917,23 +3996,10 @@ function ChatInput({
                           )
                         ] })
                       ] })
-                    ] }),
-                    /* @__PURE__ */ jsx10(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: onToggleMode,
-                        disabled: isStreaming || !onToggleMode,
-                        "aria-pressed": isPlanning,
-                        "aria-label": isPlanning ? "\u5173\u95ED\u89C4\u5212\u6A21\u5F0F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
-                        title: isPlanning ? "\u89C4\u5212\u6A21\u5F0F\u5DF2\u5F00\u542F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
-                        className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-lg border transition-colors ${isPlanning ? "border-amber-500/45 bg-amber-500/15 text-amber-400" : "border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-amber-500/35 hover:text-[hsl(var(--foreground))]"} disabled:cursor-not-allowed disabled:opacity-50`,
-                        children: /* @__PURE__ */ jsx10(Lightbulb, { size: 13 })
-                      }
-                    )
+                    ] })
                   ] }),
-                  /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx11(
                       HelpPopover,
                       {
                         activeSessionId,
@@ -3945,7 +4011,7 @@ function ChatInput({
                         composerHint
                       }
                     ),
-                    /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -3953,22 +4019,23 @@ function ChatInput({
                         disabled: isStreaming,
                         "aria-label": !asrEnabled ? "\u8BED\u97F3\u8F93\u5165\u672A\u5F00\u542F" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u5F00\u59CB\u8BED\u97F3\u8F93\u5165",
                         title: !asrEnabled ? "\u8BED\u97F3\u8F93\u5165\u672A\u5F00\u542F" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u8BED\u97F3\u8F93\u5165",
-                        className: `flex items-center justify-center rounded-lg border transition-[width,height,border-color,background-color,color,box-shadow] duration-300 disabled:opacity-40 ${!asrEnabled ? "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]/50 hover:text-[hsl(var(--muted-foreground))]" : isRecording ? "h-9 w-9 border-emerald-400/80! bg-emerald-400/15 text-emerald-400 shadow-[0_0_0_2px_rgba(52,211,153,0.2),0_0_12px_rgba(52,211,153,0.35)]" : "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]"}`,
-                        children: !asrEnabled ? /* @__PURE__ */ jsx10(MicOff, { size: 13 }) : isRecording ? /* @__PURE__ */ jsx10(VoiceWaveform, { level: voiceLevel, size: 18 }) : /* @__PURE__ */ jsx10(Mic, { size: 13 })
+                        className: `flex items-center justify-center rounded-full transition-[width,height,background-color,color,box-shadow] duration-300 disabled:opacity-40 ${!asrEnabled ? "h-9 w-9 text-[hsl(var(--muted-foreground))]/50 hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--muted-foreground))]" : isRecording ? "h-10 w-10 bg-emerald-400/15 text-emerald-400 shadow-[0_0_0_2px_rgba(52,211,153,0.2),0_0_12px_rgba(52,211,153,0.35)]" : "h-9 w-9 text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"}`,
+                        children: !asrEnabled ? /* @__PURE__ */ jsx11(MicOff, { size: 19 }) : isRecording ? /* @__PURE__ */ jsx11(VoiceWaveform, { level: voiceLevel, size: 20 }) : /* @__PURE__ */ jsx11(Mic, { size: 19 })
                       }
                     ),
                     slotBeforeSend,
-                    isStreaming ? /* @__PURE__ */ jsx10(
+                    isStreaming ? /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
                         onClick: () => void onStop(),
                         disabled: isStopping,
                         "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u751F\u6210",
-                        className: "flex h-7 w-7 items-center justify-center rounded-lg bg-[hsl(var(--destructive))] text-[hsl(var(--destructive-foreground))] transition-opacity hover:opacity-80 disabled:cursor-wait disabled:opacity-70",
-                        children: isStopping ? /* @__PURE__ */ jsx10(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx10(Square2, { size: 13 })
+                        title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u751F\u6210",
+                        className: "flex h-10 w-10 items-center justify-center rounded-full bg-[hsl(var(--destructive))] text-[hsl(var(--destructive-foreground))] transition-opacity hover:opacity-80 disabled:cursor-wait disabled:opacity-70",
+                        children: isStopping ? /* @__PURE__ */ jsx11(Loader22, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx11(Square2, { size: 16 })
                       }
-                    ) : /* @__PURE__ */ jsx10(
+                    ) : /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -3976,8 +4043,8 @@ function ChatInput({
                         disabled: isSendDisabled || isRecording,
                         "aria-label": "\u53D1\u9001\u6D88\u606F",
                         title: isModelLoading ? "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B\u914D\u7F6E" : !hasAvailableModel ? "\u6CA1\u6709\u53EF\u7528\u6A21\u578B\uFF0C\u8BF7\u68C0\u67E5\u6A21\u578B\u670D\u52A1\u914D\u7F6E" : "\u53D1\u9001\u6D88\u606F",
-                        className: "flex h-7 w-7 items-center justify-center rounded-lg bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-80 disabled:opacity-25",
-                        children: isSubmitting ? /* @__PURE__ */ jsx10(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx10(Send, { size: 13 })
+                        className: "flex h-10 w-10 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] shadow-[0_8px_18px_-8px_rgba(20,87,255,0.7)] transition-opacity hover:opacity-80 disabled:opacity-25 disabled:shadow-none",
+                        children: isSubmitting ? /* @__PURE__ */ jsx11(Loader22, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx11(Send, { size: 16 })
                       }
                     )
                   ] })
@@ -3988,7 +4055,7 @@ function ChatInput({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11(
       FileSizeLimitDialog,
       {
         open: oversizedFiles.length > 0,
@@ -4006,18 +4073,18 @@ function ChatInput({
 
 // src/react/components/chat/ConnectionBanner.tsx
 import { AlertTriangle, LoaderCircle } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function getBannerCopy(status, reconnectAttempt, hasEverConnected) {
   if (status === "connecting") {
     return {
-      icon: /* @__PURE__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }),
+      icon: /* @__PURE__ */ jsx12(LoaderCircle, { size: 14, className: "animate-spin" }),
       toneClass: "border-amber-500/25 bg-amber-500/10 text-amber-100",
       title: "\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u6B63\u5728\u91CD\u8FDE\u2026",
       detail: reconnectAttempt > 0 ? `\u6B63\u5728\u5C1D\u8BD5\u6062\u590D\u5B9E\u65F6\u8FDE\u63A5\uFF08\u7B2C ${reconnectAttempt} \u6B21\uFF09` : "\u6B63\u5728\u5C1D\u8BD5\u6062\u590D\u5B9E\u65F6\u8FDE\u63A5\uFF0C\u8BF7\u7A0D\u5019"
     };
   }
   return {
-    icon: /* @__PURE__ */ jsx11(AlertTriangle, { size: 14 }),
+    icon: /* @__PURE__ */ jsx12(AlertTriangle, { size: 14 }),
     toneClass: "border-rose-500/25 bg-rose-500/10 text-rose-100",
     title: hasEverConnected ? "\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u6B63\u5728\u7B49\u5F85\u91CD\u8FDE\u2026" : "\u6682\u65F6\u65E0\u6CD5\u5EFA\u7ACB\u8FDE\u63A5",
     detail: hasEverConnected ? "\u6D88\u606F\u540C\u6B65\u53EF\u80FD\u4F1A\u5EF6\u8FDF\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" : "\u8BF7\u68C0\u67E5\u670D\u52A1\u662F\u5426\u53EF\u7528\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5"
@@ -4032,7 +4099,7 @@ function ConnectionBanner() {
     return null;
   }
   const copy = getBannerCopy(status, reconnectAttempt, hasEverConnected);
-  return /* @__PURE__ */ jsx11("div", { className: "bg-[hsl(var(--background))] px-5 pt-3", children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx12("div", { className: "bg-[hsl(var(--background))] px-5 pt-3", children: /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -4040,10 +4107,10 @@ function ConnectionBanner() {
         copy.toneClass
       ),
       children: [
-        /* @__PURE__ */ jsx11("span", { className: "mt-0.5 shrink-0", children: copy.icon }),
-        /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx11("div", { className: "text-sm font-medium", children: copy.title }),
-          /* @__PURE__ */ jsx11("div", { className: "text-xs opacity-80", children: copy.detail })
+        /* @__PURE__ */ jsx12("span", { className: "mt-0.5 shrink-0", children: copy.icon }),
+        /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx12("div", { className: "text-sm font-medium", children: copy.title }),
+          /* @__PURE__ */ jsx12("div", { className: "text-xs opacity-80", children: copy.detail })
         ] })
       ]
     }
@@ -4051,14 +4118,14 @@ function ConnectionBanner() {
 }
 
 // src/react/components/chat/MessageList.tsx
-import { ChevronDown as ChevronDown3, Lightbulb as Lightbulb2, MessageSquare } from "lucide-react";
+import { ChevronDown as ChevronDown4, Lightbulb as Lightbulb2, MessageSquare } from "lucide-react";
 import {
   useCallback as useCallback12,
   useEffect as useEffect18,
   useEffectEvent as useEffectEvent4,
-  useMemo as useMemo18,
+  useMemo as useMemo19,
   useRef as useRef13,
-  useState as useState21
+  useState as useState22
 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
@@ -4486,8 +4553,8 @@ function useStickToBottomContext() {
 }
 
 // src/react/components/chat/AssistantTurnBlock.tsx
-import { AlertCircle, BookOpen, Check as Check5, ChevronRight as ChevronRight5 } from "lucide-react";
-import { memo as memo3, useCallback as useCallback11, useEffect as useEffect16, useMemo as useMemo16, useRef as useRef12, useState as useState18 } from "react";
+import { AlertCircle, BookOpen, Check as Check5, ChevronDown as ChevronDown2, ChevronRight as ChevronRight5 } from "lucide-react";
+import { memo as memo3, useCallback as useCallback11, useEffect as useEffect16, useMemo as useMemo17, useRef as useRef12, useState as useState19 } from "react";
 
 // src/react/routes.ts
 var MEMORIES_ROUTE = "/memories";
@@ -4514,7 +4581,7 @@ import { Streamdown } from "streamdown";
 // src/react/components/ai-elements/shimmer.tsx
 import { motion } from "motion/react";
 import { memo, useMemo as useMemo11 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -4538,7 +4605,7 @@ var ShimmerComponent = ({
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -4564,7 +4631,7 @@ var ShimmerComponent = ({
 var Shimmer = memo(ShimmerComponent);
 
 // src/react/components/ai-elements/reasoning.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var ReasoningContext = createContext2(null);
 var useReasoning = () => {
   const context = useContext2(ReasoningContext);
@@ -4615,7 +4682,7 @@ var Reasoning = memo2(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx13(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx14(
       Collapsible,
       {
         className: cn("not-prose", className),
@@ -4640,7 +4707,7 @@ var ReasoningTrigger = memo2(
     const { isStreaming, isOpen, duration } = useReasoning();
     const status = isStreaming || duration === 0 ? "\u6B63\u5728\u601D\u8003" : "\u5DF2\u601D\u8003";
     const detail = `${formatWordCount(wordCount)} \u5B57`;
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       CollapsibleTrigger,
       {
         className: cn(
@@ -4648,16 +4715,16 @@ var ReasoningTrigger = memo2(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          /* @__PURE__ */ jsx13(BrainIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1.5", children: [
-            isStreaming || duration === 0 ? /* @__PURE__ */ jsx13(Shimmer, { duration: 1, children: status }) : /* @__PURE__ */ jsx13("span", { children: status }),
-            /* @__PURE__ */ jsxs11("span", { className: "text-[hsl(var(--muted-foreground))]/70", children: [
+        children: children ?? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+          /* @__PURE__ */ jsx14(BrainIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
+            isStreaming || duration === 0 ? /* @__PURE__ */ jsx14(Shimmer, { duration: 1, children: status }) : /* @__PURE__ */ jsx14("span", { children: status }),
+            /* @__PURE__ */ jsxs12("span", { className: "text-[hsl(var(--muted-foreground))]/70", children: [
               "\xB7 ",
               detail
             ] })
           ] }),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             ChevronDownIcon,
             {
               className: cn(
@@ -4674,7 +4741,7 @@ var ReasoningTrigger = memo2(
 var streamdownPlugins = { cjk, math, mermaid };
 var streamdownComponents = { code: CardCodeBlock };
 var ReasoningContent = memo2(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx13(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx14(
     CollapsibleContent,
     {
       className: cn(
@@ -4683,7 +4750,7 @@ var ReasoningContent = memo2(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx13(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children })
+      children: /* @__PURE__ */ jsx14(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children })
     }
   )
 );
@@ -4693,7 +4760,7 @@ function compactReasoningText(text) {
 function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
   const compactReasoning = compactReasoningText(reasoning);
   const [open, setOpen] = useState10(false);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "span",
     {
       className: cn(
@@ -4701,7 +4768,7 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
         variant === "inline" ? "ml-1" : "ml-1 shrink-0"
       ),
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -4716,7 +4783,7 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
           }
         ),
         open ? createPortal2(
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "div",
             {
               className: "fixed inset-0 z-[70] flex items-center justify-center bg-black/10 p-6",
@@ -4732,26 +4799,26 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
                   setOpen(false);
                 }
               },
-              children: /* @__PURE__ */ jsxs11(
+              children: /* @__PURE__ */ jsxs12(
                 "div",
                 {
                   className: "m-0 flex max-h-[min(520px,calc(100vh-48px))] w-[min(760px,calc(100vw-48px))] flex-col overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] text-left text-[13px] leading-6 text-[hsl(var(--popover-foreground))] shadow-xl",
                   "aria-label": "\u601D\u8003\u8BE6\u60C5",
                   children: [
-                    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-3 border-b border-[hsl(var(--border))] px-4 py-2", children: [
-                      /* @__PURE__ */ jsx13("span", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u601D\u8003\u8BE6\u60C5" }),
-                      /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between gap-3 border-b border-[hsl(var(--border))] px-4 py-2", children: [
+                      /* @__PURE__ */ jsx14("span", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u601D\u8003\u8BE6\u60C5" }),
+                      /* @__PURE__ */ jsx14(
                         "button",
                         {
                           type: "button",
                           onClick: () => setOpen(false),
                           className: "inline-flex h-6 w-6 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
                           "aria-label": "\u5173\u95ED\u601D\u8003\u8BE6\u60C5",
-                          children: /* @__PURE__ */ jsx13(XIcon, { size: 14, "aria-hidden": "true" })
+                          children: /* @__PURE__ */ jsx14(XIcon, { size: 14, "aria-hidden": "true" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx13("div", { className: "overflow-auto px-4 py-3 whitespace-normal [&_*]:whitespace-normal [&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_ul]:my-1.5 [&_ol]:my-1.5", children: /* @__PURE__ */ jsx13(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children: compactReasoning }) })
+                    /* @__PURE__ */ jsx14("div", { className: "overflow-auto px-4 py-3 whitespace-normal [&_*]:whitespace-normal [&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_ul]:my-1.5 [&_ol]:my-1.5", children: /* @__PURE__ */ jsx14(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children: compactReasoning }) })
                   ]
                 }
               )
@@ -4773,7 +4840,7 @@ import { useEffect as useEffect15, useMemo as useMemo15, useState as useState17
 
 // src/react/components/chat/ResourceIframe.tsx
 import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef9, useState as useState11 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function isResourceBridgeMessage(value) {
   return typeof value === "object" && value !== null && value.__resourceBridge === true && typeof value.action === "string";
 }
@@ -4788,7 +4855,8 @@ function ResourceIframe({ ui, sessionId }) {
   const activeSessionId = useSessionStore((state) => state.activeSessionId);
   const isStreaming = useChatStore((state) => state.isStreaming[sessionId] ?? false);
   const theme = useUiStore((state) => state.theme);
-  const resourceUri = ui.resourceUri ?? ui.resourceURI;
+  const rawResourceUri = ui.resourceUri ?? ui.resourceURI;
+  const resourceUri = rawResourceUri ? resolveBrowserResourceUri(rawResourceUri) : void 0;
   const iframeLabel = ui.title ?? resourceUri ?? "\u5DE5\u5177\u754C\u9762";
   const [autoHeight, setAutoHeight] = useState11(null);
   useEffect10(() => {
@@ -4880,7 +4948,7 @@ function ResourceIframe({ ui, sessionId }) {
   const inlineHeight = autoHeight ?? ui.height;
   const sandbox = resourceUri ? "allow-scripts allow-same-origin" : "allow-scripts";
   const srcDoc = ui.resourceHTML ? injectBaseTag(ui.resourceHTML) : void 0;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "iframe",
     {
       ref: iframeRef,
@@ -4919,7 +4987,7 @@ import { Check as Check2, ChevronRight as ChevronRight3, Loader2 as Loader23, Me
 import { useEffect as useEffect12, useMemo as useMemo13, useState as useState14 } from "react";
 
 // src/react/components/chat/tool-renderers/shared.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function getResultText(result) {
   if (typeof result === "string") return result;
   if (Array.isArray(result)) {
@@ -4986,7 +5054,7 @@ function CodePreview({
 }) {
   const { highlightedHtml } = useHighlightedCodeHtml(content, getCodeLanguage(filePath));
   if (!content.trim()) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "pre",
       {
         className: cn(
@@ -4994,11 +5062,11 @@ function CodePreview({
           "bg-[hsl(var(--muted))]/35 p-3 font-mono text-[11px] text-[hsl(var(--muted-foreground))]",
           className
         ),
-        children: /* @__PURE__ */ jsx15("code", { children: emptyLabel })
+        children: /* @__PURE__ */ jsx16("code", { children: emptyLabel })
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "pre",
     {
       className: cn(
@@ -5006,19 +5074,19 @@ function CodePreview({
         "bg-[hsl(var(--muted))]/35 p-3 text-[11px]",
         className
       ),
-      children: highlightedHtml ? /* @__PURE__ */ jsx15(
+      children: highlightedHtml ? /* @__PURE__ */ jsx16(
         "code",
         {
           className: "font-mono",
           dangerouslySetInnerHTML: { __html: highlightedHtml }
         }
-      ) : /* @__PURE__ */ jsx15("code", { className: "whitespace-pre-wrap break-words font-mono text-[hsl(var(--foreground))]", children: content })
+      ) : /* @__PURE__ */ jsx16("code", { className: "whitespace-pre-wrap break-words font-mono text-[hsl(var(--foreground))]", children: content })
     }
   );
 }
 
 // src/react/components/chat/tool-renderers/BashRenderer.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function pickOutputField(data) {
   if (!data) return null;
   for (const key of ["output", "stdout", "stderr"]) {
@@ -5028,7 +5096,7 @@ function pickOutputField(data) {
   return null;
 }
 function MetaPill({ label }) {
-  return /* @__PURE__ */ jsx16("span", { className: "rounded-full border border-border bg-muted px-2 py-0.5 text-[10px] text-secondary-foreground", children: label });
+  return /* @__PURE__ */ jsx17("span", { className: "rounded-full border border-border bg-muted px-2 py-0.5 text-[10px] text-secondary-foreground", children: label });
 }
 function BashRenderer({ toolCall }) {
   const argsValue = parseJsonValue(toolCall.arguments);
@@ -5051,16 +5119,16 @@ function BashRenderer({ toolCall }) {
   const rawFallbackOutput = result === null && typeof resultStr === "string" && resultStr.trim().length > 0 ? resultStr : null;
   const output = structuredOutput !== null ? structuredOutput : errorMessage ?? rawFallbackOutput ?? (normalizedName === "BgBash" ? "" : null);
   const hasFailure = toolCall.status === "error" || timedOut || exitCode !== null && exitCode !== 0;
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-3", children: [
-    (description || cwd) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-      description ? /* @__PURE__ */ jsx16("span", { children: description }) : null,
-      cwd ? /* @__PURE__ */ jsx16("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: cwd }) : null
+  return /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
+    (description || cwd) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+      description ? /* @__PURE__ */ jsx17("span", { children: description }) : null,
+      cwd ? /* @__PURE__ */ jsx17("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: cwd }) : null
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [
-      /* @__PURE__ */ jsx16("div", { className: "border-b border-border px-3 py-2 text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u547D\u4EE4" }),
-      /* @__PURE__ */ jsx16("pre", { className: "overflow-x-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx16("code", { children: `$ ${command || "\uFF08\u672A\u63D0\u4F9B\u547D\u4EE4\uFF09"}` }) })
+    /* @__PURE__ */ jsxs13("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [
+      /* @__PURE__ */ jsx17("div", { className: "border-b border-border px-3 py-2 text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u547D\u4EE4" }),
+      /* @__PURE__ */ jsx17("pre", { className: "overflow-x-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx17("code", { children: `$ ${command || "\uFF08\u672A\u63D0\u4F9B\u547D\u4EE4\uFF09"}` }) })
     ] }),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13(
       "div",
       {
         className: cn(
@@ -5068,26 +5136,26 @@ function BashRenderer({ toolCall }) {
           hasFailure ? "border-red-500/50" : "border-border"
         ),
         children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsx16("div", { className: "text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u8F93\u51FA" }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-              taskId ? /* @__PURE__ */ jsx16(MetaPill, { label: `\u4EFB\u52A1 ${taskId}` }) : null,
-              exitCode !== null ? /* @__PURE__ */ jsx16(MetaPill, { label: `\u9000\u51FA\u7801 ${exitCode}` }) : null,
-              timedOut ? /* @__PURE__ */ jsx16(MetaPill, { label: "\u5DF2\u8D85\u65F6" }) : null,
-              truncated ? /* @__PURE__ */ jsx16(MetaPill, { label: "\u8F93\u51FA\u5DF2\u622A\u65AD" }) : null,
-              normalizedName === "BgBash" && !taskId ? /* @__PURE__ */ jsx16(MetaPill, { label: "\u540E\u53F0\u4EFB\u52A1" }) : null
+          /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsx17("div", { className: "text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u8F93\u51FA" }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+              taskId ? /* @__PURE__ */ jsx17(MetaPill, { label: `\u4EFB\u52A1 ${taskId}` }) : null,
+              exitCode !== null ? /* @__PURE__ */ jsx17(MetaPill, { label: `\u9000\u51FA\u7801 ${exitCode}` }) : null,
+              timedOut ? /* @__PURE__ */ jsx17(MetaPill, { label: "\u5DF2\u8D85\u65F6" }) : null,
+              truncated ? /* @__PURE__ */ jsx17(MetaPill, { label: "\u8F93\u51FA\u5DF2\u622A\u65AD" }) : null,
+              normalizedName === "BgBash" && !taskId ? /* @__PURE__ */ jsx17(MetaPill, { label: "\u540E\u53F0\u4EFB\u52A1" }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx16("pre", { className: "max-h-[280px] overflow-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx16("code", { className: "whitespace-pre-wrap break-words", children: output !== null && output.trim().length > 0 ? output : normalizedName === "BgBash" ? "\u4EFB\u52A1\u5DF2\u8FDB\u5165\u540E\u53F0\u6267\u884C\uFF0C\u8F93\u51FA\u4F1A\u5728\u540E\u53F0\u4EFB\u52A1\u9762\u677F\u4E2D\u7EE7\u7EED\u66F4\u65B0\u3002" : output !== null && output.trim().length === 0 && hasFailure ? "\u547D\u4EE4\u5DF2\u7ED3\u675F\uFF0C\u4F46\u672A\u6355\u83B7\u5230\u7EC8\u7AEF\u8F93\u51FA\uFF08\u8BF7\u67E5\u770B\u9000\u51FA\u7801\uFF09\u3002" : "\u547D\u4EE4\u672A\u8FD4\u56DE\u8F93\u51FA\u3002" }) })
+          /* @__PURE__ */ jsx17("pre", { className: "max-h-[280px] overflow-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx17("code", { className: "whitespace-pre-wrap break-words", children: output !== null && output.trim().length > 0 ? output : normalizedName === "BgBash" ? "\u4EFB\u52A1\u5DF2\u8FDB\u5165\u540E\u53F0\u6267\u884C\uFF0C\u8F93\u51FA\u4F1A\u5728\u540E\u53F0\u4EFB\u52A1\u9762\u677F\u4E2D\u7EE7\u7EED\u66F4\u65B0\u3002" : output !== null && output.trim().length === 0 && hasFailure ? "\u547D\u4EE4\u5DF2\u7ED3\u675F\uFF0C\u4F46\u672A\u6355\u83B7\u5230\u7EC8\u7AEF\u8F93\u51FA\uFF08\u8BF7\u67E5\u770B\u9000\u51FA\u7801\uFF09\u3002" : "\u547D\u4EE4\u672A\u8FD4\u56DE\u8F93\u51FA\u3002" }) })
         ]
       }
     ),
-    cwdResetNote ? /* @__PURE__ */ jsx16("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: cwdResetNote }) : null
+    cwdResetNote ? /* @__PURE__ */ jsx17("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: cwdResetNote }) : null
   ] });
 }
 
 // src/react/components/chat/tool-renderers/FileEditRenderer.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var MAX_DIFF_LINES = 200;
 var FILE_PATH_FIELDS = ["file_path", "path"];
 function computeDiff(oldText, newText) {
@@ -5294,21 +5362,21 @@ function FileEditRenderer({ toolCall }) {
   const diffLines = normalizedName === "Write" ? buildWritePreview(writeContent) : buildEditPreview(args, rawArguments);
   const resultStr = typeof toolCall.result === "string" ? toolCall.result : null;
   const summaryText = resultStr?.trim() && !errorMessage ? resultStr.trim() : null;
-  return /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx17("div", { className: "text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: normalizedName === "Write" ? "\u5199\u5165\u6587\u4EF6" : "\u7F16\u8F91\u6587\u4EF6" }),
-        /* @__PURE__ */ jsx17("div", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: filePath ?? fileName })
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx18("div", { className: "text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: normalizedName === "Write" ? "\u5199\u5165\u6587\u4EF6" : "\u7F16\u8F91\u6587\u4EF6" }),
+        /* @__PURE__ */ jsx18("div", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: filePath ?? fileName })
       ] }),
-      checksum ? /* @__PURE__ */ jsx17("span", { className: "rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-2 py-0.5 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: checksum }) : null
+      checksum ? /* @__PURE__ */ jsx18("span", { className: "rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-2 py-0.5 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: checksum }) : null
     ] }),
-    description ? /* @__PURE__ */ jsx17("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: description }) : null,
-    errorMessage ? /* @__PURE__ */ jsx17("div", { className: "rounded-lg border border-red-500/30 bg-red-500/8 px-3 py-2 text-[11px] text-red-300", children: errorMessage }) : null,
-    /* @__PURE__ */ jsxs13("div", { className: "overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20", children: [
-      /* @__PURE__ */ jsx17("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2 text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: normalizedName === "Write" ? "\u5185\u5BB9\u9884\u89C8" : "\u53D8\u66F4\u9884\u89C8" }),
-      /* @__PURE__ */ jsx17("pre", { className: "max-h-[320px] overflow-auto p-0 font-mono text-[11px] leading-5", children: diffLines.length > 0 ? diffLines.map((line, index) => {
+    description ? /* @__PURE__ */ jsx18("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: description }) : null,
+    errorMessage ? /* @__PURE__ */ jsx18("div", { className: "rounded-lg border border-red-500/30 bg-red-500/8 px-3 py-2 text-[11px] text-red-300", children: errorMessage }) : null,
+    /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20", children: [
+      /* @__PURE__ */ jsx18("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2 text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: normalizedName === "Write" ? "\u5185\u5BB9\u9884\u89C8" : "\u53D8\u66F4\u9884\u89C8" }),
+      /* @__PURE__ */ jsx18("pre", { className: "max-h-[320px] overflow-auto p-0 font-mono text-[11px] leading-5", children: diffLines.length > 0 ? diffLines.map((line, index) => {
         const prefix = line.type === "added" ? "+ " : line.type === "removed" ? "- " : "  ";
-        return /* @__PURE__ */ jsxs13(
+        return /* @__PURE__ */ jsxs14(
           "div",
           {
             className: cn(
@@ -5318,9 +5386,9 @@ function FileEditRenderer({ toolCall }) {
               line.type === "unchanged" && "text-[hsl(var(--foreground))]"
             ),
             children: [
-              /* @__PURE__ */ jsx17("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.oldLine ?? "" }),
-              /* @__PURE__ */ jsx17("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.newLine ?? "" }),
-              /* @__PURE__ */ jsxs13("span", { className: "min-w-0 whitespace-pre-wrap break-words py-0.5", children: [
+              /* @__PURE__ */ jsx18("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.oldLine ?? "" }),
+              /* @__PURE__ */ jsx18("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.newLine ?? "" }),
+              /* @__PURE__ */ jsxs14("span", { className: "min-w-0 whitespace-pre-wrap break-words py-0.5", children: [
                 prefix,
                 line.value
               ] })
@@ -5328,9 +5396,9 @@ function FileEditRenderer({ toolCall }) {
           },
           `${line.type}-${line.oldLine}-${line.newLine}-${index}`
         );
-      }) : /* @__PURE__ */ jsx17("div", { className: "px-3 py-4 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u672A\u68C0\u6D4B\u5230\u53EF\u9884\u89C8\u7684\u53D8\u66F4\u3002" }) })
+      }) : /* @__PURE__ */ jsx18("div", { className: "px-3 py-4 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u672A\u68C0\u6D4B\u5230\u53EF\u9884\u89C8\u7684\u53D8\u66F4\u3002" }) })
     ] }),
-    summaryText ? /* @__PURE__ */ jsx17("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: summaryText }) : null
+    summaryText ? /* @__PURE__ */ jsx18("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: summaryText }) : null
   ] });
 }
 
@@ -5341,7 +5409,7 @@ import { useState as useState13 } from "react";
 import { ChevronLeft, ChevronRight as ChevronRight2, Download as Download2, ExternalLink, Minus, Plus as Plus2, RotateCcw as RotateCcw2, X as X3 } from "lucide-react";
 import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const [currentIndex, setCurrentIndex] = useState12(initialIndex);
   const [scale, setScale] = useState12(1);
@@ -5451,22 +5519,22 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   if (images.length === 0) {
     return createPortal3(
       // biome-ignore lint/a11y/useKeyWithClickEvents: ESC handler is registered via useEffect
-      /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs15(
         "div",
         {
           className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80",
           onClick: close,
           children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 onClick: close,
                 className: "absolute right-4 top-4 z-10 rounded-full bg-black/50 p-2 text-white/80 transition-colors hover:bg-black/70 hover:text-white",
-                children: /* @__PURE__ */ jsx18(X3, { size: 20 })
+                children: /* @__PURE__ */ jsx19(X3, { size: 20 })
               }
             ),
-            /* @__PURE__ */ jsx18("span", { className: "text-sm text-white/60", children: "\u52A0\u8F7D\u4E2D..." })
+            /* @__PURE__ */ jsx19("span", { className: "text-sm text-white/60", children: "\u52A0\u8F7D\u4E2D..." })
           ]
         }
       ),
@@ -5477,46 +5545,46 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const showNav = images.length > 1;
   return createPortal3(
     // biome-ignore lint/a11y/useKeyWithClickEvents: ESC handler is registered via useEffect
-    /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50 bg-black/80", onClick: handleAreaClick, children: [
-      /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsxs15("div", { className: "fixed inset-0 z-50 bg-black/80", onClick: handleAreaClick, children: [
+      /* @__PURE__ */ jsxs15(
         "div",
         {
           className: "absolute right-4 top-4 z-10 flex items-center gap-1.5",
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 onClick: handleDownload,
                 title: "\u4E0B\u8F7D\u56FE\u7247",
                 className: "rounded-full bg-black/50 p-2 text-white/80 transition-colors hover:bg-black/70 hover:text-white",
-                children: /* @__PURE__ */ jsx18(Download2, { size: 18 })
+                children: /* @__PURE__ */ jsx19(Download2, { size: 18 })
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 onClick: handleOpenInNewTab,
                 title: "\u65B0\u6807\u7B7E\u9875\u6253\u5F00",
                 className: "rounded-full bg-black/50 p-2 text-white/80 transition-colors hover:bg-black/70 hover:text-white",
-                children: /* @__PURE__ */ jsx18(ExternalLink, { size: 18 })
+                children: /* @__PURE__ */ jsx19(ExternalLink, { size: 18 })
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 onClick: close,
                 className: "rounded-full bg-black/50 p-2 text-white/80 transition-colors hover:bg-black/70 hover:text-white",
-                children: /* @__PURE__ */ jsx18(X3, { size: 20 })
+                children: /* @__PURE__ */ jsx19(X3, { size: 20 })
               }
             )
           ]
         }
       ),
-      showNav && currentIndex > 0 && /* @__PURE__ */ jsx18(
+      showNav && currentIndex > 0 && /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -5525,10 +5593,10 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
             goPrev();
           },
           className: "absolute left-4 top-1/2 z-10 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white/80 transition-colors hover:bg-black/70 hover:text-white",
-          children: /* @__PURE__ */ jsx18(ChevronLeft, { size: 24 })
+          children: /* @__PURE__ */ jsx19(ChevronLeft, { size: 24 })
         }
       ),
-      showNav && currentIndex < images.length - 1 && /* @__PURE__ */ jsx18(
+      showNav && currentIndex < images.length - 1 && /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -5537,51 +5605,51 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
             goNext();
           },
           className: "absolute right-4 top-1/2 z-10 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white/80 transition-colors hover:bg-black/70 hover:text-white",
-          children: /* @__PURE__ */ jsx18(ChevronRight2, { size: 24 })
+          children: /* @__PURE__ */ jsx19(ChevronRight2, { size: 24 })
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "absolute bottom-6 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1 rounded-full bg-black/50 px-2 py-1", children: [
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs15("div", { className: "absolute bottom-6 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1 rounded-full bg-black/50 px-2 py-1", children: [
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
             onClick: zoomOut,
             className: "rounded-full p-1.5 text-white/80 transition-colors hover:bg-white/10 hover:text-white",
-            children: /* @__PURE__ */ jsx18(Minus, { size: 16 })
+            children: /* @__PURE__ */ jsx19(Minus, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs14("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
+        /* @__PURE__ */ jsxs15("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
           Math.round(scale * 100),
           "%"
         ] }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
             onClick: zoomIn,
             className: "rounded-full p-1.5 text-white/80 transition-colors hover:bg-white/10 hover:text-white",
-            children: /* @__PURE__ */ jsx18(Plus2, { size: 16 })
+            children: /* @__PURE__ */ jsx19(Plus2, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
             onClick: reset,
             className: "rounded-full p-1.5 text-white/80 transition-colors hover:bg-white/10 hover:text-white",
-            children: /* @__PURE__ */ jsx18(RotateCcw2, { size: 16 })
+            children: /* @__PURE__ */ jsx19(RotateCcw2, { size: 16 })
           }
         ),
-        showNav && /* @__PURE__ */ jsxs14(Fragment4, { children: [
-          /* @__PURE__ */ jsx18("div", { className: "mx-1 h-4 w-px bg-white/20" }),
-          /* @__PURE__ */ jsxs14("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
+        showNav && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+          /* @__PURE__ */ jsx19("div", { className: "mx-1 h-4 w-px bg-white/20" }),
+          /* @__PURE__ */ jsxs15("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
             currentIndex + 1,
             " / ",
             images.length
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "div",
         {
           className: "flex h-full w-full items-center justify-center overflow-hidden p-12",
@@ -5592,7 +5660,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
           onMouseUp: handleMouseUp,
           onMouseLeave: handleMouseUp,
           onDoubleClick: handleDoubleClick,
-          children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx19(
             "img",
             {
               ref: imgRef,
@@ -5614,7 +5682,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
 }
 
 // src/react/components/chat/tool-renderers/FileReadRenderer.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var NUMBERED_LINE_RE = /^(\s*\d+)\t([\s\S]*)$/;
 function parseReadResult(result) {
   if (!result) {
@@ -5674,28 +5742,28 @@ function FileReadRenderer({ toolCall }) {
   const resolvedStartLine = startLine ?? (lineCount > 0 ? fallbackStart : null);
   const resolvedEndLine = endLine ?? (resolvedStartLine !== null && lineCount > 0 ? resolvedStartLine + lineCount - 1 : null);
   const lineRange = formatLineRange(resolvedStartLine, resolvedEndLine);
-  return /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx19("div", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: fileName }),
-        filePath ? /* @__PURE__ */ jsx19("div", { className: "truncate text-[10px] text-[hsl(var(--muted-foreground))]", children: filePath }) : null
+  return /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx20("div", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: fileName }),
+        filePath ? /* @__PURE__ */ jsx20("div", { className: "truncate text-[10px] text-[hsl(var(--muted-foreground))]", children: filePath }) : null
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
-        lineRange ? /* @__PURE__ */ jsx19("span", { className: "rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-2 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: lineRange }) : null,
-        checksum ? /* @__PURE__ */ jsx19("span", { className: "rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-2 py-0.5 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: checksum }) : null
+      /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
+        lineRange ? /* @__PURE__ */ jsx20("span", { className: "rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-2 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: lineRange }) : null,
+        checksum ? /* @__PURE__ */ jsx20("span", { className: "rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-2 py-0.5 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: checksum }) : null
       ] })
     ] }),
-    description ? /* @__PURE__ */ jsx19("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: description }) : null,
-    errorMessage ? /* @__PURE__ */ jsx19("div", { className: "rounded-lg border border-red-500/30 bg-red-500/8 px-3 py-2 text-[11px] text-red-300", children: errorMessage }) : null,
-    isImageResult ? /* @__PURE__ */ jsxs15("div", { className: "grid gap-2", children: [
-      imageUrls.map((url, idx) => /* @__PURE__ */ jsx19(
+    description ? /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: description }) : null,
+    errorMessage ? /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-red-500/30 bg-red-500/8 px-3 py-2 text-[11px] text-red-300", children: errorMessage }) : null,
+    isImageResult ? /* @__PURE__ */ jsxs16("div", { className: "grid gap-2", children: [
+      imageUrls.map((url, idx) => /* @__PURE__ */ jsx20(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx19(
+          children: /* @__PURE__ */ jsx20(
             "img",
             {
               src: url,
@@ -5706,7 +5774,7 @@ function FileReadRenderer({ toolCall }) {
         },
         url.slice(0, 64)
       )),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         ImageLightbox,
         {
           open: lightboxIndex != null,
@@ -5717,15 +5785,15 @@ function FileReadRenderer({ toolCall }) {
           initialIndex: lightboxIndex ?? 0
         }
       ),
-      content ? /* @__PURE__ */ jsx19("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: content }) : null
-    ] }) : !errorMessage ? /* @__PURE__ */ jsx19(CodePreview, { content, filePath, className: "max-h-[360px]" }) : null,
-    note ? /* @__PURE__ */ jsx19("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: note }) : null
+      content ? /* @__PURE__ */ jsx20("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: content }) : null
+    ] }) : !errorMessage ? /* @__PURE__ */ jsx20(CodePreview, { content, filePath, className: "max-h-[360px]" }) : null,
+    note ? /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/35 px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: note }) : null
   ] });
 }
 
 // src/react/components/chat/tool-renderers/SearchRenderer.tsx
 import { ExternalLink as ExternalLink2, FileText as FileText3, Folder as Folder2, Globe2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function toRecordArray(value) {
   return Array.isArray(value) ? value.filter(isPlainObject) : [];
 }
@@ -5787,7 +5855,7 @@ function parseWebFetchResult(result) {
   };
 }
 function renderEmptyState(label) {
-  return /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-dashed border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-4 text-[11px] text-[hsl(var(--muted-foreground))]", children: label });
+  return /* @__PURE__ */ jsx21("div", { className: "rounded-lg border border-dashed border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-4 text-[11px] text-[hsl(var(--muted-foreground))]", children: label });
 }
 function SearchRenderer({ toolCall }) {
   const normalizedName = formatToolName(toolCall.name);
@@ -5796,26 +5864,26 @@ function SearchRenderer({ toolCall }) {
   const resultStr = getResultText(toolCall.result);
   const errorMessage = extractErrorMessage(resultStr);
   if (errorMessage) {
-    return /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-red-500/30 bg-red-500/8 px-3 py-2 text-[11px] text-red-300", children: errorMessage });
+    return /* @__PURE__ */ jsx21("div", { className: "rounded-lg border border-red-500/30 bg-red-500/8 px-3 py-2 text-[11px] text-red-300", children: errorMessage });
   }
   if (normalizedName === "Ls" || normalizedName === "Glob") {
     const items = parseDirectoryItems(resultStr);
     const path = getStringValue(args, "path");
-    return /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
-      path ? /* @__PURE__ */ jsxs16("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+      path ? /* @__PURE__ */ jsxs17("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
         "\u76EE\u5F55\uFF1A",
         path
       ] }) : null,
-      items.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: items.map((item) => /* @__PURE__ */ jsxs16(
+      items.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "grid gap-2", children: items.map((item) => /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "flex items-center justify-between gap-3 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-2",
           children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 items-center gap-2", children: [
-              item.isDir ? /* @__PURE__ */ jsx20(Folder2, { size: 14, className: "shrink-0 text-blue-300" }) : /* @__PURE__ */ jsx20(FileText3, { size: 14, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-              /* @__PURE__ */ jsx20("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: item.name })
+            /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 items-center gap-2", children: [
+              item.isDir ? /* @__PURE__ */ jsx21(Folder2, { size: 14, className: "shrink-0 text-blue-300" }) : /* @__PURE__ */ jsx21(FileText3, { size: 14, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+              /* @__PURE__ */ jsx21("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: item.name })
             ] }),
-            /* @__PURE__ */ jsx20("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", children: item.isDir ? "\u76EE\u5F55" : formatBytes(item.size) ?? "\u6587\u4EF6" })
+            /* @__PURE__ */ jsx21("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", children: item.isDir ? "\u76EE\u5F55" : formatBytes(item.size) ?? "\u6587\u4EF6" })
           ]
         },
         `${item.name}-${item.size}-${item.isDir}`
@@ -5825,28 +5893,28 @@ function SearchRenderer({ toolCall }) {
   if (normalizedName === "Grep") {
     const { matches, searchPath } = parseGrepResult(resultStr);
     const pattern = getStringValue(args, "pattern");
-    return /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-        pattern ? /* @__PURE__ */ jsx20("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: pattern }) : null,
-        searchPath ? /* @__PURE__ */ jsxs16("span", { children: [
+    return /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+        pattern ? /* @__PURE__ */ jsx21("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: pattern }) : null,
+        searchPath ? /* @__PURE__ */ jsxs17("span", { children: [
           "\u8303\u56F4\uFF1A",
           searchPath
         ] }) : null
       ] }),
-      matches.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: matches.map((match) => /* @__PURE__ */ jsxs16(
+      matches.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "grid gap-2", children: matches.map((match) => /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-2",
           children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsx20("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: match.path }),
-              match.lineNumber !== null ? /* @__PURE__ */ jsxs16("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsx21("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: match.path }),
+              match.lineNumber !== null ? /* @__PURE__ */ jsxs17("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
                 "\u7B2C ",
                 match.lineNumber,
                 " \u884C"
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsx20("pre", { className: "mt-2 overflow-x-auto whitespace-pre-wrap font-mono text-[11px] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx20("code", { children: match.line }) })
+            /* @__PURE__ */ jsx21("pre", { className: "mt-2 overflow-x-auto whitespace-pre-wrap font-mono text-[11px] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx21("code", { children: match.line }) })
           ]
         },
         `${match.path}-${match.lineNumber}-${match.line}`
@@ -5855,16 +5923,16 @@ function SearchRenderer({ toolCall }) {
   }
   const { results, summary } = normalizedName === "WebFetch" ? parseWebFetchResult(resultStr) : { results: parseWebResults(resultStr), summary: null };
   const query = getStringValue(args, "query");
-  return /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
-    query ? /* @__PURE__ */ jsxs16("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+    query ? /* @__PURE__ */ jsxs17("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
       "\u67E5\u8BE2\uFF1A",
       query
     ] }) : null,
-    summary ? /* @__PURE__ */ jsxs16("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-3", children: [
-      /* @__PURE__ */ jsx20("div", { className: "mb-2 text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: "\u6458\u8981" }),
-      /* @__PURE__ */ jsx20("p", { className: "whitespace-pre-wrap text-[11px] leading-5 text-[hsl(var(--foreground))]", children: summary })
+    summary ? /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-3", children: [
+      /* @__PURE__ */ jsx21("div", { className: "mb-2 text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: "\u6458\u8981" }),
+      /* @__PURE__ */ jsx21("p", { className: "whitespace-pre-wrap text-[11px] leading-5 text-[hsl(var(--foreground))]", children: summary })
     ] }) : null,
-    results.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: results.map((item, index) => /* @__PURE__ */ jsx20(
+    results.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "grid gap-2", children: results.map((item, index) => /* @__PURE__ */ jsx21(
       "a",
       {
         href: item.url ?? void 0,
@@ -5874,12 +5942,12 @@ function SearchRenderer({ toolCall }) {
           "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-3 transition-colors",
           item.url && "hover:border-[hsl(var(--ring))] hover:bg-[hsl(var(--muted))]/35"
         ),
-        children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx20(Globe2, { size: 15, className: "mt-0.5 shrink-0 text-blue-300" }),
-          /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsx20("span", { className: "line-clamp-2 text-[11px] font-medium text-[hsl(var(--foreground))]", children: item.title ?? item.url ?? "\u672A\u547D\u540D\u7ED3\u679C" }),
-              item.url ? /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx21(Globe2, { size: 15, className: "mt-0.5 shrink-0 text-blue-300" }),
+          /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsx21("span", { className: "line-clamp-2 text-[11px] font-medium text-[hsl(var(--foreground))]", children: item.title ?? item.url ?? "\u672A\u547D\u540D\u7ED3\u679C" }),
+              item.url ? /* @__PURE__ */ jsx21(
                 ExternalLink2,
                 {
                   size: 12,
@@ -5887,8 +5955,8 @@ function SearchRenderer({ toolCall }) {
                 }
               ) : null
             ] }),
-            item.url ? /* @__PURE__ */ jsx20("div", { className: "mt-1 truncate font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.url }) : null,
-            item.description ? /* @__PURE__ */ jsx20("p", { className: "mt-2 line-clamp-3 text-[11px] leading-5 text-[hsl(var(--muted-foreground))]", children: item.description }) : null
+            item.url ? /* @__PURE__ */ jsx21("div", { className: "mt-1 truncate font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.url }) : null,
+            item.description ? /* @__PURE__ */ jsx21("p", { className: "mt-2 line-clamp-3 text-[11px] leading-5 text-[hsl(var(--muted-foreground))]", children: item.description }) : null
           ] })
         ] })
       },
@@ -5899,7 +5967,7 @@ function SearchRenderer({ toolCall }) {
 
 // src/react/components/chat/tool-renderers/SubmitResultRenderer.tsx
 import { CheckCircle2, CircleAlert } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function extractText(value, key) {
   if (!isPlainObject(value)) return null;
   const field = value[key];
@@ -5920,25 +5988,25 @@ function SubmitResultRenderer({ toolCall }) {
   const { description, result, error, status } = parsePayload(toolCall);
   const isError = toolCall.status === "error" || Boolean(error);
   const Icon = isError ? CircleAlert : CheckCircle2;
-  return /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-sm", children: [
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3 border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))]/25 px-4 py-3", children: [
-      /* @__PURE__ */ jsx21("div", { className: isError ? "text-red-500" : "text-emerald-500", children: /* @__PURE__ */ jsx21(Icon, { size: 18 }) }),
-      /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsxs17("div", { className: "mt-0.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "overflow-hidden rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-sm", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3 border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))]/25 px-4 py-3", children: [
+      /* @__PURE__ */ jsx22("div", { className: isError ? "text-red-500" : "text-emerald-500", children: /* @__PURE__ */ jsx22(Icon, { size: 18 }) }),
+      /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx22("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__ */ jsx22("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__ */ jsxs18("div", { className: "mt-0.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
           "\u72B6\u6001\uFF1A",
           status
         ] }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "space-y-3 px-4 py-4 text-sm leading-6 text-[hsl(var(--foreground))]", children: [
-      result ? /* @__PURE__ */ jsx21("p", { className: "whitespace-pre-wrap", children: result }) : null,
-      error ? /* @__PURE__ */ jsxs17("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__ */ jsx21("div", { className: "mb-1 font-medium", children: "\u9519\u8BEF\u4FE1\u606F" }),
-        /* @__PURE__ */ jsx21("div", { className: "whitespace-pre-wrap", children: error })
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-3 px-4 py-4 text-sm leading-6 text-[hsl(var(--foreground))]", children: [
+      result ? /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap", children: result }) : null,
+      error ? /* @__PURE__ */ jsxs18("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__ */ jsx22("div", { className: "mb-1 font-medium", children: "\u9519\u8BEF\u4FE1\u606F" }),
+        /* @__PURE__ */ jsx22("div", { className: "whitespace-pre-wrap", children: error })
       ] }) : null,
-      !result && !error ? /* @__PURE__ */ jsx21("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u667A\u80FD\u4F53\u5DF2\u7ED3\u675F\u672C\u8F6E\u4EFB\u52A1\u3002" }) : null
+      !result && !error ? /* @__PURE__ */ jsx22("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u667A\u80FD\u4F53\u5DF2\u7ED3\u675F\u672C\u8F6E\u4EFB\u52A1\u3002" }) : null
     ] })
   ] });
 }
@@ -5962,7 +6030,7 @@ function getRenderer(toolName) {
 }
 
 // src/react/components/chat/ToolCallBlock.tsx
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function FilePathLink({ filePath, sessionId }) {
   const activeSessionId = useSessionStore((s) => s.activeSessionId);
   const pushArtifact = useUiStore((s) => s.pushArtifact);
@@ -5980,14 +6048,14 @@ function FilePathLink({ filePath, sessionId }) {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "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__ */ jsx22("span", { className: "truncate", children: fileName })
+      children: /* @__PURE__ */ jsx23("span", { className: "truncate", children: fileName })
     }
   );
 }
@@ -6038,7 +6106,7 @@ function ToolCallBlock({
     const askData = parseAskUserQuestion(typeof toolCall.result === "string" ? toolCall.result : null) ?? parseAskUserQuestion(buildAskUserPayload(toolCall.arguments));
     const canAnswer = toolCall.status === "awaiting_answer" && resolvedSessionStatus === "waiting_for_input" && Boolean(resolvedOnAnswer);
     if (askData) {
-      const questionBlock = /* @__PURE__ */ jsx22(
+      const questionBlock = /* @__PURE__ */ jsx23(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -6052,16 +6120,28 @@ function ToolCallBlock({
       if (!reasoning) {
         return questionBlock;
       }
-      return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
+      return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-1", children: [
         questionBlock,
-        /* @__PURE__ */ jsx22("div", { className: "ml-4", children: /* @__PURE__ */ jsx22(ThinkingBadge, { reasoning, variant: "block" }) })
+        /* @__PURE__ */ jsx23("div", { className: "ml-4", children: /* @__PURE__ */ jsx23(ThinkingBadge, { reasoning, variant: "block" }) })
+      ] });
+    }
+    if (toolCall.status === "error") {
+      return /* @__PURE__ */ jsxs19("div", { className: "ml-4 max-w-lg rounded-xl border border-red-500/30 bg-red-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
+        /* @__PURE__ */ jsx23("div", { className: "font-semibold", children: "\u8FD9\u6B21\u63D0\u95EE\u672A\u80FD\u751F\u6210" }),
+        /* @__PURE__ */ jsx23("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: "\u63D0\u95EE\u9009\u9879\u7684\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5F53\u524D\u6CA1\u6709\u7B49\u5F85\u4F60\u56DE\u7B54\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" })
+      ] });
+    }
+    if (toolCall.status === "pending") {
+      return /* @__PURE__ */ jsxs19("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx23(Loader23, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx23("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
-    return /* @__PURE__ */ jsxs18("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
-      /* @__PURE__ */ jsx22("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsxs18("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs19("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
+      /* @__PURE__ */ jsx23("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsxs19("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: [
         "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u7248\u672C\u4E0D\u517C\u5BB9\u3002\u8BF7\u91CD\u8BD5\uFF1B\u82E5\u95EE\u9898\u6301\u7EED\uFF0C\u8BF7\u63D0\u4F9B\u4EA4\u4E92\u7F16\u53F7",
-        /* @__PURE__ */ jsx22("span", { className: "ml-1 font-mono", children: toolCall.id }),
+        /* @__PURE__ */ jsx23("span", { className: "ml-1 font-mono", children: toolCall.id }),
         "\u3002"
       ] })
     ] });
@@ -6073,11 +6153,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__ */ jsx22(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx22(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx22(X4, { size: 11 }) : /* @__PURE__ */ jsx22(Check2, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx23(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx23(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx23(X4, { size: 11 }) : /* @__PURE__ */ jsx23(Check2, { 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__ */ jsxs18("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
-    /* @__PURE__ */ jsxs18("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
-      /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
+    /* @__PURE__ */ jsxs19("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
+      /* @__PURE__ */ jsxs19(
         "button",
         {
           type: "button",
@@ -6085,7 +6165,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__ */ jsx22(
+            /* @__PURE__ */ jsx23(
               ChevronRight3,
               {
                 size: 11,
@@ -6095,21 +6175,21 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs18("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs19("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx22("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx23("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsxs18("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsxs19("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__ */ jsx22("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx22(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
-      reasoning ? /* @__PURE__ */ jsx22(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx22("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__ */ jsxs18(
+      filePath && /* @__PURE__ */ jsx23("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx23(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
+      reasoning ? /* @__PURE__ */ jsx23(ThinkingBadge, { reasoning, variant: "block" }) : null,
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx23("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__ */ jsxs19(
         "button",
         {
           type: "button",
@@ -6127,20 +6207,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__ */ jsx22(PanelRightOpen, { size: 11 }),
-            /* @__PURE__ */ jsx22("span", { children: uiMeta.title ?? displayName })
+            /* @__PURE__ */ jsx23(PanelRightOpen, { size: 11 }),
+            /* @__PURE__ */ jsx23("span", { children: uiMeta.title ?? displayName })
           ]
         }
       ) : null
     ] }),
-    expanded && /* @__PURE__ */ jsx22("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx22(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs18(Fragment5, { children: [
-      /* @__PURE__ */ jsx22("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx22("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx22("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx22("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__ */ jsxs18(Fragment5, { children: [
-        /* @__PURE__ */ jsx22("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx22(
+    expanded && /* @__PURE__ */ jsx23("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx23(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs19(Fragment5, { children: [
+      /* @__PURE__ */ jsx23("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx23("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx23("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx23("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__ */ jsxs19(Fragment5, { children: [
+        /* @__PURE__ */ jsx23("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx23(
           "pre",
           {
             className: cn(
@@ -6332,7 +6412,7 @@ import { Download as Download3, X as X5 } from "lucide-react";
 import { useEffect as useEffect13 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
   useEffect13(() => {
     if (!open) return;
@@ -6360,7 +6440,7 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
     staleTime: 6e4
   });
   if (!open) return null;
-  const body = /* @__PURE__ */ jsx23(
+  const body = /* @__PURE__ */ jsx24(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",
@@ -6371,17 +6451,17 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "attachment-preview-title",
-      children: /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs20(
         "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__ */ jsxs19("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
-              /* @__PURE__ */ jsx23("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
-              /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
-                url && /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
+              /* @__PURE__ */ jsx24("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
+              /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", children: [
+                url && /* @__PURE__ */ jsx24(
                   "a",
                   {
                     href: url,
@@ -6390,22 +6470,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__ */ jsx23(Download3, { size: 14 })
+                    children: /* @__PURE__ */ jsx24(Download3, { size: 14 })
                   }
                 ),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   "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__ */ jsx23(X5, { size: 14 })
+                    children: /* @__PURE__ */ jsx24(X5, { size: 14 })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx23("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__ */ jsx24("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 }) })
           ]
         }
       )
@@ -6420,43 +6500,43 @@ function renderContent({
   error
 }) {
   if (!url) {
-    return /* @__PURE__ */ jsx23("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B64\u9644\u4EF6\u6682\u65E0\u53EF\u7528\u9884\u89C8\u5730\u5740\u3002" });
+    return /* @__PURE__ */ jsx24("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__ */ jsxs19("p", { className: "text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs20("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__ */ jsx23("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
+      /* @__PURE__ */ jsx24("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
       "\u6309\u94AE\u67E5\u770B\u3002"
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs19("p", { className: "text-[hsl(var(--destructive))]", children: [
+    return /* @__PURE__ */ jsxs20("p", { className: "text-[hsl(var(--destructive))]", children: [
       "\u52A0\u8F7D\u5931\u8D25\uFF1A",
       String(error?.message ?? error)
     ] });
   }
   if (content == null) {
-    return /* @__PURE__ */ jsx23("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
+    return /* @__PURE__ */ jsx24("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
   }
   if (mode === "markdown") {
-    return /* @__PURE__ */ jsx23(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
+    return /* @__PURE__ */ jsx24(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
   }
-  return /* @__PURE__ */ jsx23("pre", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed", children: content });
+  return /* @__PURE__ */ jsx24("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 jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function MessageContextPills({ contexts }) {
   if (contexts.length === 0) return null;
-  return /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs21(
     "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__ */ jsx24(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
-        /* @__PURE__ */ jsx24("span", { className: "max-w-56 truncate", children: ctx.label })
+        /* @__PURE__ */ jsx25(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
+        /* @__PURE__ */ jsx25("span", { className: "max-w-56 truncate", children: ctx.label })
       ]
     },
     `${ctx.label}:${index}`
@@ -6465,7 +6545,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 jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function getFileIcon(fileName) {
   const lowerName = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz|bz2|xz)$/.test(lowerName)) {
@@ -6494,15 +6574,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__ */ jsx25("div", { className: cn("flex flex-wrap gap-1.5", className), children: files.map((file) => {
+  return /* @__PURE__ */ jsx26("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__ */ jsxs21(Fragment6, { children: [
-      /* @__PURE__ */ jsx25(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-      /* @__PURE__ */ jsx25("span", { className: "max-w-32 truncate", children: file.name })
+    const content = /* @__PURE__ */ jsxs22(Fragment6, { children: [
+      /* @__PURE__ */ jsx26(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+      /* @__PURE__ */ jsx26("span", { className: "max-w-32 truncate", children: file.name })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         "button",
         {
           type: "button",
@@ -6514,14 +6594,14 @@ function MessageFileAttachmentList({
         key
       );
     }
-    return /* @__PURE__ */ jsx25("div", { className: pillClass, title: file.name, children: content }, key);
+    return /* @__PURE__ */ jsx26("div", { className: pillClass, title: file.name, children: content }, key);
   }) });
 }
 
 // src/react/components/chat/MessageActions.tsx
 import { Check as Check3, Copy } from "lucide-react";
 import { useState as useState15 } from "react";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function MessageActions({ content, className }) {
   const [copied, setCopied] = useState15(false);
   const handleCopy = async () => {
@@ -6531,7 +6611,7 @@ function MessageActions({ content, className }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsx26("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx27("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs23(
     "button",
     {
       type: "button",
@@ -6541,8 +6621,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__ */ jsx26(Check3, { size: 12 }) : /* @__PURE__ */ jsx26(Copy, { size: 12 }),
-        /* @__PURE__ */ jsx26("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+        copied ? /* @__PURE__ */ jsx27(Check3, { size: 12 }) : /* @__PURE__ */ jsx27(Copy, { size: 12 }),
+        /* @__PURE__ */ jsx27("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
       ]
     }
   ) });
@@ -6550,7 +6630,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 jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function getFileIcon2(fileName) {
   const lower2 = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz)$/.test(lower2)) return Archive3;
@@ -6565,15 +6645,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__ */ jsx27("div", { className: "flex flex-wrap gap-1.5", children: attachments.map((att, index) => {
+  return /* @__PURE__ */ jsx28("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__ */ jsxs23(Fragment7, { children: [
-      /* @__PURE__ */ jsx27(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
-      /* @__PURE__ */ jsx27("span", { className: "max-w-40 truncate", children: att.name })
+    const content = /* @__PURE__ */ jsxs24(Fragment7, { children: [
+      /* @__PURE__ */ jsx28(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
+      /* @__PURE__ */ jsx28("span", { className: "max-w-40 truncate", children: att.name })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx27(
+      return /* @__PURE__ */ jsx28(
         "button",
         {
           type: "button",
@@ -6585,7 +6665,7 @@ function TextAttachmentPills({ attachments, onPreview }) {
         key
       );
     }
-    return /* @__PURE__ */ jsx27("div", { className: pillClass, title: att.name, children: content }, key);
+    return /* @__PURE__ */ jsx28("div", { className: pillClass, title: att.name, children: content }, key);
   }) });
 }
 
@@ -6594,34 +6674,34 @@ import { RefreshCcw } from "lucide-react";
 
 // src/react/components/chat/whatif-quote-context.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo14 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var WhatIfQuoteContext = createContext3({});
 function WhatIfQuoteProvider({
   onJumpToStep,
   children
 }) {
   const value = useMemo14(() => ({ onJumpToStep }), [onJumpToStep]);
-  return /* @__PURE__ */ jsx28(WhatIfQuoteContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx29(WhatIfQuoteContext.Provider, { value, children });
 }
 function useWhatIfQuoteContext() {
   return useContext3(WhatIfQuoteContext);
 }
 
 // src/react/components/chat/WhatIfUserBubble.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { onJumpToStep } = useWhatIfQuoteContext();
   const handleQuoteClick = onQuoteClick ?? onJumpToStep;
   const { fromStep, quotes, userText } = parsed;
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs24("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__ */ jsx29(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx29("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs25("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__ */ jsx30(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx30("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx29("div", { className: "flex flex-wrap justify-end gap-1.5", children: quotes.map((q, i) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx30("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__ */ jsxs24(
+      return /* @__PURE__ */ jsxs25(
         "button",
         {
           type: "button",
@@ -6630,14 +6710,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__ */ jsx29("span", { children: "\u21B3" }),
-            /* @__PURE__ */ jsx29("span", { className: "max-w-[14rem] truncate", children: label })
+            /* @__PURE__ */ jsx30("span", { children: "\u21B3" }),
+            /* @__PURE__ */ jsx30("span", { className: "max-w-[14rem] truncate", children: label })
           ]
         },
         `${q.stepNumber ?? "x"}-${i}`
       );
     }) }),
-    userText && /* @__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(
+    userText && /* @__PURE__ */ jsx30("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__ */ jsx30(
       MarkdownContent,
       {
         className: "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_p]:mb-3 [&_p:last-child]:mb-0",
@@ -6649,14 +6729,14 @@ function WhatIfUserBubble({ parsed, onQuoteClick }) {
 }
 
 // src/react/components/chat/UserMessageBubble.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
 function isErrorMessage(message) {
   return message.role === "error";
 }
-var USER_MESSAGE_MARKDOWN_CLASS = "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_li>p]:whitespace-pre-wrap [&_p]:mb-3 [&_p]:whitespace-pre-wrap [&_p:last-child]:mb-0";
+var USER_MESSAGE_MARKDOWN_CLASS = "prose prose-invert chat-prose max-w-none [&_li>p]:inline [&_li>p]:whitespace-pre-wrap [&_p]:whitespace-pre-wrap";
 function isImageTextAttachment(name, uploadedPath) {
   return isImageFilename(name) || isImageFilename(uploadedPath ?? "");
 }
@@ -6679,9 +6759,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__ */ jsx30("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs25("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
-      /* @__PURE__ */ jsx30(WhatIfUserBubble, { parsed: whatifParsed }),
-      whatifParsed.userText && /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs26("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
+      /* @__PURE__ */ jsx31(WhatIfUserBubble, { parsed: whatifParsed }),
+      whatifParsed.userText && /* @__PURE__ */ jsx31(
         MessageActions,
         {
           content: whatifParsed.userText,
@@ -6753,16 +6833,16 @@ function UserMessageBubble({ message, className }) {
     const mode = kind === "text" ? lower2.endsWith(".md") ? "markdown" : "text" : "default";
     setPreview({ filename: attachment.name, url, mode });
   };
-  return /* @__PURE__ */ jsx30("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs25("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
-    (imageParts.length > 0 || imageTextAttachmentMeta.length > 0) && /* @__PURE__ */ jsxs25("div", { className: "grid gap-2", children: [
-      imageParts.map((part, idx) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs26("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
+    (imageParts.length > 0 || imageTextAttachmentMeta.length > 0) && /* @__PURE__ */ jsxs26("div", { className: "grid gap-2", children: [
+      imageParts.map((part, idx) => /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx31(
             "img",
             {
               src: part.image_url.url,
@@ -6775,14 +6855,14 @@ function UserMessageBubble({ message, className }) {
       )),
       imageTextAttachmentMeta.map((att, idx) => {
         const blobUrl = imageAttachmentQueries[idx]?.data;
-        return blobUrl ? /* @__PURE__ */ jsx30(
+        return blobUrl ? /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
             onClick: () => setLightboxIndex(imageParts.length + idx),
             className: "cursor-zoom-in",
             title: "\u67E5\u770B\u5927\u56FE",
-            children: /* @__PURE__ */ jsx30(
+            children: /* @__PURE__ */ jsx31(
               "img",
               {
                 src: blobUrl,
@@ -6792,7 +6872,7 @@ function UserMessageBubble({ message, className }) {
             )
           },
           `${att.uploadedPath}:${att.name}`
-        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx30(
+        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx31(
           "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))]",
@@ -6802,7 +6882,7 @@ function UserMessageBubble({ message, className }) {
         );
       })
     ] }),
-    lightboxImages.length > 0 && /* @__PURE__ */ jsx30(
+    lightboxImages.length > 0 && /* @__PURE__ */ jsx31(
       ImageLightbox,
       {
         open: lightboxIndex != null,
@@ -6813,15 +6893,15 @@ function UserMessageBubble({ message, className }) {
         initialIndex: lightboxIndex ?? 0
       }
     ),
-    /* @__PURE__ */ jsx30(MessageFileAttachmentList, { files: fileParts }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(MessageFileAttachmentList, { files: fileParts }),
+    /* @__PURE__ */ jsx31(
       TextAttachmentPills,
       {
         attachments: nonImageTextAttachments,
         onPreview: handleTextAttachmentPreview
       }
     ),
-    preview && /* @__PURE__ */ jsx30(
+    preview && /* @__PURE__ */ jsx31(
       AttachmentPreviewDialog,
       {
         open: preview != null,
@@ -6833,8 +6913,9 @@ function UserMessageBubble({ message, className }) {
         mode: preview.mode
       }
     ),
-    /* @__PURE__ */ jsx30(MessageContextPills, { contexts: textContexts }),
-    trimmedClean && /* @__PURE__ */ jsx30("div", { className: "max-w-full rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(MessageContextPills, { contexts: textContexts }),
+    trimmedClean && // 原型：不对称圆角（指向发送侧的一角收窄），无边框、无内阴影。
+    /* @__PURE__ */ jsx31("div", { className: "max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx31(
       MarkdownContent,
       {
         className: USER_MESSAGE_MARKDOWN_CLASS,
@@ -6842,10 +6923,10 @@ function UserMessageBubble({ message, className }) {
         children: cleanText
       }
     ) }),
-    trimmedClean && (isSending(message) ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx30(Loader24, { size: 12, className: "animate-spin" }),
-      /* @__PURE__ */ jsx30("span", { children: "\u53D1\u9001\u4E2D" })
-    ] }) : /* @__PURE__ */ jsx30(
+    trimmedClean && (isSending(message) ? /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx31(Loader24, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx31("span", { children: "\u53D1\u9001\u4E2D" })
+    ] }) : /* @__PURE__ */ jsx31(
       MessageActions,
       {
         content: cleanText,
@@ -6860,14 +6941,14 @@ function ErrorMessageBlock({
 }) {
   const text = getTextContent(message.content);
   const looksLikeModelUnavailable = /no source matches this model|404/i.test(text);
-  return /* @__PURE__ */ jsx30("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs25("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__ */ jsx31("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs26("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__ */ jsx30("div", { className: "mt-1 opacity-80", children: "\u6A21\u578B\u53EF\u80FD\u672A\u542F\u52A8\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }) : null
+    looksLikeModelUnavailable ? /* @__PURE__ */ jsx31("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 jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var EMPTY_MESSAGES2 = [];
 var EMPTY_AGENT_LOOPS = {};
 var COLLAPSED_SUMMARY_HIDDEN_TOOLS = /* @__PURE__ */ new Set(["ReadSkill", "Read"]);
@@ -6967,7 +7048,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__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn(
@@ -6975,8 +7056,8 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
         cardStyles.borderClass
       ),
       children: [
-        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
-          /* @__PURE__ */ jsxs26(
+        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs27(Fragment8, { children: [
+          /* @__PURE__ */ jsxs27(
             "div",
             {
               className: cn(
@@ -6984,24 +7065,24 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "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__ */ jsxs26("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      status === "awaiting_answer" ? /* @__PURE__ */ jsx31(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx31(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
-                      /* @__PURE__ */ jsxs26("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
+                    children: /* @__PURE__ */ jsxs27("span", { className: "min-w-0 flex items-center gap-2", children: [
+                      status === "awaiting_answer" ? /* @__PURE__ */ jsx32(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx32(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
+                      /* @__PURE__ */ jsxs27("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
                         description,
                         status === "awaiting_answer" ? " \u2014 \u7B49\u5F85\u56DE\u7B54" : ""
                       ] })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx31(
+                reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx32(
                   Bot,
                   {
                     size: 13,
@@ -7009,14 +7090,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "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__ */ jsx31(
+                    children: /* @__PURE__ */ jsx32(
                       ChevronRight4,
                       {
                         size: 14,
@@ -7031,7 +7112,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx31(
+          !expanded ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx32(
             ToolCallBlock,
             {
               toolCall: childToolCall,
@@ -7039,12 +7120,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               level: 2
             },
             childToolCall.id
-          )) : /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx31(Loader25, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
-            /* @__PURE__ */ jsx31("span", { children: "\u6B63\u5728\u542F\u52A8..." })
-          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx31("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__ */ jsxs26(Fragment8, { children: [
-          /* @__PURE__ */ jsxs26(
+          )) : /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx32(Loader25, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
+            /* @__PURE__ */ jsx32("span", { children: "\u6B63\u5728\u542F\u52A8..." })
+          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx32("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__ */ jsxs27(Fragment8, { children: [
+          /* @__PURE__ */ jsxs27(
             "div",
             {
               className: cn(
@@ -7052,21 +7133,21 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "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__ */ jsxs26("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx31(Check4, { size: 14, className: "shrink-0 text-emerald-500" }),
-                      /* @__PURE__ */ jsx31("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
+                    children: /* @__PURE__ */ jsxs27("span", { className: "min-w-0 flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx32(Check4, { size: 14, className: "shrink-0 text-emerald-500" }),
+                      /* @__PURE__ */ jsx32("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx31(
+                reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx32(
                   Bot,
                   {
                     size: 13,
@@ -7074,14 +7155,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "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__ */ jsx31(
+                    children: /* @__PURE__ */ jsx32(
                       ChevronRight4,
                       {
                         size: 14,
@@ -7096,9 +7177,9 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
-            /* @__PURE__ */ jsx31("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
-              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs26(
+          !expanded ? /* @__PURE__ */ jsxs27(Fragment8, { children: [
+            /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
+              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs27(
                 "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",
@@ -7109,12 +7190,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                   },
                   title: item.label,
                   children: [
-                    /* @__PURE__ */ jsx31(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx31("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ jsx32(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx32("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.key
-              ) : /* @__PURE__ */ jsx31(
+              ) : /* @__PURE__ */ jsx32(
                 "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",
@@ -7127,20 +7208,20 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 },
                 item.key
               )
-            ) : /* @__PURE__ */ jsx31("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
-            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx31(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
+            ) : /* @__PURE__ */ jsx32("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
+            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx32(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
           ] }) : null
         ] }),
-        expanded && /* @__PURE__ */ jsxs26("div", { className: "border-t border-[hsl(var(--border))] py-2", children: [
+        expanded && /* @__PURE__ */ jsxs27("div", { className: "border-t border-[hsl(var(--border))] py-2", children: [
           (() => {
             const taskPrompt = safeParsePrompt(toolCall.arguments);
-            return taskPrompt ? /* @__PURE__ */ jsxs26("details", { className: "mx-3 mb-2 rounded-md bg-[hsl(var(--muted))]/40", children: [
-              /* @__PURE__ */ jsx31("summary", { className: "cursor-pointer px-3 py-1.5 text-[11px] font-medium text-[hsl(var(--muted-foreground))]", children: "\u4EFB\u52A1" }),
-              /* @__PURE__ */ jsx31("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx31("pre", { className: "whitespace-pre-wrap text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: taskPrompt }) })
+            return taskPrompt ? /* @__PURE__ */ jsxs27("details", { className: "mx-3 mb-2 rounded-md bg-[hsl(var(--muted))]/40", children: [
+              /* @__PURE__ */ jsx32("summary", { className: "cursor-pointer px-3 py-1.5 text-[11px] font-medium text-[hsl(var(--muted-foreground))]", children: "\u4EFB\u52A1" }),
+              /* @__PURE__ */ jsx32("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx32("pre", { className: "whitespace-pre-wrap text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: taskPrompt }) })
             ] }) : null;
           })(),
-          childMessages.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
-            (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx31(
+          childMessages.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
+            (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx32(
               ExpandedChildAssistantMessage,
               {
                 message,
@@ -7148,13 +7229,13 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 isStreaming: message.status === "streaming"
               },
               message.entry_id ?? `${message.timestamp ?? "child"}-${index}`
-            ) : message.role === "user" ? /* @__PURE__ */ jsx31(
+            ) : message.role === "user" ? /* @__PURE__ */ jsx32(
               ExpandedChildUserMessage,
               {
                 message
               },
               message.entry_id ?? `${message.timestamp ?? "user"}-${index}`
-            ) : message.role === "error" ? /* @__PURE__ */ jsx31(
+            ) : message.role === "error" ? /* @__PURE__ */ jsx32(
               "div",
               {
                 className: "border-l-[2px] border-l-red-500 px-3 py-2 text-[11px] text-red-200",
@@ -7162,17 +7243,17 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               },
               message.entry_id ?? `${message.timestamp ?? "error"}-${index}`
             ) : null
-          ) }) : status === "running" ? /* @__PURE__ */ jsxs26("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx31(Loader25, { size: 12, className: "mr-1.5 inline animate-spin" }),
+          ) }) : status === "running" ? /* @__PURE__ */ jsxs27("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx32(Loader25, { size: 12, className: "mr-1.5 inline animate-spin" }),
             "\u6B63\u5728\u542F\u52A8..."
-          ] }) : toolCall.result ? /* @__PURE__ */ jsx31("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__ */ jsx32("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__ */ jsx31("div", { className: "pl-8", children: /* @__PURE__ */ jsx31(UserMessageBubble, { message }) });
+  return /* @__PURE__ */ jsx32("div", { className: "pl-8", children: /* @__PURE__ */ jsx32(UserMessageBubble, { message }) });
 }
 function ExpandedChildAssistantMessage({
   message,
@@ -7182,12 +7263,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__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
-    message.reasoning && /* @__PURE__ */ jsxs26(Reasoning, { isStreaming, children: [
-      /* @__PURE__ */ jsx31(ReasoningTrigger, { wordCount: message.reasoning.length }),
-      /* @__PURE__ */ jsx31(ReasoningContent, { children: message.reasoning })
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", children: [
+    message.reasoning && /* @__PURE__ */ jsxs27(Reasoning, { isStreaming, children: [
+      /* @__PURE__ */ jsx32(ReasoningTrigger, { wordCount: message.reasoning.length }),
+      /* @__PURE__ */ jsx32(ReasoningContent, { children: message.reasoning })
     ] }),
-    text ? /* @__PURE__ */ jsx31(
+    text ? /* @__PURE__ */ jsx32(
       ChildText,
       {
         text,
@@ -7196,9 +7277,9 @@ function ExpandedChildAssistantMessage({
         reasoning: void 0
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx31("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    hasToolCalls && /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-      (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx31(
+    !text && isStreaming && /* @__PURE__ */ jsx32("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
+    hasToolCalls && /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-2", children: toolCalls.map(
+      (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx32(
         AgentLoopBlock,
         {
           toolCall,
@@ -7206,7 +7287,7 @@ function ExpandedChildAssistantMessage({
           reasoning: void 0
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx31(
+      ) : /* @__PURE__ */ jsx32(
         ToolCallBlock,
         {
           toolCall,
@@ -7218,8 +7299,8 @@ function ExpandedChildAssistantMessage({
         toolCall.id
       )
     ) }),
-    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx31("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__ */ jsx31("div", { className: "ml-4", children: /* @__PURE__ */ jsx31(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
+    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx32("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__ */ jsx32("div", { className: "ml-4", children: /* @__PURE__ */ jsx32(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
     ) }) : null
   ] });
 }
@@ -7229,8 +7310,8 @@ function ChildText({
   sessionId,
   reasoning
 }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs27("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
+    /* @__PURE__ */ jsx32(
       MarkdownContent,
       {
         mode: "streaming",
@@ -7240,8 +7321,8 @@ function ChildText({
         children: text
       }
     ),
-    isStreaming && /* @__PURE__ */ jsx31("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
-    reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning }) : null
+    isStreaming && /* @__PURE__ */ jsx32("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
+    reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function getLoopCardStyles(status) {
@@ -7280,8 +7361,155 @@ function getLoopCardStyles(status) {
   };
 }
 
+// src/react/components/chat/FileDeliveryCards.tsx
+import { Download as Download4, Loader2 as Loader26 } from "lucide-react";
+import { useMemo as useMemo16, useState as useState18 } from "react";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+var AGENT_WORKSPACE_DIR_NAME = "\u667A\u80FD\u52A9\u624B\u5DE5\u4F5C\u7A7A\u95F4";
+var EXT_LABELS = {
+  py: "Python",
+  js: "JavaScript",
+  ts: "TypeScript",
+  tsx: "TypeScript",
+  jsx: "JavaScript",
+  md: "Markdown",
+  html: "HTML",
+  css: "CSS",
+  json: "JSON",
+  csv: "CSV",
+  xlsx: "Excel",
+  docx: "Word",
+  pptx: "PPT",
+  pdf: "PDF",
+  sh: "Shell",
+  sql: "SQL"
+};
+function toWorkspaceRelPath(rawPath, sessionId) {
+  const sessionRoot = `/root/${AGENT_WORKSPACE_DIR_NAME}/${sessionId}`;
+  let relPath;
+  if (rawPath.startsWith(`${sessionRoot}/`)) {
+    relPath = rawPath.slice(sessionRoot.length + 1);
+  } else if (!rawPath.startsWith("/")) {
+    relPath = rawPath.replace(/^\.\//, "");
+  } else {
+    return null;
+  }
+  if (!relPath || relPath.startsWith("../") || relPath.includes("/../")) return null;
+  if (relPath.split("/").some((segment) => segment.startsWith("."))) return null;
+  return relPath;
+}
+function basename(path) {
+  return path.split("/").filter(Boolean).pop() || path;
+}
+function getExtLabel(name) {
+  const ext = name.split(".").pop()?.toLowerCase() ?? "";
+  if (!ext || ext === name.toLowerCase()) return "\u6587\u4EF6";
+  return EXT_LABELS[ext] ?? ext.toUpperCase();
+}
+function collectDeliveredFiles(toolCalls, sessionId) {
+  const seen = /* @__PURE__ */ new Set();
+  const files = [];
+  for (const toolCall of toolCalls) {
+    if (toolCall.status !== "done") continue;
+    const toolName = formatToolName(toolCall.name);
+    if (toolName !== "Write" && toolName !== "Edit") continue;
+    const rawPath = extractToolFilePath(toolCall);
+    if (!rawPath) continue;
+    const relPath = toWorkspaceRelPath(rawPath, sessionId);
+    if (!relPath || seen.has(relPath)) continue;
+    seen.add(relPath);
+    files.push({ relPath, name: basename(relPath) });
+  }
+  return files;
+}
+function DeliveryCard({ relPath, name, sessionId }) {
+  const [opening, setOpening] = useState18(false);
+  const handleOpen = async () => {
+    if (opening) return;
+    setOpening(true);
+    try {
+      const target = await resolveSessionFilePreviewTarget(sessionId, relPath, name);
+      const uiStore = useUiStore.getState();
+      uiStore.setRightPanelCollapsed(false);
+      uiStore.setActiveRightTab("preview");
+      uiStore.pushArtifact(target);
+    } finally {
+      setOpening(false);
+    }
+  };
+  const downloadUrl = useMemo16(
+    () => getAuthedUrl(getSessionFilePath(sessionId, relPath)),
+    [sessionId, relPath]
+  );
+  return /* @__PURE__ */ jsxs28("div", { className: "group/delivery relative flex w-[320px] max-w-full items-center self-start rounded-[14px] border border-[hsl(var(--border))] bg-[hsl(var(--card))] transition-colors duration-150 hover:border-[hsl(var(--primary)/0.3)] hover:bg-[hsl(var(--muted)/0.6)] focus-within:ring-1 focus-within:ring-[hsl(var(--ring))]", children: [
+    /* @__PURE__ */ jsxs28(
+      "button",
+      {
+        type: "button",
+        onClick: () => void handleOpen(),
+        disabled: opening,
+        className: "flex min-w-0 flex-1 items-center gap-3 rounded-[14px] px-[15px] py-[13px] text-left focus:outline-none disabled:cursor-wait",
+        "aria-label": `\u6253\u5F00\u6587\u4EF6\uFF1A${name}`,
+        children: [
+          /* @__PURE__ */ jsx33("span", { className: "flex h-[42px] w-[42px] shrink-0 items-center justify-center rounded-[11px] bg-gradient-to-br from-[hsl(var(--primary))/0.1] to-[hsl(var(--primary))/0.2] text-[hsl(var(--primary))]", children: opening ? /* @__PURE__ */ jsx33(Loader26, { size: 21, className: "animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx33(FileGlyph, {}) }),
+          /* @__PURE__ */ jsxs28("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx33("span", { className: "truncate text-[15px] font-semibold text-[hsl(var(--foreground))]", children: name }),
+            /* @__PURE__ */ jsxs28("span", { className: "flex items-center gap-1.5 text-[12.5px] text-[hsl(var(--muted-foreground))]", children: [
+              /* @__PURE__ */ jsx33("span", { className: "font-mono", children: getExtLabel(name) }),
+              /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx33("span", { className: "text-[hsl(var(--primary))]", children: "AI \u751F\u6210" })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx33(
+      "a",
+      {
+        href: downloadUrl,
+        download: name,
+        onClick: (event) => event.stopPropagation(),
+        className: "absolute right-3 top-1/2 grid h-8 w-8 -translate-y-1/2 place-items-center rounded-lg text-[hsl(var(--muted-foreground))] opacity-0 transition-opacity hover:bg-[hsl(var(--background))] hover:text-[hsl(var(--foreground))] focus:opacity-100 focus:outline-none group-hover/delivery:opacity-100",
+        title: "\u4E0B\u8F7D\u6587\u4EF6",
+        "aria-label": `\u4E0B\u8F7D\u6587\u4EF6\uFF1A${name}`,
+        children: /* @__PURE__ */ jsx33(Download4, { size: 16, "aria-hidden": "true" })
+      }
+    )
+  ] });
+}
+function FileGlyph() {
+  return /* @__PURE__ */ jsxs28(
+    "svg",
+    {
+      width: "21",
+      height: "21",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.9",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx33("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z" }),
+        /* @__PURE__ */ jsx33("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+        /* @__PURE__ */ jsx33("path", { d: "m10 13-2 2 2 2" }),
+        /* @__PURE__ */ jsx33("path", { d: "m14 17 2-2-2-2" })
+      ]
+    }
+  );
+}
+function FileDeliveryCards({
+  toolCalls,
+  sessionId
+}) {
+  const files = useMemo16(() => collectDeliveredFiles(toolCalls, sessionId), [toolCalls, sessionId]);
+  if (files.length === 0) return null;
+  return /* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-2", children: files.map((file) => /* @__PURE__ */ jsx33(DeliveryCard, { relPath: file.relPath, name: file.name, sessionId }, file.relPath)) });
+}
+
 // src/react/components/chat/AssistantTurnBlock.tsx
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 var EMPTY_MESSAGES3 = [];
 var EMPTY_AGENT_LOOPS2 = {};
 function defaultTurnDisplayMode({
@@ -7413,18 +7641,18 @@ function AssistantTurnBlockBase({
   customization
 }) {
   const messages = Array.isArray(rawMessages) ? rawMessages : [];
-  const allToolCalls = useMemo16(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
-  const hasAgentToolCall = useMemo16(
+  const allToolCalls = useMemo17(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
+  const hasAgentToolCall = useMemo17(
     () => allToolCalls.some((toolCall) => formatToolName(toolCall.name) === "Agent"),
     [allToolCalls]
   );
-  const hasActionableToolCall = useMemo16(
+  const hasActionableToolCall = useMemo17(
     () => allToolCalls.some(
       (tc) => tc.status === "error" || tc.status === "cancelled" || formatToolName(tc.name) === "AskUserQuestion" && tc.status === "awaiting_answer"
     ),
     [allToolCalls]
   );
-  const [displayMode, setDisplayMode] = useState18(
+  const [displayMode, setDisplayMode] = useState19(
     defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall })
   );
   const wasStreamingRef = useRef12(isStreaming);
@@ -7440,16 +7668,24 @@ function AssistantTurnBlockBase({
   const agentLoops = useChatStore(
     (state) => hasAgentToolCall ? state.agentLoops[sessionId] ?? EMPTY_AGENT_LOOPS2 : EMPTY_AGENT_LOOPS2
   );
-  const turnMessages = useMemo16(
+  const turnMessages = useMemo17(
     () => hasAgentToolCall ? collectTurnMessages({ rootMessages: messages, sessionMessages, agentLoops }) : messages,
     [agentLoops, hasAgentToolCall, messages, sessionMessages]
   );
-  const resourceBlocks = useMemo16(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
-  const finalMessage = useMemo16(() => getLastTextMessage(turnMessages), [turnMessages]);
+  const turnToolCalls = useMemo17(
+    () => turnMessages.flatMap((m) => m.tool_calls ?? []),
+    [turnMessages]
+  );
+  const resourceBlocks = useMemo17(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
+  const finalMessage = useMemo17(() => getLastTextMessage(turnMessages), [turnMessages]);
+  const finalMessageText = useMemo17(
+    () => finalMessage ? getTextContent(normalizeMessageContent(finalMessage.content)).trim() : "",
+    [finalMessage]
+  );
   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__ */ jsxs27(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       className: cn(
@@ -7458,48 +7694,68 @@ function AssistantTurnBlockBase({
         customization?.classNames?.assistantTurn
       ),
       children: [
-        memoryRefs.length > 0 && /* @__PURE__ */ jsx32(MemoryRefsHint, { refs: memoryRefs }),
-        hasInterruptedState && /* @__PURE__ */ jsx32("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__ */ jsx32("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs27(
+        memoryRefs.length > 0 && /* @__PURE__ */ jsx34(MemoryRefsHint, { refs: memoryRefs }),
+        hasInterruptedState && /* @__PURE__ */ jsx34("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 && allToolCalls.length > 0 && // 详情药丸（原型）：左对齐，展示步骤数；展开后是带左边线的步骤卡。
+        /* @__PURE__ */ jsxs29(
           "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))]",
+            "aria-expanded": effectiveMode === "detail",
+            className: "inline-flex h-[30px] shrink-0 select-none items-center gap-1.5 self-start rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.35)] pl-2.5 pr-3 text-[13px] text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
             children: [
-              /* @__PURE__ */ jsx32("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
-              /* @__PURE__ */ jsx32(
-                ChevronRight5,
+              /* @__PURE__ */ jsx34(Check5, { size: 14, className: "shrink-0 text-emerald-500", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs29("span", { children: [
+                "\u8BE6\u60C5 \xB7 ",
+                allToolCalls.length,
+                " \u4E2A\u6B65\u9AA4"
+              ] }),
+              /* @__PURE__ */ jsx34(
+                ChevronDown2,
                 {
-                  size: 18,
-                  className: cn("transition-transform", effectiveMode === "detail" && "rotate-180")
+                  size: 14,
+                  className: cn("shrink-0 transition-transform", effectiveMode === "detail" && "rotate-180"),
+                  "aria-hidden": "true"
                 }
               )
             ]
           }
-        ) }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx32(
-          AssistantMessages,
-          {
-            messages,
-            isStreaming,
-            sessionId,
-            askAnswers,
-            onAnswer,
-            sessionStatus,
-            level,
-            showToolDetails: true,
-            customization
-          }
-        ) }) : /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-4", children: [
-          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx32(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
-          finalMessage ? /* @__PURE__ */ jsx32(
+        ),
+        effectiveMode === "detail" ? (
+          // 展开态：左边线把步骤收拢成一组，和正文拉开层次（原型）。
+          /* @__PURE__ */ jsx34(
+            "div",
+            {
+              className: cn(
+                "flex flex-col gap-3",
+                allToolCalls.length > 0 && "ml-1.5 border-l-2 border-[hsl(var(--border))] pl-4"
+              ),
+              children: /* @__PURE__ */ jsx34(
+                AssistantMessages,
+                {
+                  messages,
+                  isStreaming,
+                  sessionId,
+                  askAnswers,
+                  onAnswer,
+                  sessionStatus,
+                  level,
+                  showToolDetails: true,
+                  customization
+                }
+              )
+            }
+          )
+        ) : /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-4", children: [
+          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx34(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
+          finalMessage ? /* @__PURE__ */ jsx34(
             "div",
             {
               className: cn(
                 resourceBlocks.length > 0 && "border-t border-[hsl(var(--border))] pt-4"
               ),
-              children: /* @__PURE__ */ jsx32(
+              children: /* @__PURE__ */ jsx34(
                 AssistantMessageContent,
                 {
                   message: finalMessage,
@@ -7510,8 +7766,14 @@ function AssistantTurnBlockBase({
                 }
               )
             }
-          ) : isStreaming ? /* @__PURE__ */ jsx32("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
-        ] }) })
+          ) : isStreaming ? /* @__PURE__ */ jsx34("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
+        ] }) }),
+        level === 1 && // 用合并后的轮次消息：子智能体（fork Agent）写入的文件也要出交付卡片。
+        /* @__PURE__ */ jsx34(FileDeliveryCards, { toolCalls: turnToolCalls, sessionId }),
+        level === 1 && !isStreaming && finalMessageText ? (
+          // 反馈行（原型）：轮次底部的复制入口。
+          /* @__PURE__ */ jsx34(MessageActions, { content: finalMessageText, className: "-mt-1.5" })
+        ) : null
       ]
     }
   );
@@ -7539,16 +7801,16 @@ function AssistantMessages({
       const toolCalls = message.tool_calls ?? [];
       const hasToolCalls = toolCalls.length > 0;
       const toolRenderItems = groupDetailedToolCalls(toolCalls);
-      return /* @__PURE__ */ jsxs27(
+      return /* @__PURE__ */ jsxs29(
         "div",
         {
           className: "flex flex-col gap-3",
           children: [
-            hasReasoning && /* @__PURE__ */ jsxs27(Reasoning, { isStreaming: isStreamingLastMessage, children: [
-              /* @__PURE__ */ jsx32(ReasoningTrigger, { wordCount: reasoning.length }),
-              /* @__PURE__ */ jsx32(ReasoningContent, { children: reasoning })
+            hasReasoning && /* @__PURE__ */ jsxs29(Reasoning, { isStreaming: isStreamingLastMessage, children: [
+              /* @__PURE__ */ jsx34(ReasoningTrigger, { wordCount: reasoning.length }),
+              /* @__PURE__ */ jsx34(ReasoningContent, { children: reasoning })
             ] }),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx34(
               AssistantMessageContent,
               {
                 message,
@@ -7558,9 +7820,9 @@ function AssistantMessages({
                 className: customization?.classNames?.assistantText
               }
             ),
-            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
+            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
               if (item.kind === "read_group") {
-                return /* @__PURE__ */ jsx32(
+                return /* @__PURE__ */ jsx34(
                   CompactToolGroupBlock,
                   {
                     toolCalls: item.toolCalls,
@@ -7577,7 +7839,7 @@ function AssistantMessages({
                 );
               }
               const { toolCall } = item;
-              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx32(
+              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx34(
                 AgentLoopBlock,
                 {
                   toolCall,
@@ -7585,7 +7847,7 @@ function AssistantMessages({
                   reasoning: void 0
                 },
                 toolCall.id
-              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx32(
+              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx34(
                 customization.components.ToolCall,
                 {
                   toolCall,
@@ -7600,7 +7862,7 @@ function AssistantMessages({
                   customization
                 },
                 toolCall.id
-              ) : /* @__PURE__ */ jsx32(
+              ) : /* @__PURE__ */ jsx34(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -7617,8 +7879,8 @@ function AssistantMessages({
                 toolCall.id
               );
             }) }),
-            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx32("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__ */ jsx32("div", { className: "ml-4", children: /* @__PURE__ */ jsx32(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
+            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx34("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__ */ jsx34("div", { className: "ml-4", children: /* @__PURE__ */ jsx34(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
             ) }) : null
           ]
         },
@@ -7652,7 +7914,7 @@ function CompactToolGroupBlock({
   level,
   customization
 }) {
-  const [expanded, setExpanded] = useState18(false);
+  const [expanded, setExpanded] = useState19(false);
   const indentClass = level === 2 ? "ml-3" : "ml-4";
   const hasError = toolCalls.some(
     (tc) => tc.status === "error" || tc.status === "cancelled"
@@ -7666,12 +7928,12 @@ function CompactToolGroupBlock({
     return filePath ? formatFileName(filePath) : "\u672A\u77E5\u6587\u4EF6";
   });
   const title = `\u8BFB\u53D6 ${toolCalls.length} \u4E2A\u6587\u4EF6`;
-  return /* @__PURE__ */ jsxs27("div", { className: cn(indentClass, "text-xs"), children: [
-    /* @__PURE__ */ jsxs27("div", { className: cn(
+  return /* @__PURE__ */ jsxs29("div", { className: cn(indentClass, "text-xs"), children: [
+    /* @__PURE__ */ jsxs29("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__ */ jsxs27(
+      /* @__PURE__ */ jsxs29(
         "button",
         {
           type: "button",
@@ -7679,7 +7941,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__ */ jsx32(
+            /* @__PURE__ */ jsx34(
               ChevronRight5,
               {
                 size: 11,
@@ -7689,18 +7951,18 @@ function CompactToolGroupBlock({
                 )
               }
             ),
-            hasError ? /* @__PURE__ */ jsxs27("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
-              /* @__PURE__ */ jsx32(AlertCircle, { size: 11 }),
-              /* @__PURE__ */ jsx32("span", { children: "\u5931\u8D25" })
-            ] }) : /* @__PURE__ */ jsxs27("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
-              /* @__PURE__ */ jsx32(Check5, { size: 11 }),
-              /* @__PURE__ */ jsx32("span", { children: "\u5B8C\u6210" })
+            hasError ? /* @__PURE__ */ jsxs29("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
+              /* @__PURE__ */ jsx34(AlertCircle, { size: 11 }),
+              /* @__PURE__ */ jsx34("span", { children: "\u5931\u8D25" })
+            ] }) : /* @__PURE__ */ jsxs29("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
+              /* @__PURE__ */ jsx34(Check5, { size: 11 }),
+              /* @__PURE__ */ jsx34("span", { children: "\u5B8C\u6210" })
             ] }),
-            /* @__PURE__ */ jsx32("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
+            /* @__PURE__ */ jsx34("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
           ]
         }
       ),
-      /* @__PURE__ */ jsx32("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx34("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx34(
         "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))]",
@@ -7709,12 +7971,12 @@ function CompactToolGroupBlock({
         },
         `${tag}-${index}`
       )) }),
-      reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      totalDurationMs > 0 ? /* @__PURE__ */ jsx32("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
+      reasoning ? /* @__PURE__ */ jsx34(ThinkingBadge, { reasoning, variant: "block" }) : null,
+      totalDurationMs > 0 ? /* @__PURE__ */ jsx34("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsx32("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
+    expanded ? /* @__PURE__ */ jsx34("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
       const CustomToolCall = customization?.components?.ToolCall;
-      return CustomToolCall ? /* @__PURE__ */ jsx32(
+      return CustomToolCall ? /* @__PURE__ */ jsx34(
         CustomToolCall,
         {
           toolCall,
@@ -7728,7 +7990,7 @@ function CompactToolGroupBlock({
           customization
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx32(
+      ) : /* @__PURE__ */ jsx34(
         ToolCallBlock,
         {
           toolCall,
@@ -7759,8 +8021,8 @@ function AssistantMessageContent({
   if (!text && imageParts.length === 0 && fileParts.length === 0 && !isStreaming && !reasoning) {
     return null;
   }
-  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx32("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx34("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx34(
       "img",
       {
         src: part.image_url.url,
@@ -7769,8 +8031,8 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }),
-    /* @__PURE__ */ jsx32(MessageFileAttachmentList, { files: fileParts }),
-    text ? /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx34(MessageFileAttachmentList, { files: fileParts }),
+    text ? /* @__PURE__ */ jsx34(
       AssistantText,
       {
         text,
@@ -7780,8 +8042,8 @@ function AssistantMessageContent({
         className
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx32("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    !text && reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning, variant: "block" }) : null
+    !text && isStreaming && /* @__PURE__ */ jsx34("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
+    !text && reasoning ? /* @__PURE__ */ jsx34(ThinkingBadge, { reasoning, variant: "block" }) : null
   ] });
 }
 function AssistantText({
@@ -7797,45 +8059,45 @@ function AssistantText({
     },
     [sessionId]
   );
-  const cardCtx = useMemo16(
+  const cardCtx = useMemo17(
     () => ({ sessionId, messageId, sendMessage }),
     [sessionId, messageId, sendMessage]
   );
-  return /* @__PURE__ */ jsxs27("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
-    /* @__PURE__ */ jsx32(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs29("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
+    /* @__PURE__ */ jsx34(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx34(
       MarkdownContent,
       {
         mode: "streaming",
         sessionId,
-        className: "prose prose-sm prose-invert inline max-w-none [&_li>p]:inline [&_p]:mb-3 [&_p:last-child]:mb-0 [&_p:last-child]:inline",
+        className: "prose prose-invert chat-prose inline max-w-none [&_li>p]:inline [&_p:last-child]:inline",
         controls: { code: true },
         children: text
       }
     ) }),
-    reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning }) : null
+    reasoning ? /* @__PURE__ */ jsx34(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function MemoryRefsHint({ refs: rawRefs }) {
   const refs = Array.isArray(rawRefs) ? rawRefs : [];
-  const [expanded, setExpanded] = useState18(false);
+  const [expanded, setExpanded] = useState19(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__ */ jsxs27("div", { className: "ml-4", children: [
-    /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs29("div", { className: "ml-4", children: [
+    /* @__PURE__ */ jsxs29(
       "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__ */ jsx32(BookOpen, { size: 12 }),
-          /* @__PURE__ */ jsxs27("span", { children: [
+          /* @__PURE__ */ jsx34(BookOpen, { size: 12 }),
+          /* @__PURE__ */ jsxs29("span", { children: [
             label,
             "\uFF08",
             refs.length,
             "\uFF09"
           ] }),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx34(
             ChevronRight5,
             {
               size: 10,
@@ -7845,13 +8107,13 @@ function MemoryRefsHint({ refs: rawRefs }) {
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs27("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__ */ jsxs27("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
-        /* @__PURE__ */ jsx32("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
-        /* @__PURE__ */ jsx32("span", { className: "line-clamp-1", children: ref.content_preview }),
-        ref.skill_name && /* @__PURE__ */ jsx32("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__ */ jsxs29("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__ */ jsxs29("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
+        /* @__PURE__ */ jsx34("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
+        /* @__PURE__ */ jsx34("span", { className: "line-clamp-1", children: ref.content_preview }),
+        ref.skill_name && /* @__PURE__ */ jsx34("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__ */ jsx32(
+      /* @__PURE__ */ jsx34(
         "a",
         {
           href: MEMORIES_ROUTE,
@@ -7864,9 +8126,9 @@ function MemoryRefsHint({ refs: rawRefs }) {
 }
 
 // src/react/components/chat/CompactionCard.tsx
-import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight6, Loader2 as Loader26, Square as Square3, XCircle } from "lucide-react";
-import { useState as useState19 } from "react";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { ChevronDown as ChevronDown3, ChevronRight as ChevronRight6, Loader2 as Loader27, Square as Square3, XCircle } from "lucide-react";
+import { useState as useState20 } from "react";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 var PERCENT_FORMATTER = new Intl.NumberFormat("zh-CN", {
   style: "percent",
   maximumFractionDigits: 0
@@ -7915,7 +8177,7 @@ function CompactionCard({
     ...compaction,
     status: status ?? "completed"
   } : activeCompaction;
-  const [expanded, setExpanded] = useState19(false);
+  const [expanded, setExpanded] = useState20(false);
   if (!source || !source.compaction_id) {
     return null;
   }
@@ -7926,9 +8188,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__ */ jsxs28("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs30("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs30(
         "button",
         {
           type: "button",
@@ -7939,21 +8201,21 @@ function CompactionCard({
           ),
           "aria-expanded": expanded,
           children: [
-            canExpand ? expanded ? /* @__PURE__ */ jsx33(ChevronDown2, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx33(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
-            /* @__PURE__ */ jsx33("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs28("span", { className: "inline-flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx33(Loader26, { size: 12, className: "animate-spin" }),
+            canExpand ? expanded ? /* @__PURE__ */ jsx35(ChevronDown3, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx35(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
+            /* @__PURE__ */ jsx35("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs30("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx35(Loader27, { size: 12, className: "animate-spin" }),
               "\u6B63\u5728\u538B\u7F29\u4E0A\u4E0B\u6587"
-            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs28("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
-              /* @__PURE__ */ jsx33(XCircle, { size: 12 }),
+            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs30("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
+              /* @__PURE__ */ jsx35(XCircle, { size: 12 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5931\u8D25"
-            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs28("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
-              /* @__PURE__ */ jsx33(Square3, { size: 11 }),
+            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs30("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
+              /* @__PURE__ */ jsx35(Square3, { size: 11 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5DF2\u53D6\u6D88"
             ] }) : "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
           ]
         }
       ),
-      canCancel ? /* @__PURE__ */ jsx33(
+      canCancel ? /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -7963,13 +8225,13 @@ function CompactionCard({
         }
       ) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsxs28("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__ */ jsxs28("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsxs28("span", { children: [
+    expanded ? /* @__PURE__ */ jsxs30("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__ */ jsxs30("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsxs30("span", { children: [
           "#",
           shortId(source.compaction_id)
         ] }),
-        /* @__PURE__ */ jsxs28("span", { children: [
+        /* @__PURE__ */ jsxs30("span", { children: [
           "\u8282\u7701 ",
           formatSavedRatio(source.saved_ratio),
           "\uFF08",
@@ -7979,31 +8241,31 @@ function CompactionCard({
           formatTokens(source.tokens_after),
           " token\uFF09"
         ] }),
-        /* @__PURE__ */ jsxs28("span", { children: [
+        /* @__PURE__ */ jsxs30("span", { children: [
           "\u5F52\u6863 ",
           archivedCount,
           " \u4E2A\u5DE5\u5177\u7ED3\u679C"
         ] })
       ] }),
-      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx33("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
+      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx35("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
         const archivePath = getArchivePath(item, archivedFiles);
-        return /* @__PURE__ */ jsxs28(
+        return /* @__PURE__ */ jsxs30(
           "div",
           {
             className: "rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/35 px-2 py-1.5",
             children: [
-              /* @__PURE__ */ jsxs28("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
-                /* @__PURE__ */ jsx33("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
-                item.tool_call_id ? /* @__PURE__ */ jsx33("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
+              /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
+                /* @__PURE__ */ jsx35("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
+                item.tool_call_id ? /* @__PURE__ */ jsx35("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
               ] }),
-              archivePath ? /* @__PURE__ */ jsx33("div", { className: "mt-0.5 break-all font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: archivePath }) : null
+              archivePath ? /* @__PURE__ */ jsx35("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__ */ jsx33("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__ */ jsxs28("div", { className: "mt-2 text-rose-500/90", children: [
+      hasSummary ? /* @__PURE__ */ jsx35("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__ */ jsxs30("div", { className: "mt-2 text-rose-500/90", children: [
         "\u5931\u8D25\u539F\u56E0\uFF1A",
         source.failure_reason
       ] }) : null
@@ -8014,7 +8276,7 @@ function CompactionCard({
 // src/react/components/chat/RenderErrorBoundary.tsx
 import { AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { Component } from "react";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -8047,18 +8309,18 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx34("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx34(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx36("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx36(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs31("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs31("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs29("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs31("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__ */ jsx34("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx36("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
@@ -8076,8 +8338,8 @@ import {
   TerminalSquare,
   WandSparkles
 } from "lucide-react";
-import { useEffect as useEffect17, useMemo as useMemo17, useState as useState20 } from "react";
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useMemo as useMemo18, useState as useState21 } from "react";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
   if (durationMs == null) return null;
@@ -8155,7 +8417,7 @@ function getTurnStartedAt(events) {
   return null;
 }
 function useElapsedDuration(startedAt, active) {
-  const [now, setNow] = useState20(() => Date.now());
+  const [now, setNow] = useState21(() => Date.now());
   useEffect17(() => {
     if (!active || startedAt == null) {
       return;
@@ -8179,30 +8441,30 @@ function StickyStatusBar({
   onJumpToLatest
 }) {
   const events = useRuntimeStore((state) => state.events[sessionId] ?? EMPTY_EVENTS);
-  const startedAt = useMemo17(() => getTurnStartedAt(events), [events]);
+  const startedAt = useMemo18(() => getTurnStartedAt(events), [events]);
   const elapsedDuration = useElapsedDuration(startedAt, isStreaming && isLastTurn);
-  const action = useMemo17(() => getCurrentAction(messages), [messages]);
+  const action = useMemo18(() => getCurrentAction(messages), [messages]);
   if (!isStreaming || !isLastTurn) {
     return null;
   }
   const elapsedLabel = formatElapsedDuration(elapsedDuration);
   const Icon = action.Icon;
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(
     "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__ */ jsx35("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__ */ jsx35(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
-        /* @__PURE__ */ jsxs30("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx35("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
-          /* @__PURE__ */ jsxs30("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            elapsedLabel ? /* @__PURE__ */ jsxs30("span", { className: "font-mono", children: [
+        /* @__PURE__ */ jsx37("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__ */ jsx37(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
+        /* @__PURE__ */ jsxs32("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx37("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
+          /* @__PURE__ */ jsxs32("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            elapsedLabel ? /* @__PURE__ */ jsxs32("span", { className: "font-mono", children: [
               "\u5DF2\u6301\u7EED ",
               elapsedLabel
             ] }) : null,
-            /* @__PURE__ */ jsx35("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
+            /* @__PURE__ */ jsx37("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
           ] })
         ] })
       ]
@@ -8211,7 +8473,7 @@ function StickyStatusBar({
 }
 
 // src/react/components/chat/TurnNavRail.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function TurnNavRail({
   items,
   activeTurnId,
@@ -8220,14 +8482,14 @@ function TurnNavRail({
   if (items.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     "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__ */ jsxs31(
+        return /* @__PURE__ */ jsxs33(
           "button",
           {
             type: "button",
@@ -8235,8 +8497,8 @@ function TurnNavRail({
             "aria-current": isActive ? "true" : void 0,
             className: "group relative flex h-3.5 items-center",
             children: [
-              /* @__PURE__ */ jsx36("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__ */ jsx36(
+              /* @__PURE__ */ jsx38("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__ */ jsx38(
                 "span",
                 {
                   className: cn(
@@ -8270,7 +8532,10 @@ function calculateAnchoredScrollTop({
 }
 
 // src/react/components/chat/MessageList.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+function shouldAppendPendingAssistantTurn(sessionIsStreaming, lastMessage) {
+  return sessionIsStreaming && lastMessage !== void 0 && isUserMessage(lastMessage);
+}
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -8366,10 +8631,10 @@ function MessageList({
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId]);
   const askAnswers = useChatStore((state) => state.askAnswers[sessionId]);
   const sessionIsStreaming = useChatStore((state) => !!state.isStreaming[sessionId]);
-  const agentLoopNameSet = useMemo18(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
+  const agentLoopNameSet = useMemo19(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
   const assistantMessagesCacheRef = useRef13(/* @__PURE__ */ new Map());
   const stickContextRef = useRef13(null);
-  const renderBlocks = useMemo18(() => {
+  const renderBlocks = useMemo19(() => {
     const stableAssistantMessages = (key, buffer) => {
       const previous = assistantMessagesCacheRef.current.get(key);
       if (previous && previous.length === buffer.length && previous.every((message, index) => message === buffer[index])) {
@@ -8449,6 +8714,28 @@ function MessageList({
       if (last?.type === "assistant_turn") {
         ;
         last.isStreaming = true;
+      } else if (shouldAppendPendingAssistantTurn(
+        sessionIsStreaming,
+        last?.type === "message" ? last.message : void 0
+      )) {
+        assistantTurnCount += 1;
+        const pendingKey = `pending-assistant-${last.key}`;
+        blocks.push({
+          type: "assistant_turn",
+          messages: [
+            {
+              role: "assistant",
+              content: "",
+              entry_id: pendingKey,
+              status: "streaming",
+              loop_name: "root"
+            }
+          ],
+          key: pendingKey,
+          anchorId: `chat-turn-${assistantTurnCount}`,
+          isStreaming: true,
+          railTitle: lastUserPreview || "\u672C\u8F6E\u56DE\u590D"
+        });
       }
     }
     const activeAssistantKeys = new Set(
@@ -8461,13 +8748,13 @@ function MessageList({
     }
     return blocks;
   }, [agentLoopNameSet, messages, sessionIsStreaming]);
-  const hasInterruptedTurn = useMemo18(
+  const hasInterruptedTurn = useMemo19(
     () => renderBlocks.some(
       (block) => block.type === "assistant_turn" && block.messages.some((message) => message.status === "interrupted")
     ),
     [renderBlocks]
   );
-  const lastTurnId = useMemo18(() => {
+  const lastTurnId = useMemo19(() => {
     for (let index = renderBlocks.length - 1; index >= 0; index -= 1) {
       const block = renderBlocks[index];
       if (block.type === "assistant_turn") return block.anchorId;
@@ -8475,20 +8762,20 @@ function MessageList({
     }
     return null;
   }, [renderBlocks]);
-  const turnNavItems = useMemo18(
+  const turnNavItems = useMemo19(
     () => renderBlocks.filter((block) => block.type === "assistant_turn").map((block) => ({
       id: block.anchorId,
       title: block.railTitle
     })),
     [renderBlocks]
   );
-  const stickyTurn = useMemo18(
+  const stickyTurn = useMemo19(
     () => renderBlocks.find(
       (block) => block.type === "assistant_turn" && block.anchorId === lastTurnId && block.isStreaming
     ) ?? null,
     [lastTurnId, renderBlocks]
   );
-  const scrollEntryId = useMemo18(() => normalizeScrollEntryKey(scrollToEntryKey), [scrollToEntryKey]);
+  const scrollEntryId = useMemo19(() => normalizeScrollEntryKey(scrollToEntryKey), [scrollToEntryKey]);
   const shouldAnchorEntry = Boolean(scrollEntryId);
   const hasMessages = messages.length > 0;
   const containerRef = useRef13(null);
@@ -8500,8 +8787,8 @@ function MessageList({
   const entryScrollTimeoutRefs = useRef13([]);
   const appliedStartScrollKeyRef = useRef13(null);
   const appliedEntryScrollKeyRef = useRef13(null);
-  const [activeTurnId, setActiveTurnId] = useState21(lastTurnId);
-  const layoutSignature = useMemo18(
+  const [activeTurnId, setActiveTurnId] = useState22(lastTurnId);
+  const layoutSignature = useMemo19(
     () => getMessagesMeasureSignature(messages),
     [messages]
   );
@@ -8680,13 +8967,13 @@ function MessageList({
   const handleSelectTurn = useCallback12((turnId) => {
     document.getElementById(turnId)?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ref: containerRef,
       className: `relative min-h-0 flex-1 ${customization?.classNames?.messageListRoot ?? ""}`,
       children: [
-        turnNavItems.length > 1 ? /* @__PURE__ */ jsx37(
+        turnNavItems.length > 1 ? /* @__PURE__ */ jsx39(
           TurnNavRail,
           {
             items: turnNavItems,
@@ -8694,7 +8981,7 @@ function MessageList({
             onSelectTurn: handleSelectTurn
           }
         ) : null,
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs34(
           StickToBottom,
           {
             contextRef: stickContextRef,
@@ -8703,7 +8990,7 @@ function MessageList({
             resize: stickyTurn ? { damping: 0.8, stiffness: 0.08, mass: 1 } : "instant",
             targetScrollTop: shouldAnchorEntry ? getAnchorTargetScrollTop : void 0,
             children: [
-              /* @__PURE__ */ jsx37(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx39(StickToBottom.Content, { className: "px-5 pb-7 pt-8 sm:px-10 sm:pt-10", children: /* @__PURE__ */ jsx39(
                 MessageListContent,
                 {
                   askAnswers,
@@ -8720,7 +9007,7 @@ function MessageList({
                   customization
                 }
               ) }),
-              /* @__PURE__ */ jsx37(ScrollToBottomButton, {})
+              /* @__PURE__ */ jsx39(ScrollToBottomButton, {})
             ]
           },
           scrollEntryId ?? "latest"
@@ -8751,8 +9038,8 @@ function MessageListContent({
     }
     scrollToBottom();
   }, [lastTurnId, scrollToBottom]);
-  return /* @__PURE__ */ jsx37("div", { className: `mx-auto max-w-3xl ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs32("div", { className: `min-w-0 flex flex-col gap-8 ${customization?.classNames?.messageListInner ?? ""}`, children: [
-    stickyTurn ? /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39("div", { className: `mx-auto max-w-[748px] ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs34("div", { className: `min-w-0 flex flex-col gap-9 ${customization?.classNames?.messageListInner ?? ""}`, children: [
+    stickyTurn ? /* @__PURE__ */ jsx39(
       StickyStatusBar,
       {
         sessionId,
@@ -8762,37 +9049,37 @@ function MessageListContent({
         onJumpToLatest: handleJumpToLatest
       }
     ) : null,
-    renderBlocks.length === 0 ? customization?.components?.EmptyState ? /* @__PURE__ */ jsx37(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs32("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
-      /* @__PURE__ */ jsx37(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx37("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-      /* @__PURE__ */ jsx37("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__ */ jsx39(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs34("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
+      /* @__PURE__ */ jsx39(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx39("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+      /* @__PURE__ */ jsx39("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__ */ jsx37(
+        return /* @__PURE__ */ jsx39(
           "div",
           {
             id: block.anchorId ?? void 0,
             "data-entry-id": block.message.entry_id,
             className: "msg-animate scroll-mt-6",
-            children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx37(
+            children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx39(
               customization.components.UserMessage,
               {
                 message: block.message,
                 className: customization.classNames?.userMessage
               }
-            ) : /* @__PURE__ */ jsx37(
+            ) : /* @__PURE__ */ jsx39(
               UserMessageBubble,
               {
                 message: block.message,
                 className: customization?.classNames?.userMessage
               }
-            ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx37(
+            ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx39(
               customization.components.ErrorMessage,
               {
                 message: block.message,
                 className: customization.classNames?.errorMessage
               }
-            ) : /* @__PURE__ */ jsx37(
+            ) : /* @__PURE__ */ jsx39(
               ErrorMessageBlock,
               {
                 message: block.message,
@@ -8812,7 +9099,7 @@ function MessageListContent({
         );
         const isFollowedByPlanningExit = nextBlock?.type === "planning_divider" && nextBlock.kind === "exit";
         const showPlanCard = (hasExitPlan || isFollowedByPlanningExit) && onConfirmPlan && sessionStatus === "waiting_for_input";
-        return /* @__PURE__ */ jsxs32(
+        return /* @__PURE__ */ jsxs34(
           "div",
           {
             id: block.anchorId,
@@ -8820,13 +9107,13 @@ function MessageListContent({
             "data-entry-id": block.messages[0]?.entry_id,
             className: "msg-animate flex scroll-mt-6 flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx39(
                 RenderErrorBoundary,
                 {
                   label: "\u52A9\u624B\u6D88\u606F",
                   details: block.key,
                   resetKey: getMessagesResetSignature(block.messages),
-                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx37(
+                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx39(
                     customization.components.AssistantTurn,
                     {
                       turnKey: block.key,
@@ -8839,7 +9126,7 @@ function MessageListContent({
                       sessionStatus,
                       customization
                     }
-                  ) : /* @__PURE__ */ jsx37(
+                  ) : /* @__PURE__ */ jsx39(
                     AssistantTurnBlock,
                     {
                       turnKey: block.key,
@@ -8855,13 +9142,13 @@ function MessageListContent({
                   )
                 }
               ),
-              showPlanCard ? /* @__PURE__ */ jsx37(
+              showPlanCard ? /* @__PURE__ */ jsx39(
                 RenderErrorBoundary,
                 {
                   label: "\u89C4\u5212\u6458\u8981",
                   details: block.key,
                   resetKey: `${sessionStatus ?? ""}:${layoutSignature}`,
-                  children: /* @__PURE__ */ jsx37(
+                  children: /* @__PURE__ */ jsx39(
                     PlanSummaryCard,
                     {
                       messages: extractLatestPlanMessages(messages),
@@ -8877,7 +9164,7 @@ function MessageListContent({
         );
       }
       if (block.type === "compaction") {
-        return /* @__PURE__ */ jsx37("div", { className: "msg-animate", children: /* @__PURE__ */ jsx37(
+        return /* @__PURE__ */ jsx39("div", { className: "msg-animate", children: /* @__PURE__ */ jsx39(
           CompactionCard,
           {
             sessionId,
@@ -8886,41 +9173,41 @@ function MessageListContent({
           }
         ) }, block.key);
       }
-      return /* @__PURE__ */ jsx37(PlanningDivider, { kind: block.kind }, block.key);
+      return /* @__PURE__ */ jsx39(PlanningDivider, { kind: block.kind }, block.key);
     }),
-    sessionStatus === "interrupted" && !hasInterruptedTurn ? /* @__PURE__ */ jsx37("div", { className: "flex", children: /* @__PURE__ */ jsx37("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__ */ jsx39("div", { className: "flex", children: /* @__PURE__ */ jsx39("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__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     "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__ */ jsx37(ChevronDown3, { size: 14 }),
-        /* @__PURE__ */ jsx37("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx39(ChevronDown4, { size: 14 }),
+        /* @__PURE__ */ jsx39("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
   const isEnter = kind === "enter";
-  return /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx37("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs32("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__ */ jsx37(Lightbulb2, { size: 12 }),
-      /* @__PURE__ */ jsx37("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx39("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs34("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__ */ jsx39(Lightbulb2, { size: 12 }),
+      /* @__PURE__ */ jsx39("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx37("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx39("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 jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function ChatView({
   sessionId,
   renderAttachments,
@@ -8965,22 +9252,22 @@ function ChatView({
     },
     [send]
   );
-  const customization = useMemo19(
+  const customization = useMemo20(
     () => ({ classNames, components, renderers }),
     [classNames, components, renderers]
   );
   const SkillStatus = components?.SkillStatusBar;
-  return /* @__PURE__ */ jsxs33("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
-    isViewer && /* @__PURE__ */ jsxs33("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__ */ jsx38(Eye, { size: 14 }),
+  return /* @__PURE__ */ jsxs35("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
+    isViewer && /* @__PURE__ */ jsxs35("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__ */ jsx40(Eye, { size: 14 }),
       "\u4F60\u6B63\u5728\u67E5\u770B\u5206\u4EAB\u7684\u4F1A\u8BDD\uFF08\u53EA\u8BFB\uFF09"
     ] }),
-    !isViewer && /* @__PURE__ */ jsx38(ConnectionBanner, {}),
-    errorMessage && /* @__PURE__ */ jsxs33("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__ */ jsx38(CircleAlert2, { size: 16, className: "mt-0.5 shrink-0" }),
-      /* @__PURE__ */ jsx38("span", { children: errorMessage })
+    !isViewer && /* @__PURE__ */ jsx40(ConnectionBanner, {}),
+    errorMessage && /* @__PURE__ */ jsxs35("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__ */ jsx40(CircleAlert2, { size: 16, className: "mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsx40("span", { children: errorMessage })
     ] }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(
       MessageList,
       {
         sessionId,
@@ -8994,7 +9281,7 @@ function ChatView({
       },
       sessionId
     ),
-    !isViewer && /* @__PURE__ */ jsx38(
+    !isViewer && /* @__PURE__ */ jsx40(
       ChatInput,
       {
         onSend: (msg, options) => send(msg, mode, void 0, {
@@ -9053,6 +9340,7 @@ export {
   skillMentionSuggestionKey,
   SkillMention,
   ThinkingToggle,
+  PlanningToggle,
   ChatInput,
   ResourceIframe,
   ImageLightbox,
@@ -9079,4 +9367,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-3XDPNPE3.js.map
+//# sourceMappingURL=chunk-IGMLETZX.js.map