@zero-library/chat-copilot 3.2.1 → 3.2.3

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { useTranslation, useRefState, useDebounce, createTokenManager, useSyncInput, t, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, useWebSocket, addBundledResource, isNumber, isObject, isNullOrUnDef, getFileSuffixName, emit, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, transforms, deepCopy, deepMerge, getLang, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, ScheduleOutlined, CloseCircleOutlined, BulbOutlined, CheckCircleFilled, LikeOutlined, DislikeOutlined, LoadingOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, StarFilled, StarOutlined, ShareAltOutlined, ToolOutlined, MessageOutlined, ForwardOutlined, CloudSyncOutlined, FileTextOutlined, SettingOutlined, CloseCircleFilled, FlagOutlined, LoginOutlined, DeleteOutlined, RedoOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileUnknownOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, ScheduleOutlined, CloseCircleOutlined, BulbOutlined, LoadingOutlined, PlusOutlined, LikeOutlined, DislikeOutlined, CommentOutlined, StarFilled, StarOutlined, ShareAltOutlined, ToolOutlined, MessageOutlined, CheckCircleFilled, ForwardOutlined, CloudSyncOutlined, FileTextOutlined, SettingOutlined, CloseCircleFilled, FlagOutlined, LoginOutlined, DeleteOutlined, RedoOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileUnknownOutlined } from '@ant-design/icons';
 import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Spin, Empty, Segmented, Tabs, Tag, Splitter, Image as Image$1, Popover, Skeleton, Alert, Collapse, Divider as Divider$1, Select as Select$1, Form, Avatar, Space, Drawer, theme, Modal, Checkbox, Input, InputNumber, Switch as Switch$1, message, Upload, Popconfirm, List, Card, Table, Progress as Progress$1 } from 'antd';
+import { App, Badge, Button, Flex, Typography, Tooltip, Spin, Empty, Tabs, Tag, Splitter, Image as Image$1, Popover, Skeleton, Alert, Dropdown, Select as Select$1, Form, Collapse, Avatar, Space, Drawer, Input, InputNumber, Switch as Switch$1, message, theme, Upload, Popconfirm, List, Card, Table, Progress as Progress$1, Divider as Divider$1 } from 'antd';
 import * as React10 from 'react';
 import React10__default, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useCallback, useContext, useLayoutEffect } from 'react';
 import { useSnapshot, proxy, subscribe } from 'valtio';
@@ -18,7 +18,7 @@ import { LexicalTypeaheadMenuPlugin, MenuOption } from '@lexical/react/LexicalTy
 import { mergeRegister } from '@lexical/utils';
 import * as ReactDOM from 'react-dom';
 import dayjs from 'dayjs';
-import classNames10 from 'classnames';
+import classNames9 from 'classnames';
 import console2 from 'console';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { XCard as XCard$1 } from '@ant-design/x-card';
