@blade-hq/agent-kit 1.0.14 → 1.0.15

package/dist/{chunk-DXDLZXDP.js → chunk-JHUSL3JZ.js}

@@ -8,7 +8,7 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-4K25SSZ4.js";
+} from "./chunk-J3PQU7BQ.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -16,7 +16,7 @@ import {
 } from "./chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "./chunk-CM3H6ZNV.js";
+} from "./chunk-U4KVB5OB.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -60,7 +60,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-3UY7SD3P.js";
+} from "./chunk-QEYZZDLM.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -69,7 +69,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-DN4CKDDQ.js";
+} from "./chunk-V74REX3Q.js";
 import {
   cn,
   copyToClipboard
@@ -688,8 +688,10 @@ var upgradeComputer = (...args) => r2().upgradeComputer(...args);
 
 // src/react/hooks/use-model-preferences.ts
 var PREFERRED_MODEL_KEY = "preferred_model";
+var THINKING_ENABLED_KEY = "llm.enable_thinking";
 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({
     queryKey: MODEL_CONFIG_QUERY_KEY,
@@ -732,6 +734,36 @@ function usePreferredModel() {
     setPreferredModel: (modelId) => mutation.mutate(modelId)
   };
 }
+function useThinkingPreference() {
+  const queryClient = useQueryClient();
+  const { data, isLoading } = useQuery({
+    queryKey: THINKING_ENABLED_QUERY_KEY,
+    queryFn: () => getUserPreference(THINKING_ENABLED_KEY),
+    staleTime: Number.POSITIVE_INFINITY
+  });
+  const mutation = useMutation({
+    mutationFn: (enabled) => setUserPreference(THINKING_ENABLED_KEY, enabled ? "true" : "false"),
+    onMutate: async (enabled) => {
+      await queryClient.cancelQueries({ queryKey: THINKING_ENABLED_QUERY_KEY });
+      const previous = queryClient.getQueryData(THINKING_ENABLED_QUERY_KEY);
+      queryClient.setQueryData(THINKING_ENABLED_QUERY_KEY, enabled ? "true" : "false");
+      return { previous };
+    },
+    onError: (_error, _enabled, context) => {
+      queryClient.setQueryData(THINKING_ENABLED_QUERY_KEY, context?.previous ?? null);
+    },
+    onSettled: () => {
+      void queryClient.invalidateQueries({ queryKey: THINKING_ENABLED_QUERY_KEY });
+    }
+  });
+  return {
+    thinkingEnabled: data !== "false",
+    thinkingPreference: data === "true" ? true : data === "false" ? false : null,
+    preferenceLoaded: data !== void 0,
+    setThinkingEnabled: (enabled) => mutation.mutate(enabled),
+    isLoading
+  };
+}
 
 // src/react/components/model/ModelSelector.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -2064,8 +2096,43 @@ var SkillMention = Mention2.extend({
   }
 });
 
