@blade-hq/agent-react 2610.0.0-beta.48 → 2610.0.0-beta.49

package/dist/index.js

@@ -1147,7 +1147,145 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo8, useState as useState15 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect13, useMemo as useMemo8, useState as useState16 } from "react";
+
+// src/components/SessionPluginSelector.tsx
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function SessionPluginSelector(props) {
+  return /* @__PURE__ */ jsx2(PluginSelectorState, { ...props }, props.sessionId);
+}
+function PluginSelectorState({ client, sessionId, className, side = "bottom", onChange }) {
+  const [open, setOpen] = useState4(false);
+  const [plugins, setPlugins] = useState4([]);
+  const [loading, setLoading] = useState4(false);
+  const [busy, setBusy] = useState4(false);
+  const [listError, setListError] = useState4(false);
+  const [mutationError, setMutationError] = useState4(false);
+  const alive = useRef4(true);
+  const generation = useRef4(0);
+  const mutationGenerations = useRef4(/* @__PURE__ */ new Map());
+  const desiredActivations = useRef4(/* @__PURE__ */ new Map());
+  const pendingMutations = useRef4(/* @__PURE__ */ new Map());
+  const lifetime = useRef4(0);
+  const request = useRef4(null);
+  useEffect4(() => {
+    alive.current = true;
+    setPlugins([]);
+    setOpen(false);
+    setLoading(false);
+    setBusy(false);
+    setListError(false);
+    setMutationError(false);
+    desiredActivations.current.clear();
+    mutationGenerations.current.clear();
+    pendingMutations.current.clear();
+    return () => {
+      alive.current = false;
+      lifetime.current++;
+      generation.current++;
+      request.current?.abort();
+    };
+  }, [client]);
+  const load = async () => {
+    if (!alive.current) return;
+    request.current?.abort();
+    const controller = new AbortController();
+    request.current = controller;
+    const current = ++generation.current;
+    setLoading(true);
+    setListError(false);
+    try {
+      const result = await client.sessions.listSessionPlugins(sessionId, { signal: controller.signal });
+      if (alive.current && current === generation.current) {
+        setPlugins(result.plugins.map((item) => {
+          const pending = pendingMutations.current.has(item.name);
+          const desired = desiredActivations.current.get(item.name);
+          return pending && desired !== void 0 ? { ...item, active: desired } : item;
+        }));
+      }
+    } catch {
+      if (alive.current && current === generation.current && !controller.signal.aborted) setListError(true);
+    } finally {
+      if (alive.current && current === generation.current) setLoading(false);
+    }
+  };
+  const select = async (name, active) => {
+    desiredActivations.current.set(name, active);
+    const currentLifetime = lifetime.current;
+    const currentMutation = (mutationGenerations.current.get(name) ?? 0) + 1;
+    mutationGenerations.current.set(name, currentMutation);
+    pendingMutations.current.set(name, currentMutation);
+    request.current?.abort();
+    generation.current++;
+    setLoading(false);
+    setBusy(true);
+    setMutationError(false);
+    setPlugins((current) => current.map((item) => item.name === name ? { ...item, active } : item));
+    try {
+      const { plugin } = await client.sessions.setSessionPluginActivation(sessionId, name, active);
+      if (!alive.current || currentLifetime !== lifetime.current) return;
+      if (currentMutation !== mutationGenerations.current.get(name)) {
+        const desired = desiredActivations.current.get(name);
+        if (desired !== void 0 && desired !== plugin.active) void select(name, desired);
+        return;
+      }
+      pendingMutations.current.delete(name);
+      setBusy(pendingMutations.current.size > 0);
+      setPlugins((current) => current.map((item) => item.name === plugin.name ? { ...item, ...plugin } : item));
+      onChange?.(plugin);
+      await load();
+    } catch {
+      if (alive.current && currentLifetime === lifetime.current && currentMutation === mutationGenerations.current.get(name)) {
+        pendingMutations.current.delete(name);
+        setBusy(pendingMutations.current.size > 0);
+        setMutationError(true);
+        void load();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `relative text-xs ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        disabled: !sessionId,
+        "aria-expanded": open,
+        onClick: () => {
+          setOpen(!open);
+          if (!open) void load();
+        },
+        className: "rounded-full border border-[hsl(var(--border))] px-2.5 py-1",
+        children: "\u4F1A\u8BDD\u63D2\u4EF6"
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs("div", { className: `absolute left-0 z-40 my-2 max-h-72 w-72 max-w-[calc(100vw-2rem)] overflow-y-auto rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-3 text-[hsl(var(--popover-foreground))] shadow-lg ${side === "top" ? "bottom-full" : "top-full"}`, children: [
+      loading ? /* @__PURE__ */ jsx2("div", { children: "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026" }) : null,
+      listError ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => void load(), children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5" }) : null,
+      !loading && !listError && !plugins.length ? /* @__PURE__ */ jsx2("div", { children: "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6" }) : null,
+      plugins.map((plugin) => /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: plugin.name }),
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              type: "checkbox",
+              checked: plugin.active,
+              disabled: busy && !plugin.active || !plugin.installed && !plugin.active,
+              onChange: (event) => void select(plugin.name, event.target.checked),
+              "aria-label": `${plugin.name} \u4F1A\u8BDD\u6FC0\u6D3B`
+            }
+          )
+        ] }),
+        plugin.active && plugin.status !== "valid" ? /* @__PURE__ */ jsxs("div", { className: "text-[hsl(var(--muted-foreground))]", children: [
+          plugin.reason || "\u63D2\u4EF6\u6682\u4E0D\u53EF\u7528",
+          /* @__PURE__ */ jsx2("button", { type: "button", disabled: busy, onClick: () => void select(plugin.name, true), className: "ml-2 underline", children: "\u91CD\u8BD5" })
+        ] }) : null
+      ] }, plugin.name)),
+      mutationError ? /* @__PURE__ */ jsx2("div", { children: "\u64CD\u4F5C\u672A\u5B8C\u6210\uFF0C\u8BF7\u91CD\u8BD5" }) : null
+    ] }) : null
+  ] });
+}
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -1179,7 +1317,7 @@ async function copyToClipboard(text) {
 }
 
 // src/components/ReplayBar.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var SPEED_OPTIONS = [1, 2, 5];
 function ReplayBar({
   isReplay,
@@ -1190,7 +1328,7 @@ function ReplayBar({
   className
 }) {
   if (!isReplay) return null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: cn(
@@ -1198,13 +1336,13 @@ function ReplayBar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 font-medium text-[hsl(var(--foreground))]", children: [
-          /* @__PURE__ */ jsx2(Play, { size: 13 }),
+        /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1.5 font-medium text-[hsl(var(--foreground))]", children: [
+          /* @__PURE__ */ jsx3(Play, { size: 13 }),
           "\u56DE\u653E\u6A21\u5F0F"
         ] }),
-        /* @__PURE__ */ jsx2("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u91CD\u73B0\u4E4B\u524D\u7684\u5BF9\u8BDD" }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-0.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-0.5", children: SPEED_OPTIONS.map((option) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx3("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u91CD\u73B0\u4E4B\u524D\u7684\u5BF9\u8BDD" }),
+        /* @__PURE__ */ jsxs2("div", { className: "ml-auto flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-0.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-0.5", children: SPEED_OPTIONS.map((option) => /* @__PURE__ */ jsxs2(
             "button",
             {
               type: "button",
@@ -1223,7 +1361,7 @@ function ReplayBar({
             },
             option
           )) }),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1243,10 +1381,10 @@ function ReplayBar({
 }
 
 // src/components/ReplayMismatchPrompt.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ReplayMismatchPrompt({ mismatch, className }) {
   if (!mismatch) return null;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn(
@@ -1254,19 +1392,19 @@ function ReplayMismatchPrompt({ mismatch, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx3("div", { className: "font-medium text-[hsl(var(--foreground))]", children: "\u8FD9\u53E5\u8BDD\u548C\u4E4B\u524D\u5F55\u5236\u7684\u4E0D\u4E00\u6837" }),
-        /* @__PURE__ */ jsxs2("dl", { className: "mt-2 space-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx3("dt", { className: "shrink-0", children: "\u5F55\u5236\u7684\u662F" }),
-            /* @__PURE__ */ jsx3("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.expectedMessage || "\uFF08\u7A7A\uFF09" })
+        /* @__PURE__ */ jsx4("div", { className: "font-medium text-[hsl(var(--foreground))]", children: "\u8FD9\u53E5\u8BDD\u548C\u4E4B\u524D\u5F55\u5236\u7684\u4E0D\u4E00\u6837" }),
+        /* @__PURE__ */ jsxs3("dl", { className: "mt-2 space-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx4("dt", { className: "shrink-0", children: "\u5F55\u5236\u7684\u662F" }),
+            /* @__PURE__ */ jsx4("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.expectedMessage || "\uFF08\u7A7A\uFF09" })
           ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx3("dt", { className: "shrink-0", children: "\u4F60\u8F93\u5165\u7684" }),
-            /* @__PURE__ */ jsx3("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.actualMessage || "\uFF08\u7A7A\uFF09" })
+          /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx4("dt", { className: "shrink-0", children: "\u4F60\u8F93\u5165\u7684" }),
+            /* @__PURE__ */ jsx4("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.actualMessage || "\uFF08\u7A7A\uFF09" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1275,7 +1413,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
               children: "\u6309\u5F55\u5236\u5185\u5BB9\u7EE7\u7EED"
             }
           ),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1291,7 +1429,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
 }
 
 // src/components/PlanUpdateBlock.tsx
-import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -1435,7 +1573,7 @@ function formatToolResult(result) {
 }
 
 // src/components/PlanUpdateBlock.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var PLAN_STEP_STATUSES = /* @__PURE__ */ new Set(["pending", "in_progress", "completed"]);
 var PLAN_AUTO_COLLAPSE_MS = 5e3;
 function isPlanUpdateTool(toolCall) {
@@ -1490,12 +1628,12 @@ function PlanStepIcon({
   running = false
 }) {
   if (status === "completed") {
-    return /* @__PURE__ */ jsx4(Check, { size, strokeWidth: 2, className: "shrink-0 text-emerald-500" });
+    return /* @__PURE__ */ jsx5(Check, { size, strokeWidth: 2, className: "shrink-0 text-emerald-500" });
   }
   if (status === "in_progress") {
-    return running ? /* @__PURE__ */ jsx4(LoaderCircle, { size, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx4(CircleDot, { size, className: "shrink-0 text-amber-500" });
+    return running ? /* @__PURE__ */ jsx5(LoaderCircle, { size, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx5(CircleDot, { size, className: "shrink-0 text-amber-500" });
   }
-  return /* @__PURE__ */ jsx4(Circle, { size, className: "shrink-0 text-[hsl(var(--muted-foreground))]/60" });
+  return /* @__PURE__ */ jsx5(Circle, { size, className: "shrink-0 text-[hsl(var(--muted-foreground))]/60" });
 }
 function PlanUpdateBlock({
   toolCall,
@@ -1504,10 +1642,10 @@ function PlanUpdateBlock({
 }) {
   const updateKey = `${toolCall.id}:${toolCall.arguments}`;
   const revealKey = autoReveal ? updateKey : null;
-  const [collapsed, setCollapsed] = useState4(!autoReveal);
-  const collapseTimerRef = useRef4(null);
+  const [collapsed, setCollapsed] = useState5(!autoReveal);
+  const collapseTimerRef = useRef5(null);
   const data = parsePlanUpdate(toolCall.arguments);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!revealKey) return;
     if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     setCollapsed(false);
@@ -1516,7 +1654,7 @@ function PlanUpdateBlock({
       collapseTimerRef.current = null;
     }, PLAN_AUTO_COLLAPSE_MS);
   }, [revealKey]);
-  useEffect4(
+  useEffect5(
     () => () => {
       if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     },
@@ -1526,8 +1664,8 @@ function PlanUpdateBlock({
   const completed = data.plan.filter((item) => item.status === "completed").length;
   const currentStep = pickCurrentPlanStep(data.plan);
   const pausedAtCurrentStep = !running && currentStep?.status === "in_progress";
-  return /* @__PURE__ */ jsxs3("section", { className: "overflow-hidden", children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("section", { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
@@ -1544,21 +1682,21 @@ function PlanUpdateBlock({
           !collapsed && "border-b border-[hsl(var(--border))]"
         ),
         children: [
-          collapsed && currentStep ? /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs text-[hsl(var(--foreground))]", children: [
-            /* @__PURE__ */ jsx4(PlanStepIcon, { status: currentStep.status, size: 14, running }),
-            /* @__PURE__ */ jsx4("span", { className: "truncate", children: currentStep.step }),
-            pausedAtCurrentStep ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-[11px] text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
-          ] }) : /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx4(ListChecks, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx4("span", { className: "truncate", children: "\u4EFB\u52A1\u8FDB\u5EA6" }),
-            pausedAtCurrentStep ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          collapsed && currentStep ? /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsx5(PlanStepIcon, { status: currentStep.status, size: 14, running }),
+            /* @__PURE__ */ jsx5("span", { className: "truncate", children: currentStep.step }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-[11px] text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          ] }) : /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx5(ListChecks, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx5("span", { className: "truncate", children: "\u4EFB\u52A1\u8FDB\u5EA6" }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
           ] }),
-          /* @__PURE__ */ jsxs3("span", { className: "shrink-0 text-[11px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "shrink-0 text-[11px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
             completed,
             "/",
             data.plan.length
           ] }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             ChevronDown,
             {
               size: 14,
@@ -1571,7 +1709,7 @@ function PlanUpdateBlock({
         ]
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "div",
       {
         "aria-hidden": collapsed,
@@ -1579,9 +1717,9 @@ function PlanUpdateBlock({
           "grid transition-[grid-template-rows,opacity] duration-300 ease-out motion-reduce:transition-none",
           collapsed ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"
         ),
-        children: /* @__PURE__ */ jsx4("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx4("div", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto px-3 py-2", children: data.plan.length === 0 ? /* @__PURE__ */ jsx4("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4EFB\u52A1\u6B65\u9AA4" }) : data.plan.map((item, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2 py-0.5", children: [
-          /* @__PURE__ */ jsx4("span", { className: "mt-[3px] flex shrink-0", children: /* @__PURE__ */ jsx4(PlanStepIcon, { status: item.status, size: 14, running }) }),
-          /* @__PURE__ */ jsx4(
+        children: /* @__PURE__ */ jsx5("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx5("div", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto px-3 py-2", children: data.plan.length === 0 ? /* @__PURE__ */ jsx5("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4EFB\u52A1\u6B65\u9AA4" }) : data.plan.map((item, index) => /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-2 py-0.5", children: [
+          /* @__PURE__ */ jsx5("span", { className: "mt-[3px] flex shrink-0", children: /* @__PURE__ */ jsx5(PlanStepIcon, { status: item.status, size: 14, running }) }),
+          /* @__PURE__ */ jsx5(
             "span",
             {
               className: cn(
@@ -1604,19 +1742,19 @@ function CurrentPlanPanel({
   className
 }) {
   const { current, updating } = getPlanUpdateDisplayState(messages);
-  const revealBaselinesRef = useRef4(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
+  const revealBaselinesRef = useRef5(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
   const autoReveal = (revealBaselinesRef.current.get(sessionId) ?? 0) !== revealRevision;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!current) return;
     revealBaselinesRef.current.set(sessionId, revealRevision);
   }, [current, revealRevision, sessionId]);
   if (!current && !updating) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: cn("blade-chat-plan mx-auto w-full max-w-[748px] px-4", className), children: [
-    updating ? /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx4(LoaderCircle, { size: 14, className: "shrink-0 animate-spin" }),
-      /* @__PURE__ */ jsx4("span", { children: "\u6B63\u5728\u66F4\u65B0\u4EFB\u52A1\u8FDB\u5EA6\u2026" })
+  return /* @__PURE__ */ jsxs4("div", { className: cn("blade-chat-plan mx-auto w-full max-w-[748px] px-4", className), children: [
+    updating ? /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx5("span", { children: "\u6B63\u5728\u66F4\u65B0\u4EFB\u52A1\u8FDB\u5EA6\u2026" })
     ] }) : null,
-    current ? /* @__PURE__ */ jsx4(
+    current ? /* @__PURE__ */ jsx5(
       PlanUpdateBlock,
       {
         toolCall: current,
@@ -1632,8 +1770,8 @@ function CurrentPlanPanel({
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
 
 // src/components/ChatInput.tsx
-import { useState as useState5 } from "react";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useState as useState6 } from "react";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
 }
@@ -1653,7 +1791,7 @@ function ChatInput({
   queueKey
 }) {
   const trimmed = value.trim();
-  const [sendMode, setSendMode] = useState5("queue");
+  const [sendMode, setSendMode] = useState6("queue");
   void queueKey;
   const canSend = trimmed.length > 0 && (!isStreaming || !isStopping && sendMode === "queue" && !!onAppend);
   const handleSend = async () => {
@@ -1684,14 +1822,14 @@ function ChatInput({
       void handleSend();
     }
   };
-  return /* @__PURE__ */ jsxs4("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: [
-    /* @__PURE__ */ jsx5("div", { className: "mx-auto mb-2 flex max-w-[748px] items-center justify-between px-1 text-xs text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsxs4("fieldset", { className: "flex items-center gap-1 rounded-md border border-[hsl(var(--border))] p-0.5", children: [
-      /* @__PURE__ */ jsx5("legend", { className: "sr-only", children: "\u53D1\u9001\u65B9\u5F0F" }),
-      /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setSendMode("direct"), "aria-pressed": sendMode === "direct", disabled: isStreaming && !onAppend, className: `rounded px-2 py-1 ${sendMode === "direct" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u76F4\u63A5\u63D2\u5165" }),
-      /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setSendMode("queue"), "aria-pressed": sendMode === "queue", className: `rounded px-2 py-1 ${sendMode === "queue" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u6392\u961F\u6267\u884C" })
+  return /* @__PURE__ */ jsxs5("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: [
+    /* @__PURE__ */ jsx6("div", { className: "mx-auto mb-2 flex max-w-[748px] items-center justify-between px-1 text-xs text-[hsl(var(--muted-foreground))]", children: /* @__PURE__ */ jsxs5("fieldset", { className: "flex items-center gap-1 rounded-md border border-[hsl(var(--border))] p-0.5", children: [
+      /* @__PURE__ */ jsx6("legend", { className: "sr-only", children: "\u53D1\u9001\u65B9\u5F0F" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setSendMode("direct"), "aria-pressed": sendMode === "direct", disabled: isStreaming && !onAppend, className: `rounded px-2 py-1 ${sendMode === "direct" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u76F4\u63A5\u63D2\u5165" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setSendMode("queue"), "aria-pressed": sendMode === "queue", className: `rounded px-2 py-1 ${sendMode === "queue" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u6392\u961F\u6267\u884C" })
     ] }) }),
