@blade-hq/agent-react 2610.0.0-beta.53 → 2610.0.0-beta.55

package/dist/index.js

@@ -1554,7 +1554,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment9 = REACT_FRAGMENT_TYPE;
+        var Fragment10 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -1622,7 +1622,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment9;
+        exports.Fragment = Fragment10;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -2888,10 +2888,10 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback26, useEffect as useEffect20, useMemo as useMemo16, useRef as useRef23, useState as useState30 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect21, useMemo as useMemo17, useRef as useRef23, useState as useState31 } from "react";
 
 // src/components/SessionPluginSelector.tsx
-import { useEffect as useEffect10, useRef as useRef10, useState as useState15 } from "react";
+import { useEffect as useEffect11, useState as useState16 } from "react";
 
 // src/components/SessionPluginConfigDialog.tsx
 import { useEffect as useEffect9, useRef as useRef9, useState as useState14 } from "react";
@@ -15469,6 +15469,13 @@ function presentationSchema(schema) {
   }
   return result;
 }
+function ConfigMultiSchemaField(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "rjsf-field", children: [
+    /* @__PURE__ */ jsx2("label", { htmlFor: isValidElement(props.selector) ? props.selector.props.id : void 0, children: "\u914D\u7F6E\u65B9\u5F0F" }),
+    props.selector,
+    props.optionSchemaField
+  ] });
+}
 function ConfigSchemaField(inputProps) {
   const path = inputProps.name === "" && inputProps.onKeyRename ? [...inputProps.fieldPathId.path, ""] : inputProps.fieldPathId.path;
   const props = {
@@ -15658,17 +15665,7 @@ function SessionPluginConfigForm({
         templates: {
           FieldTemplate: ConfigFieldTemplate,
           ArrayFieldItemTemplate: ConfigArrayItem,
-          MultiSchemaFieldTemplate: (props) => /* @__PURE__ */ jsxs("div", { className: "rjsf-field", children: [
-            /* @__PURE__ */ jsx2(
-              "label",
-              {
-                htmlFor: isValidElement(props.selector) ? props.selector.props.id : void 0,
-                children: "\u914D\u7F6E\u65B9\u5F0F"
-              }
-            ),
-            props.selector,
-            props.optionSchemaField
-          ] }),
+          MultiSchemaFieldTemplate: ConfigMultiSchemaField,
           ButtonTemplates: {
             ...defaults.templates.ButtonTemplates,
             AddButton: (props) => /* @__PURE__ */ jsx2(
@@ -15744,10 +15741,10 @@ function iconBlob(client, sessionId, name, token) {
     blobCache = /* @__PURE__ */ new Map();
     clientCaches.set(client, blobCache);
   }
-  const key = `${sessionId}:${name}:${token}`;
+  const key = sessionId ? `${sessionId}:${name}:${token}` : `account:${name}:${token}`;
   const cached2 = blobCache.get(key);
   if (cached2) return cached2;
-  const pending = client.sessions.fetchSessionPluginIcon(sessionId, name).catch(() => {
+  const pending = (sessionId ? client.sessions.fetchSessionPluginIcon(sessionId, name) : client.plugins.fetchIcon(name)).catch(() => {
     blobCache?.delete(key);
     return null;
   });
@@ -15760,7 +15757,7 @@ function SessionPluginIcon({ client, sessionId, plugin, className }) {
   const token = plugin.icon;
   useEffect8(() => {
     setUrl(null);
-    if (!token || !sessionId) return;
+    if (!token) return;
     let alive = true;
     let objectUrl = null;
     void iconBlob(client, sessionId, plugin.name, token).then((blob) => {
@@ -15914,6 +15911,12 @@ function ConfigDialogState({
           event.preventDefault();
           onClose();
         },
+        onKeyDown: (event) => {
+          if (event.key !== "Escape") return;
+          event.preventDefault();
+          event.stopPropagation();
+          onClose();
+        },
         style: {
           position: "fixed",
           inset: 0,
@@ -15975,40 +15978,256 @@ function ConfigDialogState({
   ] });
 }
 
-// src/components/SessionPluginSelector.tsx
+// src/components/plugin-connector.ts
+function catalogToConnectorItems(catalog) {
+  return catalog.map((entry) => ({
+    name: entry.name,
+    display_name: entry.display_name,
+    icon: entry.icon,
+    iconSource: "account",
+    installed: entry.installed,
+    active: false,
+    status: "not_prepared",
+    projected: false
+  }));
+}
+function mergeConnectorItems(sessionPlugins, catalog) {
+  const byName = new Map((catalog ?? []).map((entry) => [entry.name, entry]));
+  return sessionPlugins.map((plugin) => {
+    const entry = byName.get(plugin.name);
+    if (!entry) {
+      return {
+        name: plugin.name,
+        display_name: plugin.display_name ?? null,
+        icon: plugin.icon ?? null,
+        iconSource: "session",
+        installed: plugin.installed,
+        active: plugin.active,
+        status: plugin.status,
+        reason: plugin.reason,
+        config: plugin.config,
+        projected: plugin.projected
+      };
+    }
+    return {
+      name: plugin.name,
+      display_name: entry.display_name ?? plugin.display_name ?? null,
+      icon: entry.icon,
+      iconSource: "account",
+      installed: entry.installed,
+      active: plugin.active,
+      status: plugin.status,
+      reason: plugin.reason,
+      config: plugin.config,
+      projected: plugin.projected
+    };
+  });
+}
+function pluginConnectorSummary(state) {
+  if (state === "configured") return "\u914D\u7F6E\u5DF2\u4FDD\u5B58";
+  if (state === "required") return "\u8FD8\u9700\u8981\u586B\u5199\u914D\u7F6E";
+  if (state === "error") return "\u914D\u7F6E\u58F0\u660E\u6709\u95EE\u9898";
+  return null;
+}
+function filterConnectorItems(items, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return items;
+  return items.filter(
+    (item) => `${item.display_name ?? ""} ${item.name}`.toLowerCase().includes(needle)
+  );
+}
+
+// src/components/PluginConnectorList.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function SessionPluginSelector(props) {
-  return /* @__PURE__ */ jsx5(PluginSelectorState, { ...props }, props.sessionId);
+function PluginSwitch({
+  label,
+  checked,
+  pending,
+  disabled,
+  /** 首页的开关只是"这次输入的待选"，不是"已经启用"，措辞必须跟着分。 */
+  draft = false,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsx5(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": draft ? `${label} \u5F85\u9009` : `${label} \u542F\u7528`,
+      disabled,
+      onClick: () => onToggle(!checked),
+      className: `relative inline-flex h-[18px] w-8 shrink-0 cursor-pointer items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${checked ? "border-transparent bg-[hsl(213_94%_55%)]" : "border-[hsl(var(--border))] bg-[hsl(var(--muted))]"}`,
+      children: /* @__PURE__ */ jsx5(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: `pointer-events-none flex h-3.5 w-3.5 items-center justify-center rounded-full bg-white shadow transition-transform ${checked ? "translate-x-[16px]" : "translate-x-[2px]"}`,
+          children: pending ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 9, className: "animate-spin text-[hsl(var(--muted-foreground))]" }) : null
+        }
+      )
+    }
+  );
 }
-function PluginSelectorState({ client, sessionId, className, side = "bottom", onChange }) {
-  const [open2, setOpen] = useState15(false);
+function PluginConnectorList({
+  client,
+  sessionId,
+  items,
+  inFlight,
+  busy,
+  mutationError,
+  onToggle,
+  onRetry,
+  onEditConfig,
+  configuring,
+  onConfigSaved,
+  onConfigClose,
+  disabledReason,
+  unavailableText,
+  emptyText,
+  draft = false
+}) {
+  const configuringItem = configuring ? items.find((item) => item.name === configuring.name) ?? null : null;
+  return /* @__PURE__ */ jsxs3("div", { className: "py-0.5", children: [
+    disabledReason ? /* @__PURE__ */ jsx5("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: disabledReason }) : null,
+    items.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: unavailableText ?? emptyText }) : null,
+    items.map((item) => {
+      const label = sessionPluginLabel(item);
+      const summary = pluginConnectorSummary(item.config);
+      const actionable = !disabledReason && item.installed !== false || item.active;
+      const pending = Boolean(inFlight[item.name]);
+      const checked = item.active;
+      return /* @__PURE__ */ jsxs3("div", { className: "px-3 py-1", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx5(
+            SessionPluginIcon,
+            {
+              client,
+              sessionId: item.iconSource === "account" ? null : sessionId,
+              plugin: item
+            }
+          ),
+          /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate text-[11px]", title: label, children: label }),
+          /* @__PURE__ */ jsx5(
+            PluginSwitch,
+            {
+              label,
+              checked,
+              pending,
+              draft,
+              disabled: !actionable,
+              onToggle: (next) => onToggle(item, next)
+            }
+          )
+        ] }),
+        !draft && summary && item.config !== "not_required" ? /* @__PURE__ */ jsxs3("div", { className: "mt-0.5 flex items-center gap-2 pl-7 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsx5("span", { children: summary }),
+          item.config === "configured" ? /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              disabled: busy || !sessionId,
+              onClick: () => onEditConfig(item),
+              className: "underline disabled:cursor-not-allowed disabled:opacity-50",
+              children: "\u914D\u7F6E"
+            }
+          ) : null
+        ] }) : null,
+        !draft && item.active && item.status !== "valid" && item.status !== "required" ? /* @__PURE__ */ jsxs3("div", { className: "mt-0.5 flex items-center gap-2 pl-7 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsx5("span", { children: item.reason || "\u63D2\u4EF6\u6682\u4E0D\u53EF\u7528" }),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              disabled: busy,
+              onClick: () => onRetry(item),
+              className: "underline disabled:cursor-not-allowed disabled:opacity-50",
+              children: "\u91CD\u8BD5"
+            }
+          )
+        ] }) : null
+      ] }, item.name);
+    }),
+    mutationError ? /* @__PURE__ */ jsx5("div", { className: "px-3 pt-1 text-[10px] text-[hsl(var(--destructive))]", children: "\u64CD\u4F5C\u672A\u5B8C\u6210\uFF0C\u8BF7\u91CD\u8BD5" }) : null,
+    configuring && configuringItem && sessionId ? /* @__PURE__ */ jsx5(
+      SessionPluginConfigDialog,
+      {
+        client,
+        sessionId,
+        plugin: configuringItem,
+        onSaved: onConfigSaved,
+        onClose: onConfigClose
+      }
+    ) : null
+  ] });
+}
+
+// src/components/use-session-plugin-activation.ts
+import { useCallback as useCallback22, useEffect as useEffect10, useMemo as useMemo11, useRef as useRef10, useState as useState15 } from "react";
+function useSessionPluginActivation({
+  client,
+  sessionId,
+  onChange
+}) {
   const [plugins, setPlugins] = useState15([]);
+  const [catalog, setCatalog] = useState15(null);
   const [loading, setLoading] = useState15(false);
-  const [busy, setBusy] = useState15(false);
   const [listError, setListError] = useState15(false);
   const [mutationError, setMutationError] = useState15(false);
+  const [inFlight, setInFlight] = useState15({});
   const [configuring, setConfiguring] = useState15(null);
-  const latestPlugins = useRef10(plugins);
-  latestPlugins.current = plugins;
   const alive = useRef10(true);
   const generation = useRef10(0);
   const mutationGenerations = useRef10(/* @__PURE__ */ new Map());
   const desiredActivations = useRef10(/* @__PURE__ */ new Map());
   const pendingMutations = useRef10(/* @__PURE__ */ new Map());
+  const submittedActivations = useRef10(/* @__PURE__ */ new Set());
+  const serverActive = useRef10(/* @__PURE__ */ new Set());
   const lifetime = useRef10(0);
   const request = useRef10(null);
+  const [desiredVersion, setDesiredVersion] = useState15(0);
+  const setDesired = useCallback22((name, value) => {
+    if (value === null) {
+      if (!desiredActivations.current.delete(name)) return;
+    } else {
+      if (desiredActivations.current.get(name) === value) return;
+      desiredActivations.current.set(name, value);
+    }
+    setDesiredVersion((version2) => version2 + 1);
+  }, []);
+  const items = useMemo11(() => {
+    void desiredVersion;
+    const merged = mergeConnectorItems(plugins, catalog);
+    return merged.map((item) => {
+      if (configuring?.name === item.name && configuring.pendingActivation) {
+        return { ...item, active: false };
+      }
+      const desired = desiredActivations.current.get(item.name);
+      return desired === void 0 ? item : { ...item, active: desired };
+    });
+  }, [catalog, configuring, desiredVersion, plugins]);
+  const markInFlight = useCallback22((name, on) => {
+    setInFlight((current) => {
+      if (on) return current[name] ? current : { ...current, [name]: true };
+      if (!current[name]) return current;
+      const { [name]: removed, ...rest } = current;
+      void removed;
+      return rest;
+    });
+  }, []);
   useEffect10(() => {
     alive.current = true;
     setPlugins([]);
-    setOpen(false);
+    setCatalog(null);
     setLoading(false);
-    setBusy(false);
     setListError(false);
     setMutationError(false);
+    setInFlight({});
     setConfiguring(null);
     desiredActivations.current.clear();
     mutationGenerations.current.clear();
     pendingMutations.current.clear();
+    submittedActivations.current.clear();
     return () => {
       alive.current = false;
       lifetime.current++;
@@ -16016,7 +16235,7 @@ function PluginSelectorState({ client, sessionId, className, side = "bottom", on
       request.current?.abort();
     };
   }, [client]);
-  const load = async () => {
+  const load = useCallback22(async () => {
     if (!alive.current) return;
     request.current?.abort();
     const controller = new AbortController();
@@ -16027,136 +16246,245 @@ function PluginSelectorState({ client, sessionId, className, side = "bottom", on
     try {
       const result = await client.sessions.listSessionPlugins(sessionId, { signal: controller.signal });
       if (alive.current && current === generation.current) {
+        serverActive.current = new Set(result.plugins.filter((item) => item.active).map((item) => item.name));
         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;
+          return desired === void 0 ? item : { ...item, active: desired };
         }));
-        setConfiguring((current2) => {
-          const fresh = result.plugins.find((item) => item.name === current2?.name);
-          return current2 && fresh ? { ...current2, display_name: fresh.display_name, icon: fresh.icon } : current2;
-        });
       }
     } 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);
+  }, [client, sessionId]);
+  const loadCatalog = useCallback22(async () => {
+    try {
+      const { plugins: entries } = await client.plugins.catalog();
+      if (alive.current) setCatalog(entries);
+    } catch {
+    }
+  }, [client]);
+  const reload = useCallback22(() => {
+    void load();
+    void loadCatalog();
+  }, [load, loadCatalog]);
+  const abandon = useCallback22((name) => {
+    setDesired(name, null);
+    pendingMutations.current.delete(name);
+    mutationGenerations.current.set(name, (mutationGenerations.current.get(name) ?? 0) + 1);
+    markInFlight(name, false);
+    void load();
+  }, [load, markInFlight, setDesired]);
+  const finish = useCallback22((name, mutation) => {
+    pendingMutations.current.delete(name);
+    setDesired(name, null);
+    if (mutation === mutationGenerations.current.get(name)) markInFlight(name, false);
+  }, [markInFlight, setDesired]);
+  const commitActivation = useCallback22(
+    async (name, active, mutation, startedAt) => {
+      submittedActivations.current.add(name);
+      try {
+        const { plugin } = await client.sessions.setSessionPluginActivation(sessionId, name, active);
+        if (!alive.current || startedAt !== lifetime.current) return;
+        if (mutation !== mutationGenerations.current.get(name)) {
+          const desired = desiredActivations.current.get(name);
+          if (desired !== void 0 && desired !== plugin.active) {
+            const next = (mutationGenerations.current.get(name) ?? 0) + 1;
+            mutationGenerations.current.set(name, next);
+            pendingMutations.current.set(name, next);
+            markInFlight(name, true);
+            await commitActivation(name, desired, next, startedAt);
+          }
+          return;
+        }
+        if (active) serverActive.current.add(name);
+        else serverActive.current.delete(name);
+        finish(name, mutation);
+        setPlugins((current) => current.map((item) => item.name === plugin.name ? { ...item, ...plugin } : item));
+        onChange?.(plugin);
+        if (plugin.active && plugin.status === "required") {
+          setConfiguring({ name: plugin.name, pendingActivation: true });
+        }
+        await load();
+      } catch {
+        if (alive.current && startedAt === lifetime.current && mutation === mutationGenerations.current.get(name)) {
+          pendingMutations.current.delete(name);
+          submittedActivations.current.delete(name);
+          setDesired(name, null);
+          markInFlight(name, false);
+          setMutationError(true);
+          void load();
+        }
+      }
+    },
+    [client, finish, load, markInFlight, onChange, sessionId, setDesired]
+  );
+  const enable = useCallback22(async (name) => {
+    if (!alive.current) return;
+    const startedAt = lifetime.current;
+    const mutation = (mutationGenerations.current.get(name) ?? 0) + 1;
+    mutationGenerations.current.set(name, mutation);
+    pendingMutations.current.set(name, mutation);
+    setDesired(name, true);
+    setMutationError(false);
+    markInFlight(name, true);
     request.current?.abort();
     generation.current++;
     setLoading(false);
-    setBusy(true);
-    setMutationError(false);
-    setPlugins((current) => current.map((item) => item.name === name ? { ...item, active } : item));
+    let state;
     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);
-      if (plugin.active && plugin.status === "required") {
-        const row = latestPlugins.current.find((item) => item.name === plugin.name);
-        if (row) setConfiguring({ ...row, ...plugin });
-      }
-      await load();
+      const result = await client.sessions.prepareSessionPluginConfig(sessionId, name);
+      if (!alive.current || startedAt !== lifetime.current || mutation !== mutationGenerations.current.get(name)) return;
+      state = result.config;
     } 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();
-      }
+      if (!alive.current || startedAt !== lifetime.current || mutation !== mutationGenerations.current.get(name)) return;
+      abandon(name);
+      setMutationError(true);
+      return;
+    }
+    if (state.state === "required") {
+      pendingMutations.current.delete(name);
+      markInFlight(name, false);
+      setConfiguring({ name, pendingActivation: true });
+      return;
+    }
+    if (state.state !== "configured" && state.state !== "not_required") {
+      abandon(name);
+      setMutationError(true);
+      return;
     }
-  };
-  const finishPreparation = async (name, state) => {
     setPlugins((current) => current.map((item) => item.name === name ? { ...item, config: state.state } : item));
-    const row = latestPlugins.current.find((item) => item.name === name);
-    if (row?.active && row.status === "required" && state.state === "configured") {
-      await select(name, true);
+    await commitActivation(name, true, mutation, startedAt);
+  }, [abandon, client, commitActivation, markInFlight, sessionId, setDesired]);
+  const disable = useCallback22((name) => {
+    const startedAt = lifetime.current;
+    request.current?.abort();
+    generation.current++;
+    setLoading(false);
+    if (!submittedActivations.current.has(name) && !serverActive.current.has(name)) {
+      abandon(name);
+      return;
+    }
+    const mutation = (mutationGenerations.current.get(name) ?? 0) + 1;
+    mutationGenerations.current.set(name, mutation);
+    pendingMutations.current.set(name, mutation);
+    setDesired(name, false);
+    setMutationError(false);
+    markInFlight(name, true);
+    void commitActivation(name, false, mutation, startedAt);
+  }, [abandon, commitActivation, markInFlight, setDesired]);
+  const toggle = useCallback22((item, next) => {
+    if (next) void enable(item.name);
+    else disable(item.name);
+  }, [disable, enable]);
+  const retry = useCallback22((item) => {
+    void enable(item.name);
+  }, [enable]);
+  const editConfig = useCallback22((item) => {
+    setConfiguring({ name: item.name, pendingActivation: false });
+  }, []);
+  const onConfigSaved = useCallback22((state) => {
+    const target = configuring;
+    if (!target) return;
+    setConfiguring(null);
+    setPlugins((current) => current.map((item) => item.name === target.name ? { ...item, config: state.state } : item));
+    if (!target.pendingActivation || state.state !== "configured") {
+      void load();
       return;
     }
-    await load();
+    const startedAt = lifetime.current;
+    const mutation = (mutationGenerations.current.get(target.name) ?? 0) + 1;
+    mutationGenerations.current.set(target.name, mutation);
+    pendingMutations.current.set(target.name, mutation);
+    setDesired(target.name, true);
+    markInFlight(target.name, true);
+    void commitActivation(target.name, true, mutation, startedAt);
+  }, [commitActivation, configuring, load, markInFlight, setDesired]);
+  const onConfigClose = useCallback22(() => {
+    const target = configuring;
+    if (!target) return;
+    setConfiguring(null);
+    if (target.pendingActivation) abandon(target.name);
+    else void load();
+  }, [abandon, configuring, load]);
+  return {
+    items,
+    loading,
+    listError,
+    mutationError,
+    inFlight,
+    busy: Object.keys(inFlight).length > 0,
+    configuring,
+    reload,
+    toggle,
+    retry,
+    editConfig,
+    onConfigSaved,
+    onConfigClose
   };