+// src/react/components/chat/ThinkingToggle.tsx
+import { Brain } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function ThinkingToggle({ enabled, onChange, disabled }) {
+  return /* @__PURE__ */ jsxs8(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": enabled,
+      "aria-label": enabled ? "\u5173\u95ED\u601D\u8003\u6A21\u5F0F" : "\u5F00\u542F\u601D\u8003\u6A21\u5F0F",
+      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__ */ jsxs8("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx9(Brain, { size: 14, "aria-hidden": "true" }),
+          "\u601D\u8003\u6A21\u5F0F"
+        ] }),
+        /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx9("span", { className: "text-[10px] text-[hsl(var(--muted-foreground))]", children: enabled ? "\u5F00" : "\u5173" }),
+          /* @__PURE__ */ jsx9(
+            "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__ */ jsx9("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 jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var DOUBLE_ESCAPE_MS = 450;
 function getEditorText(editor) {
   return editor?.getText({ blockSeparator: "\n" }) ?? "";
@@ -2186,7 +2253,7 @@ function isMessageContentEmpty(content) {
 function isImageAttachment(attachment) {
   return attachment.kind === "file" && attachment.mimeType.startsWith("image/");
 }
-function buildSubmitPayload(text, attachments, pendingContexts, onBeforeSend) {
+async function buildSubmitPayload(text, attachments, pendingContexts, onBeforeSend) {
   const validAttachments = attachments.filter((attachment) => attachment.status !== "failed");
   const payload = buildMessageContent(text, validAttachments);
   const contextParts = pendingContexts.flatMap((context) => {
@@ -2206,7 +2273,7 @@ ${context.content}`
     return parts;
   });
   const mergedPayload = contextParts.length === 0 ? payload : typeof payload === "string" ? payload.trim() ? [...contextParts, { type: "text", text: payload }] : contextParts : [...contextParts, ...payload];
-  return onBeforeSend ? onBeforeSend(mergedPayload) : mergedPayload;
+  return onBeforeSend ? await onBeforeSend(mergedPayload) : mergedPayload;
 }
 function estimateTokenCount(text) {
   const cjkCount = (text.match(/[\u3400-\u9FFF]/g) ?? []).length;
@@ -2231,38 +2298,38 @@ 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__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "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__ */ jsx9(
+        uploadPercent !== null ? /* @__PURE__ */ jsx10(
           "span",
           {
             className: "absolute inset-y-0 left-0 bg-[hsl(var(--primary))]/10 transition-[width]",
             style: { width: `${uploadPercent}%` }
           }
         ) : null,
-        isUploading ? /* @__PURE__ */ jsx9(
+        isUploading ? /* @__PURE__ */ jsx10(
           Loader22,
           {
             size: 12,
             className: "relative z-10 shrink-0 animate-spin text-[hsl(var(--muted-foreground))]"
           }
-        ) : /* @__PURE__ */ jsx9(Icon, { size: 12, className: "relative z-10 shrink-0 text-[hsl(var(--muted-foreground))]" }),
-        /* @__PURE__ */ jsx9("span", { className: "relative z-10 max-w-32 truncate", children: attachment.name }),
-        uploadPercent !== null ? /* @__PURE__ */ jsxs8("span", { className: "relative z-10 font-mono text-[10px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+        ) : /* @__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: [
           uploadPercent,
           "%"
         ] }) : null,
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
             onClick: () => onRemove(attachment.id),
             "aria-label": `\u79FB\u9664 ${attachment.name}`,
             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__ */ jsx9(X2, { size: 10 })
+            children: /* @__PURE__ */ jsx10(X2, { size: 10 })
           }
         )
       ]
@@ -2381,7 +2448,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       setImportingId(null);
     }
   };
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-4",
@@ -2389,44 +2456,44 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       onKeyDown: (e) => {
         if (e.key === "Escape") onClose();
       },
-      children: /* @__PURE__ */ jsxs8(
+      children: /* @__PURE__ */ jsxs9(
         "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__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx9("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }),
-              /* @__PURE__ */ jsx9(
+            /* @__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(
                 "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__ */ jsx9(X2, { size: 14 })
+                  children: /* @__PURE__ */ jsx10(X2, { size: 14 })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "px-5 py-4 space-y-3", children: [
-              /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsxs9("div", { className: "px-5 py-4 space-y-3", children: [
+              /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs9(
                   "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__ */ jsx9(Import, { size: 12 }),
+                      /* @__PURE__ */ jsx10(Import, { size: 12 }),
                       "\u4ECE\u5176\u4ED6\u4F1A\u8BDD\u5BFC\u5165",
-                      /* @__PURE__ */ jsx9(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
+                      /* @__PURE__ */ jsx10(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
                     ]
                   }
                 ),
-                showSessionPicker && /* @__PURE__ */ jsx9("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__ */ jsxs8("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx9(Loader22, { size: 12, className: "animate-spin" }),
+                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" }),
                   "\u52A0\u8F7D\u4F1A\u8BDD\u5217\u8868\u2026"
-                ] }) : sessions.length === 0 ? /* @__PURE__ */ jsx9("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__ */ jsxs8(
+                ] }) : 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(
                   "button",
                   {
                     type: "button",
@@ -2434,16 +2501,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__ */ jsx9(Loader22, { size: 10, className: "shrink-0 animate-spin" }),
-                      /* @__PURE__ */ jsx9("span", { className: "truncate", children: s.intent })
+                      importingId === s.id && /* @__PURE__ */ jsx10(Loader22, { size: 10, className: "shrink-0 animate-spin" }),
+                      /* @__PURE__ */ jsx10("span", { className: "truncate", children: s.intent })
                     ]
                   },
                   s.id
                 )) })
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx9("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }),
-                /* @__PURE__ */ jsx9(
+              /* @__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(
                   "input",
                   {
                     id: "ctx-label",
@@ -2454,13 +2521,13 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx9("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }),
-                isImportProcessing && /* @__PURE__ */ jsxs8("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx9(Loader22, { size: 11, className: "animate-spin" }),
+              /* @__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" }),
                   "\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__ */ jsx9(
+                /* @__PURE__ */ jsx10(
                   "textarea",
                   {
                     id: "ctx-content",
@@ -2473,8 +2540,8 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
+              /* @__PURE__ */ jsx10(
                 "button",
                 {
                   type: "button",
@@ -2483,7 +2550,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   children: "\u53D6\u6D88"
                 }
               ),
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx10(
                 "button",
                 {
                   type: "button",
@@ -2514,19 +2581,19 @@ function ComposerContextPill({
 }) {
   const [showDetail, setShowDetail] = useState8(false);
   const tokenK = formatTokenK(content);
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsxs8("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__ */ jsx9(
+  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(
         "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__ */ jsx9("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
+          children: /* @__PURE__ */ jsx10("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
         }
       ) : null,
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           type: "button",
@@ -2536,7 +2603,7 @@ function ComposerContextPill({
           children: label
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "span",
         {
           className: "shrink-0 rounded bg-[hsl(var(--background))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]",
@@ -2544,18 +2611,18 @@ function ComposerContextPill({
           children: tokenK
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           type: "button",
           onClick: () => onRemove(id),
           "aria-label": `\u79FB\u9664\u4E0A\u4E0B\u6587 ${label}`,
           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__ */ jsx9(X2, { size: 10 })
+          children: /* @__PURE__ */ jsx10(X2, { size: 10 })
         }
       )
     ] }),
-    showDetail && /* @__PURE__ */ jsx9(
+    showDetail && /* @__PURE__ */ jsx10(
       "div",
       {
         className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-6",
@@ -2563,31 +2630,31 @@ function ComposerContextPill({
         onKeyDown: (e) => {
           if (e.key === "Escape") setShowDetail(false);
         },
-        children: /* @__PURE__ */ jsxs8(
+        children: /* @__PURE__ */ jsxs9(
           "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__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
-                /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx9("h4", { className: "truncate text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
-                  imageUrl ? /* @__PURE__ */ jsx9("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__ */ 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__ */ jsx9(
+                /* @__PURE__ */ jsx10(
                   "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__ */ jsx9(X2, { size: 14 })
+                    children: /* @__PURE__ */ jsx10(X2, { size: 14 })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs8("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
-                imageUrl ? /* @__PURE__ */ jsx9("div", { className: "mb-4 rounded-xl border border-[hsl(var(--border))] bg-white p-2", children: /* @__PURE__ */ jsx9("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "max-h-72 max-w-full rounded-lg object-contain" }) }) : null,
-                /* @__PURE__ */ jsx9("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content })
+              /* @__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 })
               ] })
             ]
           }
@@ -2788,7 +2855,13 @@ function ChatInput({
   const [isEditorFocused, setIsEditorFocused] = useState8(false);
   const [oversizedFiles, setOversizedFiles] = useState8([]);
   const [selectedModel, setSelectedModel] = useState8("");
+  const [thinkingOverride, setThinkingOverride] = useState8(null);
   const { setPreferredModel } = usePreferredModel();
+  const {
+    thinkingEnabled: preferredThinkingEnabled,
+    thinkingPreference,
+    setThinkingEnabled: setPreferredThinkingEnabled
+  } = useThinkingPreference();
   const queryClient = useQueryClient2();
   const actionMenuRef = useRef5(null);
   const fileInputRef = useRef5(null);
@@ -2957,7 +3030,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx10(
                   FileCompletionMenu,
                   {
                     ref: (instance) => {
@@ -3034,7 +3107,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx10(
                   SkillCompletionMenu,
                   {
                     ref: (instance) => {
@@ -3391,7 +3464,7 @@ function ChatInput({
         }
       }
       const activePendingContexts = pendingContexts ?? [];
-      const nextPayload = buildSubmitPayload(
+      const nextPayload = await buildSubmitPayload(
         text,
         updatedAttachments,
         activePendingContexts,
@@ -3403,7 +3476,11 @@ function ChatInput({
       if (activeSessionId && activePendingContexts.length > 0) {
         consumePendingContexts(activeSessionId);
       }
-      onSend(nextPayload, uploadTargetSessionId, selectedModel || null);
+      onSend(nextPayload, {
+        targetSessionId: uploadTargetSessionId,
+        model: selectedModel || null,
+        thinkingOverride: sessionThinking != null || thinkingPreference != null ? thinkingEnabled : void 0
+      });
       if (text.trim()) {
         inputHistory.addEntry(text);
       }
@@ -3424,6 +3501,8 @@ function ChatInput({
   const currentSession = useSessionStore(
     (state) => activeSessionId ? state.sessions.find((s) => s.id === activeSessionId) : void 0
   );
+  const sessionThinking = currentSession?.enable_thinking;
+  const thinkingEnabled = thinkingOverride != null && thinkingOverride.sid === activeSessionId ? thinkingOverride.val : sessionThinking ?? preferredThinkingEnabled;
   const isSkillEditor = currentSession?.solution_id === "skill_editor" || currentSession?.template_id === "skill_editor";
   const imageAttachments = composerAttachments.filter(isImageAttachment);
   const fileAttachments = composerAttachments.filter(
@@ -3434,11 +3513,11 @@ function ChatInput({
   );
   const hasValidAttachments = composerAttachments.some((attachment) => attachment.status !== "failed");
   const isSendDisabled = connectionStatus !== "connected" || isModelLoading || !hasAvailableModel || hasUploadingFiles || !input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts;
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsx9("div", { className: `bg-[hsl(var(--background))] px-5 py-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs8("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: [
-      activeSessionId ? /* @__PURE__ */ jsx9(BackgroundTasksPill, { sessionId: activeSessionId }) : null,
-      !isModelLoading && !hasAvailableModel ? /* @__PURE__ */ jsx9("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__ */ jsx9(
+  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(
         "div",
         {
           className: "relative",
@@ -3472,19 +3551,19 @@ function ChatInput({
               if (files.length > 0) void stableAppendFiles(files);
             });
           },
-          children: /* @__PURE__ */ jsxs8(
+          children: /* @__PURE__ */ jsxs9(
             "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))]"}`,
               children: [
-                dragging && /* @__PURE__ */ jsx9("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__ */ jsx9("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__ */ jsxs8("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__ */ jsx9("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => /* @__PURE__ */ jsxs8(
+                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(
                     "div",
                     {
                       className: "relative overflow-hidden rounded-xl border border-[hsl(var(--border))]",
                       children: [
-                        /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx10(
                           "img",
                           {
                             src: getImagePreviewUrl(attachment, activeSessionId, localImageUrls),
@@ -3492,21 +3571,21 @@ function ChatInput({
                             className: "h-24 w-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx10(
                           "button",
                           {
                             type: "button",
                             onClick: () => removeAttachment(attachment.id),
                             "aria-label": `\u79FB\u9664 ${attachment.name || "\u56FE\u7247"}`,
                             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__ */ jsx9(X2, { size: 12 })
+                            children: /* @__PURE__ */ jsx10(X2, { size: 12 })
                           }
                         )
                       ]
                     },
                     attachment.id
                   )) }),
-                  fileAttachments.length > 0 && /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx9(
+                  fileAttachments.length > 0 && /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx10(
                     ComposerFilePill,
                     {
                       attachment,
@@ -3515,8 +3594,8 @@ function ChatInput({
                     attachment.id
                   )) })
                 ] }),
-                hasPendingContexts || isSkillEditor ? /* @__PURE__ */ jsxs8("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__ */ jsx9(
+                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(
                     ComposerContextPill,
                     {
                       id: context.id,
@@ -3532,18 +3611,18 @@ function ChatInput({
                     },
                     context.id
                   )),
-                  isSkillEditor && /* @__PURE__ */ jsx9(
+                  isSkillEditor && /* @__PURE__ */ jsx10(
                     "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__ */ jsx9(Plus, { size: 12 })
+                      children: /* @__PURE__ */ jsx10(Plus, { size: 12 })
                     }
                   )
                 ] }) : null,
-                showAddContext && activeSessionId && /* @__PURE__ */ jsx9(
+                showAddContext && activeSessionId && /* @__PURE__ */ jsx10(
                   AddContextDialog,
                   {
                     sessionId: activeSessionId,
@@ -3555,15 +3634,15 @@ function ChatInput({
                     }
                   }
                 ),
-                attachments ? /* @__PURE__ */ jsx9("div", { className: "border-b border-[hsl(var(--border))] px-3 py-3", children: attachments }) : null,
-                slotAboveTextarea ? /* @__PURE__ */ jsx9("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2", children: slotAboveTextarea }) : null,
-                /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
-                  input.length === 0 && /* @__PURE__ */ jsx9("div", { className: "pointer-events-none absolute left-4 top-3 text-sm leading-relaxed text-[hsl(var(--muted-foreground))]", children: placeholder }),
-                  /* @__PURE__ */ jsx9(EditorContent, { editor })
+                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 })
                 ] }),
-                /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-t border-[hsl(var(--border))] px-3 py-1.5", children: [
-                  /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx9(
+                /* @__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(
                       "input",
                       {
                         ref: fileInputRef,
@@ -3579,7 +3658,7 @@ function ChatInput({
                         className: "hidden"
                       }
                     ),
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       "input",
                       {
                         ref: folderInputRef,
@@ -3595,18 +3674,18 @@ function ChatInput({
                         ...{ webkitdirectory: "" }
                       }
                     ),
-                    /* @__PURE__ */ jsxs8("details", { ref: actionMenuRef, className: "group relative", children: [
-                      /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsxs9("details", { ref: actionMenuRef, className: "group relative", children: [
+                      /* @__PURE__ */ jsx10(
                         "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__ */ jsx9(Plus, { size: 14 })
+                          children: /* @__PURE__ */ jsx10(Plus, { size: 14 })
                         }
                       ),
-                      /* @__PURE__ */ jsxs8("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__ */ jsxs8(
+                      /* @__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(
                           "button",
                           {
                             type: "button",
@@ -3616,12 +3695,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__ */ jsx9(Paperclip, { size: 13 }),
+                              /* @__PURE__ */ jsx10(Paperclip, { size: 13 }),
                               "\u4E0A\u4F20\u6587\u4EF6"
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs8(
+                        /* @__PURE__ */ jsxs9(
                           "button",
                           {
                             type: "button",
@@ -3631,12 +3710,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__ */ jsx9(FolderUp, { size: 13 }),
+                              /* @__PURE__ */ jsx10(FolderUp, { size: 13 }),
                               "\u4E0A\u4F20\u6587\u4EF6\u5939"
                             ]
                           }
                         ),
-                        onDoubleEscape ? /* @__PURE__ */ jsxs8(
+                        onDoubleEscape ? /* @__PURE__ */ jsxs9(
                           "button",
                           {
                             type: "button",
@@ -3648,13 +3727,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__ */ jsx9(RotateCcw, { size: 13 }),
+                              /* @__PURE__ */ jsx10(RotateCcw, { size: 13 }),
                               "\u56DE\u5230\u4E4B\u524D\u7684\u67D0\u4E00\u6B65"
                             ]
                           }
                         ) : null,
-                        onCommand ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-                          /* @__PURE__ */ jsxs8(
+                        onCommand ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                          /* @__PURE__ */ jsxs9(
                             "button",
                             {
                               type: "button",
@@ -3665,12 +3744,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__ */ jsx9(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx9(Scissors, { size: 13 }),
+                                isStreaming ? /* @__PURE__ */ jsx10(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx10(Scissors, { size: 13 }),
                                 "\u6574\u7406\u5BF9\u8BDD"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs8(
+                          /* @__PURE__ */ jsxs9(
                             "button",
                             {
                               type: "button",
@@ -3680,12 +3759,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__ */ jsx9(Download, { size: 13 }),
+                                /* @__PURE__ */ jsx10(Download, { size: 13 }),
                                 "\u5BFC\u51FA\u4F1A\u8BDD"
                               ]
                             }
                           ),
-                          canShareSession ? /* @__PURE__ */ jsxs8(
+                          canShareSession ? /* @__PURE__ */ jsxs9(
                             "button",
                             {
                               type: "button",
@@ -3695,12 +3774,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__ */ jsx9(Share2, { size: 13 }),
+                                /* @__PURE__ */ jsx10(Share2, { size: 13 }),
                                 "\u5206\u4EAB\u4F1A\u8BDD"
                               ]
                             }
                           ) : null,
-                          /* @__PURE__ */ jsxs8(
+                          /* @__PURE__ */ jsxs9(
                             "button",
                             {
                               type: "button",
@@ -3710,12 +3789,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__ */ jsx9(FlaskConical, { size: 13 }),
+                                /* @__PURE__ */ jsx10(FlaskConical, { size: 13 }),
                                 "\u63D0\u53D6\u6280\u80FD"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs8(
+                          /* @__PURE__ */ jsxs9(
                             "button",
                             {
                               type: "button",
@@ -3725,16 +3804,26 @@ 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__ */ jsx9(Rocket, { size: 13 }),
+                                /* @__PURE__ */ jsx10(Rocket, { size: 13 }),
                                 "\u751F\u6210\u5E94\u7528"
                               ]
                             }
                           )
                         ] }) : null,
-                        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-                          /* @__PURE__ */ jsx9(Sparkles2, { size: 13 }),
-                          /* @__PURE__ */ jsx9("span", { className: "shrink-0", children: "\u6A21\u578B" }),
-                          /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx10(
+                          ThinkingToggle,
+                          {
+                            enabled: thinkingEnabled,
+                            onChange: (next) => {
+                              setThinkingOverride({ sid: activeSessionId, val: next });
+                              setPreferredThinkingEnabled(next);
+                            }
+                          }
+                        ),
+                        /* @__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(
                             ModelSelector,
                             {
                               value: selectedModel,
@@ -3752,7 +3841,7 @@ function ChatInput({
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       "button",
                       {
                         type: "button",
@@ -3762,23 +3851,23 @@ function ChatInput({
                         "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__ */ jsx9(Lightbulb, { size: 13 })
+                        children: /* @__PURE__ */ jsx10(Lightbulb, { size: 13 })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsxs8("div", { className: "group/help relative", children: [
-                      /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxs9("div", { className: "group/help relative", children: [
+                      /* @__PURE__ */ jsx10(
                         "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__ */ jsx9(CircleHelp, { size: 13 })
+                          children: /* @__PURE__ */ jsx10(CircleHelp, { size: 13 })
                         }
                       ),
-                      /* @__PURE__ */ jsx9("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__ */ jsxs8("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 ? /* @__PURE__ */ jsx9("div", { className: "mb-2 border-b border-[hsl(var(--border))] pb-2", children: /* @__PURE__ */ jsx9(
+                      /* @__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 ? /* @__PURE__ */ jsx10("div", { className: "mb-2 border-b border-[hsl(var(--border))] pb-2", children: /* @__PURE__ */ jsx10(
                           SkillStatusBarComponent,
                           {
                             sessionId: activeSessionId,
@@ -3789,15 +3878,15 @@ function ChatInput({
                             innerClassName: skillStatusBarInnerClassName
                           }
                         ) }) : null,
-                        /* @__PURE__ */ jsxs8("div", { className: "space-y-0.5", children: [
-                          /* @__PURE__ */ jsx9("div", { children: "Shift+Enter \u6362\u884C" }),
-                          /* @__PURE__ */ jsx9("div", { children: "/ \u8C03\u7528\u6280\u80FD" }),
-                          /* @__PURE__ */ jsx9("div", { children: "@ \u5F15\u7528\u6587\u4EF6" }),
-                          composerHint && /* @__PURE__ */ jsx9("div", { children: composerHint })
+                        /* @__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__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       "button",
                       {
                         type: "button",
@@ -3806,10 +3895,10 @@ function ChatInput({
                         "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__ */ jsx9(MicOff, { size: 13 }) : isRecording ? /* @__PURE__ */ jsx9(VoiceWaveform, { level: voiceLevel, size: 18 }) : /* @__PURE__ */ jsx9(Mic, { size: 13 })
+                        children: !asrEnabled ? /* @__PURE__ */ jsx10(MicOff, { size: 13 }) : isRecording ? /* @__PURE__ */ jsx10(VoiceWaveform, { level: voiceLevel, size: 18 }) : /* @__PURE__ */ jsx10(Mic, { size: 13 })
                       }
                     ),
-                    isStreaming ? /* @__PURE__ */ jsx9(
+                    isStreaming ? /* @__PURE__ */ jsx10(
                       "button",
                       {
                         type: "button",
@@ -3817,9 +3906,9 @@ function ChatInput({
                         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__ */ jsx9(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx9(Square2, { size: 13 })
+                        children: isStopping ? /* @__PURE__ */ jsx10(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx10(Square2, { size: 13 })
                       }
-                    ) : /* @__PURE__ */ jsx9(
+                    ) : /* @__PURE__ */ jsx10(
                       "button",
                       {
                         type: "button",
@@ -3828,7 +3917,7 @@ function ChatInput({
                         "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: /* @__PURE__ */ jsx9(Send, { size: 13 })
+                        children: /* @__PURE__ */ jsx10(Send, { size: 13 })
                       }
                     )
                   ] })
@@ -3839,7 +3928,7 @@ function ChatInput({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       FileSizeLimitDialog,
       {
         open: oversizedFiles.length > 0,
@@ -3857,18 +3946,18 @@ function ChatInput({
 
 // src/react/components/chat/ConnectionBanner.tsx
 import { AlertTriangle, LoaderCircle } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function getBannerCopy(status, reconnectAttempt, hasEverConnected) {
   if (status === "connecting") {
     return {
-      icon: /* @__PURE__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
+      icon: /* @__PURE__ */ jsx11(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__ */ jsx10(AlertTriangle, { size: 14 }),
+    icon: /* @__PURE__ */ jsx11(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"
@@ -3883,7 +3972,7 @@ function ConnectionBanner() {
     return null;
   }
   const copy = getBannerCopy(status, reconnectAttempt, hasEverConnected);
-  return /* @__PURE__ */ jsx10("div", { className: "bg-[hsl(var(--background))] px-5 pt-3", children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx11("div", { className: "bg-[hsl(var(--background))] px-5 pt-3", children: /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(
@@ -3891,10 +3980,10 @@ function ConnectionBanner() {
         copy.toneClass
       ),
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "mt-0.5 shrink-0", children: copy.icon }),
-        /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx10("div", { className: "text-sm font-medium", children: copy.title }),
-          /* @__PURE__ */ jsx10("div", { className: "text-xs opacity-80", children: copy.detail })
+        /* @__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 })
         ] })
       ]
     }
@@ -4365,7 +4454,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 jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -4389,7 +4478,7 @@ var ShimmerComponent = ({
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -4415,7 +4504,7 @@ var ShimmerComponent = ({
 var Shimmer = memo(ShimmerComponent);
 
 // src/react/components/ai-elements/reasoning.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var ReasoningContext = createContext2(null);
 var useReasoning = () => {
   const context = useContext2(ReasoningContext);
@@ -4466,7 +4555,7 @@ var Reasoning = memo2(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx12(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx13(
       Collapsible,
       {
         className: cn("not-prose", className),
@@ -4491,7 +4580,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__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       CollapsibleTrigger,
       {
         className: cn(
@@ -4499,16 +4588,16 @@ var ReasoningTrigger = memo2(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-          /* @__PURE__ */ jsx12(BrainIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
-            isStreaming || duration === 0 ? /* @__PURE__ */ jsx12(Shimmer, { duration: 1, children: status }) : /* @__PURE__ */ jsx12("span", { children: status }),
-            /* @__PURE__ */ jsxs10("span", { className: "text-[hsl(var(--muted-foreground))]/70", children: [
+        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: [
               "\xB7 ",
               detail
             ] })
           ] }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             ChevronDownIcon,
             {
               className: cn(
@@ -4525,7 +4614,7 @@ var ReasoningTrigger = memo2(
 var streamdownPlugins = { cjk, math, mermaid };
 var streamdownComponents = { code: CardCodeBlock };
 var ReasoningContent = memo2(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx12(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx13(
     CollapsibleContent,
     {
       className: cn(
@@ -4534,7 +4623,7 @@ var ReasoningContent = memo2(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx12(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children })
+      children: /* @__PURE__ */ jsx13(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children })
     }
   )
 );
@@ -4544,7 +4633,7 @@ function compactReasoningText(text) {
 function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
   const compactReasoning = compactReasoningText(reasoning);
   const [open, setOpen] = useState10(false);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "span",
     {
       className: cn(
@@ -4552,7 +4641,7 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
         variant === "inline" ? "ml-1" : "ml-1 shrink-0"
       ),
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -4567,7 +4656,7 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
           }
         ),
         open ? createPortal2(
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "div",
             {
               className: "fixed inset-0 z-[70] flex items-center justify-center bg-black/10 p-6",
@@ -4583,26 +4672,26 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
                   setOpen(false);
                 }
               },
-              children: /* @__PURE__ */ jsxs10(
+              children: /* @__PURE__ */ jsxs11(
                 "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__ */ jsxs10("div", { className: "flex items-center justify-between gap-3 border-b border-[hsl(var(--border))] px-4 py-2", children: [
-                      /* @__PURE__ */ jsx12("span", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u601D\u8003\u8BE6\u60C5" }),
-                      /* @__PURE__ */ jsx12(
+                    /* @__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(
                         "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__ */ jsx12(XIcon, { size: 14, "aria-hidden": "true" })
+                          children: /* @__PURE__ */ jsx13(XIcon, { size: 14, "aria-hidden": "true" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx12("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__ */ jsx12(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children: compactReasoning }) })
+                    /* @__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 }) })
                   ]
                 }
               )
@@ -4624,7 +4713,7 @@ import { useEffect as useEffect14, 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 jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function isResourceBridgeMessage(value) {
   return typeof value === "object" && value !== null && value.__resourceBridge === true && typeof value.action === "string";
 }
@@ -4731,7 +4820,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__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "iframe",
     {
       ref: iframeRef,
@@ -4770,7 +4859,7 @@ import { Check as Check2, ChevronRight as ChevronRight3, Loader2 as Loader23, Me
 import { useMemo as useMemo13, useState as useState14 } from "react";
 
 // src/react/components/chat/tool-renderers/shared.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function getResultText(result) {
   if (typeof result === "string") return result;
   if (Array.isArray(result)) {
@@ -4837,7 +4926,7 @@ function CodePreview({
 }) {
   const { highlightedHtml } = useHighlightedCodeHtml(content, getCodeLanguage(filePath));
   if (!content.trim()) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "pre",
       {
         className: cn(
@@ -4845,11 +4934,11 @@ function CodePreview({
           "bg-[hsl(var(--muted))]/35 p-3 font-mono text-[11px] text-[hsl(var(--muted-foreground))]",
           className
         ),
-        children: /* @__PURE__ */ jsx14("code", { children: emptyLabel })
+        children: /* @__PURE__ */ jsx15("code", { children: emptyLabel })
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "pre",
     {
       className: cn(
@@ -4857,19 +4946,19 @@ function CodePreview({
         "bg-[hsl(var(--muted))]/35 p-3 text-[11px]",
         className
       ),
-      children: highlightedHtml ? /* @__PURE__ */ jsx14(
+      children: highlightedHtml ? /* @__PURE__ */ jsx15(
         "code",
         {
           className: "font-mono",
           dangerouslySetInnerHTML: { __html: highlightedHtml }
         }
-      ) : /* @__PURE__ */ jsx14("code", { className: "whitespace-pre-wrap break-words font-mono text-[hsl(var(--foreground))]", children: content })
+      ) : /* @__PURE__ */ jsx15("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 jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function pickOutputField(data) {
   if (!data) return null;
   for (const key of ["output", "stdout", "stderr"]) {
@@ -4879,7 +4968,7 @@ function pickOutputField(data) {
   return null;
 }
 function MetaPill({ label }) {
-  return /* @__PURE__ */ jsx15("span", { className: "rounded-full border border-border bg-muted px-2 py-0.5 text-[10px] text-secondary-foreground", children: 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 });
 }
 function BashRenderer({ toolCall }) {
   const argsValue = parseJsonValue(toolCall.arguments);
@@ -4902,16 +4991,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__ */ jsxs11("div", { className: "space-y-3", children: [
-    (description || cwd) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-      description ? /* @__PURE__ */ jsx15("span", { children: description }) : null,
-      cwd ? /* @__PURE__ */ jsx15("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: cwd }) : null
+  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
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [
-      /* @__PURE__ */ jsx15("div", { className: "border-b border-border px-3 py-2 text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u547D\u4EE4" }),
-      /* @__PURE__ */ jsx15("pre", { className: "overflow-x-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx15("code", { children: `$ ${command || "\uFF08\u672A\u63D0\u4F9B\u547D\u4EE4\uFF09"}` }) })
+    /* @__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__ */ jsxs11(
+    /* @__PURE__ */ jsxs12(
       "div",
       {
         className: cn(
@@ -4919,26 +5008,26 @@ function BashRenderer({ toolCall }) {
           hasFailure ? "border-red-500/50" : "border-border"
         ),
         children: [
-          /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsx15("div", { className: "text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u8F93\u51FA" }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-              taskId ? /* @__PURE__ */ jsx15(MetaPill, { label: `\u4EFB\u52A1 ${taskId}` }) : null,
-              exitCode !== null ? /* @__PURE__ */ jsx15(MetaPill, { label: `\u9000\u51FA\u7801 ${exitCode}` }) : null,
-              timedOut ? /* @__PURE__ */ jsx15(MetaPill, { label: "\u5DF2\u8D85\u65F6" }) : null,
-              truncated ? /* @__PURE__ */ jsx15(MetaPill, { label: "\u8F93\u51FA\u5DF2\u622A\u65AD" }) : null,
-              normalizedName === "BgBash" && !taskId ? /* @__PURE__ */ jsx15(MetaPill, { label: "\u540E\u53F0\u4EFB\u52A1" }) : null
+          /* @__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__ */ jsx15("pre", { className: "max-h-[280px] overflow-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx15("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__ */ 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" }) })
         ]
       }
     ),
-    cwdResetNote ? /* @__PURE__ */ jsx15("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__ */ 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
   ] });
 }
 
 // src/react/components/chat/tool-renderers/FileEditRenderer.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var MAX_DIFF_LINES = 200;
 function computeDiff(oldText, newText) {
   const oldLines = oldText.split("\n");
@@ -5053,21 +5142,21 @@ function FileEditRenderer({ toolCall }) {
   const diffLines = normalizedName === "Write" ? buildWritePreview(writeContent) : buildEditPreview(args);
   const resultStr = typeof toolCall.result === "string" ? toolCall.result : null;
   const summaryText = resultStr?.trim() && !errorMessage ? resultStr.trim() : null;
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx16("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__ */ jsx16("div", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: filePath ?? fileName })
+  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 })
       ] }),
-      checksum ? /* @__PURE__ */ jsx16("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__ */ 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
     ] }),
-    description ? /* @__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: description }) : null,
-    errorMessage ? /* @__PURE__ */ jsx16("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__ */ jsxs12("div", { className: "overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20", children: [
-      /* @__PURE__ */ jsx16("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__ */ jsx16("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__ */ 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) => {
         const prefix = line.type === "added" ? "+ " : line.type === "removed" ? "- " : "  ";
-        return /* @__PURE__ */ jsxs12(
+        return /* @__PURE__ */ jsxs13(
           "div",
           {
             className: cn(
@@ -5077,9 +5166,9 @@ function FileEditRenderer({ toolCall }) {
               line.type === "unchanged" && "text-[hsl(var(--foreground))]"
             ),
             children: [
-              /* @__PURE__ */ jsx16("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.oldLine ?? "" }),
-              /* @__PURE__ */ jsx16("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.newLine ?? "" }),
-              /* @__PURE__ */ jsxs12("span", { className: "min-w-0 whitespace-pre-wrap break-words py-0.5", 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: [
                 prefix,
                 line.value
               ] })
@@ -5087,9 +5176,9 @@ function FileEditRenderer({ toolCall }) {
           },
           `${line.type}-${line.oldLine}-${line.newLine}-${index}`
         );
-      }) : /* @__PURE__ */ jsx16("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__ */ 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" }) })
     ] }),
-    summaryText ? /* @__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: summaryText }) : null
+    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
   ] });
 }
 
@@ -5100,7 +5189,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 jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const [currentIndex, setCurrentIndex] = useState12(initialIndex);
   const [scale, setScale] = useState12(1);
@@ -5210,22 +5299,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__ */ jsxs13(
+      /* @__PURE__ */ jsxs14(
         "div",
         {
           className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80",
           onClick: close,
           children: [
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "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__ */ jsx17(X3, { size: 20 })
+                children: /* @__PURE__ */ jsx18(X3, { size: 20 })
               }
             ),
-            /* @__PURE__ */ jsx17("span", { className: "text-sm text-white/60", children: "\u52A0\u8F7D\u4E2D..." })
+            /* @__PURE__ */ jsx18("span", { className: "text-sm text-white/60", children: "\u52A0\u8F7D\u4E2D..." })
           ]
         }
       ),
@@ -5236,46 +5325,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__ */ jsxs13("div", { className: "fixed inset-0 z-50 bg-black/80", onClick: handleAreaClick, children: [
-      /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50 bg-black/80", onClick: handleAreaClick, children: [
+      /* @__PURE__ */ jsxs14(
         "div",
         {
           className: "absolute right-4 top-4 z-10 flex items-center gap-1.5",
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "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__ */ jsx17(Download2, { size: 18 })
+                children: /* @__PURE__ */ jsx18(Download2, { size: 18 })
               }
             ),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "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__ */ jsx17(ExternalLink, { size: 18 })
+                children: /* @__PURE__ */ jsx18(ExternalLink, { size: 18 })
               }
             ),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "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__ */ jsx17(X3, { size: 20 })
+                children: /* @__PURE__ */ jsx18(X3, { size: 20 })
               }
             )
           ]
         }
       ),
-      showNav && currentIndex > 0 && /* @__PURE__ */ jsx17(
+      showNav && currentIndex > 0 && /* @__PURE__ */ jsx18(
         "button",
         {
           type: "button",
@@ -5284,10 +5373,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__ */ jsx17(ChevronLeft, { size: 24 })
+          children: /* @__PURE__ */ jsx18(ChevronLeft, { size: 24 })
         }
       ),
-      showNav && currentIndex < images.length - 1 && /* @__PURE__ */ jsx17(
+      showNav && currentIndex < images.length - 1 && /* @__PURE__ */ jsx18(
         "button",
         {
           type: "button",
@@ -5296,51 +5385,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__ */ jsx17(ChevronRight2, { size: 24 })
+          children: /* @__PURE__ */ jsx18(ChevronRight2, { size: 24 })
         }
       ),
-      /* @__PURE__ */ jsxs13("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__ */ jsx17(
+      /* @__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(
           "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__ */ jsx17(Minus, { size: 16 })
+            children: /* @__PURE__ */ jsx18(Minus, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs13("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
           Math.round(scale * 100),
           "%"
         ] }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "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__ */ jsx17(Plus2, { size: 16 })
+            children: /* @__PURE__ */ jsx18(Plus2, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "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__ */ jsx17(RotateCcw2, { size: 16 })
+            children: /* @__PURE__ */ jsx18(RotateCcw2, { size: 16 })
           }
         ),
-        showNav && /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx17("div", { className: "mx-1 h-4 w-px bg-white/20" }),
-          /* @__PURE__ */ jsxs13("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
+        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: [
             currentIndex + 1,
             " / ",
             images.length
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(
         "div",
         {
           className: "flex h-full w-full items-center justify-center overflow-hidden p-12",
@@ -5351,7 +5440,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
           onMouseUp: handleMouseUp,
           onMouseLeave: handleMouseUp,
           onDoubleClick: handleDoubleClick,
-          children: /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx18(
             "img",
             {
               ref: imgRef,
@@ -5373,7 +5462,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
 }
 
 // src/react/components/chat/tool-renderers/FileReadRenderer.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var NUMBERED_LINE_RE = /^(\s*\d+)\t([\s\S]*)$/;
 function parseReadResult(result) {
   if (!result) {
@@ -5433,28 +5522,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__ */ 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: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: fileName }),
-        filePath ? /* @__PURE__ */ jsx18("div", { className: "truncate text-[10px] text-[hsl(var(--muted-foreground))]", children: filePath }) : null
+  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
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
-        lineRange ? /* @__PURE__ */ jsx18("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__ */ 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
+      /* @__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
       ] })
     ] }),
-    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,
-    isImageResult ? /* @__PURE__ */ jsxs14("div", { className: "grid gap-2", children: [
-      imageUrls.map((url, idx) => /* @__PURE__ */ jsx18(
+    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(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx19(
             "img",
             {
               src: url,
@@ -5465,7 +5554,7 @@ function FileReadRenderer({ toolCall }) {
         },
         url.slice(0, 64)
       )),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         ImageLightbox,
         {
           open: lightboxIndex != null,
@@ -5476,15 +5565,15 @@ function FileReadRenderer({ toolCall }) {
           initialIndex: lightboxIndex ?? 0
         }
       ),
-      content ? /* @__PURE__ */ jsx18("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: content }) : null
-    ] }) : !errorMessage ? /* @__PURE__ */ jsx18(CodePreview, { content, filePath, className: "max-h-[360px]" }) : null,
-    note ? /* @__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: note }) : null
+      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
   ] });
 }
 
 // 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 jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function toRecordArray(value) {
   return Array.isArray(value) ? value.filter(isPlainObject) : [];
 }
@@ -5546,7 +5635,7 @@ function parseWebFetchResult(result) {
   };
 }
 function renderEmptyState(label) {
-  return /* @__PURE__ */ jsx19("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__ */ 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 });
 }
 function SearchRenderer({ toolCall }) {
   const normalizedName = formatToolName(toolCall.name);
@@ -5555,26 +5644,26 @@ function SearchRenderer({ toolCall }) {
   const resultStr = getResultText(toolCall.result);
   const errorMessage = extractErrorMessage(resultStr);
   if (errorMessage) {
-    return /* @__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 });
+    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 });
   }
   if (normalizedName === "Ls" || normalizedName === "Glob") {
     const items = parseDirectoryItems(resultStr);
     const path = getStringValue(args, "path");
-    return /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-      path ? /* @__PURE__ */ jsxs15("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+      path ? /* @__PURE__ */ jsxs16("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
         "\u76EE\u5F55\uFF1A",
         path
       ] }) : null,
-      items.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: items.map((item) => /* @__PURE__ */ jsxs15(
+      items.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: items.map((item) => /* @__PURE__ */ jsxs16(
         "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__ */ jsxs15("div", { className: "flex min-w-0 items-center gap-2", children: [
-              item.isDir ? /* @__PURE__ */ jsx19(Folder2, { size: 14, className: "shrink-0 text-blue-300" }) : /* @__PURE__ */ jsx19(FileText3, { size: 14, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-              /* @__PURE__ */ jsx19("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: item.name })
+            /* @__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__ */ jsx19("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", children: item.isDir ? "\u76EE\u5F55" : formatBytes(item.size) ?? "\u6587\u4EF6" })
+            /* @__PURE__ */ jsx20("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}`
@@ -5584,28 +5673,28 @@ function SearchRenderer({ toolCall }) {
   if (normalizedName === "Grep") {
     const { matches, searchPath } = parseGrepResult(resultStr);
     const pattern = getStringValue(args, "pattern");
-    return /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-        pattern ? /* @__PURE__ */ jsx19("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: pattern }) : null,
-        searchPath ? /* @__PURE__ */ jsxs15("span", { children: [
+    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: [
           "\u8303\u56F4\uFF1A",
           searchPath
         ] }) : null
       ] }),
-      matches.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: matches.map((match) => /* @__PURE__ */ jsxs15(
+      matches.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: matches.map((match) => /* @__PURE__ */ jsxs16(
         "div",
         {
           className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-2",
           children: [
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsx19("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: match.path }),
-              match.lineNumber !== null ? /* @__PURE__ */ jsxs15("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", 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: [
                 "\u7B2C ",
                 match.lineNumber,
                 " \u884C"
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsx19("pre", { className: "mt-2 overflow-x-auto whitespace-pre-wrap font-mono text-[11px] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx19("code", { children: match.line }) })
+            /* @__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 }) })
           ]
         },
         `${match.path}-${match.lineNumber}-${match.line}`
@@ -5614,16 +5703,16 @@ function SearchRenderer({ toolCall }) {
   }
   const { results, summary } = normalizedName === "WebFetch" ? parseWebFetchResult(resultStr) : { results: parseWebResults(resultStr), summary: null };
   const query = getStringValue(args, "query");
-  return /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-    query ? /* @__PURE__ */ jsxs15("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+    query ? /* @__PURE__ */ jsxs16("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
       "\u67E5\u8BE2\uFF1A",
       query
     ] }) : null,
-    summary ? /* @__PURE__ */ jsxs15("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-3", children: [
-      /* @__PURE__ */ jsx19("div", { className: "mb-2 text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: "\u6458\u8981" }),
-      /* @__PURE__ */ jsx19("p", { className: "whitespace-pre-wrap text-[11px] leading-5 text-[hsl(var(--foreground))]", children: summary })
+    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 })
     ] }) : null,
-    results.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: results.map((item, index) => /* @__PURE__ */ jsx19(
+    results.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: results.map((item, index) => /* @__PURE__ */ jsx20(
       "a",
       {
         href: item.url ?? void 0,
@@ -5633,12 +5722,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__ */ jsxs15("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx19(Globe2, { size: 15, className: "mt-0.5 shrink-0 text-blue-300" }),
-          /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsx19("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__ */ jsx19(
+        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(
                 ExternalLink2,
                 {
                   size: 12,
@@ -5646,8 +5735,8 @@ function SearchRenderer({ toolCall }) {
                 }
               ) : null
             ] }),
-            item.url ? /* @__PURE__ */ jsx19("div", { className: "mt-1 truncate font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.url }) : null,
-            item.description ? /* @__PURE__ */ jsx19("p", { className: "mt-2 line-clamp-3 text-[11px] leading-5 text-[hsl(var(--muted-foreground))]", children: item.description }) : 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
           ] })
         ] })
       },
@@ -5658,7 +5747,7 @@ function SearchRenderer({ toolCall }) {
 
 // src/react/components/chat/tool-renderers/SubmitResultRenderer.tsx
 import { CheckCircle2, CircleAlert } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function extractText(value, key) {
   if (!isPlainObject(value)) return null;
   const field = value[key];
@@ -5679,25 +5768,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__ */ jsxs16("div", { className: "overflow-hidden rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-sm", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))]/25 px-4 py-3", children: [
-      /* @__PURE__ */ jsx20("div", { className: isError ? "text-red-500" : "text-emerald-500", children: /* @__PURE__ */ jsx20(Icon, { size: 18 }) }),
-      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx20("div", { className: "font-medium text-[hsl(var(--foreground))]", children: description || (isError ? "\u4EFB\u52A1\u6267\u884C\u5931\u8D25" : "\u4EFB\u52A1\u7ED3\u679C\u5DF2\u63D0\u4EA4") }),
-        description ? /* @__PURE__ */ jsx20("div", { className: "mt-0.5 text-xs text-[hsl(var(--muted-foreground))]", children: isError ? "\u4EFB\u52A1\u6267\u884C\u5931\u8D25" : "\u4EFB\u52A1\u7ED3\u679C\u5DF2\u63D0\u4EA4" }) : null,
-        status ? /* @__PURE__ */ jsxs16("div", { className: "mt-0.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
+  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: [
           "\u72B6\u6001\uFF1A",
           status
         ] }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-3 px-4 py-4 text-sm leading-6 text-[hsl(var(--foreground))]", children: [
-      result ? /* @__PURE__ */ jsx20("p", { className: "whitespace-pre-wrap", children: result }) : null,
-      error ? /* @__PURE__ */ jsxs16("div", { className: "rounded-xl border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-200", children: [
-        /* @__PURE__ */ jsx20("div", { className: "mb-1 font-medium", children: "\u9519\u8BEF\u4FE1\u606F" }),
-        /* @__PURE__ */ jsx20("div", { className: "whitespace-pre-wrap", children: error })
+    /* @__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 })
       ] }) : null,
-      !result && !error ? /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u667A\u80FD\u4F53\u5DF2\u7ED3\u675F\u672C\u8F6E\u4EFB\u52A1\u3002" }) : null
+      !result && !error ? /* @__PURE__ */ jsx21("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u667A\u80FD\u4F53\u5DF2\u7ED3\u675F\u672C\u8F6E\u4EFB\u52A1\u3002" }) : null
     ] })
   ] });
 }
@@ -5721,7 +5810,7 @@ function getRenderer(toolName) {
 }
 
 // src/react/components/chat/ToolCallBlock.tsx
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function FilePathLink({ filePath, sessionId }) {
   const activeSessionId = useSessionStore((s) => s.activeSessionId);
   const pushArtifact = useUiStore((s) => s.pushArtifact);
@@ -5739,14 +5828,14 @@ function FilePathLink({ filePath, sessionId }) {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "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__ */ jsx21("span", { className: "truncate", children: fileName })
+      children: /* @__PURE__ */ jsx22("span", { className: "truncate", children: fileName })
     }
   );
 }
@@ -5789,7 +5878,7 @@ function ToolCallBlock({
     const canAnswer = toolCall.status === "awaiting_answer" && Boolean(resolvedOnAnswer) && Boolean(resolvedSessionStatus);
     const shouldRenderQuestion = Boolean(askData) && (canAnswer || resolvedAnswered || toolCall.status === "done");
     if (askData && shouldRenderQuestion) {
-      const questionBlock = /* @__PURE__ */ jsx21(
+      const questionBlock = /* @__PURE__ */ jsx22(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -5803,9 +5892,9 @@ function ToolCallBlock({
       if (!reasoning) {
         return questionBlock;
       }
-      return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+      return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
         questionBlock,
-        /* @__PURE__ */ jsx21("div", { className: "ml-4", children: /* @__PURE__ */ jsx21(ThinkingBadge, { reasoning, variant: "block" }) })
+        /* @__PURE__ */ jsx22("div", { className: "ml-4", children: /* @__PURE__ */ jsx22(ThinkingBadge, { reasoning, variant: "block" }) })
       ] });
     }
   }
@@ -5816,11 +5905,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__ */ jsx21(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx21(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx21(X4, { size: 11 }) : /* @__PURE__ */ jsx21(Check2, { size: 11 });
+  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 statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
-  return /* @__PURE__ */ jsxs17("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
-    /* @__PURE__ */ jsxs17("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
-      /* @__PURE__ */ jsxs17(
+  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(
         "button",
         {
           type: "button",
@@ -5828,7 +5917,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__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               ChevronRight3,
               {
                 size: 11,
@@ -5838,21 +5927,21 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs17("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs18("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx21("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx22("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsxs17("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsxs18("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__ */ jsx21("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx21(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
-      reasoning ? /* @__PURE__ */ jsx21(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx21("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) }),
-      uiMeta?.target === "preview" && resolvedSessionId && !isInternalStatusPreview(uiMeta) ? /* @__PURE__ */ jsxs17(
+      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(
         "button",
         {
           type: "button",
@@ -5870,20 +5959,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__ */ jsx21(PanelRightOpen, { size: 11 }),
-            /* @__PURE__ */ jsx21("span", { children: uiMeta.title ?? displayName })
+            /* @__PURE__ */ jsx22(PanelRightOpen, { size: 11 }),
+            /* @__PURE__ */ jsx22("span", { children: uiMeta.title ?? displayName })
           ]
         }
       ) : null
     ] }),
-    expanded && /* @__PURE__ */ jsx21("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx21(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs17(Fragment5, { children: [
-      /* @__PURE__ */ jsx21("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx21("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx21("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx21("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatArgs(toolCall.arguments) }),
-      toolCall.result != null && /* @__PURE__ */ jsxs17(Fragment5, { children: [
-        /* @__PURE__ */ jsx21("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx21(
+    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(
           "pre",
           {
             className: cn(
@@ -6075,7 +6164,7 @@ import { Download as Download3, X as X5 } from "lucide-react";
 import { useEffect as useEffect12 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
   useEffect12(() => {
     if (!open) return;
@@ -6103,7 +6192,7 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
     staleTime: 6e4
   });
   if (!open) return null;
-  const body = /* @__PURE__ */ jsx22(
+  const body = /* @__PURE__ */ jsx23(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",
@@ -6114,17 +6203,17 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "attachment-preview-title",
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs19(
         "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__ */ jsxs18("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
-              /* @__PURE__ */ jsx22("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
-              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
-                url && /* @__PURE__ */ jsx22(
+            /* @__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(
                   "a",
                   {
                     href: url,
@@ -6133,22 +6222,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__ */ jsx22(Download3, { size: 14 })
+                    children: /* @__PURE__ */ jsx23(Download3, { size: 14 })
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "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__ */ jsx22(X5, { size: 14 })
+                    children: /* @__PURE__ */ jsx23(X5, { size: 14 })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx22("div", { className: "max-h-[calc(90vh-56px)] overflow-auto px-4 py-3 text-sm text-[hsl(var(--foreground))]", children: renderContent({ mode, url, content, error }) })
+            /* @__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 }) })
           ]
         }
       )
@@ -6163,43 +6252,43 @@ function renderContent({
   error
 }) {
   if (!url) {
-    return /* @__PURE__ */ jsx22("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B64\u9644\u4EF6\u6682\u65E0\u53EF\u7528\u9884\u89C8\u5730\u5740\u3002" });
+    return /* @__PURE__ */ jsx23("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__ */ jsxs18("p", { className: "text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs19("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__ */ jsx22("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
+      /* @__PURE__ */ jsx23("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
       "\u6309\u94AE\u67E5\u770B\u3002"
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs18("p", { className: "text-[hsl(var(--destructive))]", children: [
+    return /* @__PURE__ */ jsxs19("p", { className: "text-[hsl(var(--destructive))]", children: [
       "\u52A0\u8F7D\u5931\u8D25\uFF1A",
       String(error?.message ?? error)
     ] });
   }
   if (content == null) {
-    return /* @__PURE__ */ jsx22("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
+    return /* @__PURE__ */ jsx23("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
   }
   if (mode === "markdown") {
-    return /* @__PURE__ */ jsx22(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
+    return /* @__PURE__ */ jsx23(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
   }
-  return /* @__PURE__ */ jsx22("pre", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed", children: content });
+  return /* @__PURE__ */ jsx23("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 jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function MessageContextPills({ contexts }) {
   if (contexts.length === 0) return null;
-  return /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs20(
     "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__ */ jsx23(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
-        /* @__PURE__ */ jsx23("span", { className: "max-w-56 truncate", children: ctx.label })
+        /* @__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 })
       ]
     },
     `${ctx.label}:${index}`
@@ -6208,7 +6297,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 jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function getFileIcon(fileName) {
   const lowerName = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz|bz2|xz)$/.test(lowerName)) {
@@ -6237,15 +6326,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__ */ jsx24("div", { className: cn("flex flex-wrap gap-1.5", className), children: files.map((file) => {
+  return /* @__PURE__ */ jsx25("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__ */ jsxs20(Fragment6, { children: [
-      /* @__PURE__ */ jsx24(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-      /* @__PURE__ */ jsx24("span", { className: "max-w-32 truncate", children: file.name })
+    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 })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -6257,14 +6346,14 @@ function MessageFileAttachmentList({
         key
       );
     }
-    return /* @__PURE__ */ jsx24("div", { className: pillClass, title: file.name, children: content }, key);
+    return /* @__PURE__ */ jsx25("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 jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function MessageActions({ content, className }) {
   const [copied, setCopied] = useState15(false);
   const handleCopy = async () => {
@@ -6274,7 +6363,7 @@ function MessageActions({ content, className }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsx25("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx26("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs22(
     "button",
     {
       type: "button",
@@ -6284,8 +6373,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__ */ jsx25(Check3, { size: 12 }) : /* @__PURE__ */ jsx25(Copy, { size: 12 }),
-        /* @__PURE__ */ jsx25("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+        copied ? /* @__PURE__ */ jsx26(Check3, { size: 12 }) : /* @__PURE__ */ jsx26(Copy, { size: 12 }),
+        /* @__PURE__ */ jsx26("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
       ]
     }
   ) });
@@ -6293,7 +6382,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 jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function getFileIcon2(fileName) {
   const lower2 = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz)$/.test(lower2)) return Archive3;
@@ -6308,15 +6397,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__ */ jsx26("div", { className: "flex flex-wrap gap-1.5", children: attachments.map((att, index) => {
+  return /* @__PURE__ */ jsx27("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__ */ jsxs22(Fragment7, { children: [
-      /* @__PURE__ */ jsx26(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
-      /* @__PURE__ */ jsx26("span", { className: "max-w-40 truncate", children: att.name })
+    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 })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -6328,7 +6417,7 @@ function TextAttachmentPills({ attachments, onPreview }) {
         key
       );
     }
-    return /* @__PURE__ */ jsx26("div", { className: pillClass, title: att.name, children: content }, key);
+    return /* @__PURE__ */ jsx27("div", { className: pillClass, title: att.name, children: content }, key);
   }) });
 }
 
@@ -6337,34 +6426,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 jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var WhatIfQuoteContext = createContext3({});
 function WhatIfQuoteProvider({
   onJumpToStep,
   children
 }) {
   const value = useMemo14(() => ({ onJumpToStep }), [onJumpToStep]);
-  return /* @__PURE__ */ jsx27(WhatIfQuoteContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx28(WhatIfQuoteContext.Provider, { value, children });
 }
 function useWhatIfQuoteContext() {
   return useContext3(WhatIfQuoteContext);
 }
 
 // src/react/components/chat/WhatIfUserBubble.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { onJumpToStep } = useWhatIfQuoteContext();
   const handleQuoteClick = onQuoteClick ?? onJumpToStep;
   const { fromStep, quotes, userText } = parsed;
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.5)] px-2.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx28(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx28("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+  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" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex flex-wrap justify-end gap-1.5", children: quotes.map((q, i) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx29("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__ */ jsxs23(
+      return /* @__PURE__ */ jsxs24(
         "button",
         {
           type: "button",
@@ -6373,14 +6462,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__ */ jsx28("span", { children: "\u21B3" }),
-            /* @__PURE__ */ jsx28("span", { className: "max-w-[14rem] truncate", children: label })
+            /* @__PURE__ */ jsx29("span", { children: "\u21B3" }),
+            /* @__PURE__ */ jsx29("span", { className: "max-w-[14rem] truncate", children: label })
           ]
         },
         `${q.stepNumber ?? "x"}-${i}`
       );
     }) }),
-    userText && /* @__PURE__ */ jsx28("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx28(
+    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(
       MarkdownContent,
       {
         className: "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_p]:mb-3 [&_p:last-child]:mb-0",
@@ -6392,7 +6481,7 @@ function WhatIfUserBubble({ parsed, onQuoteClick }) {
 }
 
 // src/react/components/chat/UserMessageBubble.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -6422,9 +6511,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__ */ jsx29("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs24("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
-      /* @__PURE__ */ jsx29(WhatIfUserBubble, { parsed: whatifParsed }),
-      whatifParsed.userText && /* @__PURE__ */ jsx29(
+    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(
         MessageActions,
         {
           content: whatifParsed.userText,
@@ -6496,16 +6585,16 @@ function UserMessageBubble({ message, className }) {
     const mode = kind === "text" ? lower2.endsWith(".md") ? "markdown" : "text" : "default";
     setPreview({ filename: attachment.name, url, mode });
   };
-  return /* @__PURE__ */ jsx29("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs24("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
-    (imageParts.length > 0 || imageTextAttachmentMeta.length > 0) && /* @__PURE__ */ jsxs24("div", { className: "grid gap-2", children: [
-      imageParts.map((part, idx) => /* @__PURE__ */ jsx29(
+  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(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx29(
+          children: /* @__PURE__ */ jsx30(
             "img",
             {
               src: part.image_url.url,
@@ -6518,14 +6607,14 @@ function UserMessageBubble({ message, className }) {
       )),
       imageTextAttachmentMeta.map((att, idx) => {
         const blobUrl = imageAttachmentQueries[idx]?.data;
-        return blobUrl ? /* @__PURE__ */ jsx29(
+        return blobUrl ? /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
             onClick: () => setLightboxIndex(imageParts.length + idx),
             className: "cursor-zoom-in",
             title: "\u67E5\u770B\u5927\u56FE",
-            children: /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsx30(
               "img",
               {
                 src: blobUrl,
@@ -6535,7 +6624,7 @@ function UserMessageBubble({ message, className }) {
             )
           },
           `${att.uploadedPath}:${att.name}`
-        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx29(
+        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx30(
           "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))]",
@@ -6545,7 +6634,7 @@ function UserMessageBubble({ message, className }) {
         );
       })
     ] }),
-    lightboxImages.length > 0 && /* @__PURE__ */ jsx29(
+    lightboxImages.length > 0 && /* @__PURE__ */ jsx30(
       ImageLightbox,
       {
         open: lightboxIndex != null,
@@ -6556,15 +6645,15 @@ function UserMessageBubble({ message, className }) {
         initialIndex: lightboxIndex ?? 0
       }
     ),
-    /* @__PURE__ */ jsx29(MessageFileAttachmentList, { files: fileParts }),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(MessageFileAttachmentList, { files: fileParts }),
+    /* @__PURE__ */ jsx30(
       TextAttachmentPills,
       {
         attachments: nonImageTextAttachments,
         onPreview: handleTextAttachmentPreview
       }
     ),
-    preview && /* @__PURE__ */ jsx29(
+    preview && /* @__PURE__ */ jsx30(
       AttachmentPreviewDialog,
       {
         open: preview != null,
@@ -6576,8 +6665,8 @@ function UserMessageBubble({ message, className }) {
         mode: preview.mode
       }
     ),
-    /* @__PURE__ */ jsx29(MessageContextPills, { contexts: textContexts }),
-    trimmedClean && /* @__PURE__ */ jsx29("div", { className: "max-w-full rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx29(
+    /* @__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(
       MarkdownContent,
       {
         className: USER_MESSAGE_MARKDOWN_CLASS,
@@ -6585,10 +6674,10 @@ function UserMessageBubble({ message, className }) {
         children: cleanText
       }
     ) }),
-    trimmedClean && (isSending(message) ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx29(Loader24, { size: 12, className: "animate-spin" }),
-      /* @__PURE__ */ jsx29("span", { children: "\u53D1\u9001\u4E2D" })
-    ] }) : /* @__PURE__ */ jsx29(
+    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(
       MessageActions,
       {
         content: cleanText,
@@ -6603,14 +6692,14 @@ function ErrorMessageBlock({
 }) {
   const text = getTextContent(message.content);
   const looksLikeModelUnavailable = /no source matches this model|404/i.test(text);
-  return /* @__PURE__ */ jsx29("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs24("div", { className: "max-w-[85%] border-l-[3px] border-[hsl(var(--destructive))] px-4 py-1 text-sm leading-7 text-[hsl(var(--destructive))]", children: [
+  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: [
     text,
-    looksLikeModelUnavailable ? /* @__PURE__ */ jsx29("div", { className: "mt-1 opacity-80", children: "\u6A21\u578B\u53EF\u80FD\u672A\u542F\u52A8\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }) : null
+    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
   ] }) });
 }
 
 // src/react/components/chat/AgentLoopBlock.tsx
-import { Fragment as Fragment8, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var EMPTY_MESSAGES2 = [];
 var EMPTY_AGENT_LOOPS = {};
 var COLLAPSED_SUMMARY_HIDDEN_TOOLS = /* @__PURE__ */ new Set(["ReadSkill", "Read"]);
@@ -6710,7 +6799,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__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn(
@@ -6718,8 +6807,8 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
         cardStyles.borderClass
       ),
       children: [
-        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
-          /* @__PURE__ */ jsxs25(
+        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
+          /* @__PURE__ */ jsxs26(
             "div",
             {
               className: cn(
@@ -6727,24 +6816,24 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31(
                   "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__ */ jsxs25("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      status === "awaiting_answer" ? /* @__PURE__ */ jsx30(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx30(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
-                      /* @__PURE__ */ jsxs25("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
+                    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: [
                         description,
                         status === "awaiting_answer" ? " \u2014 \u7B49\u5F85\u56DE\u7B54" : ""
                       ] })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx30(
+                reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx31(
                   Bot,
                   {
                     size: 13,
@@ -6752,14 +6841,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31(
                   "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__ */ jsx30(
+                    children: /* @__PURE__ */ jsx31(
                       ChevronRight4,
                       {
                         size: 14,
@@ -6774,7 +6863,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx30(
+          !expanded ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx31(
             ToolCallBlock,
             {
               toolCall: childToolCall,
@@ -6782,12 +6871,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               level: 2
             },
             childToolCall.id
-          )) : /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx30(Loader25, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
-            /* @__PURE__ */ jsx30("span", { children: "\u6B63\u5728\u542F\u52A8..." })
-          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx30("div", { className: "px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u8BF7\u5728\u4E0B\u65B9\u5B50\u667A\u80FD\u4F53\u5BF9\u8BDD\u4E2D\u5B8C\u6210\u786E\u8BA4" }) }) : null
-        ] }) : /* @__PURE__ */ jsxs25(Fragment8, { children: [
-          /* @__PURE__ */ jsxs25(
+          )) : /* @__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(
             "div",
             {
               className: cn(
@@ -6795,21 +6884,21 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31(
                   "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__ */ jsxs25("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx30(Check4, { size: 14, className: "shrink-0 text-emerald-500" }),
-                      /* @__PURE__ */ jsx30("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
+                    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 })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx30(
+                reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx31(
                   Bot,
                   {
                     size: 13,
@@ -6817,14 +6906,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31(
                   "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__ */ jsx30(
+                    children: /* @__PURE__ */ jsx31(
                       ChevronRight4,
                       {
                         size: 14,
@@ -6839,9 +6928,9 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
-            /* @__PURE__ */ jsx30("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
-              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs25(
+          !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(
                 "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",
@@ -6852,12 +6941,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                   },
                   title: item.label,
                   children: [
-                    /* @__PURE__ */ jsx30(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx30("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ jsx31(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx31("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.key
-              ) : /* @__PURE__ */ jsx30(
+              ) : /* @__PURE__ */ jsx31(
                 "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",
@@ -6870,20 +6959,20 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 },
                 item.key
               )
-            ) : /* @__PURE__ */ jsx30("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
-            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
+            ) : /* @__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
           ] }) : null
         ] }),
-        expanded && /* @__PURE__ */ jsxs25("div", { className: "border-t border-[hsl(var(--border))] py-2", children: [
+        expanded && /* @__PURE__ */ jsxs26("div", { className: "border-t border-[hsl(var(--border))] py-2", children: [
           (() => {
             const taskPrompt = safeParsePrompt(toolCall.arguments);
-            return taskPrompt ? /* @__PURE__ */ jsxs25("details", { className: "mx-3 mb-2 rounded-md bg-[hsl(var(--muted))]/40", children: [
-              /* @__PURE__ */ jsx30("summary", { className: "cursor-pointer px-3 py-1.5 text-[11px] font-medium text-[hsl(var(--muted-foreground))]", children: "\u4EFB\u52A1" }),
-              /* @__PURE__ */ jsx30("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx30("pre", { className: "whitespace-pre-wrap text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: taskPrompt }) })
+            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 }) })
             ] }) : null;
           })(),
-          childMessages.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
-            (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx30(
+          childMessages.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
+            (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx31(
               ExpandedChildAssistantMessage,
               {
                 message,
@@ -6891,13 +6980,13 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 isStreaming: message.status === "streaming"
               },
               message.entry_id ?? `${message.timestamp ?? "child"}-${index}`
-            ) : message.role === "user" ? /* @__PURE__ */ jsx30(
+            ) : message.role === "user" ? /* @__PURE__ */ jsx31(
               ExpandedChildUserMessage,
               {
                 message
               },
               message.entry_id ?? `${message.timestamp ?? "user"}-${index}`
-            ) : message.role === "error" ? /* @__PURE__ */ jsx30(
+            ) : message.role === "error" ? /* @__PURE__ */ jsx31(
               "div",
               {
                 className: "border-l-[2px] border-l-red-500 px-3 py-2 text-[11px] text-red-200",
@@ -6905,17 +6994,17 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               },
               message.entry_id ?? `${message.timestamp ?? "error"}-${index}`
             ) : null
-          ) }) : status === "running" ? /* @__PURE__ */ jsxs25("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx30(Loader25, { size: 12, className: "mr-1.5 inline animate-spin" }),
+          ) }) : 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" }),
             "\u6B63\u5728\u542F\u52A8..."
-          ] }) : toolCall.result ? /* @__PURE__ */ jsx30("pre", { className: "max-h-[400px] overflow-auto px-3 py-2 whitespace-pre-wrap text-[11px] text-[hsl(var(--muted-foreground))]", children: typeof toolCall.result === "string" ? toolCall.result : JSON.stringify(toolCall.result, null, 2) }) : null
+          ] }) : 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
         ] })
       ]
     }
   );
 }
 function ExpandedChildUserMessage({ message }) {
-  return /* @__PURE__ */ jsx30("div", { className: "pl-8", children: /* @__PURE__ */ jsx30(UserMessageBubble, { message }) });
+  return /* @__PURE__ */ jsx31("div", { className: "pl-8", children: /* @__PURE__ */ jsx31(UserMessageBubble, { message }) });
 }
 function ExpandedChildAssistantMessage({
   message,
@@ -6925,12 +7014,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__ */ jsxs25("div", { className: "flex flex-col gap-2", children: [
-    message.reasoning && /* @__PURE__ */ jsxs25(Reasoning, { isStreaming, children: [
-      /* @__PURE__ */ jsx30(ReasoningTrigger, { wordCount: message.reasoning.length }),
-      /* @__PURE__ */ jsx30(ReasoningContent, { children: message.reasoning })
+  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 })
     ] }),
-    text ? /* @__PURE__ */ jsx30(
+    text ? /* @__PURE__ */ jsx31(
       ChildText,
       {
         text,
@@ -6939,9 +7028,9 @@ function ExpandedChildAssistantMessage({
         reasoning: void 0
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx30("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    hasToolCalls && /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-      (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx30(
+    !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(
         AgentLoopBlock,
         {
           toolCall,
@@ -6949,7 +7038,7 @@ function ExpandedChildAssistantMessage({
           reasoning: void 0
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx31(
         ToolCallBlock,
         {
           toolCall,
@@ -6961,8 +7050,8 @@ function ExpandedChildAssistantMessage({
         toolCall.id
       )
     ) }),
-    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: message.blocks.map(
-      (block, index) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx30("div", { className: "ml-4", children: /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
+    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
     ) }) : null
   ] });
 }
@@ -6972,8 +7061,8 @@ function ChildText({
   sessionId,
   reasoning
 }) {
-  return /* @__PURE__ */ jsxs25("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs26("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
+    /* @__PURE__ */ jsx31(
       MarkdownContent,
       {
         mode: "streaming",
@@ -6983,8 +7072,8 @@ function ChildText({
         children: text
       }
     ),
-    isStreaming && /* @__PURE__ */ jsx30("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
-    reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning }) : null
+    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
   ] });
 }
 function getLoopCardStyles(status) {
@@ -7024,7 +7113,7 @@ function getLoopCardStyles(status) {
 }
 
 // src/react/components/chat/AssistantTurnBlock.tsx
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var EMPTY_MESSAGES3 = [];
 var EMPTY_AGENT_LOOPS2 = {};
 function defaultTurnDisplayMode({
@@ -7192,7 +7281,7 @@ function AssistantTurnBlockBase({
   const hasInterruptedState = messages.some((message) => message.status === "interrupted");
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const memoryRefs = Array.isArray(messages[0]?.memory_refs) ? messages[0].memory_refs : [];
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn(
@@ -7201,17 +7290,17 @@ function AssistantTurnBlockBase({
         customization?.classNames?.assistantTurn
       ),
       children: [
-        memoryRefs.length > 0 && /* @__PURE__ */ jsx31(MemoryRefsHint, { refs: memoryRefs }),
-        hasInterruptedState && /* @__PURE__ */ jsx31("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
-        !isStreaming && /* @__PURE__ */ jsx31("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs26(
+        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(
           "button",
           {
             type: "button",
             onClick: () => setDisplayMode(displayMode === "detail" ? "compact" : "detail"),
             className: "inline-flex shrink-0 items-center gap-1 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
             children: [
-              /* @__PURE__ */ jsx31("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx32("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
+              /* @__PURE__ */ jsx32(
                 ChevronRight5,
                 {
                   size: 18,
@@ -7221,7 +7310,7 @@ function AssistantTurnBlockBase({
             ]
           }
         ) }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx31(
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx32(
           AssistantMessages,
           {
             messages,
@@ -7234,15 +7323,15 @@ function AssistantTurnBlockBase({
             showToolDetails: true,
             customization
           }
-        ) }) : /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
-          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx31(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
-          finalMessage ? /* @__PURE__ */ jsx31(
+        ) }) : /* @__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(
             "div",
             {
               className: cn(
                 resourceBlocks.length > 0 && "border-t border-[hsl(var(--border))] pt-4"
               ),
-              children: /* @__PURE__ */ jsx31(
+              children: /* @__PURE__ */ jsx32(
                 AssistantMessageContent,
                 {
                   message: finalMessage,
@@ -7253,7 +7342,7 @@ function AssistantTurnBlockBase({
                 }
               )
             }
-          ) : isStreaming ? /* @__PURE__ */ jsx31("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
+          ) : isStreaming ? /* @__PURE__ */ jsx32("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
         ] }) })
       ]
     }
@@ -7282,16 +7371,16 @@ function AssistantMessages({
       const toolCalls = message.tool_calls ?? [];
       const hasToolCalls = toolCalls.length > 0;
       const toolRenderItems = groupDetailedToolCalls(toolCalls);
-      return /* @__PURE__ */ jsxs26(
+      return /* @__PURE__ */ jsxs27(
         "div",
         {
           className: "flex flex-col gap-3",
           children: [
-            hasReasoning && /* @__PURE__ */ jsxs26(Reasoning, { isStreaming: isStreamingLastMessage, children: [
-              /* @__PURE__ */ jsx31(ReasoningTrigger, { wordCount: reasoning.length }),
-              /* @__PURE__ */ jsx31(ReasoningContent, { children: reasoning })
+            hasReasoning && /* @__PURE__ */ jsxs27(Reasoning, { isStreaming: isStreamingLastMessage, children: [
+              /* @__PURE__ */ jsx32(ReasoningTrigger, { wordCount: reasoning.length }),
+              /* @__PURE__ */ jsx32(ReasoningContent, { children: reasoning })
             ] }),
-            /* @__PURE__ */ jsx31(
+            /* @__PURE__ */ jsx32(
               AssistantMessageContent,
               {
                 message,
@@ -7301,9 +7390,9 @@ function AssistantMessages({
                 className: customization?.classNames?.assistantText
               }
             ),
-            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
+            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
               if (item.kind === "read_group") {
-                return /* @__PURE__ */ jsx31(
+                return /* @__PURE__ */ jsx32(
                   CompactToolGroupBlock,
                   {
                     toolCalls: item.toolCalls,
@@ -7320,7 +7409,7 @@ function AssistantMessages({
                 );
               }
               const { toolCall } = item;
-              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx31(
+              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx32(
                 AgentLoopBlock,
                 {
                   toolCall,
@@ -7328,7 +7417,7 @@ function AssistantMessages({
                   reasoning: void 0
                 },
                 toolCall.id
-              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx31(
+              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx32(
                 customization.components.ToolCall,
                 {
                   toolCall,
@@ -7343,7 +7432,7 @@ function AssistantMessages({
                   customization
                 },
                 toolCall.id
-              ) : /* @__PURE__ */ jsx31(
+              ) : /* @__PURE__ */ jsx32(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -7360,8 +7449,8 @@ function AssistantMessages({
                 toolCall.id
               );
             }) }),
-            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2", children: message.blocks.map(
-              (block, blockIndex) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx31("div", { className: "ml-4", children: /* @__PURE__ */ jsx31(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
+            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
             ) }) : null
           ]
         },
@@ -7409,12 +7498,12 @@ function CompactToolGroupBlock({
     return filePath ? formatFileName(filePath) : "\u672A\u77E5\u6587\u4EF6";
   });
   const title = `\u8BFB\u53D6 ${toolCalls.length} \u4E2A\u6587\u4EF6`;
-  return /* @__PURE__ */ jsxs26("div", { className: cn(indentClass, "text-xs"), children: [
-    /* @__PURE__ */ jsxs26("div", { className: cn(
+  return /* @__PURE__ */ jsxs27("div", { className: cn(indentClass, "text-xs"), children: [
+    /* @__PURE__ */ jsxs27("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__ */ jsxs26(
+      /* @__PURE__ */ jsxs27(
         "button",
         {
           type: "button",
@@ -7422,7 +7511,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__ */ jsx31(
+            /* @__PURE__ */ jsx32(
               ChevronRight5,
               {
                 size: 11,
@@ -7432,18 +7521,18 @@ function CompactToolGroupBlock({
                 )
               }
             ),
-            hasError ? /* @__PURE__ */ jsxs26("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
-              /* @__PURE__ */ jsx31(AlertCircle, { size: 11 }),
-              /* @__PURE__ */ jsx31("span", { children: "\u5931\u8D25" })
-            ] }) : /* @__PURE__ */ jsxs26("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
-              /* @__PURE__ */ jsx31(Check5, { size: 11 }),
-              /* @__PURE__ */ jsx31("span", { children: "\u5B8C\u6210" })
+            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" })
             ] }),
-            /* @__PURE__ */ jsx31("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
+            /* @__PURE__ */ jsx32("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
           ]
         }
       ),
-      /* @__PURE__ */ jsx31("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx32(
         "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))]",
@@ -7452,12 +7541,12 @@ function CompactToolGroupBlock({
         },
         `${tag}-${index}`
       )) }),
-      reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      totalDurationMs > 0 ? /* @__PURE__ */ jsx31("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
+      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
     ] }),
-    expanded ? /* @__PURE__ */ jsx31("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
+    expanded ? /* @__PURE__ */ jsx32("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
       const CustomToolCall = customization?.components?.ToolCall;
-      return CustomToolCall ? /* @__PURE__ */ jsx31(
+      return CustomToolCall ? /* @__PURE__ */ jsx32(
         CustomToolCall,
         {
           toolCall,
@@ -7471,7 +7560,7 @@ function CompactToolGroupBlock({
           customization
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx31(
+      ) : /* @__PURE__ */ jsx32(
         ToolCallBlock,
         {
           toolCall,
@@ -7502,8 +7591,8 @@ function AssistantMessageContent({
   if (!text && imageParts.length === 0 && fileParts.length === 0 && !isStreaming && !reasoning) {
     return null;
   }
-  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx31("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx31(
+  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(
       "img",
       {
         src: part.image_url.url,
@@ -7512,8 +7601,8 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }),
-    /* @__PURE__ */ jsx31(MessageFileAttachmentList, { files: fileParts }),
-    text ? /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(MessageFileAttachmentList, { files: fileParts }),
+    text ? /* @__PURE__ */ jsx32(
       AssistantText,
       {
         text,
@@ -7523,8 +7612,8 @@ function AssistantMessageContent({
         className
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx31("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    !text && reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning, variant: "block" }) : null
+    !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
   ] });
 }
 function AssistantText({
@@ -7544,8 +7633,8 @@ function AssistantText({
     () => ({ sessionId, messageId, sendMessage }),
     [sessionId, messageId, sendMessage]
   );
-  return /* @__PURE__ */ jsxs26("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
-    /* @__PURE__ */ jsx31(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx31(
+  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(
       MarkdownContent,
       {
         mode: "streaming",
@@ -7555,7 +7644,7 @@ function AssistantText({
         children: text
       }
     ) }),
-    reasoning ? /* @__PURE__ */ jsx31(ThinkingBadge, { reasoning }) : null
+    reasoning ? /* @__PURE__ */ jsx32(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function MemoryRefsHint({ refs: rawRefs }) {
@@ -7563,22 +7652,22 @@ function MemoryRefsHint({ refs: rawRefs }) {
   const [expanded, setExpanded] = useState18(false);
   const hasSkill = refs.some((r3) => r3.skill_name);
   const label = hasSkill ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
-  return /* @__PURE__ */ jsxs26("div", { className: "ml-4", children: [
-    /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27("div", { className: "ml-4", children: [
+    /* @__PURE__ */ jsxs27(
       "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__ */ jsx31(BookOpen, { size: 12 }),
-          /* @__PURE__ */ jsxs26("span", { children: [
+          /* @__PURE__ */ jsx32(BookOpen, { size: 12 }),
+          /* @__PURE__ */ jsxs27("span", { children: [
             label,
             "\uFF08",
             refs.length,
             "\uFF09"
           ] }),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             ChevronRight5,
             {
               size: 10,
@@ -7588,13 +7677,13 @@ function MemoryRefsHint({ refs: rawRefs }) {
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs26("div", { className: "mt-1.5 flex flex-col gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.45)] px-3 py-2", children: [
-      refs.map((ref) => /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
-        /* @__PURE__ */ jsx31("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
-        /* @__PURE__ */ jsx31("span", { className: "line-clamp-1", children: ref.content_preview }),
-        ref.skill_name && /* @__PURE__ */ jsx31("span", { className: "ml-auto shrink-0 rounded bg-[hsl(var(--primary)/0.12)] px-1.5 py-0.5 text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name })
+    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 })
       ] }, ref.id)),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(
         "a",
         {
           href: MEMORIES_ROUTE,
@@ -7609,7 +7698,7 @@ 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 jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 var PERCENT_FORMATTER = new Intl.NumberFormat("zh-CN", {
   style: "percent",
   maximumFractionDigits: 0
@@ -7669,9 +7758,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__ */ jsxs27("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs27(
+  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(
         "button",
         {
           type: "button",
@@ -7682,21 +7771,21 @@ function CompactionCard({
           ),
           "aria-expanded": expanded,
           children: [
-            canExpand ? expanded ? /* @__PURE__ */ jsx32(ChevronDown2, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx32(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
-            /* @__PURE__ */ jsx32("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx32(Loader26, { size: 12, className: "animate-spin" }),
+            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" }),
               "\u6B63\u5728\u538B\u7F29\u4E0A\u4E0B\u6587"
-            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
-              /* @__PURE__ */ jsx32(XCircle, { size: 12 }),
+            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs28("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
+              /* @__PURE__ */ jsx33(XCircle, { size: 12 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5931\u8D25"
-            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
-              /* @__PURE__ */ jsx32(Square3, { size: 11 }),
+            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs28("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
+              /* @__PURE__ */ jsx33(Square3, { size: 11 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5DF2\u53D6\u6D88"
             ] }) : "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
           ]
         }
       ),
-      canCancel ? /* @__PURE__ */ jsx32(
+      canCancel ? /* @__PURE__ */ jsx33(
         "button",
         {
           type: "button",
@@ -7706,13 +7795,13 @@ function CompactionCard({
         }
       ) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsxs27("div", { className: "mt-1 max-w-3xl rounded-lg border border-[hsl(var(--border))]/70 bg-[hsl(var(--card))]/80 px-3 py-2 text-[11px] leading-relaxed shadow-sm", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsxs27("span", { children: [
+    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: [
           "#",
           shortId(source.compaction_id)
         ] }),
-        /* @__PURE__ */ jsxs27("span", { children: [
+        /* @__PURE__ */ jsxs28("span", { children: [
           "\u8282\u7701 ",
           formatSavedRatio(source.saved_ratio),
           "\uFF08",
@@ -7722,31 +7811,31 @@ function CompactionCard({
           formatTokens(source.tokens_after),
           " token\uFF09"
         ] }),
-        /* @__PURE__ */ jsxs27("span", { children: [
+        /* @__PURE__ */ jsxs28("span", { children: [
           "\u5F52\u6863 ",
           archivedCount,
           " \u4E2A\u5DE5\u5177\u7ED3\u679C"
         ] })
       ] }),
-      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
+      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx33("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
         const archivePath = getArchivePath(item, archivedFiles);
-        return /* @__PURE__ */ jsxs27(
+        return /* @__PURE__ */ jsxs28(
           "div",
           {
             className: "rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/35 px-2 py-1.5",
             children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
-                /* @__PURE__ */ jsx32("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
-                item.tool_call_id ? /* @__PURE__ */ jsx32("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
+              /* @__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
               ] }),
-              archivePath ? /* @__PURE__ */ jsx32("div", { className: "mt-0.5 break-all font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: archivePath }) : null
+              archivePath ? /* @__PURE__ */ jsx33("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__ */ jsx32("pre", { className: "mt-2 max-h-[360px] overflow-auto whitespace-pre-wrap rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/25 px-2 py-1.5 font-mono text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: source.summary_full }) : null,
-      source.status === "failed" && source.failure_reason ? /* @__PURE__ */ jsxs27("div", { className: "mt-2 text-rose-500/90", children: [
+      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: [
         "\u5931\u8D25\u539F\u56E0\uFF1A",
         source.failure_reason
       ] }) : null
@@ -7757,7 +7846,7 @@ function CompactionCard({
 // src/react/components/chat/RenderErrorBoundary.tsx
 import { AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { Component } from "react";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -7790,18 +7879,18 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx33("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx33(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "font-medium", children: [
+    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: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs28("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs29("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__ */ jsx33("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx34("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
@@ -7820,7 +7909,7 @@ import {
   WandSparkles
 } from "lucide-react";
 import { useEffect as useEffect16, useMemo as useMemo17, useState as useState20 } from "react";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
   if (durationMs == null) return null;
@@ -7930,22 +8019,22 @@ function StickyStatusBar({
   }
   const elapsedLabel = formatElapsedDuration(elapsedDuration);
   const Icon = action.Icon;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "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__ */ jsx34("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-[hsl(var(--primary)/0.12)] text-[hsl(var(--primary))]", children: /* @__PURE__ */ jsx34(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
-        /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx34("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
-          /* @__PURE__ */ jsxs29("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            elapsedLabel ? /* @__PURE__ */ jsxs29("span", { className: "font-mono", children: [
+        /* @__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: [
               "\u5DF2\u6301\u7EED ",
               elapsedLabel
             ] }) : null,
-            /* @__PURE__ */ jsx34("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
+            /* @__PURE__ */ jsx35("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
           ] })
         ] })
       ]
@@ -7954,7 +8043,7 @@ function StickyStatusBar({
 }
 
 // src/react/components/chat/TurnNavRail.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function TurnNavRail({
   items,
   activeTurnId,
@@ -7963,14 +8052,14 @@ function TurnNavRail({
   if (items.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "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__ */ jsxs30(
+        return /* @__PURE__ */ jsxs31(
           "button",
           {
             type: "button",
@@ -7978,8 +8067,8 @@ function TurnNavRail({
             "aria-current": isActive ? "true" : void 0,
             className: "group relative flex h-3.5 items-center",
             children: [
-              /* @__PURE__ */ jsx35("span", { className: "pointer-events-none absolute right-full mr-2 hidden max-w-48 truncate whitespace-nowrap rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] px-2.5 py-1.5 text-xs text-[hsl(var(--popover-foreground))] shadow-lg group-hover:block", children: item.title || `\u7B2C ${index + 1} \u8F6E` }),
-              /* @__PURE__ */ jsx35(
+              /* @__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(
                 "span",
                 {
                   className: cn(
@@ -7998,7 +8087,7 @@ function TurnNavRail({
 }
 
 // src/react/components/chat/MessageList.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -8274,13 +8363,13 @@ function MessageList({
   const handleSelectTurn = useCallback12((turnId) => {
     document.getElementById(turnId)?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       ref: containerRef,
       className: `relative min-h-0 flex-1 ${customization?.classNames?.messageListRoot ?? ""}`,
       children: [
-        turnNavItems.length > 1 ? /* @__PURE__ */ jsx36(
+        turnNavItems.length > 1 ? /* @__PURE__ */ jsx37(
           TurnNavRail,
           {
             items: turnNavItems,
@@ -8288,7 +8377,7 @@ function MessageList({
             onSelectTurn: handleSelectTurn
           }
         ) : null,
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           StickToBottom,
           {
             contextRef: stickContextRef,
@@ -8296,7 +8385,7 @@ function MessageList({
             initial: "instant",
             resize: stickyTurn ? { damping: 0.8, stiffness: 0.08, mass: 1 } : "instant",
             children: [
-              /* @__PURE__ */ jsx36(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx37(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx37(
                 MessageListContent,
                 {
                   askAnswers,
@@ -8313,7 +8402,7 @@ function MessageList({
                   customization
                 }
               ) }),
-              /* @__PURE__ */ jsx36(ScrollToBottomButton, {})
+              /* @__PURE__ */ jsx37(ScrollToBottomButton, {})
             ]
           }
         )
@@ -8343,8 +8432,8 @@ function MessageListContent({
     }
     scrollToBottom();
   }, [lastTurnId, scrollToBottom]);
-  return /* @__PURE__ */ jsx36("div", { className: `mx-auto max-w-3xl ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs31("div", { className: `min-w-0 flex flex-col gap-8 ${customization?.classNames?.messageListInner ?? ""}`, children: [
-    stickyTurn ? /* @__PURE__ */ jsx36(
+  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(
       StickyStatusBar,
       {
         sessionId,
@@ -8354,31 +8443,31 @@ function MessageListContent({
         onJumpToLatest: handleJumpToLatest
       }
     ) : null,
-    renderBlocks.length === 0 ? customization?.components?.EmptyState ? /* @__PURE__ */ jsx36(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs31("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
-      /* @__PURE__ */ jsx36(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx36("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-      /* @__PURE__ */ jsx36("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+    renderBlocks.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.map((block, blockIndex) => {
       if (block.type === "message") {
-        return /* @__PURE__ */ jsx36("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx37("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx37(
           customization.components.UserMessage,
           {
             message: block.message,
             className: customization.classNames?.userMessage
           }
-        ) : /* @__PURE__ */ jsx36(
+        ) : /* @__PURE__ */ jsx37(
           UserMessageBubble,
           {
             message: block.message,
             className: customization?.classNames?.userMessage
           }
-        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx36(
+        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx37(
           customization.components.ErrorMessage,
           {
             message: block.message,
             className: customization.classNames?.errorMessage
           }
-        ) : /* @__PURE__ */ jsx36(
+        ) : /* @__PURE__ */ jsx37(
           ErrorMessageBlock,
           {
             message: block.message,
@@ -8395,20 +8484,20 @@ function MessageListContent({
         );
         const isFollowedByPlanningExit = nextBlock?.type === "planning_divider" && nextBlock.kind === "exit";
         const showPlanCard = (hasExitPlan || isFollowedByPlanningExit) && onConfirmPlan && sessionStatus === "waiting_for_input";
-        return /* @__PURE__ */ jsxs31(
+        return /* @__PURE__ */ jsxs32(
           "div",
           {
             id: block.anchorId,
             "data-turn-id": block.anchorId,
             className: "msg-animate flex scroll-mt-6 flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx37(
                 RenderErrorBoundary,
                 {
                   label: "\u52A9\u624B\u6D88\u606F",
                   details: block.key,
                   resetKey: getMessagesResetSignature(block.messages),
-                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx36(
+                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx37(
                     customization.components.AssistantTurn,
                     {
                       turnKey: block.key,
@@ -8421,7 +8510,7 @@ function MessageListContent({
                       sessionStatus,
                       customization
                     }
-                  ) : /* @__PURE__ */ jsx36(
+                  ) : /* @__PURE__ */ jsx37(
                     AssistantTurnBlock,
                     {
                       turnKey: block.key,
@@ -8437,13 +8526,13 @@ function MessageListContent({
                   )
                 }
               ),
-              showPlanCard ? /* @__PURE__ */ jsx36(
+              showPlanCard ? /* @__PURE__ */ jsx37(
                 RenderErrorBoundary,
                 {
                   label: "\u89C4\u5212\u6458\u8981",
                   details: block.key,
                   resetKey: `${sessionStatus ?? ""}:${layoutSignature}`,
-                  children: /* @__PURE__ */ jsx36(
+                  children: /* @__PURE__ */ jsx37(
                     PlanSummaryCard,
                     {
                       messages: extractLatestPlanMessages(messages),
@@ -8459,7 +8548,7 @@ function MessageListContent({
         );
       }
       if (block.type === "compaction") {
-        return /* @__PURE__ */ jsx36("div", { className: "msg-animate", children: /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx37("div", { className: "msg-animate", children: /* @__PURE__ */ jsx37(
           CompactionCard,
           {
             sessionId,
@@ -8468,41 +8557,41 @@ function MessageListContent({
           }
         ) }, block.key);
       }
-      return /* @__PURE__ */ jsx36(PlanningDivider, { kind: block.kind }, block.key);
+      return /* @__PURE__ */ jsx37(PlanningDivider, { kind: block.kind }, block.key);
     }),
-    sessionStatus === "interrupted" && !hasInterruptedTurn ? /* @__PURE__ */ jsx36("div", { className: "flex", children: /* @__PURE__ */ jsx36("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+    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
   ] }) });
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
   if (isAtBottom) return null;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "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__ */ jsx36(ChevronDown3, { size: 14 }),
-        /* @__PURE__ */ jsx36("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx37(ChevronDown3, { size: 14 }),
+        /* @__PURE__ */ jsx37("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
   const isEnter = kind === "enter";
-  return /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx36("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs31("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
-      /* @__PURE__ */ jsx36(Lightbulb2, { size: 12 }),
-      /* @__PURE__ */ jsx36("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  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" })
     ] }),
-    /* @__PURE__ */ jsx36("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx37("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 jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function ChatView({
   sessionId,
   renderAttachments,
@@ -8550,17 +8639,17 @@ function ChatView({
     [classNames, components, renderers]
   );
   const SkillStatus = components?.SkillStatusBar;
-  return /* @__PURE__ */ jsxs32("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
-    isViewer && /* @__PURE__ */ jsxs32("div", { className: `flex items-center justify-center gap-2 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] py-2 text-xs text-[hsl(var(--muted-foreground))] ${classNames?.viewerBanner ?? ""}`, children: [
-      /* @__PURE__ */ jsx37(Eye, { size: 14 }),
+  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 }),
       "\u4F60\u6B63\u5728\u67E5\u770B\u5206\u4EAB\u7684\u4F1A\u8BDD\uFF08\u53EA\u8BFB\uFF09"
     ] }),
-    !isViewer && /* @__PURE__ */ jsx37(ConnectionBanner, {}),
-    errorMessage && /* @__PURE__ */ jsxs32("div", { className: "flex items-start gap-2 border-b border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-800/30 dark:bg-red-950/30 dark:text-red-300", children: [
-      /* @__PURE__ */ jsx37(CircleAlert2, { size: 16, className: "mt-0.5 shrink-0" }),
-      /* @__PURE__ */ jsx37("span", { children: errorMessage })
+    !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 })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       MessageList,
       {
         sessionId,
@@ -8572,10 +8661,13 @@ function ChatView({
       },
       sessionId
     ),
-    !isViewer && /* @__PURE__ */ jsx37(
+    !isViewer && /* @__PURE__ */ jsx38(
       ChatInput,
       {
-        onSend: (msg, _targetSessionId, model) => send(msg, mode, void 0, { model: model || void 0 }),
+        onSend: (msg, options) => send(msg, mode, void 0, {
+          model: options?.model || void 0,
+          thinkingOverride: options?.thinkingOverride
+        }),
         onAppend: append,
         onStop: stop,
         isStreaming,
@@ -8609,6 +8701,7 @@ export {
   useInputHistory,
   useModelConfig,
   usePreferredModel,
+  useThinkingPreference,
   useResolvedModel,
   buildVoiceInputUnavailableError,
   useVoiceInput,
@@ -8626,6 +8719,7 @@ export {
   SkillStatusBar,
   skillMentionSuggestionKey,
   SkillMention,
+  ThinkingToggle,
   ChatInput,
   ResourceIframe,
   ImageLightbox,
@@ -8652,4 +8746,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-DXDLZXDP.js.map
+//# sourceMappingURL=chunk-JHUSL3JZ.js.map