@@ -70,8 +70,14 @@ var chatCopilotEnUS = {
   summaryAnalysis: "Summary Analysis",
   headerClose: "Close",
   deepThinking: "Deep Thinking",
+  resource: "Resources",
   skill: "Skill",
   knowledge: "Knowledge Base",
+  datasource: "Datasource",
+  mcpServer: "MCP Server",
+  subAgent: "Sub-agent",
+  tool: "Tool",
+  loading: "Loading...",
   supportedExtensions: "Supported extensions: {{types}}",
   empty: "No data",
   selectFile: "Select File",
@@ -131,8 +137,6 @@ var chatCopilotEnUS = {
   previewEdit: "Preview & Edit",
   copy: "Copy",
   continueText: "Continue",
-  aggregate: "Aggregate",
-  sequence: "Sequence",
   chatTab: "Chat",
   traceTab: "Execution Trace",
   previewTab: "File Preview",
@@ -145,9 +149,6 @@ var chatCopilotEnUS = {
   execItemThinking: "Reasoning",
   execItemFile: "File",
   execItemPlan: "Plan",
-  execItemSummaryDone: "{{count}} completed",
-  execItemSummaryFailed: "{{count}} failed",
-  execItemSummaryRunning: "{{count}} running",
   toolCallFallback: "Tool call",
   viewExecutionDetail: "View execution details",
   executionStart: "Start",
@@ -264,8 +265,14 @@ var chatCopilotJaJP = {
   headerClose: "\u9589\u3058\u308B",
   // ReasonBtn / SkillBtn / KnowledgeBtn
   deepThinking: "\u601D\u8003\u30D7\u30ED\u30BB\u30B9",
+  resource: "\u30EA\u30BD\u30FC\u30B9",
   skill: "\u30B9\u30AD\u30EB",
   knowledge: "\u30CA\u30EC\u30C3\u30B8\u30D9\u30FC\u30B9",
+  datasource: "\u30C7\u30FC\u30BF\u30BD\u30FC\u30B9",
+  mcpServer: "MCP Server",
+  subAgent: "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8",
+  tool: "\u30C4\u30FC\u30EB",
+  loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D...",
   // Attachments
   supportedExtensions: "\u5BFE\u5FDC\u62E1\u5F35\u5B50\uFF1A{{types}}",
   empty: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",
@@ -329,8 +336,6 @@ var chatCopilotJaJP = {
   previewEdit: "\u30D7\u30EC\u30D3\u30E5\u30FC\uFF06\u7DE8\u96C6",
   copy: "\u30B3\u30D4\u30FC",
   continueText: "\u7D9A\u3051\u308B",
-  aggregate: "\u96C6\u7D04",
-  sequence: "\u9806\u756A",
   chatTab: "\u4F1A\u8A71",
   traceTab: "\u5B9F\u884C\u30C8\u30EC\u30FC\u30B9",
   previewTab: "\u30D5\u30A1\u30A4\u30EB\u30D7\u30EC\u30D3\u30E5\u30FC",
@@ -343,9 +348,6 @@ var chatCopilotJaJP = {
   execItemThinking: "\u601D\u8003\u30D7\u30ED\u30BB\u30B9",
   execItemFile: "\u30D5\u30A1\u30A4\u30EB",
   execItemPlan: "\u5B9F\u884C\u8A08\u753B",
-  execItemSummaryDone: "{{count}}\u4EF6\u5B8C\u4E86",
-  execItemSummaryFailed: "{{count}}\u4EF6\u5931\u6557",
-  execItemSummaryRunning: "{{count}}\u4EF6\u5B9F\u884C\u4E2D",
   toolCallFallback: "\u30C4\u30FC\u30EB\u547C\u3073\u51FA\u3057",
   viewExecutionDetail: "\u5B9F\u884C\u8A73\u7D30\u3092\u898B\u308B",
   executionStart: "\u958B\u59CB",
@@ -467,8 +469,14 @@ var chatCopilotZhCN = {
   headerClose: "\u5173\u95ED",
   // ReasonBtn / SkillBtn / KnowledgeBtn
   deepThinking: "\u6DF1\u5EA6\u601D\u8003",
+  resource: "\u8D44\u6E90",
   skill: "\u6280\u80FD",
   knowledge: "\u77E5\u8BC6\u5E93",
+  datasource: "\u6570\u636E\u6E90",
+  mcpServer: "MCP Server",
+  subAgent: "\u5B50\u667A\u80FD\u4F53",
+  tool: "\u5DE5\u5177",
+  loading: "\u52A0\u8F7D\u4E2D...",
   // Attachments
   supportedExtensions: "\u652F\u6301\u6269\u5C55\u540D\uFF1A{{types}}",
   empty: "\u6682\u65E0\u6570\u636E",
@@ -532,8 +540,6 @@ var chatCopilotZhCN = {
   previewEdit: "\u9884\u89C8\u7F16\u8F91",
   copy: "\u590D\u5236",
   continueText: "\u7EE7\u7EED",
-  aggregate: "\u805A\u5408",
-  sequence: "\u987A\u5E8F",
   chatTab: "\u5BF9\u8BDD",
   traceTab: "\u6267\u884C\u8F68\u8FF9",
   previewTab: "\u6587\u4EF6\u9884\u89C8",
@@ -546,9 +552,6 @@ var chatCopilotZhCN = {
   execItemThinking: "\u601D\u8003\u8FC7\u7A0B",
   execItemFile: "\u6587\u4EF6",
   execItemPlan: "\u6267\u884C\u8BA1\u5212",
-  execItemSummaryDone: "{{count}} \u9879\u5B8C\u6210",
-  execItemSummaryFailed: "{{count}} \u9879\u5931\u8D25",
-  execItemSummaryRunning: "{{count}} \u9879\u6267\u884C\u4E2D",
   toolCallFallback: "\u5DE5\u5177\u8C03\u7528",
   viewExecutionDetail: "\u67E5\u770B\u6267\u884C\u8BE6\u60C5",
   executionStart: "\u5F00\u59CB",
@@ -1145,7 +1148,7 @@ var VariableNode = class _VariableNode extends DecoratorNode {
    * 生成节点的纯文本表达，便于发送、存储和重新初始化编辑器内容。
    */
   getTextContent() {
-    return `  ${this.__resourceType}://${this.__resourceId}?name=${this.__resourceName}&label=${this.__resourceLabel}  `;
+    return serializeResourceToken(this.__resourceLabel, this.__resourceName, this.__resourceType, this.__resourceId);
   }
   /**
    * 将变量节点渲染为可交互的资源标签组件。
@@ -1164,6 +1167,61 @@ var VariableNode = class _VariableNode extends DecoratorNode {
 function $createVariableNode(resourceLabel, resourceName, resourceType, resourceId) {
   return new VariableNode(resourceLabel, resourceName, resourceType, resourceId);
 }
+function serializeResourceToken(resourceLabel, resourceName, resourceType, resourceId) {
+  return `${encodeURIComponent(resourceType)}://${encodeURIComponent(resourceId)}?name=${encodeURIComponent(resourceName)}&label=${encodeURIComponent(
+    resourceLabel
+  )}`;
+}
+var emptyAgentResources = {
+  skills: [],
+  knowledges: [],
+  datasources: [],
+  mcpServers: [],
+  subAgents: [],
+  tools: []
+};
+var resourceTypeConfigMap = {
+  skill: {
+    categoryValue: "skill",
+    labelKey: "skill",
+    getItems: (resources) => resources.skills || [],
+    getLabel: (item) => item.aliasName || item.name
+  },
+  knowledge: {
+    categoryValue: "knowledge",
+    labelKey: "knowledge",
+    getItems: (resources) => resources.knowledges || [],
+    getLabel: (item) => item.name
+  },
+  datasource: {
+    categoryValue: "datasource",
+    labelKey: "datasource",
+    getItems: (resources) => resources.datasources || [],
+    getLabel: (item) => item.name
+  },
+  mcp_server: {
+    categoryValue: "mcpServer",
+    labelKey: "mcpServer",
+    getItems: (resources) => resources.mcpServers || [],
+    getLabel: (item) => item.serverName || item.name
+  },
+  sub_agent: {
+    categoryValue: "subAgent",
+    labelKey: "subAgent",
+    getItems: (resources) => resources.subAgents || [],
+    getLabel: (item) => item.name
+  },
+  tool: {
+    categoryValue: "tool",
+    labelKey: "tool",
+    getItems: (resources) => resources.tools || [],
+    getLabel: (item) => item.name
+  }
+};
+var categoryValueTypeMap = Object.fromEntries(
+  Object.entries(resourceTypeConfigMap).map(([type, config]) => [config.categoryValue, type])
+);
+var isHashCommandConfig = (config) => !!config && !Array.isArray(config);
 var ResourceOption = class extends MenuOption {
   group;
   item;
@@ -1176,10 +1234,37 @@ var ResourceOption = class extends MenuOption {
     this.item = item;
   }
 };
+var getCategoryChildren = (category) => category.children || category.data || [];
 function VariablePickerPlugin({ commandConfig = {} }) {
   const [editor] = useLexicalComposerContext();
   const chatStore = useChatStore();
-  const [commandDataSource, setCommandDataSource] = useState(commandConfig);
+  const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
+  const slashCommandConfig = commandConfig["/"];
+  const normalizedCommandConfig = useMemo(() => {
+    const entries = Object.entries(commandConfig).reduce((result, [trigger, currentConfig]) => {
+      if (trigger === "/" && Array.isArray(currentConfig)) {
+        result.push([
+          trigger,
+          {
+            component: "",
+            dataSource: currentConfig.map((type) => ({
+              value: resourceTypeConfigMap[type].categoryValue,
+              label: t11(resourceTypeConfigMap[type].labelKey),
+              ext: type,
+              children: []
+            }))
+          }
+        ]);
+        return result;
+      }
+      if (isHashCommandConfig(currentConfig)) {
+        result.push([trigger, currentConfig]);
+      }
+      return result;
+    }, []);
+    return Object.fromEntries(entries);
+  }, [commandConfig, t11]);
+  const [commandDataSource, setCommandDataSource] = useState(normalizedCommandConfig);
   const [queryString, setQueryString] = useState(null);
   const [isEditorFocused, setIsEditorFocused] = useState(false);
   const [menuResetKey, setMenuResetKey] = useState(0);
@@ -1211,61 +1296,48 @@ function VariablePickerPlugin({ commandConfig = {} }) {
     };
   }, [editor]);
   useEffect(() => {
-    setCommandDataSource(commandConfig);
-  }, [commandConfig]);
-  const commandKeys = useMemo(() => Object.keys(commandConfig), [commandConfig]);
+    setCommandDataSource(normalizedCommandConfig);
+  }, [normalizedCommandConfig]);
+  const commandKeys = useMemo(() => Object.keys(commandDataSource), [commandDataSource]);
   const commandKey = queryString?.[0] || "";
   const searchKeyword = queryString?.slice(commandKey.length).trim().toLocaleLowerCase() || "";
-  const categoryConfig = useMemo(
-    () => ({
-      skill: {
-        load: () => chatStore.config.services.request.listSkills(),
-        getLabel: (item) => item.aliasName || item.name
-      },
-      knowledge: {
-        load: () => chatStore.config.services.request.listLibrarys({ libraryType: 1 /* KNOWLEDGE */ }),
-        getLabel: (item) => item.name
-      },
-      datasource: {
-        load: () => chatStore.config.services.request.listDataSources(),
-        getLabel: (item) => item.name
-      }
-    }),
-    [chatStore]
-  );
-  const formatDataSource = useCallback(
-    (items, category) => {
-      const currentCategoryConfig = categoryConfig[category.value];
-      if (!items.length) return [];
-      return items.map((item) => ({
-        value: item.id,
-        label: currentCategoryConfig?.getLabel(item) || item.name,
-        children: []
-      }));
-    },
-    [categoryConfig]
-  );
+  const formatDataSource = useCallback((items, category) => {
+    const currentResourceType = category.ext;
+    const currentCategoryConfig = currentResourceType ? resourceTypeConfigMap[currentResourceType] : void 0;
+    if (!items.length) return [];
+    return items.map((item) => ({
+      value: "id" in item ? item.id : item.name,
+      label: currentCategoryConfig?.getLabel(item) || item.name,
+      children: []
+    }));
+  }, []);
   useEffect(() => {
     let isUnmounted = false;
     const initializeCommandDataSource = async () => {
       const nextEntries = await Promise.all(
-        Object.entries(commandConfig).map(async ([trigger, currentCommandConfig]) => {
+        Object.entries(normalizedCommandConfig).map(async ([trigger, currentCommandConfig]) => {
+          let availableResources = null;
+          const requestTypes = trigger === "/" && Array.isArray(slashCommandConfig) ? slashCommandConfig : currentCommandConfig.dataSource.map((category) => category.ext || categoryValueTypeMap[category.value]).filter(Boolean);
           const nextDataSource = await Promise.all(
             (currentCommandConfig.dataSource || []).map(async (category) => {
-              const normalizedChildren = category.children || [];
+              const normalizedChildren = getCategoryChildren(category);
               const nextCategory = {
                 ...category,
                 children: normalizedChildren
               };
-              const currentCategoryConfig = categoryConfig[category.value];
+              const currentResourceType = category.ext || categoryValueTypeMap[category.value];
+              const currentCategoryConfig = currentResourceType ? resourceTypeConfigMap[currentResourceType] : void 0;
               if (!currentCategoryConfig) {
                 return nextCategory;
               }
               if (normalizedChildren.length) {
                 return nextCategory;
               }
-              const response = await currentCategoryConfig.load();
-              const items = response.data || [];
+              if (!availableResources) {
+                const response = await chatStore.config.services.request.fetchAvailableResources(requestTypes);
+                availableResources = response.data || emptyAgentResources;
+              }
+              const items = currentCategoryConfig.getItems(availableResources || emptyAgentResources);
               return {
                 ...nextCategory,
                 children: formatDataSource(items, category)
@@ -1288,11 +1360,11 @@ function VariablePickerPlugin({ commandConfig = {} }) {
     return () => {
       isUnmounted = true;
     };
-  }, [categoryConfig, commandConfig, formatDataSource]);
+  }, [chatStore.config.services.request, formatDataSource, normalizedCommandConfig, slashCommandConfig]);
   const commandGroups = useMemo(() => {
     if (!isEditorFocused) return [];
     return (commandDataSource[commandKey]?.dataSource || []).map((group) => {
-      const options = group.children || [];
+      const options = getCategoryChildren(group);
       if (!searchKeyword) return { group, options };
       return {
         group,
@@ -1355,14 +1427,16 @@ function VariablePickerPlugin({ commandConfig = {} }) {
 function InitialStatePlugin({ value }) {
   const [editor] = useLexicalComposerContext();
   function parseAndAppendNodes(paragraph, value2) {
-    const variableRegex = /\/(\w+):\/\/([^?\s]+)\?name=([^&\s]+)&label=([^\s]+)/g;
+    const variableRegex = /\/?(\w+):\/\/([^?\s]+)\?name=([^&\s]+)&label=([^\s]+)/g;
     let lastIndex = 0;
     let match;
     while ((match = variableRegex.exec(value2)) !== null) {
       if (match.index > lastIndex) {
         paragraph.append($createTextNode(value2.substring(lastIndex, match.index)));
       }
-      paragraph.append($createVariableNode(decodeURIComponent(match[4]), decodeURIComponent(match[3]), match[1], match[2]));
+      paragraph.append(
+        $createVariableNode(decodeURIComponent(match[4]), decodeURIComponent(match[3]), decodeURIComponent(match[1]), decodeURIComponent(match[2]))
+      );
       lastIndex = variableRegex.lastIndex;
     }
     if (lastIndex < value2.length) {
@@ -1403,6 +1477,17 @@ function normalizePastedFiles(files) {
     });
   });
 }
+function focusEditableToCursor(target, cursor = "end") {
+  if (!target) return;
+  target.focus();
+  const selection = window.getSelection();
+  if (!selection) return;
+  const range = document.createRange();
+  range.selectNodeContents(target);
+  range.collapse(cursor !== "start");
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
 var ChatInput = React10.forwardRef(
   ({
     value = "",
@@ -1432,7 +1517,11 @@ var ChatInput = React10.forwardRef(
       editable: !disabled && !readOnly
     };
     useImperativeHandle(ref, () => ({
-      focus: () => contentEditableRef.current?.focus(),
+      focus: (options) => {
+        requestAnimationFrame(() => {
+          focusEditableToCursor(contentEditableRef.current, options?.cursor || "end");
+        });
+      },
       blur: () => contentEditableRef.current?.blur(),
       nativeElement: contentEditableRef.current
     }));
@@ -1698,6 +1787,9 @@ var createChatService = (request, config) => {
   const fetchExecutionDebug = (conversationId) => {
     return request.get(`/agents/conversations/${conversationId}/executions/debug`);
   };
+  const fetchAvailableResources = (types = ["skill", "knowledge", "datasource", "mcp_server"]) => {
+    return request.get(`/agents/resources/available`, { types: Array.isArray(types) ? types.toString() : types });
+  };
   return {
     fetchModelList,
     fetchAgentInfo,
@@ -1719,7 +1811,8 @@ var createChatService = (request, config) => {
     getAgentAvatar,
     conversationFavorite,
     shareConversation,
-    fetchExecutionDebug
+    fetchExecutionDebug,
+    fetchAvailableResources
   };
 };
 
@@ -1747,8 +1840,6 @@ function createChatStore() {
     /** 钩子函数 */
     hooks: {},
     layout: {},
-    /** 智能体执行链展示模式（默认聚合模式，可运行时切换） */
-    agentExecMode: "aggregate",
     loading: false,
     /** 文件预览状态 */
     preview: {
@@ -1837,9 +1928,6 @@ function createChatStore() {
   const setLayout = (layout) => {
     config.layout = deepMerge(defaultLayout, layout);
   };
-  const setExecMode = (mode) => {
-    config.agentExecMode = mode;
-  };
   const fetchExecutionDebug = (conversationId) => {
     return config.services.request.fetchExecutionDebug(conversationId);
   };
@@ -2870,8 +2958,6 @@ function createChatStore() {
     setParams,
     /** 设置布局配置 */
     setLayout,
-    /** 设置智能体执行链展示模式（聚合 / 顺序） */
-    setExecMode,
     /** 获取会话执行轨迹（debug 模式） */
     fetchExecutionDebug,
     /** 设置生命周期钩子 */
@@ -3280,35 +3366,10 @@ var ConversationList_default = ({ onClose }) => {
 var style_module_default = {
   popover: "style_module_popover",
   resourceBtn: "style_module_resourceBtn",
-  divider: "style_module_divider",
-  count: "style_module_count",
-  resourceBtnActive: "style_module_resourceBtnActive",
-  customModal: "style_module_customModal",
-  layout: "style_module_layout",
-  sider: "style_module_sider",
-  categoryName: "style_module_categoryName",
-  siderContent: "style_module_siderContent",
-  categoryItem: "style_module_categoryItem",
-  categoryActive: "style_module_categoryActive",
-  roundCheckbox: "style_module_roundCheckbox",
-  content: "style_module_content",
-  searchInput: "style_module_searchInput",
-  selectedCount: "style_module_selectedCount",
-  tagsArea: "style_module_tagsArea",
-  tagContainer: "style_module_tagContainer",
-  tag: "style_module_tag",
-  expandBtnWrapper: "style_module_expandBtnWrapper",
-  expandBtn: "style_module_expandBtn",
-  tagsExpanded: "style_module_tagsExpanded",
-  listArea: "style_module_listArea",
-  listInner: "style_module_listInner",
-  listItem: "style_module_listItem",
-  listItemSelected: "style_module_listItemSelected",
-  itemIconWrapper: "style_module_itemIconWrapper",
-  itemInfo: "style_module_itemInfo",
-  itemDesc: "style_module_itemDesc",
-  footer: "style_module_footer",
-  titleContainer: "style_module_titleContainer"};
+  resourceDropdown: "style_module_resourceDropdown",
+  resourceDropdownMenu: "style_module_resourceDropdownMenu",
+  resourceDropdownSubMenu: "style_module_resourceDropdownSubMenu",
+  resourceBtnActive: "style_module_resourceBtnActive"};
 var HistoryBtn_default = ({ icon, ...rest }) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
@@ -3351,7 +3412,7 @@ var ChatHeader_default = ({
   const conversationState = useSnapshot(chatStore.conversation);
   const conversationsState = useSnapshot(chatStore.conversations);
   const conversationTitle = String(conversationsState.list.items.find((item) => item.key === conversationState.active.id)?.label || "");
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames10(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames9(styles_module_default2.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
@@ -3405,8 +3466,8 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         {
           control: title,
           DefaultComponent: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, flex: 1, style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx(Text, { strong: true, className: classNames10("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsx(Text, { type: "secondary", ellipsis: true, className: classNames10("fz-12"), children: agentState.agentInfo.description })
+            /* @__PURE__ */ jsx(Text, { strong: true, className: classNames9("fz-16"), children: agentState.agentInfo.name }),
+            /* @__PURE__ */ jsx(Text, { type: "secondary", ellipsis: true, className: classNames9("fz-12"), children: agentState.agentInfo.description })
           ] }) })
         }
       )
@@ -3421,7 +3482,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames10(styles_module_default2.createConversationButton),
+            className: classNames9(styles_module_default2.createConversationButton),
             icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
             children: t11("newConversation")
           }
@@ -3431,35 +3492,12 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames10("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
 };
 var ConversationListPanel_default = ConversationListPanel;
-
-// src/components/agentExecShared.ts
-var EXEC_CONTENT_EVENT_TYPES = ["text", "toolCall", "toolResult", "stepError", "runFailed", "files", "plan"];
-function hasContent(content = [], countAnswer) {
-  return content.some((item) => {
-    const evt = item;
-    if (evt.type === "text") {
-      const t11 = item;
-      return countAnswer ? !!(t11.reasoningContent || t11.messageContent) : !!t11.reasoningContent;
-    }
-    return EXEC_CONTENT_EVENT_TYPES.includes(evt.type);
-  });
-}
-function hasExecContent(content = []) {
-  return hasContent(content, true);
-}
-function hasExecChain(content = []) {
-  return hasContent(content, false);
-}
-function isSubAgentEvent(tool) {
-  if (!tool) return false;
-  return !!tool.hasSubAgent || !!tool.subConversationId || !!tool.metadata?.conversationId || tool.toolName === "agent_spawn";
-}
 var XCard = XCard$1;
 var { Text: AText } = Typography;
 function getArtifactFallbackTitle(type) {
@@ -3926,7 +3964,7 @@ var CHART_COMPONENTS = Object.fromEntries(
 var Charts_default = ({ data, loading }) => {
   const { type, config } = data;
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
-  return /* @__PURE__ */ jsx("div", { className: classNames10(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
+  return /* @__PURE__ */ jsx("div", { className: classNames9(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
     // Antd 骨架屏
     /* @__PURE__ */ jsx(Skeleton.Node, { active: true, className: styles_module_default3.chartSkeleton, children: /* @__PURE__ */ jsx(DotChartOutlined, { className: styles_module_default3.chartSkeletonIcon }) })
   ) : /* @__PURE__ */ jsx(
@@ -4024,9 +4062,9 @@ var IndexQuote_default = ({ data, loading, message: message3 }) => {
       setOpen(true);
     }
   };
-  const Content2 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 8, children: /* @__PURE__ */ jsx("a", { onClick, children: citation?.citationName }) }) });
+  const Content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 8, children: /* @__PURE__ */ jsx("a", { onClick, children: citation?.citationName }) }) });
   return /* @__PURE__ */ jsxs("div", { className: "inline-block m-l-8", children: [
-    /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(Popover, { content: Content2, children: /* @__PURE__ */ jsx(Tag, { variant: "filled", color: "processing", className: "cursor-pointer", children: data?.citationName }) }) }),
+    /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(Popover, { content: Content, children: /* @__PURE__ */ jsx(Tag, { variant: "filled", color: "processing", className: "cursor-pointer", children: data?.citationName }) }) }),
     open && /* @__PURE__ */ jsx(DocDrawer_default, { paramsStr: citation?.citationUrl, title: citation?.citationName, open, onClose: () => setOpen(false) })
   ] });
 };
@@ -4236,7 +4274,7 @@ var XMarkdown_default = memo(({ message: message3, components = {}, content = ""
   return /* @__PURE__ */ jsx(
     XMarkdown,
     {
-      className: classNames10("x-markdown-light", styles_module_default4.xMarkdownStyle),
+      className: classNames9("x-markdown-light", styles_module_default4.xMarkdownStyle),
       config,
       ...rest,
       content: processedContent,
@@ -6171,49 +6209,25 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 
-// src/components/agentExecList.module.less
-var agentExecList_module_default = {
-  wrap: "agentExecList_module_wrap",
-  summary: "agentExecList_module_summary",
-  summaryIcon: "agentExecList_module_summaryIcon",
-  count: "agentExecList_module_count",
-  divider: "agentExecList_module_divider",
-  list: "agentExecList_module_list",
-  execRow: "agentExecList_module_execRow",
-  rowLine: "agentExecList_module_rowLine",
-  rowIcon: "agentExecList_module_rowIcon",
-  rowLabel: "agentExecList_module_rowLabel",
-  rowLabelError: "agentExecList_module_rowLabelError",
-  rowDetail: "agentExecList_module_rowDetail",
-  rowDetailExpandable: "agentExecList_module_rowDetailExpandable",
-  rowDetailAction: "agentExecList_module_rowDetailAction",
-  rowBody: "agentExecList_module_rowBody"
-};
-var AgentExecRow = memo(({ icon, label, detail, status, content, onDetail }) => {
-  const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
-  const [open, setOpen] = useState(false);
-  const hasExpand = !!content;
-  return /* @__PURE__ */ jsxs("div", { className: agentExecList_module_default.execRow, children: [
-    /* @__PURE__ */ jsxs("div", { className: agentExecList_module_default.rowLine, onClick: () => hasExpand && setOpen((o) => !o), children: [
-      /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.rowIcon, children: icon }),
-      /* @__PURE__ */ jsx("span", { className: `${agentExecList_module_default.rowLabel} ${status === "error" ? agentExecList_module_default.rowLabelError : ""}`, children: label }),
-      /* @__PURE__ */ jsx("span", { className: `${agentExecList_module_default.rowDetail} ${hasExpand ? agentExecList_module_default.rowDetailExpandable : ""}`, title: detail, children: detail || " " }),
-      onDetail && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: agentExecList_module_default.rowDetailAction,
-          onClick: (e) => {
-            e.stopPropagation();
-            onDetail();
-          },
-          children: t11("viewExecutionDetail")
-        }
-      )
-    ] }),
-    open && content && /* @__PURE__ */ jsx("div", { className: agentExecList_module_default.rowBody, children: content })
-  ] });
-});
-var agentExecRow_default = AgentExecRow;
+// src/components/agentExecShared.ts
+var EXEC_CONTENT_EVENT_TYPES = ["text", "toolCall", "toolResult", "stepError", "runFailed", "files", "plan"];
+function hasContent(content = [], countAnswer) {
+  return content.some((item) => {
+    const evt = item;
+    if (evt.type === "text") {
+      const t11 = item;
+      return !!(t11.reasoningContent || t11.messageContent) ;
+    }
+    return EXEC_CONTENT_EVENT_TYPES.includes(evt.type);
+  });
+}
+function hasExecContent(content = []) {
+  return hasContent(content);
+}
+function isSubAgentEvent(tool) {
+  if (!tool) return false;
+  return !!tool.hasSubAgent || !!tool.subConversationId || !!tool.metadata?.conversationId || tool.toolName === "agent_spawn";
+}
 var TOOL_LABEL = {
   loading: t(`${NS_CHAT_COPILOT}:execItemRunning`),
   success: t(`${NS_CHAT_COPILOT}:execItemDone`),
@@ -6321,70 +6335,48 @@ function buildExecRow(item, index, ctx) {
       return null;
   }
 }
-function buildAgentExecItems(content, ctx) {
-  const items = [];
-  let lastThinkingText = null;
-  (content || []).forEach((item, index) => {
-    const row = buildExecRow(item, index, ctx);
-    if (!row) return;
-    if (row.kind === "thinking") {
-      if (row.detail === lastThinkingText) return;
-      lastThinkingText = row.detail;
-    }
-    items.push(row);
-  });
-  const completed = items.filter((i) => i.status === "success").length;
-  const failed = items.filter((i) => i.status === "error").length;
-  const loading = items.filter((i) => i.status === "loading").length;
-  return { items, completed, failed, loading };
-}
-function AgentExecList({ items, completed, failed, loading = 0, defaultActive = true }) {
-  if (!items.length) return null;
-  const summary = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, className: agentExecList_module_default.summary, children: [
-    /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.summaryIcon, children: /* @__PURE__ */ jsx(CheckCircleFilled, { style: { color: "#faad14", fontSize: 14 } }) }),
-    /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.count, children: t(`${NS_CHAT_COPILOT}:execItemSummaryDone`, { count: completed }) }),
-    /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.divider, children: "|" }),
-    /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.count, children: t(`${NS_CHAT_COPILOT}:execItemSummaryFailed`, { count: failed }) }),
-    loading > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.divider, children: "|" }),
-      /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.count, children: t(`${NS_CHAT_COPILOT}:execItemSummaryRunning`, { count: loading }) })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx(
-    Collapse,
-    {
-      ghost: true,
-      size: "small",
-      className: agentExecList_module_default.wrap,
-      defaultActiveKey: defaultActive ? ["agent-exec"] : [],
-      items: [
+
+// src/components/agentExecList.module.less
+var agentExecList_module_default = {
+  execRow: "agentExecList_module_execRow",
+  rowLine: "agentExecList_module_rowLine",
+  rowIcon: "agentExecList_module_rowIcon",
+  rowDetail: "agentExecList_module_rowDetail",
+  rowDetailExpandable: "agentExecList_module_rowDetailExpandable",
+  rowDetailAction: "agentExecList_module_rowDetailAction",
+  rowBody: "agentExecList_module_rowBody"
+};
+var AgentExecRow = memo(({ icon, detail, status, content, onDetail }) => {
+  const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
+  const [open, setOpen] = useState(false);
+  const hasExpand = !!content;
+  return /* @__PURE__ */ jsxs("div", { className: agentExecList_module_default.execRow, children: [
+    /* @__PURE__ */ jsxs("div", { className: agentExecList_module_default.rowLine, onClick: () => hasExpand && setOpen((o) => !o), children: [
+      /* @__PURE__ */ jsx("span", { className: agentExecList_module_default.rowIcon, children: icon }),
+      /* @__PURE__ */ jsx("span", { className: `${agentExecList_module_default.rowDetail} ${hasExpand ? agentExecList_module_default.rowDetailExpandable : ""}`, title: detail, children: detail || " " }),
+      onDetail && /* @__PURE__ */ jsx(
+        "span",
         {
-          key: "agent-exec",
-          label: summary,
-          children: /* @__PURE__ */ jsx("div", { className: agentExecList_module_default.list, children: items.map((item) => /* @__PURE__ */ jsx(
-            agentExecRow_default,
-            {
-              icon: item.icon,
-              label: item.label,
-              detail: item.detail,
-              status: item.status,
-              content: item.content,
-              onDetail: item.onDetail
-            },
-            item.key
-          )) })
+          className: agentExecList_module_default.rowDetailAction,
+          onClick: (e) => {
+            e.stopPropagation();
+            onDetail();
+          },
+          children: t11("viewExecutionDetail")
         }
-      ]
-    }
-  );
-}
+      )
+    ] }),
+    open && content && /* @__PURE__ */ jsx("div", { className: agentExecList_module_default.rowBody, children: content })
+  ] });
+});
+var agentExecRow_default = AgentExecRow;
 
 // src/components/agentExecSequence.module.less
 var agentExecSequence_module_default = {
   seq: "agentExecSequence_module_seq"
 };
 function renderRow(row, key) {
-  return /* @__PURE__ */ jsx(agentExecRow_default, { icon: row.icon, label: row.label, detail: row.detail, status: row.status, content: row.content, onDetail: row.onDetail }, key);
+  return /* @__PURE__ */ jsx(agentExecRow_default, { icon: row.icon, detail: row.detail, status: row.status, content: row.content, onDetail: row.onDetail }, key);
 }
 var AgentExecSequence = memo(({ content, message: message3, customComponents, messageIndex, role, onViewSubAgent }) => {
   const ctx = { message: message3, customComponents, onViewSubAgent };
@@ -6426,33 +6418,8 @@ var AgentExecSequence = memo(({ content, message: message3, customComponents, me
 var agentExecSequence_default = AgentExecSequence;
 var MessageRender_default = React10__default.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
   const chatStore = useChatStore();
-  const configState = useSnapshot(chatStore.config);
-  const execMode = configState.agentExecMode || "aggregate";
-  const isSequence = execMode === "sequence";
   const openSubAgent = useCallback((item) => chatStore.openSubAgent(item), [chatStore]);
-  const {
-    items,
-    completed,
-    failed,
-    loading: runLoading
-  } = useMemo(
-    () => buildAgentExecItems(message3.content || [], {
-      message: message3,
-      customComponents,
-      // 子智能体：打开右侧执行详情抽屉
-      onViewSubAgent: openSubAgent
-    }),
-    [message3, customComponents, openSubAgent]
-  );
   const hasSequenceContent = useMemo(() => hasExecContent(message3.content || []), [message3.content]);
-  const finalAnswer = useMemo(() => {
-    const lastText = [...message3.content || []].reverse().find((i) => i.type === "text");
-    if (!lastText) return null;
-    const content = lastText.messageContent || "";
-    if (!String(content).trim()) return null;
-    const answerItem = { ...lastText, reasoningContent: void 0 };
-    return /* @__PURE__ */ jsx(TextNode2, { item: answerItem, role: message3.role, customComponents, message: message3, messageIndex });
-  }, [message3, messageIndex, customComponents]);
   const quoteMsg = useMemo(() => {
     const quoteMsg2 = {};
     if (message3.params) {
@@ -6468,16 +6435,14 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
   }, [message3.params, message3.quoteMsg]);
   const hasToolCall = useMemo(() => (message3.content || []).some((i) => i.type === "toolCall" || i.type === "toolResult"), [message3]);
   const lastContentType = message3.content?.[message3.content.length - 1]?.type;
-  const hasVisibleContent = isSequence ? hasSequenceContent : items.length > 0;
-  const showPending = loading && !finalAnswer && (!hasVisibleContent || lastContentType !== "text");
-  if (isSequence ? !hasSequenceContent && !showPending : items.length === 0 && !finalAnswer && !showPending) return null;
+  const showPending = loading && (!hasSequenceContent || lastContentType !== "text");
+  if (!hasSequenceContent && !showPending) return null;
   return /* @__PURE__ */ jsxs(Flex, { ref: containerRef, vertical: true, gap: 8, children: [
-    isSequence ? hasSequenceContent && /* @__PURE__ */ jsx(
+    hasSequenceContent && /* @__PURE__ */ jsx(
       Bubble,
       {
         role: role.user,
         placement: role.placement,
-        variant: "borderless",
         className: styles_module_default.bubble,
         content: /* @__PURE__ */ jsx(
           agentExecSequence_default,
@@ -6491,18 +6456,8 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
           }
         )
       }
-    ) : items.length > 0 && /* @__PURE__ */ jsx(
-      Bubble,
-      {
-        role: role.user,
-        placement: role.placement,
-        variant: "borderless",
-        className: styles_module_default.bubble,
-        content: /* @__PURE__ */ jsx(AgentExecList, { items, completed, failed, loading: runLoading })
-      }
     ),
     hasToolCall && messageIndex >= 0 && /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex, message: message3 }),
-    !isSequence && finalAnswer && /* @__PURE__ */ jsx(Bubble, { role: role.user, placement: role.placement, className: styles_module_default.bubble, content: finalAnswer }),
     showPending && role.user === "agent" && /* @__PURE__ */ jsx(Bubble, { role: role.user, placement: role.placement, content: /* @__PURE__ */ jsx(RunStartedNode, {}) }),
     quoteMsg && /* @__PURE__ */ jsx(QuoteMsgNode, { quoteMsg, role })
   ] });
@@ -6521,7 +6476,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames10(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames9(styles_module_default2.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsx(
           RenderWrapper,
@@ -6547,7 +6502,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsx(
           Prompts,
           {
-            className: classNames10("m-t-16", styles_module_default2.promptItem),
+            className: classNames9("m-t-16", styles_module_default2.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -6756,264 +6711,13 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames10(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames9(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
   ) }) });
 };
-var { Sider, Content } = Layout;
-var { Title: Title2, Text: Text4 } = Typography;
-var ALL_CATEGORY_ID = "all";
-var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
-  const chatStore = useChatStore();
-  const conversationState = useSnapshot(chatStore.conversation);
-  const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
-  const { token } = theme.useToken();
-  const tagsContainerRef = useRef(null);
-  const isSkill = type === "skill";
-  const [loading, setLoading] = useState(false);
-  const [resources, setResources] = useState([]);
-  const [categories, setCategories] = useState([]);
-  const [selectedCategoryIds, setSelectedCategoryIds] = useState([ALL_CATEGORY_ID]);
-  const [selectedIds, setSelectedIds] = useState([]);
-  const [searchText, setSearchText] = useState("");
-  const [tagsExpanded, setTagsExpanded] = useState(false);
-  const [showExpandBtn, setShowExpandBtn] = useState(false);
-  useEffect(() => {
-    if (!open) {
-      setResources([]);
-      setCategories([]);
-      setSelectedCategoryIds([ALL_CATEGORY_ID]);
-      setSelectedIds([]);
-      setSearchText("");
-      setTagsExpanded(false);
-      setShowExpandBtn(false);
-      return;
-    }
-    let canceled = false;
-    setLoading(true);
-    const fetchData = async () => {
-      try {
-        const tagType = isSkill ? 3 /* SKILL */ : 2 /* KNOWLEDGE */;
-        const [tagsRes, resourcesRes] = await Promise.all([
-          chatStore.config.services.request.listTags({ tagType }),
-          isSkill ? chatStore.config.services.request.listSkills() : chatStore.config.services.request.listLibrarys({ libraryType: 1 /* KNOWLEDGE */ })
-        ]);
-        if (canceled) return;
-        const fetchedResources = resourcesRes.data || [];
-        setCategories(tagsRes.data || []);
-        setResources(fetchedResources);
-        const spec = conversationState.active.spec;
-        const initialItems = isSkill ? spec?.skills?.items : spec?.knowledges?.items;
-        const validIds = new Set(fetchedResources.map((r) => r.id));
-        const validSelectedIds = (initialItems || []).map((item) => item.id).filter((id) => validIds.has(id));
-        setSelectedIds(validSelectedIds);
-        if (initialItems && validSelectedIds.length !== initialItems.length) {
-          const currentSpec = chatStore.conversation.active.spec || {};
-          const clonedSpec = JSON.parse(JSON.stringify(currentSpec));
-          chatStore.setConversationSpec(getNextSpec(clonedSpec, validSelectedIds, fetchedResources));
-        }
-      } finally {
-        if (!canceled) setLoading(false);
-      }
-    };
-    fetchData();
-    return () => {
-      canceled = true;
-    };
-  }, [open, isSkill, chatStore, conversationState.active.spec]);
-  useEffect(() => {
-    if (!open) return;
-    const checkHeight = () => {
-      if (tagsContainerRef.current) {
-        setShowExpandBtn(tagsContainerRef.current.scrollHeight > 60);
-      }
-    };
-    setTimeout(checkHeight, 0);
-    const observer = new ResizeObserver(checkHeight);
-    if (tagsContainerRef.current) observer.observe(tagsContainerRef.current);
-    return () => observer.disconnect();
-  }, [open, selectedIds]);
-  const allCategories = useMemo(() => [{ id: ALL_CATEGORY_ID, name: t11("all") }, ...categories], [categories, t11]);
-  const filteredResources = useMemo(() => {
-    return resources.filter((item) => {
-      const matchCategory = selectedCategoryIds.includes(ALL_CATEGORY_ID) || item.tagIds?.some((id) => selectedCategoryIds.includes(id));
-      const searchLower = searchText.trim().toLowerCase();
-      const itemName = item.name?.toLowerCase() || "";
-      const itemAlias = "aliasName" in item ? item.aliasName?.toLowerCase() || "" : "";
-      const matchSearch = !searchLower || itemName.includes(searchLower) || itemAlias.includes(searchLower);
-      return matchCategory && matchSearch;
-    });
-  }, [resources, selectedCategoryIds, searchText]);
-  const getNextSpec = (spec, ids, resourceList) => {
-    const nextSpec = { ...spec };
-    if (isSkill) {
-      nextSpec.skills = {
-        items: ids.map((id) => ({ id }))
-      };
-    } else {
-      nextSpec.knowledges = {
-        items: ids.map((id) => {
-          const resource = resourceList.find((r) => r.id === id);
-          return { id, name: resource?.name || "" };
-        })
-      };
-    }
-    return nextSpec;
-  };
-  const handleCategoryChange = (categoryId, checked) => {
-    if (categoryId === ALL_CATEGORY_ID) {
-      setSelectedCategoryIds(checked ? [ALL_CATEGORY_ID] : []);
-      return;
-    }
-    let nextIds = selectedCategoryIds.filter((id) => id !== ALL_CATEGORY_ID);
-    if (checked) {
-      nextIds.push(categoryId);
-    } else {
-      nextIds = nextIds.filter((id) => id !== categoryId);
-    }
-    setSelectedCategoryIds(nextIds.length ? nextIds : [ALL_CATEGORY_ID]);
-  };
-  const toggleItemSelection = (id) => {
-    setSelectedIds((prev) => prev.includes(id) ? prev.filter((i) => i !== id) : [...prev, id]);
-  };
-  const handleConfirm = () => {
-    const currentSpec = chatStore.conversation.active.spec || {};
-    const clonedSpec = JSON.parse(JSON.stringify(currentSpec));
-    chatStore.setConversationSpec(getNextSpec(clonedSpec, selectedIds, resources));
-    onCancel?.();
-  };
-  const getDisplayName = (id) => {
-    const item = resources.find((r) => r.id === id);
-    if (!item) return id;
-    return "aliasName" in item && item.aliasName ? item.aliasName : item.name || id;
-  };
-  const title = isSkill ? t11("selectSkill") : t11("selectKnowledge");
-  const iconType = isSkill ? "icon-skill" : "icon-remark";
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      open,
-      className: style_module_default.customModal,
-      onCancel,
-      closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
-      width: 960,
-      centered: true,
-      destroyOnHidden: true,
-      title: /* @__PURE__ */ jsx("div", { className: style_module_default.titleContainer, children: /* @__PURE__ */ jsx(Title2, { level: 5, children: title }) }),
-      footer: /* @__PURE__ */ jsx("div", { className: style_module_default.footer, children: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleConfirm, children: t11("confirm") }) }),
-      children: /* @__PURE__ */ jsxs(Layout, { className: style_module_default.layout, children: [
-        /* @__PURE__ */ jsx(Sider, { width: 220, className: style_module_default.sider, theme: "light", children: /* @__PURE__ */ jsx("div", { className: style_module_default.siderContent, children: /* @__PURE__ */ jsx(Flex, { gap: 4, vertical: true, children: allCategories.map((cat) => {
-          const isChecked = selectedCategoryIds.includes(cat.id);
-          return /* @__PURE__ */ jsxs(
-            Flex,
-            {
-              className: classNames10(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
-              onClick: () => handleCategoryChange(cat.id, !isChecked),
-              children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: isChecked,
-                    className: cat.id === ALL_CATEGORY_ID ? style_module_default.roundCheckbox : "",
-                    onClick: (e) => e.stopPropagation(),
-                    onChange: (e) => handleCategoryChange(cat.id, e.target.checked)
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: style_module_default.categoryName, children: cat.name })
-              ]
-            },
-            cat.id
-          );
-        }) }) }) }),
-        /* @__PURE__ */ jsxs(Content, { className: style_module_default.content, children: [
-          /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: /* @__PURE__ */ jsx(
-            Input,
-            {
-              className: style_module_default.searchInput,
-              placeholder: isSkill ? t11("searchSkill") : t11("searchKnowledge"),
-              prefix: /* @__PURE__ */ jsx(SearchOutlined, { style: { color: token.colorTextQuaternary } }),
-              value: searchText,
-              onChange: (e) => setSearchText(e.target.value),
-              allowClear: true,
-              autoFocus: true
-            }
-          ) }),
-          selectedIds.length > 0 && /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 2, children: /* @__PURE__ */ jsx(Text4, { type: "secondary", className: style_module_default.selectedCount, children: t11("selectedCount", { count: selectedIds.length }) }) }),
-          /* @__PURE__ */ jsxs("div", { className: classNames10(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
-            /* @__PURE__ */ jsxs(Flex, { gap: 8, className: style_module_default.tagContainer, wrap: true, ref: tagsContainerRef, children: [
-              selectedIds.map((id) => /* @__PURE__ */ jsx(
-                Tag,
-                {
-                  closable: true,
-                  onClose: (e) => {
-                    e.preventDefault();
-                    toggleItemSelection(id);
-                  },
-                  className: style_module_default.tag,
-                  children: getDisplayName(id)
-                },
-                id
-              )),
-              showExpandBtn && tagsExpanded && /* @__PURE__ */ jsxs(Button, { size: "small", className: style_module_default.expandBtn, onClick: () => setTagsExpanded(false), children: [
-                t11("collapse"),
-                " ",
-                /* @__PURE__ */ jsx(UpOutlined, {})
-              ] })
-            ] }),
-            showExpandBtn && !tagsExpanded && /* @__PURE__ */ jsx("div", { className: style_module_default.expandBtnWrapper, children: /* @__PURE__ */ jsxs(Button, { size: "small", className: style_module_default.expandBtn, onClick: () => setTagsExpanded(true), children: [
-              t11("expand"),
-              " ",
-              /* @__PURE__ */ jsx(DownOutlined, {})
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: style_module_default.listArea, children: /* @__PURE__ */ jsx(Spin, { spinning: loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsx("div", { className: style_module_default.listInner, children: /* @__PURE__ */ jsx(Flex, { gap: 8, vertical: true, children: filteredResources.length > 0 ? filteredResources.map((item) => {
-            const isSelected = selectedIds.includes(item.id);
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: classNames10(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
-                onClick: () => toggleItemSelection(item.id),
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: style_module_default.itemIconWrapper, children: /* @__PURE__ */ jsx(IconFont_default, { type: iconType }) }),
-                  /* @__PURE__ */ jsxs(Flex, { vertical: true, className: style_module_default.itemInfo, children: [
-                    /* @__PURE__ */ jsxs(Flex, { justify: "space-between", children: [
-                      /* @__PURE__ */ jsx(Text4, { strong: true, children: getDisplayName(item.id) }),
-                      isSelected && /* @__PURE__ */ jsx(Tag, { color: token.colorPrimary, variant: "outlined", children: t11("added") })
-                    ] }),
-                    /* @__PURE__ */ jsx(Text4, { type: "secondary", className: style_module_default.itemDesc, children: item.description || t11("noDescription") })
-                  ] })
-                ]
-              },
-              item.id
-            );
-          }) : /* @__PURE__ */ jsx(Empty, { description: t11("noMatch") }) }) }) }) })
-        ] })
-      ] })
-    }
-  );
-};
-var { Text: Text5 } = Typography;
-var KnowledgeBtn_default = ({}) => {
-  const chatStore = useChatStore();
-  const conversationState = useSnapshot(chatStore.conversation);
-  const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
-  const [modalOpen, setModalOpen] = useState(false);
-  const knowledgeCount = conversationState.active.spec?.knowledges?.items?.length ?? 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
-      /* @__PURE__ */ jsx(IconFont_default, { type: "icon-remark" }),
-      /* @__PURE__ */ jsx(Text5, { children: t11("knowledge") }),
-      knowledgeCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Divider$1, { vertical: true, className: style_module_default.divider }),
-        /* @__PURE__ */ jsx(Flex, { className: style_module_default.count, children: knowledgeCount })
-      ] })
-    ] }),
-    modalOpen && /* @__PURE__ */ jsx(ResourceSelectorModal_default, { open: modalOpen, type: "knowledge", onCancel: () => setModalOpen(false) })
-  ] });
-};
-var { Text: Text6 } = Typography;
+var { Text: Text4 } = Typography;
 var getModelIcon = (iconName) => {
   if (!iconName) {
     return "icon-zhinengti";
@@ -7074,7 +6778,7 @@ var ModelSelect_default = ({}) => {
     }
     return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
       /* @__PURE__ */ jsx(IconFont_default, { type: getModelIcon(model.icon), style: { fontSize: 20, borderRadius: 4 } }),
-      /* @__PURE__ */ jsx(Text6, { children: model.label })
+      /* @__PURE__ */ jsx(Text4, { children: model.label })
     ] });
   };
   useEffect(() => {
@@ -7097,7 +6801,7 @@ var ModelSelect_default = ({}) => {
         const data = option.data;
         return /* @__PURE__ */ jsxs(Flex, { gap: 12, children: [
           /* @__PURE__ */ jsx(IconFont_default, { type: getModelIcon(data?.icon), style: { fontSize: 20 } }),
-          /* @__PURE__ */ jsx(Text6, { children: data?.label })
+          /* @__PURE__ */ jsx(Text4, { children: data?.label })
         ] });
       }
     }
@@ -7121,47 +6825,166 @@ var ReasonBtn_default = () => {
     };
     chatStore.setAgent(nextAgentInfo);
   };
