@blade-hq/agent-kit 0.5.0 → 0.5.2

package/dist/{chunk-ZGM3H24C.js → chunk-EV225FLR.js}

@@ -8,13 +8,13 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-2FTEBWEM.js";
+} from "./chunk-LVLGDM76.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
   resolveSessionFilePreviewTarget
-} from "./chunk-CFZDKYT3.js";
+} from "./chunk-4ZEOWH6U.js";
 import {
   buildMessageContent,
   buildToolPreviewKey,
@@ -23,6 +23,7 @@ import {
   extractToolFilePath,
   formatToolName,
   getAuthedUrl,
+  getBackgroundTask,
   getClient,
   getFileParts,
   getImageParts,
@@ -56,7 +57,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-C7VSMOXN.js";
+} from "./chunk-PTMCGZFG.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -65,7 +66,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-ROGNJYST.js";
+} from "./chunk-7JX26TWV.js";
 import {
   cn,
   copyToClipboard
@@ -152,7 +153,7 @@ import {
   ChevronDown,
   File as File2,
   FileCode2,
-  FileText,
+  FileText as FileText2,
   Film,
   FolderUp,
   CircleHelp,
@@ -171,7 +172,7 @@ import {
   Send,
   Sparkles as Sparkles2,
   Share2,
-  Square,
+  Square as Square2,
   X as X2
 } from "lucide-react";
 import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
@@ -180,7 +181,7 @@ import {
   useEffectEvent as useEffectEvent2,
   useMemo as useMemo7,
   useRef as useRef4,
-  useState as useState6
+  useState as useState7
 } from "react";
 import { createRoot } from "react-dom/client";
 import { toast } from "sonner";
@@ -703,6 +704,21 @@ function usePreferredModel() {
 
 // src/react/components/model/ModelSelector.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var inputModalityLabels = {
+  text: "\u6587\u672C",
+  image: "\u56FE\u7247",
+  file: "\u6587\u4EF6",
+  audio: "\u97F3\u9891",
+  video: "\u89C6\u9891"
+};
+function getInputModalities(model) {
+  const values = model.inputModalities && model.inputModalities.length > 0 ? model.inputModalities : model.supportsImage ? ["text", "image"] : ["text"];
+  const normalized = values.map((value) => value.trim().toLowerCase()).filter((value) => value.length > 0);
+  return normalized.length > 0 ? Array.from(new Set(normalized)) : ["text"];
+}
+function formatInputModalities(model) {
+  return getInputModalities(model).map((value) => inputModalityLabels[value] ?? value).join("\u3001");
+}
 function ModelSelector({
   value,
   onValueChange,
@@ -728,13 +744,21 @@ function ModelSelector({
     const normalized = query.trim().toLowerCase();
     if (!normalized) return models;
     return models.filter(
-      (model) => model.id.toLowerCase().includes(normalized) || model.label.toLowerCase().includes(normalized)
+      (model) => {
+        const inputLabel = formatInputModalities(model).toLowerCase();
+        return model.id.toLowerCase().includes(normalized) || model.label.toLowerCase().includes(normalized) || inputLabel.includes(normalized);
+      }
     );
   }, [models, query]);
   const canSelect = models.length > 0;
-  const selectedLabel = models.find((model) => model.id === value)?.label;
-  const defaultLabel = models.find((model) => model.id === defaultModel)?.label;
+  const selectedModel = models.find((model) => model.id === value);
+  const defaultModelOption = models.find((model) => model.id === defaultModel);
+  const selectedLabel = selectedModel?.label;
+  const defaultLabel = defaultModelOption?.label;
   const label = isLoading ? "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B..." : models.length === 0 ? "\u65E0\u53EF\u7528\u6A21\u578B" : selectedLabel || defaultLabel || value.trim() || "\u672A\u8FDE\u63A5\u5230\u6A21\u578B";
+  const activeModel = selectedModel ?? defaultModelOption;
+  const activeInputLabel = activeModel ? formatInputModalities(activeModel) : "";
+  const selectorTitle = activeInputLabel ? `${label}\uFF0C\u652F\u6301\u8F93\u5165\uFF1A${activeInputLabel}` : label;
   const dropdownPosition = placement === "top" ? "bottom-[calc(100%+8px)]" : "top-[calc(100%+8px)]";
   if (!canSelect) {
     return /* @__PURE__ */ jsxs(
@@ -757,17 +781,24 @@ function ModelSelector({
         disabled,
         onClick: () => setIsOpen((current) => !current),
         className: "flex min-w-0 items-center gap-1 rounded-lg px-2.5 py-[5px] text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-50",
-        title: label,
+        title: selectorTitle,
         children: [
           /* @__PURE__ */ jsx2(Sparkles, { size: 14, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx2("span", { className: `whitespace-nowrap text-xs ${compact ? "" : "max-w-[180px]"}`, children: label })
+          /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: `min-w-0 truncate whitespace-nowrap text-xs ${compact ? "max-w-[120px]" : "max-w-[180px]"}`,
+              children: label
+            }
+          ),
+          activeInputLabel ? /* @__PURE__ */ jsx2("span", { className: "shrink-0 rounded border border-[hsl(var(--border))] px-1 py-0 text-[10px] leading-4 text-[hsl(var(--muted-foreground))]", children: activeInputLabel }) : null
         ]
       }
     ),
     isOpen && /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `absolute left-0 z-50 w-[260px] overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] shadow-xl ${dropdownPosition}`,
+        className: `absolute left-0 z-50 w-[320px] overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] shadow-xl ${dropdownPosition}`,
         children: [
           /* @__PURE__ */ jsx2("div", { className: "border-b border-[hsl(var(--border))] p-2", children: /* @__PURE__ */ jsx2(
             "input",
@@ -778,21 +809,28 @@ function ModelSelector({
               className: "h-8 w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-2.5 text-xs text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground))] focus:border-[hsl(var(--ring))]"
             }
           ) }),
-          /* @__PURE__ */ jsx2("div", { className: "max-h-[220px] overflow-y-auto p-1", children: filteredModels.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u578B" }) : filteredModels.map((model) => /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                onValueChange(model.id);
-                setIsOpen(false);
-                setQuery("");
+          /* @__PURE__ */ jsx2("div", { className: "max-h-[220px] overflow-y-auto p-1", children: filteredModels.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u578B" }) : filteredModels.map((model) => {
+            const inputLabel = formatInputModalities(model);
+            const title = model.id === model.label ? `${model.id}\uFF0C\u652F\u6301\u8F93\u5165\uFF1A${inputLabel}` : `${model.label} (${model.id})\uFF0C\u652F\u6301\u8F93\u5165\uFF1A${inputLabel}`;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  onValueChange(model.id);
+                  setIsOpen(false);
+                  setQuery("");
+                },
+                className: `flex w-full items-center justify-between gap-3 rounded-lg px-3 py-2 text-left text-xs transition-colors ${model.id === value ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"}`,
+                title,
+                children: [
+                  /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: model.label }),
+                  /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-[11px] text-[hsl(var(--muted-foreground))]", children: inputLabel })
+                ]
               },
-              className: `block w-full truncate rounded-lg px-3 py-2 text-left text-xs transition-colors ${model.id === value ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"}`,
-              title: model.id === model.label ? model.id : `${model.label} (${model.id})`,
-              children: model.label
-            },
-            model.id
-          )) })
+              model.id
+            );
+          }) })
         ]
       }
     )
@@ -1258,11 +1296,177 @@ var SkillCompletionMenu = forwardRef2(
   }
 );
 
