@blade-hq/agent-react 2612.0.0-beta.41 → 2612.0.0-beta.44

package/dist/rich-input.js

@@ -40,6 +40,7 @@ import {
   Rocket,
   RotateCcw,
   Scissors,
+  Search,
   Send,
   Share2,
   Sparkles,
@@ -88,6 +89,7 @@ import {
   useSessionDataInvalidation,
   useSessionHandle,
   useSessionSkills,
+  useSessionSource,
   useSkillStats
 } from "./chunk-42P352DI.js";
 import {
@@ -115,7 +117,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ), didWarnUncachedGetSnapshot = true);
         }
-        cachedValue = useState12({
+        cachedValue = useState13({
           inst: { value, getSnapshot }
         });
         var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
@@ -127,7 +129,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           },
           [subscribe, value, getSnapshot]
         );
-        useEffect9(
+        useEffect10(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe(function() {
@@ -153,7 +155,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React2 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState12 = React2.useState, useEffect9 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue3 = React2.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React2 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState13 = React2.useState, useEffect10 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue3 = React2.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
@@ -181,7 +183,7 @@ var require_with_selector_development = __commonJS({
         return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React2 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore4 = shim.useSyncExternalStore, useRef8 = React2.useRef, useEffect9 = React2.useEffect, useMemo8 = React2.useMemo, useDebugValue3 = React2.useDebugValue;
+      var React2 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore5 = shim.useSyncExternalStore, useRef8 = React2.useRef, useEffect10 = React2.useEffect, useMemo8 = React2.useMemo, useDebugValue3 = React2.useDebugValue;
       exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
         var instRef = useRef8(null);
         if (null === instRef.current) {
@@ -223,8 +225,8 @@ var require_with_selector_development = __commonJS({
           },
           [getSnapshot, getServerSnapshot, selector, isEqual]
         );
-        var value = useSyncExternalStore4(subscribe, instRef[0], instRef[1]);
-        useEffect9(
+        var value = useSyncExternalStore5(subscribe, instRef[0], instRef[1]);
+        useEffect10(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -18803,7 +18805,7 @@ var TopicAssetMention = index_default.extend({
         class: "file-mention-pill topic-asset-mention-pill",
         "data-topic-id": node.attrs.topic_id,
         "data-path": node.attrs.path,
-        title: `\u4E3B\u9898\u8D44\u4EA7\uFF1A${node.attrs.path}`
+        title: `\u5DE5\u4F5C\u7A7A\u95F4\u8D44\u4EA7\uFF1A${node.attrs.path}`
       }, `@${node.attrs.path}`]
     };
   },
@@ -18961,7 +18963,7 @@ async function getTopicAssetSuggestionItems(client, topicId, query) {
     const result = await client.chatGroups.listAssets(topicId);
     return result.items.filter((asset) => !asset.is_dir && asset.path.toLowerCase().includes(query.toLowerCase())).map((asset) => ({ kind: "topicAsset", topic_id: topicId, path: asset.path, name: asset.path }));
   } catch {
-    return [{ kind: "topicAssetError", message: "\u4E3B\u9898\u8D44\u4EA7\u6682\u65F6\u65E0\u6CD5\u52A0\u8F7D\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165 @ \u91CD\u8BD5" }];
+    return [{ kind: "topicAssetError", message: "\u5DE5\u4F5C\u7A7A\u95F4\u8D44\u4EA7\u6682\u65F6\u65E0\u6CD5\u52A0\u8F7D\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165 @ \u91CD\u8BD5" }];
   }
 }
 function queueTopicAssetReference(sessionId, ref) {
@@ -25355,6 +25357,10 @@ function useComposerModel(activeSessionId) {
   const { models: modelCatalog } = useModelCatalog();
   const useSessionModel = useChatEnvironment().useSessionDetail ? useInjectedSessionModel : useClientSessionModel;
   const activeSessionModel = useSessionModel(activeSessionId);
+  const session = useSessionHandle(activeSessionId);
+  const source = useSessionSource();
+  const [selectingSession, setSelectingSession] = useState4(null);
+  const selectingRef = useRef4(null);
   const sharedModelDraft = useComposerChannels(
     (state3) => activeSessionId ? state3.modelDrafts[activeSessionId] : void 0
   );
@@ -25388,7 +25394,7 @@ function useComposerModel(activeSessionId) {
   return {
     selectedModel,
     hasAvailableModel,
-    isLoading,
+    isLoading: isLoading || !!activeSessionId && (selectingSession === activeSessionId || !session),
     availabilityMessage: modelAvailabilityMessage,
     thinkingAvailable,
     reasoningLevels,
@@ -25396,7 +25402,22 @@ function useComposerModel(activeSessionId) {
     setReasoningLevel: setReasoningLevelPreference,
     selectModel(model) {
       if (activeSessionId) {
+        if (selectingRef.current === activeSessionId) return;
+        selectingRef.current = activeSessionId;
+        setSelectingSession(activeSessionId);
         composerChannels.setModelDraft(activeSessionId, model);
+        const select = (ready) => ready.selectModel(model);
+        const pending = source.whenReady ? source.whenReady(activeSessionId, select) : session ? select(session) : Promise.resolve(false);
+        void pending.catch(() => false).then((ok) => {
+          if (!ok && composerChannels.getState().modelDrafts[activeSessionId] === model) {
+            composerChannels.clearModelDraft(activeSessionId);
+          }
+        }).finally(() => {
+          if (selectingRef.current === activeSessionId) {
+            selectingRef.current = null;
+            setSelectingSession(null);
+          }
+        });
       } else {
         const selection = { sessionId: activeSessionId, model };
         newSessionModelSelectionRef.current = selection;
@@ -25920,6 +25941,67 @@ function SkillStatusBar({
   ] }) }) });
 }
 
+// src/rich-input/InputActionSubmenu.tsx
+import { useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var narrowQuery = "(max-width: 639px)";
+function subscribeToViewport(onChange) {
+  const media = window.matchMedia(narrowQuery);
+  media.addEventListener("change", onChange);
+  return () => media.removeEventListener("change", onChange);
+}
+var isNarrowViewport = () => window.matchMedia(narrowQuery).matches;
+function InputActionSubmenu({ label, icon, open, onOpenChange, children, disabled = false }) {
+  const narrow = useSyncExternalStore4(subscribeToViewport, isNarrowViewport, () => false);
+  return /* @__PURE__ */ jsxs6(dist_exports.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx15(dist_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: (event) => {
+          event.preventDefault();
+          onOpenChange(true);
+        },
+        onPointerEnter: (event) => {
+          if (event.pointerType === "mouse" && !disabled) onOpenChange(true);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowRight") {
+            event.preventDefault();
+            onOpenChange(true);
+          }
+        },
+        className: "flex w-full items-center gap-2 rounded-lg px-3 py-2.5 text-left text-sm text-[hsl(var(--popover-foreground))] outline-none hover:bg-[hsl(var(--accent))] focus-visible:bg-[hsl(var(--accent))] disabled:opacity-50 data-[state=open]:bg-[hsl(var(--accent))]",
+        children: [
+          icon,
+          /* @__PURE__ */ jsx15("span", { children: label }),
+          /* @__PURE__ */ jsx15(ChevronRight, { size: 14, className: "ml-auto", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx15(dist_exports.Portal, { children: /* @__PURE__ */ jsx15(
+      dist_exports.Content,
+      {
+        side: narrow ? "bottom" : "right",
+        align: "start",
+        sideOffset: 8,
+        collisionPadding: 12,
+        "aria-label": label,
+        onEscapeKeyDown: (event) => event.stopPropagation(),
+        onKeyDown: (event) => {
+          if (event.key === "ArrowLeft" && !(event.target instanceof HTMLInputElement || event.target instanceof HTMLSelectElement)) {
+            event.preventDefault();
+            onOpenChange(false);
+          }
+        },
+        className: "z-50 max-h-[min(70vh,var(--radix-popover-content-available-height))] w-[min(320px,calc(100vw-2rem))] overflow-y-auto rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-xs text-[hsl(var(--popover-foreground))] shadow-[var(--swf-shadow-overlay)] outline-none",
+        children
+      }
+    ) })
+  ] });
+}
+
 // src/rich-input/ConnectButton.tsx
 import { useState as useState6 } from "react";
 
@@ -26043,7 +26125,7 @@ async function getSkillSuggestions(query, options) {
 }
 
 // src/rich-input/ConnectButton.tsx
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 function ConnectButton({
   sessionId,
   open,
@@ -26053,7 +26135,8 @@ function ConnectButton({
   pendingPluginsDisabledReason,
   pendingComputers,
   onPendingComputersChange,
-  onPluginsChanged
+  onPluginsChanged,
+  variant = "icon"
 }) {
   const client = useBladeClient();
   const { ConnectorComputerSection, ConnectorAccountsSection } = useRichInputServices();
@@ -26069,53 +26152,66 @@ function ConnectButton({
   const summary = triggerSummary(triggerItems);
   const triggerCls = summary.total === 0 ? "w-9 p-0 text-[hsl(var(--muted-foreground))]" : summary.total === 1 ? "w-9 p-0" : "px-1";
   const selectedLabels = sessionId === null ? (pendingPlugins ?? []).map((item) => item.displayName?.trim() || item.name) : selectedItems.map((item) => item.display_name?.trim() || item.name);
-  return /* @__PURE__ */ jsxs6(dist_exports.Root, { open: isOpen, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx15(dist_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx15(
+  const panel = /* @__PURE__ */ jsx16(
+    ConnectorPanel,
+    {
+      client,
+      sessionId,
+      pendingPlugins,
+      onPendingPluginsChange,
+      pendingDisabledReason: pendingPluginsDisabledReason,
+      onPluginsChanged: () => {
+        if (sessionId) {
+          invalidateSlashSuggestions(client, sessionId);
+          invalidation.pluginsChanged(sessionId);
+        }
+        onPluginsChanged?.();
+      },
+      onSelectedChange: setSelectedItems,
+      renderComputerSection: ConnectorComputerSection ? (query) => /* @__PURE__ */ jsx16(
+        ConnectorComputerSection,
+        {
+          sessionId,
+          query,
+          pendingSelection: pendingComputers,
+          onPendingSelectionChange: onPendingComputersChange,
+          closePanel: () => setOpen(false)
+        }
+      ) : void 0,
+      renderExternalAccounts: ConnectorAccountsSection ? (query) => /* @__PURE__ */ jsx16(ConnectorAccountsSection, { query, closePanel: () => setOpen(false) }) : void 0
+    }
+  );
+  if (variant === "submenu") {
+    return /* @__PURE__ */ jsx16(
+      InputActionSubmenu,
+      {
+        label: summary.total ? `\u8FDE\u63A5\u5668 \xB7 \u5DF2\u9009 ${summary.total}` : "\u8FDE\u63A5\u5668",
+        icon: /* @__PURE__ */ jsx16(Plug, { size: 16, "aria-hidden": "true" }),
+        open: isOpen,
+        onOpenChange: setOpen,
+        children: panel
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs7(dist_exports.Root, { open: isOpen, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx16(dist_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx16(
       "button",
       {
         type: "button",
         "aria-label": summary.total > 0 ? `\u8FDE\u63A5\u5668\uFF1A\u5DF2\u9009 ${summary.total} \u4E2A\u63D2\u4EF6` : "\u8FDE\u63A5\u5668",
         title: selectedLabels.length > 0 ? `\u8FDE\u63A5\u5668\uFF1A${selectedLabels.join("\u3001")}` : "\u8FDE\u63A5\u5668",
         className: `flex h-9 shrink-0 cursor-pointer items-center justify-center rounded-full border border-[hsl(var(--border))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))] ${triggerCls}`,
-        children: summary.total === 0 ? /* @__PURE__ */ jsx15(Plug, { size: 14, "aria-hidden": "true" }) : /* @__PURE__ */ jsx15(PluginTriggerStack, { client, sessionId, summary })
+        children: summary.total === 0 ? /* @__PURE__ */ jsx16(Plug, { size: 14, "aria-hidden": "true" }) : /* @__PURE__ */ jsx16(PluginTriggerStack, { client, sessionId, summary })
       }
     ) }),
-    /* @__PURE__ */ jsx15(dist_exports.Portal, { children: /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(dist_exports.Portal, { children: /* @__PURE__ */ jsx16(
       dist_exports.Content,
       {
         side: "top",
         align: "start",
         sideOffset: 8,
         className: "z-50 w-[min(320px,calc(100vw-2rem))] origin-(--radix-popover-content-transform-origin) overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] text-[11px] text-[hsl(var(--popover-foreground))] shadow-[var(--swf-shadow-overlay)] outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        children: /* @__PURE__ */ jsx15("div", { className: "max-h-[min(70vh,32rem)] overflow-y-auto", children: /* @__PURE__ */ jsx15(
-          ConnectorPanel,
-          {
-            client,
-            sessionId,
-            pendingPlugins,
-            onPendingPluginsChange,
-            pendingDisabledReason: pendingPluginsDisabledReason,
-            onPluginsChanged: () => {
-              if (sessionId) {
-                invalidateSlashSuggestions(client, sessionId);
-                invalidation.pluginsChanged(sessionId);
-              }
-              onPluginsChanged?.();
-            },
-            onSelectedChange: setSelectedItems,
-            renderComputerSection: ConnectorComputerSection ? (query) => /* @__PURE__ */ jsx15(
-              ConnectorComputerSection,
-              {
-                sessionId,
-                query,
-                pendingSelection: pendingComputers,
-                onPendingSelectionChange: onPendingComputersChange,
-                closePanel: () => setOpen(false)
-              }
-            ) : void 0,
-            renderExternalAccounts: ConnectorAccountsSection ? (query) => /* @__PURE__ */ jsx15(ConnectorAccountsSection, { query, closePanel: () => setOpen(false) }) : void 0
-          }
-        ) })
+        children: /* @__PURE__ */ jsx16("div", { className: "max-h-[min(70vh,32rem)] overflow-y-auto", children: panel })
       }
     ) })
   ] });
@@ -26821,7 +26917,7 @@ function listUserHomeDir(client, dirPath) {
 }
 
 // src/rich-input/FileCompletionMenu.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var ROOT_DIR = ".";
 function installSuggestionOutsideDismiss(container, onDismiss) {
   const onPointerDown = (event) => {
@@ -26968,7 +27064,7 @@ var FileCompletionMenu = forwardRef2(
       }
       return { pluginItems: pluginItems2, pluginError: pluginError2, fileItems: files, topicItems: topicItems2, topicError: topicError2 };
     }, [items]);
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       FileCompletionMenuContent,
       {
         ref,
@@ -27062,9 +27158,9 @@ var FileCompletionMenuContent = forwardRef2(function FileCompletionMenuContent2(
   };
   const showGroupLabels = pluginItems.length > 0 || topicItems.length > 0 || Boolean(topicError);
   const fileEmptyLabel = scope === "session" && !sessionId ? "\u6682\u65E0\u4F1A\u8BDD" : filteredEntries.length === 0 ? "\u6CA1\u6709\u6587\u4EF6" : null;
-  return /* @__PURE__ */ jsxs7("div", { className: "max-h-64 overflow-y-auto rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 shadow-[var(--swf-shadow-overlay)]", children: [
-    pluginError ? /* @__PURE__ */ jsx16("output", { className: "block px-3 py-2 text-xs text-muted-foreground", children: pluginError }) : null,
-    pluginItems.map((item, index) => /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("div", { className: "max-h-64 overflow-y-auto rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 shadow-[var(--swf-shadow-overlay)]", children: [
+    pluginError ? /* @__PURE__ */ jsx17("output", { className: "block px-3 py-2 text-xs text-muted-foreground", children: pluginError }) : null,
+    pluginItems.map((item, index) => /* @__PURE__ */ jsxs8(
       "button",
       {
         ref: selectedRef(index),
@@ -27075,31 +27171,31 @@ var FileCompletionMenuContent = forwardRef2(function FileCompletionMenuContent2(
           handleSelect(item);
         },
         children: [
-          item.icon ? /* @__PURE__ */ jsx16("img", { src: item.icon, alt: "", width: 16, height: 16, className: "shrink-0" }) : /* @__PURE__ */ jsx16(BookOpen, { size: 14 }),
-          /* @__PURE__ */ jsx16("span", { className: "truncate", children: item.label }),
-          /* @__PURE__ */ jsx16("span", { className: "ml-auto truncate text-xs text-muted-foreground", children: item.display_name })
+          item.icon ? /* @__PURE__ */ jsx17("img", { src: item.icon, alt: "", width: 16, height: 16, className: "shrink-0" }) : /* @__PURE__ */ jsx17(BookOpen, { size: 14 }),
+          /* @__PURE__ */ jsx17("span", { className: "truncate", children: item.label }),
+          /* @__PURE__ */ jsx17("span", { className: "ml-auto truncate text-xs text-muted-foreground", children: item.display_name })
         ]
       },
       `${item.plugin}:${item.server}:${item.id}`
     )),
-    topicItems.length > 0 || topicError ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
-      /* @__PURE__ */ jsx16("div", { className: "px-3 pt-1 pb-0.5 text-xs font-medium text-muted-foreground", children: "\u4E3B\u9898\u8D44\u4EA7" }),
-      topicError ? /* @__PURE__ */ jsx16("output", { className: "block px-3 py-2 text-xs text-muted-foreground", children: topicError }) : null,
+    topicItems.length > 0 || topicError ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+      /* @__PURE__ */ jsx17("div", { className: "px-3 pt-1 pb-0.5 text-xs font-medium text-muted-foreground", children: "\u5DE5\u4F5C\u7A7A\u95F4\u8D44\u4EA7" }),
+      topicError ? /* @__PURE__ */ jsx17("output", { className: "block px-3 py-2 text-xs text-muted-foreground", children: topicError }) : null,
       topicItems.map((item, topicIndex) => {
         const index = pluginItems.length + topicIndex;
-        return /* @__PURE__ */ jsxs7("button", { ref: selectedRef(index), type: "button", title: item.path, className: rowClassName(index), onMouseDown: (event) => {
+        return /* @__PURE__ */ jsxs8("button", { ref: selectedRef(index), type: "button", title: item.path, className: rowClassName(index), onMouseDown: (event) => {
           event.preventDefault();
           handleSelect(item);
         }, children: [
-          /* @__PURE__ */ jsx16(File, { size: 14, className: "shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx16("span", { className: "truncate", children: item.path })
+          /* @__PURE__ */ jsx17(File, { size: 14, className: "shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx17("span", { className: "truncate", children: item.path })
         ] }, `${item.topic_id}:${item.path}`);
       })
     ] }) : null,
-    showGroupLabels ? /* @__PURE__ */ jsx16("div", { className: "px-3 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u6587\u4EF6" }) : null,
-    fileEmptyLabel ? /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: fileEmptyLabel }) : filteredEntries.map((entry, fileIndex) => {
+    showGroupLabels ? /* @__PURE__ */ jsx17("div", { className: "px-3 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u6587\u4EF6" }) : null,
+    fileEmptyLabel ? /* @__PURE__ */ jsx17("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: fileEmptyLabel }) : filteredEntries.map((entry, fileIndex) => {
       const index = pluginItems.length + topicItems.length + fileIndex;
-      return /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsxs8(
         "button",
         {
           ref: selectedRef(index),
@@ -27110,9 +27206,9 @@ var FileCompletionMenuContent = forwardRef2(function FileCompletionMenuContent2(
           },
           className: rowClassName(index),
           children: [
-            entry.is_dir ? /* @__PURE__ */ jsx16(Folder, { size: 14, className: "shrink-0 text-[hsl(var(--primary))]" }) : /* @__PURE__ */ jsx16(File, { size: 14, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-            /* @__PURE__ */ jsx16("span", { className: "truncate", children: entry.name }),
-            entry.is_dir && /* @__PURE__ */ jsx16(ChevronRight, { size: 12, className: "ml-auto shrink-0 opacity-40" })
+            entry.is_dir ? /* @__PURE__ */ jsx17(Folder, { size: 14, className: "shrink-0 text-[hsl(var(--primary))]" }) : /* @__PURE__ */ jsx17(File, { size: 14, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+            /* @__PURE__ */ jsx17("span", { className: "truncate", children: entry.name }),
+            entry.is_dir && /* @__PURE__ */ jsx17(ChevronRight, { size: 12, className: "ml-auto shrink-0 opacity-40" })
           ]
         },
         entry.path
@@ -27123,7 +27219,7 @@ var FileCompletionMenuContent = forwardRef2(function FileCompletionMenuContent2(
 
 // src/rich-input/SkillCompletionMenu.tsx
 import { forwardRef as forwardRef3, useCallback as useCallback5, useImperativeHandle as useImperativeHandle2, useState as useState10 } from "react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var SkillCompletionMenu = forwardRef3(
   function SkillCompletionMenu2({ command: command2, items }, ref) {
     const [rawSelectedIndex, setRawSelectedIndex] = useState10(0);
@@ -27170,10 +27266,10 @@ var SkillCompletionMenu = forwardRef3(
     );
     const commandItems = items.filter((item) => item.type === "command");
     const skillItems = items.filter((item) => item.type === "skill");
-    return /* @__PURE__ */ jsx17("div", { className: "max-h-64 overflow-y-auto rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 shadow-[var(--swf-shadow-overlay)]", children: items.length === 0 ? /* @__PURE__ */ jsx17("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u547D\u4EE4\u6216\u6280\u80FD" }) : /* @__PURE__ */ jsxs8("div", { children: [
-      commandItems.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "px-2 pb-1 pt-1", children: [
-        /* @__PURE__ */ jsx17("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-[hsl(var(--muted-foreground))]", children: "\u547D\u4EE4" }),
-        commandItems.map((item, index) => /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsx18("div", { className: "max-h-64 overflow-y-auto rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 shadow-[var(--swf-shadow-overlay)]", children: items.length === 0 ? /* @__PURE__ */ jsx18("div", { className: "px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u547D\u4EE4\u6216\u6280\u80FD" }) : /* @__PURE__ */ jsxs9("div", { children: [
+      commandItems.length > 0 ? /* @__PURE__ */ jsxs9("div", { className: "px-2 pb-1 pt-1", children: [
+        /* @__PURE__ */ jsx18("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-[hsl(var(--muted-foreground))]", children: "\u547D\u4EE4" }),
+        commandItems.map((item, index) => /* @__PURE__ */ jsxs9(
           "button",
           {
             ref: (element) => {
@@ -27188,21 +27284,21 @@ var SkillCompletionMenu = forwardRef3(
             },
             className: `flex w-full items-start gap-2 rounded-lg px-2 py-1.5 text-left transition-colors ${index === selectedIndex ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "text-[hsl(var(--popover-foreground))] hover:bg-[hsl(var(--accent))]"}`,
             children: [
-              /* @__PURE__ */ jsx17("span", { className: "pt-0.5 text-sm", children: "\u21BB" }),
-              /* @__PURE__ */ jsxs8("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-                /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: item.label }),
-                /* @__PURE__ */ jsx17("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: item.description })
+              /* @__PURE__ */ jsx18("span", { className: "pt-0.5 text-sm", children: "\u21BB" }),
+              /* @__PURE__ */ jsxs9("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium", children: item.label }),
+                /* @__PURE__ */ jsx18("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: item.description })
               ] })
             ]
           },
           item.id
         ))
       ] }) : null,
-      skillItems.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "px-2 pb-1 pt-1", children: [
-        /* @__PURE__ */ jsx17("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-[hsl(var(--muted-foreground))]", children: "\u6280\u80FD" }),
+      skillItems.length > 0 ? /* @__PURE__ */ jsxs9("div", { className: "px-2 pb-1 pt-1", children: [
+        /* @__PURE__ */ jsx18("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-[hsl(var(--muted-foreground))]", children: "\u6280\u80FD" }),
         skillItems.map((item, skillIndex) => {
           const index = commandItems.length + skillIndex;
-          return /* @__PURE__ */ jsxs8(
+          return /* @__PURE__ */ jsxs9(
             "button",
             {
               ref: (element) => {
@@ -27217,9 +27313,9 @@ var SkillCompletionMenu = forwardRef3(
               },
               className: `flex w-full flex-col gap-0.5 rounded-lg px-2 py-1.5 text-left transition-colors ${index === selectedIndex ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "text-[hsl(var(--popover-foreground))] hover:bg-[hsl(var(--accent))]"}`,
               children: [
-                /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: skillDisplayName(item) }),
-                  item.hasFlow ? /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium", children: skillDisplayName(item) }),
+                  item.hasFlow ? /* @__PURE__ */ jsx18(
                     "span",
                     {
                       title: "\u8FD9\u4E2A\u6280\u80FD\u6309\u56FA\u5B9A\u6D41\u7A0B\u6267\u884C:\u6B65\u9AA4\u4E8B\u5148\u7F16\u6392\u597D,\u8FD0\u884C\u4E2D\u4E0D\u4F1A\u5373\u5174\u53D1\u6325,\u4E5F\u4E0D\u4F1A\u4E2D\u9014\u95EE\u4F60",
@@ -27227,9 +27323,9 @@ var SkillCompletionMenu = forwardRef3(
                       children: "\u26A1 \u56FA\u5B9A\u6D41\u7A0B"
                     }
                   ) : null,
-                  item.installed === false ? /* @__PURE__ */ jsx17("span", { className: "shrink-0 rounded-full bg-[hsl(var(--muted))] px-1.5 py-px text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u672A\u5B89\u88C5" }) : null
+                  item.installed === false ? /* @__PURE__ */ jsx18("span", { className: "shrink-0 rounded-full bg-[hsl(var(--muted))] px-1.5 py-px text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u672A\u5B89\u88C5" }) : null
                 ] }),
-                /* @__PURE__ */ jsx17("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: item.description })
+                /* @__PURE__ */ jsx18("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: item.description })
               ]
             },
             item.skillId
@@ -27241,7 +27337,7 @@ var SkillCompletionMenu = forwardRef3(
 );
 
 // src/rich-input/FileSizeLimitDialog.tsx
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function FileSizeLimitDialog({
   open,
   onOpenChange,
@@ -27252,37 +27348,37 @@ function FileSizeLimitDialog({
     return null;
   }
   const limitText = formatFileSize(limitBytes);
-  return /* @__PURE__ */ jsx18(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs9(DialogContent, { showCloseButton: false, className: "w-full max-w-lg gap-0 p-0", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx18(DialogTitle, { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u9644\u4EF6\u8D85\u8FC7\u5927\u5C0F\u9650\u5236" }),
-        /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+  return /* @__PURE__ */ jsx19(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs10(DialogContent, { showCloseButton: false, className: "w-full max-w-lg gap-0 p-0", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-4 py-3", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx19(DialogTitle, { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u9644\u4EF6\u8D85\u8FC7\u5927\u5C0F\u9650\u5236" }),
+        /* @__PURE__ */ jsxs10("p", { className: "mt-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
           "\u5355\u4E2A\u9644\u4EF6\u6700\u5927\u652F\u6301 ",
           limitText,
           "\u3002\u4EE5\u4E0B\u6587\u4EF6\u672A\u52A0\u5165\u9644\u4EF6\u5217\u8868\u3002"
         ] })
       ] }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         DialogClose,
         {
           title: "\u5173\u95ED",
           className: "flex h-7 w-7 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-          children: /* @__PURE__ */ jsx18(X, { size: 14 })
+          children: /* @__PURE__ */ jsx19(X, { size: 14 })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18("div", { className: "max-h-[min(50vh,24rem)] overflow-auto px-4 py-3", children: /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-2", children: files.map((file) => /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsx19("div", { className: "max-h-[min(50vh,24rem)] overflow-auto px-4 py-3", children: /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-2", children: files.map((file) => /* @__PURE__ */ jsxs10(
       "div",
       {
         className: "flex items-center justify-between gap-3 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-3 py-2",
         children: [
-          /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate text-sm text-[hsl(var(--foreground))]", children: file.name }),
-          /* @__PURE__ */ jsx18("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: formatFileSize(file.size) })
+          /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate text-sm text-[hsl(var(--foreground))]", children: file.name }),
+          /* @__PURE__ */ jsx19("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: formatFileSize(file.size) })
         ]
       },
       `${file.name}:${file.size}`
     )) }) }),
-    /* @__PURE__ */ jsx18("div", { className: "flex justify-end border-t border-[hsl(var(--border))] px-4 py-3", children: /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19("div", { className: "flex justify-end border-t border-[hsl(var(--border))] px-4 py-3", children: /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -27360,7 +27456,7 @@ function reasoningLevelLabel(level) {
 }
 
 // src/rich-input/ReasoningModeSelect.tsx
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function ReasoningModeSelect({
   level,
   levels,
@@ -27368,11 +27464,11 @@ function ReasoningModeSelect({
   disabledReason,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs10("label", { className: "flex w-full flex-col gap-1 px-3 py-2", children: [
-    /* @__PURE__ */ jsxs10("span", { className: "flex w-full items-center gap-2", children: [
-      /* @__PURE__ */ jsx19(Brain, { size: 14, className: `shrink-0 ${chatTone("reasoning").text}`, "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx19("span", { className: "shrink-0", children: "\u601D\u8003\u6A21\u5F0F" }),
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs11("label", { className: "flex w-full flex-col gap-1 px-3 py-2", children: [
+    /* @__PURE__ */ jsxs11("span", { className: "flex w-full items-center gap-2", children: [
+      /* @__PURE__ */ jsx20(Brain, { size: 14, className: `shrink-0 ${chatTone("reasoning").text}`, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx20("span", { className: "shrink-0", children: "\u601D\u8003\u6A21\u5F0F" }),
+      /* @__PURE__ */ jsx20(
         "select",
         {
           value: level,
@@ -27381,18 +27477,18 @@ function ReasoningModeSelect({
           "aria-label": "\u601D\u8003\u6A21\u5F0F",
           title: "\u9009\u62E9\u601D\u8003\u6863\u4F4D\u3002\u6863\u4F4D\u8D8A\u9AD8\uFF0C\u6A21\u578B\u601D\u8003\u8D8A\u6DF1\u5165\uFF0C\u4F46\u54CD\u5E94\u53EF\u80FD\u66F4\u6162",
           className: "ml-auto h-6 min-w-20 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-1.5 disabled:cursor-not-allowed disabled:opacity-50",
-          children: levels.map((item) => /* @__PURE__ */ jsx19("option", { value: item, children: reasoningLevelLabel(item) }, item))
+          children: levels.map((item) => /* @__PURE__ */ jsx20("option", { value: item, children: reasoningLevelLabel(item) }, item))
         }
       )
     ] }),
-    disabled && disabledReason ? /* @__PURE__ */ jsx19("span", { className: "pl-[22px] text-xs text-[hsl(var(--muted-foreground))]", children: disabledReason }) : null
+    disabled && disabledReason ? /* @__PURE__ */ jsx20("span", { className: "pl-[22px] text-xs text-[hsl(var(--muted-foreground))]", children: disabledReason }) : null
   ] });
 }
 
 // src/rich-input/PlanningToggle.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function PlanningToggle({ enabled, onChange, disabled }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "button",
     {
       type: "button",
@@ -27404,18 +27500,18 @@ function PlanningToggle({ enabled, onChange, disabled }) {
       disabled,
       className: "flex w-full items-center justify-between gap-3 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-50",
       children: [
-        /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx20(Lightbulb, { size: 14, className: "text-[#F97316]", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx21(Lightbulb, { size: 14, className: "text-[#F97316]", "aria-hidden": "true" }),
           "\u89C4\u5212\u6A21\u5F0F"
         ] }),
-        /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--muted-foreground))]", children: enabled ? "\u5F00" : "\u5173" }),
-          /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx21("span", { className: "text-[hsl(var(--muted-foreground))]", children: enabled ? "\u5F00" : "\u5173" }),
+          /* @__PURE__ */ jsx21(
             "span",
             {
               className: `flex h-4 w-7 items-center rounded-full p-0.5 transition-colors ${enabled ? "justify-end bg-[hsl(var(--primary))]" : "justify-start bg-[hsl(var(--muted))]"}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx20("span", { className: "h-3 w-3 rounded-full bg-[hsl(var(--background))]" })
+              children: /* @__PURE__ */ jsx21("span", { className: "h-3 w-3 rounded-full bg-[hsl(var(--background))]" })
             }
           )
         ] })
@@ -27436,12 +27532,12 @@ function shouldHandleHistoryKey(event, menuOpen) {
 }
 
 // src/rich-input/ComposerAttachmentViewport.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function ComposerAttachmentViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: cn("min-h-0 max-h-40 overflow-y-auto overscroll-contain", className),
@@ -27451,7 +27547,7 @@ function ComposerAttachmentViewport({
 }
 
 // src/rich-input/ChatInput.tsx
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var RECENT_SESSION_LIMIT = 50;
 var DOUBLE_ESCAPE_MS = 450;
 function getEditorText(editor) {
@@ -27622,31 +27718,31 @@ function ComposerFilePill({
   const isFailed = isFile && attachment.status === "failed";
   const isUploading = isFile && attachment.status === "uploading";
   const uploadPercent = isUploading && typeof attachment.uploadProgress === "number" ? Math.max(0, Math.min(100, Math.round(attachment.uploadProgress * 100))) : null;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: `relative flex shrink-0 items-center gap-1.5 overflow-hidden rounded-full border px-2.5 py-1 text-[11px] ${isFailed ? "border-[hsl(var(--swf-danger)/0.3)] bg-[hsl(var(--swf-danger-soft))] text-[hsl(var(--swf-danger))]" : "border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--foreground))]"}`,
       children: [
-        uploadPercent !== null ? /* @__PURE__ */ jsx23(
+        uploadPercent !== null ? /* @__PURE__ */ jsx24(
           "span",
           {
             className: "absolute inset-y-0 left-0 bg-[hsl(var(--primary))]/10 transition-[width]",
             style: { width: `${uploadPercent}%` }
           }
         ) : null,
-        isUploading ? /* @__PURE__ */ jsx23(
+        isUploading ? /* @__PURE__ */ jsx24(
           LoaderCircle,
           {
             size: 12,
             className: "relative z-10 shrink-0 animate-spin text-[hsl(var(--muted-foreground))]"
           }
-        ) : /* @__PURE__ */ jsx23(Icon, { size: 12, className: "relative z-10 shrink-0 text-[hsl(var(--muted-foreground))]" }),
-        /* @__PURE__ */ jsx23("span", { className: "relative z-10 max-w-32 truncate", children: attachment.name }),
-        uploadPercent !== null ? /* @__PURE__ */ jsxs12("span", { className: "relative z-10 font-mono text-[10px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+        ) : /* @__PURE__ */ jsx24(Icon, { size: 12, className: "relative z-10 shrink-0 text-[hsl(var(--muted-foreground))]" }),
+        /* @__PURE__ */ jsx24("span", { className: "relative z-10 max-w-32 truncate", children: attachment.name }),
+        uploadPercent !== null ? /* @__PURE__ */ jsxs13("span", { className: "relative z-10 font-mono text-[10px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
           uploadPercent,
           "%"
         ] }) : null,
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           "button",
           {
             type: "button",
@@ -27654,7 +27750,7 @@ function ComposerFilePill({
             "aria-label": `\u79FB\u9664 ${attachment.name}`,
             title: "\u79FB\u9664",
             className: "relative z-10 ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition hover:text-[hsl(var(--swf-danger))]",
-            children: /* @__PURE__ */ jsx23(X, { size: 10 })
+            children: /* @__PURE__ */ jsx24(X, { size: 10 })
           }
         )
       ]
@@ -27777,7 +27873,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       setImportingId(null);
     }
   };
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-4",
@@ -27785,44 +27881,44 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
       onKeyDown: (e) => {
         if (e.key === "Escape") onClose();
       },
-      children: /* @__PURE__ */ jsxs12(
+      children: /* @__PURE__ */ jsxs13(
         "div",
         {
           className: "w-full max-w-lg flex flex-col rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-[var(--swf-shadow-overlay)]",
           onClick: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx23("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }),
-              /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [
+              /* @__PURE__ */ jsx24("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }),
+              /* @__PURE__ */ jsx24(
                 "button",
                 {
                   type: "button",
                   onClick: onClose,
                   className: "rounded-md p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                  children: /* @__PURE__ */ jsx23(X, { size: 14 })
+                  children: /* @__PURE__ */ jsx24(X, { size: 14 })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "px-5 py-4 space-y-3", children: [
-              /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsxs13("div", { className: "px-5 py-4 space-y-3", children: [
+              /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs13(
                   "button",
                   {
                     type: "button",
                     onClick: handleLoadSessions,
                     className: "inline-flex items-center gap-1.5 rounded-md border border-[hsl(var(--border))] px-2.5 py-1.5 text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]",
                     children: [
-                      /* @__PURE__ */ jsx23(Import, { size: 12 }),
+                      /* @__PURE__ */ jsx24(Import, { size: 12 }),
                       "\u4ECE\u5176\u4ED6\u4F1A\u8BDD\u5BFC\u5165",
-                      /* @__PURE__ */ jsx23(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
+                      /* @__PURE__ */ jsx24(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })
                     ]
                   }
                 ),
-                showSessionPicker && /* @__PURE__ */ jsx23("div", { className: "absolute left-0 top-full z-10 mt-1 max-h-48 w-full overflow-y-auto rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-[var(--swf-shadow-overlay)]", children: loadingSessions ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx23(LoaderCircle, { size: 12, className: "animate-spin" }),
+                showSessionPicker && /* @__PURE__ */ jsx24("div", { className: "absolute left-0 top-full z-10 mt-1 max-h-48 w-full overflow-y-auto rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-[var(--swf-shadow-overlay)]", children: loadingSessions ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [
+                  /* @__PURE__ */ jsx24(LoaderCircle, { size: 12, className: "animate-spin" }),
                   "\u52A0\u8F7D\u4F1A\u8BDD\u5217\u8868\u2026"
-                ] }) : sessions.length === 0 ? /* @__PURE__ */ jsx23("div", { className: "px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5176\u4ED6\u4F1A\u8BDD" }) : sessions.map((s) => /* @__PURE__ */ jsxs12(
+                ] }) : sessions.length === 0 ? /* @__PURE__ */ jsx24("div", { className: "px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5176\u4ED6\u4F1A\u8BDD" }) : sessions.map((s) => /* @__PURE__ */ jsxs13(
                   "button",
                   {
                     type: "button",
@@ -27830,16 +27926,16 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                     onClick: () => handleImportSession(s.id),
                     className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))] disabled:opacity-50",
                     children: [
-                      importingId === s.id && /* @__PURE__ */ jsx23(LoaderCircle, { size: 10, className: "shrink-0 animate-spin" }),
-                      /* @__PURE__ */ jsx23("span", { className: "truncate", children: s.intent })
+                      importingId === s.id && /* @__PURE__ */ jsx24(LoaderCircle, { size: 10, className: "shrink-0 animate-spin" }),
+                      /* @__PURE__ */ jsx24("span", { className: "truncate", children: s.intent })
                     ]
                   },
                   s.id
                 )) })
               ] }),
-              /* @__PURE__ */ jsxs12("div", { children: [
-                /* @__PURE__ */ jsx23("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }),
-                /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsxs13("div", { children: [
+                /* @__PURE__ */ jsx24("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }),
+                /* @__PURE__ */ jsx24(
                   "input",
                   {
                     id: "ctx-label",
@@ -27850,13 +27946,13 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs12("div", { children: [
-                /* @__PURE__ */ jsx23("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }),
-                isImportProcessing && /* @__PURE__ */ jsxs12("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-                  /* @__PURE__ */ jsx23(LoaderCircle, { size: 12, className: "animate-spin" }),
+              /* @__PURE__ */ jsxs13("div", { children: [
+                /* @__PURE__ */ jsx24("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }),
+                isImportProcessing && /* @__PURE__ */ jsxs13("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+                  /* @__PURE__ */ jsx24(LoaderCircle, { size: 12, className: "animate-spin" }),
                   "\u6B63\u5728\u5904\u7406\u5BFC\u5165\u5185\u5BB9\u5E76\u5199\u5165 workspace/context\uFF0C\u5B8C\u6210\u540E\u53EF\u70B9\u51FB\u201C\u786E\u5B9A\u201D"
                 ] }),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   "textarea",
                   {
                     id: "ctx-content",
@@ -27869,8 +27965,8 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
-              /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsxs13("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [
+              /* @__PURE__ */ jsx24(
                 "button",
                 {
                   type: "button",
@@ -27879,7 +27975,7 @@ ${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`
                   children: "\u53D6\u6D88"
                 }
               ),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(
                 "button",
                 {
                   type: "button",
@@ -27910,19 +28006,19 @@ function ComposerContextPill({
 }) {
   const [showDetail, setShowDetail] = useState11(false);
   const tokenK = formatTokenK(content);
-  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]", children: [
-      imageUrl ? /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]", children: [
+      imageUrl ? /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
           onClick: () => setShowDetail(true),
           className: "h-6 w-6 overflow-hidden rounded-md border border-[hsl(var(--border))] bg-white",
           title: "\u67E5\u770B\u9009\u4E2D\u533A\u57DF\u622A\u56FE",
-          children: /* @__PURE__ */ jsx23("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
+          children: /* @__PURE__ */ jsx24("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
         }
       ) : null,
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
@@ -27932,7 +28028,7 @@ function ComposerContextPill({
           children: label
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "span",
         {
           className: "shrink-0 rounded bg-[hsl(var(--background))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]",
@@ -27940,7 +28036,7 @@ function ComposerContextPill({
           children: tokenK
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
@@ -27948,11 +28044,11 @@ function ComposerContextPill({
           "aria-label": `\u79FB\u9664\u4E0A\u4E0B\u6587 ${label}`,
           title: "\u79FB\u9664",
           className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition hover:text-[hsl(var(--swf-danger))]",
-          children: /* @__PURE__ */ jsx23(X, { size: 10 })
+          children: /* @__PURE__ */ jsx24(X, { size: 10 })
         }
       )
     ] }),
-    showDetail && /* @__PURE__ */ jsx23(
+    showDetail && /* @__PURE__ */ jsx24(
       "div",
       {
         className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-6",
@@ -27960,31 +28056,31 @@ function ComposerContextPill({
         onKeyDown: (e) => {
           if (e.key === "Escape") setShowDetail(false);
         },
-        children: /* @__PURE__ */ jsxs12(
+        children: /* @__PURE__ */ jsxs13(
           "div",
           {
             className: "w-full max-w-4xl max-h-[85vh] flex flex-col rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-[var(--swf-shadow-overlay)]",
             onClick: (e) => e.stopPropagation(),
             onKeyDown: (e) => e.stopPropagation(),
             children: [
-              /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
-                /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx23("h4", { className: "truncate text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
-                  imageUrl ? /* @__PURE__ */ jsx23("p", { className: "mt-0.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u9644\u52A0\u9009\u4E2D\u533A\u57DF\u622A\u56FE\uFF0C\u975E\u591A\u6A21\u6001\u6A21\u578B\u4F1A\u81EA\u52A8\u5FFD\u7565\u56FE\u7247\u3002" }) : null
+              /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
+                /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx24("h4", { className: "truncate text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
+                  imageUrl ? /* @__PURE__ */ jsx24("p", { className: "mt-0.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u9644\u52A0\u9009\u4E2D\u533A\u57DF\u622A\u56FE\uFF0C\u975E\u591A\u6A21\u6001\u6A21\u578B\u4F1A\u81EA\u52A8\u5FFD\u7565\u56FE\u7247\u3002" }) : null
                 ] }),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   "button",
                   {
                     type: "button",
                     onClick: () => setShowDetail(false),
                     className: "rounded-md p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                    children: /* @__PURE__ */ jsx23(X, { size: 14 })
+                    children: /* @__PURE__ */ jsx24(X, { size: 14 })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs12("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
-                imageUrl ? /* @__PURE__ */ jsx23("div", { className: "mb-4 rounded-xl border border-[hsl(var(--border))] bg-white p-2", children: /* @__PURE__ */ jsx23("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "max-h-72 max-w-full rounded-lg object-contain" }) }) : null,
-                /* @__PURE__ */ jsx23("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content })
+              /* @__PURE__ */ jsxs13("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+                imageUrl ? /* @__PURE__ */ jsx24("div", { className: "mb-4 rounded-xl border border-[hsl(var(--border))] bg-white p-2", children: /* @__PURE__ */ jsx24("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "max-h-72 max-w-full rounded-lg object-contain" }) }) : null,
+                /* @__PURE__ */ jsx24("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content })
               ] })
             ]
           }
@@ -28165,7 +28261,7 @@ function ChatInput({
       const detail = await client.sessions.getSession(activeSessionId);
       return getTopicAssetSuggestionItems(client, detail.chat_group_id, query);
     } catch {
-      return [{ kind: "topicAssetError", message: "\u4E3B\u9898\u8D44\u4EA7\u6682\u65F6\u65E0\u6CD5\u52A0\u8F7D\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165 @ \u91CD\u8BD5" }];
+      return [{ kind: "topicAssetError", message: "\u5DE5\u4F5C\u7A7A\u95F4\u8D44\u4EA7\u6682\u65F6\u65E0\u6CD5\u52A0\u8F7D\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165 @ \u91CD\u8BD5" }];
     }
   });
   const getSessionId = useEffectEvent(() => activeSessionId);
@@ -28282,7 +28378,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   FileCompletionMenu,
                   {
                     ref: (instance) => {
@@ -28375,7 +28471,7 @@ function ChatInput({
               if (!container || !root) return;
               updateSuggestionPosition(container, props.clientRect);
               root.render(
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   SkillCompletionMenu,
                   {
                     ref: (instance) => {
@@ -28713,7 +28809,7 @@ ${append2.text}` : append2.text;
       }
       const topicAssetRefs = collectTopicAssetMentions(json);
       if (topicAssetRefs.length > 20) {
-        notifyChat(environment, "error", "\u6BCF\u6761\u6D88\u606F\u6700\u591A\u5F15\u7528 20 \u4E2A\u4E3B\u9898\u8D44\u4EA7");
+        notifyChat(environment, "error", "\u6BCF\u6761\u6D88\u606F\u6700\u591A\u5F15\u7528 20 \u4E2A\u5DE5\u4F5C\u7A7A\u95F4\u8D44\u4EA7");
         return;
       }
       const text = rawText;
@@ -28946,11 +29042,11 @@ ${append2.text}` : append2.text;
   const hasComposerContent = Boolean(input.trim()) || hasValidAttachments || hasRenderedAttachments || hasPendingContexts;
   const isSendDisabled = connectionStatus !== "connected" || isCompacting || !submitWhileRunning && isModelLoading || !submitWhileRunning && !hasAvailableModel || isSubmitting || hasUploadingFiles || !input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts;
   const showQueueShortcut = Boolean(input.trim()) && !isSendDisabled && !isStopping && !isRecording && (!isStreaming || queueWhileRunning && !hasRunningSendBlockers());
-  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
-    /* @__PURE__ */ jsx23("div", { className: `px-5 pb-3 pt-0 ${className ?? ""}`, children: /* @__PURE__ */ jsxs12("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: [
-      statusBarAddon ? /* @__PURE__ */ jsx23("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: statusBarAddon }) : null,
-      !isModelLoading && !hasAvailableModel ? /* @__PURE__ */ jsx23("div", { className: "mb-2 rounded-lg border border-[hsl(var(--destructive))]/30 bg-[hsl(var(--destructive))]/8 px-3 py-2 text-xs text-[hsl(var(--destructive))]", children: modelAvailabilityMessage }) : null,
-      /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
+    /* @__PURE__ */ jsx24("div", { className: `px-5 pb-3 pt-0 ${className ?? ""}`, children: /* @__PURE__ */ jsxs13("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: [
+      statusBarAddon ? /* @__PURE__ */ jsx24("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: statusBarAddon }) : null,
+      !isModelLoading && !hasAvailableModel ? /* @__PURE__ */ jsx24("div", { className: "mb-2 rounded-lg border border-[hsl(var(--destructive))]/30 bg-[hsl(var(--destructive))]/8 px-3 py-2 text-xs text-[hsl(var(--destructive))]", children: modelAvailabilityMessage }) : null,
+      /* @__PURE__ */ jsx24(
         "div",
         {
           className: "relative",
@@ -28984,20 +29080,20 @@ ${append2.text}` : append2.text;
               if (files.length > 0) void stableAppendFiles(files);
             });
           },
-          children: /* @__PURE__ */ jsxs12(
+          children: /* @__PURE__ */ jsxs13(
             "div",
             {
               className: `overflow-visible border bg-[hsl(var(--card))] transition-[box-shadow,border-color] duration-300 ${mergesWithPanelAbove ? "rounded-b-[22px]" : "rounded-[22px]"} ${isRecording ? "border-[hsl(var(--swf-success))]!" : isPlanning ? dragging || isEditorFocused ? "border-[hsl(var(--swf-warning)/0.6)]" : "border-[hsl(var(--swf-warning)/0.3)]" : dragging || isEditorFocused ? "border-[hsl(213_94%_60%/0.55)] shadow-[0_0_0_3px_hsl(213_94%_60%/0.16),0_8px_24px_-6px_hsl(213_94%_60%/0.3)]" : "border-[hsl(213_94%_60%/0.28)] shadow-[0_0_0_2px_hsl(213_94%_60%/0.08),0_4px_14px_-6px_hsl(213_94%_60%/0.16)]"}`,
               children: [
-                dragging && /* @__PURE__ */ jsx23("div", { className: `pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-[hsl(var(--primary)/0.06)] ${mergesWithPanelAbove ? "rounded-b-[22px]" : "rounded-2xl"}`, children: /* @__PURE__ */ jsx23("span", { className: "rounded-full bg-[hsl(var(--primary)/0.12)] px-4 py-2 text-sm font-medium text-[hsl(var(--primary))]", children: "\u677E\u624B\u5F15\u7528\u6587\u4EF6" }) }),
+                dragging && /* @__PURE__ */ jsx24("div", { className: `pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-[hsl(var(--primary)/0.06)] ${mergesWithPanelAbove ? "rounded-b-[22px]" : "rounded-2xl"}`, children: /* @__PURE__ */ jsx24("span", { className: "rounded-full bg-[hsl(var(--primary)/0.12)] px-4 py-2 text-sm font-medium text-[hsl(var(--primary))]", children: "\u677E\u624B\u5F15\u7528\u6587\u4EF6" }) }),
                 planPanel,
-                composerAttachments.length > 0 && /* @__PURE__ */ jsxs12(ComposerAttachmentViewport, { className: "flex flex-col gap-2 border-b border-[hsl(var(--border))] px-4 py-2", children: [
-                  imageAttachments.length > 0 && /* @__PURE__ */ jsx23("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => /* @__PURE__ */ jsxs12(
+                composerAttachments.length > 0 && /* @__PURE__ */ jsxs13(ComposerAttachmentViewport, { className: "flex flex-col gap-2 border-b border-[hsl(var(--border))] px-4 py-2", children: [
+                  imageAttachments.length > 0 && /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => /* @__PURE__ */ jsxs13(
                     "div",
                     {
                       className: "relative overflow-hidden rounded-xl border border-[hsl(var(--border))]",
                       children: [
-                        /* @__PURE__ */ jsx23(
+                        /* @__PURE__ */ jsx24(
                           "img",
                           {
                             src: getImagePreviewUrl(client, attachment, activeSessionId, localImageUrls),
@@ -29005,7 +29101,7 @@ ${append2.text}` : append2.text;
                             className: "h-24 w-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ jsx23(
+                        /* @__PURE__ */ jsx24(
                           "button",
                           {
                             type: "button",
@@ -29013,14 +29109,14 @@ ${append2.text}` : append2.text;
                             "aria-label": `\u79FB\u9664 ${attachment.name || "\u56FE\u7247"}`,
                             title: "\u79FB\u9664",
                             className: "absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-[hsl(var(--background)/0.85)] text-[hsl(var(--foreground))]",
-                            children: /* @__PURE__ */ jsx23(X, { size: 12 })
+                            children: /* @__PURE__ */ jsx24(X, { size: 12 })
                           }
                         )
                       ]
                     },
                     attachment.id
                   )) }),
-                  fileAttachments.length > 0 && /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx23(
+                  fileAttachments.length > 0 && /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx24(
                     ComposerFilePill,
                     {
                       attachment,
@@ -29029,8 +29125,8 @@ ${append2.text}` : append2.text;
                     attachment.id
                   )) })
                 ] }),
-                hasPendingContexts || isSkillEditor ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-1.5 border-b border-[hsl(var(--border))] px-4 py-2", children: [
-                  pendingContexts?.map((context) => /* @__PURE__ */ jsx23(
+                hasPendingContexts || isSkillEditor ? /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-1.5 border-b border-[hsl(var(--border))] px-4 py-2", children: [
+                  pendingContexts?.map((context) => /* @__PURE__ */ jsx24(
                     ComposerContextPill,
                     {
                       id: context.id,
@@ -29046,18 +29142,18 @@ ${append2.text}` : append2.text;
                     },
                     context.id
                   )),
-                  isSkillEditor && /* @__PURE__ */ jsx23(
+                  isSkillEditor && /* @__PURE__ */ jsx24(
                     "button",
                     {
                       type: "button",
                       onClick: () => setShowAddContext(true),
                       title: "\u6DFB\u52A0\u4E0A\u4E0B\u6587",
                       className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-dashed border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]",
-                      children: /* @__PURE__ */ jsx23(Plus, { size: 12 })
+                      children: /* @__PURE__ */ jsx24(Plus, { size: 12 })
                     }
                   )
                 ] }) : null,
-                showAddContext && activeSessionId && /* @__PURE__ */ jsx23(
+                showAddContext && activeSessionId && /* @__PURE__ */ jsx24(
                   AddContextDialog,
                   {
                     sessionId: activeSessionId,
@@ -29069,15 +29165,15 @@ ${append2.text}` : append2.text;
                     }
                   }
                 ),
-                attachments ? /* @__PURE__ */ jsx23("div", { className: "border-b border-[hsl(var(--border))] px-4 py-3", children: attachments }) : null,
-                slotAboveTextarea ? /* @__PURE__ */ jsx23("div", { className: "border-b border-[hsl(var(--border))] px-4 py-2", children: slotAboveTextarea }) : null,
-                /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
-                  input.length === 0 && /* @__PURE__ */ jsx23("div", { className: "pointer-events-none absolute left-5 top-3 text-sm leading-relaxed text-[hsl(var(--muted-foreground)/0.6)]", children: placeholder }),
-                  /* @__PURE__ */ jsx23(EditorContent, { editor })
+                attachments ? /* @__PURE__ */ jsx24("div", { className: "border-b border-[hsl(var(--border))] px-4 py-3", children: attachments }) : null,
+                slotAboveTextarea ? /* @__PURE__ */ jsx24("div", { className: "border-b border-[hsl(var(--border))] px-4 py-2", children: slotAboveTextarea }) : null,
+                /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
+                  input.length === 0 && /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute left-5 top-3 text-sm leading-relaxed text-[hsl(var(--muted-foreground)/0.6)]", children: placeholder }),
+                  /* @__PURE__ */ jsx24(EditorContent, { editor })
                 ] }),
-                /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-4 pb-3 pt-1", children: [
-                  /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between px-4 pb-3 pt-1", children: [
+                  /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx24(
                       "input",
                       {
                         ref: fileInputRef,
@@ -29093,7 +29189,7 @@ ${append2.text}` : append2.text;
                         className: "hidden"
                       }
                     ),
-                    /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsx24(
                       "input",
                       {
                         ref: folderInputRef,
@@ -29109,7 +29205,7 @@ ${append2.text}` : append2.text;
                         ...{ webkitdirectory: "" }
                       }
                     ),
-                    /* @__PURE__ */ jsxs12(
+                    /* @__PURE__ */ jsxs13(
                       dist_exports.Root,
                       {
                         open: actionMenuOpen,
@@ -29118,17 +29214,17 @@ ${append2.text}` : append2.text;
                           if (open) setConnectMenuOpen(false);
                         },
                         children: [
-                          /* @__PURE__ */ jsx23(dist_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24(dist_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                             "button",
                             {
                               type: "button",
                               "aria-label": "\u6DFB\u52A0\u5185\u5BB9",
                               title: "\u6DFB\u52A0\u5185\u5BB9",
                               className: "flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded-full border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]",
-                              children: /* @__PURE__ */ jsx23(Plus, { size: 14 })
+                              children: /* @__PURE__ */ jsx24(Plus, { size: 14 })
                             }
                           ) }),
-                          /* @__PURE__ */ jsx23(dist_exports.Portal, { children: /* @__PURE__ */ jsxs12(
+                          /* @__PURE__ */ jsx24(dist_exports.Portal, { children: /* @__PURE__ */ jsxs13(
                             dist_exports.Content,
                             {
                               side: "top",
@@ -29136,7 +29232,7 @@ ${append2.text}` : append2.text;
                               sideOffset: 8,
                               className: "z-30 w-[min(380px,calc(100vw-2rem))] origin-(--radix-popover-content-transform-origin) overflow-visible rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 text-[11px] text-[hsl(var(--popover-foreground))] shadow-[var(--swf-shadow-overlay)] outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
                               children: [
-                                /* @__PURE__ */ jsxs12(
+                                /* @__PURE__ */ jsxs13(
                                   "button",
                                   {
                                     type: "button",
@@ -29146,12 +29242,12 @@ ${append2.text}` : append2.text;
                                     },
                                     className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                     children: [
-                                      /* @__PURE__ */ jsx23(Paperclip, { size: 14 }),
+                                      /* @__PURE__ */ jsx24(Paperclip, { size: 14 }),
                                       "\u4E0A\u4F20\u6587\u4EF6"
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ jsxs12(
+                                /* @__PURE__ */ jsxs13(
                                   "button",
                                   {
                                     type: "button",
@@ -29161,12 +29257,12 @@ ${append2.text}` : append2.text;
                                     },
                                     className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                     children: [
-                                      /* @__PURE__ */ jsx23(FolderUp, { size: 14 }),
+                                      /* @__PURE__ */ jsx24(FolderUp, { size: 14 }),
                                       "\u4E0A\u4F20\u6587\u4EF6\u5939"
                                     ]
                                   }
                                 ),
-                                onCommand && canCreateBoardTask && !lite ? /* @__PURE__ */ jsxs12(
+                                onCommand && canCreateBoardTask && !lite ? /* @__PURE__ */ jsxs13(
                                   "button",
                                   {
                                     type: "button",
@@ -29176,12 +29272,12 @@ ${append2.text}` : append2.text;
                                     },
                                     className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                     children: [
-                                      /* @__PURE__ */ jsx23(ListPlus, { size: 14 }),
+                                      /* @__PURE__ */ jsx24(ListPlus, { size: 14 }),
                                       "\u521B\u5EFA\u540E\u53F0\u4EFB\u52A1"
                                     ]
                                   }
                                 ) : null,
-                                onDoubleEscape ? /* @__PURE__ */ jsxs12(
+                                onDoubleEscape ? /* @__PURE__ */ jsxs13(
                                   "button",
                                   {
                                     type: "button",
@@ -29193,13 +29289,13 @@ ${append2.text}` : append2.text;
                                     },
                                     className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                     children: [
-                                      /* @__PURE__ */ jsx23(RotateCcw, { size: 14 }),
+                                      /* @__PURE__ */ jsx24(RotateCcw, { size: 14 }),
                                       "\u56DE\u5230\u4E4B\u524D\u7684\u67D0\u4E00\u6B65"
                                     ]
                                   }
                                 ) : null,
-                                onCommand && !lite ? /* @__PURE__ */ jsxs12(Fragment5, { children: [
-                                  developer ? /* @__PURE__ */ jsxs12(
+                                onCommand && !lite ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                                  developer ? /* @__PURE__ */ jsxs13(
                                     "button",
                                     {
                                       type: "button",
@@ -29210,12 +29306,12 @@ ${append2.text}` : append2.text;
                                       disabled: isBusy,
                                       className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-50",
                                       children: [
-                                        isCompacting ? /* @__PURE__ */ jsx23(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx23(Scissors, { size: 14 }),
+                                        isCompacting ? /* @__PURE__ */ jsx24(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx24(Scissors, { size: 14 }),
                                         "\u6574\u7406\u5BF9\u8BDD"
                                       ]
                                     }
                                   ) : null,
-                                  /* @__PURE__ */ jsxs12(
+                                  /* @__PURE__ */ jsxs13(
                                     "button",
                                     {
                                       type: "button",
@@ -29225,12 +29321,12 @@ ${append2.text}` : append2.text;
                                       },
                                       className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                       children: [
-                                        /* @__PURE__ */ jsx23(Download, { size: 14 }),
+                                        /* @__PURE__ */ jsx24(Download, { size: 14 }),
                                         "\u5BFC\u51FA\u4F1A\u8BDD"
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsxs12(
+                                  /* @__PURE__ */ jsxs13(
                                     "button",
                                     {
                                       type: "button",
@@ -29240,12 +29336,12 @@ ${append2.text}` : append2.text;
                                       },
                                       className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                       children: [
-                                        /* @__PURE__ */ jsx23(Play, { size: 14 }),
+                                        /* @__PURE__ */ jsx24(Play, { size: 14 }),
                                         "\u56DE\u653E\u8FD9\u4E2A\u5BF9\u8BDD"
                                       ]
                                     }
                                   ),
-                                  canShareSession ? /* @__PURE__ */ jsxs12(
+                                  canShareSession ? /* @__PURE__ */ jsxs13(
                                     "button",
                                     {
                                       type: "button",
@@ -29255,12 +29351,12 @@ ${append2.text}` : append2.text;
                                       },
                                       className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                       children: [
-                                        /* @__PURE__ */ jsx23(Share2, { size: 14 }),
+                                        /* @__PURE__ */ jsx24(Share2, { size: 14 }),
                                         "\u5206\u4EAB\u4F1A\u8BDD"
                                       ]
                                     }
                                   ) : null,
-                                  /* @__PURE__ */ jsxs12(
+                                  /* @__PURE__ */ jsxs13(
                                     "button",
                                     {
                                       type: "button",
@@ -29270,12 +29366,12 @@ ${append2.text}` : append2.text;
                                       },
                                       className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                       children: [
-                                        /* @__PURE__ */ jsx23(FlaskConical, { size: 14 }),
+                                        /* @__PURE__ */ jsx24(FlaskConical, { size: 14 }),
                                         "\u63D0\u53D6\u6280\u80FD"
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsxs12(
+                                  /* @__PURE__ */ jsxs13(
                                     "button",
                                     {
                                       type: "button",
@@ -29285,13 +29381,13 @@ ${append2.text}` : append2.text;
                                       },
                                       className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
                                       children: [
-                                        /* @__PURE__ */ jsx23(Rocket, { size: 14 }),
+                                        /* @__PURE__ */ jsx24(Rocket, { size: 14 }),
                                         "\u751F\u6210\u5E94\u7528"
                                       ]
                                     }
                                   )
                                 ] }) : null,
-                                onToggleMode && !lite ? /* @__PURE__ */ jsx23(
+                                onToggleMode && !lite ? /* @__PURE__ */ jsx24(
                                   PlanningToggle,
                                   {
                                     enabled: isPlanning,
@@ -29302,7 +29398,7 @@ ${append2.text}` : append2.text;
                                     disabled: isBusy
                                   }
                                 ) : null,
-                                !lite && thinkingAvailable && reasoningLevels.length > 0 ? /* @__PURE__ */ jsx23(
+                                !lite && thinkingAvailable && reasoningLevels.length > 0 ? /* @__PURE__ */ jsx24(
                                   ReasoningModeSelect,
                                   {
                                     level: selectedReasoningLevel,
@@ -29312,12 +29408,13 @@ ${append2.text}` : append2.text;
                                     onChange: model.setReasoningLevel
                                   }
                                 ) : null,
-                                !lite ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-                                  /* @__PURE__ */ jsx23(Sparkles, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
-                                  /* @__PURE__ */ jsx23("span", { className: "shrink-0", children: "\u6A21\u578B" }),
-                                  /* @__PURE__ */ jsx23(
+                                !lite ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+                                  /* @__PURE__ */ jsx24(Sparkles, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
+                                  /* @__PURE__ */ jsx24("span", { className: "shrink-0", children: "\u6A21\u578B" }),
+                                  /* @__PURE__ */ jsx24(
                                     ModelSelector,
                                     {
+                                      disabled: isModelLoading,
                                       value: selectedModel,
                                       onValueChange: model.selectModel,
                                       compact: true,
@@ -29325,8 +29422,8 @@ ${append2.text}` : append2.text;
                                     }
                                   )
                                 ] }) : null,
-                                !lite && activeSessionId && actionMenuOpen ? /* @__PURE__ */ jsxs12("div", { className: "border-t border-[hsl(var(--border))] px-3 py-2.5", children: [
-                                  /* @__PURE__ */ jsx23(
+                                !lite && activeSessionId && actionMenuOpen ? /* @__PURE__ */ jsxs13("div", { className: "border-t border-[hsl(var(--border))] px-3 py-2.5", children: [
+                                  /* @__PURE__ */ jsx24(
                                     SkillStatusBarComponent,
                                     {
                                       sessionId: activeSessionId,
@@ -29336,7 +29433,7 @@ ${append2.text}` : append2.text;
                                       innerClassName: skillStatusBarInnerClassName
                                     }
                                   ),
-                                  composerHint ? /* @__PURE__ */ jsx23("div", { className: "mt-2 border-t border-[hsl(var(--border))] pt-2 text-[hsl(var(--muted-foreground))]", children: composerHint }) : null
+                                  composerHint ? /* @__PURE__ */ jsx24("div", { className: "mt-2 border-t border-[hsl(var(--border))] pt-2 text-[hsl(var(--muted-foreground))]", children: composerHint }) : null
                                 ] }) : null
                               ]
                             }
@@ -29344,7 +29441,7 @@ ${append2.text}` : append2.text;
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsx24(
                       ConnectButton,
                       {
                         sessionId: activeSessionId,
@@ -29357,15 +29454,15 @@ ${append2.text}` : append2.text;
                         }
                       }
                     ),
-                    !lite && activeSessionId ? /* @__PURE__ */ jsx23(BackgroundTasksPill, { sessionId: activeSessionId }) : null
+                    !lite && activeSessionId ? /* @__PURE__ */ jsx24(BackgroundTasksPill, { sessionId: activeSessionId }) : null
                   ] }),
-                  /* @__PURE__ */ jsxs12("div", { className: "flex min-h-10 items-center gap-1.5", children: [
-                    showQueueShortcut && /* @__PURE__ */ jsxs12("span", { className: "mr-1 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+                  /* @__PURE__ */ jsxs13("div", { className: "flex min-h-10 items-center gap-1.5", children: [
+                    showQueueShortcut && /* @__PURE__ */ jsxs13("span", { className: "mr-1 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
                       queueShortcutLabel(),
                       " \xB7 \u6392\u961F\u6D88\u606F"
                     ] }),
                     slotBeforeSend,
-                    !isStreaming && !isCompacting && asrEnabled && (isRecording || isVoiceStarting || !hasComposerContent) ? /* @__PURE__ */ jsx23(
+                    !isStreaming && !isCompacting && asrEnabled && (isRecording || isVoiceStarting || !hasComposerContent) ? /* @__PURE__ */ jsx24(
                       "button",
                       {
                         type: "button",
@@ -29373,11 +29470,11 @@ ${append2.text}` : append2.text;
                         "aria-label": isRecording || isVoiceStarting ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u5F00\u59CB\u8BED\u97F3\u8F93\u5165",
                         title: isVoiceStarting ? "\u6B63\u5728\u8FDE\u63A5\u8BED\u97F3\u8F93\u5165\uFF0C\u70B9\u51FB\u53D6\u6D88" : isRecording ? "\u505C\u6B62\u8BED\u97F3\u8F93\u5165" : "\u8BED\u97F3\u8F93\u5165",
                         className: `flex items-center justify-center rounded-full transition-[width,height,background-color,color,box-shadow] duration-300 disabled:opacity-40 ${isRecording ? "h-10 w-10 bg-[hsl(var(--swf-success-soft))] text-[hsl(var(--swf-success))]" : "h-10 w-10 bg-[hsl(213_94%_60%/0.10)] text-[hsl(213_94%_45%)] hover:bg-[hsl(213_94%_60%/0.18)]"}`,
-                        children: isVoiceStarting ? /* @__PURE__ */ jsx23(LoaderCircle, { size: 20, className: "animate-spin" }) : isRecording ? /* @__PURE__ */ jsx23(VoiceWaveform, { level: voiceLevel, size: 20 }) : /* @__PURE__ */ jsx23(Mic, { size: 20 })
+                        children: isVoiceStarting ? /* @__PURE__ */ jsx24(LoaderCircle, { size: 20, className: "animate-spin" }) : isRecording ? /* @__PURE__ */ jsx24(VoiceWaveform, { level: voiceLevel, size: 20 }) : /* @__PURE__ */ jsx24(Mic, { size: 20 })
                       }
                     ) : null,
-                    isStreaming ? /* @__PURE__ */ jsxs12(Fragment5, { children: [
-                      submitWhileRunning ? /* @__PURE__ */ jsx23(
+                    isStreaming ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                      submitWhileRunning ? /* @__PURE__ */ jsx24(
                         "button",
                         {
                           type: "button",
@@ -29386,10 +29483,10 @@ ${append2.text}` : append2.text;
                           "aria-label": "\u53D1\u9001\u5F15\u5BFC\u6D88\u606F",
                           title: "\u53D1\u9001\u5F15\u5BFC\u6D88\u606F",
                           className: "flex h-10 w-10 items-center justify-center rounded-full bg-[hsl(213_94%_55%)] text-white disabled:opacity-25",
-                          children: isSubmitting ? /* @__PURE__ */ jsx23(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx23(Send, { size: 16 })
+                          children: isSubmitting ? /* @__PURE__ */ jsx24(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx24(Send, { size: 16 })
                         }
                       ) : null,
-                      /* @__PURE__ */ jsx23(
+                      /* @__PURE__ */ jsx24(
                         "button",
                         {
                           type: "button",
@@ -29398,10 +29495,10 @@ ${append2.text}` : append2.text;
                           "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u751F\u6210",
                           title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u751F\u6210",
                           className: "flex h-10 w-10 items-center justify-center rounded-full bg-[hsl(var(--destructive))] text-[hsl(var(--destructive-foreground))] transition-opacity hover:opacity-80 disabled:cursor-wait disabled:opacity-70",
-                          children: isStopping ? /* @__PURE__ */ jsx23(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx23(Square, { size: 16 })
+                          children: isStopping ? /* @__PURE__ */ jsx24(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx24(Square, { size: 16 })
                         }
                       )
-                    ] }) : isCompacting ? /* @__PURE__ */ jsx23(
+                    ] }) : isCompacting ? /* @__PURE__ */ jsx24(
                       "button",
                       {
                         type: "button",
@@ -29409,9 +29506,9 @@ ${append2.text}` : append2.text;
                         "aria-label": developer ? "\u6B63\u5728\u6574\u7406\u5BF9\u8BDD" : "\u6B63\u5728\u5904\u7406",
                         title: developer ? "\u6B63\u5728\u6574\u7406\u5BF9\u8BDD" : "\u6B63\u5728\u5904\u7406",
                         className: "flex h-10 w-10 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] opacity-50",
-                        children: /* @__PURE__ */ jsx23(LoaderCircle, { size: 16, className: "animate-spin" })
+                        children: /* @__PURE__ */ jsx24(LoaderCircle, { size: 16, className: "animate-spin" })
                       }
-                    ) : !isRecording && hasComposerContent ? /* @__PURE__ */ jsx23(
+                    ) : !isRecording && hasComposerContent ? /* @__PURE__ */ jsx24(
                       "button",
                       {
                         type: "button",
@@ -29420,19 +29517,19 @@ ${append2.text}` : append2.text;
                         "aria-label": "\u53D1\u9001\u5F15\u5BFC\u6D88\u606F",
                         title: isModelLoading ? "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B\u914D\u7F6E" : !hasAvailableModel ? modelAvailabilityMessage : "\u53D1\u9001\u5F15\u5BFC\u6D88\u606F",
                         className: "flex h-10 w-10 items-center justify-center rounded-full bg-[hsl(213_94%_55%)] text-white transition-colors duration-[120ms] ease-out hover:bg-[hsl(213_94%_48%)] disabled:opacity-25",
-                        children: isSubmitting ? /* @__PURE__ */ jsx23(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx23(Send, { size: 16 })
+                        children: isSubmitting ? /* @__PURE__ */ jsx24(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx24(Send, { size: 16 })
                       }
                     ) : null
                   ] })
                 ] }),
-                slotBelowActions ? /* @__PURE__ */ jsx23("div", { className: "border-t border-[hsl(var(--border))] px-4 py-1.5", children: slotBelowActions }) : null
+                slotBelowActions ? /* @__PURE__ */ jsx24("div", { className: "border-t border-[hsl(var(--border))] px-4 py-1.5", children: slotBelowActions }) : null
               ]
             }
           )
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       FileSizeLimitDialog,
       {
         open: oversizedFiles.length > 0,
@@ -29447,6 +29544,42 @@ ${append2.text}` : append2.text;
     )
   ] });
 }
+
+// src/rich-input/SkillActionMenu.tsx
+import { useEffect as useEffect9, useState as useState12 } from "react";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+function SkillActionMenu({ open, onOpenChange, renderMode, onSelect, onManage, disabled }) {
+  return /* @__PURE__ */ jsx25(InputActionSubmenu, { label: "\u6280\u80FD", icon: /* @__PURE__ */ jsx25(Sparkles, { size: 16, "aria-hidden": "true" }), open, onOpenChange, disabled, children: /* @__PURE__ */ jsx25(SkillPicker, { renderMode, onSelect, onManage }) });
+}
+function SkillPicker({ renderMode, onSelect, onManage }) {
+  const client = useBladeClient();
+  const [query, setQuery] = useState12("");
+  const [skills, setSkills] = useState12(null);
+  useEffect9(() => {
+    let active = true;
+    setSkills(null);
+    getSlashSuggestions(query, { client, sessionId: null, renderMode }).then((items) => {
+      if (active) setSkills(items);
+    }).catch(() => {
+      if (active) setSkills([]);
+    });
+    return () => {
+      active = false;
+    };
+  }, [client, renderMode, query]);
+  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    /* @__PURE__ */ jsxs14("label", { className: "m-1 flex items-center gap-2 rounded-lg bg-[hsl(var(--muted))] px-3 py-2", children: [
+      /* @__PURE__ */ jsx25(Search, { size: 14, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx25("input", { "aria-label": "\u641C\u7D22\u6280\u80FD", placeholder: "\u641C\u7D22\u6280\u80FD", value: query, onChange: (event) => setQuery(event.target.value), className: "min-w-0 flex-1 bg-transparent outline-none" })
+    ] }),
+    /* @__PURE__ */ jsx25("div", { className: "max-h-60 overflow-y-auto", children: skills === null ? /* @__PURE__ */ jsx25("p", { className: "px-3 py-2 text-[hsl(var(--muted-foreground))]", children: "\u52A0\u8F7D\u6280\u80FD\u4E2D\u2026" }) : skills.length ? skills.map((skill) => skill.type === "skill" ? /* @__PURE__ */ jsxs14("button", { type: "button", onClick: () => onSelect(skill), className: "flex w-full flex-col gap-1 rounded-lg px-3 py-2 text-left hover:bg-[hsl(var(--accent))] focus-visible:bg-[hsl(var(--accent))]", children: [
+      /* @__PURE__ */ jsx25("span", { children: skillDisplayName(skill) }),
+      /* @__PURE__ */ jsx25("span", { className: "line-clamp-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: skill.description })
+    ] }, skill.skillId) : null) : /* @__PURE__ */ jsx25("p", { className: "px-3 py-2 text-[hsl(var(--muted-foreground))]", children: "\u6CA1\u6709\u5339\u914D\u7684\u6280\u80FD" }) }),
+    /* @__PURE__ */ jsx25("div", { className: "my-1 border-t border-[hsl(var(--border))]" }),
+    /* @__PURE__ */ jsx25("button", { type: "button", onClick: onManage, className: "w-full rounded-lg px-3 py-2 text-left hover:bg-[hsl(var(--accent))]", children: "\u7BA1\u7406\u6280\u80FD \u2192" })
+  ] });
+}
 export {
   ATTACHMENT_SIZE_LIMIT_BYTES,
   ATTENTION_STATUSES,
@@ -29458,6 +29591,7 @@ export {
   FileMention,
   FileSizeLimitDialog,
   IMAGE_INPUT_UNSUPPORTED_MESSAGE,
+  InputActionSubmenu,
   LIVE_STATUSES,
   MODEL_LOADING_SEND_HINT,
   MODEL_REASONING_LEVELS_KEY,
@@ -29470,6 +29604,7 @@ export {
   RichInputServicesProvider,
   STATUS_LABELS,
   STOPPABLE_STATUSES,
+  SkillActionMenu,
   SkillCompletionMenu,
   SkillMention,
   SkillStatusBar,