-  return /* @__PURE__ */ jsxs3("div", { className: `relative text-xs ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx5(
+}
+
+// src/components/SessionPluginSelector.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function SessionPluginSelector(props) {
+  return /* @__PURE__ */ jsx6(PluginSelectorState, { ...props }, props.sessionId);
+}
+function PluginSelectorState({ client, sessionId, className, side = "bottom", onChange }) {
+  const [open2, setOpen] = useState16(false);
+  return /* @__PURE__ */ jsxs4("div", { className: `relative text-xs ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
         disabled: !sessionId,
         "aria-expanded": open2,
-        onClick: () => {
-          setOpen(!open2);
-          if (!open2) void load();
-        },
+        onClick: () => setOpen(!open2),
         className: "rounded-full border border-[hsl(var(--border))] px-2.5 py-1",
         children: "\u4F1A\u8BDD\u63D2\u4EF6"
       }
     ),
-    open2 ? /* @__PURE__ */ jsxs3("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__ */ jsx5("div", { children: "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026" }) : null,
-      listError ? /* @__PURE__ */ jsx5("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__ */ jsx5("div", { children: "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6" }) : null,
-      plugins.map((plugin) => /* @__PURE__ */ jsxs3("div", { className: "py-1", children: [
-        /* @__PURE__ */ jsxs3("label", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx5(SessionPluginIcon, { client, sessionId, plugin }),
-            /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", title: sessionPluginLabel(plugin), children: sessionPluginLabel(plugin) })
-          ] }),
-          /* @__PURE__ */ jsx5(
-            "input",
-            {
-              type: "checkbox",
-              className: "shrink-0",
-              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.status === "required" ? /* @__PURE__ */ jsxs3("div", { className: "text-[hsl(var(--muted-foreground))]", children: [
-          plugin.reason || "\u8FD8\u9700\u8981\u586B\u5199\u914D\u7F6E",
-          /* @__PURE__ */ jsx5("button", { type: "button", disabled: busy, onClick: () => setConfiguring(plugin), className: "ml-2 underline", children: "\u586B\u5199\u914D\u7F6E" })
-        ] }) : plugin.active && plugin.status !== "valid" ? /* @__PURE__ */ jsxs3("div", { className: "text-[hsl(var(--muted-foreground))]", children: [
-          plugin.reason || "\u63D2\u4EF6\u6682\u4E0D\u53EF\u7528",
-          /* @__PURE__ */ jsx5("button", { type: "button", disabled: busy, onClick: () => void select(plugin.name, true), className: "ml-2 underline", children: "\u91CD\u8BD5" })
-        ] }) : plugin.config && plugin.config !== "not_required" ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-[hsl(var(--muted-foreground))]", children: [
-          configSummary(plugin.config) ? /* @__PURE__ */ jsx5("span", { children: configSummary(plugin.config) }) : null,
-          /* @__PURE__ */ jsx5("button", { type: "button", disabled: !sessionId, onClick: () => setConfiguring(plugin), className: "underline", children: "\u914D\u7F6E" })
-        ] }) : null
-      ] }, plugin.name)),
-      mutationError ? /* @__PURE__ */ jsx5("div", { children: "\u64CD\u4F5C\u672A\u5B8C\u6210\uFF0C\u8BF7\u91CD\u8BD5" }) : null
-    ] }) : null,
-    configuring ? /* @__PURE__ */ jsx5(
-      SessionPluginConfigDialog,
-      {
-        client,
-        sessionId,
-        plugin: configuring,
-        onSaved: (state) => void finishPreparation(configuring.name, state),
-        onClose: () => setConfiguring(null)
-      }
-    ) : null
+    open2 ? /* @__PURE__ */ jsx6(PluginSelectorList, { client, sessionId, side, onChange }) : null
   ] });
 }