-    /* @__PURE__ */ jsxs4("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs5("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
+      /* @__PURE__ */ jsx6(
         "textarea",
         {
           value,
@@ -1708,10 +1846,10 @@ function ChatInput({
           className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
         }
       ),
-      isStreaming ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-        sendMode === "queue" ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: handleSend, disabled: !canSend, "aria-label": "\u52A0\u5165\u6392\u961F", title: "\u52A0\u5165\u6392\u961F", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] disabled:opacity-40", children: /* @__PURE__ */ jsx5(ArrowUp, { size: 15 }) }) : null,
-        /* @__PURE__ */ jsx5("button", { type: "button", onClick: onStop, disabled: isStopping, "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60", children: isStopping ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Square, { size: 12, fill: "currentColor" }) })
-      ] }) : /* @__PURE__ */ jsx5(
+      isStreaming ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+        sendMode === "queue" ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: handleSend, disabled: !canSend, "aria-label": "\u52A0\u5165\u6392\u961F", title: "\u52A0\u5165\u6392\u961F", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] disabled:opacity-40", children: /* @__PURE__ */ jsx6(ArrowUp, { size: 15 }) }) : null,
+        /* @__PURE__ */ jsx6("button", { type: "button", onClick: onStop, disabled: isStopping, "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60", children: isStopping ? /* @__PURE__ */ jsx6(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx6(Square, { size: 12, fill: "currentColor" }) })
+      ] }) : /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -1720,7 +1858,7 @@ function ChatInput({
           "aria-label": "\u53D1\u9001\u6D88\u606F",
           title: "\u53D1\u9001\u6D88\u606F",
           className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
-          children: /* @__PURE__ */ jsx5(ArrowUp, { size: 15 })
+          children: /* @__PURE__ */ jsx6(ArrowUp, { size: 15 })
         }
       )
     ] })