-  return /* @__PURE__ */ jsxs("div", { className: classNames10(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: currentModel?.reasoning }), onClick: toggleReasoning, children: [
+  return /* @__PURE__ */ jsxs("div", { className: classNames9(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: currentModel?.reasoning }), onClick: toggleReasoning, children: [
     /* @__PURE__ */ jsx(IconFont_default, { type: "icon-reason" }),
     /* @__PURE__ */ jsx("span", { children: t11("deepThinking") })
   ] });
 };
-var { Text: Text7 } = Typography;
-var SkillBtn_default = ({}) => {
+var getResourceKey = (item) => "id" in item ? item.id : item.name;
+var defaultResourceTypes = ["skill", "knowledge", "datasource", "mcp_server"];
+var resourceTypeMap = {
+  skill: {
+    responseKey: "skills",
+    nodeType: "skill",
+    labelKey: "skill",
+    getLabel: (item) => item.aliasName || item.name
+  },
+  knowledge: {
+    responseKey: "knowledges",
+    nodeType: "knowledge",
+    labelKey: "knowledge",
+    getLabel: (item) => item.name
+  },
+  datasource: {
+    responseKey: "datasources",
+    nodeType: "datasource",
+    labelKey: "datasource",
+    getLabel: (item) => item.name
+  },
+  mcp_server: {
+    responseKey: "mcpServers",
+    nodeType: "mcpServer",
+    labelKey: "mcpServer",
+    getLabel: (item) => item.serverName || item.name
+  },
+  sub_agent: {
+    responseKey: "subAgents",
+    nodeType: "subAgent",
+    labelKey: "subAgent",
+    getLabel: (item) => item.name
+  },
+  tool: {
+    responseKey: "tools",
+    nodeType: "tool",
+    labelKey: "tool",
+    getLabel: (item) => item.name
+  }
+};
+var emptyAgentResources2 = {
+  skills: [],
+  knowledges: [],
+  datasources: [],
+  mcpServers: [],
+  subAgents: [],
+  tools: []
+};
+var focusSenderInputToEnd = () => {
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      const input = document.querySelector('.zero-chat-sender .ant-sender-input[contenteditable="true"]');
+      if (!input) return;
+      input.focus();
+      const selection = window.getSelection();
+      if (!selection) return;
+      const range = document.createRange();
+      range.selectNodeContents(input);
+      range.collapse(false);
+      selection.removeAllRanges();
+      selection.addRange(range);
+    });
+  });
+};
+var appendResourceToken = (content, token) => {
+  if (!content) return token;
+  return /\s$/.test(content) ? `${content}${token}` : `${content}  ${token}`;
+};
+var ResourceBtn_default = ({ types = defaultResourceTypes }) => {
   const chatStore = useChatStore();
   const conversationState = useSnapshot(chatStore.conversation);
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [skillsCount, setSkillsCount] = useState(0);
-  useEffect(() => {
-    let canceled = false;
-    const syncSkillsCount = async () => {
-      const initialItems = conversationState.active.spec?.skills?.items;
-      if (!initialItems?.length) {
-        setSkillsCount(0);
-        return;
+  const [open, setOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [resources, setResources] = useState(null);
+  const menuItems = useMemo(() => {
+    const buildChildren = (categoryKey, resourceLabel, items2, getLabel) => items2.map((item) => ({
+      key: getResourceKey(item),
+      label: getLabel(item),
+      onClick: () => {
+        const resourceName = getLabel(item);
+        const currentContent = conversationState.messages[conversationState.active.id]?.content || "";
+        const nextContent = appendResourceToken(
+          currentContent,
+          serializeResourceToken(resourceLabel, resourceName, resourceTypeMap[categoryKey].nodeType, getResourceKey(item))
+        );
+        chatStore.setContent(nextContent);
+        setOpen(false);
+        focusSenderInputToEnd();
       }
-      const { data } = await chatStore.config.services.request.listSkills();
-      if (canceled) return;
-      const validIds = new Set((data || []).map((item) => item.id));
-      setSkillsCount(initialItems.map((item) => item.id).filter((id) => validIds.has(id)).length);
-    };
-    syncSkillsCount();
-    return () => {
-      canceled = true;
-    };
-  }, [chatStore, conversationState.active.spec?.skills?.items]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
-      /* @__PURE__ */ jsx(IconFont_default, { type: "icon-skill" }),
-      /* @__PURE__ */ jsx(Text7, { children: t11("skill") }),
-      skillsCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Divider$1, { vertical: true, className: style_module_default.divider }),
-        /* @__PURE__ */ jsx(Flex, { className: style_module_default.count, children: skillsCount })
-      ] })
-    ] }),
-    modalOpen && /* @__PURE__ */ jsx(ResourceSelectorModal_default, { open: modalOpen, type: "skill", onCancel: () => setModalOpen(false) })
-  ] });
+    }));
+    const buildSubMenu = (key, label, items2, getLabel) => ({
+      key,
+      label,
+      popupClassName: style_module_default.resourceDropdownSubMenu,
+      children: buildChildren(key, label, items2, getLabel)
+    });
+    if (loading) {
+      return [
+        {
+          key: "loading",
+          disabled: true,
+          label: /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx(LoadingOutlined, { spin: true, style: { marginRight: 8 } }),
+            t11("loading")
+          ] })
+        }
+      ];
+    }
+    if (!resources) {
+      return [
+        {
+          key: "empty",
+          disabled: true,
+          label: t11("empty")
+        }
+      ];
+    }
+    const items = [];
+    types.forEach((type) => {
+      const currentConfig = resourceTypeMap[type];
+      const currentItems = resources[currentConfig.responseKey];
+      if (!currentItems?.length) return;
+      items.push(buildSubMenu(type, t11(currentConfig.labelKey), currentItems, currentConfig.getLabel));
+    });
+    return items.length ? items : [
+      {
+        key: "empty",
+        disabled: true,
+        label: t11("empty")
+      }
+    ];
+  }, [chatStore, conversationState.active.id, conversationState.messages, loading, resources, t11, types]);
+  const handleOpenChange = async (nextOpen) => {
+    setOpen(nextOpen);
+    if (!nextOpen) return;
+    setLoading(true);
+    try {
+      const { data } = await chatStore.config.services.request.fetchAvailableResources(types);
+      setResources(data || emptyAgentResources2);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      classNames: { root: style_module_default.resourceDropdown },
+      menu: { items: menuItems, className: style_module_default.resourceDropdownMenu },
+      trigger: ["click"],
+      open,
+      onOpenChange: handleOpenChange,
+      children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(PlusOutlined, {}) })
+    }
+  );
 };
 var ChatSender_default2 = forwardRef(
   ({
@@ -7171,8 +6994,9 @@ var ChatSender_default2 = forwardRef(
     sendBtnProps,
     footerBelow = false,
     reasonBtn = true,
-    skillsBtn = false,
-    knowledgeBtn = false,
+    resourceBtn = false,
+    // skillsBtn = false,
+    // knowledgeBtn = false,
     modelSelect = false,
     commandConfig,
     uploadConfig
@@ -7229,9 +7053,8 @@ var ChatSender_default2 = forwardRef(
         extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
         extraFooter: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", flex: 1, children: [
           /* @__PURE__ */ jsxs(Flex, { gap: 8, children: [
+            /* @__PURE__ */ jsx(RenderWrapper, { control: resourceBtn, DefaultComponent: ResourceBtn_default }),
             agentState.agentInfo.agentType === 2 /* AUTONOMOUS */ && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(RenderWrapper, { control: reasonBtn, DefaultComponent: ReasonBtn_default }) }),
-            /* @__PURE__ */ jsx(RenderWrapper, { control: skillsBtn, DefaultComponent: SkillBtn_default }),
-            /* @__PURE__ */ jsx(RenderWrapper, { control: knowledgeBtn, DefaultComponent: KnowledgeBtn_default }),
             /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
           ] }),
           agentState.agentInfo.agentType === 2 /* AUTONOMOUS */ && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(RenderWrapper, { control: modelSelect, DefaultComponent: ModelSelect_default }) })
@@ -7316,7 +7139,7 @@ var MonacoEditor = ({ value = "", onChange, placeholder, height = 200, readOnly
   ) });
 };
 var MonacoEditor_default = MonacoEditor;