+// src/react/components/chat/BackgroundTasksPill.tsx
+import { FileText, Square, Terminal } from "lucide-react";
+import { useState as useState6 } from "react";
+
+// src/react/hooks/use-background-tasks.ts
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+var EMPTY_TASKS = [];
+function useBackgroundTasks(sessionId) {
+  const setTasks = useBackgroundStore((state) => state.setTasks);
+  const tasks = useBackgroundStore((state) => sessionId ? state.tasks[sessionId] : void 0);
+  const query = useQuery2({
+    queryKey: ["background-tasks", sessionId],
+    queryFn: ({ signal }) => listBackgroundTasks(sessionId, { signal }).then((items) => {
+      setTasks(sessionId, items);
+      return items;
+    }),
+    enabled: Boolean(sessionId)
+  });
+  return {
+    data: tasks ?? query.data ?? EMPTY_TASKS,
+    loading: query.isLoading,
+    error: query.error,
+    refetch: query.refetch
+  };
+}
+
+// src/react/components/chat/BackgroundTasksPill.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function formatStartedAt(value) {
+  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
+    return "\u542F\u52A8\u65F6\u95F4\u672A\u77E5";
+  }
+  return new Intl.DateTimeFormat("zh-CN", {
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(new Date(value * 1e3));
+}
+function statusLabel(status) {
+  if (status === "running") return "\u8FD0\u884C\u4E2D";
+  if (status === "failed") return "\u5931\u8D25";
+  if (status === "cancelled") return "\u5DF2\u505C\u6B62";
+  if (status === "done" || status === "succeeded") return "\u5DF2\u7ED3\u675F";
+  return status || "\u672A\u77E5";
+}
+function statusClass(status) {
+  if (status === "running") return "border-amber-500/35 bg-amber-500/10 text-amber-500";
+  if (status === "failed") return "border-rose-500/35 bg-rose-500/10 text-rose-500";
+  return "border-[hsl(var(--border))] bg-[hsl(var(--muted))]/40 text-[hsl(var(--muted-foreground))]";
+}
+function BackgroundTasksPill({ sessionId }) {
+  const { data: tasks } = useBackgroundTasks(sessionId);
+  const [open, setOpen] = useState6(false);
+  const [logTask, setLogTask] = useState6(null);
+  if (tasks.length === 0) return null;
+  const runningCount = tasks.filter((task) => task.status === "running").length;
+  const openTaskLog = async (task) => {
+    const title = `${task.id} ${task.description || task.command || "\u540E\u53F0\u4EFB\u52A1"}`;
+    setLogTask({ id: task.id, title, output: "", loading: true, error: null });
+    try {
+      const detail = await getBackgroundTask(sessionId, task.id, 300);
+      setLogTask({
+        id: task.id,
+        title,
+        output: detail.output || "\u6682\u65E0\u8F93\u51FA",
+        loading: false,
+        error: null
+      });
+    } catch (error) {
+      setLogTask({
+        id: task.id,
+        title,
+        output: "",
+        loading: false,
+        error: error instanceof Error ? error.message : "\u65E5\u5FD7\u52A0\u8F7D\u5931\u8D25"
+      });
+    }
+  };
+  const requestStopTask = (task) => {
+    const name = `${task.id}\uFF08${task.description || task.command || "\u540E\u53F0\u4EFB\u52A1"}\uFF09`;
+    getSocket().send(
+      sessionId,
+      `\u8BF7\u5148\u5411\u6211\u4E8C\u6B21\u786E\u8BA4\uFF0C\u7136\u540E\u5E2E\u6211\u505C\u6B62\u540E\u53F0\u4EFB\u52A1 ${name}\u3002`,
+      "executing"
+    );
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    logTask ? /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/55 p-4", children: /* @__PURE__ */ jsxs4("div", { className: "flex max-h-[82vh] w-full max-w-3xl flex-col overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-2xl", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-3 border-b border-[hsl(var(--border))] px-4 py-3", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx5("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: logTask.title }),
+          /* @__PURE__ */ jsx5("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u540E\u53F0\u4EFB\u52A1\u65E5\u5FD7" })
+        ] }),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            onClick: () => setLogTask(null),
+            className: "rounded-md border border-[hsl(var(--border))] px-2.5 py-1 text-xs text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))]",
+            children: "\u5173\u95ED"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx5("pre", { className: "min-h-64 flex-1 overflow-auto whitespace-pre-wrap p-4 font-mono text-xs leading-5 text-[hsl(var(--foreground))]", children: logTask.loading ? "\u52A0\u8F7D\u4E2D..." : logTask.error || logTask.output })
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs4("div", { className: "relative mb-2 flex justify-start", children: [
+      /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen((value) => !value),
+          className: cn(
+            "inline-flex h-8 items-center gap-2 rounded-full border px-3 text-xs font-medium shadow-sm transition-colors",
+            runningCount > 0 ? "border-amber-500/35 bg-amber-500/10 text-amber-600" : "border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--muted-foreground))]"
+          ),
+          children: [
+            /* @__PURE__ */ jsx5(Terminal, { size: 13 }),
+            "\u540E\u53F0\u4EFB\u52A1 ",
+            tasks.length,
+            runningCount > 0 ? /* @__PURE__ */ jsxs4("span", { children: [
+              "\u8FD0\u884C\u4E2D ",
+              runningCount
+            ] }) : null
+          ]
+        }
+      ),
+      open ? /* @__PURE__ */ jsx5("div", { className: "absolute bottom-full left-0 z-40 mb-2 w-[min(24rem,calc(100vw-2rem))] rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-2 text-xs text-[hsl(var(--popover-foreground))] shadow-xl", children: /* @__PURE__ */ jsx5("div", { className: "max-h-72 space-y-2 overflow-y-auto", children: tasks.map((task) => /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-[hsl(var(--border))] p-2", children: [
+        /* @__PURE__ */ jsx5("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx5("span", { className: "font-mono font-semibold", children: task.id }),
+            /* @__PURE__ */ jsx5("span", { className: cn("rounded-full border px-1.5 py-0.5 text-[10px]", statusClass(task.status)), children: statusLabel(task.status) })
+          ] }),
+          /* @__PURE__ */ jsx5("div", { className: "mt-1 break-words text-[hsl(var(--foreground))]", children: task.description || task.command }),
+          /* @__PURE__ */ jsx5("div", { className: "mt-1 text-[11px] text-[hsl(var(--muted-foreground))]", children: formatStartedAt(task.started_at) })
+        ] }) }),
+        /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              onClick: () => void openTaskLog(task),
+              className: "inline-flex h-6 items-center gap-1 rounded-md border border-[hsl(var(--border))] px-2 text-[11px] hover:bg-[hsl(var(--accent))]",
+              children: [
+                /* @__PURE__ */ jsx5(FileText, { size: 11 }),
+                "\u65E5\u5FD7"
+              ]
+            }
+          ),
+          task.status === "running" ? /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              onClick: () => requestStopTask(task),
+              className: "inline-flex h-6 items-center gap-1 rounded-md border border-rose-500/35 px-2 text-[11px] text-rose-500 hover:bg-rose-500/10",
+              children: [
+                /* @__PURE__ */ jsx5(Square, { size: 10 }),
+                "\u505C\u6B62"
+              ]
+            }
+          ) : null
+        ] })
+      ] }, task.id)) }) }) : null
+    ] })
+  ] });
+}
+
 // src/react/components/chat/FileSizeLimitDialog.tsx
 import { X } from "lucide-react";
 import { useEffect as useEffect6 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function FileSizeLimitDialog({
   open,
   onOpenChange,
@@ -1284,7 +1488,7 @@ function FileSizeLimitDialog({
   }
   const limitText = formatFileSize(limitBytes);
   return createPortal(
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",
@@ -1297,45 +1501,45 @@ function FileSizeLimitDialog({
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": "file-size-limit-dialog-title",
-        children: /* @__PURE__ */ jsxs4(
+        children: /* @__PURE__ */ jsxs5(
           "div",
           {
             className: "w-full max-w-lg overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--background))] shadow-2xl",
             onClick: (event) => event.stopPropagation(),
             onKeyDown: (event) => event.stopPropagation(),
             children: [
-              /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
-                /* @__PURE__ */ jsxs4("div", { children: [
-                  /* @__PURE__ */ jsx5("h3", { id: "file-size-limit-dialog-title", className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u9644\u4EF6\u8D85\u8FC7\u5927\u5C0F\u9650\u5236" }),
-                  /* @__PURE__ */ jsxs4("p", { className: "mt-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
+                /* @__PURE__ */ jsxs5("div", { children: [
+                  /* @__PURE__ */ jsx6("h3", { id: "file-size-limit-dialog-title", className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u9644\u4EF6\u8D85\u8FC7\u5927\u5C0F\u9650\u5236" }),
+                  /* @__PURE__ */ jsxs5("p", { className: "mt-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
                     "\u5355\u4E2A\u9644\u4EF6\u6700\u5927\u652F\u6301 ",
                     limitText,
                     "\u3002\u4EE5\u4E0B\u6587\u4EF6\u672A\u52A0\u5165\u9644\u4EF6\u5217\u8868\u3002"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(
                   "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__ */ jsx5(X, { size: 14 })
+                    children: /* @__PURE__ */ jsx6(X, { size: 14 })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx5("div", { className: "max-h-[min(50vh,24rem)] overflow-auto px-4 py-3", children: /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-2", children: files.map((file) => /* @__PURE__ */ jsxs4(
+              /* @__PURE__ */ jsx6("div", { className: "max-h-[min(50vh,24rem)] overflow-auto px-4 py-3", children: /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-2", children: files.map((file) => /* @__PURE__ */ jsxs5(
                 "div",
                 {
                   className: "flex items-center justify-between gap-3 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-3 py-2",
                   children: [
-                    /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate text-sm text-[hsl(var(--foreground))]", children: file.name }),
-                    /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: formatFileSize(file.size) })
+                    /* @__PURE__ */ jsx6("span", { className: "min-w-0 truncate text-sm text-[hsl(var(--foreground))]", children: file.name }),
+                    /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: formatFileSize(file.size) })
                   ]
                 },
                 `${file.name}:${file.size}`
               )) }) }),
-              /* @__PURE__ */ jsx5("div", { className: "flex justify-end border-t border-[hsl(var(--border))] px-4 py-3", children: /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6("div", { className: "flex justify-end border-t border-[hsl(var(--border))] px-4 py-3", children: /* @__PURE__ */ jsx6(
                 "button",
                 {
                   type: "button",
@@ -1358,28 +1562,6 @@ import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { RefreshCw } from "lucide-react";
 import { useMemo as useMemo6 } from "react";
 
-// src/react/hooks/use-background-tasks.ts
-import { useQuery as useQuery2 } from "@tanstack/react-query";
-var EMPTY_TASKS = [];
-function useBackgroundTasks(sessionId) {
-  const setTasks = useBackgroundStore((state) => state.setTasks);
-  const tasks = useBackgroundStore((state) => sessionId ? state.tasks[sessionId] : void 0);
-  const query = useQuery2({
-    queryKey: ["background-tasks", sessionId],
-    queryFn: ({ signal }) => listBackgroundTasks(sessionId, { signal }).then((items) => {
-      setTasks(sessionId, items);
-      return items;
-    }),
-    enabled: Boolean(sessionId)
-  });
-  return {
-    data: tasks ?? query.data ?? EMPTY_TASKS,
-    loading: query.isLoading,
-    error: query.error,
-    refetch: query.refetch
-  };
-}
-
 // src/react/hooks/use-context-stats.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
 var EMPTY_CONTEXT_STATS = {
@@ -1455,7 +1637,7 @@ function useTokenPressure(sessionId) {
 }
 
 // src/react/components/chat/ProgressCircle.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var LEVEL_STYLES = {
   normal: {
     strokeClass: "stroke-slate-400",
@@ -1486,15 +1668,15 @@ function ProgressCircle({
   const circumference = 2 * Math.PI * radius;
   const dashOffset = circumference * (1 - clamped / 100);
   const styles = LEVEL_STYLES[level];
-  return /* @__PURE__ */ jsxs5("div", { className: cn("group relative inline-flex", className), children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6("div", { className: cn("group relative inline-flex", className), children: [
+    /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
         "aria-label": `\u4E0A\u4E0B\u6587\u5DF2\u4F7F\u7528 ${Math.round(clamped)}%`,
         className: "relative inline-flex cursor-help items-center justify-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-[hsl(var(--background))]",
-        children: /* @__PURE__ */ jsxs5("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx6(
+        children: /* @__PURE__ */ jsxs6("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx7(
             "circle",
             {
               cx: size / 2,
@@ -1505,7 +1687,7 @@ function ProgressCircle({
               className: styles.trackClass
             }
           ),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             "circle",
             {
               cx: size / 2,
@@ -1523,12 +1705,12 @@ function ProgressCircle({
         ] })
       }
     ),
-    detail ? /* @__PURE__ */ jsx6("div", { className: "pointer-events-none absolute bottom-full left-1/2 z-20 mb-2 hidden w-64 max-w-[min(20rem,calc(100vw-2rem))] -translate-x-1/2 rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 text-[11px] text-slate-100 shadow-xl group-hover:block group-focus-within:block", children: detail }) : null
+    detail ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute bottom-full left-1/2 z-20 mb-2 hidden w-64 max-w-[min(20rem,calc(100vw-2rem))] -translate-x-1/2 rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 text-[11px] text-slate-100 shadow-xl group-hover:block group-focus-within:block", children: detail }) : null
   ] });
 }
 
 // src/react/components/chat/SkillStatusBar.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var COMPACT_NUMBER_FORMATTER = new Intl.NumberFormat("zh-CN", {
   notation: "compact",
   maximumFractionDigits: 1
@@ -1572,8 +1754,8 @@ function HoverPanel({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsxs6("div", { className: "pointer-events-none absolute bottom-full left-1/2 z-20 mb-2 hidden w-64 max-w-[min(20rem,calc(100vw-2rem))] -translate-x-1/2 rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 text-[11px] text-slate-100 shadow-xl group-hover:block", children: [
-    /* @__PURE__ */ jsx7("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: title }),
+  return /* @__PURE__ */ jsxs7("div", { className: "absolute bottom-full left-1/2 z-20 mb-2 hidden w-80 max-w-[min(22rem,calc(100vw-2rem))] -translate-x-1/2 rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 text-[11px] text-slate-100 shadow-xl group-hover:block", children: [
+    /* @__PURE__ */ jsx8("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: title }),
     children
   ] });
 }
@@ -1592,13 +1774,10 @@ function SkillStatusBar({
     enabled: Boolean(sessionId)
   });
   const { data: contextStats } = useContextStats(sessionId);
-  const { data: tasks } = useBackgroundTasks(sessionId);
   const tokenPressure = useTokenPressure(sessionId);
   const connectionStatus = useConnectionStore((state) => state.status);
   const reconnectAttempt = useConnectionStore((state) => state.reconnectAttempt);
   const hasEverConnected = useConnectionStore((state) => state.hasEverConnected);
-  const runningTaskItems = tasks.filter((task) => task.status === "running");
-  const runningTasks = runningTaskItems.length;
   const statsReady = !loading && !error;
   const skillStoreConnected = statsReady && skillStats.remote_connected;
   const connectionMeta = useMemo6(
@@ -1610,11 +1789,6 @@ function SkillStatusBar({
     [connectionStatus, reconnectAttempt, hasEverConnected]
   );
   const items = [
-    {
-      key: "bg",
-      dotClass: runningTasks > 0 ? "bg-amber-400" : "bg-[hsl(var(--muted-foreground))]",
-      text: `\u540E\u53F0\u4EFB\u52A1 ${runningTasks}`
-    },
     {
       key: "loaded",
       dotClass: statsReady ? "bg-emerald-500" : "bg-[hsl(var(--muted-foreground))]",
@@ -1628,18 +1802,18 @@ function SkillStatusBar({
   ].filter((item) => item.key !== "total" || skillStats.remote_configured);
   const tokenSummary = useMemo6(() => {
     return {
-      detail: /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3 border-t border-slate-800 pt-1", children: [
-          /* @__PURE__ */ jsx7("span", { className: "text-slate-400", children: "\u5DF2\u7528" }),
-          /* @__PURE__ */ jsx7("span", { className: "font-mono", children: formatTokenNumber(contextStats.tokens_used) })
+      detail: /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3 border-t border-slate-800 pt-1", children: [
+          /* @__PURE__ */ jsx8("span", { className: "text-slate-400", children: "\u5DF2\u7528" }),
+          /* @__PURE__ */ jsx8("span", { className: "font-mono", children: formatTokenNumber(contextStats.tokens_used) })
         ] }),
-        contextStats.context_window > 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx7("span", { className: "text-slate-400", children: "\u4E0A\u4E0B\u6587\u7A97\u53E3" }),
-          /* @__PURE__ */ jsx7("span", { className: "font-mono", children: formatCompactNumber(contextStats.context_window) })
-        ] }) : /* @__PURE__ */ jsx7("div", { className: "pt-1 text-slate-500", children: "\u672A\u914D\u7F6E\u4E0A\u4E0B\u6587\u7A97\u53E3\u5927\u5C0F\uFF0C\u53EF\u901A\u8FC7 CONTEXT_WINDOW \u73AF\u5883\u53D8\u91CF\u8BBE\u7F6E" }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx7("span", { className: "text-slate-400", children: "\u6574\u7406\u9608\u503C" }),
-          /* @__PURE__ */ jsx7("span", { className: "font-mono", children: contextStats.compaction_ratio > 0 ? `${Math.round(contextStats.compaction_ratio * 100)}%` : "\u5DF2\u7981\u7528" })
+        contextStats.context_window > 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx8("span", { className: "text-slate-400", children: "\u4E0A\u4E0B\u6587\u7A97\u53E3" }),
+          /* @__PURE__ */ jsx8("span", { className: "font-mono", children: formatCompactNumber(contextStats.context_window) })
+        ] }) : /* @__PURE__ */ jsx8("div", { className: "pt-1 text-slate-500", children: "\u672A\u914D\u7F6E\u4E0A\u4E0B\u6587\u7A97\u53E3\u5927\u5C0F\uFF0C\u53EF\u901A\u8FC7 CONTEXT_WINDOW \u73AF\u5883\u53D8\u91CF\u8BBE\u7F6E" }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx8("span", { className: "text-slate-400", children: "\u6574\u7406\u9608\u503C" }),
+          /* @__PURE__ */ jsx8("span", { className: "font-mono", children: contextStats.compaction_ratio > 0 ? `${Math.round(contextStats.compaction_ratio * 100)}%` : "\u5DF2\u7981\u7528" })
         ] })
       ] }),
       label: contextStats.context_window > 0 ? `${formatTokensK(contextStats.tokens_used)} / ${formatTokensK(contextStats.context_window)} \u4E0A\u4E0B\u6587` : `${formatTokensK(contextStats.tokens_used)} \u4E0A\u4E0B\u6587`,
@@ -1649,9 +1823,9 @@ function SkillStatusBar({
   const containerClass = vertical ? "text-[11px] text-[hsl(var(--muted-foreground))]" : "bg-[hsl(var(--background))] px-5 pt-2";
   const innerClass = vertical ? "" : "mx-auto max-w-3xl";
   const listClass = vertical ? "flex flex-col items-stretch gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]" : "flex flex-wrap items-center gap-2 text-[10px] text-[hsl(var(--muted-foreground))]";
-  return /* @__PURE__ */ jsx7("div", { className: cn(containerClass, className), children: /* @__PURE__ */ jsx7("div", { className: cn(innerClass, innerClassName), children: /* @__PURE__ */ jsxs6("div", { className: listClass, children: [
-    tokenSummary ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2.5 py-1", children: [
-      /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { className: cn(containerClass, className), children: /* @__PURE__ */ jsx8("div", { className: cn(innerClass, innerClassName), children: /* @__PURE__ */ jsxs7("div", { className: listClass, children: [
+    tokenSummary ? /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2.5 py-1", children: [
+      /* @__PURE__ */ jsx8(
         ProgressCircle,
         {
           percentage: tokenPressure.ratio * 100,
@@ -1659,10 +1833,10 @@ function SkillStatusBar({
           detail: tokenSummary.detail
         }
       ),
-      /* @__PURE__ */ jsx7("span", { className: "font-mono", children: tokenSummary.label }),
-      tokenSummary.warn ? /* @__PURE__ */ jsx7("span", { className: "rounded-full border border-rose-500/25 bg-rose-500/10 px-1.5 py-0.5 text-[10px] font-medium text-rose-200", children: "\u5EFA\u8BAE\u6574\u7406\u5BF9\u8BDD" }) : null
+      /* @__PURE__ */ jsx8("span", { className: "font-mono", children: tokenSummary.label }),
+      tokenSummary.warn ? /* @__PURE__ */ jsx8("span", { className: "rounded-full border border-rose-500/25 bg-rose-500/10 px-1.5 py-0.5 text-[10px] font-medium text-rose-200", children: "\u5EFA\u8BAE\u6574\u7406\u5BF9\u8BDD" }) : null
     ] }) : null,
-    connectionStatus !== "connected" ? /* @__PURE__ */ jsxs6(
+    connectionStatus !== "connected" ? /* @__PURE__ */ jsxs7(
       "div",
       {
         className: cn(
@@ -1670,30 +1844,21 @@ function SkillStatusBar({
           connectionMeta.toneClass
         ),
         children: [
-          /* @__PURE__ */ jsx7("span", { className: cn("inline-block h-1.5 w-1.5 rounded-full", connectionMeta.dotClass) }),
-          /* @__PURE__ */ jsx7("span", { children: connectionMeta.label })
+          /* @__PURE__ */ jsx8("span", { className: cn("inline-block h-1.5 w-1.5 rounded-full", connectionMeta.dotClass) }),
+          /* @__PURE__ */ jsx8("span", { children: connectionMeta.label })
         ]
       }
     ) : null,
-    items.map((item, index) => /* @__PURE__ */ jsxs6(
+    items.map((item, index) => /* @__PURE__ */ jsxs7(
       "div",
       {
         className: "flex items-center gap-2 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2.5 py-1",
         children: [
-          index > 0 && !tokenPressure && /* @__PURE__ */ jsx7("span", { className: "hidden text-[hsl(var(--border))]", children: "\xB7" }),
-          /* @__PURE__ */ jsx7("span", { className: `inline-block h-1.5 w-1.5 rounded-full ${item.dotClass}` }),
-          item.key === "bg" ? /* @__PURE__ */ jsxs6("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx7("span", { className: "cursor-help font-mono", children: item.text }),
-            runningTaskItems.length > 0 ? /* @__PURE__ */ jsx7(HoverPanel, { title: "\u8FD0\u884C\u4E2D\u4EFB\u52A1", children: /* @__PURE__ */ jsx7("div", { className: "max-h-40 overflow-y-auto", children: runningTaskItems.map((task) => /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-2 py-1 leading-relaxed", children: [
-              /* @__PURE__ */ jsx7("span", { className: "mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full border border-amber-300 bg-transparent" }),
-              /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx7("div", { className: "font-medium", children: task.id }),
-                /* @__PURE__ */ jsx7("div", { className: "break-words text-slate-300/85", children: task.description || task.command })
-              ] })
-            ] }, task.id)) }) }) : null
-          ] }) : item.key === "loaded" ? /* @__PURE__ */ jsxs6("div", { className: "group relative flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx7("span", { className: "cursor-help font-mono", children: item.text }),
-            onResync ? /* @__PURE__ */ jsx7(
+          index > 0 && !tokenPressure && /* @__PURE__ */ jsx8("span", { className: "hidden text-[hsl(var(--border))]", children: "\xB7" }),
+          /* @__PURE__ */ jsx8("span", { className: `inline-block h-1.5 w-1.5 rounded-full ${item.dotClass}` }),
+          item.key === "loaded" ? /* @__PURE__ */ jsxs7("div", { className: "group relative flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx8("span", { className: "cursor-help font-mono", children: item.text }),
+            onResync ? /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -1701,21 +1866,21 @@ function SkillStatusBar({
                 disabled: isResyncing,
                 "aria-label": "\u540C\u6B65\u6280\u80FD",
                 className: "inline-flex h-5 w-5 items-center justify-center rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--background))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-50",
-                children: /* @__PURE__ */ jsx7(RefreshCw, { size: 11, className: isResyncing ? "animate-spin" : "" })
+                children: /* @__PURE__ */ jsx8(RefreshCw, { size: 11, className: isResyncing ? "animate-spin" : "" })
               }
             ) : null,
-            statsReady && sessionSkills.length > 0 ? /* @__PURE__ */ jsx7(HoverPanel, { title: "\u5DF2\u52A0\u8F7D\u6280\u80FD", children: /* @__PURE__ */ jsx7("div", { className: "max-h-40 overflow-y-auto", children: sessionSkills.map((skill) => /* @__PURE__ */ jsxs6(
+            statsReady && sessionSkills.length > 0 ? /* @__PURE__ */ jsx8(HoverPanel, { title: "\u5DF2\u52A0\u8F7D\u6280\u80FD", children: /* @__PURE__ */ jsx8("div", { className: "max-h-40 overflow-y-auto", children: sessionSkills.map((skill) => /* @__PURE__ */ jsxs7(
               "div",
               {
                 className: "flex items-start gap-2 py-1 leading-relaxed",
                 children: [
-                  /* @__PURE__ */ jsx7("span", { className: "mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full border border-emerald-300 bg-transparent" }),
-                  /* @__PURE__ */ jsx7("span", { className: "break-words", children: skillDisplayName(skill) })
+                  /* @__PURE__ */ jsx8("span", { className: "mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full border border-emerald-300 bg-transparent" }),
+                  /* @__PURE__ */ jsx8("span", { className: "break-words", children: skillDisplayName(skill) })
                 ]
               },
               skill.skill_id
             )) }) }) : null
-          ] }) : /* @__PURE__ */ jsx7("span", { className: "font-mono", children: item.text })
+          ] }) : /* @__PURE__ */ jsx8("span", { className: "font-mono", children: item.text })
         ]
       },
       item.key
@@ -1850,7 +2015,7 @@ var SkillMention = Mention2.extend({
 });
 
 // src/react/components/chat/ChatInput.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function getEditorText(editor) {
   return editor?.getText({ blockSeparator: "\n" }) ?? "";
 }
@@ -1890,7 +2055,7 @@ function getFileCardIcon(attachment) {
     return FileCode2;
   }
   if (attachment.mimeType.startsWith("text/") || /\.(txt|pdf|doc|docx|rtf|odt)$/.test(lowerName)) {
-    return FileText;
+    return FileText2;
   }
   return File2;
 }
@@ -1966,21 +2131,21 @@ function ComposerFilePill({
   const isFile = attachment.kind === "file";
   const isFailed = isFile && attachment.status === "failed";
   const isUploading = isFile && attachment.status === "uploading";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: `flex shrink-0 items-center gap-1.5 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: [
-        isUploading ? /* @__PURE__ */ jsx8(Loader22, { size: 12, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx8(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-        /* @__PURE__ */ jsx8("span", { className: "max-w-32 truncate", children: attachment.name }),
-        /* @__PURE__ */ jsx8(
+        isUploading ? /* @__PURE__ */ jsx9(Loader22, { size: 12, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx9(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+        /* @__PURE__ */ jsx9("span", { className: "max-w-32 truncate", children: attachment.name }),
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
             onClick: () => onRemove(attachment.id),
             "aria-label": `\u79FB\u9664 ${attachment.name}`,
             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__ */ jsx8(X2, { size: 10 })
+            children: /* @__PURE__ */ jsx9(X2, { size: 10 })
           }
         )
       ]
@@ -1993,13 +2158,13 @@ function AddContextDialog({
   onAdd
 }) {
   const CONTEXT_INLINE_THRESHOLD = 200;
-  const [label, setLabel] = useState6("");
-  const [content, setContent] = useState6("");
-  const [showSessionPicker, setShowSessionPicker] = useState6(false);
-  const [sessions, setSessions] = useState6([]);
-  const [loadingSessions, setLoadingSessions] = useState6(false);
-  const [importingId, setImportingId] = useState6(null);
-  const [isImportProcessing, setIsImportProcessing] = useState6(false);
+  const [label, setLabel] = useState7("");
+  const [content, setContent] = useState7("");
+  const [showSessionPicker, setShowSessionPicker] = useState7(false);
+  const [sessions, setSessions] = useState7([]);
+  const [loadingSessions, setLoadingSessions] = useState7(false);
+  const [importingId, setImportingId] = useState7(null);
+  const [isImportProcessing, setIsImportProcessing] = useState7(false);
   const sanitizeContextFolderName = (raw) => {
     const normalized = raw.trim().toLowerCase();
     const safe = normalized.replace(/[^\w\-.\u4e00-\u9fa5]+/g, "_").replace(/^_+|_+$/g, "");
@@ -2099,7 +2264,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       setImportingId(null);
     }
   };
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-4",
@@ -2107,44 +2272,44 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       onKeyDown: (e) => {
         if (e.key === "Escape") onClose();
       },
-      children: /* @__PURE__ */ jsxs7(
+      children: /* @__PURE__ */ jsxs8(
         "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__ */ jsxs7("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx8("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }),
-              /* @__PURE__ */ jsx8(
+            /* @__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(
                 "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__ */ jsx8(X2, { size: 14 })
+                  children: /* @__PURE__ */ jsx9(X2, { size: 14 })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs7("div", { className: "px-5 py-4 space-y-3", children: [
-              /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsxs8("div", { className: "px-5 py-4 space-y-3", children: [
+              /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs8(
                   "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__ */ jsx8(Import, { size: 12 }),
+                      /* @__PURE__ */ jsx9(Import, { size: 12 }),
                       "\u4ECE\u5176\u4ED6\u4F1A\u8BDD\u5BFC\u5165",
-                      /* @__PURE__ */ jsx8(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
+                      /* @__PURE__ */ jsx9(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
                     ]
                   }
                 ),
-                showSessionPicker && /* @__PURE__ */ jsx8("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__ */ jsxs7("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx8(Loader22, { size: 12, className: "animate-spin" }),
+                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" }),
                   "\u52A0\u8F7D\u4F1A\u8BDD\u5217\u8868\u2026"
-                ] }) : sessions.length === 0 ? /* @__PURE__ */ jsx8("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__ */ jsxs7(
+                ] }) : 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(
                   "button",
                   {
                     type: "button",
@@ -2152,16 +2317,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__ */ jsx8(Loader22, { size: 10, className: "shrink-0 animate-spin" }),
-                      /* @__PURE__ */ jsx8("span", { className: "truncate", children: s.intent })
+                      importingId === s.id && /* @__PURE__ */ jsx9(Loader22, { size: 10, className: "shrink-0 animate-spin" }),
+                      /* @__PURE__ */ jsx9("span", { className: "truncate", children: s.intent })
                     ]
                   },
                   s.id
                 )) })
               ] }),
-              /* @__PURE__ */ jsxs7("div", { children: [
-                /* @__PURE__ */ jsx8("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }),
-                /* @__PURE__ */ jsx8(
+              /* @__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(
                   "input",
                   {
                     id: "ctx-label",
@@ -2172,13 +2337,13 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs7("div", { children: [
-                /* @__PURE__ */ jsx8("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }),
-                isImportProcessing && /* @__PURE__ */ jsxs7("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx8(Loader22, { size: 11, className: "animate-spin" }),
+              /* @__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" }),
                   "\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__ */ jsx8(
+                /* @__PURE__ */ jsx9(
                   "textarea",
                   {
                     id: "ctx-content",
@@ -2191,8 +2356,8 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsxs8("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
+              /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
@@ -2201,7 +2366,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   children: "\u53D6\u6D88"
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
@@ -2229,11 +2394,11 @@ function ComposerContextPill({
   content,
   onRemove
 }) {
-  const [showDetail, setShowDetail] = useState6(false);
+  const [showDetail, setShowDetail] = useState7(false);
   const tokenK = formatTokenK(content);
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsxs7("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: [
-      /* @__PURE__ */ jsx8(
+  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: [
+      /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -2243,7 +2408,7 @@ function ComposerContextPill({
           children: label
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "span",
         {
           className: "shrink-0 rounded bg-[hsl(var(--background))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]",
@@ -2251,18 +2416,18 @@ function ComposerContextPill({
           children: tokenK
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "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__ */ jsx8(X2, { size: 10 })
+          children: /* @__PURE__ */ jsx9(X2, { size: 10 })
         }
       )
     ] }),
-    showDetail && /* @__PURE__ */ jsx8(
+    showDetail && /* @__PURE__ */ jsx9(
       "div",
       {
         className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-6",
@@ -2270,26 +2435,26 @@ function ComposerContextPill({
         onKeyDown: (e) => {
           if (e.key === "Escape") setShowDetail(false);
         },
-        children: /* @__PURE__ */ jsxs7(
+        children: /* @__PURE__ */ jsxs8(
           "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__ */ jsxs7("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
-                /* @__PURE__ */ jsx8("h4", { className: "text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
-                /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
+                /* @__PURE__ */ jsx9("h4", { className: "text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
+                /* @__PURE__ */ jsx9(
                   "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__ */ jsx8(X2, { size: 14 })
+                    children: /* @__PURE__ */ jsx9(X2, { size: 14 })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: /* @__PURE__ */ jsx8("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content }) })
+              /* @__PURE__ */ jsx9("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: /* @__PURE__ */ jsx9("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content }) })
             ]
           }
         )
@@ -2443,7 +2608,7 @@ function ChatInput({
   onResyncSkills,
   isResyncingSkills = false
 }) {
-  const [input, setInputInternal] = useState6(externalDraft?.value ?? "");
+  const [input, setInputInternal] = useState7(externalDraft?.value ?? "");
   const setInput = useEffectEvent2((value) => {
     setInputInternal(value);
     externalDraft?.setValue(value);
@@ -2459,7 +2624,7 @@ function ChatInput({
     }
     setInputInternal(externalDraftValue);
   }, [externalDraftValue]);
-  const [composerAttachments, setComposerAttachmentsInternal] = useState6(
+  const [composerAttachments, setComposerAttachmentsInternal] = useState7(
     externalAttachments?.value ?? []
   );
   const setComposerAttachments = useEffectEvent2(
@@ -2479,10 +2644,10 @@ function ChatInput({
     if (composerAttachmentsRef.current === externalAttachmentsValue) return;
     setComposerAttachmentsInternal(externalAttachmentsValue);
   }, [externalAttachmentsValue]);
-  const [dragging, setDragging] = useState6(false);
-  const [isEditorFocused, setIsEditorFocused] = useState6(false);
-  const [oversizedFiles, setOversizedFiles] = useState6([]);
-  const [selectedModel, setSelectedModel] = useState6("");
+  const [dragging, setDragging] = useState7(false);
+  const [isEditorFocused, setIsEditorFocused] = useState7(false);
+  const [oversizedFiles, setOversizedFiles] = useState7([]);
+  const [selectedModel, setSelectedModel] = useState7("");
   const { setPreferredModel } = usePreferredModel();
   const queryClient = useQueryClient2();
   const actionMenuRef = useRef4(null);
@@ -2522,7 +2687,7 @@ function ChatInput({
   const inputHistory = useInputHistory(activeSessionId);
   const getSessionId = useEffectEvent2(() => activeSessionId);
   const handleSlashCommand = useEffectEvent2((commandId) => onCommand?.(commandId));
-  const [localImageUrls, setLocalImageUrls] = useState6({});
+  const [localImageUrls, setLocalImageUrls] = useState7({});
   useEffect7(() => {
     const closeActionMenu = (event) => {
       const menu = actionMenuRef.current;
@@ -2650,7 +2815,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx9(
                   FileCompletionMenu,
                   {
                     ref: (instance) => {
@@ -2727,7 +2892,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx9(
                   SkillCompletionMenu,
                   {
                     ref: (instance) => {
@@ -3055,7 +3220,7 @@ function ChatInput({
   const removeAttachment = (id) => {
     setComposerAttachments((prev) => prev.filter((attachment) => attachment.id !== id));
   };
-  const [showAddContext, setShowAddContext] = useState6(false);
+  const [showAddContext, setShowAddContext] = useState7(false);
   const isPlanning = mode === "planning";
   const placeholder = isPlanning ? "\u89C4\u5212\u8FDB\u884C\u4E2D\u2026 \u53EF\u8F93\u5165\u8865\u5145\u9700\u6C42\u6216\u7B49\u5F85\u5B8C\u6210" : "\u8F93\u5165\u6D88\u606F\u2026";
   const attachments = renderAttachments?.() ?? null;
@@ -3074,385 +3239,388 @@ function ChatInput({
   );
   const hasValidAttachments = composerAttachments.some((attachment) => attachment.status !== "failed");
   const isSendDisabled = connectionStatus !== "connected" || hasUploadingFiles || !input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts;
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsx8("div", { className: `bg-[hsl(var(--background))] px-5 py-3 ${className ?? ""}`, children: /* @__PURE__ */ jsx8("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: /* @__PURE__ */ jsx8(
-      "div",
-      {
-        className: "relative",
-        onDragOver: (event) => {
-          event.preventDefault();
-          setDragging(true);
-        },
-        onDragLeave: () => setDragging(false),
-        onDrop: (event) => {
-          event.preventDefault();
-          setDragging(false);
-          const fileRef = event.dataTransfer.getData("application/blade-file-ref");
-          if (fileRef) {
-            try {
-              const { path, name } = JSON.parse(fileRef);
-              const normalizedPath = path.replace(/^\.?\//, "");
-              const sandboxPath = path.startsWith("/") ? path : activeSessionId ? `/root/\u667A\u80FD\u52A9\u624B\u5DE5\u4F5C\u7A7A\u95F4/${activeSessionId}/${normalizedPath}` : normalizedPath;
-              const editor2 = editorRef.current;
-              if (editor2) {
-                editor2.commands.focus("end");
-                editor2.commands.insertContent([
-                  { type: "fileMention", attrs: { path: sandboxPath, name } },
-                  { type: "text", text: " " }
-                ]);
+  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,
+      /* @__PURE__ */ jsx9(
+        "div",
+        {
+          className: "relative",
+          onDragOver: (event) => {
+            event.preventDefault();
+            setDragging(true);
+          },
+          onDragLeave: () => setDragging(false),
+          onDrop: (event) => {
+            event.preventDefault();
+            setDragging(false);
+            const fileRef = event.dataTransfer.getData("application/blade-file-ref");
+            if (fileRef) {
+              try {
+                const { path, name } = JSON.parse(fileRef);
+                const normalizedPath = path.replace(/^\.?\//, "");
+                const sandboxPath = path.startsWith("/") ? path : activeSessionId ? `/root/\u667A\u80FD\u52A9\u624B\u5DE5\u4F5C\u7A7A\u95F4/${activeSessionId}/${normalizedPath}` : normalizedPath;
+                const editor2 = editorRef.current;
+                if (editor2) {
+                  editor2.commands.focus("end");
+                  editor2.commands.insertContent([
+                    { type: "fileMention", attrs: { path: sandboxPath, name } },
+                    { type: "text", text: " " }
+                  ]);
+                }
+              } catch {
               }
-            } catch {
+              return;
             }
-            return;
-          }
-          void stableAppendFiles(event.dataTransfer.files);
-        },
-        children: /* @__PURE__ */ jsxs7(
-          "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__ */ jsx8("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__ */ jsx8("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__ */ jsxs7("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__ */ jsx8("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => /* @__PURE__ */ jsxs7(
-                  "div",
-                  {
-                    className: "relative overflow-hidden rounded-xl border border-[hsl(var(--border))]",
-                    children: [
-                      /* @__PURE__ */ jsx8(
-                        "img",
-                        {
-                          src: getImagePreviewUrl(attachment, activeSessionId, localImageUrls),
-                          alt: attachment.name || "\u56FE\u7247\u9884\u89C8",
-                          className: "h-24 w-full object-cover"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx8(
-                        "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__ */ jsx8(X2, { size: 12 })
+            void stableAppendFiles(event.dataTransfer.files);
+          },
+          children: /* @__PURE__ */ jsxs8(
+            "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(
+                    "div",
+                    {
+                      className: "relative overflow-hidden rounded-xl border border-[hsl(var(--border))]",
+                      children: [
+                        /* @__PURE__ */ jsx9(
+                          "img",
+                          {
+                            src: getImagePreviewUrl(attachment, activeSessionId, localImageUrls),
+                            alt: attachment.name || "\u56FE\u7247\u9884\u89C8",
+                            className: "h-24 w-full object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx9(
+                          "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 })
+                          }
+                        )
+                      ]
+                    },
+                    attachment.id
+                  )) }),
+                  fileAttachments.length > 0 && /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx9(
+                    ComposerFilePill,
+                    {
+                      attachment,
+                      onRemove: removeAttachment
+                    },
+                    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(
+                    ComposerContextPill,
+                    {
+                      id: context.id,
+                      label: context.label,
+                      content: context.content,
+                      onRemove: (contextId) => {
+                        if (!activeSessionId) {
+                          return;
                         }
-                      )
-                    ]
-                  },
-                  attachment.id
-                )) }),
-                fileAttachments.length > 0 && /* @__PURE__ */ jsx8("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx8(
-                  ComposerFilePill,
-                  {
-                    attachment,
-                    onRemove: removeAttachment
-                  },
-                  attachment.id
-                )) })
-              ] }),
-              hasPendingContexts || isSkillEditor ? /* @__PURE__ */ jsxs7("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__ */ jsx8(
-                  ComposerContextPill,
-                  {
-                    id: context.id,
-                    label: context.label,
-                    content: context.content,
-                    onRemove: (contextId) => {
-                      if (!activeSessionId) {
-                        return;
+                        removePendingContext(activeSessionId, contextId);
                       }
-                      removePendingContext(activeSessionId, contextId);
+                    },
+                    context.id
+                  )),
+                  isSkillEditor && /* @__PURE__ */ jsx9(
+                    "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 })
                     }
-                  },
-                  context.id
-                )),
-                isSkillEditor && /* @__PURE__ */ jsx8(
-                  "button",
+                  )
+                ] }) : null,
+                showAddContext && activeSessionId && /* @__PURE__ */ jsx9(
+                  AddContextDialog,
                   {
-                    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__ */ jsx8(Plus, { size: 12 })
-                  }
-                )
-              ] }) : null,
-              showAddContext && activeSessionId && /* @__PURE__ */ jsx8(
-                AddContextDialog,
-                {
-                  sessionId: activeSessionId,
-                  onClose: () => setShowAddContext(false),
-                  onAdd: (label, content) => {
-                    if (activeSessionId) {
-                      useUiBridgeStore.getState().addPendingContext(activeSessionId, { label, content });
+                    sessionId: activeSessionId,
+                    onClose: () => setShowAddContext(false),
+                    onAdd: (label, content) => {
+                      if (activeSessionId) {
+                        useUiBridgeStore.getState().addPendingContext(activeSessionId, { label, content });
+                      }
                     }
                   }
-                }
-              ),
-              attachments ? /* @__PURE__ */ jsx8("div", { className: "border-b border-[hsl(var(--border))] px-3 py-3", children: attachments }) : null,
-              slotAboveTextarea ? /* @__PURE__ */ jsx8("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2", children: slotAboveTextarea }) : null,
-              /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-                input.length === 0 && /* @__PURE__ */ jsx8("div", { className: "pointer-events-none absolute left-4 top-3 text-sm leading-relaxed text-[hsl(var(--muted-foreground))]", children: placeholder }),
-                /* @__PURE__ */ jsx8(EditorContent, { editor })
-              ] }),
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between border-t border-[hsl(var(--border))] px-3 py-1.5", children: [
-                /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx8(
-                    "input",
-                    {
-                      ref: fileInputRef,
-                      type: "file",
-                      accept: "*/*",
-                      multiple: true,
-                      onChange: (event) => {
-                        if (event.target.files) {
-                          void appendFiles(event.target.files);
-                          event.target.value = "";
-                        }
-                      },
-                      className: "hidden"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx8(
-                    "input",
-                    {
-                      ref: folderInputRef,
-                      type: "file",
-                      multiple: true,
-                      onChange: (event) => {
-                        if (event.target.files) {
-                          void appendFiles(event.target.files);
-                          event.target.value = "";
-                        }
-                      },
-                      className: "hidden",
-                      ...{ webkitdirectory: "" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs7("details", { ref: actionMenuRef, className: "group relative", children: [
-                    /* @__PURE__ */ jsx8(
-                      "summary",
+                ),
+                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 })
+                ] }),
+                /* @__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(
+                      "input",
                       {
-                        "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__ */ jsx8(Plus, { size: 14 })
+                        ref: fileInputRef,
+                        type: "file",
+                        accept: "*/*",
+                        multiple: true,
+                        onChange: (event) => {
+                          if (event.target.files) {
+                            void appendFiles(event.target.files);
+                            event.target.value = "";
+                          }
+                        },
+                        className: "hidden"
                       }
                     ),
-                    /* @__PURE__ */ jsxs7("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__ */ jsxs7(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => {
-                            actionMenuRef.current?.removeAttribute("open");
-                            fileInputRef.current?.click();
-                          },
-                          className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
-                          children: [
-                            /* @__PURE__ */ jsx8(Paperclip, { size: 13 }),
-                            "\u4E0A\u4F20\u6587\u4EF6"
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs7(
-                        "button",
+                    /* @__PURE__ */ jsx9(
+                      "input",
+                      {
+                        ref: folderInputRef,
+                        type: "file",
+                        multiple: true,
+                        onChange: (event) => {
+                          if (event.target.files) {
+                            void appendFiles(event.target.files);
+                            event.target.value = "";
+                          }
+                        },
+                        className: "hidden",
+                        ...{ webkitdirectory: "" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs8("details", { ref: actionMenuRef, className: "group relative", children: [
+                      /* @__PURE__ */ jsx9(
+                        "summary",
                         {
-                          type: "button",
-                          onClick: () => {
-                            actionMenuRef.current?.removeAttribute("open");
-                            folderInputRef.current?.click();
-                          },
-                          className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
-                          children: [
-                            /* @__PURE__ */ jsx8(FolderUp, { size: 13 }),
-                            "\u4E0A\u4F20\u6587\u4EF6\u5939"
-                          ]
+                          "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 })
                         }
                       ),
-                      onCommand ? /* @__PURE__ */ jsxs7(Fragment, { children: [
-                        /* @__PURE__ */ jsxs7(
+                      /* @__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(
                           "button",
                           {
                             type: "button",
                             onClick: () => {
                               actionMenuRef.current?.removeAttribute("open");
-                              void onCommand("compact");
-                            },
-                            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__ */ jsx8(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx8(Scissors, { size: 13 }),
-                              "\u6574\u7406\u5BF9\u8BDD"
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxs7(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: () => {
-                              actionMenuRef.current?.removeAttribute("open");
-                              void onCommand("download_session");
+                              fileInputRef.current?.click();
                             },
                             className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                             children: [
-                              /* @__PURE__ */ jsx8(Download, { size: 13 }),
-                              "\u5BFC\u51FA\u4F1A\u8BDD"
+                              /* @__PURE__ */ jsx9(Paperclip, { size: 13 }),
+                              "\u4E0A\u4F20\u6587\u4EF6"
                             ]
                           }
                         ),
-                        canShareSession ? /* @__PURE__ */ jsxs7(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: () => {
-                              actionMenuRef.current?.removeAttribute("open");
-                              void onCommand("share_session");
-                            },
-                            className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
-                            children: [
-                              /* @__PURE__ */ jsx8(Share2, { size: 13 }),
-                              "\u5206\u4EAB\u4F1A\u8BDD"
-                            ]
-                          }
-                        ) : null,
-                        /* @__PURE__ */ jsxs7(
+                        /* @__PURE__ */ jsxs8(
                           "button",
                           {
                             type: "button",
                             onClick: () => {
                               actionMenuRef.current?.removeAttribute("open");
-                              void onCommand("extract_skill");
+                              folderInputRef.current?.click();
                             },
                             className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                             children: [
-                              /* @__PURE__ */ jsx8(FlaskConical, { size: 13 }),
-                              "\u63D0\u53D6\u6280\u80FD"
+                              /* @__PURE__ */ jsx9(FolderUp, { size: 13 }),
+                              "\u4E0A\u4F20\u6587\u4EF6\u5939"
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs7(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: () => {
-                              actionMenuRef.current?.removeAttribute("open");
-                              void onCommand("generate_app");
-                            },
-                            className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
-                            children: [
-                              /* @__PURE__ */ jsx8(Rocket, { size: 13 }),
-                              "\u751F\u6210\u5E94\u7528"
-                            ]
-                          }
-                        )
-                      ] }) : null,
-                      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-                        /* @__PURE__ */ jsx8(Sparkles2, { size: 13 }),
-                        /* @__PURE__ */ jsx8("span", { className: "shrink-0", children: "\u6A21\u578B" }),
-                        /* @__PURE__ */ jsx8(
-                          ModelSelector,
-                          {
-                            value: selectedModel,
-                            onValueChange: (model) => {
-                              setSelectedModel(model);
-                              if (activeSessionId) {
-                                patchSession(activeSessionId, { model });
-                              }
-                              setPreferredModel(model);
-                            },
-                            compact: true,
-                            placement: "top"
-                          }
-                        )
+                        onCommand ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+                          /* @__PURE__ */ jsxs8(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                actionMenuRef.current?.removeAttribute("open");
+                                void onCommand("compact");
+                              },
+                              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 }),
+                                "\u6574\u7406\u5BF9\u8BDD"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs8(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                actionMenuRef.current?.removeAttribute("open");
+                                void onCommand("download_session");
+                              },
+                              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 }),
+                                "\u5BFC\u51FA\u4F1A\u8BDD"
+                              ]
+                            }
+                          ),
+                          canShareSession ? /* @__PURE__ */ jsxs8(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                actionMenuRef.current?.removeAttribute("open");
+                                void onCommand("share_session");
+                              },
+                              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 }),
+                                "\u5206\u4EAB\u4F1A\u8BDD"
+                              ]
+                            }
+                          ) : null,
+                          /* @__PURE__ */ jsxs8(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                actionMenuRef.current?.removeAttribute("open");
+                                void onCommand("extract_skill");
+                              },
+                              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 }),
+                                "\u63D0\u53D6\u6280\u80FD"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs8(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                actionMenuRef.current?.removeAttribute("open");
+                                void onCommand("generate_app");
+                              },
+                              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 }),
+                                "\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(
+                            ModelSelector,
+                            {
+                              value: selectedModel,
+                              onValueChange: (model) => {
+                                setSelectedModel(model);
+                                if (activeSessionId) {
+                                  patchSession(activeSessionId, { model });
+                                }
+                                setPreferredModel(model);
+                              },
+                              compact: true,
+                              placement: "top"
+                            }
+                          )
+                        ] })
                       ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: onToggleMode,
-                      disabled: isStreaming || !onToggleMode,
-                      "aria-pressed": isPlanning,
-                      "aria-label": isPlanning ? "\u5173\u95ED\u89C4\u5212\u6A21\u5F0F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
-                      title: isPlanning ? "\u89C4\u5212\u6A21\u5F0F\u5DF2\u5F00\u542F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
-                      className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-lg border transition-colors ${isPlanning ? "border-amber-500/45 bg-amber-500/15 text-amber-400" : "border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-amber-500/35 hover:text-[hsl(var(--foreground))]"} disabled:cursor-not-allowed disabled:opacity-50`,
-                      children: /* @__PURE__ */ jsx8(Lightbulb, { size: 13 })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsxs7("div", { className: "group/help relative", children: [
-                    /* @__PURE__ */ jsx8(
+                    ] }),
+                    /* @__PURE__ */ jsx9(
                       "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__ */ jsx8(CircleHelp, { size: 13 })
+                        onClick: onToggleMode,
+                        disabled: isStreaming || !onToggleMode,
+                        "aria-pressed": isPlanning,
+                        "aria-label": isPlanning ? "\u5173\u95ED\u89C4\u5212\u6A21\u5F0F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
+                        title: isPlanning ? "\u89C4\u5212\u6A21\u5F0F\u5DF2\u5F00\u542F" : "\u5F00\u542F\u89C4\u5212\u6A21\u5F0F",
+                        className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-lg border transition-colors ${isPlanning ? "border-amber-500/45 bg-amber-500/15 text-amber-400" : "border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-amber-500/35 hover:text-[hsl(var(--foreground))]"} disabled:cursor-not-allowed disabled:opacity-50`,
+                        children: /* @__PURE__ */ jsx9(Lightbulb, { size: 13 })
                       }
-                    ),
-                    /* @__PURE__ */ jsx8("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__ */ jsxs7("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__ */ jsx8("div", { className: "mb-2 border-b border-[hsl(var(--border))] pb-2", children: /* @__PURE__ */ jsx8(
-                        SkillStatusBarComponent,
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxs8("div", { className: "group/help relative", children: [
+                      /* @__PURE__ */ jsx9(
+                        "button",
                         {
-                          sessionId: activeSessionId,
-                          onResync: onResyncSkills,
-                          isResyncing: isResyncingSkills,
-                          vertical: true,
-                          className: skillStatusBarClassName,
-                          innerClassName: skillStatusBarInnerClassName
+                          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 })
                         }
-                      ) }) : null,
-                      /* @__PURE__ */ jsxs7("div", { className: "space-y-0.5", children: [
-                        /* @__PURE__ */ jsx8("div", { children: "Shift+Enter \u6362\u884C" }),
-                        /* @__PURE__ */ jsx8("div", { children: "/ \u8C03\u7528\u6280\u80FD" }),
-                        /* @__PURE__ */ jsx8("div", { children: "@ \u5F15\u7528\u6587\u4EF6" })
-                      ] })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: asrEnabled ? voice.toggle : handleMicDisabledClick,
-                      disabled: isStreaming,
-                      "aria-label": !asrEnabled ? "\u8BED\u97F3\u8F93\u5165\u672A\u5F00\u542F" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u5F00\u59CB\u8BED\u97F3\u8F93\u5165",
-                      title: !asrEnabled ? "\u8BED\u97F3\u8F93\u5165\u672A\u5F00\u542F" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u8BED\u97F3\u8F93\u5165",
-                      className: `flex items-center justify-center rounded-lg border transition-[width,height,border-color,background-color,color,box-shadow] duration-300 disabled:opacity-40 ${!asrEnabled ? "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]/50 hover:text-[hsl(var(--muted-foreground))]" : isRecording ? "h-9 w-9 border-emerald-400/80! bg-emerald-400/15 text-emerald-400 shadow-[0_0_0_2px_rgba(52,211,153,0.2),0_0_12px_rgba(52,211,153,0.35)]" : "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]"}`,
-                      children: !asrEnabled ? /* @__PURE__ */ jsx8(MicOff, { size: 13 }) : isRecording ? /* @__PURE__ */ jsx8(VoiceWaveform, { level: voiceLevel, size: 18 }) : /* @__PURE__ */ jsx8(Mic, { size: 13 })
-                    }
-                  ),
-                  isStreaming ? /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: onStop,
-                      "aria-label": "\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",
-                      children: /* @__PURE__ */ jsx8(Square, { size: 13 })
-                    }
-                  ) : /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleSubmit,
-                      disabled: isSendDisabled || isRecording,
-                      "aria-label": "\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__ */ jsx8(Send, { 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(
+                          SkillStatusBarComponent,
+                          {
+                            sessionId: activeSessionId,
+                            onResync: onResyncSkills,
+                            isResyncing: isResyncingSkills,
+                            vertical: true,
+                            className: skillStatusBarClassName,
+                            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" })
+                        ] })
+                      ] }) })
+                    ] }),
+                    /* @__PURE__ */ jsx9(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: asrEnabled ? voice.toggle : handleMicDisabledClick,
+                        disabled: isStreaming,
+                        "aria-label": !asrEnabled ? "\u8BED\u97F3\u8F93\u5165\u672A\u5F00\u542F" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u5F00\u59CB\u8BED\u97F3\u8F93\u5165",
+                        title: !asrEnabled ? "\u8BED\u97F3\u8F93\u5165\u672A\u5F00\u542F" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u8BED\u97F3\u8F93\u5165",
+                        className: `flex items-center justify-center rounded-lg border transition-[width,height,border-color,background-color,color,box-shadow] duration-300 disabled:opacity-40 ${!asrEnabled ? "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]/50 hover:text-[hsl(var(--muted-foreground))]" : isRecording ? "h-9 w-9 border-emerald-400/80! bg-emerald-400/15 text-emerald-400 shadow-[0_0_0_2px_rgba(52,211,153,0.2),0_0_12px_rgba(52,211,153,0.35)]" : "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]"}`,
+                        children: !asrEnabled ? /* @__PURE__ */ jsx9(MicOff, { size: 13 }) : isRecording ? /* @__PURE__ */ jsx9(VoiceWaveform, { level: voiceLevel, size: 18 }) : /* @__PURE__ */ jsx9(Mic, { size: 13 })
+                      }
+                    ),
+                    isStreaming ? /* @__PURE__ */ jsx9(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: onStop,
+                        "aria-label": "\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",
+                        children: /* @__PURE__ */ jsx9(Square2, { size: 13 })
+                      }
+                    ) : /* @__PURE__ */ jsx9(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleSubmit,
+                        disabled: isSendDisabled || isRecording,
+                        "aria-label": "\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 })
+                      }
+                    )
+                  ] })
                 ] })
-              ] })
-            ]
-          }
-        )
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx8(
+              ]
+            }
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx9(
       FileSizeLimitDialog,
       {
         open: oversizedFiles.length > 0,
@@ -3470,18 +3638,18 @@ function ChatInput({
 
 // src/react/components/chat/ConnectionBanner.tsx
 import { AlertTriangle, LoaderCircle } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function getBannerCopy(status, reconnectAttempt, hasEverConnected) {
   if (status === "connecting") {
     return {
-      icon: /* @__PURE__ */ jsx9(LoaderCircle, { size: 14, className: "animate-spin" }),
+      icon: /* @__PURE__ */ jsx10(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__ */ jsx9(AlertTriangle, { size: 14 }),
+    icon: /* @__PURE__ */ jsx10(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"
@@ -3496,7 +3664,7 @@ function ConnectionBanner() {
     return null;
   }
   const copy = getBannerCopy(status, reconnectAttempt, hasEverConnected);
-  return /* @__PURE__ */ jsx9("div", { className: "bg-[hsl(var(--background))] px-5 pt-3", children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx10("div", { className: "bg-[hsl(var(--background))] px-5 pt-3", children: /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -3504,10 +3672,10 @@ function ConnectionBanner() {
         copy.toneClass
       ),
       children: [
-        /* @__PURE__ */ jsx9("span", { className: "mt-0.5 shrink-0", children: copy.icon }),
-        /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx9("div", { className: "text-sm font-medium", children: copy.title }),
-          /* @__PURE__ */ jsx9("div", { className: "text-xs opacity-80", children: copy.detail })
+        /* @__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 })
         ] })
       ]
     }
@@ -3522,11 +3690,11 @@ import {
   useEffectEvent as useEffectEvent4,
   useMemo as useMemo17,
   useRef as useRef11,
-  useState as useState19
+  useState as useState20
 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback7, useMemo as useMemo8, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo8, useRef as useRef5, useState as useState8 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -3563,9 +3731,9 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState7(false);
-  const [isAtBottom, updateIsAtBottom] = useState7(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState7(false);
+  const [escapedFromLock, updateEscapedFromLock] = useState8(false);
+  const [isAtBottom, updateIsAtBottom] = useState8(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState8(false);
   const optionsRef = useRef5(null);
   optionsRef.current = options;
   const isSelecting = useCallback7(() => {
@@ -3951,7 +4119,7 @@ function useStickToBottomContext() {
 
 // src/react/components/chat/AssistantTurnBlock.tsx
 import { AlertCircle, BookOpen, Check as Check4, ChevronRight as ChevronRight5 } from "lucide-react";
-import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo15, useRef as useRef10, useState as useState16 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo15, useRef as useRef10, useState as useState17 } from "react";
 
 // src/react/routes.ts
 var MEMORIES_ROUTE = "/memories";
@@ -3970,7 +4138,7 @@ import {
   useEffect as useEffect9,
   useMemo as useMemo11,
   useRef as useRef7,
-  useState as useState8
+  useState as useState9
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { Streamdown } from "streamdown";
@@ -3978,7 +4146,7 @@ import { Streamdown } from "streamdown";
 // src/react/components/ai-elements/shimmer.tsx
 import { motion } from "motion/react";
 import { memo, useMemo as useMemo10 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -4002,7 +4170,7 @@ var ShimmerComponent = ({
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -4028,7 +4196,7 @@ var ShimmerComponent = ({
 var Shimmer = memo(ShimmerComponent);
 
 // src/react/components/ai-elements/reasoning.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var ReasoningContext = createContext2(null);
 var useReasoning = () => {
   const context = useContext2(ReasoningContext);
@@ -4062,7 +4230,7 @@ var Reasoning = memo2(
       prop: durationProp
     });
     const hasEverStreamedRef = useRef7(isStreaming);
-    const [hasAutoClosed, setHasAutoClosed] = useState8(false);
+    const [hasAutoClosed, setHasAutoClosed] = useState9(false);
     const startTimeRef = useRef7(null);
     useEffect9(() => {
       if (isStreaming) {
@@ -4099,7 +4267,7 @@ var Reasoning = memo2(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx11(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx12(
       Collapsible,
       {
         className: cn("not-prose mb-4", className),
@@ -4113,12 +4281,12 @@ var Reasoning = memo2(
 );
 var defaultGetThinkingMessage = (isStreaming, duration) => {
   if (isStreaming || duration === 0) {
-    return /* @__PURE__ */ jsx11(Shimmer, { duration: 1, children: "\u6DF1\u5EA6\u601D\u8003\u4E2D..." });
+    return /* @__PURE__ */ jsx12(Shimmer, { duration: 1, children: "\u6DF1\u5EA6\u601D\u8003\u4E2D..." });
   }
   if (duration === void 0) {
-    return /* @__PURE__ */ jsx11("p", { children: "\u5DF2\u6DF1\u5EA6\u601D\u8003" });
+    return /* @__PURE__ */ jsx12("p", { children: "\u5DF2\u6DF1\u5EA6\u601D\u8003" });
   }
-  return /* @__PURE__ */ jsxs9("p", { children: [
+  return /* @__PURE__ */ jsxs10("p", { children: [
     "\u5DF2\u6DF1\u5EA6\u601D\u8003 ",
     duration,
     " \u79D2"
@@ -4132,7 +4300,7 @@ var ReasoningTrigger = memo2(
     ...props
   }) => {
     const { isStreaming, isOpen, duration } = useReasoning();
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       CollapsibleTrigger,
       {
         className: cn(
@@ -4140,10 +4308,10 @@ var ReasoningTrigger = memo2(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs9(Fragment2, { children: [
-          /* @__PURE__ */ jsx11(BrainIcon, { className: "size-4" }),
+        children: children ?? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx12(BrainIcon, { className: "size-4" }),
           getThinkingMessage(isStreaming, duration),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             ChevronDownIcon,
             {
               className: cn(
@@ -4160,7 +4328,7 @@ var ReasoningTrigger = memo2(
 var streamdownPlugins = { cjk, math, mermaid };
 var streamdownComponents = { code: CardCodeBlock };
 var ReasoningContent = memo2(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx11(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx12(
     CollapsibleContent,
     {
       className: cn(
@@ -4169,7 +4337,7 @@ var ReasoningContent = memo2(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx11(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children })
+      children: /* @__PURE__ */ jsx12(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children })
     }
   )
 );
@@ -4178,8 +4346,8 @@ function compactReasoningText(text) {
 }
 function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
   const compactReasoning = compactReasoningText(reasoning);
-  const [open, setOpen] = useState8(false);
-  return /* @__PURE__ */ jsxs9(
+  const [open, setOpen] = useState9(false);
+  return /* @__PURE__ */ jsxs10(
     "span",
     {
       className: cn(
@@ -4187,7 +4355,7 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
         variant === "inline" ? "ml-1" : "ml-1 shrink-0"
       ),
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -4202,7 +4370,7 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
           }
         ),
         open ? createPortal2(
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "div",
             {
               className: "fixed inset-0 z-[70] flex items-center justify-center bg-black/10 p-6",
@@ -4218,26 +4386,26 @@ function ThinkingBadge({ reasoning, variant = "inline", onClick }) {
                   setOpen(false);
                 }
               },
-              children: /* @__PURE__ */ jsxs9(
+              children: /* @__PURE__ */ jsxs10(
                 "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__ */ jsxs9("div", { className: "flex items-center justify-between gap-3 border-b border-[hsl(var(--border))] px-4 py-2", children: [
-                      /* @__PURE__ */ jsx11("span", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u601D\u8003\u8BE6\u60C5" }),
-                      /* @__PURE__ */ jsx11(
+                    /* @__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(
                         "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__ */ jsx11(XIcon, { size: 14, "aria-hidden": "true" })
+                          children: /* @__PURE__ */ jsx12(XIcon, { size: 14, "aria-hidden": "true" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx11("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__ */ jsx11(Streamdown, { components: streamdownComponents, plugins: streamdownPlugins, children: compactReasoning }) })
+                    /* @__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 }) })
                   ]
                 }
               )
@@ -4254,12 +4422,12 @@ ReasoningTrigger.displayName = "ReasoningTrigger";
 ReasoningContent.displayName = "ReasoningContent";
 
 // src/react/components/chat/AgentLoopBlock.tsx
-import { Bot, Check as Check3, ChevronRight as ChevronRight4, FileText as FileText5, Loader2 as Loader24, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
-import { useEffect as useEffect13, useMemo as useMemo14, useState as useState15 } from "react";
+import { Bot, Check as Check3, ChevronRight as ChevronRight4, FileText as FileText6, Loader2 as Loader24, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
+import { useEffect as useEffect13, useMemo as useMemo14, useState as useState16 } from "react";
 
 // src/react/components/chat/ResourceIframe.tsx
-import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef8, useState as useState9 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef8, useState as useState10 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function isResourceBridgeMessage(value) {
   return typeof value === "object" && value !== null && value.__resourceBridge === true && typeof value.action === "string";
 }
@@ -4276,7 +4444,7 @@ function ResourceIframe({ ui, sessionId }) {
   const theme = useUiStore((state) => state.theme);
   const resourceUri = ui.resourceUri ?? ui.resourceURI;
   const iframeLabel = ui.title ?? resourceUri ?? "\u5DE5\u5177\u754C\u9762";
-  const [autoHeight, setAutoHeight] = useState9(null);
+  const [autoHeight, setAutoHeight] = useState10(null);
   useEffect10(() => {
     setAutoHeight(null);
   }, [ui.resourceHTML, resourceUri]);
@@ -4365,7 +4533,7 @@ function ResourceIframe({ ui, sessionId }) {
   }
   const inlineHeight = autoHeight ?? ui.height;
   const sandbox = resourceUri ? "allow-scripts allow-same-origin" : "allow-scripts";
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "iframe",
     {
       ref: iframeRef,
@@ -4387,10 +4555,10 @@ function ResourceIframe({ ui, sessionId }) {
 
 // src/react/components/chat/ToolCallBlock.tsx
 import { Check, ChevronRight as ChevronRight3, Loader2 as Loader23, MessageSquareMore, PanelRightOpen, X as X4 } from "lucide-react";
-import { useMemo as useMemo12, useState as useState12 } from "react";
+import { useMemo as useMemo12, useState as useState13 } from "react";
 
 // src/react/components/chat/tool-renderers/shared.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function getResultText(result) {
   if (typeof result === "string") return result;
   if (Array.isArray(result)) {
@@ -4457,7 +4625,7 @@ function CodePreview({
 }) {
   const { highlightedHtml } = useHighlightedCodeHtml(content, getCodeLanguage(filePath));
   if (!content.trim()) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "pre",
       {
         className: cn(
@@ -4465,11 +4633,11 @@ function CodePreview({
           "bg-[hsl(var(--muted))]/35 p-3 font-mono text-[11px] text-[hsl(var(--muted-foreground))]",
           className
         ),
-        children: /* @__PURE__ */ jsx13("code", { children: emptyLabel })
+        children: /* @__PURE__ */ jsx14("code", { children: emptyLabel })
       }
     );
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "pre",
     {
       className: cn(
@@ -4477,19 +4645,19 @@ function CodePreview({
         "bg-[hsl(var(--muted))]/35 p-3 text-[11px]",
         className
       ),
-      children: highlightedHtml ? /* @__PURE__ */ jsx13(
+      children: highlightedHtml ? /* @__PURE__ */ jsx14(
         "code",
         {
           className: "font-mono",
           dangerouslySetInnerHTML: { __html: highlightedHtml }
         }
-      ) : /* @__PURE__ */ jsx13("code", { className: "whitespace-pre-wrap break-words font-mono text-[hsl(var(--foreground))]", children: content })
+      ) : /* @__PURE__ */ jsx14("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 jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function pickOutputField(data) {
   if (!data) return null;
   for (const key of ["output", "stdout", "stderr"]) {
@@ -4499,7 +4667,7 @@ function pickOutputField(data) {
   return null;
 }
 function MetaPill({ label }) {
-  return /* @__PURE__ */ jsx14("span", { className: "rounded-full border border-border bg-muted px-2 py-0.5 text-[10px] text-secondary-foreground", children: 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 });
 }
 function BashRenderer({ toolCall }) {
   const argsValue = parseJsonValue(toolCall.arguments);
@@ -4522,16 +4690,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__ */ jsxs10("div", { className: "space-y-3", children: [
-    (description || cwd) && /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-      description ? /* @__PURE__ */ jsx14("span", { children: description }) : null,
-      cwd ? /* @__PURE__ */ jsx14("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: cwd }) : null
+  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
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [
-      /* @__PURE__ */ jsx14("div", { className: "border-b border-border px-3 py-2 text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u547D\u4EE4" }),
-      /* @__PURE__ */ jsx14("pre", { className: "overflow-x-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx14("code", { children: `$ ${command || "\uFF08\u672A\u63D0\u4F9B\u547D\u4EE4\uFF09"}` }) })
+    /* @__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__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(
       "div",
       {
         className: cn(
@@ -4539,26 +4707,26 @@ function BashRenderer({ toolCall }) {
           hasFailure ? "border-red-500/50" : "border-border"
         ),
         children: [
-          /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsx14("div", { className: "text-[10px] uppercase tracking-[0.16em] text-muted-foreground", children: "\u8F93\u51FA" }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-              taskId ? /* @__PURE__ */ jsx14(MetaPill, { label: `\u4EFB\u52A1 ${taskId}` }) : null,
-              exitCode !== null ? /* @__PURE__ */ jsx14(MetaPill, { label: `\u9000\u51FA\u7801 ${exitCode}` }) : null,
-              timedOut ? /* @__PURE__ */ jsx14(MetaPill, { label: "\u5DF2\u8D85\u65F6" }) : null,
-              truncated ? /* @__PURE__ */ jsx14(MetaPill, { label: "\u8F93\u51FA\u5DF2\u622A\u65AD" }) : null,
-              normalizedName === "BgBash" && !taskId ? /* @__PURE__ */ jsx14(MetaPill, { label: "\u540E\u53F0\u4EFB\u52A1" }) : null
+          /* @__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__ */ jsx14("pre", { className: "max-h-[280px] overflow-auto px-3 py-3 font-mono text-[11px] leading-5 text-foreground", children: /* @__PURE__ */ jsx14("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__ */ 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" }) })
         ]
       }
     ),
-    cwdResetNote ? /* @__PURE__ */ jsx14("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__ */ 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
   ] });
 }
 
 // src/react/components/chat/tool-renderers/FileEditRenderer.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var MAX_DIFF_LINES = 200;
 function computeDiff(oldText, newText) {
   const oldLines = oldText.split("\n");
@@ -4635,6 +4803,26 @@ function buildWritePreview(content) {
     newLine: index + 1
   }));
 }
+function buildEditPreview(args) {
+  const edits = Array.isArray(args?.edits) ? args.edits : null;
+  if (edits) {
+    return edits.flatMap((rawEdit, index) => {
+      if (!isPlainObject(rawEdit)) {
+        return [];
+      }
+      const oldText = getStringValue(rawEdit, "old_text") ?? "";
+      const newText = getStringValue(rawEdit, "new_text") ?? "";
+      const lines = computeDiff(oldText, newText);
+      return index === 0 ? lines : [
+        { type: "unchanged", value: "", oldLine: null, newLine: null },
+        ...lines
+      ];
+    });
+  }
+  const oldString = getStringValue(args, "old_string") ?? "";
+  const newString = getStringValue(args, "new_string") ?? "";
+  return computeDiff(oldString, newString);
+}
 function extractChecksum(result) {
   const text = typeof result === "string" ? result : null;
   const match = text?.match(/\[checksum:\s*([^\]]+)\]/);
@@ -4648,26 +4836,26 @@ function FileEditRenderer({ toolCall }) {
   const fileName = getFileName(filePath);
   const errorMessage = extractErrorMessage(toolCall.result);
   const checksum = extractChecksum(toolCall.result);
+  const description = getStringValue(args, "description");
   const writeContent = getStringValue(args, "content") ?? "";
-  const oldString = getStringValue(args, "old_string") ?? "";
-  const newString = getStringValue(args, "new_string") ?? "";
-  const diffLines = normalizedName === "Write" ? buildWritePreview(writeContent) : computeDiff(oldString, newString);
+  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__ */ jsxs11("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx15("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__ */ jsx15("div", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: filePath ?? fileName })
+  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 })
       ] }),
-      checksum ? /* @__PURE__ */ jsx15("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__ */ 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
     ] }),
-    errorMessage ? /* @__PURE__ */ jsx15("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__ */ jsxs11("div", { className: "overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20", children: [
-      /* @__PURE__ */ jsx15("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__ */ jsx15("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__ */ 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) => {
         const prefix = line.type === "added" ? "+ " : line.type === "removed" ? "- " : "  ";
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           "div",
           {
             className: cn(
@@ -4677,9 +4865,9 @@ function FileEditRenderer({ toolCall }) {
               line.type === "unchanged" && "text-[hsl(var(--foreground))]"
             ),
             children: [
-              /* @__PURE__ */ jsx15("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.oldLine ?? "" }),
-              /* @__PURE__ */ jsx15("span", { className: "select-none py-0.5 text-right text-[10px] text-[hsl(var(--muted-foreground))]", children: line.newLine ?? "" }),
-              /* @__PURE__ */ jsxs11("span", { className: "min-w-0 whitespace-pre-wrap break-words py-0.5", 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: [
                 prefix,
                 line.value
               ] })
@@ -4687,24 +4875,24 @@ function FileEditRenderer({ toolCall }) {
           },
           `${line.type}-${line.oldLine}-${line.newLine}-${index}`
         );
-      }) : /* @__PURE__ */ jsx15("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__ */ 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" }) })
     ] }),
-    summaryText ? /* @__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: summaryText }) : null
+    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
   ] });
 }
 
 // src/react/components/chat/tool-renderers/FileReadRenderer.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 
 // src/react/components/chat/ImageLightbox.tsx
 import { ChevronLeft, ChevronRight as ChevronRight2, Download as Download2, ExternalLink, Minus, Plus as Plus2, RotateCcw, X as X3 } from "lucide-react";
-import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef9, useState as useState10 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef9, useState as useState11 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
-  const [currentIndex, setCurrentIndex] = useState10(initialIndex);
-  const [scale, setScale] = useState10(1);
-  const [translate, setTranslate] = useState10({ x: 0, y: 0 });
+  const [currentIndex, setCurrentIndex] = useState11(initialIndex);
+  const [scale, setScale] = useState11(1);
+  const [translate, setTranslate] = useState11({ x: 0, y: 0 });
   const dragging = useRef9(false);
   const dragStart = useRef9({ x: 0, y: 0 });
   const translateStart = useRef9({ x: 0, y: 0 });
@@ -4810,22 +4998,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__ */ jsxs12(
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80",
           onClick: close,
           children: [
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               "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__ */ jsx16(X3, { size: 20 })
+                children: /* @__PURE__ */ jsx17(X3, { size: 20 })
               }
             ),
-            /* @__PURE__ */ jsx16("span", { className: "text-sm text-white/60", children: "\u52A0\u8F7D\u4E2D..." })
+            /* @__PURE__ */ jsx17("span", { className: "text-sm text-white/60", children: "\u52A0\u8F7D\u4E2D..." })
           ]
         }
       ),
@@ -4836,46 +5024,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__ */ jsxs12("div", { className: "fixed inset-0 z-50 bg-black/80", onClick: handleAreaClick, children: [
-      /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13("div", { className: "fixed inset-0 z-50 bg-black/80", onClick: handleAreaClick, children: [
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           className: "absolute right-4 top-4 z-10 flex items-center gap-1.5",
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               "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__ */ jsx16(Download2, { size: 18 })
+                children: /* @__PURE__ */ jsx17(Download2, { size: 18 })
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               "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__ */ jsx16(ExternalLink, { size: 18 })
+                children: /* @__PURE__ */ jsx17(ExternalLink, { size: 18 })
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               "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__ */ jsx16(X3, { size: 20 })
+                children: /* @__PURE__ */ jsx17(X3, { size: 20 })
               }
             )
           ]
         }
       ),
-      showNav && currentIndex > 0 && /* @__PURE__ */ jsx16(
+      showNav && currentIndex > 0 && /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
@@ -4884,10 +5072,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__ */ jsx16(ChevronLeft, { size: 24 })
+          children: /* @__PURE__ */ jsx17(ChevronLeft, { size: 24 })
         }
       ),
-      showNav && currentIndex < images.length - 1 && /* @__PURE__ */ jsx16(
+      showNav && currentIndex < images.length - 1 && /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
@@ -4896,51 +5084,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__ */ jsx16(ChevronRight2, { size: 24 })
+          children: /* @__PURE__ */ jsx17(ChevronRight2, { size: 24 })
         }
       ),
-      /* @__PURE__ */ jsxs12("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__ */ jsx16(
+      /* @__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(
           "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__ */ jsx16(Minus, { size: 16 })
+            children: /* @__PURE__ */ jsx17(Minus, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs12("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
+        /* @__PURE__ */ jsxs13("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
           Math.round(scale * 100),
           "%"
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "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__ */ jsx16(Plus2, { size: 16 })
+            children: /* @__PURE__ */ jsx17(Plus2, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "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__ */ jsx16(RotateCcw, { size: 16 })
+            children: /* @__PURE__ */ jsx17(RotateCcw, { size: 16 })
           }
         ),
-        showNav && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx16("div", { className: "mx-1 h-4 w-px bg-white/20" }),
-          /* @__PURE__ */ jsxs12("span", { className: "min-w-[3rem] text-center text-xs text-white/80", children: [
+        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: [
             currentIndex + 1,
             " / ",
             images.length
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "div",
         {
           className: "flex h-full w-full items-center justify-center overflow-hidden p-12",
@@ -4951,7 +5139,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
           onMouseUp: handleMouseUp,
           onMouseLeave: handleMouseUp,
           onDoubleClick: handleDoubleClick,
-          children: /* @__PURE__ */ jsx16(
+          children: /* @__PURE__ */ jsx17(
             "img",
             {
               ref: imgRef,
@@ -4973,7 +5161,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
 }
 
 // src/react/components/chat/tool-renderers/FileReadRenderer.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var NUMBERED_LINE_RE = /^(\s*\d+)\t([\s\S]*)$/;
 function parseReadResult(result) {
   if (!result) {
@@ -5017,11 +5205,12 @@ function formatLineRange(startLine, endLine) {
   return startLine === endLine ? `\u7B2C ${startLine} \u884C` : `\u7B2C ${startLine}-${endLine} \u884C`;
 }
 function FileReadRenderer({ toolCall }) {
-  const [lightboxIndex, setLightboxIndex] = useState11(null);
+  const [lightboxIndex, setLightboxIndex] = useState12(null);
   const argsValue = parseJsonValue(toolCall.arguments);
   const args = isPlainObject(argsValue) ? argsValue : null;
   const filePath = extractToolFilePath(toolCall);
   const fileName = getFileName(filePath);
+  const description = getStringValue(args, "description");
   const resultText = getResultText(toolCall.result);
   const imageUrls = getResultImageUrls(toolCall.result);
   const isImageResult = imageUrls.length > 0;
@@ -5032,27 +5221,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__ */ 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: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: fileName }),
-        filePath ? /* @__PURE__ */ jsx17("div", { className: "truncate text-[10px] text-[hsl(var(--muted-foreground))]", children: filePath }) : null
+  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
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
-        lineRange ? /* @__PURE__ */ jsx17("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__ */ 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
+      /* @__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
       ] })
     ] }),
-    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,
-    isImageResult ? /* @__PURE__ */ jsxs13("div", { className: "grid gap-2", children: [
-      imageUrls.map((url, idx) => /* @__PURE__ */ jsx17(
+    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(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx18(
             "img",
             {
               src: url,
@@ -5063,7 +5253,7 @@ function FileReadRenderer({ toolCall }) {
         },
         url.slice(0, 64)
       )),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(
         ImageLightbox,
         {
           open: lightboxIndex != null,
@@ -5074,15 +5264,15 @@ function FileReadRenderer({ toolCall }) {
           initialIndex: lightboxIndex ?? 0
         }
       ),
-      content ? /* @__PURE__ */ jsx17("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: content }) : null
-    ] }) : !errorMessage ? /* @__PURE__ */ jsx17(CodePreview, { content, filePath, className: "max-h-[360px]" }) : null,
-    note ? /* @__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: note }) : null
+      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
   ] });
 }
 
 // src/react/components/chat/tool-renderers/SearchRenderer.tsx
-import { ExternalLink as ExternalLink2, FileText as FileText2, Folder as Folder2, Globe2 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+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";
 function toRecordArray(value) {
   return Array.isArray(value) ? value.filter(isPlainObject) : [];
 }
@@ -5144,7 +5334,7 @@ function parseWebFetchResult(result) {
   };
 }
 function renderEmptyState(label) {
-  return /* @__PURE__ */ jsx18("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__ */ 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 });
 }
 function SearchRenderer({ toolCall }) {
   const normalizedName = formatToolName(toolCall.name);
@@ -5153,26 +5343,26 @@ function SearchRenderer({ toolCall }) {
   const resultStr = getResultText(toolCall.result);
   const errorMessage = extractErrorMessage(resultStr);
   if (errorMessage) {
-    return /* @__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 });
+    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 });
   }
   if (normalizedName === "Ls" || normalizedName === "Glob") {
     const items = parseDirectoryItems(resultStr);
     const path = getStringValue(args, "path");
-    return /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
-      path ? /* @__PURE__ */ jsxs14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
+      path ? /* @__PURE__ */ jsxs15("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
         "\u76EE\u5F55\uFF1A",
         path
       ] }) : null,
-      items.length > 0 ? /* @__PURE__ */ jsx18("div", { className: "grid gap-2", children: items.map((item) => /* @__PURE__ */ jsxs14(
+      items.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: items.map((item) => /* @__PURE__ */ jsxs15(
         "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__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-2", children: [
-              item.isDir ? /* @__PURE__ */ jsx18(Folder2, { size: 14, className: "shrink-0 text-blue-300" }) : /* @__PURE__ */ jsx18(FileText2, { size: 14, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-              /* @__PURE__ */ jsx18("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: item.name })
+            /* @__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__ */ jsx18("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", children: item.isDir ? "\u76EE\u5F55" : formatBytes(item.size) ?? "\u6587\u4EF6" })
+            /* @__PURE__ */ jsx19("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}`
@@ -5182,28 +5372,28 @@ function SearchRenderer({ toolCall }) {
   if (normalizedName === "Grep") {
     const { matches, searchPath } = parseGrepResult(resultStr);
     const pattern = getStringValue(args, "pattern");
-    return /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-        pattern ? /* @__PURE__ */ jsx18("span", { className: "rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 font-mono", children: pattern }) : null,
-        searchPath ? /* @__PURE__ */ jsxs14("span", { children: [
+    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: [
           "\u8303\u56F4\uFF1A",
           searchPath
         ] }) : null
       ] }),
-      matches.length > 0 ? /* @__PURE__ */ jsx18("div", { className: "grid gap-2", children: matches.map((match) => /* @__PURE__ */ jsxs14(
+      matches.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: matches.map((match) => /* @__PURE__ */ jsxs15(
         "div",
         {
           className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-2",
           children: [
-            /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsx18("span", { className: "truncate font-mono text-[11px] text-[hsl(var(--foreground))]", children: match.path }),
-              match.lineNumber !== null ? /* @__PURE__ */ jsxs14("span", { className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))]", 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: [
                 "\u7B2C ",
                 match.lineNumber,
                 " \u884C"
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsx18("pre", { className: "mt-2 overflow-x-auto whitespace-pre-wrap font-mono text-[11px] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx18("code", { children: match.line }) })
+            /* @__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 }) })
           ]
         },
         `${match.path}-${match.lineNumber}-${match.line}`
@@ -5212,16 +5402,16 @@ function SearchRenderer({ toolCall }) {
   }
   const { results, summary } = normalizedName === "WebFetch" ? parseWebFetchResult(resultStr) : { results: parseWebResults(resultStr), summary: null };
   const query = getStringValue(args, "query");
-  return /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
-    query ? /* @__PURE__ */ jsxs14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+  return /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
+    query ? /* @__PURE__ */ jsxs15("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
       "\u67E5\u8BE2\uFF1A",
       query
     ] }) : null,
-    summary ? /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/20 px-3 py-3", children: [
-      /* @__PURE__ */ jsx18("div", { className: "mb-2 text-[10px] uppercase tracking-[0.16em] text-[hsl(var(--muted-foreground))]", children: "\u6458\u8981" }),
-      /* @__PURE__ */ jsx18("p", { className: "whitespace-pre-wrap text-[11px] leading-5 text-[hsl(var(--foreground))]", children: summary })
+    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 })
     ] }) : null,
-    results.length > 0 ? /* @__PURE__ */ jsx18("div", { className: "grid gap-2", children: results.map((item, index) => /* @__PURE__ */ jsx18(
+    results.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: results.map((item, index) => /* @__PURE__ */ jsx19(
       "a",
       {
         href: item.url ?? void 0,
@@ -5231,12 +5421,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__ */ jsxs14("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx18(Globe2, { size: 15, className: "mt-0.5 shrink-0 text-blue-300" }),
-          /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs14("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsx18("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__ */ jsx18(
+        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(
                 ExternalLink2,
                 {
                   size: 12,
@@ -5244,8 +5434,8 @@ function SearchRenderer({ toolCall }) {
                 }
               ) : null
             ] }),
-            item.url ? /* @__PURE__ */ jsx18("div", { className: "mt-1 truncate font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.url }) : null,
-            item.description ? /* @__PURE__ */ jsx18("p", { className: "mt-2 line-clamp-3 text-[11px] leading-5 text-[hsl(var(--muted-foreground))]", children: item.description }) : 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
           ] })
         ] })
       },
@@ -5272,7 +5462,7 @@ function getRenderer(toolName) {
 }
 
 // src/react/components/chat/ToolCallBlock.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function FilePathLink({ filePath, sessionId }) {
   const activeSessionId = useSessionStore((s) => s.activeSessionId);
   const pushArtifact = useUiStore((s) => s.pushArtifact);
@@ -5290,14 +5480,14 @@ function FilePathLink({ filePath, sessionId }) {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "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__ */ jsx19("span", { className: "truncate", children: fileName })
+      children: /* @__PURE__ */ jsx20("span", { className: "truncate", children: fileName })
     }
   );
 }
@@ -5313,7 +5503,7 @@ function ToolCallBlock({
   reasoning,
   customization
 }) {
-  const [expanded, setExpanded] = useState12(false);
+  const [expanded, setExpanded] = useState13(false);
   const activeSessionId = useSessionStore((s) => s.activeSessionId);
   const sessions = useSessionStore((s) => s.sessions);
   const pushArtifact = useUiStore((s) => s.pushArtifact);
@@ -5340,7 +5530,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__ */ jsx19(
+      const questionBlock = /* @__PURE__ */ jsx20(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -5354,9 +5544,9 @@ function ToolCallBlock({
       if (!reasoning) {
         return questionBlock;
       }
-      return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
+      return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
         questionBlock,
-        /* @__PURE__ */ jsx19("div", { className: "ml-4", children: /* @__PURE__ */ jsx19(ThinkingBadge, { reasoning, variant: "block" }) })
+        /* @__PURE__ */ jsx20("div", { className: "ml-4", children: /* @__PURE__ */ jsx20(ThinkingBadge, { reasoning, variant: "block" }) })
       ] });
     }
   }
@@ -5368,11 +5558,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__ */ jsx19(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx19(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx19(X4, { size: 11 }) : /* @__PURE__ */ jsx19(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx20(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx20(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx20(X4, { size: 11 }) : /* @__PURE__ */ jsx20(Check, { size: 11 });
   const statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
-  return /* @__PURE__ */ jsxs15("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
-    /* @__PURE__ */ jsxs15("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
-      /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
+    /* @__PURE__ */ jsxs16("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
+      /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -5380,7 +5570,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__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               ChevronRight3,
               {
                 size: 11,
@@ -5390,19 +5580,19 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs15("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs16("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx19("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx20("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsxs15("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsxs16("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__ */ jsx19("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx19(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
-      loadedSkillName ? /* @__PURE__ */ jsx19(
+      filePath && /* @__PURE__ */ jsx20("span", { className: "flex min-w-0 max-w-[50%] text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsx20(FilePathLink, { filePath, sessionId: resolvedSessionId }) }),
+      loadedSkillName ? /* @__PURE__ */ jsx20(
         "span",
         {
           className: "min-w-0 max-w-[50%] shrink truncate text-[hsl(var(--foreground))]",
@@ -5410,9 +5600,9 @@ function ToolCallBlock({
           children: loadedSkillName
         }
       ) : null,
-      reasoning ? /* @__PURE__ */ jsx19(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx19("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__ */ jsxs15(
+      reasoning ? /* @__PURE__ */ jsx20(ThinkingBadge, { reasoning, variant: "block" }) : null,
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx20("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) }),
+      uiMeta?.target === "preview" && resolvedSessionId && !isInternalStatusPreview(uiMeta) ? /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -5430,18 +5620,18 @@ 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__ */ jsx19(PanelRightOpen, { size: 11 }),
-            /* @__PURE__ */ jsx19("span", { children: uiMeta.title ?? displayName })
+            /* @__PURE__ */ jsx20(PanelRightOpen, { size: 11 }),
+            /* @__PURE__ */ jsx20("span", { children: uiMeta.title ?? displayName })
           ]
         }
       ) : null
     ] }),
-    expanded && /* @__PURE__ */ jsx19("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx19(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs15(Fragment4, { children: [
-      /* @__PURE__ */ jsx19("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx19("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__ */ jsxs15(Fragment4, { children: [
-        /* @__PURE__ */ jsx19("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx19(
+    expanded && /* @__PURE__ */ jsx20("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: Renderer ? /* @__PURE__ */ jsx20(Renderer, { toolCall, sessionId: resolvedSessionId }) : /* @__PURE__ */ jsxs16(Fragment5, { children: [
+      /* @__PURE__ */ jsx20("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx20("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatArgs(toolCall.arguments) }),
+      toolCall.result != null && /* @__PURE__ */ jsxs16(Fragment5, { children: [
+        /* @__PURE__ */ jsx20("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx20(
           "pre",
           {
             className: cn(
@@ -5517,7 +5707,7 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/react/components/chat/UserMessageBubble.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 
 // src/react/lib/preview-dispatch.ts
 var IMAGE_EXTS = [
@@ -5662,7 +5852,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 jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
   useEffect12(() => {
     if (!open) return;
@@ -5690,7 +5880,7 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
     staleTime: 6e4
   });
   if (!open) return null;
-  const body = /* @__PURE__ */ jsx20(
+  const body = /* @__PURE__ */ jsx21(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",
@@ -5701,17 +5891,17 @@ function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "attachment-preview-title",
-      children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsxs17(
         "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__ */ jsxs16("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
-              /* @__PURE__ */ jsx20("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
-              /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-                url && /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
+              /* @__PURE__ */ jsx21("h3", { id: "attachment-preview-title", className: "truncate text-sm font-semibold text-[hsl(var(--foreground))]", children: filename }),
+              /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
+                url && /* @__PURE__ */ jsx21(
                   "a",
                   {
                     href: url,
@@ -5720,22 +5910,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__ */ jsx20(Download3, { size: 14 })
+                    children: /* @__PURE__ */ jsx21(Download3, { size: 14 })
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   "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__ */ jsx20(X5, { size: 14 })
+                    children: /* @__PURE__ */ jsx21(X5, { size: 14 })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx20("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__ */ jsx21("div", { className: "max-h-[calc(90vh-56px)] overflow-auto px-4 py-3 text-sm text-[hsl(var(--foreground))]", children: renderContent({ mode, url, content, error }) })
           ]
         }
       )
@@ -5750,43 +5940,43 @@ function renderContent({
   error
 }) {
   if (!url) {
-    return /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B64\u9644\u4EF6\u6682\u65E0\u53EF\u7528\u9884\u89C8\u5730\u5740\u3002" });
+    return /* @__PURE__ */ jsx21("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__ */ jsxs16("p", { className: "text-[hsl(var(--muted-foreground))]", children: [
+    return /* @__PURE__ */ jsxs17("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__ */ jsx20("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
+      /* @__PURE__ */ jsx21("span", { className: "mx-1 font-medium text-[hsl(var(--foreground))]", children: "\u4E0B\u8F7D" }),
       "\u6309\u94AE\u67E5\u770B\u3002"
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs16("p", { className: "text-[hsl(var(--destructive))]", children: [
+    return /* @__PURE__ */ jsxs17("p", { className: "text-[hsl(var(--destructive))]", children: [
       "\u52A0\u8F7D\u5931\u8D25\uFF1A",
       String(error?.message ?? error)
     ] });
   }
   if (content == null) {
-    return /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
+    return /* @__PURE__ */ jsx21("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u4E2D\u2026" });
   }
   if (mode === "markdown") {
-    return /* @__PURE__ */ jsx20(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
+    return /* @__PURE__ */ jsx21(MarkdownContent, { className: "prose prose-sm prose-invert max-w-none", children: content });
   }
-  return /* @__PURE__ */ jsx20("pre", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed", children: content });
+  return /* @__PURE__ */ jsx21("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 jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function MessageContextPills({ contexts }) {
   if (contexts.length === 0) return null;
-  return /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-1.5", children: contexts.map((ctx, index) => /* @__PURE__ */ jsxs18(
     "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__ */ jsx21(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
-        /* @__PURE__ */ jsx21("span", { className: "max-w-56 truncate", children: ctx.label })
+        /* @__PURE__ */ jsx22(Bookmark, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.65)]" }),
+        /* @__PURE__ */ jsx22("span", { className: "max-w-56 truncate", children: ctx.label })
       ]
     },
     `${ctx.label}:${index}`
@@ -5794,8 +5984,8 @@ function MessageContextPills({ contexts }) {
 }
 
 // src/react/components/chat/MessageFileAttachmentList.tsx
-import { Archive as Archive2, File as File3, FileCode2 as FileCode22, FileText as FileText3, Film as Film2, Music as Music2 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Archive as Archive2, File as File3, FileCode2 as FileCode22, FileText as FileText4, Film as Film2, Music as Music2 } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function getFileIcon(fileName) {
   const lowerName = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz|bz2|xz)$/.test(lowerName)) {
@@ -5811,7 +6001,7 @@ function getFileIcon(fileName) {
     return Film2;
   }
   if (/\.(txt|pdf|doc|docx|rtf|odt)$/.test(lowerName)) {
-    return FileText3;
+    return FileText4;
   }
   return File3;
 }
@@ -5824,15 +6014,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__ */ jsx22("div", { className: cn("flex flex-wrap gap-1.5", className), children: files.map((file) => {
+  return /* @__PURE__ */ jsx23("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__ */ jsxs18(Fragment5, { children: [
-      /* @__PURE__ */ jsx22(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-      /* @__PURE__ */ jsx22("span", { className: "max-w-32 truncate", children: file.name })
+    const content = /* @__PURE__ */ jsxs19(Fragment6, { children: [
+      /* @__PURE__ */ jsx23(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+      /* @__PURE__ */ jsx23("span", { className: "max-w-32 truncate", children: file.name })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx22(
+      return /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
@@ -5844,16 +6034,16 @@ function MessageFileAttachmentList({
         key
       );
     }
-    return /* @__PURE__ */ jsx22("div", { className: pillClass, title: file.name, children: content }, key);
+    return /* @__PURE__ */ jsx23("div", { className: pillClass, title: file.name, children: content }, key);
   }) });
 }
 
 // src/react/components/chat/MessageActions.tsx
 import { Check as Check2, Copy } from "lucide-react";
-import { useState as useState13 } from "react";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function MessageActions({ content, className }) {
-  const [copied, setCopied] = useState13(false);
+  const [copied, setCopied] = useState14(false);
   const handleCopy = async () => {
     const ok = await copyToClipboard(content);
     if (ok) {
@@ -5861,7 +6051,7 @@ function MessageActions({ content, className }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsx23("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsx24("div", { className: cn("flex items-center gap-1 mt-1.5", className), children: /* @__PURE__ */ jsxs20(
     "button",
     {
       type: "button",
@@ -5871,16 +6061,16 @@ 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__ */ jsx23(Check2, { size: 12 }) : /* @__PURE__ */ jsx23(Copy, { size: 12 }),
-        /* @__PURE__ */ jsx23("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+        copied ? /* @__PURE__ */ jsx24(Check2, { size: 12 }) : /* @__PURE__ */ jsx24(Copy, { size: 12 }),
+        /* @__PURE__ */ jsx24("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
       ]
     }
   ) });
 }
 
 // src/react/components/chat/TextAttachmentPills.tsx
-import { Archive as Archive3, File as File4, FileCode2 as FileCode23, FileText as FileText4, Film as Film3, Music as Music3, FileSpreadsheet, Image } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Archive as Archive3, File as File4, FileCode2 as FileCode23, FileText as FileText5, Film as Film3, Music as Music3, FileSpreadsheet, Image } from "lucide-react";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function getFileIcon2(fileName) {
   const lower2 = fileName.toLowerCase();
   if (/\.(zip|rar|7z|tar|gz)$/.test(lower2)) return Archive3;
@@ -5889,21 +6079,21 @@ function getFileIcon2(fileName) {
   if (/\.(mp4|mov|mkv|avi|webm)$/.test(lower2)) return Film3;
   if (/\.(png|jpg|jpeg|gif|svg|webp|bmp)$/.test(lower2)) return Image;
   if (/\.(xlsx?|csv)$/.test(lower2)) return FileSpreadsheet;
-  if (/\.(txt|pdf|docx?|rtf|md)$/.test(lower2)) return FileText4;
+  if (/\.(txt|pdf|docx?|rtf|md)$/.test(lower2)) return FileText5;
   return File4;
 }
 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__ */ jsx24("div", { className: "flex flex-wrap gap-1.5", children: attachments.map((att, index) => {
+  return /* @__PURE__ */ jsx25("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__ */ jsxs20(Fragment6, { children: [
-      /* @__PURE__ */ jsx24(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
-      /* @__PURE__ */ jsx24("span", { className: "max-w-40 truncate", children: att.name })
+    const content = /* @__PURE__ */ jsxs21(Fragment7, { children: [
+      /* @__PURE__ */ jsx25(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--primary)/0.6)]" }),
+      /* @__PURE__ */ jsx25("span", { className: "max-w-40 truncate", children: att.name })
     ] });
     if (onPreview) {
-      return /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -5915,7 +6105,7 @@ function TextAttachmentPills({ attachments, onPreview }) {
         key
       );
     }
-    return /* @__PURE__ */ jsx24("div", { className: pillClass, title: att.name, children: content }, key);
+    return /* @__PURE__ */ jsx25("div", { className: pillClass, title: att.name, children: content }, key);
   }) });
 }
 
@@ -5924,34 +6114,34 @@ import { RefreshCcw } from "lucide-react";
 
 // src/react/components/chat/whatif-quote-context.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo13 } from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var WhatIfQuoteContext = createContext3({});
 function WhatIfQuoteProvider({
   onJumpToStep,
   children
 }) {
   const value = useMemo13(() => ({ onJumpToStep }), [onJumpToStep]);
-  return /* @__PURE__ */ jsx25(WhatIfQuoteContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx26(WhatIfQuoteContext.Provider, { value, children });
 }
 function useWhatIfQuoteContext() {
   return useContext3(WhatIfQuoteContext);
 }
 
 // src/react/components/chat/WhatIfUserBubble.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { onJumpToStep } = useWhatIfQuoteContext();
   const handleQuoteClick = onQuoteClick ?? onJumpToStep;
   const { fromStep, quotes, userText } = parsed;
-  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs21("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__ */ jsx26(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx26("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.5)] px-2.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx27(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx27("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx26("div", { className: "flex flex-wrap justify-end gap-1.5", children: quotes.map((q, i) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx27("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__ */ jsxs21(
+      return /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
@@ -5960,14 +6150,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__ */ jsx26("span", { children: "\u21B3" }),
-            /* @__PURE__ */ jsx26("span", { className: "max-w-[14rem] truncate", children: label })
+            /* @__PURE__ */ jsx27("span", { children: "\u21B3" }),
+            /* @__PURE__ */ jsx27("span", { className: "max-w-[14rem] truncate", children: label })
           ]
         },
         `${q.stepNumber ?? "x"}-${i}`
       );
     }) }),
-    userText && /* @__PURE__ */ jsx26("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx26(
+    userText && /* @__PURE__ */ jsx27("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx27(
       MarkdownContent,
       {
         className: "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_p]:mb-3 [&_p:last-child]:mb-0",
@@ -5979,7 +6169,7 @@ function WhatIfUserBubble({ parsed, onQuoteClick }) {
 }
 
 // src/react/components/chat/UserMessageBubble.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -6007,9 +6197,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__ */ jsx27("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs22("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
-      /* @__PURE__ */ jsx27(WhatIfUserBubble, { parsed: whatifParsed }),
-      whatifParsed.userText && /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs23("div", { className: "group flex max-w-[72%] flex-col items-end gap-2", children: [
+      /* @__PURE__ */ jsx28(WhatIfUserBubble, { parsed: whatifParsed }),
+      whatifParsed.userText && /* @__PURE__ */ jsx28(
         MessageActions,
         {
           content: whatifParsed.userText,
@@ -6043,8 +6233,8 @@ function UserMessageBubble({ message, className }) {
       alt: attachment.name || "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247"
     }))
   ];
-  const [lightboxIndex, setLightboxIndex] = useState14(null);
-  const [preview, setPreview] = useState14(null);
+  const [lightboxIndex, setLightboxIndex] = useState15(null);
+  const [preview, setPreview] = useState15(null);
   const handleTextAttachmentPreview = (attachment) => {
     if (!activeSessionId) return;
     const pathForUrl = attachment.uploadedPath ?? attachment.name;
@@ -6063,16 +6253,16 @@ function UserMessageBubble({ message, className }) {
     const mode = kind === "text" ? lower2.endsWith(".md") ? "markdown" : "text" : "default";
     setPreview({ filename: attachment.name, url, mode });
   };
-  return /* @__PURE__ */ jsx27("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs22("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
-    (imageParts.length > 0 || imageTextAttachments.length > 0) && /* @__PURE__ */ jsxs22("div", { className: "grid gap-2", children: [
-      imageParts.map((part, idx) => /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs23("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
+    (imageParts.length > 0 || imageTextAttachments.length > 0) && /* @__PURE__ */ jsxs23("div", { className: "grid gap-2", children: [
+      imageParts.map((part, idx) => /* @__PURE__ */ jsx28(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsx28(
             "img",
             {
               src: part.image_url.url,
@@ -6083,14 +6273,14 @@ function UserMessageBubble({ message, className }) {
         },
         part.image_url.url
       )),
-      imageTextAttachments.map((attachment, idx) => /* @__PURE__ */ jsx27(
+      imageTextAttachments.map((attachment, idx) => /* @__PURE__ */ jsx28(
         "button",
         {
           type: "button",
           onClick: () => setLightboxIndex(imageParts.length + idx),
           className: "cursor-zoom-in",
           title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsx28(
             "img",
             {
               src: attachment.url,
@@ -6102,7 +6292,7 @@ function UserMessageBubble({ message, className }) {
         `${attachment.uploadedPath}:${attachment.name}`
       ))
     ] }),
-    lightboxImages.length > 0 && /* @__PURE__ */ jsx27(
+    lightboxImages.length > 0 && /* @__PURE__ */ jsx28(
       ImageLightbox,
       {
         open: lightboxIndex != null,
@@ -6113,15 +6303,15 @@ function UserMessageBubble({ message, className }) {
         initialIndex: lightboxIndex ?? 0
       }
     ),
-    /* @__PURE__ */ jsx27(MessageFileAttachmentList, { files: fileParts }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(MessageFileAttachmentList, { files: fileParts }),
+    /* @__PURE__ */ jsx28(
       TextAttachmentPills,
       {
         attachments: nonImageTextAttachments,
         onPreview: handleTextAttachmentPreview
       }
     ),
-    preview && /* @__PURE__ */ jsx27(
+    preview && /* @__PURE__ */ jsx28(
       AttachmentPreviewDialog,
       {
         open: preview != null,
@@ -6133,8 +6323,8 @@ function UserMessageBubble({ message, className }) {
         mode: preview.mode
       }
     ),
-    /* @__PURE__ */ jsx27(MessageContextPills, { contexts: textContexts }),
-    trimmedClean && /* @__PURE__ */ jsx27("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(MessageContextPills, { contexts: textContexts }),
+    trimmedClean && /* @__PURE__ */ jsx28("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: /* @__PURE__ */ jsx28(
       MarkdownContent,
       {
         className: "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_p]:mb-3 [&_p:last-child]:mb-0",
@@ -6142,7 +6332,7 @@ function UserMessageBubble({ message, className }) {
         children: cleanText
       }
     ) }),
-    trimmedClean && /* @__PURE__ */ jsx27(
+    trimmedClean && /* @__PURE__ */ jsx28(
       MessageActions,
       {
         content: trimmedClean,
@@ -6157,14 +6347,14 @@ function ErrorMessageBlock({
 }) {
   const text = getTextContent(message.content);
   const looksLikeModelUnavailable = /no source matches this model|404/i.test(text);
-  return /* @__PURE__ */ jsx27("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs22("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__ */ jsx28("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsxs23("div", { className: "max-w-[85%] border-l-[3px] border-[hsl(var(--destructive))] px-4 py-1 text-sm leading-7 text-[hsl(var(--destructive))]", children: [
     text,
-    looksLikeModelUnavailable ? /* @__PURE__ */ jsx27("div", { className: "mt-1 opacity-80", children: "\u6A21\u578B\u53EF\u80FD\u672A\u542F\u52A8\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }) : null
+    looksLikeModelUnavailable ? /* @__PURE__ */ jsx28("div", { className: "mt-1 opacity-80", children: "\u6A21\u578B\u53EF\u80FD\u672A\u542F\u52A8\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }) : null
   ] }) });
 }
 
 // src/react/components/chat/AgentLoopBlock.tsx
-import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var EMPTY_MESSAGES2 = [];
 var EMPTY_AGENT_LOOPS = {};
 var COLLAPSED_SUMMARY_HIDDEN_TOOLS = /* @__PURE__ */ new Set([
@@ -6211,7 +6401,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     () => visibleLoopToolCalls.some((childToolCall) => childToolCall.status === "awaiting_answer"),
     [visibleLoopToolCalls]
   );
-  const [expanded, setExpanded] = useState15(hasAwaitingAnswer);
+  const [expanded, setExpanded] = useState16(hasAwaitingAnswer);
   const completedToolLabels = useMemo14(
     () => visibleLoopToolCalls.flatMap((childToolCall) => {
       const isCompleted = childToolCall.status === "done" || childToolCall.status !== "pending" && childToolCall.status !== "awaiting_answer" && childToolCall.status !== "error" && childToolCall.status !== "cancelled";
@@ -6257,7 +6447,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__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn(
@@ -6265,8 +6455,8 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
         cardStyles.borderClass
       ),
       children: [
-        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
-          /* @__PURE__ */ jsxs23(
+        status === "running" || status === "awaiting_answer" ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
+          /* @__PURE__ */ jsxs24(
             "div",
             {
               className: cn(
@@ -6274,24 +6464,24 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx28(
+                /* @__PURE__ */ jsx29(
                   "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__ */ jsxs23("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      status === "awaiting_answer" ? /* @__PURE__ */ jsx28(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx28(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
-                      /* @__PURE__ */ jsxs23("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
+                    children: /* @__PURE__ */ jsxs24("span", { className: "min-w-0 flex items-center gap-2", children: [
+                      status === "awaiting_answer" ? /* @__PURE__ */ jsx29(MessageSquareMore2, { size: 14, className: "shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx29(Bot, { size: 14, className: "shrink-0 text-blue-500" }),
+                      /* @__PURE__ */ jsxs24("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: [
                         description,
                         status === "awaiting_answer" ? " \u2014 \u7B49\u5F85\u56DE\u7B54" : ""
                       ] })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx28(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx28(
+                reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx29(
                   Bot,
                   {
                     size: 13,
@@ -6299,14 +6489,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx28(
+                /* @__PURE__ */ jsx29(
                   "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__ */ jsx28(
+                    children: /* @__PURE__ */ jsx29(
                       ChevronRight4,
                       {
                         size: 14,
@@ -6321,7 +6511,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx28(
+          !expanded ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-1 py-2", children: visibleLoopToolCalls.length > 0 ? visibleLoopToolCalls.map((childToolCall) => /* @__PURE__ */ jsx29(
             ToolCallBlock,
             {
               toolCall: childToolCall,
@@ -6329,12 +6519,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               level: 2
             },
             childToolCall.id
-          )) : /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx28(Loader24, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
-            /* @__PURE__ */ jsx28("span", { children: "\u6B63\u5728\u542F\u52A8..." })
-          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx28("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__ */ jsxs23(Fragment7, { children: [
-          /* @__PURE__ */ jsxs23(
+          )) : /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx29(Loader24, { size: 12, className: "shrink-0 animate-spin text-blue-500" }),
+            /* @__PURE__ */ jsx29("span", { children: "\u6B63\u5728\u542F\u52A8..." })
+          ] }) }) : status === "awaiting_answer" ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-1 py-2", children: /* @__PURE__ */ jsx29("div", { className: "px-4 py-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u8BF7\u5728\u4E0B\u65B9\u5B50\u667A\u80FD\u4F53\u5BF9\u8BDD\u4E2D\u5B8C\u6210\u786E\u8BA4" }) }) : null
+        ] }) : /* @__PURE__ */ jsxs24(Fragment8, { children: [
+          /* @__PURE__ */ jsxs24(
             "div",
             {
               className: cn(
@@ -6342,21 +6532,21 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 cardStyles.headerClass
               ),
               children: [
-                /* @__PURE__ */ jsx28(
+                /* @__PURE__ */ jsx29(
                   "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__ */ jsxs23("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx28(Check3, { size: 14, className: "shrink-0 text-emerald-500" }),
-                      /* @__PURE__ */ jsx28("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
+                    children: /* @__PURE__ */ jsxs24("span", { className: "min-w-0 flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx29(Check3, { size: 14, className: "shrink-0 text-emerald-500" }),
+                      /* @__PURE__ */ jsx29("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
                     ] })
                   }
                 ),
-                reasoning ? /* @__PURE__ */ jsx28(ThinkingBadge, { reasoning, variant: "block" }) : null,
-                /* @__PURE__ */ jsx28(
+                reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning, variant: "block" }) : null,
+                /* @__PURE__ */ jsx29(
                   Bot,
                   {
                     size: 13,
@@ -6364,14 +6554,14 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-label": "\u5B50\u667A\u80FD\u4F53"
                   }
                 ),
-                /* @__PURE__ */ jsx28(
+                /* @__PURE__ */ jsx29(
                   "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__ */ jsx28(
+                    children: /* @__PURE__ */ jsx29(
                       ChevronRight4,
                       {
                         size: 14,
@@ -6386,9 +6576,9 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               ]
             }
           ),
-          !expanded ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
-            /* @__PURE__ */ jsx28("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
-              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs23(
+          !expanded ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
+            /* @__PURE__ */ jsx29("div", { className: "flex flex-wrap gap-1.5 px-4 py-2", children: completedToolLabels.length > 0 ? completedToolLabels.map(
+              (item) => item.kind === "file" ? /* @__PURE__ */ jsxs24(
                 "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",
@@ -6399,12 +6589,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                   },
                   title: item.label,
                   children: [
-                    /* @__PURE__ */ jsx28(FileText5, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx28("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ jsx29(FileText6, { size: 12, className: "shrink-0", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx29("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.key
-              ) : /* @__PURE__ */ jsx28(
+              ) : /* @__PURE__ */ jsx29(
                 "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",
@@ -6417,12 +6607,12 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                 },
                 item.key
               )
-            ) : /* @__PURE__ */ jsx28("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
-            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx28(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
+            ) : /* @__PURE__ */ jsx29("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528" }) }),
+            inlineToolUiBlocks.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2 px-4 pb-3", children: inlineToolUiBlocks.map((block) => /* @__PURE__ */ jsx29(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null
           ] }) : null
         ] }),
-        expanded && /* @__PURE__ */ jsx28("div", { className: "border-t border-[hsl(var(--border))] py-2", children: childMessages.length > 0 ? /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
-          (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx28(
+        expanded && /* @__PURE__ */ jsx29("div", { className: "border-t border-[hsl(var(--border))] py-2", children: childMessages.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-3 px-3", children: childMessages.map(
+          (message, index) => message.role === "assistant" ? /* @__PURE__ */ jsx29(
             ExpandedChildAssistantMessage,
             {
               message,
@@ -6430,13 +6620,13 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
               isStreaming: message.status === "streaming"
             },
             message.entry_id ?? `${message.timestamp ?? "child"}-${index}`
-          ) : message.role === "user" ? /* @__PURE__ */ jsx28(
+          ) : message.role === "user" ? /* @__PURE__ */ jsx29(
             ExpandedChildUserMessage,
             {
               message
             },
             message.entry_id ?? `${message.timestamp ?? "user"}-${index}`
-          ) : message.role === "error" ? /* @__PURE__ */ jsx28(
+          ) : message.role === "error" ? /* @__PURE__ */ jsx29(
             "div",
             {
               className: "border-l-[2px] border-l-red-500 px-3 py-2 text-[11px] text-red-200",
@@ -6444,16 +6634,16 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
             },
             message.entry_id ?? `${message.timestamp ?? "error"}-${index}`
           ) : null
-        ) }) : status === "running" ? /* @__PURE__ */ jsxs23("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsx28(Loader24, { size: 12, className: "mr-1.5 inline animate-spin" }),
+        ) }) : status === "running" ? /* @__PURE__ */ jsxs24("div", { className: "px-3 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsx29(Loader24, { size: 12, className: "mr-1.5 inline animate-spin" }),
           "\u6B63\u5728\u542F\u52A8..."
-        ] }) : toolCall.result ? /* @__PURE__ */ jsx28("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__ */ jsx29("pre", { className: "max-h-[400px] overflow-auto px-3 py-2 whitespace-pre-wrap text-[11px] text-[hsl(var(--muted-foreground))]", children: typeof toolCall.result === "string" ? toolCall.result : JSON.stringify(toolCall.result, null, 2) }) : null })
       ]
     }
   );
 }
 function ExpandedChildUserMessage({ message }) {
-  return /* @__PURE__ */ jsx28("div", { className: "pl-8", children: /* @__PURE__ */ jsx28(UserMessageBubble, { message }) });
+  return /* @__PURE__ */ jsx29("div", { className: "pl-8", children: /* @__PURE__ */ jsx29(UserMessageBubble, { message }) });
 }
 function ExpandedChildAssistantMessage({
   message,
@@ -6466,12 +6656,12 @@ function ExpandedChildAssistantMessage({
   const firstToolCallId = toolCalls[0]?.id;
   const toolReasoning = !isStreaming && !text && hasToolCalls ? message.reasoning : void 0;
   const standaloneReasoning = !isStreaming && !text && !hasToolCalls ? message.reasoning : void 0;
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
-    message.reasoning && isStreaming && /* @__PURE__ */ jsxs23(Reasoning, { isStreaming, children: [
-      /* @__PURE__ */ jsx28(ReasoningTrigger, {}),
-      /* @__PURE__ */ jsx28(ReasoningContent, { children: message.reasoning })
+  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-2", children: [
+    message.reasoning && isStreaming && /* @__PURE__ */ jsxs24(Reasoning, { isStreaming, children: [
+      /* @__PURE__ */ jsx29(ReasoningTrigger, {}),
+      /* @__PURE__ */ jsx29(ReasoningContent, { children: message.reasoning })
     ] }),
-    text ? /* @__PURE__ */ jsx28(
+    text ? /* @__PURE__ */ jsx29(
       ChildText,
       {
         text,
@@ -6480,10 +6670,10 @@ function ExpandedChildAssistantMessage({
         reasoning: !isStreaming ? message.reasoning : void 0
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx28("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    standaloneReasoning ? /* @__PURE__ */ jsx28("div", { className: "pl-8", children: /* @__PURE__ */ jsx28(ThinkingBadge, { reasoning: standaloneReasoning, variant: "block" }) }) : null,
-    hasToolCalls && /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-      (toolCall, index) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx28(
+    !text && isStreaming && /* @__PURE__ */ jsx29("span", { className: "pl-8 text-[12px] text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
+    standaloneReasoning ? /* @__PURE__ */ jsx29("div", { className: "pl-8", children: /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning: standaloneReasoning, variant: "block" }) }) : null,
+    hasToolCalls && /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2", children: toolCalls.map(
+      (toolCall, index) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx29(
         AgentLoopBlock,
         {
           toolCall,
@@ -6491,7 +6681,7 @@ function ExpandedChildAssistantMessage({
           reasoning: toolCall.id === firstToolCallId ? toolReasoning : void 0
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx28(
+      ) : /* @__PURE__ */ jsx29(
         ToolCallBlock,
         {
           toolCall,
@@ -6503,8 +6693,8 @@ function ExpandedChildAssistantMessage({
         toolCall.id
       )
     ) }),
-    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx28("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__ */ jsx28("div", { className: "ml-4", children: /* @__PURE__ */ jsx28(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
+    message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2", children: message.blocks.map(
+      (block, index) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx29("div", { className: "ml-4", children: /* @__PURE__ */ jsx29(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${index}`) : null
     ) }) : null
   ] });
 }
@@ -6514,8 +6704,8 @@ function ChildText({
   sessionId,
   reasoning
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs24("div", { className: "pl-8 text-[12px] leading-6 text-[hsl(var(--foreground))]", children: [
+    /* @__PURE__ */ jsx29(
       MarkdownContent,
       {
         mode: "streaming",
@@ -6525,8 +6715,8 @@ function ChildText({
         children: text
       }
     ),
-    isStreaming && /* @__PURE__ */ jsx28("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
-    reasoning ? /* @__PURE__ */ jsx28(ThinkingBadge, { reasoning }) : null
+    isStreaming && /* @__PURE__ */ jsx29("span", { className: "ml-0.5 inline-block h-[1em] w-[3px] animate-pulse rounded-sm bg-current opacity-60" }),
+    reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function getLoopCardStyles(status) {
@@ -6566,7 +6756,7 @@ function getLoopCardStyles(status) {
 }
 
 // src/react/components/chat/AssistantTurnBlock.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function defaultTurnDisplayMode({
   forceExpanded,
   hasActionableToolCall
@@ -6720,7 +6910,7 @@ function AssistantTurnBlock({
     ),
     [allToolCalls]
   );
-  const [displayMode, setDisplayMode] = useState16(
+  const [displayMode, setDisplayMode] = useState17(
     defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall })
   );
   const wasStreamingRef = useRef10(isStreaming);
@@ -6741,7 +6931,7 @@ function AssistantTurnBlock({
   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__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -6750,17 +6940,17 @@ function AssistantTurnBlock({
         customization?.classNames?.assistantTurn
       ),
       children: [
-        memoryRefs.length > 0 && /* @__PURE__ */ jsx29(MemoryRefsHint, { refs: memoryRefs }),
-        hasInterruptedState && /* @__PURE__ */ jsx29("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__ */ jsx29("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs24(
+        memoryRefs.length > 0 && /* @__PURE__ */ jsx30(MemoryRefsHint, { refs: memoryRefs }),
+        hasInterruptedState && /* @__PURE__ */ jsx30("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
+        !isStreaming && /* @__PURE__ */ jsx30("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs25(
           "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__ */ jsx29("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx30("span", { children: effectiveMode === "detail" ? "\u7CBE\u7B80" : "\u8BE6\u7EC6" }),
+              /* @__PURE__ */ jsx30(
                 ChevronRight5,
                 {
                   size: 18,
@@ -6770,7 +6960,7 @@ function AssistantTurnBlock({
             ]
           }
         ) }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx29(
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx30(
           AssistantMessages,
           {
             messages,
@@ -6783,15 +6973,15 @@ function AssistantTurnBlock({
             showToolDetails: true,
             customization
           }
-        ) }) : /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4", children: [
-          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx29(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
-          finalMessage ? /* @__PURE__ */ jsx29(
+        ) }) : /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-4", children: [
+          resourceBlocks.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3", children: resourceBlocks.map((block) => /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.ui, sessionId }, block.key)) }) : null,
+          finalMessage ? /* @__PURE__ */ jsx30(
             "div",
             {
               className: cn(
                 resourceBlocks.length > 0 && "border-t border-[hsl(var(--border))] pt-4"
               ),
-              children: /* @__PURE__ */ jsx29(
+              children: /* @__PURE__ */ jsx30(
                 AssistantMessageContent,
                 {
                   message: finalMessage,
@@ -6802,7 +6992,7 @@ function AssistantTurnBlock({
                 }
               )
             }
-          ) : isStreaming ? /* @__PURE__ */ jsx29("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
+          ) : isStreaming ? /* @__PURE__ */ jsx30("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }) : null
         ] }) })
       ]
     }
@@ -6832,16 +7022,16 @@ function AssistantMessages({
       const toolRenderItems = groupDetailedToolCalls(toolCalls);
       const toolReasoning = hasReasoning && !hasText && !hasAttachments && hasToolCalls && !isStreamingLastMessage ? reasoning : void 0;
       const contentReasoning = hasReasoning && !isStreamingLastMessage && (hasText || hasAttachments || !hasToolCalls) ? reasoning : void 0;
-      return /* @__PURE__ */ jsxs24(
+      return /* @__PURE__ */ jsxs25(
         "div",
         {
           className: "flex flex-col gap-3",
           children: [
-            hasReasoning && isStreamingLastMessage && /* @__PURE__ */ jsxs24(Reasoning, { isStreaming: isStreamingLastMessage, children: [
-              /* @__PURE__ */ jsx29(ReasoningTrigger, {}),
-              /* @__PURE__ */ jsx29(ReasoningContent, { children: reasoning })
+            hasReasoning && isStreamingLastMessage && /* @__PURE__ */ jsxs25(Reasoning, { isStreaming: isStreamingLastMessage, children: [
+              /* @__PURE__ */ jsx30(ReasoningTrigger, {}),
+              /* @__PURE__ */ jsx30(ReasoningContent, { children: reasoning })
             ] }),
-            /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx30(
               AssistantMessageContent,
               {
                 message,
@@ -6851,9 +7041,9 @@ function AssistantMessages({
                 className: customization?.classNames?.assistantText
               }
             ),
-            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
+            hasToolCalls && showToolDetails && /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: toolRenderItems.map((item) => {
               if (item.kind === "read_group" || item.kind === "load_skill_group") {
-                return /* @__PURE__ */ jsx29(
+                return /* @__PURE__ */ jsx30(
                   CompactToolGroupBlock,
                   {
                     toolCalls: item.toolCalls,
@@ -6871,7 +7061,7 @@ function AssistantMessages({
                 );
               }
               const { toolCall } = item;
-              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx29(
+              return formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx30(
                 AgentLoopBlock,
                 {
                   toolCall,
@@ -6879,7 +7069,7 @@ function AssistantMessages({
                   reasoning: toolCall.id === firstToolCallId ? toolReasoning : void 0
                 },
                 toolCall.id
-              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx29(
+              ) : customization?.components?.ToolCall ? /* @__PURE__ */ jsx30(
                 customization.components.ToolCall,
                 {
                   toolCall,
@@ -6894,7 +7084,7 @@ function AssistantMessages({
                   customization
                 },
                 toolCall.id
-              ) : /* @__PURE__ */ jsx29(
+              ) : /* @__PURE__ */ jsx30(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -6911,8 +7101,8 @@ function AssistantMessages({
                 toolCall.id
               );
             }) }),
-            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx29("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__ */ jsx29("div", { className: "ml-4", children: /* @__PURE__ */ jsx29(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
+            showToolDetails && message.blocks?.some((block) => block.type === "tool_ui") ? /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-2", children: message.blocks.map(
+              (block, blockIndex) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? /* @__PURE__ */ jsx30("div", { className: "ml-4", children: /* @__PURE__ */ jsx30(ResourceIframe, { ui: block.content, sessionId }) }, `${block.tool_call_id}-${blockIndex}`) : null
             ) }) : null
           ]
         },
@@ -6947,7 +7137,7 @@ function CompactToolGroupBlock({
   level,
   customization
 }) {
-  const [expanded, setExpanded] = useState16(false);
+  const [expanded, setExpanded] = useState17(false);
   const indentClass = level === 2 ? "ml-3" : "ml-4";
   const hasError = toolCalls.some(
     (tc) => tc.status === "error" || tc.status === "cancelled"
@@ -6962,12 +7152,12 @@ function CompactToolGroupBlock({
   });
   const tags = kind === "read_group" ? fileNames : toolCalls.map(getLoadedSkillName);
   const title = kind === "read_group" ? `\u8BFB\u53D6 ${toolCalls.length} \u4E2A\u6587\u4EF6` : toolCalls.length > 1 ? `\u52A0\u8F7D ${toolCalls.length} \u4E2A\u6280\u80FD` : "\u52A0\u8F7D\u6280\u80FD";
-  return /* @__PURE__ */ jsxs24("div", { className: cn(indentClass, "text-xs"), children: [
-    /* @__PURE__ */ jsxs24("div", { className: cn(
+  return /* @__PURE__ */ jsxs25("div", { className: cn(indentClass, "text-xs"), children: [
+    /* @__PURE__ */ jsxs25("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__ */ jsxs24(
+      /* @__PURE__ */ jsxs25(
         "button",
         {
           type: "button",
@@ -6975,7 +7165,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__ */ jsx29(
+            /* @__PURE__ */ jsx30(
               ChevronRight5,
               {
                 size: 11,
@@ -6985,18 +7175,18 @@ function CompactToolGroupBlock({
                 )
               }
             ),
-            hasError ? /* @__PURE__ */ jsxs24("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
-              /* @__PURE__ */ jsx29(AlertCircle, { size: 11 }),
-              /* @__PURE__ */ jsx29("span", { children: "\u5931\u8D25" })
-            ] }) : /* @__PURE__ */ jsxs24("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
-              /* @__PURE__ */ jsx29(Check4, { size: 11 }),
-              /* @__PURE__ */ jsx29("span", { children: "\u5B8C\u6210" })
+            hasError ? /* @__PURE__ */ jsxs25("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--destructive))]", children: [
+              /* @__PURE__ */ jsx30(AlertCircle, { size: 11 }),
+              /* @__PURE__ */ jsx30("span", { children: "\u5931\u8D25" })
+            ] }) : /* @__PURE__ */ jsxs25("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
+              /* @__PURE__ */ jsx30(Check4, { size: 11 }),
+              /* @__PURE__ */ jsx30("span", { children: "\u5B8C\u6210" })
             ] }),
-            /* @__PURE__ */ jsx29("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
+            /* @__PURE__ */ jsx30("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
           ]
         }
       ),
-      /* @__PURE__ */ jsx29("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30("div", { className: "flex min-w-0 flex-1 flex-wrap gap-1.5", children: tags.map((tag, index) => /* @__PURE__ */ jsx30(
         "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))]",
@@ -7005,12 +7195,12 @@ function CompactToolGroupBlock({
         },
         `${tag}-${index}`
       )) }),
-      reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning, variant: "block" }) : null,
-      totalDurationMs > 0 ? /* @__PURE__ */ jsx29("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
+      reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null,
+      totalDurationMs > 0 ? /* @__PURE__ */ jsx30("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration2(totalDurationMs) }) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsx29("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
+    expanded ? /* @__PURE__ */ jsx30("div", { className: "mt-1 flex flex-col gap-1", children: toolCalls.map((toolCall) => {
       const CustomToolCall = customization?.components?.ToolCall;
-      return CustomToolCall ? /* @__PURE__ */ jsx29(
+      return CustomToolCall ? /* @__PURE__ */ jsx30(
         CustomToolCall,
         {
           toolCall,
@@ -7024,7 +7214,7 @@ function CompactToolGroupBlock({
           customization
         },
         toolCall.id
-      ) : /* @__PURE__ */ jsx29(
+      ) : /* @__PURE__ */ jsx30(
         ToolCallBlock,
         {
           toolCall,
@@ -7055,8 +7245,8 @@ function AssistantMessageContent({
   if (!text && imageParts.length === 0 && fileParts.length === 0 && !isStreaming && !reasoning) {
     return null;
   }
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx29("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx30("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx30(
       "img",
       {
         src: part.image_url.url,
@@ -7065,8 +7255,8 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }),
-    /* @__PURE__ */ jsx29(MessageFileAttachmentList, { files: fileParts }),
-    text ? /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(MessageFileAttachmentList, { files: fileParts }),
+    text ? /* @__PURE__ */ jsx30(
       AssistantText,
       {
         text,
@@ -7076,8 +7266,8 @@ function AssistantMessageContent({
         className
       }
     ) : null,
-    !text && isStreaming && /* @__PURE__ */ jsx29("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
-    !text && reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning, variant: "block" }) : null
+    !text && isStreaming && /* @__PURE__ */ jsx30("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u751F\u6210..." }),
+    !text && reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning, variant: "block" }) : null
   ] });
 }
 function AssistantText({
@@ -7097,8 +7287,8 @@ function AssistantText({
     () => ({ sessionId, messageId, sendMessage }),
     [sessionId, messageId, sendMessage]
   );
-  return /* @__PURE__ */ jsxs24("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
-    /* @__PURE__ */ jsx29(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs25("div", { className: cn("text-[15px] leading-8 text-[hsl(var(--foreground))]", className), children: [
+    /* @__PURE__ */ jsx30(CardContext.Provider, { value: cardCtx, children: /* @__PURE__ */ jsx30(
       MarkdownContent,
       {
         mode: "streaming",
@@ -7108,30 +7298,30 @@ function AssistantText({
         children: text
       }
     ) }),
-    reasoning ? /* @__PURE__ */ jsx29(ThinkingBadge, { reasoning }) : null
+    reasoning ? /* @__PURE__ */ jsx30(ThinkingBadge, { reasoning }) : null
   ] });
 }
 function MemoryRefsHint({ refs: rawRefs }) {
   const refs = Array.isArray(rawRefs) ? rawRefs : [];
-  const [expanded, setExpanded] = useState16(false);
+  const [expanded, setExpanded] = useState17(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__ */ jsxs24("div", { className: "ml-4", children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25("div", { className: "ml-4", children: [
+    /* @__PURE__ */ jsxs25(
       "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__ */ jsx29(BookOpen, { size: 12 }),
-          /* @__PURE__ */ jsxs24("span", { children: [
+          /* @__PURE__ */ jsx30(BookOpen, { size: 12 }),
+          /* @__PURE__ */ jsxs25("span", { children: [
             label,
             "\uFF08",
             refs.length,
             "\uFF09"
           ] }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             ChevronRight5,
             {
               size: 10,
@@ -7141,13 +7331,13 @@ function MemoryRefsHint({ refs: rawRefs }) {
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs24("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__ */ jsxs24("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
-        /* @__PURE__ */ jsx29("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
-        /* @__PURE__ */ jsx29("span", { className: "line-clamp-1", children: ref.content_preview }),
-        ref.skill_name && /* @__PURE__ */ jsx29("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__ */ jsxs25("div", { className: "mt-1.5 flex flex-col gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.45)] px-3 py-2", children: [
+      refs.map((ref) => /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-2 text-[11px] text-[hsl(var(--foreground)/0.82)]", children: [
+        /* @__PURE__ */ jsx30("span", { className: "mt-0.5 shrink-0 text-[hsl(var(--primary)/0.75)]", children: "\u2022" }),
+        /* @__PURE__ */ jsx30("span", { className: "line-clamp-1", children: ref.content_preview }),
+        ref.skill_name && /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0 rounded bg-[hsl(var(--primary)/0.12)] px-1.5 py-0.5 text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name })
       ] }, ref.id)),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(
         "a",
         {
           href: MEMORIES_ROUTE,
@@ -7160,9 +7350,9 @@ function MemoryRefsHint({ refs: rawRefs }) {
 }
 
 // src/react/components/chat/CompactionCard.tsx
-import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight6, Loader2 as Loader25, Square as Square2, XCircle } from "lucide-react";
-import { useState as useState17 } from "react";
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight6, Loader2 as Loader25, Square as Square3, XCircle } from "lucide-react";
+import { useState as useState18 } from "react";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var PERCENT_FORMATTER = new Intl.NumberFormat("zh-CN", {
   style: "percent",
   maximumFractionDigits: 0
@@ -7221,7 +7411,7 @@ function CompactionCard({
     ...compaction,
     status: status ?? "completed"
   } : activeCompaction;
-  const [expanded, setExpanded] = useState17(false);
+  const [expanded, setExpanded] = useState18(false);
   if (!source || !source.compaction_id) {
     return null;
   }
@@ -7232,9 +7422,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__ */ jsxs25("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
-    /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs26(
         "button",
         {
           type: "button",
@@ -7245,21 +7435,21 @@ function CompactionCard({
           ),
           "aria-expanded": expanded,
           children: [
-            canExpand ? expanded ? /* @__PURE__ */ jsx30(ChevronDown2, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx30(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
-            /* @__PURE__ */ jsx30("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs25("span", { className: "inline-flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx30(Loader25, { size: 12, className: "animate-spin" }),
+            canExpand ? expanded ? /* @__PURE__ */ jsx31(ChevronDown2, { size: 12, className: "shrink-0" }) : /* @__PURE__ */ jsx31(ChevronRight6, { size: 12, className: "shrink-0" }) : null,
+            /* @__PURE__ */ jsx31("span", { children: source.status === "streaming" ? /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx31(Loader25, { size: 12, className: "animate-spin" }),
               "\u6B63\u5728\u538B\u7F29\u4E0A\u4E0B\u6587"
-            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs25("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
-              /* @__PURE__ */ jsx30(XCircle, { size: 12 }),
+            ] }) : source.status === "failed" ? /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1 text-rose-500/80", children: [
+              /* @__PURE__ */ jsx31(XCircle, { size: 12 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5931\u8D25"
-            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs25("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
-              /* @__PURE__ */ jsx30(Square2, { size: 11 }),
+            ] }) : source.status === "interrupted" ? /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1 text-amber-500/80", children: [
+              /* @__PURE__ */ jsx31(Square3, { size: 11 }),
               "\u4E0A\u4E0B\u6587\u538B\u7F29\u5DF2\u53D6\u6D88"
             ] }) : "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
           ]
         }
       ),
-      canCancel ? /* @__PURE__ */ jsx30(
+      canCancel ? /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -7269,13 +7459,13 @@ function CompactionCard({
         }
       ) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsxs25("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__ */ jsxs25("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsxs25("span", { children: [
+    expanded ? /* @__PURE__ */ jsxs26("div", { className: "mt-1 max-w-3xl rounded-lg border border-[hsl(var(--border))]/70 bg-[hsl(var(--card))]/80 px-3 py-2 text-[11px] leading-relaxed shadow-sm", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsxs26("span", { children: [
           "#",
           shortId(source.compaction_id)
         ] }),
-        /* @__PURE__ */ jsxs25("span", { children: [
+        /* @__PURE__ */ jsxs26("span", { children: [
           "\u8282\u7701 ",
           formatSavedRatio(source.saved_ratio),
           "\uFF08",
@@ -7285,31 +7475,31 @@ function CompactionCard({
           formatTokens(source.tokens_after),
           " token\uFF09"
         ] }),
-        /* @__PURE__ */ jsxs25("span", { children: [
+        /* @__PURE__ */ jsxs26("span", { children: [
           "\u5F52\u6863 ",
           archivedCount,
           " \u4E2A\u5DE5\u5177\u7ED3\u679C"
         ] })
       ] }),
-      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
+      archivedToolCalls.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "mt-2 space-y-1.5", children: archivedToolCalls.map((item, index) => {
         const archivePath = getArchivePath(item, archivedFiles);
-        return /* @__PURE__ */ jsxs25(
+        return /* @__PURE__ */ jsxs26(
           "div",
           {
             className: "rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/35 px-2 py-1.5",
             children: [
-              /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
-                /* @__PURE__ */ jsx30("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
-                item.tool_call_id ? /* @__PURE__ */ jsx30("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
+              /* @__PURE__ */ jsxs26("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[hsl(var(--foreground))]", children: [
+                /* @__PURE__ */ jsx31("span", { className: "font-medium", children: getArchivedToolLabel(item) }),
+                item.tool_call_id ? /* @__PURE__ */ jsx31("span", { className: "font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: item.tool_call_id }) : null
               ] }),
-              archivePath ? /* @__PURE__ */ jsx30("div", { className: "mt-0.5 break-all font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: archivePath }) : null
+              archivePath ? /* @__PURE__ */ jsx31("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__ */ jsx30("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__ */ jsxs25("div", { className: "mt-2 text-rose-500/90", children: [
+      hasSummary ? /* @__PURE__ */ jsx31("pre", { className: "mt-2 max-h-[360px] overflow-auto whitespace-pre-wrap rounded-md border border-[hsl(var(--border))]/70 bg-[hsl(var(--muted))]/25 px-2 py-1.5 font-mono text-[11px] leading-relaxed text-[hsl(var(--foreground))]", children: source.summary_full }) : null,
+      source.status === "failed" && source.failure_reason ? /* @__PURE__ */ jsxs26("div", { className: "mt-2 text-rose-500/90", children: [
         "\u5931\u8D25\u539F\u56E0\uFF1A",
         source.failure_reason
       ] }) : null
@@ -7320,7 +7510,7 @@ function CompactionCard({
 // src/react/components/chat/RenderErrorBoundary.tsx
 import { AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { Component } from "react";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -7353,18 +7543,18 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx31("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx31(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx32("div", { className: "rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx32(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs27("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs27("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__ */ jsx31("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx32("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
@@ -7382,8 +7572,8 @@ import {
   TerminalSquare,
   WandSparkles
 } from "lucide-react";
-import { useEffect as useEffect15, useMemo as useMemo16, useState as useState18 } from "react";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useMemo as useMemo16, useState as useState19 } from "react";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
   if (durationMs == null) return null;
@@ -7461,7 +7651,7 @@ function getTurnStartedAt(events) {
   return null;
 }
 function useElapsedDuration(startedAt, active) {
-  const [now, setNow] = useState18(() => Date.now());
+  const [now, setNow] = useState19(() => Date.now());
   useEffect15(() => {
     if (!active || startedAt == null) {
       return;
@@ -7493,22 +7683,22 @@ function StickyStatusBar({
   }
   const elapsedLabel = formatElapsedDuration(elapsedDuration);
   const Icon = action.Icon;
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "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__ */ jsx32("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__ */ jsx32(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
-        /* @__PURE__ */ jsxs27("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx32("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
-          /* @__PURE__ */ jsxs27("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            elapsedLabel ? /* @__PURE__ */ jsxs27("span", { className: "font-mono", children: [
+        /* @__PURE__ */ jsx33("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-[hsl(var(--primary)/0.12)] text-[hsl(var(--primary))]", children: /* @__PURE__ */ jsx33(Icon, { size: 18, className: Icon === LoaderCircle2 ? "animate-spin" : void 0 }) }),
+        /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx33("div", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: action.label }),
+          /* @__PURE__ */ jsxs28("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            elapsedLabel ? /* @__PURE__ */ jsxs28("span", { className: "font-mono", children: [
               "\u5DF2\u6301\u7EED ",
               elapsedLabel
             ] }) : null,
-            /* @__PURE__ */ jsx32("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
+            /* @__PURE__ */ jsx33("span", { children: "\u70B9\u51FB\u8DF3\u5230\u6700\u65B0\u4F4D\u7F6E" })
           ] })
         ] })
       ]
@@ -7517,7 +7707,7 @@ function StickyStatusBar({
 }
 
 // src/react/components/chat/TurnNavRail.tsx
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function TurnNavRail({
   items,
   activeTurnId,
@@ -7526,14 +7716,14 @@ function TurnNavRail({
   if (items.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "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__ */ jsxs28(
+        return /* @__PURE__ */ jsxs29(
           "button",
           {
             type: "button",
@@ -7541,8 +7731,8 @@ function TurnNavRail({
             "aria-current": isActive ? "true" : void 0,
             className: "group relative flex h-3.5 items-center",
             children: [
-              /* @__PURE__ */ jsx33("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__ */ jsx33(
+              /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute right-full mr-2 hidden max-w-48 truncate whitespace-nowrap rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] px-2.5 py-1.5 text-xs text-[hsl(var(--popover-foreground))] shadow-lg group-hover:block", children: item.title || `\u7B2C ${index + 1} \u8F6E` }),
+              /* @__PURE__ */ jsx34(
                 "span",
                 {
                   className: cn(
@@ -7561,7 +7751,7 @@ function TurnNavRail({
 }
 
 // src/react/components/chat/MessageList.tsx
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -7576,15 +7766,12 @@ function parseModeChange(message) {
   return null;
 }
 function getPlanningDividerKind(message) {
-  if (message.kind === "planning_enter" || message.kind === "planning_exit") {
-    return message.kind;
-  }
   const modeChange = parseModeChange(message);
   if (modeChange?.to === "planning") {
-    return "planning_enter";
+    return "enter";
   }
   if (modeChange?.from === "planning") {
-    return "planning_exit";
+    return "exit";
   }
   return null;
 }
@@ -7759,7 +7946,7 @@ function MessageList({
   const containerRef = useRef11(null);
   const scrollContainerRef = useRef11(null);
   const frameRef = useRef11(null);
-  const [activeTurnId, setActiveTurnId] = useState19(lastTurnId);
+  const [activeTurnId, setActiveTurnId] = useState20(lastTurnId);
   const layoutSignature = useMemo17(
     () => getMessagesMeasureSignature(messages),
     [messages]
@@ -7822,13 +8009,13 @@ function MessageList({
   const handleSelectTurn = useCallback12((turnId) => {
     document.getElementById(turnId)?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       ref: containerRef,
       className: `relative min-h-0 flex-1 ${customization?.classNames?.messageListRoot ?? ""}`,
       children: [
-        turnNavItems.length > 1 ? /* @__PURE__ */ jsx34(
+        turnNavItems.length > 1 ? /* @__PURE__ */ jsx35(
           TurnNavRail,
           {
             items: turnNavItems,
@@ -7836,8 +8023,8 @@ function MessageList({
             onSelectTurn: handleSelectTurn
           }
         ) : null,
-        /* @__PURE__ */ jsxs29(StickToBottom, { className: "h-full overflow-y-hidden", resize: "smooth", children: [
-          /* @__PURE__ */ jsx34(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsxs30(StickToBottom, { className: "h-full overflow-y-hidden", resize: "smooth", children: [
+          /* @__PURE__ */ jsx35(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx35(
             MessageListContent,
             {
               askAnswers,
@@ -7854,7 +8041,7 @@ function MessageList({
               customization
             }
           ) }),
-          /* @__PURE__ */ jsx34(ScrollToBottomButton, {})
+          /* @__PURE__ */ jsx35(ScrollToBottomButton, {})
         ] })
       ]
     }
@@ -7882,8 +8069,8 @@ function MessageListContent({
     }
     scrollToBottom();
   }, [lastTurnId, scrollToBottom]);
-  return /* @__PURE__ */ jsx34("div", { className: `mx-auto max-w-3xl ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs29("div", { className: `min-w-0 flex flex-col gap-8 ${customization?.classNames?.messageListInner ?? ""}`, children: [
-    stickyTurn ? /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35("div", { className: `mx-auto max-w-3xl ${customization?.classNames?.messageListContent ?? ""}`, children: /* @__PURE__ */ jsxs30("div", { className: `min-w-0 flex flex-col gap-8 ${customization?.classNames?.messageListInner ?? ""}`, children: [
+    stickyTurn ? /* @__PURE__ */ jsx35(
       StickyStatusBar,
       {
         sessionId,
@@ -7893,31 +8080,31 @@ function MessageListContent({
         onJumpToLatest: handleJumpToLatest
       }
     ) : null,
-    renderBlocks.length === 0 ? customization?.components?.EmptyState ? /* @__PURE__ */ jsx34(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs29("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
-      /* @__PURE__ */ jsx34(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx34("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-      /* @__PURE__ */ jsx34("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__ */ jsx35(customization.components.EmptyState, {}) : /* @__PURE__ */ jsxs30("div", { className: `flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))] ${customization?.classNames?.emptyState ?? ""}`, children: [
+      /* @__PURE__ */ jsx35(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx35("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+      /* @__PURE__ */ jsx35("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
     ] }) : renderBlocks.map((block, blockIndex) => {
       if (block.type === "message") {
-        return /* @__PURE__ */ jsx34("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx34(
+        return /* @__PURE__ */ jsx35("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx35(
           customization.components.UserMessage,
           {
             message: block.message,
             className: customization.classNames?.userMessage
           }
-        ) : /* @__PURE__ */ jsx34(
+        ) : /* @__PURE__ */ jsx35(
           UserMessageBubble,
           {
             message: block.message,
             className: customization?.classNames?.userMessage
           }
-        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx34(
+        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx35(
           customization.components.ErrorMessage,
           {
             message: block.message,
             className: customization.classNames?.errorMessage
           }
-        ) : /* @__PURE__ */ jsx34(
+        ) : /* @__PURE__ */ jsx35(
           ErrorMessageBlock,
           {
             message: block.message,
@@ -7932,22 +8119,22 @@ function MessageListContent({
             (toolCall) => formatToolName(toolCall.name) === "ExitPlanMode" && toolCall.status !== "error" && toolCall.status !== "cancelled"
           )
         );
-        const isFollowedByPlanningExit = nextBlock?.type === "planning_divider" && nextBlock.kind === "planning_exit";
+        const isFollowedByPlanningExit = nextBlock?.type === "planning_divider" && nextBlock.kind === "exit";
         const showPlanCard = (hasExitPlan || isFollowedByPlanningExit) && onConfirmPlan && sessionStatus === "waiting_for_input";
-        return /* @__PURE__ */ jsxs29(
+        return /* @__PURE__ */ jsxs30(
           "div",
           {
             id: block.anchorId,
             "data-turn-id": block.anchorId,
             className: "msg-animate flex scroll-mt-6 flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx35(
                 RenderErrorBoundary,
                 {
                   label: "\u52A9\u624B\u6D88\u606F",
                   details: block.key,
                   resetKey: getMessagesRenderSignature(block.messages),
-                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx34(
+                  children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx35(
                     customization.components.AssistantTurn,
                     {
                       turnKey: block.key,
@@ -7960,7 +8147,7 @@ function MessageListContent({
                       sessionStatus,
                       customization
                     }
-                  ) : /* @__PURE__ */ jsx34(
+                  ) : /* @__PURE__ */ jsx35(
                     AssistantTurnBlock,
                     {
                       turnKey: block.key,
@@ -7976,13 +8163,13 @@ function MessageListContent({
                   )
                 }
               ),
-              showPlanCard ? /* @__PURE__ */ jsx34(
+              showPlanCard ? /* @__PURE__ */ jsx35(
                 RenderErrorBoundary,
                 {
                   label: "\u89C4\u5212\u6458\u8981",
                   details: block.key,
                   resetKey: `${sessionStatus ?? ""}:${layoutSignature}`,
-                  children: /* @__PURE__ */ jsx34(
+                  children: /* @__PURE__ */ jsx35(
                     PlanSummaryCard,
                     {
                       messages: extractLatestPlanMessages(messages),
@@ -7998,7 +8185,7 @@ function MessageListContent({
         );
       }
       if (block.type === "compaction") {
-        return /* @__PURE__ */ jsx34("div", { className: "msg-animate", children: /* @__PURE__ */ jsx34(
+        return /* @__PURE__ */ jsx35("div", { className: "msg-animate", children: /* @__PURE__ */ jsx35(
           CompactionCard,
           {
             sessionId,
@@ -8007,41 +8194,41 @@ function MessageListContent({
           }
         ) }, block.key);
       }
-      return /* @__PURE__ */ jsx34(PlanningDivider, { kind: block.kind }, block.key);
+      return /* @__PURE__ */ jsx35(PlanningDivider, { kind: block.kind }, block.key);
     }),
-    sessionStatus === "interrupted" && !hasInterruptedTurn ? /* @__PURE__ */ jsx34("div", { className: "flex", children: /* @__PURE__ */ jsx34("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__ */ jsx35("div", { className: "flex", children: /* @__PURE__ */ jsx35("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
   ] }) });
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
   if (isAtBottom) return null;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "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__ */ jsx34(ChevronDown3, { size: 14 }),
-        /* @__PURE__ */ jsx34("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx35(ChevronDown3, { size: 14 }),
+        /* @__PURE__ */ jsx35("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  const isEnter = kind === "planning_enter";
-  return /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx34("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs29("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__ */ jsx34(Lightbulb2, { size: 12 }),
-      /* @__PURE__ */ jsx34("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  const isEnter = kind === "enter";
+  return /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx35("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs30("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
+      /* @__PURE__ */ jsx35(Lightbulb2, { size: 12 }),
+      /* @__PURE__ */ jsx35("span", { children: isEnter ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx34("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx35("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 jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function ChatView({
   sessionId,
   renderAttachments,
@@ -8080,13 +8267,13 @@ function ChatView({
   );
   const customization = { classNames, components, renderers };
   const SkillStatus = components?.SkillStatusBar;
-  return /* @__PURE__ */ jsxs30("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
-    isViewer && /* @__PURE__ */ jsxs30("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__ */ jsx35(Eye, { size: 14 }),
+  return /* @__PURE__ */ jsxs31("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
+    isViewer && /* @__PURE__ */ jsxs31("div", { className: `flex items-center justify-center gap-2 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] py-2 text-xs text-[hsl(var(--muted-foreground))] ${classNames?.viewerBanner ?? ""}`, children: [
+      /* @__PURE__ */ jsx36(Eye, { size: 14 }),
       "\u4F60\u6B63\u5728\u67E5\u770B\u5206\u4EAB\u7684\u4F1A\u8BDD\uFF08\u53EA\u8BFB\uFF09"
     ] }),
-    !isViewer && /* @__PURE__ */ jsx35(ConnectionBanner, {}),
-    /* @__PURE__ */ jsx35(
+    !isViewer && /* @__PURE__ */ jsx36(ConnectionBanner, {}),
+    /* @__PURE__ */ jsx36(
       MessageList,
       {
         sessionId,
@@ -8098,7 +8285,7 @@ function ChatView({
       },
       sessionId
     ),
-    !isViewer && /* @__PURE__ */ jsx35(
+    !isViewer && /* @__PURE__ */ jsx36(
       ChatInput,
       {
         onSend: (msg, _targetSessionId, model) => send(msg, mode, void 0, { model: model || void 0 }),
@@ -8173,4 +8360,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-ZGM3H24C.js.map
+//# sourceMappingURL=chunk-EV225FLR.js.map