@@ -1728,16 +1866,16 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect5, useRef as useRef5, useState as useState6 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState7 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var CONNECTION_NOTICE_DELAY_MS = 3e3;
 var CONNECTION_ERROR_DELAY_MS = 15e3;
 function useConnectionNoticePhase(connected) {
-  const [phase, setPhase] = useState6("hidden");
-  const connectedRef = useRef5(connected);
-  const timersRef = useRef5([]);
+  const [phase, setPhase] = useState7("hidden");
+  const connectedRef = useRef6(connected);
+  const timersRef = useRef6([]);
   connectedRef.current = connected;
-  useEffect5(() => {
+  useEffect6(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -1777,14 +1915,14 @@ function useConnectionNoticePhase(connected) {
   return phase;
 }
 function ConnectionBanner({ connection, className }) {
-  const hasConnectedRef = useRef5(connection === "connected" || connection === "reconnecting");
+  const hasConnectedRef = useRef6(connection === "connected" || connection === "reconnecting");
   if (connection === "connected") hasConnectedRef.current = true;
   const connected = connection === "connected";
   const phase = useConnectionNoticePhase(connected);
   if (connected || phase === "hidden") return null;
   const recovering = phase === "recovering";
   const firstConnection = !hasConnectedRef.current;
-  return /* @__PURE__ */ jsx6("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx7("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -1792,10 +1930,10 @@ function ConnectionBanner({ connection, className }) {
         recovering ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
       ),
       children: [
-        /* @__PURE__ */ jsx6("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx6(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx6(TriangleAlert, { size: 14 }) }),
-        /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx6("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
-          /* @__PURE__ */ jsx6("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
+        /* @__PURE__ */ jsx7("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx7(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx7(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx7("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
+          /* @__PURE__ */ jsx7("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
         ] })
       ]
     }
@@ -1804,10 +1942,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo7, useRef as useRef12, useState as useState14 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useMemo as useMemo7, useRef as useRef13, useState as useState15 } 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 useCallback4, useMemo as useMemo3, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3, useRef as useRef7, useState as useState8 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -1844,10 +1982,10 @@ 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 optionsRef = useRef6(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState8(false);
+  const [isAtBottom, updateIsAtBottom] = useState8(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState8(false);
+  const optionsRef = useRef7(null);
   optionsRef.current = options;
   const isSelecting = useCallback4(() => {
     if (!mouseDown) {
@@ -2151,11 +2289,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect6, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef7 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect7, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef8 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect6;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect7;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef7(null);
+  const customTargetScrollTop = useRef8(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -2237,11 +2375,11 @@ import {
   getTextContent,
   normalizeMessageContent
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect9, useRef as useRef10, useState as useState12 } from "react";
+import { useEffect as useEffect10, useRef as useRef11, useState as useState13 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -2251,7 +2389,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState8(false);
+  const [expanded, setExpanded] = useState9(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -2260,8 +2398,8 @@ function AgentLoopBlock({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
+    /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
@@ -2276,12 +2414,12 @@ function AgentLoopBlock({ toolCall }) {
         ),
         title: `\u5B50\u4EFB\u52A1\uFF1A${description}`,
         children: [
-          running ? /* @__PURE__ */ jsx7(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx7(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx7(X, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx7(Bot, { className: iconClass, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs6("span", { className: "min-w-0 truncate", children: [
+          running ? /* @__PURE__ */ jsx8(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx8(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx8(X, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx8(Bot, { className: iconClass, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs7("span", { className: "min-w-0 truncate", children: [
             "\u5B50\u4EFB\u52A1\uFF1A",
             description
           ] }),
-          hasResult ? /* @__PURE__ */ jsx7(
+          hasResult ? /* @__PURE__ */ jsx8(
             ChevronRight,
             {
               size: 14,
@@ -2296,18 +2434,18 @@ function AgentLoopBlock({ toolCall }) {
         ]
       }
     ),
-    expanded && hasResult ? /* @__PURE__ */ jsx7("div", { className: "ml-[18px] mt-1.5 max-h-[400px] overflow-auto whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : null
+    expanded && hasResult ? /* @__PURE__ */ jsx8("div", { className: "ml-[18px] mt-1.5 max-h-[400px] overflow-auto whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : null
   ] });
 }
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useMemo as useMemo5,
-  useRef as useRef8,
-  useState as useState9
+  useRef as useRef9,
+  useState as useState10
 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 function normalizeAdjacentUrlFormatting(value) {
   const protectedSegments = [];
@@ -2322,10 +2460,10 @@ function normalizeAdjacentUrlFormatting(value) {
   return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_, index) => protectedSegments[Number(index)]);
 }
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef8(null);
-  const [copied, setCopied] = useState9(false);
-  const [language, setLanguage] = useState9("");
-  useEffect7(() => {
+  const preRef = useRef9(null);
+  const [copied, setCopied] = useState10(false);
+  const [language, setLanguage] = useState10("");
+  useEffect8(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -2336,10 +2474,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "blade-chat-codeblock-header flex h-[34px] items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] pl-3.5 pr-1.5", children: [
-      /* @__PURE__ */ jsx8("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
-      /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "blade-chat-codeblock-header flex h-[34px] items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] pl-3.5 pr-1.5", children: [
+      /* @__PURE__ */ jsx9("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsxs8(
         "button",
         {
           type: "button",
@@ -2349,13 +2487,13 @@ function CodeBlockPre({ children, node: _node, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx8(Check, { size: 12 }) : /* @__PURE__ */ jsx8(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx8("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx9(Check, { size: 12 }) : /* @__PURE__ */ jsx9(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx9("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       "pre",
       {
         ref: preRef,
@@ -2367,7 +2505,7 @@ function CodeBlockPre({ children, node: _node, ...props }) {
   ] });
 }
 function ExternalAnchor({ node: _node, children, ...props }) {
-  return /* @__PURE__ */ jsx8("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx9("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
@@ -2377,7 +2515,7 @@ function MarkdownContent({ children, className, mode, sessionId }) {
   const resolvedChildren = useMemo5(() => {
     return normalizeAdjacentUrlFormatting(children.replace(SYSTEM_REMINDER_RE, ""));
   }, [children]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     _r,
     {
       className: cn("blade-chat-markdown break-words", className),
@@ -2390,17 +2528,17 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx9("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx10("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect8, useMemo as useMemo6, useRef as useRef9, useState as useState10 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef10, useState as useState11 } from "react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
   textarea.style.height = "auto";
@@ -2408,12 +2546,12 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef9(null);
-  useEffect8(() => {
+  const textareaRef = useRef10(null);
+  useEffect9(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect8(() => {
+  useEffect9(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -2438,12 +2576,12 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState10(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState10(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState10(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState10("");
-  const [submitted, setSubmitted] = useState10(false);
-  useEffect8(() => {
+  const [selections, setSelections] = useState11(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState11(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState11(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState11("");
+  const [submitted, setSubmitted] = useState11(false);
+  useEffect9(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -2541,7 +2679,7 @@ ${parts.join("\n")}`,
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -2549,12 +2687,12 @@ ${parts.join("\n")}`,
         answered ? "max-w-2xl space-y-3 p-3 text-xs text-[hsl(var(--muted-foreground))] opacity-80" : "max-w-lg space-y-5 p-4 text-sm"
       ),
       children: [
-        data.source_loop?.description && /* @__PURE__ */ jsxs8("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        data.source_loop?.description && /* @__PURE__ */ jsxs9("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
           "\u5B50\u667A\u80FD\u4F53\u300C",
           data.source_loop.description,
           "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
         ] }),
-        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx10(
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx11(
           QuestionCard,
           {
             question: q,
@@ -2569,7 +2707,7 @@ ${parts.join("\n")}`,
           },
           q.question
         )),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           NoteField,
           {
             answered,
@@ -2578,7 +2716,7 @@ ${parts.join("\n")}`,
             onChange: setNote
           }
         ),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx10(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -2588,14 +2726,14 @@ ${parts.join("\n")}`,
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs8(
+        submitted && !answered && /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
             disabled: true,
             className: "flex w-full items-center justify-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] opacity-80",
             children: [
-              /* @__PURE__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -2617,30 +2755,30 @@ function QuestionCard({
 }) {
   const multi = question.multiSelect ?? false;
   const customTextareaRef = useAutoResizeTextarea(customText);
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsxs8("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs9("div", { children: [
+    /* @__PURE__ */ jsxs9("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx11(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx10(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx11(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
       question.options.map((opt, optIdx) => {
         const isSel = selected.has(optIdx);
-        return /* @__PURE__ */ jsxs8(
+        return /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
@@ -2654,14 +2792,14 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx10(
+              multi && /* @__PURE__ */ jsx11(
                 "div",
                 {
                   className: cn(
                     "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",
                     isSel && !answered ? "border-[hsl(var(--primary-foreground)/0.6)] bg-[hsl(var(--primary-foreground)/0.2)]" : isSel ? "border-[hsl(var(--primary)/0.45)] bg-[hsl(var(--primary)/0.12)]" : "border-[hsl(var(--border))]"
                   ),
-                  children: isSel && /* @__PURE__ */ jsx10(
+                  children: isSel && /* @__PURE__ */ jsx11(
                     Check,
                     {
                       size: 9,
@@ -2670,9 +2808,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx10("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx11("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx11(
                   "div",
                   {
                     className: cn(
@@ -2689,7 +2827,7 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs8(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs9(
         "div",
         {
           className: cn(
@@ -2699,8 +2837,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx10("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx11("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx11(
               "textarea",
               {
                 ref: customTextareaRef,
@@ -2732,7 +2870,7 @@ function NoteField({
   const textareaRef = useAutoResizeTextarea(note);
   const readOnly = answered || submitted;
   if (answered && !note.trim()) return null;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "label",
     {
       className: cn(
@@ -2742,8 +2880,8 @@ function NoteField({
         readOnly && "cursor-default opacity-70"
       ),
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx11(
           "textarea",
           {
             ref: textareaRef,
@@ -2832,7 +2970,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -2854,12 +2992,12 @@ function ToolCallBlock({
   isActiveQuestion,
   renderer
 }) {
-  const [expanded, setExpanded] = useState11(false);
+  const [expanded, setExpanded] = useState12(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
     if (custom !== null && custom !== void 0) {
-      return /* @__PURE__ */ jsx11(Fragment2, { children: custom });
+      return /* @__PURE__ */ jsx12(Fragment2, { children: custom });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -2872,7 +3010,7 @@ function ToolCallBlock({
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
-      return /* @__PURE__ */ jsx11(
+      return /* @__PURE__ */ jsx12(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -2885,31 +3023,31 @@ function ToolCallBlock({
       );
     }
     if (toolCall.status === "pending") {
-      return /* @__PURE__ */ jsxs9("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }),
-        /* @__PURE__ */ jsx11("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      return /* @__PURE__ */ jsxs10("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx12(LoaderCircle, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx12("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
     const errorDetail = parseAskUserQuestionError(
       typeof toolCall.result === "string" ? toolCall.result : null
     );
-    return /* @__PURE__ */ jsxs9("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
-      /* @__PURE__ */ jsx11("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsx11("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
-      errorDetail?.detail ? /* @__PURE__ */ jsxs9("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx11("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
-        /* @__PURE__ */ jsx11("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
+    return /* @__PURE__ */ jsxs10("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
+      /* @__PURE__ */ jsx12("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsx12("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
+      errorDetail?.detail ? /* @__PURE__ */ jsxs10("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx12("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
+        /* @__PURE__ */ jsx12("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
       ] }) : null
     ] });
   }
   const tone = getToolTone(toolCall.status);
   const displayName = getToolDisplayLabel(toolCall);
   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__ */ jsx11(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx11(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx11(X, { size: 11 }) : /* @__PURE__ */ jsx11(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx12(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx12(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx12(X, { size: 11 }) : /* @__PURE__ */ jsx12(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__ */ jsxs9("div", { className: "blade-chat-tool ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs9("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
-      /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-tool ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs10("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
+      /* @__PURE__ */ jsxs10(
         "button",
         {
           type: "button",
@@ -2917,7 +3055,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__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               ChevronRight,
               {
                 size: 11,
@@ -2927,24 +3065,24 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs9("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs10("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx11("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx12("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx11("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
           ]
         }
       ),
-      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx11("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx12("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
-    expanded && /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx11("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx11("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: formatToolArgs(toolCall.arguments) }),
-      toolCall.result != null && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-        /* @__PURE__ */ jsx11("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx11("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
+    expanded && /* @__PURE__ */ jsxs10("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx12("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx12("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx12("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx12("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: formatToolArgs(toolCall.arguments) }),
+      toolCall.result != null && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+        /* @__PURE__ */ jsx12("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx12("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
       ] })
     ] })
   ] });
@@ -2962,12 +3100,12 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState13(false);
   if (!isStreaming) return null;
-  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-thinking text-xs", children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { className: "blade-chat-thinking text-xs", children: [
+    /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -2975,8 +3113,8 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         "aria-expanded": open,
         className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx12(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          /* @__PURE__ */ jsx13(
             ChevronRight,
             {
               size: 14,
@@ -2989,7 +3127,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         ]
       }
     ),
-    open ? /* @__PURE__ */ jsx12("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
+    open ? /* @__PURE__ */ jsx13("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
@@ -3181,14 +3319,14 @@ function ExecutionToolRow({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx12(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx12(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx12(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx12(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx12(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx12(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx12(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx12(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx12(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx12(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx13(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx13(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx13(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx13(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx13(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx13(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx13(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx13(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx13(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx13(Wrench, { className: iconClass, "aria-hidden": "true" });
   const rowClassName = cn(
     "flex min-w-0 items-center gap-1 py-1.5 text-xs leading-[22px]",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  return /* @__PURE__ */ jsxs10("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
+  return /* @__PURE__ */ jsxs11("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
     icon,
-    /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate", children: label })
+    /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate", children: label })
   ] });
 }
 function AssistantTurnBlock({
@@ -3234,12 +3372,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState12(
+  const [displayMode, setDisplayMode] = useState13(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef10(false);
-  const wasStreamingRef = useRef10(isStreaming);
-  useEffect9(() => {
+  const userSelectedDisplayModeRef = useRef11(false);
+  const wasStreamingRef = useRef11(isStreaming);
+  useEffect10(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -3247,11 +3385,11 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState12(() => Date.now());
+  const [clock, setClock] = useState13(() => Date.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isStreaming || !hasLiveStartTime) return;
     const timer = window.setInterval(() => setClock(Date.now()), 1e3);
     return () => window.clearInterval(timer);
@@ -3259,21 +3397,21 @@ function AssistantTurnBlock({
   const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({ messages, isStreaming, now: clock }) : executionDurationMs;
   const memoryRefs = collectMemoryRefs(messages);
   if (!hasExecutionProcess) {
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       "div",
       {
         "aria-busy": isStreaming || void 0,
         className: "blade-chat-assistant-turn flex flex-col gap-3",
         children: [
-          memoryRefs.length > 0 ? /* @__PURE__ */ jsx12(MemoryRefsHint, { refs: memoryRefs }) : null,
-          hasInterrupted && /* @__PURE__ */ jsx12("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" }),
-          hasFailedWithoutContent && /* @__PURE__ */ jsx12("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+          memoryRefs.length > 0 ? /* @__PURE__ */ jsx13(MemoryRefsHint, { refs: memoryRefs }) : null,
+          hasInterrupted && /* @__PURE__ */ jsx13("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" }),
+          hasFailedWithoutContent && /* @__PURE__ */ jsx13("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
           messages.map((message, index) => {
-            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx12(
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx13(
               "div",
               {
                 className: "flex flex-col gap-3",
-                children: /* @__PURE__ */ jsx12(
+                children: /* @__PURE__ */ jsx13(
                   AssistantMessageContent,
                   {
                     message,
@@ -3289,26 +3427,26 @@ function AssistantTurnBlock({
       }
     );
   }
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       "aria-busy": isStreaming || void 0,
       className: "blade-chat-assistant-turn flex flex-col gap-3",
       children: [
-        memoryRefs.length > 0 ? /* @__PURE__ */ jsx12(MemoryRefsHint, { refs: memoryRefs }) : null,
-        hasInterrupted && /* @__PURE__ */ jsx12("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" }),
-        hasFailedWithoutContent && /* @__PURE__ */ jsx12("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-start gap-2.5", children: [
-          /* @__PURE__ */ jsx12(
+        memoryRefs.length > 0 ? /* @__PURE__ */ jsx13(MemoryRefsHint, { refs: memoryRefs }) : null,
+        hasInterrupted && /* @__PURE__ */ jsx13("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" }),
+        hasFailedWithoutContent && /* @__PURE__ */ jsx13("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+        /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-start gap-2.5", children: [
+          /* @__PURE__ */ jsx13(
             "span",
             {
               className: "grid size-[30px] shrink-0 place-items-center rounded-full bg-[hsl(var(--muted)/0.55)] text-[hsl(var(--foreground))]",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx12(Bot, { size: 16 })
+              children: /* @__PURE__ */ jsx13(Bot, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1 pt-0.5", children: [
-            /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ jsxs11(
               "button",
               {
                 type: "button",
@@ -3321,14 +3459,14 @@ function AssistantTurnBlock({
                 "data-testid": "assistant-execution-summary",
                 className: "inline-flex min-w-0 max-w-full select-none items-center gap-1 bg-transparent p-0 text-left text-xs leading-[22px] text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
                 children: [
-                  /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
+                  /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
                     messages,
                     isStreaming,
                     durationMs: liveExecutionDurationMs,
                     sessionStatus,
                     askAnswers
                   }) }),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     ChevronRight,
                     {
                       size: 14,
@@ -3343,10 +3481,10 @@ function AssistantTurnBlock({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx12("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
+            /* @__PURE__ */ jsx13("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
           ] })
         ] }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx12("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index) => {
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx13("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index) => {
           const isLast = index === messages.length - 1;
           const streamingThis = isStreaming && isLast;
           const text = getMessageText(message);
@@ -3355,14 +3493,14 @@ function AssistantTurnBlock({
           );
           const orderedParts = getOrderedMessageParts(message, toolCalls);
           const showReasoning = !!message.reasoning && isStreaming && index === latestReasoningIndex;
-          return /* @__PURE__ */ jsxs10(
+          return /* @__PURE__ */ jsxs11(
             "div",
             {
               className: "flex flex-col gap-3",
               children: [
-                showReasoning && message.reasoning ? /* @__PURE__ */ jsx12(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx13(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
                 orderedParts.length > 0 ? orderedParts.map(
-                  (part) => part.type === "text" ? /* @__PURE__ */ jsx12(
+                  (part) => part.type === "text" ? /* @__PURE__ */ jsx13(
                     AssistantMessageContent,
                     {
                       message: { ...message, content: part.content, tool_calls: turnToolCalls },
@@ -3371,11 +3509,11 @@ function AssistantTurnBlock({
                       compact: true
                     },
                     part.key
-                  ) : /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
+                  ) : /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
                     const custom = toolCallRenderer?.(toolCall);
-                    return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx12("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(ExecutionToolRow, { toolCall }, toolCall.id);
+                    return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx13("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx13(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx13(ExecutionToolRow, { toolCall }, toolCall.id);
                   }) }, part.key)
-                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx12(
+                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx13(
                   AssistantMessageContent,
                   {
                     message,
@@ -3384,16 +3522,16 @@ function AssistantTurnBlock({
                     compact: true
                   }
                 ) : null,
-                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
+                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
                   const custom = toolCallRenderer?.(toolCall);
-                  return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx12("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(ExecutionToolRow, { toolCall }, toolCall.id);
+                  return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx13("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx13(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx13(ExecutionToolRow, { toolCall }, toolCall.id);
                 }) }) : null
               ]
             },
             message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
           );
         }) }) : null,
-        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx12("div", { className: "ml-10", children: /* @__PURE__ */ jsx12(
+        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx13("div", { className: "ml-10", children: /* @__PURE__ */ jsx13(
           AssistantMessageContent,
           {
             message: finalMessage,
@@ -3401,7 +3539,7 @@ function AssistantTurnBlock({
             streaming: isStreaming && finalMessage === messages[messages.length - 1]
           }
         ) }) : null,
-        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx12(
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx13(
           ToolCallBlock,
           {
             toolCall,
@@ -3426,22 +3564,22 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs }) {
-  const [expanded, setExpanded] = useState12(false);
+  const [expanded, setExpanded] = useState13(false);
   const label = refs.some((ref) => ref.skill_name) ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
-  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
-    /* @__PURE__ */ jsxs10("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
-      /* @__PURE__ */ jsx12(BookOpen, { size: 12 }),
-      /* @__PURE__ */ jsxs10("span", { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
+    /* @__PURE__ */ jsxs11("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
+      /* @__PURE__ */ jsx13(BookOpen, { size: 12 }),
+      /* @__PURE__ */ jsxs11("span", { children: [
         label,
         "\uFF08",
         refs.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ jsx12(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
+      /* @__PURE__ */ jsx13(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
     ] }),
-    expanded ? /* @__PURE__ */ jsx12("div", { className: "mt-2 flex flex-col gap-2 rounded-xl border border-[hsl(var(--border)/0.8)] bg-[hsl(var(--muted)/0.28)] p-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs10("div", { className: "rounded-lg border border-[hsl(var(--border)/0.55)] bg-[hsl(var(--background)/0.72)] px-3 py-2.5 text-xs", children: [
-      /* @__PURE__ */ jsx12("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
-      ref.skill_name ? /* @__PURE__ */ jsx12("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
+    expanded ? /* @__PURE__ */ jsx13("div", { className: "mt-2 flex flex-col gap-2 rounded-xl border border-[hsl(var(--border)/0.8)] bg-[hsl(var(--muted)/0.28)] p-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-[hsl(var(--border)/0.55)] bg-[hsl(var(--background)/0.72)] px-3 py-2.5 text-xs", children: [
+      /* @__PURE__ */ jsx13("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
+      ref.skill_name ? /* @__PURE__ */ jsx13("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
     ] }, ref.id)) }) : null
   ] });
 }
@@ -3455,15 +3593,15 @@ function AssistantMessageContent({
   const imageParts = getImageParts(message.content);
   const fileParts = getFileParts(message.content);
   const failed = message.status === "failed";
-  const failedBadge = failed ? /* @__PURE__ */ jsx12("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
-  const textContent = text ? /* @__PURE__ */ jsx12(
+  const failedBadge = failed ? /* @__PURE__ */ jsx13("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
+  const textContent = text ? /* @__PURE__ */ jsx13(
     "div",
     {
       className: cn(
         "blade-chat-assistant-text",
         compact ? "text-xs leading-[22px] text-[hsl(var(--foreground))]" : "text-[15px] leading-8 text-[hsl(var(--foreground))]"
       ),
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         MarkdownContent,
         {
           mode: streaming ? "streaming" : "static",
@@ -3476,14 +3614,14 @@ function AssistantMessageContent({
   ) : null;
   if (imageParts.length === 0 && fileParts.length === 0) {
     if (!failed) return textContent;
-    return failedBadge || textContent ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+    return failedBadge || textContent ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
       failedBadge,
       textContent
     ] }) : null;
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-3", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3", children: [
     failedBadge,
-    imageParts.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx12(
+    imageParts.length > 0 ? /* @__PURE__ */ jsx13("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx13(
       "img",
       {
         src: part.image_url.url,
@@ -3492,14 +3630,14 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }) : null,
-    fileParts.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs10(
+    fileParts.length > 0 ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs11(
       "div",
       {
         className: "flex min-w-0 items-center gap-1.5 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         title: part.name,
         children: [
-          /* @__PURE__ */ jsx12(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx12("span", { className: "max-w-56 truncate", children: part.name })
+          /* @__PURE__ */ jsx13(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx13("span", { className: "max-w-56 truncate", children: part.name })
         ]
       },
       `${part.name}-${part.data.slice(0, 32)}`
@@ -3510,7 +3648,7 @@ function AssistantMessageContent({
 
 // src/components/RenderErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -3543,26 +3681,26 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx13("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx13(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx14("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx14(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs12("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__ */ jsx13("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx14("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef11, useState as useState13 } from "react";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef12, useState as useState14 } from "react";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -3581,10 +3719,10 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState13(false);
+  const [downloading, setDownloading] = useState14(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs13(
       "a",
       {
         href: artifact.target,
@@ -3595,9 +3733,9 @@ function ArtifactCard({
 ${artifact.target}`,
         className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))]",
         children: [
-          /* @__PURE__ */ jsx14(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx14(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx15(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx15(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
@@ -3632,7 +3770,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "a",
     {
       href: downloadUrl,
@@ -3660,17 +3798,17 @@ function feedbackReasonLabel(reason) {
 }
 function HistoricalResultFeedback({ feedback }) {
   const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       "aria-label": "\u5386\u53F2\u7ED3\u679C\u53CD\u9988",
       className: "mt-3 w-fit max-w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]",
       children: [
-        /* @__PURE__ */ jsxs12("span", { children: [
+        /* @__PURE__ */ jsxs13("span", { children: [
           "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
           feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
         ] }),
-        label ? /* @__PURE__ */ jsxs12("span", { children: [
+        label ? /* @__PURE__ */ jsxs13("span", { children: [
           " \xB7 ",
           label
         ] }) : null
@@ -3687,15 +3825,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState13(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState13(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState13(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState13(false);
-  const [saveError, setSaveError] = useState13(false);
-  const reportedShown = useRef11(false);
-  const latestChoice = useRef11(null);
+  const [saved, setSaved] = useState14(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState14(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState14(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState14(false);
+  const [saveError, setSaveError] = useState14(false);
+  const reportedShown = useRef12(false);
+  const latestChoice = useRef12(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -3704,7 +3842,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -3745,15 +3883,15 @@ function ResultFeedback({
     [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
   );
   if (!eligible) return null;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
@@ -3764,7 +3902,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
@@ -3776,7 +3914,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx14(
+        helpful === false ? /* @__PURE__ */ jsx15("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -3788,9 +3926,9 @@ function ResultFeedback({
           },
           item.value
         )) }) : null,
-        saveError ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx14("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx14(
+        saveError ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx15("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
@@ -3802,7 +3940,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx15("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -3816,14 +3954,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState13(false);
-  const adopted = useRef11(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef11(false);
-  const reportedArtifacts = useRef11(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef11(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState14(false);
+  const adopted = useRef12(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef12(false);
+  const reportedArtifacts = useRef12(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef12(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -3869,15 +4007,15 @@ function PostChatFollowupBlock({
   );
   if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
     return null;
-  return /* @__PURE__ */ jsxs12("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
-    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx14(Sparkles, { size: 14 }),
+  return /* @__PURE__ */ jsxs13("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
+    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs13("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx15(Sparkles, { size: 14 }),
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
-      followup.recaption ? /* @__PURE__ */ jsx14("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
-        /* @__PURE__ */ jsx14("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx14(
+      followup.recaption ? /* @__PURE__ */ jsx15("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+      artifacts.length > 0 ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+        /* @__PURE__ */ jsx15("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx15(
           ArtifactCard,
           {
             artifact,
@@ -3889,7 +4027,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs12(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs13(
           "button",
           {
             type: "button",
@@ -3898,15 +4036,15 @@ function PostChatFollowupBlock({
             className: "flex w-fit items-center gap-0.5 text-[11px] text-[hsl(var(--muted-foreground))]",
             children: [
               expanded ? "\u6536\u8D77" : `\u5C55\u5F00 ${artifacts.length - 3} \u4E2A`,
-              /* @__PURE__ */ jsx14(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+              /* @__PURE__ */ jsx15(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
             ]
           }
         ) : null
       ] }) : null
     ] }) : null,
-    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
-      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs12(
+    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs13("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx15("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -3925,14 +4063,14 @@ function PostChatFollowupBlock({
           },
           className: "group flex items-center gap-2 rounded-xl bg-[hsl(var(--muted)/0.62)] px-3 py-2 text-left text-[13px] disabled:cursor-default disabled:opacity-60",
           children: [
-            /* @__PURE__ */ jsx14("span", { children: suggestion }),
-            /* @__PURE__ */ jsx14(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+            /* @__PURE__ */ jsx15("span", { children: suggestion }),
+            /* @__PURE__ */ jsx15(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
           ]
         },
         suggestion
       ))
     ] }) : null,
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       ResultFeedback,
       {
         followup,
@@ -4007,31 +4145,31 @@ function parseWhatIfPrompt(text) {
 }
 
 // src/components/WhatIfUserBubble.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { fromStep, quotes, userText } = parsed;
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs13("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__ */ jsx15(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx15("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs14("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__ */ jsx16(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx16("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx16("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index) => {
       const clickable = quote.stepNumber != null && !!onQuoteClick;
       const label = quote.stepNumber != null ? `\u6B65\u9AA4${quote.stepNumber} \xB7 ${quote.label}` : quote.label;
-      return /* @__PURE__ */ jsxs13("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
-        /* @__PURE__ */ jsxs13("button", { type: "button", disabled: !clickable, onClick: () => clickable && onQuoteClick(quote.stepNumber), className: "inline-flex max-w-full items-center gap-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:cursor-default", title: clickable ? "\u8DF3\u8F6C\u5230\u5BF9\u5E94\u6B65\u9AA4\u5361\u7247" : void 0, children: [
-          /* @__PURE__ */ jsx15("span", { children: "\u21B3" }),
-          /* @__PURE__ */ jsx15("span", { className: "truncate", children: label })
+      return /* @__PURE__ */ jsxs14("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
+        /* @__PURE__ */ jsxs14("button", { type: "button", disabled: !clickable, onClick: () => clickable && onQuoteClick(quote.stepNumber), className: "inline-flex max-w-full items-center gap-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:cursor-default", title: clickable ? "\u8DF3\u8F6C\u5230\u5BF9\u5E94\u6B65\u9AA4\u5361\u7247" : void 0, children: [
+          /* @__PURE__ */ jsx16("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx16("span", { className: "truncate", children: label })
         ] }),
-        quote.snapshot ? /* @__PURE__ */ jsx15("div", { className: "mt-1 border-l-2 border-[hsl(var(--accent-foreground)/0.35)] pl-2 text-xs leading-relaxed text-[hsl(var(--foreground)/0.8)]", children: /* @__PURE__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+        quote.snapshot ? /* @__PURE__ */ jsx16("div", { className: "mt-1 border-l-2 border-[hsl(var(--accent-foreground)/0.35)] pl-2 text-xs leading-relaxed text-[hsl(var(--foreground)/0.8)]", children: /* @__PURE__ */ jsx16(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
       ] }, `${quote.stepNumber ?? "x"}-${index}`);
     }) }),
-    userText && /* @__PURE__ */ jsx15("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))]", children: /* @__PURE__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+    userText && /* @__PURE__ */ jsx16("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))]", children: /* @__PURE__ */ jsx16(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
   ] });
 }
 
 // src/components/UserMessageBubble.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -4045,10 +4183,10 @@ function UserMessageBubble({ message, className }) {
   const imageParts = getImageParts2(message.content);
   const whatifParsed = text && imageParts.length === 0 && fileParts.length === 0 ? parseWhatIfPrompt(text) : null;
   if (whatifParsed) {
-    return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx16(WhatIfUserBubble, { parsed: whatifParsed }) }) });
+    return /* @__PURE__ */ jsx17("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx17("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx17(WhatIfUserBubble, { parsed: whatifParsed }) }) });
   }
-  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs14("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx16("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs15("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx17("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx17(
       "img",
       {
         src: part.image_url.url,
@@ -4057,21 +4195,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx16("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs14(
+    fileParts.length > 0 && /* @__PURE__ */ jsx17("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs15(
       "div",
       {
         className: "flex items-center gap-1.5 rounded-lg border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         children: [
-          /* @__PURE__ */ jsx16(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx17(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx17("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx16("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx16(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx16(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx16("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ jsx17("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx17(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx17(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx17("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -4080,11 +4218,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = chatErrorForDisplay(getTextContent2(message.content));
-  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text }) });
+  return /* @__PURE__ */ jsx17("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx17("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -4218,25 +4356,25 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsxs15("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
-    isStreaming ? /* @__PURE__ */ jsx17("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-    /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
+    isStreaming ? /* @__PURE__ */ jsx18("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+    /* @__PURE__ */ jsxs16(
       StickToBottom,
       {
         className: "h-full overflow-y-hidden",
         initial: "instant",
         resize: "instant",
         children: [
-          /* @__PURE__ */ jsx17(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsxs15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: [
-            historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx17(LoadOlderSentinel, { ...historyPaging }) : null,
-            /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-col", children: [
-              renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs15("div", { className: "blade-chat-empty", children: [
-                /* @__PURE__ */ jsx17(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-                /* @__PURE__ */ jsx17("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-                /* @__PURE__ */ jsx17("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+          /* @__PURE__ */ jsx18(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsxs16("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: [
+            historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx18(LoadOlderSentinel, { ...historyPaging }) : null,
+            /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 flex-col", children: [
+              renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs16("div", { className: "blade-chat-empty", children: [
+                /* @__PURE__ */ jsx18(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+                /* @__PURE__ */ jsx18("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+                /* @__PURE__ */ jsx18("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
               ] }) : renderBlocks.map((block) => {
                 if (block.type === "message") {
-                  return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx17(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx17(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+                  return /* @__PURE__ */ jsx18("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx18(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx18(ErrorMessageBlock, { message: block.message }) : null }, block.key);
                 }
                 if (block.type === "assistant_turn") {
                   const blockFeedback = block.messages.map(
@@ -4247,14 +4385,14 @@ function MessageList({
                       (message) => message.entry_id === postChatFollowup.assistant_entry_id
                     )
                   );
-                  return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs15(
+                  return /* @__PURE__ */ jsx18("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs16(
                     RenderErrorBoundary,
                     {
                       label: "\u52A9\u624B\u6D88\u606F",
                       details: block.key,
                       resetKey: getMessageResetSignature(block.messages),
                       children: [
-                        /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsx18(
                           AssistantTurnBlock,
                           {
                             messages: block.messages,
@@ -4267,8 +4405,8 @@ function MessageList({
                             sessionId
                           }
                         ),
-                        blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx17(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                        hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx17(
+                        blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx18(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                        hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx18(
                           PostChatFollowupBlock,
                           {
                             followup: postChatFollowup,
@@ -4285,24 +4423,24 @@ function MessageList({
                   ) }, block.key);
                 }
                 if (block.type === "compaction") {
-                  return /* @__PURE__ */ jsxs15(
+                  return /* @__PURE__ */ jsxs16(
                     "div",
                     {
                       className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
                       children: [
-                        /* @__PURE__ */ jsx17(Layers, { size: 12 }),
-                        /* @__PURE__ */ jsx17("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                        /* @__PURE__ */ jsx18(Layers, { size: 12 }),
+                        /* @__PURE__ */ jsx18("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                       ]
                     },
                     block.key
                   );
                 }
-                return /* @__PURE__ */ jsx17(PlanningDivider, { kind: block.kind }, block.key);
+                return /* @__PURE__ */ jsx18(PlanningDivider, { kind: block.kind }, block.key);
               }),
-              sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx17("div", { className: "flex", children: /* @__PURE__ */ jsx17("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" && !isStreaming ? /* @__PURE__ */ jsx18("div", { className: "flex", children: /* @__PURE__ */ jsx18("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
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(
             PinLatestUserMessage,
             {
               userMessageCount: userMessages.length,
@@ -4312,7 +4450,7 @@ function MessageList({
             },
             sessionId ?? "no-session"
           ),
-          /* @__PURE__ */ jsx17(ScrollToBottomButton, {})
+          /* @__PURE__ */ jsx18(ScrollToBottomButton, {})
         ]
       },
       sessionId ?? "no-session"
@@ -4325,10 +4463,10 @@ function LoadOlderSentinel({
   loadOlder
 }) {
   const { contentRef, scrollRef } = useStickToBottomContext();
-  const sentinelRef = useRef12(null);
-  const stateRef = useRef12({ hasOlder, loading, loadOlder });
+  const sentinelRef = useRef13(null);
+  const stateRef = useRef13({ hasOlder, loading, loadOlder });
   stateRef.current = { hasOlder, loading, loadOlder };
-  useEffect11(() => {
+  useEffect12(() => {
     const sentinel = sentinelRef.current;
     const scroller = scrollRef.current;
     if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
@@ -4387,7 +4525,7 @@ function LoadOlderSentinel({
       observer.disconnect();
     };
   }, [contentRef, scrollRef]);
-  return /* @__PURE__ */ jsx17("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx17("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
+  return /* @__PURE__ */ jsx18("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx18("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
 }
 function PinLatestUserMessage({
   userMessageCount,
@@ -4396,8 +4534,8 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef12(userMessageCount);
-  const spacerHeightRef = useRef12(0);
+  const previousCountRef = useRef13(userMessageCount);
+  const spacerHeightRef = useRef13(0);
   const getScrollElement = useCallback7(() => scrollRef.current, [scrollRef]);
   const getContentElement = useCallback7(() => contentRef.current, [contentRef]);
   const getTargetElement = useCallback7(() => {
@@ -4427,7 +4565,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -4437,9 +4575,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState14(false);
-  const hideTimerRef = useRef12(null);
-  useEffect11(() => {
+  const [visible, setVisible] = useState15(false);
+  const hideTimerRef = useRef13(null);
+  useEffect12(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -4470,7 +4608,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
@@ -4478,25 +4616,25 @@ function ScrollToBottomButton() {
       "aria-label": "\u6EDA\u52A8\u5230\u5E95\u90E8",
       className: "blade-chat-scroll-bottom 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__ */ jsx17(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx17("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx18(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx18("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx17("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs15("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__ */ jsx17(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx17("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx18("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs16("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__ */ jsx18(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx18("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx18("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -4532,7 +4670,7 @@ function ChatSurface({
   historyPaging,
   banner
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -4541,14 +4679,14 @@ function ChatSurface({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx18(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx19(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs16("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx18(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx18("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
+        errorMessage && /* @__PURE__ */ jsxs17("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
+          /* @__PURE__ */ jsx19(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx19("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           MessageList,
           {
             messages,
@@ -4570,7 +4708,7 @@ function ChatSurface({
             historyPaging
           }
         ),
-        showPlanUpdates ? /* @__PURE__ */ jsx18(
+        showPlanUpdates ? /* @__PURE__ */ jsx19(
           CurrentPlanPanel,
           {
             messages,
@@ -4581,7 +4719,7 @@ function ChatSurface({
           }
         ) : null,
         beforeInput,
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           ChatInput,
           {
             value: inputText,
@@ -4603,13 +4741,13 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState15(false);
-  const [loginError, setLoginError] = useState15(null);
+  const [loggingIn, setLoggingIn] = useState16(false);
+  const [loginError, setLoginError] = useState16(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -4622,11 +4760,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx19("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs17("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
-    /* @__PURE__ */ jsx19(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx19("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx19("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs18("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
+    /* @__PURE__ */ jsx20(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx20("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx20("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
+    /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -4636,20 +4774,20 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx19("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx20("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState15(0);
-  const [needLogin, setNeedLogin] = useState15(() => !client.hasToken());
+  const [attempt, setAttempt] = useState16(0);
+  const [needLogin, setNeedLogin] = useState16(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx19(
+        children: /* @__PURE__ */ jsx20(
           LoginCard,
           {
             client,
@@ -4662,7 +4800,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx19(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx20(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -4680,7 +4818,7 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState15(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState16(
     () => /* @__PURE__ */ new Map()
   );
   const handleSessionConnected = useCallback8((connectedSession) => {
@@ -4701,12 +4839,12 @@ function ChatSessionView({
     onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState15(false);
-  const [inputText, setInputText] = useState15("");
-  const [resultFeedback, setResultFeedback] = useState15([]);
+  const [stopRequested, setStopRequested] = useState16(false);
+  const [inputText, setInputText] = useState16("");
+  const [resultFeedback, setResultFeedback] = useState16([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
-  useEffect12(() => {
+  useEffect13(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -4741,12 +4879,12 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -4762,12 +4900,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -4789,7 +4927,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ChatSurface,
     {
       theme,
@@ -4799,9 +4937,9 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs17(Fragment4, { children: [
-        resolvedSessionId && !isViewer && sessionPluginControls?.(resolvedSessionId),
-        /* @__PURE__ */ jsx19(
+      banner: /* @__PURE__ */ jsxs18(Fragment4, { children: [
+        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx20(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
+        /* @__PURE__ */ jsx20(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -4811,7 +4949,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx19(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx20(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -4854,11 +4992,11 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect13, useMemo as useMemo9, useState as useState17 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo9, useState as useState18 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState16 } from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useState as useState17 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
   { id: "model", label: "\u6A21\u578B", placeholder: "\u6A21\u578B\u540D\u79F0" },
@@ -4904,13 +5042,13 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState16(false);
-  const [draft, setDraft] = useState16(override);
+  const [open, setOpen] = useState17(false);
+  const [draft, setDraft] = useState17(override);
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs18("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs19(
       "button",
       {
         type: "button",
@@ -4920,16 +5058,16 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx20(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx21(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx21("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs18("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs18("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx20(
+    open && /* @__PURE__ */ jsxs19("div", { className: "mt-2 flex flex-col gap-2", children: [
+      fields.map((field) => /* @__PURE__ */ jsxs19("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx21("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx21(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -4940,9 +5078,9 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
-      /* @__PURE__ */ jsxs18("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx20(
+      normalized.apiKey && /* @__PURE__ */ jsx21("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
+      /* @__PURE__ */ jsxs19("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -4957,7 +5095,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -4976,7 +5114,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -4988,11 +5126,11 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState17(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState18(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState17("");
-  const [stopRequested, setStopRequested] = useState17(false);
+  const [inputText, setInputText] = useState18("");
+  const [stopRequested, setStopRequested] = useState18(false);
   const handle = useMemo9(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
@@ -5002,10 +5140,10 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect13(() => {
+  useEffect14(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ChatSurface,
     {
       theme,
@@ -5030,7 +5168,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx21(
+      beforeInput: advanced ? /* @__PURE__ */ jsx22(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -5048,14 +5186,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function ChatView(props) {
   const { mode, llm, onLlmReady, ...rest } = props;
   if (mode === "llm") {
     if (!llm) {
       throw new Error('ChatView: mode="llm" \u9700\u8981\u540C\u65F6\u4F20 llm={{ baseURL, model }}');
     }
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       LlmChat,
       {
         ...llm,
@@ -5068,7 +5206,7 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx22(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx23(AgentChat, { ...rest });
 }
 
 // src/components/ContextCard.tsx
@@ -5076,16 +5214,16 @@ import {
   getContextDisplayState,
   getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "details",
     {
       className: `blade-chat-context-card group/context-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ jsxs19("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs20("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx24(
             Layers,
             {
               size: 15,
@@ -5093,11 +5231,11 @@ function ContextCard({ context, className }) {
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs19("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+          /* @__PURE__ */ jsxs20("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx24("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx24("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             ChevronDown,
             {
               size: 14,
@@ -5106,7 +5244,7 @@ function ContextCard({ context, className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx23("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
+        /* @__PURE__ */ jsx24("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
       ]
     }
   );
@@ -5115,9 +5253,9 @@ function ContextGroupCard({ contexts, className }) {
   if (contexts.length === 0) return null;
   const single = contexts.length === 1 ? getContextDisplayState(contexts[0]) : null;
   const group = single ? null : getContextGroupDisplayState(contexts);
-  return /* @__PURE__ */ jsxs19("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs19("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-      /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs20("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs20("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+      /* @__PURE__ */ jsx24(
         Layers,
         {
           size: 15,
@@ -5125,11 +5263,11 @@ function ContextGroupCard({ contexts, className }) {
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsxs19("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
-        /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+      /* @__PURE__ */ jsxs20("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx24("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx24("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
       ] }),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         ChevronDown,
         {
           size: 14,
@@ -5138,7 +5276,7 @@ function ContextGroupCard({ contexts, className }) {
         }
       )
     ] }),
-    single ? /* @__PURE__ */ jsx23("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx23("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx23(
+    single ? /* @__PURE__ */ jsx24("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx24("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx24(
       ContextCard,
       {
         context
@@ -5149,8 +5287,8 @@ function ContextGroupCard({ contexts, className }) {
 }
 
 // src/components/SessionMemoryToggle.tsx
-import { useCallback as useCallback9, useEffect as useEffect14, useRef as useRef13, useState as useState18, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useCallback as useCallback9, useEffect as useEffect15, useRef as useRef14, useState as useState19, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
   let clientStates = saveStates.get(client);
@@ -5207,10 +5345,10 @@ function SessionMemoryToggle({
     getSaving,
     getSaving
   );
-  const [draftEnabled, setDraftEnabled] = useState18(enabled);
-  const activeSessionIdRef = useRef13(sessionId);
+  const [draftEnabled, setDraftEnabled] = useState19(enabled);
+  const activeSessionIdRef = useRef14(sessionId);
   activeSessionIdRef.current = sessionId;
-  useEffect14(() => {
+  useEffect15(() => {
     setDraftEnabled(enabled);
   }, [enabled, sessionId]);
   const update = useCallback9(
@@ -5239,9 +5377,9 @@ function SessionMemoryToggle({
     },
     [client, enabled, onError, onSaved, sessionId]
   );
-  return /* @__PURE__ */ jsxs20("label", { className: cn("flex items-center justify-between", className), children: [
-    /* @__PURE__ */ jsx24("span", { className: labelClassName, children: label }),
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs21("label", { className: cn("flex items-center justify-between", className), children: [
+    /* @__PURE__ */ jsx25("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx25(
       "input",
       {
         type: "checkbox",
@@ -5313,6 +5451,7 @@ export {
   ReplayBar,
   ReplayMismatchPrompt,
   SessionMemoryToggle,
+  SessionPluginSelector,
   WhatIfUserBubble,
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,