-var { Text: Text8 } = Typography;
+var { Text: Text5 } = Typography;
 var FormFileUpload = ({ value, onChange, multiple = false }) => {
   const { token } = theme.useToken();
   const fileList = Array.isArray(value) ? value : value ? [value] : [];
@@ -7388,8 +7211,8 @@ var FormFileUpload = ({ value, onChange, multiple = false }) => {
               }
             ),
             /* @__PURE__ */ jsxs("div", { style: { overflow: "hidden", display: "flex", flexDirection: "column", flex: 1 }, children: [
-              /* @__PURE__ */ jsx(Text8, { ellipsis: true, style: { width: "100%", fontSize: 14, fontWeight: 500 }, children: file.name }),
-              /* @__PURE__ */ jsxs(Text8, { type: "secondary", style: { fontSize: 12 }, children: [
+              /* @__PURE__ */ jsx(Text5, { ellipsis: true, style: { width: "100%", fontSize: 14, fontWeight: 500 }, children: file.name }),
+              /* @__PURE__ */ jsxs(Text5, { type: "secondary", style: { fontSize: 12 }, children: [
                 (file.extension || getFileSuffixName(file.name)).toUpperCase(),
                 " \u2022 ",
                 formatFileSize(file.size)
@@ -7985,11 +7808,11 @@ function EventRow({ evt, selected, onSelect }) {
   const { role, lane, preview } = eventSummary(evt);
   const isError = evt.eventType === "run_failed" || evt.eventType === "step_error";
   const time = tsToTime(evt);
-  return /* @__PURE__ */ jsxs("div", { className: classNames10(execution_trace_module_default.eventRow, { [execution_trace_module_default.eventRowSelected]: selected }), onClick: () => onSelect(evt), children: [
-    /* @__PURE__ */ jsx("span", { className: classNames10(execution_trace_module_default.eventLane, execution_trace_module_default[`lane_${lane}`]) }),
+  return /* @__PURE__ */ jsxs("div", { className: classNames9(execution_trace_module_default.eventRow, { [execution_trace_module_default.eventRowSelected]: selected }), onClick: () => onSelect(evt), children: [
+    /* @__PURE__ */ jsx("span", { className: classNames9(execution_trace_module_default.eventLane, execution_trace_module_default[`lane_${lane}`]) }),
     /* @__PURE__ */ jsx("span", { className: execution_trace_module_default.eventIcon, children: eventIcon(evt.eventType) }),
     /* @__PURE__ */ jsx(Tag, { className: execution_trace_module_default.eventRole, color: ROLE_COLOR[role], children: roleLabel(role) }),
-    /* @__PURE__ */ jsx("span", { className: classNames10(execution_trace_module_default.eventType, { [execution_trace_module_default.eventTypeError]: isError }), children: evt.eventType }),
+    /* @__PURE__ */ jsx("span", { className: classNames9(execution_trace_module_default.eventType, { [execution_trace_module_default.eventTypeError]: isError }), children: evt.eventType }),
     /* @__PURE__ */ jsx("span", { className: execution_trace_module_default.eventPreview, title: preview, children: preview || " " }),
     time && /* @__PURE__ */ jsx("span", { className: execution_trace_module_default.eventTime, children: time })
   ] });
@@ -8038,8 +7861,8 @@ function ExecutionSection({
       /* @__PURE__ */ jsx("div", { className: execution_trace_module_default.userMessageContent, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: userInput.payloadJson?.event?.message || "" }) })
     ] }),
     /* @__PURE__ */ jsx("div", { className: execution_trace_module_default.turnList, children: turns.map((group, gi) => /* @__PURE__ */ jsxs("div", { className: execution_trace_module_default.turnSection, children: [
-      /* @__PURE__ */ jsxs("div", { className: classNames10(execution_trace_module_default.turnHeader, group.kind !== "turn" && execution_trace_module_default.turnHeaderMuted), children: [
-        /* @__PURE__ */ jsx("span", { className: classNames10(execution_trace_module_default.turnHeaderDot, group.kind !== "turn" && execution_trace_module_default.turnHeaderDotMuted) }),
+      /* @__PURE__ */ jsxs("div", { className: classNames9(execution_trace_module_default.turnHeader, group.kind !== "turn" && execution_trace_module_default.turnHeaderMuted), children: [
+        /* @__PURE__ */ jsx("span", { className: classNames9(execution_trace_module_default.turnHeaderDot, group.kind !== "turn" && execution_trace_module_default.turnHeaderDotMuted) }),
         /* @__PURE__ */ jsx("span", { className: execution_trace_module_default.turnTitle, children: group.kind === "turn" ? t(`${NS_CHAT_COPILOT}:turnLabel`, { index: group.turnIndex + 1, title: group.title }) : group.title }),
         /* @__PURE__ */ jsxs("span", { className: execution_trace_module_default.turnMeta, children: [
           group.durationMs != null ? formatDuration(group.durationMs) : "",
@@ -8119,8 +7942,6 @@ var ExecutionTracePanel_default = ExecutionTracePanel;
 // src/ui/layouts/components/styles.module.less
 var styles_module_default5 = {
   bodyWidth: "styles_module_bodyWidth",
-  execModeBar: "styles_module_execModeBar",
-  mainTabs: "styles_module_mainTabs",
   inputContainer: "styles_module_inputContainer",
   disclaimerNotice: "styles_module_disclaimerNotice",
   previewHeader: "styles_module_previewHeader",
@@ -8130,42 +7951,13 @@ var styles_module_default5 = {
   subAgentTitle: "styles_module_subAgentTitle",
   subAgentMessages: "styles_module_subAgentMessages"
 };
-var ExecModeSwitch = memo(() => {
-  const chatStore = useChatStore();
-  const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
-  const configState = useSnapshot(chatStore.config);
-  const conversationState = useSnapshot(chatStore.conversation);
-  const activeId = conversationState.active.id;
-  const messages = conversationState.messages[activeId]?.message;
-  const hasAgentExec = useMemo(() => (messages || []).some((m) => m.role === 2 && hasExecChain(m.content || [])), [messages]);
-  const handleExecModeChange = useCallback(
-    (v) => {
-      chatStore.setExecMode(v);
-    },
-    [chatStore]
-  );
-  if (!hasAgentExec) return null;
-  return /* @__PURE__ */ jsx("div", { className: styles_module_default5.execModeBar, children: /* @__PURE__ */ jsx(
-    Segmented,
-    {
-      size: "small",
-      value: configState.agentExecMode,
-      onChange: handleExecModeChange,
-      options: [
-        { label: t11("aggregate"), value: "aggregate" },
-        { label: t11("sequence"), value: "sequence" }
-      ]
-    }
-  ) });
-});
 var ChatContent = memo(({ senderRef }) => {
   const chatStore = useChatStore();
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
   const configState = useSnapshot(chatStore.config);
   const agentState = useSnapshot(chatStore.agent);
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames10(styles_module_default5.bodyWidth, "height-full"), children: [
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames9(styles_module_default5.bodyWidth, "height-full"), children: [
     shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.userInput, DefaultComponent: UserInputPanel_default }),
-    /* @__PURE__ */ jsx(ExecModeSwitch, {}),
     shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", style: { width: "100%" }, children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderHeader, DefaultComponent: /* @__PURE__ */ jsx(ChatSenderHeader_default, {}) }),
     /* @__PURE__ */ jsxs(Flex, { className: styles_module_default5.inputContainer, vertical: true, gap: 8, children: [
@@ -8182,7 +7974,7 @@ var ChatContent = memo(({ senderRef }) => {
   ] });
 });
 var ChatMainPanel = memo(
-  forwardRef(({ debugMode = false }, ref) => {
+  forwardRef(({ showDebugLog = false }, ref) => {
     const chatStore = useChatStore();
     const senderRef = useRef(null);
     const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
@@ -8196,12 +7988,12 @@ var ChatMainPanel = memo(
       []
     );
     const configState = useSnapshot(chatStore.config);
-    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames10("height-full"), children: [
+    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("height-full"), children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-      debugMode ? /* @__PURE__ */ jsx(
+      showDebugLog ? /* @__PURE__ */ jsx(
         Tabs,
         {
-          className: classNames10(styles_module_default5.mainTabs),
+          className: "full-tabs",
           defaultActiveKey: "chat",
           items: [
             { key: "chat", label: t11("chatTab"), children: /* @__PURE__ */ jsx(ChatContent, { senderRef }) },
@@ -8228,7 +8020,7 @@ var ChatPreviewPanel = memo(({ file }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     file.fileUrl && /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsxs("div", { className: styles_module_default5.previewHeader, children: [
-        /* @__PURE__ */ jsx("div", { className: classNames10(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
+        /* @__PURE__ */ jsx("div", { className: classNames9(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
         /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -8266,7 +8058,7 @@ var ChatPreviewPanel = memo(({ file }) => {
   ] });
 });
 var ChatPreviewPanel_default = ChatPreviewPanel;
-var { Text: Text9 } = Typography;
+var { Text: Text6 } = Typography;
 function roleForMessage(role) {
   if (role === 1) {
     return { user: "user", role: 1, placement: "end" };
@@ -8325,7 +8117,7 @@ var ChatSubAgentPanel = memo(() => {
   const subAgentName = active.agentName || active.toolName || t11("subAgentExecutionDetail");
   return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 8, className: styles_module_default5.subAgentHeader, children: [
-      /* @__PURE__ */ jsx(Text9, { strong: true, className: styles_module_default5.subAgentTitle, title: subAgentName, children: subAgentName }),
+      /* @__PURE__ */ jsx(Text6, { strong: true, className: styles_module_default5.subAgentTitle, title: subAgentName, children: subAgentName }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -8337,7 +8129,7 @@ var ChatSubAgentPanel = memo(() => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: classNames10("full-scroll", styles_module_default5.subAgentMessages), children: loading ? /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", style: { height: 120 }, children: /* @__PURE__ */ jsx(Spin, { size: "small" }) }) : /* @__PURE__ */ jsx(Bubble.List, { ref: listRef, autoScroll: false, items, onScroll: handleScroll, className: "height-full" }) })
+    /* @__PURE__ */ jsx("div", { className: classNames9("full-scroll", styles_module_default5.subAgentMessages), children: loading ? /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", style: { height: 120 }, children: /* @__PURE__ */ jsx(Spin, { size: "small" }) }) : /* @__PURE__ */ jsx(Bubble.List, { ref: listRef, autoScroll: false, items, onScroll: handleScroll, className: "height-full" }) })
   ] });
 });
 var ChatSubAgentPanel_default = ChatSubAgentPanel;
@@ -8349,17 +8141,7 @@ var index_module_default3 = {
   hideSplitterBar: "index_module_hideSplitterBar",
   rightTabs: "index_module_rightTabs"
 };
-function readModeDebug(target) {
-  try {
-    return new URLSearchParams(target.location.search).get("mode") === "debug";
-  } catch {
-    return false;
-  }
-}
-function resolveDebugMode() {
-  return readModeDebug(window) || window.top !== window && readModeDebug(window.top);
-}
-var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config, services }, _ref) => {
+var layouts_default = forwardRef(({ theme: theme3, params, hooks, layout, config, services }, _ref) => {
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
   const chatStore = useMemo(() => createChatStore(), []);
   const senderRef = useRef(null);
@@ -8414,7 +8196,7 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
   const hasPreView = useMemo(() => {
     return shouldRender(configState.layout.preview) && (!!configState.preview.file.fileUrl || !!configState.preview.file.content);
   }, [configState.layout.preview, configState.preview.file]);
-  const isDebugMode = useMemo(() => resolveDebugMode(), []);
+  const showDebugLog = !!config.showDebugLog;
   const hasSubAgentPanel = !!subAgentState.active;
   const subAgentTrigger = subAgentState.active?.toolCallId ?? subAgentState.active?.toolName ?? subAgentState.active?.subConversationId;
   const previewTrigger = configState.preview.file?.fileUrl || configState.preview.file?.content;
@@ -8483,7 +8265,7 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
   useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames10(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme3 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),
@@ -8491,14 +8273,14 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
       /* @__PURE__ */ jsxs(
         Splitter,
         {
-          className: classNames10("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasRightPanel }),
+          className: classNames9("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasRightPanel }),
           onResize: (p) => setSizes(p),
           children: [
-            /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[0], children: /* @__PURE__ */ jsx(ChatMainPanel_default, { ref: senderRef, debugMode: isDebugMode }) }),
+            /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[0], children: /* @__PURE__ */ jsx(ChatMainPanel_default, { ref: senderRef, showDebugLog }) }),
             hasRightPanel && /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 360, size: sizes[1], children: /* @__PURE__ */ jsx(
               Tabs,
               {
-                className: classNames10("height-full", index_module_default3.rightTabs),
+                className: classNames9("height-full", index_module_default3.rightTabs),
                 activeKey: effectiveRightTab,
                 onChange: (k) => setActiveRightTab(k),
                 tabBarStyle: { marginBottom: 0 },