-function configSummary(state) {
-  if (state === "configured") return "\u914D\u7F6E\u5DF2\u4FDD\u5B58";
-  if (state === "required") return "\u8FD8\u9700\u8981\u586B\u5199\u914D\u7F6E";
-  if (state === "error") return "\u914D\u7F6E\u58F0\u660E\u6709\u95EE\u9898";
-  return null;
+function PluginSelectorList({
+  client,
+  sessionId,
+  side,
+  onChange
+}) {
+  const controller = useSessionPluginActivation({ client, sessionId, onChange });
+  const { reload } = controller;
+  useEffect11(() => {
+    reload();
+  }, [reload]);
+  return /* @__PURE__ */ jsxs4(
+    "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: [
+        controller.listError ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: reload, children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5" }) : null,
+        /* @__PURE__ */ jsx6(
+          PluginConnectorList,
+          {
+            client,
+            sessionId,
+            items: controller.items,
+            inFlight: controller.inFlight,
+            busy: controller.busy,
+            mutationError: controller.mutationError,
+            onToggle: controller.toggle,
+            onRetry: controller.retry,
+            onEditConfig: controller.editConfig,
+            configuring: controller.configuring,
+            onConfigSaved: controller.onConfigSaved,
+            onConfigClose: controller.onConfigClose,
+            emptyText: "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6"
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/components/SessionQueuePanel.tsx
@@ -16167,7 +16495,7 @@ import {
   queuePauseReasonLabel,
   queuedMessageStatusLabel
 } from "@blade-hq/agent-client";
-import { useRef as useRef11, useState as useState16 } from "react";
+import { useRef as useRef11, useState as useState17 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -16199,7 +16527,7 @@ async function copyToClipboard(text) {
 }
 
 // src/components/SessionQueuePanel.tsx
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ACTION_BUTTON = "flex h-6 w-6 items-center justify-center rounded text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent";
 function SessionQueuePanel({
   snapshot,
@@ -16214,13 +16542,13 @@ function SessionQueuePanel({
   onReorder,
   onDeliver
 }) {
-  const [collapsed, setCollapsed] = useState16(false);
-  const [editing, setEditing] = useState16(
+  const [collapsed, setCollapsed] = useState17(false);
+  const [editing, setEditing] = useState17(
     null
   );
-  const [draggingId, setDraggingId] = useState16(null);
+  const [draggingId, setDraggingId] = useState17(null);
   const requeuePending = useRef11(false);
-  const [requeueing, setRequeueing] = useState16(false);
+  const [requeueing, setRequeueing] = useState17(false);
   const items = snapshot.items;
   if (items.length === 0 && !snapshot.paused && !notice && !editing) return null;
   const pendingIds = items.filter(canEditQueuedMessage).map((item) => item.id);
@@ -16259,23 +16587,23 @@ function SessionQueuePanel({
     next.splice(to, 0, sourceId);
     onReorder(next);
   };
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "section",
     {
       className: "blade-chat-queue shrink-0 border-t border-[hsl(var(--border))] px-4 pt-3",
       "aria-label": "\u5F85\u6267\u884C\u6D88\u606F",
-      children: /* @__PURE__ */ jsxs4("div", { className: "mx-auto max-w-[748px]", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "font-medium text-[hsl(var(--foreground))]", children: [
+      children: /* @__PURE__ */ jsxs5("div", { className: "mx-auto max-w-[748px]", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsxs5("span", { className: "font-medium text-[hsl(var(--foreground))]", children: [
             "\u5F85\u6267\u884C \xB7 ",
             items.length
           ] }),
-          snapshot.paused && /* @__PURE__ */ jsxs4(Fragment4, { children: [
-            /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-1 text-[hsl(var(--destructive))]", children: [
-              /* @__PURE__ */ jsx6(CirclePause, { size: 12 }),
+          snapshot.paused && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+            /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 text-[hsl(var(--destructive))]", children: [
+              /* @__PURE__ */ jsx7(CirclePause, { size: 12 }),
               pauseLabel
             ] }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
@@ -16285,7 +16613,7 @@ function SessionQueuePanel({
               }
             )
           ] }),
-          collapsible && /* @__PURE__ */ jsxs4(
+          collapsible && /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
@@ -16294,18 +16622,18 @@ function SessionQueuePanel({
               className: "ml-auto inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
               children: [
                 collapsed ? "\u5C55\u5F00" : "\u6298\u53E0",
-                /* @__PURE__ */ jsx6(ChevronDown, { size: 12, className: cn(!collapsed && "rotate-180") })
+                /* @__PURE__ */ jsx7(ChevronDown, { size: 12, className: cn(!collapsed && "rotate-180") })
               ]
             }
           )
         ] }),
-        notice && /* @__PURE__ */ jsxs4("div", { className: "blade-chat-queue-notice mt-2 flex items-start gap-1.5 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx6(CircleAlert, { size: 13, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx6("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: notice })
+        notice && /* @__PURE__ */ jsxs5("div", { className: "blade-chat-queue-notice mt-2 flex items-start gap-1.5 text-xs text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx7(CircleAlert, { size: 13, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx7("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: notice })
         ] }),
-        detachedEdit && /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex flex-col gap-2 text-xs", children: [
-          /* @__PURE__ */ jsx6("span", { children: "\u539F\u6D88\u606F\u5DF2\u53D8\u5316\uFF0C\u4FEE\u6539\u5185\u5BB9\u5DF2\u4FDD\u7559" }),
-          /* @__PURE__ */ jsx6(
+        detachedEdit && /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex flex-col gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx7("span", { children: "\u539F\u6D88\u606F\u5DF2\u53D8\u5316\uFF0C\u4FEE\u6539\u5185\u5BB9\u5DF2\u4FDD\u7559" }),
+          /* @__PURE__ */ jsx7(
             "textarea",
             {
               "aria-label": "\u4FDD\u7559\u7684\u4FEE\u6539\u5185\u5BB9",
@@ -16315,9 +16643,9 @@ function SessionQueuePanel({
               className: "w-full rounded border border-[hsl(var(--border))] bg-transparent p-2"
             }
           ),
-          /* @__PURE__ */ jsxs4("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ jsx6("button", { type: "button", className: "rounded border border-[hsl(var(--border))] px-2 py-1", disabled: requeueing, onClick: stopEdit, children: "\u653E\u5F03\u4FEE\u6539" }),
-            onRequeue && /* @__PURE__ */ jsx6("button", { type: "button", className: "rounded bg-[hsl(var(--primary))] px-2 py-1 text-[hsl(var(--primary-foreground))] disabled:opacity-40", disabled: requeueing || !detachedEdit.text.trim(), onClick: async () => {
+          /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx7("button", { type: "button", className: "rounded border border-[hsl(var(--border))] px-2 py-1", disabled: requeueing, onClick: stopEdit, children: "\u653E\u5F03\u4FEE\u6539" }),
+            onRequeue && /* @__PURE__ */ jsx7("button", { type: "button", className: "rounded bg-[hsl(var(--primary))] px-2 py-1 text-[hsl(var(--primary-foreground))] disabled:opacity-40", disabled: requeueing || !detachedEdit.text.trim(), onClick: async () => {
               if (requeuePending.current) return;
               requeuePending.current = true;
               setRequeueing(true);
@@ -16333,7 +16661,7 @@ function SessionQueuePanel({
             }, children: "\u4F5C\u4E3A\u65B0\u6D88\u606F\u6392\u961F" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx6("ul", { className: "mt-2 flex max-h-56 flex-col gap-1.5 overflow-y-auto", children: visibleItems.map((item) => {
+        /* @__PURE__ */ jsx7("ul", { className: "mt-2 flex max-h-56 flex-col gap-1.5 overflow-y-auto", children: visibleItems.map((item) => {
           const position = items.indexOf(item) + 1;
           const pending = canEditQueuedMessage(item);
           const busy = pendingItemId === item.id;
@@ -16341,7 +16669,7 @@ function SessionQueuePanel({
           const pendingIndex = pendingIds.indexOf(item.id);
           const statusLabel = queuedMessageStatusLabel(item.status);
           const deliverable = canDeliver && canDeliverQueuedMessage(item);
-          return /* @__PURE__ */ jsxs4(
+          return /* @__PURE__ */ jsxs5(
             "li",
             {
               draggable: pending && !busy,
@@ -16360,9 +16688,9 @@ function SessionQueuePanel({
                 draggingId === item.id && "opacity-40"
               ),
               children: [
-                /* @__PURE__ */ jsx6("span", { className: "mt-0.5 w-4 shrink-0 text-right tabular-nums text-[hsl(var(--muted-foreground))]", children: position }),
-                /* @__PURE__ */ jsx6("div", { className: "min-w-0 flex-1", children: isEditing ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7("span", { className: "mt-0.5 w-4 shrink-0 text-right tabular-nums text-[hsl(var(--muted-foreground))]", children: position }),
+                /* @__PURE__ */ jsx7("div", { className: "min-w-0 flex-1", children: isEditing ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ jsx7(
                     "textarea",
                     {
                       value: activeEdit?.text ?? "",
@@ -16374,8 +16702,8 @@ function SessionQueuePanel({
                       className: "w-full resize-none rounded border border-[hsl(var(--border))] bg-transparent px-1.5 py-1 text-xs leading-5 text-[hsl(var(--foreground))] outline-none"
                     }
                   ),
-                  /* @__PURE__ */ jsxs4("div", { className: "flex justify-end gap-1.5", children: [
-                    /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-1.5", children: [
+                    /* @__PURE__ */ jsx7(
                       "button",
                       {
                         type: "button",
@@ -16384,7 +16712,7 @@ function SessionQueuePanel({
                         children: "\u53D6\u6D88"
                       }
                     ),
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx7(
                       "button",
                       {
                         type: "button",
@@ -16395,19 +16723,19 @@ function SessionQueuePanel({
                       }
                     )
                   ] })
-                ] }) : /* @__PURE__ */ jsxs4(Fragment4, { children: [
-                  /* @__PURE__ */ jsx6("div", { className: "line-clamp-2 whitespace-pre-wrap break-words text-[hsl(var(--foreground))]", children: item.content }),
-                  /* @__PURE__ */ jsxs4("div", { className: "mt-0.5 flex items-center gap-2 text-[hsl(var(--muted-foreground))]", children: [
-                    statusLabel && /* @__PURE__ */ jsx6("span", { children: statusLabel }),
-                    busy && /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx6(LoaderCircle, { size: 11, className: "animate-spin" }),
+                ] }) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                  /* @__PURE__ */ jsx7("div", { className: "line-clamp-2 whitespace-pre-wrap break-words text-[hsl(var(--foreground))]", children: item.content }),
+                  /* @__PURE__ */ jsxs5("div", { className: "mt-0.5 flex items-center gap-2 text-[hsl(var(--muted-foreground))]", children: [
+                    statusLabel && /* @__PURE__ */ jsx7("span", { children: statusLabel }),
+                    busy && /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx7(LoaderCircle, { size: 11, className: "animate-spin" }),
                       "\u5904\u7406\u4E2D"
                     ] }),
-                    item.error && /* @__PURE__ */ jsx6("span", { className: "text-[hsl(var(--destructive))]", children: item.error })
+                    item.error && /* @__PURE__ */ jsx7("span", { className: "text-[hsl(var(--destructive))]", children: item.error })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-                  /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -16416,10 +16744,10 @@ function SessionQueuePanel({
                       disabled: busy || pendingIndex <= 0,
                       onClick: () => onMove(item, -1),
                       className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx6(ChevronUp, { size: 13 })
+                      children: /* @__PURE__ */ jsx7(ChevronUp, { size: 13 })
                     }
                   ),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -16428,10 +16756,10 @@ function SessionQueuePanel({
                       disabled: busy || pendingIndex < 0 || pendingIndex >= pendingIds.length - 1,
                       onClick: () => onMove(item, 1),
                       className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx6(ChevronDown, { size: 13 })
+                      children: /* @__PURE__ */ jsx7(ChevronDown, { size: 13 })
                     }
                   ),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -16440,10 +16768,10 @@ function SessionQueuePanel({
                       disabled: busy || !canEditQueuedMessage(item),
                       onClick: () => startEdit(item),
                       className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx6(Pencil, { size: 12 })
+                      children: /* @__PURE__ */ jsx7(Pencil, { size: 12 })
                     }
                   ),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -16452,10 +16780,10 @@ function SessionQueuePanel({
                       disabled: busy || !canCancelQueuedMessage(item),
                       onClick: () => onCancel(item),
                       className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx6(Trash2, { size: 12 })
+                      children: /* @__PURE__ */ jsx7(Trash2, { size: 12 })
                     }
                   ),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -16464,7 +16792,7 @@ function SessionQueuePanel({
                       disabled: busy || !deliverable,
                       onClick: () => onDeliver(item),
                       className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx6(Send, { size: 12 })
+                      children: /* @__PURE__ */ jsx7(Send, { size: 12 })
                     }
                   )
                 ] })
@@ -16479,7 +16807,7 @@ function SessionQueuePanel({
 }
 
 // src/components/ReplayBar.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var SPEED_OPTIONS = [1, 2, 5];
 function ReplayBar({
   isReplay,
@@ -16490,7 +16818,7 @@ function ReplayBar({
   className
 }) {
   if (!isReplay) return null;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -16498,13 +16826,13 @@ function ReplayBar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1.5 font-medium text-[hsl(var(--foreground))]", children: [
-          /* @__PURE__ */ jsx7(Play, { size: 13 }),
+        /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1.5 font-medium text-[hsl(var(--foreground))]", children: [
+          /* @__PURE__ */ jsx8(Play, { size: 13 }),
           "\u56DE\u653E\u6A21\u5F0F"
         ] }),
-        /* @__PURE__ */ jsx7("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u91CD\u73B0\u4E4B\u524D\u7684\u5BF9\u8BDD" }),
-        /* @__PURE__ */ jsxs5("div", { className: "ml-auto flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx7("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__ */ jsxs5(
+        /* @__PURE__ */ jsx8("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u91CD\u73B0\u4E4B\u524D\u7684\u5BF9\u8BDD" }),
+        /* @__PURE__ */ jsxs6("div", { className: "ml-auto flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx8("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__ */ jsxs6(
             "button",
             {
               type: "button",
@@ -16523,7 +16851,7 @@ function ReplayBar({
             },
             option
           )) }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -16543,10 +16871,10 @@ function ReplayBar({
 }
 
 // src/components/ReplayMismatchPrompt.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ReplayMismatchPrompt({ mismatch, className }) {
   if (!mismatch) return null;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -16554,19 +16882,19 @@ function ReplayMismatchPrompt({ mismatch, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx8("div", { className: "font-medium text-[hsl(var(--foreground))]", children: "\u8FD9\u53E5\u8BDD\u548C\u4E4B\u524D\u5F55\u5236\u7684\u4E0D\u4E00\u6837" }),
-        /* @__PURE__ */ jsxs6("dl", { className: "mt-2 space-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx8("dt", { className: "shrink-0", children: "\u5F55\u5236\u7684\u662F" }),
-            /* @__PURE__ */ jsx8("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.expectedMessage || "\uFF08\u7A7A\uFF09" })
+        /* @__PURE__ */ jsx9("div", { className: "font-medium text-[hsl(var(--foreground))]", children: "\u8FD9\u53E5\u8BDD\u548C\u4E4B\u524D\u5F55\u5236\u7684\u4E0D\u4E00\u6837" }),
+        /* @__PURE__ */ jsxs7("dl", { className: "mt-2 space-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx9("dt", { className: "shrink-0", children: "\u5F55\u5236\u7684\u662F" }),
+            /* @__PURE__ */ jsx9("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.expectedMessage || "\uFF08\u7A7A\uFF09" })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx8("dt", { className: "shrink-0", children: "\u4F60\u8F93\u5165\u7684" }),
-            /* @__PURE__ */ jsx8("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.actualMessage || "\uFF08\u7A7A\uFF09" })
+          /* @__PURE__ */ jsxs7("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx9("dt", { className: "shrink-0", children: "\u4F60\u8F93\u5165\u7684" }),
+            /* @__PURE__ */ jsx9("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.actualMessage || "\uFF08\u7A7A\uFF09" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs7("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx9(
             "button",
             {
               type: "button",
@@ -16575,7 +16903,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
               children: "\u6309\u5F55\u5236\u5185\u5BB9\u7EE7\u7EED"
             }
           ),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             "button",
             {
               type: "button",
@@ -16591,7 +16919,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
 }
 
 // src/components/PlanUpdateBlock.tsx
-import { useEffect as useEffect11, useRef as useRef12, useState as useState17 } from "react";
+import { useEffect as useEffect12, useRef as useRef12, useState as useState18 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -16735,7 +17063,7 @@ function formatToolResult(result) {
 }
 
 // src/components/PlanUpdateBlock.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var PLAN_STEP_STATUSES = /* @__PURE__ */ new Set(["pending", "in_progress", "completed"]);
 var PLAN_AUTO_COLLAPSE_MS = 5e3;
 function isPlanUpdateTool(toolCall) {
@@ -16790,12 +17118,12 @@ function PlanStepIcon({
   running = false
 }) {
   if (status === "completed") {
-    return /* @__PURE__ */ jsx9(Check, { size, strokeWidth: 2, className: "shrink-0 text-emerald-500" });
+    return /* @__PURE__ */ jsx10(Check, { size, strokeWidth: 2, className: "shrink-0 text-emerald-500" });
   }
   if (status === "in_progress") {
-    return running ? /* @__PURE__ */ jsx9(LoaderCircle, { size, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx9(CircleDot, { size, className: "shrink-0 text-amber-500" });
+    return running ? /* @__PURE__ */ jsx10(LoaderCircle, { size, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx10(CircleDot, { size, className: "shrink-0 text-amber-500" });
   }
-  return /* @__PURE__ */ jsx9(Circle, { size, className: "shrink-0 text-[hsl(var(--muted-foreground))]/60" });
+  return /* @__PURE__ */ jsx10(Circle, { size, className: "shrink-0 text-[hsl(var(--muted-foreground))]/60" });
 }
 function PlanUpdateBlock({
   toolCall,
@@ -16804,10 +17132,10 @@ function PlanUpdateBlock({
 }) {
   const updateKey = `${toolCall.id}:${toolCall.arguments}`;
   const revealKey = autoReveal ? updateKey : null;
-  const [collapsed, setCollapsed] = useState17(!autoReveal);
+  const [collapsed, setCollapsed] = useState18(!autoReveal);
   const collapseTimerRef = useRef12(null);
   const data = parsePlanUpdate(toolCall.arguments);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!revealKey) return;
     if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     setCollapsed(false);
@@ -16816,7 +17144,7 @@ function PlanUpdateBlock({
       collapseTimerRef.current = null;
     }, PLAN_AUTO_COLLAPSE_MS);
   }, [revealKey]);
-  useEffect11(
+  useEffect12(
     () => () => {
       if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     },
@@ -16826,8 +17154,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__ */ jsxs7("section", { className: "overflow-hidden", children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("section", { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs8(
       "button",
       {
         type: "button",
@@ -16844,21 +17172,21 @@ function PlanUpdateBlock({
           !collapsed && "border-b border-[hsl(var(--border))]"
         ),
         children: [
-          collapsed && currentStep ? /* @__PURE__ */ jsxs7("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs text-[hsl(var(--foreground))]", children: [
-            /* @__PURE__ */ jsx9(PlanStepIcon, { status: currentStep.status, size: 14, running }),
-            /* @__PURE__ */ jsx9("span", { className: "truncate", children: currentStep.step }),
-            pausedAtCurrentStep ? /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-[11px] text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
-          ] }) : /* @__PURE__ */ jsxs7("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsx9(ListChecks, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx9("span", { className: "truncate", children: "\u4EFB\u52A1\u8FDB\u5EA6" }),
-            pausedAtCurrentStep ? /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          collapsed && currentStep ? /* @__PURE__ */ jsxs8("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsx10(PlanStepIcon, { status: currentStep.status, size: 14, running }),
+            /* @__PURE__ */ jsx10("span", { className: "truncate", children: currentStep.step }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx10("span", { className: "shrink-0 text-[11px] text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          ] }) : /* @__PURE__ */ jsxs8("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx10(ListChecks, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx10("span", { className: "truncate", children: "\u4EFB\u52A1\u8FDB\u5EA6" }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx10("span", { className: "shrink-0 text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
           ] }),
-          /* @__PURE__ */ jsxs7("span", { className: "shrink-0 text-[11px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+          /* @__PURE__ */ jsxs8("span", { className: "shrink-0 text-[11px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
             completed,
             "/",
             data.plan.length
           ] }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             ChevronDown,
             {
               size: 14,
@@ -16871,7 +17199,7 @@ function PlanUpdateBlock({
         ]
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       "div",
       {
         "aria-hidden": collapsed,
@@ -16879,9 +17207,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__ */ jsx9("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx9("div", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto px-3 py-2", children: data.plan.length === 0 ? /* @__PURE__ */ jsx9("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4EFB\u52A1\u6B65\u9AA4" }) : data.plan.map((item, index) => /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2 py-0.5", children: [
-          /* @__PURE__ */ jsx9("span", { className: "mt-[3px] flex shrink-0", children: /* @__PURE__ */ jsx9(PlanStepIcon, { status: item.status, size: 14, running }) }),
-          /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsx10("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx10("div", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto px-3 py-2", children: data.plan.length === 0 ? /* @__PURE__ */ jsx10("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4EFB\u52A1\u6B65\u9AA4" }) : data.plan.map((item, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-2 py-0.5", children: [
+          /* @__PURE__ */ jsx10("span", { className: "mt-[3px] flex shrink-0", children: /* @__PURE__ */ jsx10(PlanStepIcon, { status: item.status, size: 14, running }) }),
+          /* @__PURE__ */ jsx10(
             "span",
             {
               className: cn(
@@ -16906,17 +17234,17 @@ function CurrentPlanPanel({
   const { current, updating } = getPlanUpdateDisplayState(messages);
   const revealBaselinesRef = useRef12(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
   const autoReveal = (revealBaselinesRef.current.get(sessionId) ?? 0) !== revealRevision;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!current) return;
     revealBaselinesRef.current.set(sessionId, revealRevision);
   }, [current, revealRevision, sessionId]);
   if (!current && !updating) return null;
-  return /* @__PURE__ */ jsxs7("div", { className: cn("blade-chat-plan mx-auto w-full max-w-[748px] px-4", className), children: [
-    updating ? /* @__PURE__ */ jsxs7("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__ */ jsx9(LoaderCircle, { size: 14, className: "shrink-0 animate-spin" }),
-      /* @__PURE__ */ jsx9("span", { children: "\u6B63\u5728\u66F4\u65B0\u4EFB\u52A1\u8FDB\u5EA6\u2026" })
+  return /* @__PURE__ */ jsxs8("div", { className: cn("blade-chat-plan mx-auto w-full max-w-[748px] px-4", className), children: [
+    updating ? /* @__PURE__ */ jsxs8("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__ */ jsx10(LoaderCircle, { size: 14, className: "shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx10("span", { children: "\u6B63\u5728\u66F4\u65B0\u4EFB\u52A1\u8FDB\u5EA6\u2026" })
     ] }) : null,
-    current ? /* @__PURE__ */ jsx9(
+    current ? /* @__PURE__ */ jsx10(
       PlanUpdateBlock,
       {
         toolCall: current,
@@ -16930,7 +17258,7 @@ function CurrentPlanPanel({
 
 // src/components/ChatSurface.tsx
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
-import { useState as useState29 } from "react";
+import { useState as useState30 } from "react";
 
 // src/components/McpAppCard.tsx
 import { BladeApiError } from "@blade-hq/agent-client";
@@ -41782,8 +42110,8 @@ function SF(G, Q2) {
 }
 
 // src/components/McpAppCard.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect12, useLayoutEffect, useRef as useRef13, useState as useState18 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect13, useLayoutEffect, useRef as useRef13, useState as useState19 } from "react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var McpAppMessageContext = createContext3(null);
 function securedHtml(archive) {
   const ui = archive.resourceMeta.ui;
@@ -41829,12 +42157,12 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
   const frame = useRef13(null);
   const panel = useRef13(null);
   const bridgeRef = useRef13(null);
-  const [html, setHtml] = useState18();
-  const [title, setTitle] = useState18("\u5DE5\u5177\u754C\u9762");
-  const [error61, setError] = useState18(null);
-  const [ready, setReady] = useState18(false);
-  const [expanded, setExpanded] = useState18(false);
-  const [height, setHeight] = useState18(360);
+  const [html, setHtml] = useState19();
+  const [title, setTitle] = useState19("\u5DE5\u5177\u754C\u9762");
+  const [error61, setError] = useState19(null);
+  const [ready, setReady] = useState19(false);
+  const [expanded, setExpanded] = useState19(false);
+  const [height, setHeight] = useState19(360);
   useLayoutEffect(() => {
     const dialog = panel.current;
     if (!dialog) return;
@@ -41842,7 +42170,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
     if (expanded) dialog.showModal();
     else dialog.show();
   }, [expanded]);
-  useEffect12(() => {
+  useEffect13(() => {
     const controller = new AbortController();
     let bridge;
     let disposed = false;
@@ -41998,7 +42326,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
     setExpanded(!expanded);
     bridgeRef.current?.setHostContext({ displayMode: expanded ? "inline" : "fullscreen" });
   };
-  return /* @__PURE__ */ jsxs8("dialog", { ref: panel, onCancel: () => {
+  return /* @__PURE__ */ jsxs9("dialog", { ref: panel, onCancel: () => {
     setExpanded(false);
     bridgeRef.current?.setHostContext({ displayMode: "inline" });
   }, className: "blade-mcp-app", style: expanded ? {
@@ -42020,12 +42348,12 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
     display: "flex",
     flexDirection: "column"
   } : { position: "relative", margin: 0, padding: 0, width: "100%", maxWidth: "none", maxHeight: "none", border: "1px solid #d4d4d8", borderRadius: 6, overflow: "hidden", background: "white" }, children: [
-    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "8px 12px", color: "#27272a" }, children: [
-      /* @__PURE__ */ jsx10("span", { children: title }),
-      /* @__PURE__ */ jsx10("button", { type: "button", onClick: toggle, title: expanded ? "\u6536\u8D77" : "\u5C55\u5F00", "aria-label": expanded ? "\u6536\u8D77" : "\u5C55\u5F00", style: { width: 32, height: 32, display: "grid", placeItems: "center", background: "transparent", border: 0, padding: 0 }, children: expanded ? /* @__PURE__ */ jsx10(Minimize2, { size: 16 }) : /* @__PURE__ */ jsx10(Maximize2, { size: 16 }) })
+    /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "8px 12px", color: "#27272a" }, children: [
+      /* @__PURE__ */ jsx11("span", { children: title }),
+      /* @__PURE__ */ jsx11("button", { type: "button", onClick: toggle, title: expanded ? "\u6536\u8D77" : "\u5C55\u5F00", "aria-label": expanded ? "\u6536\u8D77" : "\u5C55\u5F00", style: { width: 32, height: 32, display: "grid", placeItems: "center", background: "transparent", border: 0, padding: 0 }, children: expanded ? /* @__PURE__ */ jsx11(Minimize2, { size: 16 }) : /* @__PURE__ */ jsx11(Maximize2, { size: 16 }) })
     ] }),
-    error61 ? /* @__PURE__ */ jsx10("p", { role: "alert", style: { padding: 12, color: "#b91c1c" }, children: error61 }) : !ready ? /* @__PURE__ */ jsx10("output", { style: { padding: 12 }, children: "\u6B63\u5728\u52A0\u8F7D" }) : null,
-    /* @__PURE__ */ jsx10(
+    error61 ? /* @__PURE__ */ jsx11("p", { role: "alert", style: { padding: 12, color: "#b91c1c" }, children: error61 }) : !ready ? /* @__PURE__ */ jsx11("output", { style: { padding: 12 }, children: "\u6B63\u5728\u52A0\u8F7D" }) : null,
+    /* @__PURE__ */ jsx11(
       "iframe",
       {
         ref: frame,
@@ -42040,8 +42368,8 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
 }
 
 // src/components/ChatInput.tsx
-import { useRef as useRef14, useState as useState19 } from "react";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useRef as useRef14, useState as useState20 } from "react";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
 }
@@ -42065,7 +42393,7 @@ function ChatInput({
   const latestValue = useRef14(value);
   latestValue.current = value;
   const sending = useRef14(false);
-  const [isSending2, setIsSending] = useState19(false);
+  const [isSending2, setIsSending] = useState20(false);
   void queueKey;
   const canSend = !isSending2 && (trimmed.length > 0 || hasAttachments) && (!isStreaming || !hasAttachments && !isStopping && !!onAppend);
   const handleSend = async () => {
@@ -42093,8 +42421,8 @@ function ChatInput({
       void handleSend();
     }
   };
-  return /* @__PURE__ */ jsx11("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs9("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__ */ jsx11(
+  return /* @__PURE__ */ jsx12("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs10("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__ */ jsx12(
       "textarea",
       {
         value,
@@ -42111,10 +42439,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__ */ jsxs9(Fragment5, { children: [
-      /* @__PURE__ */ jsx11("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__ */ jsx11(ArrowUp, { size: 15 }) }),
-      /* @__PURE__ */ jsx11("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__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx11(Square, { size: 12, fill: "currentColor" }) })
-    ] }) : /* @__PURE__ */ jsx11(
+    isStreaming ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
+      /* @__PURE__ */ jsx12("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__ */ jsx12(ArrowUp, { size: 15 }) }),
+      /* @__PURE__ */ jsx12("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__ */ jsx12(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx12(Square, { size: 12, fill: "currentColor" }) })
+    ] }) : /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
@@ -42123,23 +42451,23 @@ 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__ */ jsx11(ArrowUp, { size: 15 })
+        children: /* @__PURE__ */ jsx12(ArrowUp, { size: 15 })
       }
     )
   ] }) });
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect13, useRef as useRef15, useState as useState20 } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useRef as useRef15, useState as useState21 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var CONNECTION_NOTICE_DELAY_MS = 3e3;
 var CONNECTION_ERROR_DELAY_MS = 15e3;
 function useConnectionNoticePhase(connected) {
-  const [phase, setPhase] = useState20("hidden");
+  const [phase, setPhase] = useState21("hidden");
   const connectedRef = useRef15(connected);
   const timersRef = useRef15([]);
   connectedRef.current = connected;
-  useEffect13(() => {
+  useEffect14(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -42186,7 +42514,7 @@ function ConnectionBanner({ connection, className }) {
   if (connected || phase === "hidden") return null;
   const recovering = phase === "recovering";
   const firstConnection = !hasConnectedRef.current;
-  return /* @__PURE__ */ jsx12("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx13("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -42194,10 +42522,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__ */ jsx12("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx12(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx12(TriangleAlert, { size: 14 }) }),
-        /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx12("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__ */ jsx12("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__ */ jsx13("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx13(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx13(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx13("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__ */ jsx13("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" })
         ] })
       ]
     }
@@ -42206,10 +42534,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback25, useEffect as useEffect19, useMemo as useMemo15, useRef as useRef22, useState as useState28 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect20, useMemo as useMemo16, useRef as useRef22, useState as useState29 } 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 useCallback22, useMemo as useMemo11, useRef as useRef16, useState as useState21 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo12, useRef as useRef16, useState as useState22 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -42246,12 +42574,12 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState21(false);
-  const [isAtBottom, updateIsAtBottom] = useState21(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState21(false);
+  const [escapedFromLock, updateEscapedFromLock] = useState22(false);
+  const [isAtBottom, updateIsAtBottom] = useState22(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState22(false);
   const optionsRef = useRef16(null);
   optionsRef.current = options;
-  const isSelecting = useCallback22(() => {
+  const isSelecting = useCallback23(() => {
     if (!mouseDown) {
       return false;
     }
@@ -42262,15 +42590,15 @@ var useStickToBottom = (options = {}) => {
     const range = selection.getRangeAt(0);
     return range.commonAncestorContainer.contains(scrollRef.current) || scrollRef.current?.contains(range.commonAncestorContainer);
   }, []);
-  const setIsAtBottom = useCallback22((isAtBottom2) => {
+  const setIsAtBottom = useCallback23((isAtBottom2) => {
     state.isAtBottom = isAtBottom2;
     updateIsAtBottom(isAtBottom2);
   }, []);
-  const setEscapedFromLock = useCallback22((escapedFromLock2) => {
+  const setEscapedFromLock = useCallback23((escapedFromLock2) => {
     state.escapedFromLock = escapedFromLock2;
     updateEscapedFromLock(escapedFromLock2);
   }, []);
-  const state = useMemo11(() => {
+  const state = useMemo12(() => {
     let lastCalculation;
     return {
       escapedFromLock,
@@ -42323,7 +42651,7 @@ var useStickToBottom = (options = {}) => {
       }
     };
   }, []);
-  const scrollToBottom = useCallback22((scrollOptions = {}) => {
+  const scrollToBottom = useCallback23((scrollOptions = {}) => {
     if (typeof scrollOptions === "string") {
       scrollOptions = { animation: scrollOptions };
     }
@@ -42408,11 +42736,11 @@ var useStickToBottom = (options = {}) => {
     }
     return next();
   }, [setIsAtBottom, isSelecting, state]);
-  const stopScroll = useCallback22(() => {
+  const stopScroll = useCallback23(() => {
     setEscapedFromLock(true);
     setIsAtBottom(false);
   }, [setEscapedFromLock, setIsAtBottom]);
-  const handleScroll = useCallback22(({ target }) => {
+  const handleScroll = useCallback23(({ target }) => {
     if (target !== scrollRef.current) {
       return;
     }
@@ -42451,7 +42779,7 @@ var useStickToBottom = (options = {}) => {
       }
     }, 1);
   }, [setEscapedFromLock, setIsAtBottom, isSelecting, state]);
-  const handleWheel = useCallback22(({ target, deltaY }) => {
+  const handleWheel = useCallback23(({ target, deltaY }) => {
     let element = target;
     while (!["scroll", "auto"].includes(getComputedStyle(element).overflow)) {
       if (!element.parentElement) {
@@ -42521,7 +42849,7 @@ var useStickToBottom = (options = {}) => {
   };
 };
 function useRefCallback(callback, deps) {
-  const result = useCallback22((ref) => {
+  const result = useCallback23((ref) => {
     result.current = ref;
     return callback(ref);
   }, deps);
@@ -42553,9 +42881,9 @@ 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 createContext4, useContext as useContext4, useEffect as useEffect14, useImperativeHandle, useLayoutEffect as useLayoutEffect2, useMemo as useMemo12, useRef as useRef17 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect15, useImperativeHandle, useLayoutEffect as useLayoutEffect2, useMemo as useMemo13, useRef as useRef17 } from "react";
 var StickToBottomContext = createContext4(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect2 : useEffect14;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect2 : useEffect15;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
   const customTargetScrollTop = useRef17(null);
   const targetScrollTop = React.useCallback((target, elements) => {
@@ -42571,7 +42899,7 @@ function StickToBottom({ instance, children, resize, initial, mass, damping, sti
     targetScrollTop
   });
   const { scrollRef, contentRef, scrollToBottom, stopScroll, isAtBottom, escapedFromLock, state } = instance ?? defaultInstance;
-  const context = useMemo12(() => ({
+  const context = useMemo13(() => ({
     scrollToBottom,
     stopScroll,
     scrollRef,
@@ -42640,11 +42968,11 @@ import {
   getTextContent,
   normalizeMessageContent
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect17, useRef as useRef20, useState as useState26 } from "react";
+import { useEffect as useEffect18, useRef as useRef20, useState as useState27 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState22 } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useState as useState23 } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -42654,7 +42982,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState22(false);
+  const [expanded, setExpanded] = useState23(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -42663,8 +42991,8 @@ function AgentLoopBlock({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  return /* @__PURE__ */ jsxs11("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
+    /* @__PURE__ */ jsxs12(
       "button",
       {
         type: "button",
@@ -42679,12 +43007,12 @@ function AgentLoopBlock({ toolCall }) {
         ),
         title: `\u5B50\u4EFB\u52A1\uFF1A${description}`,
         children: [
-          running ? /* @__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" }) : /* @__PURE__ */ jsx13(Bot, { className: iconClass, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs11("span", { className: "min-w-0 truncate", children: [
+          running ? /* @__PURE__ */ jsx14(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx14(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx14(X, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx14(Bot, { className: iconClass, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs12("span", { className: "min-w-0 truncate", children: [
             "\u5B50\u4EFB\u52A1\uFF1A",
             description
           ] }),
-          hasResult ? /* @__PURE__ */ jsx13(
+          hasResult ? /* @__PURE__ */ jsx14(
             ChevronRight,
             {
               size: 14,
@@ -42699,18 +43027,18 @@ function AgentLoopBlock({ toolCall }) {
         ]
       }
     ),
-    expanded && hasResult ? /* @__PURE__ */ jsx13("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__ */ jsx14("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 useEffect15,
-  useMemo as useMemo13,
+  useEffect as useEffect16,
+  useMemo as useMemo14,
   useRef as useRef18,
-  useState as useState23
+  useState as useState24
 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 function normalizeAdjacentUrlFormatting(value) {
   const protectedSegments = [];
@@ -42726,9 +43054,9 @@ function normalizeAdjacentUrlFormatting(value) {
 }
 function CodeBlockPre({ children, node: _node, ...props }) {
   const preRef = useRef18(null);
-  const [copied, setCopied] = useState23(false);
-  const [language, setLanguage] = useState23("");
-  useEffect15(() => {
+  const [copied, setCopied] = useState24(false);
+  const [language, setLanguage] = useState24("");
+  useEffect16(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -42739,10 +43067,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
-    /* @__PURE__ */ jsxs12("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__ */ jsx14("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
-      /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
+    /* @__PURE__ */ jsxs13("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__ */ jsx15("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -42752,13 +43080,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__ */ jsx14(Check, { size: 12 }) : /* @__PURE__ */ jsx14(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx14("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx15(Check, { size: 12 }) : /* @__PURE__ */ jsx15(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx15("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "pre",
       {
         ref: preRef,
@@ -42770,17 +43098,17 @@ function CodeBlockPre({ children, node: _node, ...props }) {
   ] });
 }
 function ExternalAnchor({ node: _node, children, ...props }) {
-  return /* @__PURE__ */ jsx14("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx15("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
   a: ExternalAnchor
 };
 function MarkdownContent({ children, className, mode, sessionId }) {
-  const resolvedChildren = useMemo13(() => {
+  const resolvedChildren = useMemo14(() => {
     return normalizeAdjacentUrlFormatting(children.replace(SYSTEM_REMINDER_RE, ""));
   }, [children]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     _r,
     {
       className: cn("blade-chat-markdown break-words", className),
@@ -42793,17 +43121,17 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx15("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx16("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect16, useMemo as useMemo14, useRef as useRef19, useState as useState24 } from "react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useMemo as useMemo15, useRef as useRef19, useState as useState25 } from "react";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
   textarea.style.height = "auto";
@@ -42812,11 +43140,11 @@ function resizeCustomTextarea(textarea) {
 }
 function useAutoResizeTextarea(value) {
   const textareaRef = useRef19(null);
-  useEffect16(() => {
+  useEffect17(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect16(() => {
+  useEffect17(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -42841,17 +43169,17 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState24(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState24(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState24(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState24("");
-  const [submitted, setSubmitted] = useState24(false);
-  useEffect16(() => {
+  const [selections, setSelections] = useState25(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState25(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState25(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState25("");
+  const [submitted, setSubmitted] = useState25(false);
+  useEffect17(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
   }, [sessionStatus]);
-  const displayAnswerState = useMemo14(() => {
+  const displayAnswerState = useMemo15(() => {
     if (!(answered && answerData)) {
       return { selections, customTexts, usingCustom, note };
     }
@@ -42944,7 +43272,7 @@ ${parts.join("\n")}`,
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -42952,12 +43280,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__ */ jsxs13("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__ */ jsxs14("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((q2, qIdx) => /* @__PURE__ */ jsx16(
+        data.questions.map((q2, qIdx) => /* @__PURE__ */ jsx17(
           QuestionCard,
           {
             question: q2,
@@ -42972,7 +43300,7 @@ ${parts.join("\n")}`,
           },
           q2.question
         )),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           NoteField,
           {
             answered,
@@ -42981,7 +43309,7 @@ ${parts.join("\n")}`,
             onChange: setNote
           }
         ),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx16(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
@@ -42991,14 +43319,14 @@ ${parts.join("\n")}`,
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs13(
+        submitted && !answered && /* @__PURE__ */ jsxs14(
           "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__ */ jsx16(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx17(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -43020,30 +43348,30 @@ function QuestionCard({
 }) {
   const multi = question.multiSelect ?? false;
   const customTextareaRef = useAutoResizeTextarea(customText);
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsxs13("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs14("div", { children: [
+    /* @__PURE__ */ jsxs14("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx17(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx16(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx17(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs14("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__ */ jsxs13(
+        return /* @__PURE__ */ jsxs14(
           "button",
           {
             type: "button",
@@ -43057,14 +43385,14 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx16(
+              multi && /* @__PURE__ */ jsx17(
                 "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__ */ jsx16(
+                  children: isSel && /* @__PURE__ */ jsx17(
                     Check,
                     {
                       size: 9,
@@ -43073,9 +43401,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx16("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx17("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx17(
                   "div",
                   {
                     className: cn(
@@ -43092,7 +43420,7 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs13(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs14(
         "div",
         {
           className: cn(
@@ -43102,8 +43430,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx16("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx17(
               "textarea",
               {
                 ref: customTextareaRef,
@@ -43135,7 +43463,7 @@ function NoteField({
   const textareaRef = useAutoResizeTextarea(note);
   const readOnly = answered || submitted;
   if (answered && !note.trim()) return null;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "label",
     {
       className: cn(
@@ -43145,8 +43473,8 @@ function NoteField({
         readOnly && "cursor-default opacity-70"
       ),
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx17(
           "textarea",
           {
             ref: textareaRef,
@@ -43235,7 +43563,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -43257,12 +43585,12 @@ function ToolCallBlock({
   isActiveQuestion,
   renderer
 }) {
-  const [expanded, setExpanded] = useState25(false);
+  const [expanded, setExpanded] = useState26(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom2 = renderer(toolCall);
     if (custom2 !== null && custom2 !== void 0) {
-      return /* @__PURE__ */ jsx17(Fragment6, { children: custom2 });
+      return /* @__PURE__ */ jsx18(Fragment6, { children: custom2 });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -43275,7 +43603,7 @@ function ToolCallBlock({
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -43288,31 +43616,31 @@ function ToolCallBlock({
       );
     }
     if (toolCall.status === "pending") {
-      return /* @__PURE__ */ jsxs14("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__ */ jsx17(LoaderCircle, { size: 14, className: "animate-spin" }),
-        /* @__PURE__ */ jsx17("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      return /* @__PURE__ */ jsxs15("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__ */ jsx18(LoaderCircle, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx18("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
     const errorDetail = parseAskUserQuestionError(
       typeof toolCall.result === "string" ? toolCall.result : null
     );
-    return /* @__PURE__ */ jsxs14("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__ */ jsx17("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsx17("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__ */ jsxs14("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
-        /* @__PURE__ */ jsx17("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
+    return /* @__PURE__ */ jsxs15("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__ */ jsx18("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsx18("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__ */ jsxs15("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx18("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
+        /* @__PURE__ */ jsx18("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__ */ jsx17(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx17(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx17(X, { size: 11 }) : /* @__PURE__ */ jsx17(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx18(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx18(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx18(X, { size: 11 }) : /* @__PURE__ */ jsx18(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__ */ jsxs14("div", { className: "blade-chat-tool ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs14("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
-      /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { className: "blade-chat-tool ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs15("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
+      /* @__PURE__ */ jsxs15(
         "button",
         {
           type: "button",
@@ -43320,7 +43648,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__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               ChevronRight,
               {
                 size: 11,
@@ -43330,24 +43658,24 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs14("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs15("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx17("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx18("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx17("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx18("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__ */ jsx17("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__ */ jsx18("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
-    expanded && /* @__PURE__ */ jsxs14("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx17("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx17("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx17("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx17("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__ */ jsxs14(Fragment6, { children: [
-        /* @__PURE__ */ jsx17("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx17("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__ */ jsxs15("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx18("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx18("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx18("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx18("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__ */ jsxs15(Fragment6, { children: [
+        /* @__PURE__ */ jsx18("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx18("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) })
       ] })
     ] })
   ] });
@@ -43366,13 +43694,13 @@ function buildAskUserPayload(argumentsJson) {
 
 // src/components/ToolUiCardView.tsx
 import { resolveToolUiCardContent } from "@blade-hq/agent-client";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ToolUiCardView({ card, sessionId }) {
-  if (card.mcpApp) return sessionId ? /* @__PURE__ */ jsx18(McpAppCard, { sessionId, sourceId: card.mcpApp.sourceId }) : null;
+  if (card.mcpApp) return sessionId ? /* @__PURE__ */ jsx19(McpAppCard, { sessionId, sourceId: card.mcpApp.sourceId }) : null;
   const resolved = resolveToolUiCardContent(card);
   if (!resolved) return null;
   const sandbox = resolved.type === "resource-uri" ? "allow-scripts allow-same-origin" : "allow-scripts";
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "iframe",
     {
       title: card.title ?? "\u5DE5\u5177\u754C\u9762",
@@ -43403,12 +43731,12 @@ ${html}`;
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open2, setOpen] = useState26(false);
+  const [open2, setOpen] = useState27(false);
   if (!isStreaming) return null;
-  return /* @__PURE__ */ jsxs15("div", { className: "blade-chat-thinking text-xs", children: [
-    /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-thinking text-xs", children: [
+    /* @__PURE__ */ jsxs16(
       "button",
       {
         type: "button",
@@ -43416,8 +43744,8 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         "aria-expanded": open2,
         className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx19(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          /* @__PURE__ */ jsx20(
             ChevronRight,
             {
               size: 14,
@@ -43430,7 +43758,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         ]
       }
     ),
-    open2 ? /* @__PURE__ */ jsx19("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
+    open2 ? /* @__PURE__ */ jsx20("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
@@ -43622,14 +43950,14 @@ function ExecutionToolRow({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx19(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx19(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx19(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx19(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx19(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx19(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx19(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx19(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx19(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx19(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx20(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx20(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx20(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx20(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx20(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx20(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx20(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx20(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx20(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx20(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__ */ jsxs15("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
+  return /* @__PURE__ */ jsxs16("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
     icon,
-    /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate", children: label })
+    /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate", children: label })
   ] });
 }
 function AssistantTurnBlock({
@@ -43675,12 +44003,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState26(
+  const [displayMode, setDisplayMode] = useState27(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
   const userSelectedDisplayModeRef = useRef20(false);
   const wasStreamingRef = useRef20(isStreaming);
-  useEffect17(() => {
+  useEffect18(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -43688,11 +44016,11 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState26(() => Date.now());
+  const [clock, setClock] = useState27(() => Date.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (!isStreaming || !hasLiveStartTime) return;
     const timer = window.setInterval(() => setClock(Date.now()), 1e3);
     return () => window.clearInterval(timer);
@@ -43701,21 +44029,21 @@ function AssistantTurnBlock({
   const memoryRefs = collectMemoryRefs(messages);
   const inlineToolUiCards = collectInlineToolUiCards(messages);
   if (!hasExecutionProcess) {
-    return /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs16(
       "div",
       {
         "aria-busy": isStreaming || void 0,
         className: "blade-chat-assistant-turn flex flex-col gap-3",
         children: [
-          memoryRefs.length > 0 ? /* @__PURE__ */ jsx19(MemoryRefsHint, { refs: memoryRefs }) : null,
-          hasInterrupted && /* @__PURE__ */ jsx19("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__ */ jsx19("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__ */ jsx20(MemoryRefsHint, { refs: memoryRefs }) : null,
+          hasInterrupted && /* @__PURE__ */ jsx20("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__ */ jsx20("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__ */ jsx19(
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx20(
               "div",
               {
                 className: "flex flex-col gap-3",
-                children: /* @__PURE__ */ jsx19(
+                children: /* @__PURE__ */ jsx20(
                   AssistantMessageContent,
                   {
                     message,
@@ -43727,31 +44055,31 @@ function AssistantTurnBlock({
               message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
             ) : null;
           }),
-          inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx19(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null
+          inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx20(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "aria-busy": isStreaming || void 0,
       className: "blade-chat-assistant-turn flex flex-col gap-3",
       children: [
-        memoryRefs.length > 0 ? /* @__PURE__ */ jsx19(MemoryRefsHint, { refs: memoryRefs }) : null,
-        hasInterrupted && /* @__PURE__ */ jsx19("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__ */ jsx19("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__ */ jsxs15("div", { className: "flex w-full items-start gap-2.5", children: [
-          /* @__PURE__ */ jsx19(
+        memoryRefs.length > 0 ? /* @__PURE__ */ jsx20(MemoryRefsHint, { refs: memoryRefs }) : null,
+        hasInterrupted && /* @__PURE__ */ jsx20("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__ */ jsx20("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__ */ jsxs16("div", { className: "flex w-full items-start gap-2.5", children: [
+          /* @__PURE__ */ jsx20(
             "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__ */ jsx19(Bot, { size: 16 })
+              children: /* @__PURE__ */ jsx20(Bot, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1 pt-0.5", children: [
-            /* @__PURE__ */ jsxs15(
+          /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ jsxs16(
               "button",
               {
                 type: "button",
@@ -43764,14 +44092,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__ */ jsx19("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
+                  /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
                     messages,
                     isStreaming,
                     durationMs: liveExecutionDurationMs,
                     sessionStatus,
                     askAnswers
                   }) }),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx20(
                     ChevronRight,
                     {
                       size: 14,
@@ -43786,10 +44114,10 @@ function AssistantTurnBlock({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx19("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
+            /* @__PURE__ */ jsx20("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
           ] })
         ] }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx19("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index) => {
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx20("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);
@@ -43799,14 +44127,14 @@ function AssistantTurnBlock({
           const orderedParts = getOrderedMessageParts(message, toolCalls);
           const showReasoning = !!message.reasoning && isStreaming && index === latestReasoningIndex;
           const messageToolUiCards = collectInlineToolUiCards([message]);
-          return /* @__PURE__ */ jsxs15(
+          return /* @__PURE__ */ jsxs16(
             "div",
             {
               className: "flex flex-col gap-3",
               children: [
-                showReasoning && message.reasoning ? /* @__PURE__ */ jsx19(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx20(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
                 orderedParts.length > 0 ? orderedParts.map(
-                  (part) => part.type === "text" ? /* @__PURE__ */ jsx19(
+                  (part) => part.type === "text" ? /* @__PURE__ */ jsx20(
                     AssistantMessageContent,
                     {
                       message: { ...message, content: part.content, tool_calls: turnToolCalls },
@@ -43815,11 +44143,11 @@ function AssistantTurnBlock({
                       compact: true
                     },
                     part.key
-                  ) : /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
+                  ) : /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
                     const custom2 = toolCallRenderer?.(toolCall);
-                    return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx19("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx19(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx19(ExecutionToolRow, { toolCall }, toolCall.id);
+                    return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx20("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx20(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx20(ExecutionToolRow, { toolCall }, toolCall.id);
                   }) }, part.key)
-                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx19(
+                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx20(
                   AssistantMessageContent,
                   {
                     message,
@@ -43828,18 +44156,18 @@ function AssistantTurnBlock({
                     compact: true
                   }
                 ) : null,
-                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
+                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
                   const custom2 = toolCallRenderer?.(toolCall);
-                  return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx19("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx19(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx19(ExecutionToolRow, { toolCall }, toolCall.id);
+                  return custom2 !== null && custom2 !== void 0 ? /* @__PURE__ */ jsx20("div", { children: custom2 }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx20(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx20(ExecutionToolRow, { toolCall }, toolCall.id);
                 }) }) : null,
-                messageToolUiCards.map((entry) => /* @__PURE__ */ jsx19(ToolUiCardView, { card: entry.card, sessionId }, entry.key))
+                messageToolUiCards.map((entry) => /* @__PURE__ */ jsx20(ToolUiCardView, { card: entry.card, sessionId }, entry.key))
               ]
             },
             message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
           );
         }) }) : null,
-        effectiveMode === "compact" && inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "ml-10 flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx19(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null,
-        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx19("div", { className: "ml-10", children: /* @__PURE__ */ jsx19(
+        effectiveMode === "compact" && inlineToolUiCards.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "ml-10 flex flex-col gap-3", children: inlineToolUiCards.map((entry) => /* @__PURE__ */ jsx20(ToolUiCardView, { card: entry.card, sessionId }, entry.key)) }) : null,
+        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx20("div", { className: "ml-10", children: /* @__PURE__ */ jsx20(
           AssistantMessageContent,
           {
             message: finalMessage,
@@ -43847,7 +44175,7 @@ function AssistantTurnBlock({
             streaming: isStreaming && finalMessage === messages[messages.length - 1]
           }
         ) }) : null,
-        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx19(
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx20(
           ToolCallBlock,
           {
             toolCall,
@@ -43872,22 +44200,22 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs }) {
-  const [expanded, setExpanded] = useState26(false);
+  const [expanded, setExpanded] = useState27(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__ */ jsxs15("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
-    /* @__PURE__ */ jsxs15("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__ */ jsx19(BookOpen, { size: 12 }),
-      /* @__PURE__ */ jsxs15("span", { children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
+    /* @__PURE__ */ jsxs16("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__ */ jsx20(BookOpen, { size: 12 }),
+      /* @__PURE__ */ jsxs16("span", { children: [
         label,
         "\uFF08",
         refs.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ jsx19(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
+      /* @__PURE__ */ jsx20(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
     ] }),
-    expanded ? /* @__PURE__ */ jsx19("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__ */ jsxs15("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__ */ jsx19("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
-      ref.skill_name ? /* @__PURE__ */ jsx19("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
+    expanded ? /* @__PURE__ */ jsx20("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__ */ jsxs16("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__ */ jsx20("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
+      ref.skill_name ? /* @__PURE__ */ jsx20("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
     ] }, ref.id)) }) : null
   ] });
 }
@@ -43901,15 +44229,15 @@ function AssistantMessageContent({
   const imageParts = getImageParts(message.content);
   const fileParts = getFileParts(message.content);
   const failed = message.status === "failed";
-  const failedBadge = failed ? /* @__PURE__ */ jsx19("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__ */ jsx19(
+  const failedBadge = failed ? /* @__PURE__ */ jsx20("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__ */ jsx20(
     "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__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         MarkdownContent,
         {
           mode: streaming ? "streaming" : "static",
@@ -43922,14 +44250,14 @@ function AssistantMessageContent({
   ) : null;
   if (imageParts.length === 0 && fileParts.length === 0) {
     if (!failed) return textContent;
-    return failedBadge || textContent ? /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
+    return failedBadge || textContent ? /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
       failedBadge,
       textContent
     ] }) : null;
   }
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-3", children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-3", children: [
     failedBadge,
-    imageParts.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx19(
+    imageParts.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx20(
       "img",
       {
         src: part.image_url.url,
@@ -43938,14 +44266,14 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }) : null,
-    fileParts.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs15(
+    fileParts.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs16(
       "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__ */ jsx19(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx19("span", { className: "max-w-56 truncate", children: part.name })
+          /* @__PURE__ */ jsx20(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx20("span", { className: "max-w-56 truncate", children: part.name })
         ]
       },
       `${part.name}-${part.data.slice(0, 32)}`
@@ -43956,7 +44284,7 @@ function AssistantMessageContent({
 
 // src/components/RenderErrorBoundary.tsx
 import { Component as Component2 } from "react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -43989,26 +44317,26 @@ var RenderErrorBoundary = class extends Component2 {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx20("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__ */ jsxs16("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx20(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx21("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__ */ jsxs17("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx21(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error61.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx20("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx21("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback24, useEffect as useEffect18, useRef as useRef21, useState as useState27 } from "react";
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback25, useEffect as useEffect19, useRef as useRef21, useState as useState28 } from "react";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -44027,10 +44355,10 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState27(false);
+  const [downloading, setDownloading] = useState28(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "a",
       {
         href: artifact.target,
@@ -44041,9 +44369,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__ */ jsx21(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx21(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx22(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx22(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
@@ -44078,7 +44406,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "a",
     {
       href: downloadUrl,
@@ -44106,17 +44434,17 @@ function feedbackReasonLabel(reason) {
 }
 function HistoricalResultFeedback({ feedback }) {
   const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "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__ */ jsxs17("span", { children: [
+        /* @__PURE__ */ jsxs18("span", { children: [
           "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
           feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
         ] }),
-        label ? /* @__PURE__ */ jsxs17("span", { children: [
+        label ? /* @__PURE__ */ jsxs18("span", { children: [
           " \xB7 ",
           label
         ] }) : null
@@ -44133,15 +44461,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState27(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState27(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState27(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState27(false);
-  const [saveError, setSaveError] = useState27(false);
+  const [saved, setSaved] = useState28(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState28(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState28(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState28(false);
+  const [saveError, setSaveError] = useState28(false);
   const reportedShown = useRef21(false);
   const latestChoice = useRef21(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect18(() => {
+  useEffect19(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -44150,13 +44478,13 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
     setReason(savedFeedback.reason);
   }, [savedFeedback]);
-  const submit = useCallback24(
+  const submit = useCallback25(
     async (nextHelpful, nextReason) => {
       if (!sessionId) return;
       const choice = { helpful: nextHelpful, reason: nextReason };
@@ -44191,15 +44519,15 @@ function ResultFeedback({
     [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
   );
   if (!eligible) return null;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx21("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__ */ jsxs17("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22("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__ */ jsxs18("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -44210,7 +44538,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -44222,7 +44550,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx21(
+        helpful === false ? /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -44234,9 +44562,9 @@ function ResultFeedback({
           },
           item.value
         )) }) : null,
-        saveError ? /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx21("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx21(
+        saveError ? /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx22("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -44248,7 +44576,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx21("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx22("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -44262,14 +44590,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState27(false);
+  const [expanded, setExpanded] = useState28(false);
   const adopted = useRef21(/* @__PURE__ */ new Set());
   const reportedSuggestions = useRef21(false);
   const reportedArtifacts = useRef21(/* @__PURE__ */ new Set());
   const openedArtifacts = useRef21(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -44299,7 +44627,7 @@ function PostChatFollowupBlock({
     sessionId,
     visibleArtifacts
   ]);
-  const reportArtifactOpened = useCallback24(
+  const reportArtifactOpened = useCallback25(
     (artifactIndex, artifactKind) => {
       if (openedArtifacts.current.has(artifactIndex)) return;
       openedArtifacts.current.add(artifactIndex);
@@ -44315,15 +44643,15 @@ function PostChatFollowupBlock({
   );
   if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
     return null;
-  return /* @__PURE__ */ jsxs17("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__ */ jsxs17("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx21(Sparkles, { size: 14 }),
+  return /* @__PURE__ */ jsxs18("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__ */ jsxs18("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx22(Sparkles, { size: 14 }),
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
-      followup.recaption ? /* @__PURE__ */ jsx21("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
-        /* @__PURE__ */ jsx21("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx21(
+      followup.recaption ? /* @__PURE__ */ jsx22("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+      artifacts.length > 0 ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+        /* @__PURE__ */ jsx22("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx22(
           ArtifactCard,
           {
             artifact,
@@ -44335,7 +44663,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs17(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -44344,15 +44672,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__ */ jsx21(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+              /* @__PURE__ */ jsx22(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
             ]
           }
         ) : null
       ] }) : null
     ] }) : null,
-    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs17("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx21("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
-      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs17(
+    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs18("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx22("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs18(
         "button",
         {
           type: "button",
@@ -44371,14 +44699,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__ */ jsx21("span", { children: suggestion }),
-            /* @__PURE__ */ jsx21(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+            /* @__PURE__ */ jsx22("span", { children: suggestion }),
+            /* @__PURE__ */ jsx22(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
           ]
         },
         suggestion
       ))
     ] }) : null,
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       ResultFeedback,
       {
         followup,
@@ -44453,31 +44781,31 @@ function parseWhatIfPrompt(text) {
 }
 
 // src/components/WhatIfUserBubble.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function WhatIfUserBubble({ parsed, onQuoteClick }) {
   const { fromStep, quotes, userText } = parsed;
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs18("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__ */ jsx22(RefreshCcw, { size: 10 }),
-      /* @__PURE__ */ jsx22("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs19("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__ */ jsx23(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx23("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
     ] }),
-    quotes.length > 0 && /* @__PURE__ */ jsx22("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index) => {
+    quotes.length > 0 && /* @__PURE__ */ jsx23("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__ */ jsxs18("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
-        /* @__PURE__ */ jsxs18("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__ */ jsx22("span", { children: "\u21B3" }),
-          /* @__PURE__ */ jsx22("span", { className: "truncate", children: label })
+      return /* @__PURE__ */ jsxs19("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
+        /* @__PURE__ */ jsxs19("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__ */ jsx23("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx23("span", { className: "truncate", children: label })
         ] }),
-        quote.snapshot ? /* @__PURE__ */ jsx22("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__ */ jsx22(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+        quote.snapshot ? /* @__PURE__ */ jsx23("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__ */ jsx23(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
       ] }, `${quote.stepNumber ?? "x"}-${index}`);
     }) }),
-    userText && /* @__PURE__ */ jsx22("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__ */ jsx22(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+    userText && /* @__PURE__ */ jsx23("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__ */ jsx23(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
   ] });
 }
 
 // src/components/UserMessageBubble.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -44491,10 +44819,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__ */ jsx23("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx23("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx23(WhatIfUserBubble, { parsed: whatifParsed }) }) });
+    return /* @__PURE__ */ jsx24("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx24("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx24(WhatIfUserBubble, { parsed: whatifParsed }) }) });
   }
-  return /* @__PURE__ */ jsx23("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs19("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx23("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs20("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx24("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx24(
       "img",
       {
         src: part.image_url.url,
@@ -44503,21 +44831,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx23("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs19(
+    fileParts.length > 0 && /* @__PURE__ */ jsx24("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs20(
       "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__ */ jsx23(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx23("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx24(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx24("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx23("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__ */ jsx23(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx23(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx23("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ jsx24("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__ */ jsx24(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx24(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx24("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -44526,11 +44854,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = chatErrorForDisplay(getTextContent2(message.content));
-  return /* @__PURE__ */ jsx23("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx23("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__ */ jsx24("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx24("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 jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -44590,7 +44918,7 @@ function MessageList({
   const userMessages = visibleRootMessages.filter((message) => isUserMessage(message));
   const latestUserMessage = userMessages.at(-1);
   const shouldPinLatestUser = latestUserMessage != null && (latestUserMessage.entry_id == null ? isStreaming : latestUserMessage.entry_id.startsWith("local-user-"));
-  const renderBlocks = useMemo15(() => {
+  const renderBlocks = useMemo16(() => {
     const visible = messages.filter((message) => {
       if ((message.loop_name ?? "root") !== "root") return false;
       if (isHiddenInternalMessage(message)) return false;
@@ -44664,25 +44992,25 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsxs20("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
-    isStreaming ? /* @__PURE__ */ jsx24("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
+    isStreaming ? /* @__PURE__ */ jsx25("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+    /* @__PURE__ */ jsxs21(
       StickToBottom,
       {
         className: "h-full overflow-y-hidden",
         initial: "instant",
         resize: "instant",
         children: [
-          /* @__PURE__ */ jsx24(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsxs20("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: [
-            historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx24(LoadOlderSentinel, { ...historyPaging }) : null,
-            /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-col", children: [
-              renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs20("div", { className: "blade-chat-empty", children: [
-                /* @__PURE__ */ jsx24(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-                /* @__PURE__ */ jsx24("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-                /* @__PURE__ */ jsx24("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+          /* @__PURE__ */ jsx25(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsxs21("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: [
+            historyPaging && (historyPaging.hasOlder || historyPaging.loading) ? /* @__PURE__ */ jsx25(LoadOlderSentinel, { ...historyPaging }) : null,
+            /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-col", children: [
+              renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs21("div", { className: "blade-chat-empty", children: [
+                /* @__PURE__ */ jsx25(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+                /* @__PURE__ */ jsx25("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+                /* @__PURE__ */ jsx25("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__ */ jsx24("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx24(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx24(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+                  return /* @__PURE__ */ jsx25("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx25(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx25(ErrorMessageBlock, { message: block.message }) : null }, block.key);
                 }
                 if (block.type === "assistant_turn") {
                   const blockFeedback = block.messages.map(
@@ -44693,14 +45021,14 @@ function MessageList({
                       (message) => message.entry_id === postChatFollowup.assistant_entry_id
                     )
                   );
-                  return /* @__PURE__ */ jsx24("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs20(
+                  return /* @__PURE__ */ jsx25("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs21(
                     RenderErrorBoundary,
                     {
                       label: "\u52A9\u624B\u6D88\u606F",
                       details: block.key,
                       resetKey: getMessageResetSignature(block.messages),
                       children: [
-                        /* @__PURE__ */ jsx24(
+                        /* @__PURE__ */ jsx25(
                           AssistantTurnBlock,
                           {
                             messages: block.messages,
@@ -44713,8 +45041,8 @@ function MessageList({
                             sessionId
                           }
                         ),
-                        blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx24(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                        hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx24(
+                        blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx25(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                        hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx25(
                           PostChatFollowupBlock,
                           {
                             followup: postChatFollowup,
@@ -44731,24 +45059,24 @@ function MessageList({
                   ) }, block.key);
                 }
                 if (block.type === "compaction") {
-                  return /* @__PURE__ */ jsxs20(
+                  return /* @__PURE__ */ jsxs21(
                     "div",
                     {
                       className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
                       children: [
-                        /* @__PURE__ */ jsx24(Layers, { size: 12 }),
-                        /* @__PURE__ */ jsx24("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                        /* @__PURE__ */ jsx25(Layers, { size: 12 }),
+                        /* @__PURE__ */ jsx25("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                       ]
                     },
                     block.key
                   );
                 }
-                return /* @__PURE__ */ jsx24(PlanningDivider, { kind: block.kind }, block.key);
+                return /* @__PURE__ */ jsx25(PlanningDivider, { kind: block.kind }, block.key);
               }),
-              sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx24("div", { className: "flex", children: /* @__PURE__ */ jsx24("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__ */ jsx25("div", { className: "flex", children: /* @__PURE__ */ jsx25("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__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             PinLatestUserMessage,
             {
               userMessageCount: userMessages.length,
@@ -44758,7 +45086,7 @@ function MessageList({
             },
             sessionId ?? "no-session"
           ),
-          /* @__PURE__ */ jsx24(ScrollToBottomButton, {})
+          /* @__PURE__ */ jsx25(ScrollToBottomButton, {})
         ]
       },
       sessionId ?? "no-session"
@@ -44774,7 +45102,7 @@ function LoadOlderSentinel({
   const sentinelRef = useRef22(null);
   const stateRef = useRef22({ hasOlder, loading, loadOlder });
   stateRef.current = { hasOlder, loading, loadOlder };
-  useEffect19(() => {
+  useEffect20(() => {
     const sentinel = sentinelRef.current;
     const scroller = scrollRef.current;
     if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
@@ -44833,7 +45161,7 @@ function LoadOlderSentinel({
       observer.disconnect();
     };
   }, [contentRef, scrollRef]);
-  return /* @__PURE__ */ jsx24("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx24("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
+  return /* @__PURE__ */ jsx25("div", { ref: sentinelRef, "data-history-sentinel": true, className: "flex h-6 items-center justify-center", children: loading ? /* @__PURE__ */ jsx25("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F\u2026" }) : null });
 }
 function PinLatestUserMessage({
   userMessageCount,
@@ -44844,14 +45172,14 @@ function PinLatestUserMessage({
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
   const previousCountRef = useRef22(userMessageCount);
   const spacerHeightRef = useRef22(0);
-  const getScrollElement = useCallback25(() => scrollRef.current, [scrollRef]);
-  const getContentElement = useCallback25(() => contentRef.current, [contentRef]);
-  const getTargetElement = useCallback25(() => {
+  const getScrollElement = useCallback26(() => scrollRef.current, [scrollRef]);
+  const getContentElement = useCallback26(() => contentRef.current, [contentRef]);
+  const getTargetElement = useCallback26(() => {
     const rows = contentRef.current?.querySelectorAll(".blade-chat-user-row");
     return rows?.item((rows?.length ?? 0) - 1) ?? null;
   }, [contentRef]);
-  const getSpacerHeight = useCallback25(() => spacerHeightRef.current, []);
-  const setSpacerHeight = useCallback25(
+  const getSpacerHeight = useCallback26(() => spacerHeightRef.current, []);
+  const setSpacerHeight = useCallback26(
     (height) => {
       spacerHeightRef.current = height;
       const content = contentRef.current;
@@ -44873,7 +45201,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect19(() => {
+  useEffect20(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -44883,9 +45211,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState28(false);
+  const [visible, setVisible] = useState29(false);
   const hideTimerRef = useRef22(null);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -44907,7 +45235,7 @@ function ScrollToBottomButton() {
       }
     };
   }, [isAtBottom]);
-  const handleClick = useCallback25(() => {
+  const handleClick = useCallback26(() => {
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
       hideTimerRef.current = null;
@@ -44916,7 +45244,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "button",
     {
       type: "button",
@@ -44924,25 +45252,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__ */ jsx24(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx24("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx25(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx25("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx24("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs20("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__ */ jsx24(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx24("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx25("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs21("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__ */ jsx25(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx25("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx24("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx25("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 jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -44979,7 +45307,7 @@ function ChatSurface({
   historyPaging,
   banner
 }) {
-  const [pending, setPending] = useState29([]);
+  const [pending, setPending] = useState30([]);
   const currentPending = pending.filter((item) => item.sessionId === sessionId);
   const sendWithApps = async (text) => {
     const content = [...currentPending.map((item) => `[${item.label}]
@@ -44991,10 +45319,10 @@ ${item.content}`), text].filter(Boolean).join("\n\n");
     }
     return accepted;
   };
-  return /* @__PURE__ */ jsx25(McpAppMessageContext.Provider, { value: (message) => {
+  return /* @__PURE__ */ jsx26(McpAppMessageContext.Provider, { value: (message) => {
     if (!sessionId || message.sessionId !== sessionId || isViewer) throw new Error("\u5F53\u524D\u4F1A\u8BDD\u4E0D\u80FD\u63A5\u6536\u5E94\u7528\u6D88\u606F");
     setPending((items) => [...items, { ...message, sessionId, id: crypto.randomUUID() }]);
-  }, children: /* @__PURE__ */ jsxs21(
+  }, children: /* @__PURE__ */ jsxs22(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -45003,14 +45331,14 @@ ${item.content}`), text].filter(Boolean).join("\n\n");
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx25(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx26(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs21("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx25(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx25("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
+        errorMessage && /* @__PURE__ */ jsxs22("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
+          /* @__PURE__ */ jsx26(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx26("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           MessageList,
           {
             messages,
@@ -45032,7 +45360,7 @@ ${item.content}`), text].filter(Boolean).join("\n\n");
             historyPaging
           }
         ),
-        showPlanUpdates ? /* @__PURE__ */ jsx25(
+        showPlanUpdates ? /* @__PURE__ */ jsx26(
           CurrentPlanPanel,
           {
             messages,
@@ -45044,14 +45372,14 @@ ${item.content}`), text].filter(Boolean).join("\n\n");
         ) : null,
         beforeInput,
         queuePanel,
-        currentPending.map((item) => /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: 8, padding: "8px 16px" }, children: [
-          /* @__PURE__ */ jsxs21("details", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx25("summary", { children: item.label }),
-            /* @__PURE__ */ jsx25("pre", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: item.content })
+        currentPending.map((item) => /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: 8, padding: "8px 16px" }, children: [
+          /* @__PURE__ */ jsxs22("details", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx26("summary", { children: item.label }),
+            /* @__PURE__ */ jsx26("pre", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: item.content })
           ] }),
-          /* @__PURE__ */ jsx25("button", { type: "button", "aria-label": "\u79FB\u9664\u5F85\u53D1\u9001\u5185\u5BB9", title: "\u79FB\u9664", onClick: () => setPending((items) => items.filter((other) => other.id !== item.id)), children: /* @__PURE__ */ jsx25(X, { size: 16 }) })
+          /* @__PURE__ */ jsx26("button", { type: "button", "aria-label": "\u79FB\u9664\u5F85\u53D1\u9001\u5185\u5BB9", title: "\u79FB\u9664", onClick: () => setPending((items) => items.filter((other) => other.id !== item.id)), children: /* @__PURE__ */ jsx26(X, { size: 16 }) })
         ] }, item.id)),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           ChatInput,
           {
             value: inputText,
@@ -45074,13 +45402,13 @@ ${item.content}`), text].filter(Boolean).join("\n\n");
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function isUnauthorizedError(error61) {
   return error61 instanceof BladeApiError2 && error61.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState30(false);
-  const [loginError, setLoginError] = useState30(null);
+  const [loggingIn, setLoggingIn] = useState31(false);
+  const [loginError, setLoginError] = useState31(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -45093,11 +45421,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx26("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs22("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__ */ jsx26(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx26("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx26("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__ */ jsx26(
+  return /* @__PURE__ */ jsx27("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs23("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__ */ jsx27(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx27("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx27("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__ */ jsx27(
       "button",
       {
         type: "button",
@@ -45107,20 +45435,20 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx26("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx27("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState30(0);
-  const [needLogin, setNeedLogin] = useState30(() => !client.hasToken());
+  const [attempt, setAttempt] = useState31(0);
+  const [needLogin, setNeedLogin] = useState31(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsx27(
           LoginCard,
           {
             client,
@@ -45133,7 +45461,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx26(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx27(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -45151,10 +45479,10 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState30(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState31(
     () => /* @__PURE__ */ new Map()
   );
-  const handleSessionConnected = useCallback26((connectedSession) => {
+  const handleSessionConnected = useCallback27((connectedSession) => {
     return connectedSession.on("toolResult", ({ toolCall, turn, source }) => {
       if (source === "reconnect_replay" || (turn.loop_id || "root") !== "root" || toolCall.status !== "done" || !isPlanUpdateTool(toolCall) || !parsePlanUpdate(toolCall.arguments)) {
         return;
@@ -45172,20 +45500,20 @@ function ChatSessionView({
     onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState30(false);
-  const [inputText, setInputText] = useState30("");
-  const [queueNotice, setQueueNotice] = useState30(null);
-  const [queuePendingItemId, setQueuePendingItemId] = useState30(null);
-  const [resultFeedback, setResultFeedback] = useState30([]);
+  const [stopRequested, setStopRequested] = useState31(false);
+  const [inputText, setInputText] = useState31("");
+  const [queueNotice, setQueueNotice] = useState31(null);
+  const [queuePendingItemId, setQueuePendingItemId] = useState31(null);
+  const [resultFeedback, setResultFeedback] = useState31([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
   const onSessionReadyRef = useRef23(onSessionReady);
   const readySessionRef = useRef23(null);
   const hasOnSessionReady = onSessionReady !== void 0;
-  useEffect20(() => {
+  useEffect21(() => {
     onSessionReadyRef.current = onSessionReady;
   }, [onSessionReady]);
-  useEffect20(() => {
+  useEffect21(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -45210,23 +45538,23 @@ function ChatSessionView({
       cancelled = true;
     };
   }, [client, isViewer, resolvedSessionId]);
-  const resultFeedbackByEntry = useMemo16(
+  const resultFeedbackByEntry = useMemo17(
     () => new Map(resultFeedback.map((item) => [item.assistant_entry_id, item])),
     [resultFeedback]
   );
-  const handleResultFeedbackSaved = useCallback26((saved) => {
+  const handleResultFeedbackSaved = useCallback27((saved) => {
     setResultFeedback((current) => [
       ...current.filter((item) => item.assistant_entry_id !== saved.assistant_entry_id),
       saved
     ]);
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     const handler = onSessionReadyRef.current;
     if (!session || !hasOnSessionReady || !handler || readySessionRef.current === session) return;
     readySessionRef.current = session;
     handler(session);
   }, [session, hasOnSessionReady]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -45242,12 +45570,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (isUnauthorizedError(error61)) {
       onUnauthorized();
     }
   }, [error61, onUnauthorized]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -45322,7 +45650,7 @@ ${content}`);
     next[to] = item.id;
     handleQueueReorder(next);
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     ChatSurface,
     {
       theme,
@@ -45332,9 +45660,9 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs22(Fragment8, { children: [
-        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx26(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
-        /* @__PURE__ */ jsx26(
+      banner: /* @__PURE__ */ jsxs23(Fragment8, { children: [
+        resolvedSessionId && !isViewer && (sessionPluginControls ? sessionPluginControls(resolvedSessionId) : /* @__PURE__ */ jsx27(SessionPluginSelector, { client, sessionId: resolvedSessionId })),
+        /* @__PURE__ */ jsx27(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -45344,7 +45672,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx26(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx27(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -45356,7 +45684,7 @@ ${content}`);
       planRevealRevision,
       queuePanel: (
         // 只读身份不能操作队列，藏起来免得每个按钮都弹冲突。
-        isViewer ? void 0 : /* @__PURE__ */ jsx26(
+        isViewer ? void 0 : /* @__PURE__ */ jsx27(
           SessionQueuePanel,
           {
             snapshot: state?.queue ?? EMPTY_SESSION_QUEUE,
@@ -45411,11 +45739,11 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect21, useMemo as useMemo17, useState as useState32 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo18, useState as useState33 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState31 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useState as useState32 } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } 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" },
@@ -45461,13 +45789,13 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open2, setOpen] = useState31(false);
-  const [draft, setDraft] = useState31(override);
+  const [open2, setOpen] = useState32(false);
+  const [draft, setDraft] = useState32(override);
   if (!normalized) return null;
   const fields2 = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs23("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs24(
       "button",
       {
         type: "button",
@@ -45477,16 +45805,16 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx27(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx28(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx27("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx28("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open2 && /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields2.map((field) => /* @__PURE__ */ jsxs23("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx27("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx27(
+    open2 && /* @__PURE__ */ jsxs24("div", { className: "mt-2 flex flex-col gap-2", children: [
+      fields2.map((field) => /* @__PURE__ */ jsxs24("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx28("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx28(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -45497,9 +45825,9 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx27("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__ */ jsxs23("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx27(
+      normalized.apiKey && /* @__PURE__ */ jsx28("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__ */ jsxs24("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx28(
           "button",
           {
             type: "button",
@@ -45514,7 +45842,7 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "button",
           {
             type: "button",
@@ -45533,7 +45861,7 @@ function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onCha
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -45545,12 +45873,12 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState32(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState33(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error: error61, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState32("");
-  const [stopRequested, setStopRequested] = useState32(false);
-  const handle = useMemo17(
+  const [inputText, setInputText] = useState33("");
+  const [stopRequested, setStopRequested] = useState33(false);
+  const handle = useMemo18(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
 ${text}` : text),
@@ -45559,10 +45887,10 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect21(() => {
+  useEffect22(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ChatSurface,
     {
       theme,
@@ -45587,7 +45915,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx28(
+      beforeInput: advanced ? /* @__PURE__ */ jsx29(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -45605,14 +45933,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } 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__ */ jsx29(
+    return /* @__PURE__ */ jsx30(
       LlmChat,
       {
         ...llm,
@@ -45625,7 +45953,188 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx29(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx30(AgentChat, { ...rest });
+}
+
+// src/components/ConnectorPanel.tsx
+import { useCallback as useCallback28, useEffect as useEffect23, useMemo as useMemo19, useRef as useRef24, useState as useState34 } from "react";
+
+// src/components/connector-panel-types.ts
+function selectionFromItem(item) {
+  return {
+    name: item.name,
+    displayName: item.display_name ?? null,
+    icon: item.icon,
+    iconSource: item.iconSource
+  };
+}
+var TRIGGER_ICON_LIMIT = 3;
+function triggerSummary(items) {
+  const withIcon = items.filter((item) => Boolean(item.icon));
+  return {
+    icons: withIcon.slice(0, TRIGGER_ICON_LIMIT),
+    overflow: Math.max(0, items.length - Math.min(withIcon.length, TRIGGER_ICON_LIMIT)),
+    total: items.length
+  };
+}
+
+// src/components/ConnectorPanel.tsx
+import { Fragment as Fragment9, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+function PanelDivider() {
+  return /* @__PURE__ */ jsx31("div", { className: "my-1 border-[hsl(var(--border))] border-t" });
+}
+function PanelTitle({ children }) {
+  return /* @__PURE__ */ jsx31("div", { className: "px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children });
+}
+function ConnectorPanel({
+  client,
+  sessionId,
+  pendingPlugins,
+  onPendingPluginsChange,
+  pendingDisabledReason,
+  onPluginsChanged,
+  onSelectedChange,
+  renderComputerSection,
+  renderExternalAccounts,
+  renderFooterActions,
+  className
+}) {
+  const [query, setQuery] = useState34("");
+  const [pendingCatalog, setPendingCatalog] = useState34(null);
+  const [pendingLoading, setPendingLoading] = useState34(false);
+  const [pendingError, setPendingError] = useState34(false);
+  const activation = useSessionPluginActivation({
+    client,
+    // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。
+    sessionId: sessionId ?? "",
+    onChange: onPluginsChanged
+  });
+  const { reload, items: sessionItems } = activation;
+  useEffect23(() => {
+    if (sessionId) reload();
+  }, [reload, sessionId]);
+  const loadPendingCatalog = useCallback28(async () => {
+    setPendingLoading(true);
+    setPendingError(false);
+    try {
+      const { plugins } = await client.plugins.catalog();
+      setPendingCatalog(plugins);
+    } catch {
+      setPendingError(true);
+    } finally {
+      setPendingLoading(false);
+    }
+  }, [client]);
+  useEffect23(() => {
+    if (sessionId) return;
+    void loadPendingCatalog();
+  }, [loadPendingCatalog, sessionId]);
+  const selected = useMemo19(
+    () => new Set((pendingPlugins ?? []).map((item) => item.name)),
+    [pendingPlugins]
+  );
+  const items = useMemo19(() => {
+    if (sessionId) return sessionItems;
+    return catalogToConnectorItems(pendingCatalog ?? []).map((item) => ({
+      ...item,
+      active: selected.has(item.name)
+    }));
+  }, [pendingCatalog, selected, sessionId, sessionItems]);
+  const visibleItems = useMemo19(
+    () => sessionId ? filterConnectorItems(items, query) : filterConnectorItems(items, query).map((item) => ({ ...item, config: void 0 })),
+    [items, query, sessionId]
+  );
+  const togglePending = useCallback28((item, next) => {
+    const kept = (pendingPlugins ?? []).filter((entry) => entry.name !== item.name);
+    onPendingPluginsChange?.(next ? [...kept, selectionFromItem(item)] : kept);
+  }, [onPendingPluginsChange, pendingPlugins]);
+  const toggle = useCallback28((item, next) => {
+    if (sessionId) activation.toggle(item, next);
+    else togglePending(item, next);
+  }, [activation, sessionId, togglePending]);
+  const selectedItems = useMemo19(
+    () => items.filter((item) => item.active),
+    [items]
+  );
+  const onSelectedChangeRef = useRef24(onSelectedChange);
+  onSelectedChangeRef.current = onSelectedChange;
+  const latestSelected = useRef24(selectedItems);
+  latestSelected.current = selectedItems;
+  const reportSelected = useCallback28(() => {
+    onSelectedChangeRef.current?.(latestSelected.current);
+  }, []);
+  const selectedNames = selectedItems.map((item) => item.name).join("\0");
+  useEffect23(reportSelected, [reportSelected, selectedNames]);
+  const failed = sessionId ? activation.listError : pendingError;
+  return /* @__PURE__ */ jsxs25("div", { className, children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 border-[hsl(var(--border))] border-b px-3 py-2", children: [
+      /* @__PURE__ */ jsx31(Search, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx31(
+        "input",
+        {
+          value: query,
+          onChange: (event) => setQuery(event.target.value),
+          placeholder: "\u641C\u7D22\u8FDE\u63A5\u5668",
+          "aria-label": "\u641C\u7D22\u8FDE\u63A5\u5668",
+          className: "min-w-0 flex-1 bg-transparent text-[11px] outline-none placeholder:text-[hsl(var(--muted-foreground))]"
+        }
+      )
+    ] }),
+    renderComputerSection ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+      /* @__PURE__ */ jsx31(PanelTitle, { children: "\u7535\u8111" }),
+      renderComputerSection(query)
+    ] }) : null,
+    /* @__PURE__ */ jsx31(PanelDivider, {}),
+    /* @__PURE__ */ jsx31(PanelTitle, { children: "\u63D2\u4EF6" }),
+    !sessionId ? (
+      // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经
+      // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。
+      /* @__PURE__ */ jsx31("div", { className: "px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u5148\u9009\u4E2D\uFF0C\u53D1\u9001\u8FD9\u6761\u6D88\u606F\u65F6\u4F1A\u4E00\u5E76\u542F\u7528" })
+    ) : null,
+    (sessionId ? activation.loading : pendingLoading) && visibleItems.length === 0 ? /* @__PURE__ */ jsxs25("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx31(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
+      "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026"
+    ] }) : null,
+    failed ? /* @__PURE__ */ jsx31(
+      "button",
+      {
+        type: "button",
+        onClick: () => sessionId ? reload() : void loadPendingCatalog(),
+        className: "px-3 py-1.5 text-left text-[11px] text-[hsl(var(--muted-foreground))] underline",
+        children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5"
+      }
+    ) : null,
+    /* @__PURE__ */ jsx31(
+      PluginConnectorList,
+      {
+        client,
+        sessionId,
+        items: visibleItems,
+        inFlight: activation.inFlight,
+        busy: sessionId ? activation.busy : pendingLoading,
+        mutationError: sessionId ? activation.mutationError : false,
+        onToggle: toggle,
+        onRetry: activation.retry,
+        onEditConfig: activation.editConfig,
+        configuring: sessionId ? activation.configuring : null,
+        onConfigSaved: activation.onConfigSaved,
+        onConfigClose: activation.onConfigClose,
+        disabledReason: sessionId ? null : pendingDisabledReason,
+        unavailableText: failed ? null : query.trim() ? "\u6CA1\u6709\u5339\u914D\u7684\u63D2\u4EF6" : null,
+        emptyText: sessionId ? "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6" : "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6\uFF0C\u53BB\u5E94\u7528\u5E02\u573A\u6DFB\u52A0\u4E00\u4E2A",
+        draft: !sessionId
+      }
+    ),
+    renderExternalAccounts ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+      /* @__PURE__ */ jsx31(PanelDivider, {}),
+      /* @__PURE__ */ jsx31(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
+      renderExternalAccounts(query)
+    ] }) : null,
+    renderFooterActions ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+      /* @__PURE__ */ jsx31(PanelDivider, {}),
+      renderFooterActions()
+    ] }) : null
+  ] });
 }
 
 // src/components/ContextCard.tsx
@@ -45633,16 +46142,16 @@ import {
   getContextDisplayState,
   getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs26(
     "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__ */ jsxs24("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__ */ jsx30(
+        /* @__PURE__ */ jsxs26("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__ */ jsx32(
             Layers,
             {
               size: 15,
@@ -45650,11 +46159,11 @@ function ContextCard({ context, className }) {
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs24("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx30("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx30("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+          /* @__PURE__ */ jsxs26("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             ChevronDown,
             {
               size: 14,
@@ -45663,7 +46172,7 @@ function ContextCard({ context, className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx30("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__ */ jsx32("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 })
       ]
     }
   );
@@ -45672,9 +46181,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__ */ jsxs24("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__ */ jsxs24("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__ */ jsx30(
+  return /* @__PURE__ */ jsxs26("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__ */ jsxs26("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__ */ jsx32(
         Layers,
         {
           size: 15,
@@ -45682,11 +46191,11 @@ function ContextGroupCard({ contexts, className }) {
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsxs24("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx30("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
-        /* @__PURE__ */ jsx30("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+      /* @__PURE__ */ jsxs26("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
       ] }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx32(
         ChevronDown,
         {
           size: 14,
@@ -45695,7 +46204,7 @@ function ContextGroupCard({ contexts, className }) {
         }
       )
     ] }),
-    single ? /* @__PURE__ */ jsx30("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__ */ jsx30("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__ */ jsx30(
+    single ? /* @__PURE__ */ jsx32("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__ */ jsx32("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__ */ jsx32(
       ContextCard,
       {
         context
@@ -45706,8 +46215,8 @@ function ContextGroupCard({ contexts, className }) {
 }
 
 // src/components/SessionMemoryToggle.tsx
-import { useCallback as useCallback27, useEffect as useEffect22, useRef as useRef24, useState as useState33, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useCallback as useCallback29, useEffect as useEffect24, useRef as useRef25, useState as useState35, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
   let clientStates = saveStates.get(client);
@@ -45748,7 +46257,7 @@ function SessionMemoryToggle({
     throw new Error("SessionMemoryToggle \u5FC5\u987B\u5728 <BladeProvider> \u5185\u4F7F\u7528\u6216\u663E\u5F0F\u4F20\u5165 client");
   }
   const saveState = getSaveState(client, sessionId);
-  const subscribe = useCallback27(
+  const subscribe = useCallback29(
     (listener) => {
       saveState.listeners.add(listener);
       return () => {
@@ -45758,19 +46267,19 @@ function SessionMemoryToggle({
     },
     [client, saveState, sessionId]
   );
-  const getSaving = useCallback27(() => saveState.saving, [saveState]);
+  const getSaving = useCallback29(() => saveState.saving, [saveState]);
   const saving = useSyncExternalStore2(
     subscribe,
     getSaving,
     getSaving
   );
-  const [draftEnabled, setDraftEnabled] = useState33(enabled);
-  const activeSessionIdRef = useRef24(sessionId);
+  const [draftEnabled, setDraftEnabled] = useState35(enabled);
+  const activeSessionIdRef = useRef25(sessionId);
   activeSessionIdRef.current = sessionId;
-  useEffect22(() => {
+  useEffect24(() => {
     setDraftEnabled(enabled);
   }, [enabled, sessionId]);
-  const update = useCallback27(
+  const update = useCallback29(
     (nextEnabled) => {
       const currentSaveState = getSaveState(client, sessionId);
       if (currentSaveState.saving) return;
@@ -45796,9 +46305,9 @@ function SessionMemoryToggle({
     },
     [client, enabled, onError, onSaved, sessionId]
   );
-  return /* @__PURE__ */ jsxs25("label", { className: cn("flex items-center justify-between", className), children: [
-    /* @__PURE__ */ jsx31("span", { className: labelClassName, children: label }),
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs27("label", { className: cn("flex items-center justify-between", className), children: [
+    /* @__PURE__ */ jsx33("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx33(
       "input",
       {
         type: "checkbox",
@@ -45859,6 +46368,7 @@ export {
   AgentChat,
   BladeProvider,
   ChatView,
+  ConnectorPanel,
   ContextCard,
   ContextGroupCard,
   CurrentPlanPanel,
@@ -45868,6 +46378,7 @@ export {
   MemoryRefsHint,
   PLAN_AUTO_COLLAPSE_MS,
   PlanUpdateBlock,
+  PluginConnectorList,
   ReplayBar,
   ReplayMismatchPrompt,
   SessionMemoryToggle,
@@ -45876,24 +46387,32 @@ export {
   SessionPluginIcon,
   SessionPluginSelector,
   SessionQueuePanel,
+  TRIGGER_ICON_LIMIT,
   ToolUiCardView,
   WhatIfUserBubble,
+  catalogToConnectorItems,
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,
+  filterConnectorItems,
   getPlanUpdateDisplayState,
   isAgentComputerCommand,
   isAgentComputerToolCall,
   isPlanUpdateTool,
+  mergeConnectorItems,
   normalizeAdjacentUrlFormatting,
   parsePlanUpdate,
   parseWhatIfPrompt,
   pickCurrentPlanStep,
+  pluginConnectorSummary,
+  selectionFromItem,
   sessionPluginLabel,
+  triggerSummary,
   useAgentSession,
   useBladeClient,
   useLlmChat,
   useMessagePin,
-  useReplay
+  useReplay,
+  useSessionPluginActivation
 };
 /*! Bundled license information: