@zero-library/chat-copilot 3.1.3 → 3.1.4

package/dist/index.cjs.js

@@ -4,11 +4,22 @@ var icons = require('@ant-design/icons');
 var xV2 = require('@ant-design/x-v2');
 var common = require('@zero-library/common');
 var antd = require('antd');
-var React7 = require('react');
+var React10 = require('react');
 var valtio = require('valtio');
 var jsxRuntime = require('react/jsx-runtime');
-var classNames2 = require('classnames');
+var LexicalComposer = require('@lexical/react/LexicalComposer');
+var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var LexicalContentEditable = require('@lexical/react/LexicalContentEditable');
+var LexicalErrorBoundary = require('@lexical/react/LexicalErrorBoundary');
+var LexicalHistoryPlugin = require('@lexical/react/LexicalHistoryPlugin');
+var LexicalOnChangePlugin = require('@lexical/react/LexicalOnChangePlugin');
+var LexicalRichTextPlugin = require('@lexical/react/LexicalRichTextPlugin');
+var lexical = require('lexical');
+var LexicalTypeaheadMenuPlugin = require('@lexical/react/LexicalTypeaheadMenuPlugin');
+var utils = require('@lexical/utils');
+var ReactDOM = require('react-dom');
 var dayjs = require('dayjs');
+var classNames2 = require('classnames');
 var InfiniteScroll = require('react-infinite-scroll-component');
 var xCard = require('@ant-design/x-card');
 require('@ant-design/x-markdown/themes/light.css');
@@ -17,20 +28,39 @@ var Latex = require('@ant-design/x-markdown/plugins/Latex');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React7__default = /*#__PURE__*/_interopDefault(React7);
-var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 var XMarkdown__default = /*#__PURE__*/_interopDefault(XMarkdown);
 var Latex__default = /*#__PURE__*/_interopDefault(Latex);
 
 // src/components/Attachments.tsx
-var ChatContext = React7.createContext(null);
+var ChatContext = React10.createContext(null);
 function ChatProvider({ store, children }) {
-  return React7__default.default.createElement(ChatContext.Provider, { value: store }, children);
+  return React10__namespace.default.createElement(ChatContext.Provider, { value: store }, children);
 }
 function useChatStore() {
-  const store = React7.useContext(ChatContext);
+  const store = React10.useContext(ChatContext);
   if (!store) {
     throw new Error("useChatStore must be used within ChatProvider");
   }
@@ -41,13 +71,13 @@ function useChatStore() {
 var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender"};
-var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
+var Attachments_default = React10.forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
   const { message: message2 } = antd.App.useApp();
   const chatStore = useChatStore();
-  const agentState = valtio.useSnapshot(chatStore.agent);
-  const fileListRef = React7.useRef([]);
+  valtio.useSnapshot(chatStore.agent);
+  const fileListRef = React10.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     if (JSON.stringify(fileList) !== JSON.stringify(fileListRef.current)) {
       fileListRef.current = fileList;
       const mapped = fileList.map((file) => ({
@@ -59,7 +89,7 @@ var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fil
       setAttachedFiles(mapped);
     }
   }, [fileList]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     const files = attachedFiles.filter((file) => file.status === "done").map((file) => {
       const f = { ...file };
       delete f.status;
@@ -128,7 +158,7 @@ var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fil
       const uploadedFile = data[0];
       let previewUrl = uploadedFile.id;
       if (uploadedFile.conversationId && uploadedFile.path) {
-        previewUrl = chatStore.config.services.request.getPreviewUrl(agentState.agentInfo.id, uploadedFile.conversationId, uploadedFile.path);
+        previewUrl = chatStore.config.services.request.getPreviewUrl(uploadedFile.conversationId, uploadedFile.path);
       }
       setAttachedFiles(
         getAttachedFiles().map((f) => {
@@ -163,7 +193,7 @@ var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fil
     chatStore.config.params.convMeta?.libraryId;
     file.path;
   };
-  React7.useImperativeHandle(
+  React10.useImperativeHandle(
     ref,
     () => ({
       validateFile: () => {
@@ -183,7 +213,7 @@ var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fil
     }),
     []
   );
-  const acceptStr = React7.useMemo(() => {
+  const acceptStr = React10.useMemo(() => {
     const allTypes = fileUploadConfig?.allowedTypes.map((type) => `.${type}`) || [];
     return allTypes.length ? allTypes.join(",") : void 0;
   }, [fileUploadConfig]);
@@ -213,10 +243,534 @@ var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fil
     }
   );
 });
-var ChatSender_default = React7.forwardRef(
+
+// src/components/ChatInput/index.module.less
+var index_module_default = {
+  fileMenu: "index_module_fileMenu",
+  fileMenuItem: "index_module_fileMenuItem",
+  fileMenuItemActive: "index_module_fileMenuItemActive",
+  fileName: "index_module_fileName",
+  resourceSelect: "index_module_resourceSelect",
+  promptEditorInputContainer: "index_module_promptEditorInputContainer",
+  promptEditorContent: "index_module_promptEditorContent",
+  promptEditorPlaceholder: "index_module_promptEditorPlaceholder",
+  resourceTag: "index_module_resourceTag"
+};
+
+// src/core/constants.ts
+var CONV_MODE = {
+  PROD: 1};
+var classifyTime = (timestamp) => {
+  const now = dayjs__default.default();
+  const target = dayjs__default.default(timestamp);
+  if (target.isSame(now, "day")) {
+    return "\u4ECA\u5929";
+  }
+  const diffInDays = now.diff(target, "day");
+  if (diffInDays < 7) {
+    return "\u6700\u8FD1 7 \u5929";
+  } else if (diffInDays < 30) {
+    return "\u6700\u8FD1 30 \u5929";
+  } else if (diffInDays < 180) {
+    return "\u6700\u8FD1\u534A\u5E74";
+  } else {
+    return "\u66F4\u65E9";
+  }
+};
+var getChatSocketUrl = (baseURL, params) => {
+  return common.buildUrlParams(params, common.getWebSocketUrl(`${baseURL}/ws`), "comma");
+};
+var getFileIcon = (extension, fontSize = 24) => {
+  const baseStyle = { fontSize };
+  const createIcon = (Icon, color) => React10__namespace.default.createElement(Icon, { style: { ...baseStyle, color } });
+  if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension)) {
+    return createIcon(icons.FileImageOutlined, "#22c55e");
+  }
+  if (["pdf"].includes(extension)) {
+    return createIcon(icons.FilePdfOutlined, "#ef4444");
+  }
+  if (["doc", "docx"].includes(extension)) {
+    return createIcon(icons.FileWordOutlined, "#2563eb");
+  }
+  if (["xls", "xlsx", "csv"].includes(extension)) {
+    return createIcon(icons.FileExcelOutlined, "#16a34a");
+  }
+  if (["ppt", "pptx"].includes(extension)) {
+    return createIcon(icons.FilePptOutlined, "#f59e0b");
+  }
+  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
+    return createIcon(icons.FileZipOutlined, "#8b5cf6");
+  }
+  if (["txt", "md", "log", "json", "yaml", "yml", "xml", "ini", "conf"].includes(extension)) {
+    return createIcon(icons.FileTextOutlined, "#64748b");
+  }
+  return createIcon(icons.FileUnknownOutlined, "#94a3b8");
+};
+function FilePickerMenu({
+  options,
+  selectedIndex,
+  onSelect,
+  onHover
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.fileMenu, role: "listbox", children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "option",
+      "aria-selected": index === selectedIndex,
+      className: `${index_module_default.fileMenuItem} ${index === selectedIndex ? index_module_default.fileMenuItemActive : ""}`,
+      onMouseEnter: () => onHover(index),
+      onClick: () => onSelect(option),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: getFileIcon(option.ext || common.getFileSuffixName(option.label), 14) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default.fileName, children: option.label })
+      ]
+    },
+    option.value
+  )) });
+}
+function ResourcePickerMenu({
+  anchorElementRef,
+  children
+}) {
+  const menuRef = React10.useRef(null);
+  const [placement, setPlacement] = React10.useState("bottom");
+  React10.useLayoutEffect(() => {
+    const anchor = anchorElementRef.current;
+    const menu = menuRef.current;
+    if (!anchor || !menu) return;
+    const updatePlacement = () => {
+      const anchorRect = anchor.getBoundingClientRect();
+      const menuHeight = Math.min(menu.scrollHeight, 256);
+      const spaceBelow = window.innerHeight - anchorRect.bottom;
+      const spaceAbove = anchorRect.top;
+      setPlacement(spaceBelow < menuHeight + 8 && spaceAbove > spaceBelow ? "top" : "bottom");
+    };
+    updatePlacement();
+    window.addEventListener("resize", updatePlacement);
+    return () => window.removeEventListener("resize", updatePlacement);
+  }, [anchorElementRef, children]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: menuRef, className: index_module_default.resourceSelect, "data-placement": placement, onMouseDown: (event) => event.preventDefault(), children });
+}
+function formatResourceName(resourceName) {
+  const lastDotIndex = resourceName.lastIndexOf(".");
+  const hasExtension = lastDotIndex > 0 && lastDotIndex < resourceName.length - 1;
+  const name = hasExtension ? resourceName.slice(0, lastDotIndex) : resourceName;
+  const extension = hasExtension ? resourceName.slice(lastDotIndex) : "";
+  if (name.length <= 6) return `${name}${extension}`;
+  return `${name.slice(0, 3)}***${name.slice(-3)}${extension}`;
+}
+function ResourceTag({ resource }) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const handleClose = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    editor.update(() => {
+      const node = lexical.$getNodeByKey(resource.nodeKey);
+      node?.remove();
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.resourceTag, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Tag, { closeIcon: true, color: "blue", onClose: handleClose, children: [
+    resource.resourceLabel,
+    "\uFF1A",
+    formatResourceName(resource.resourceName)
+  ] }) });
+}
+var EMPTY_CASCADE_OPTION_VALUE = "__empty__";
+var VariableNode = class _VariableNode extends lexical.DecoratorNode {
+  __resourceLabel;
+  __resourceType;
+  __resourceName;
+  __resourceId;
+  /**
+   * 返回当前自定义节点的唯一类型标识，供 Lexical 注册和反序列化使用。
+   */
+  static getType() {
+    return "variable";
+  }
+  /**
+   * 基于现有节点创建一个内容完全一致的新节点实例。
+   */
+  static clone(node) {
+    return new _VariableNode(node.__resourceLabel, node.__resourceName, node.__resourceType, node.__resourceId, node.__key);
+  }
+  /**
+   * 初始化变量节点，并保存标签展示与序列化所需的资源信息。
+   */
+  constructor(resourceLabel, resourceName, resourceType, resourceId, key) {
+    super(key);
+    this.__resourceLabel = resourceLabel;
+    this.__resourceType = resourceType;
+    this.__resourceName = resourceName;
+    this.__resourceId = resourceId;
+  }
+  /**
+   * 创建节点对应的宿主 DOM，用于承载后续的 React 装饰器内容。
+   */
+  createDOM() {
+    const span = document.createElement("span");
+    span.style.display = "inline-block";
+    span.style.verticalAlign = "middle";
+    return span;
+  }
+  /**
+   * 当前节点的 DOM 不依赖增量更新，始终交由 Lexical 复用现有 DOM。
+   */
+  updateDOM() {
+    return false;
+  }
+  /**
+   * 声明当前节点是行内节点，这样它可以和普通文本一起排版。
+   */
+  isInline() {
+    return true;
+  }
+  /**
+   * 将序列化结果恢复为变量节点实例，支持编辑器内容反解析。
+   */
+  static importJSON(serializedNode) {
+    return $createVariableNode(serializedNode.resourceLabel, serializedNode.resourceName, serializedNode.resourceType, serializedNode.resourceId);
+  }
+  /**
+   * 导出节点的业务字段，供 Lexical 持久化和回显使用。
+   */
+  exportJSON() {
+    return {
+      resourceLabel: this.__resourceLabel,
+      resourceName: this.__resourceName,
+      resourceType: this.__resourceType,
+      resourceId: this.__resourceId,
+      type: "variable",
+      version: 1
+    };
+  }
+  /**
+   * 生成节点的纯文本表达，便于发送、存储和重新初始化编辑器内容。
+   */
+  getTextContent() {
+    return `${this.__resourceType}://${this.__resourceId}?name=${this.__resourceName}&label=${this.__resourceLabel}`;
+  }
+  /**
+   * 将变量节点渲染为可交互的资源标签组件。
+   */
+  decorate() {
+    const resource = {
+      resourceLabel: this.__resourceLabel,
+      resourceName: this.__resourceName,
+      resourceType: this.__resourceType,
+      resourceId: this.__resourceId,
+      nodeKey: this.getKey()
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(ResourceTag, { resource });
+  }
+};
+function $createVariableNode(resourceLabel, resourceName, resourceType, resourceId) {
+  return new VariableNode(resourceLabel, resourceName, resourceType, resourceId);
+}
+var CascadeOption = class extends LexicalTypeaheadMenuPlugin.MenuOption {
+  category;
+  item;
+  /**
+   * 将级联菜单中的父子节点包装成 Lexical 菜单选项对象。
+   */
+  constructor(category, item) {
+    super(`${category.value}:${item.value}`);
+    this.category = category;
+    this.item = item;
+  }
+};
+var FileOption = class extends LexicalTypeaheadMenuPlugin.MenuOption {
+  file;
+  /**
+   * 将文件列表项包装成 Lexical 菜单选项对象。
+   */
+  constructor(file) {
+    super(file.value);
+    this.file = file;
+  }
+};
+function VariablePickerPlugin({ commandConfig = {} }) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const chatStore = useChatStore();
+  const [commandDataSource, setCommandDataSource] = React10.useState(commandConfig);
+  const [queryString, setQueryString] = React10.useState(null);
+  const [isEditorFocused, setIsEditorFocused] = React10.useState(false);
+  const blurTimerRef = React10.useRef(null);
+  React10.useEffect(() => {
+    const unregister = utils.mergeRegister(
+      editor.registerCommand(
+        lexical.FOCUS_COMMAND,
+        () => {
+          if (blurTimerRef.current) clearTimeout(blurTimerRef.current);
+          setIsEditorFocused(true);
+          return false;
+        },
+        lexical.COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        lexical.BLUR_COMMAND,
+        () => {
+          setIsEditorFocused(false);
+          return false;
+        },
+        lexical.COMMAND_PRIORITY_LOW
+      )
+    );
+    return () => {
+      if (blurTimerRef.current) clearTimeout(blurTimerRef.current);
+      unregister();
+    };
+  }, [editor]);
+  React10.useEffect(() => {
+    setCommandDataSource(commandConfig);
+  }, [commandConfig]);
+  const commandKey = queryString?.[0] || "";
+  const categoryConfig = React10.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 commandOptions = React10.useMemo(() => {
+    if (!isEditorFocused) return [];
+    return (commandDataSource[commandKey]?.dataSource || []).flatMap(
+      (category) => category.children?.filter((item) => !item.disabled).map((item) => new CascadeOption(category, item)) || []
+    );
+  }, [commandDataSource, commandKey, isEditorFocused]);
+  const formatDataSource = React10.useCallback(
+    (items, category) => {
+      const currentCategoryConfig = categoryConfig[category.value];
+      if (!items.length) {
+        return [
+          {
+            value: EMPTY_CASCADE_OPTION_VALUE,
+            label: "\u6682\u65E0\u6570\u636E",
+            isLeaf: true,
+            disabled: true
+          }
+        ];
+      }
+      return items.map((item) => ({
+        value: item.id,
+        label: currentCategoryConfig?.getLabel(item) || item.name
+      }));
+    },
+    [categoryConfig]
+  );
+  const loadData = React10.useCallback(
+    (selectedOptions) => {
+      const category = selectedOptions[selectedOptions.length - 1];
+      if (!category || category.children?.length || category.isLeaf) return;
+      const currentCategoryConfig = categoryConfig[category.value];
+      if (!currentCategoryConfig) return;
+      currentCategoryConfig.load().then((response) => {
+        const items = response.data || [];
+        setCommandDataSource((current) => ({
+          ...current,
+          [commandKey]: {
+            ...current[commandKey],
+            dataSource: current[commandKey]?.dataSource?.map(
+              (item) => item.value === category.value ? { ...item, children: formatDataSource(items, category) } : item
+            ) || []
+          }
+        }));
+      });
+    },
+    [categoryConfig, commandKey, formatDataSource]
+  );
+  const onSelectOption = React10.useCallback(
+    (selectedOption, nodeToReplace, closeMenu, matchingString) => {
+      const resource = selectedOption instanceof FileOption ? selectedOption.file : selectedOption.item;
+      const resourceLabel = selectedOption instanceof FileOption ? "\u6587\u4EF6" : selectedOption.category.label;
+      const resourceType = selectedOption instanceof FileOption ? "file" : selectedOption.category.value;
+      editor.update(() => {
+        const variableNode = $createVariableNode(resourceLabel, resource.label, resourceType, resource.value);
+        if (nodeToReplace) {
+          nodeToReplace.replace(variableNode);
+          variableNode.selectNext();
+        }
+      });
+      closeMenu();
+    },
+    [commandDataSource, editor]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    LexicalTypeaheadMenuPlugin.LexicalTypeaheadMenuPlugin,
+    {
+      onQueryChange: (query) => setQueryString(query),
+      onSelectOption,
+      triggerFn: (text) => {
+        const match = new RegExp(
+          `(?:${Object.keys(commandConfig).map((key) => key.replace(/[.*+?^${}()|[\\]\\]/g, "\\$&")).join("|")})([^\\s]*)$`
+        ).exec(text);
+        if (!match) return null;
+        return { leadOffset: match.index, matchingString: match[0], replaceableString: match[0] };
+      },
+      options: commandOptions.map((option) => new CascadeOption(option.category, option.item)),
+      menuRenderFn: (anchorElementRef, { selectedIndex, setHighlightedIndex, selectOptionAndCleanUp }, matchingString) => {
+        if (!isEditorFocused || !anchorElementRef.current) return null;
+        return ReactDOM__namespace.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(ResourcePickerMenu, { anchorElementRef, children: [
+            commandDataSource[matchingString]?.component === "cascade" && /* @__PURE__ */ jsxRuntime.jsx(
+              antd.Cascader.Panel,
+              {
+                options: commandDataSource[matchingString]?.dataSource,
+                expandTrigger: "hover",
+                loadData,
+                onChange: (value) => {
+                  const [categoryValue, itemValue] = value;
+                  const option = commandOptions.find(
+                    (currentOption) => currentOption.category.value === categoryValue && currentOption.item.value === itemValue
+                  );
+                  if (option) selectOptionAndCleanUp(option);
+                }
+              }
+            ),
+            commandDataSource[matchingString]?.component === "list" && /* @__PURE__ */ jsxRuntime.jsx(
+              FilePickerMenu,
+              {
+                options: commandDataSource[matchingString]?.dataSource || [],
+                selectedIndex: selectedIndex ?? 0,
+                onHover: setHighlightedIndex,
+                onSelect: (option) => selectOptionAndCleanUp(new FileOption(option))
+              }
+            )
+          ] }),
+          anchorElementRef.current
+        );
+      }
+    }
+  ) });
+}
+function InitialStatePlugin({ value }) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  function parseAndAppendNodes(paragraph, value2) {
+    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(lexical.$createTextNode(value2.substring(lastIndex, match.index)));
+      }
+      paragraph.append($createVariableNode(decodeURIComponent(match[4]), decodeURIComponent(match[3]), match[1], match[2]));
+      lastIndex = variableRegex.lastIndex;
+    }
+    if (lastIndex < value2.length) {
+      paragraph.append(lexical.$createTextNode(value2.substring(lastIndex)));
+    }
+  }
+  React10.useEffect(() => {
+    if (value === null || value === void 0) return;
+    editor.update(() => {
+      const root = lexical.$getRoot();
+      const currentText = root.getTextContent();
+      if (currentText === value) {
+        return;
+      }
+      root.clear();
+      const paragraph = lexical.$createParagraphNode();
+      parseAndAppendNodes(paragraph, value);
+      root.append(paragraph);
+    });
+  }, [editor, value]);
+  return null;
+}
+var ChatInput = React10__namespace.forwardRef(
   ({
+    value = "",
+    commandConfig,
+    onChange,
     placeholder,
+    className,
+    style,
+    disabled,
+    readOnly,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    onKeyUp,
+    onPaste,
+    onCompositionStart,
+    onCompositionEnd
+  }, ref) => {
+    const contentEditableRef = React10.useRef(null);
+    const stringValue = typeof value === "string" ? value : "";
+    const initialConfig = {
+      namespace: "ChatInput",
+      onError: (error) => console.error(error),
+      nodes: [VariableNode],
+      editable: !disabled && !readOnly
+    };
+    React10.useImperativeHandle(ref, () => ({
+      focus: () => contentEditableRef.current?.focus(),
+      blur: () => contentEditableRef.current?.blur(),
+      nativeElement: contentEditableRef.current
+    }));
+    const handleOnChange = (editorState) => {
+      editorState.read(() => {
+        const nextValue = lexical.$getRoot().getTextContent();
+        if (nextValue !== stringValue && onChange) {
+          onChange({ target: { value: nextValue } });
+        }
+      });
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.promptEditorInputContainer, onClick: () => contentEditableRef.current?.focus(), children: /* @__PURE__ */ jsxRuntime.jsxs(LexicalComposer.LexicalComposer, { initialConfig, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        LexicalRichTextPlugin.RichTextPlugin,
+        {
+          contentEditable: /* @__PURE__ */ jsxRuntime.jsx(
+            LexicalContentEditable.ContentEditable,
+            {
+              ref: contentEditableRef,
+              className: [`${className || ""}`, "ant-sender-input", index_module_default.promptEditorContent].filter(Boolean).join(" "),
+              style,
+              contentEditable: !disabled && !readOnly,
+              suppressContentEditableWarning: true,
+              role: "textbox",
+              "aria-multiline": "true",
+              tabIndex: !disabled && !readOnly ? 0 : -1,
+              onMouseDown: (event) => {
+                if (!disabled && !readOnly) {
+                  event.stopPropagation();
+                }
+              },
+              onFocus: (event) => onFocus?.(event),
+              onBlur: (event) => onBlur?.(event),
+              onKeyDown: (event) => onKeyDown?.(event),
+              onKeyUp: (event) => onKeyUp?.(event),
+              onPaste: (event) => onPaste?.(event),
+              onCompositionStart: (event) => onCompositionStart?.(event),
+              onCompositionEnd: (event) => {
+                onCompositionEnd?.(event);
+              }
+            }
+          ),
+          placeholder: !stringValue && placeholder ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.promptEditorPlaceholder, children: placeholder }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.promptEditorPlaceholder, children: "\u4ECA\u5929\u80FD\u5E2E\u4F60\u505A\u4EC0\u4E48\uFF1F" }),
+          ErrorBoundary: LexicalErrorBoundary.LexicalErrorBoundary
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(LexicalHistoryPlugin.HistoryPlugin, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(VariablePickerPlugin, { commandConfig }),
+      /* @__PURE__ */ jsxRuntime.jsx(LexicalOnChangePlugin.OnChangePlugin, { onChange: handleOnChange }),
+      /* @__PURE__ */ jsxRuntime.jsx(InitialStatePlugin, { value: stringValue })
+    ] }) });
+  }
+);
+var ChatInput_default = ChatInput;
+var ChatSender_default = React10.forwardRef(
+  ({
     content,
+    commandConfig = {},
     fileList = [],
     headerOpen = false,
     loading = false,
@@ -232,10 +786,10 @@ var ChatSender_default = React7.forwardRef(
     sendBtnProps,
     fileUpload
   }, ref) => {
-    const senderRef = React7.useRef(null);
+    const senderRef = React10.useRef(null);
     const { inputValue, setInputValue } = common.useSyncInput(content || "", onContentChange);
     const attachmentsNode = fileUpload?.config?.enabled && /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { dot: !!fileList?.length && !headerOpen, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperClipOutlined, {}), onClick: () => onHeaderOpenChange(!headerOpen) }) });
-    const attachmentsRef = React7.useRef();
+    const attachmentsRef = React10.useRef();
     const senderHeader = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(xV2.Sender.Header, { title: "\u9009\u62E9\u6587\u4EF6", open: headerOpen, onOpenChange: onHeaderOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(
         Attachments_default,
@@ -255,14 +809,20 @@ var ChatSender_default = React7.forwardRef(
         onSend();
       }
     };
-    const isFocusedRef = React7.useRef(false);
-    React7.useEffect(() => {
+    const isFocusedRef = React10.useRef(false);
+    const commandConfigRef = React10.useRef(commandConfig);
+    commandConfigRef.current = commandConfig;
+    const inputComponent = React10.useCallback(
+      (inputProps) => /* @__PURE__ */ jsxRuntime.jsx(ChatInput_default, { ...inputProps, commandConfig: commandConfigRef.current }),
+      []
+    );
+    React10.useEffect(() => {
       if (!content) return;
       if (!isFocusedRef.current) {
         senderRef.current?.focus({ cursor: "end" });
       }
     }, [content]);
-    React7.useImperativeHandle(
+    React10.useImperativeHandle(
       ref,
       () => ({
         focus: (options) => {
@@ -277,6 +837,7 @@ var ChatSender_default = React7.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(
         xV2.Sender,
         {
+          components: { input: inputComponent },
           className: styles_module_default.chatSender,
           ref: senderRef,
           value: inputValue,
@@ -305,37 +866,12 @@ var ChatSender_default = React7.forwardRef(
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: extraFooterBelow })
             ] });
-          },
-          placeholder: placeholder || "\u6709\u4EC0\u4E48\u6211\u80FD\u5E2E\u60A8\u7684\u5417\uFF1F"
+          }
         }
       )
     );
   }
 );
-var classifyTime = (timestamp) => {
-  const now = dayjs__default.default();
-  const target = dayjs__default.default(timestamp);
-  if (target.isSame(now, "day")) {
-    return "\u4ECA\u5929";
-  }
-  const diffInDays = now.diff(target, "day");
-  if (diffInDays < 7) {
-    return "\u6700\u8FD1 7 \u5929";
-  } else if (diffInDays < 30) {
-    return "\u6700\u8FD1 30 \u5929";
-  } else if (diffInDays < 180) {
-    return "\u6700\u8FD1\u534A\u5E74";
-  } else {
-    return "\u66F4\u65E9";
-  }
-};
-var getChatSocketUrl = (baseURL, params) => {
-  return common.buildUrlParams(params, common.getWebSocketUrl(`${baseURL}/ws`), "comma");
-};
-
-// src/core/constants.ts
-var CONV_MODE = {
-  PROD: 1};
 var TOKEN_KEY = "NS-TOKEN";
 var tokenManager = common.createTokenManager({
   key: TOKEN_KEY
@@ -344,8 +880,6 @@ var redirectUrl = () => {
   const path = localStorage.getItem("SIGNPATH");
   common.emit("jumpLink", { url: `/uc${path || "/sign-in"}` });
 };
-
-// src/services/index.ts
 var createChatService = (request, config) => {
   const fetchModelList = () => {
     return request.get(`/providers/models/type/llm`);
@@ -377,8 +911,8 @@ var createChatService = (request, config) => {
   const feedbackUpdate = (params) => {
     return request.put(`/agents/messages/${params.executionId}/feedback`, params);
   };
-  const chatUpload = (agentId, data, conversationId, signal) => {
-    return request.post(`/agents/${agentId}/${conversationId}/files`, data, {
+  const chatUpload = (params, data, signal) => {
+    return request.post(common.buildUrlParams(params, "/files/upload"), data, {
       headers: {
         "Content-Type": "multipart/form-data"
       },
@@ -386,8 +920,14 @@ var createChatService = (request, config) => {
       signal
     });
   };
-  const getPreviewUrl = (agentId, conversationId, path) => {
-    return `${config?.baseURL}/agents/${agentId}/${conversationId}/files/download?path=${path}&${TOKEN_KEY}=${tokenManager.get()}`;
+  const getPreviewUrl = (conversationId, path) => {
+    const params = {
+      path,
+      [TOKEN_KEY]: tokenManager.get(),
+      workspaceId: conversationId,
+      workspaceType: "conversation" /* CONVERSATION */
+    };
+    return common.buildUrlParams(params, `${config?.baseURL}/files/access`);
   };
   const docQuery = (params) => {
     return request.get(`/library/cloud/document?${params}`);
@@ -401,8 +941,11 @@ var createChatService = (request, config) => {
   const listTags = (params) => {
     return request.get(`/tags`, { tagType: params.tagType });
   };
+  const listDataSources = () => {
+    return request.get(`/datasource`);
+  };
   const getAgentAvatar = (path) => {
-    return request.get(`/files/download?path=${path}`, void 0, { responseType: "blob" });
+    return request.get(`/files/access?path=${path}&workspaceType=${"global" /* GLOBAL */}`, void 0, { responseType: "blob" });
   };
   return {
     fetchModelList,
@@ -420,6 +963,7 @@ var createChatService = (request, config) => {
     docQuery,
     listSkills,
     listLibrarys,
+    listDataSources,
     listTags,
     getAgentAvatar
   };
@@ -1292,9 +1836,9 @@ function createChatStore() {
 }
 var AuthImage = ({ path, size, shape = "square" }) => {
   const chatStore = useChatStore();
-  const [imgSrc, setImgSrc] = React7.useState(null);
-  const blobUrlRef = React7.useRef(null);
-  React7.useEffect(() => {
+  const [imgSrc, setImgSrc] = React10.useState(null);
+  const blobUrlRef = React10.useRef(null);
+  React10.useEffect(() => {
     if (!path) {
       return;
     }
@@ -1396,7 +1940,7 @@ var ConversationList_default = () => {
   const chatStore = useChatStore();
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const conversationList = React7.useMemo(() => {
+  const conversationList = React10.useMemo(() => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
   const menuConfig = (conversation) => ({
@@ -1880,11 +2424,11 @@ function exportJsonFile(data, fileName) {
   exportTextFile(json, fileName, "application/json;charset=utf-8");
 }
 var ChartViewer = ({ artifactId, title, payload }) => {
-  const containerRef = React7__default.default.useRef(null);
-  const [containerWidth, setContainerWidth] = React7__default.default.useState(0);
+  const containerRef = React10__namespace.default.useRef(null);
+  const [containerWidth, setContainerWidth] = React10__namespace.default.useState(0);
   const spec = payload?.spec;
   const needsContainerWidth = true;
-  React7__default.default.useLayoutEffect(() => {
+  React10__namespace.default.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     let frame = 0;
@@ -1934,9 +2478,9 @@ var ChartViewer = ({ artifactId, title, payload }) => {
     }
   );
 };
-var AgentNavigate_default = React7.memo(({ data }) => {
-  const [content, setContent] = React7.useState(null);
-  React7.useEffect(() => {
+var AgentNavigate_default = React10.memo(({ data }) => {
+  const [content, setContent] = React10.useState(null);
+  React10.useEffect(() => {
     if (!data) {
       return;
     }
@@ -2098,8 +2642,8 @@ var FileView_default = ({ data, loading }) => {
 var DocDrawer_default = ({ title, open, onClose, paramsStr }) => {
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
-  const [content, setContent] = React7.useState("");
-  const [loading, setLoading] = React7.useState(false);
+  const [content, setContent] = React10.useState("");
+  const [loading, setLoading] = React10.useState(false);
   const getContent = async () => {
     try {
       setLoading(true);
@@ -2109,14 +2653,14 @@ var DocDrawer_default = ({ title, open, onClose, paramsStr }) => {
       setLoading(false);
     }
   };
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     getContent();
   }, [paramsStr]);
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Drawer, { title, push: false, size: "100%", open, onClose, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsxRuntime.jsx(XMarkdown__default.default, { content }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { className: "m-t-32" }) }) });
 };
 var IndexQuote_default = ({ data, loading, message: message2 }) => {
-  const [open, setOpen] = React7.useState(false);
-  const citation = React7.useMemo(() => {
+  const [open, setOpen] = React10.useState(false);
+  const citation = React10.useMemo(() => {
     const citations = message2.content?.find((item) => item.type === "citation")?.citations ?? [];
     return citations?.find((item) => String(item.citationId) === String(data.citationId));
   }, [data.citationId, message2.content]);
@@ -2138,7 +2682,7 @@ var MarkImg_default = ({ data, loading, message: message2, ...rest }) => {
   const getPreviewFileUrl = (src) => {
     return common.buildUrlParams({ [TOKEN_KEY]: tokenManager.get() || "" }, src);
   };
-  const previewSrc = React7.useMemo(() => {
+  const previewSrc = React10.useMemo(() => {
     if (String(rest.src).startsWith("/luya")) {
       return getPreviewFileUrl(rest.src);
     }
@@ -2148,12 +2692,12 @@ var MarkImg_default = ({ data, loading, message: message2, ...rest }) => {
 };
 var MdEdit_default = ({ data, loading }) => {
   const chatStore = useChatStore();
-  const [value, setValue] = React7.useState("");
+  const [value, setValue] = React10.useState("");
   const btnText = data.btnText || "\u7EE7\u7EED";
   const onOk = () => {
     chatStore.sendMessage(btnText, [], { citation: value });
   };
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     setValue(data.content);
   }, [data.content]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.mdEdit, children: [
@@ -2192,7 +2736,7 @@ var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
     const fileName = getLinkFileName(href);
     const suffix = common.getFileSuffixName(fileName);
     chatStore.setPreview({
-      fileUrl: chatStore.config.services.request.getPreviewUrl(message2.agentId, message2.conversationId, href),
+      fileUrl: chatStore.config.services.request.getPreviewUrl(message2.conversationId, href),
       fileName,
       suffix
     });
@@ -2298,10 +2842,10 @@ var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   return WrappedComponent;
 };
 var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
-var XMarkdown_default = React7.memo(({ message: message2, components = {}, content = "", ...rest }) => {
-  const config = React7.useMemo(() => getMarkdownConfig(), []);
-  const formattedContent = React7.useMemo(() => formatMixedContent(content), [content]);
-  const newComponents = React7.useMemo(
+var XMarkdown_default = React10.memo(({ message: message2, components = {}, content = "", ...rest }) => {
+  const config = React10.useMemo(() => getMarkdownConfig(), []);
+  const formattedContent = React10.useMemo(() => formatMixedContent(content), [content]);
+  const newComponents = React10.useMemo(
     () => ({
       think: Think_default,
       code: CodeHighlight_default,
@@ -2318,16 +2862,16 @@ var XMarkdown_default = React7.memo(({ message: message2, components = {}, conte
     }),
     [components]
   );
-  const payloadTagPattern = React7.useMemo(() => Object.keys(newComponents).join("|"), [newComponents]);
-  const { content: processedContent, payloadMap } = React7.useMemo(
+  const payloadTagPattern = React10.useMemo(() => Object.keys(newComponents).join("|"), [newComponents]);
+  const { content: processedContent, payloadMap } = React10.useMemo(
     () => preprocessCustomTagPayloads(formattedContent, payloadTagPattern),
     [formattedContent, payloadTagPattern]
   );
-  const payloadMapRef = React7.useRef(payloadMap);
-  const messageRef = React7.useRef(message2);
+  const payloadMapRef = React10.useRef(payloadMap);
+  const messageRef = React10.useRef(message2);
   payloadMapRef.current = payloadMap;
   messageRef.current = message2;
-  const markdownComponents = React7.useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
+  const markdownComponents = React10.useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     XMarkdown__default.default,
     {
@@ -2525,8 +3069,8 @@ function useBoundFieldState({
   const valuePath = decodeBindPathToken(bindPathToken) ?? pathFromValue(value);
   const cachedValue = readCachedValue(readPathValue(valuePath));
   const externalValue = readExternalValue(value);
-  const dirtyRef = React7__default.default.useRef(false);
-  const [localValue, setLocalValue] = React7__default.default.useState(() => {
+  const dirtyRef = React10__namespace.default.useRef(false);
+  const [localValue, setLocalValue] = React10__namespace.default.useState(() => {
     if (valuePath && cachedValue !== void 0) {
       return cachedValue;
     }
@@ -2539,10 +3083,10 @@ function useBoundFieldState({
     if (cachedValue !== void 0) return cachedValue;
     return defaultValue;
   });
-  React7__default.default.useEffect(() => {
+  React10__namespace.default.useEffect(() => {
     dirtyRef.current = false;
   }, [valuePath]);
-  React7__default.default.useEffect(() => {
+  React10__namespace.default.useEffect(() => {
     if (valuePath && cachedValue !== void 0) {
       setLocalValue(cachedValue);
       return;
@@ -2566,10 +3110,10 @@ function useBoundFieldState({
       setLocalValue(cachedValue);
     }
   }, [cachedValue, externalValue, preferCachedOverExternal, valuePath]);
-  React7__default.default.useEffect(() => {
+  React10__namespace.default.useEffect(() => {
     rememberPathValue(valuePath, localValue);
   }, [valuePath, localValue]);
-  const updateLocalValue = React7__default.default.useCallback(
+  const updateLocalValue = React10__namespace.default.useCallback(
     (nextValue) => {
       dirtyRef.current = true;
       setLocalValue(nextValue);
@@ -2589,7 +3133,7 @@ function emitFieldChange(nextValue, valuePath, updateLocalValue, onDataChange, o
   onChange?.(nextValue);
 }
 function useControlId(id) {
-  const autoId = React7__default.default.useId();
+  const autoId = React10__namespace.default.useId();
   return id ?? autoId;
 }
 function readActionEvent(action) {
@@ -2690,7 +3234,7 @@ var Button9 = ({ label, variant = "default", onClick, action, onAction }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: variant === "primary" ? "primary" : "default", danger: variant === "danger", onClick: handleClick, style: { borderRadius: 8 }, children: label });
 };
 var Divider = () => /* @__PURE__ */ jsxRuntime.jsx(antd.Divider, { style: { margin: "8px 0" } });
-var Tag2 = ({ text, color }) => /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { color, children: text });
+var Tag3 = ({ text, color }) => /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { color, children: text });
 var Progress = ({
   percent,
   status = "normal",
@@ -2708,7 +3252,7 @@ var A2uiComponents = {
   Switch,
   Button: Button9,
   Divider,
-  Tag: Tag2,
+  Tag: Tag3,
   Progress,
   ArtifactCard,
   TableViewer,
@@ -3406,23 +3950,23 @@ function applyA2uiRuntimeEffects(effects) {
 }
 function useA2uiController(params) {
   const { conversationId, conversationMessages, dismissedSurfaceIds } = params;
-  const runtimeRef = React7.useRef(createA2uiRuntimeState());
-  const [runtimeState, setRuntimeState] = React7.useState(() => createA2uiRuntimeState());
-  React7.useEffect(() => {
+  const runtimeRef = React10.useRef(createA2uiRuntimeState());
+  const [runtimeState, setRuntimeState] = React10.useState(() => createA2uiRuntimeState());
+  React10.useEffect(() => {
     const nextState = createA2uiRuntimeState();
     runtimeRef.current = nextState;
     setRuntimeState(nextState);
     clearAllModelValues();
   }, [conversationId]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     const result = reduceA2uiRuntimeMessages(runtimeRef.current, conversationMessages || []);
     if (result.state === runtimeRef.current && result.effects.length === 0) return;
     runtimeRef.current = result.state;
     applyA2uiRuntimeEffects(result.effects);
     setRuntimeState(result.state);
   }, [conversationMessages, conversationId]);
-  const view = React7.useMemo(() => selectA2uiRuntimeView(runtimeState, dismissedSurfaceIds), [runtimeState, dismissedSurfaceIds]);
-  const handleRuntimeAction = React7.useCallback((payload) => {
+  const view = React10.useMemo(() => selectA2uiRuntimeView(runtimeState, dismissedSurfaceIds), [runtimeState, dismissedSurfaceIds]);
+  const handleRuntimeAction = React10.useCallback((payload) => {
     const surfaceId = String(payload?.surfaceId || payload?.cardId || "");
     const name = String(payload?.name || payload?.event?.name || "").trim();
     const rawContext = payload?.context || payload?.event?.context || {};
@@ -3443,7 +3987,7 @@ function useA2uiController(params) {
     handleRuntimeAction
   };
 }
-var A2uiRuntimeContext = React7__default.default.createContext({
+var A2uiRuntimeContext = React10__namespace.default.createContext({
   commands: [],
   onAction: () => void 0,
   surfaceIdsByMessageIndex: {}
@@ -3451,7 +3995,7 @@ var A2uiRuntimeContext = React7__default.default.createContext({
 
 // src/components/CustomComponents/A2uiRuntime/renderer/useA2uiRuntimeView.ts
 function useA2uiRuntimeView() {
-  return React7__default.default.useContext(A2uiRuntimeContext);
+  return React10__namespace.default.useContext(A2uiRuntimeContext);
 }
 function A2uiMessageCards({ messageIndex }) {
   const { surfaceIdsByMessageIndex } = useA2uiRuntimeView();
@@ -3665,19 +4209,19 @@ function A2uiRuntimeProvider({ messages, children }) {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const conversationId = conversationState.active.id;
-  const processedMessageCursorsRef = React7__default.default.useRef([]);
-  const latestCommandIndexBySurfaceRef = React7__default.default.useRef({});
-  const commandIndexRef = React7__default.default.useRef(-1);
-  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React7__default.default.useState({});
-  const [dismissedAtBySurface, setDismissedAtBySurface] = React7__default.default.useState({});
-  React7__default.default.useEffect(() => {
+  const processedMessageCursorsRef = React10__namespace.default.useRef([]);
+  const latestCommandIndexBySurfaceRef = React10__namespace.default.useRef({});
+  const commandIndexRef = React10__namespace.default.useRef(-1);
+  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React10__namespace.default.useState({});
+  const [dismissedAtBySurface, setDismissedAtBySurface] = React10__namespace.default.useState({});
+  React10__namespace.default.useEffect(() => {
     processedMessageCursorsRef.current = [];
     latestCommandIndexBySurfaceRef.current = {};
     commandIndexRef.current = -1;
     setLatestCommandIndexBySurface({});
     setDismissedAtBySurface({});
   }, [conversationId]);
-  React7__default.default.useEffect(() => {
+  React10__namespace.default.useEffect(() => {
     const { shouldReplayAll, nextCursors, pendingItems } = diffMessages(messages, processedMessageCursorsRef.current);
     const itemsToProcess = shouldReplayAll ? messages.flatMap((message2) => {
       const items = Array.isArray(message2?.content) ? message2.content : [];
@@ -3700,10 +4244,10 @@ function A2uiRuntimeProvider({ messages, children }) {
     commandIndexRef.current = nextCommandIndex;
     setLatestCommandIndexBySurface(nextLatestCommandIndexBySurface);
   }, [messages]);
-  const dismissedSurfaceIds = React7__default.default.useMemo(() => {
+  const dismissedSurfaceIds = React10__namespace.default.useMemo(() => {
     return Object.entries(dismissedAtBySurface).filter(([surfaceId, dismissedAt]) => (latestCommandIndexBySurface[surfaceId] ?? -1) <= dismissedAt).map(([surfaceId]) => surfaceId);
   }, [dismissedAtBySurface, latestCommandIndexBySurface]);
-  const dispatchA2uiAction = React7__default.default.useCallback(
+  const dispatchA2uiAction = React10__namespace.default.useCallback(
     async (payload) => {
       const actionPayload = normalizeA2uiActionPayload(payload);
       if (!actionPayload.name) return;
@@ -3730,7 +4274,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     conversationMessages: messages,
     dismissedSurfaceIds
   });
-  const onAction = React7__default.default.useCallback(
+  const onAction = React10__namespace.default.useCallback(
     (payload) => {
       const result = handleRuntimeAction(payload);
       if (result.handled || !result.name) return;
@@ -3743,7 +4287,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     },
     [commands, dispatchA2uiAction, handleRuntimeAction, runtimeState.modelPathBySurface]
   );
-  const contextValue = React7__default.default.useMemo(
+  const contextValue = React10__namespace.default.useMemo(
     () => ({ commands, onAction, surfaceIdsByMessageIndex: anchoredSurfaceIdsByMessageIndex }),
     [anchoredSurfaceIdsByMessageIndex, commands, onAction]
   );
@@ -3752,14 +4296,14 @@ function A2uiRuntimeProvider({ messages, children }) {
 function A2uiRenderer(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(A2uiRuntimeProvider, { ...props });
 }
-var FilesNode = React7__default.default.memo(({ item }) => {
+var FilesNode = React10__namespace.default.memo(({ item }) => {
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
-  const agentState = valtio.useSnapshot(chatStore.agent);
+  valtio.useSnapshot(chatStore.agent);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const fileItems = React7.useMemo(() => {
+  const fileItems = React10.useMemo(() => {
     return (item.files || []).map((file) => {
-      const previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path);
+      const previewUrl = configState.services.request.getPreviewUrl(conversationState.active.id, file.path);
       let fileType = "file";
       const ext = file.ext?.toLowerCase() || "";
       if (["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "webp"].includes(ext)) {
@@ -3783,7 +4327,7 @@ var FilesNode = React7__default.default.memo(({ item }) => {
 // src/components/CustomComponents/MessageNode/style.module.less
 var style_module_default2 = {
   runStartedNode: "style_module_runStartedNode"};
-var QuoteMsgNode = React7__default.default.memo(({ quoteMsg, role }) => {
+var QuoteMsgNode = React10__namespace.default.memo(({ quoteMsg, role }) => {
   if (!quoteMsg || !quoteMsg.messageContent) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     xV2.Bubble,
@@ -3813,7 +4357,7 @@ var QuoteMsgNode = React7__default.default.memo(({ quoteMsg, role }) => {
     }
   );
 });
-var RunStartedNode = React7__default.default.memo(({ loading }) => {
+var RunStartedNode = React10__namespace.default.memo(({ loading }) => {
   if (!loading) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: style_module_default2.runStartedNode, children: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, { style: { color: "#1677ff" } }) });
 });
@@ -3824,7 +4368,7 @@ function QuestionSummary({ content }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
   ] });
 }
-var TextNode = React7__default.default.memo(
+var TextNode2 = React10__namespace.default.memo(
   ({ item, role, customComponents, message: message2 }) => {
     const content = toA2uiDisplayText(role, item?.messageContent);
     if (typeof content === "string" && content.startsWith("Question:")) {
@@ -3838,7 +4382,7 @@ var TextNode = React7__default.default.memo(
 );
 
 // src/components/CustomComponents/ToolRenders/index.module.less
-var index_module_default = {
+var index_module_default2 = {
   iconContainer: "index_module_iconContainer",
   toolName: "index_module_toolName",
   duration: "index_module_duration",
@@ -3856,21 +4400,21 @@ var index_module_default = {
 };
 var DefaultToolRender = ({ argsContent, resultContent, errorMessage, item }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
+    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
 ${argsContent.text}
 \`\`\`` : argsContent.text }) })
     ] }),
-    item.result && resultContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
+    item.result && resultContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
 ${resultContent.text}
 \`\`\`` : resultContent.text }) })
     ] }),
-    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: `\`\`\`
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default2.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: `\`\`\`
 ${errorMessage}
 \`\`\`` }) })
     ] })
@@ -3892,18 +4436,18 @@ var TodoWriteRender = ({ args, result }) => {
     }
   };
   if (!todos || todos.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", className: index_module_default.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", className: index_module_default2.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.List,
     {
       size: "small",
       dataSource: todos,
-      renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsxs(antd.List.Item, { className: index_module_default.todoItem, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.statusIconWrapper, children: getStatusIcon(item.status) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.todoContent, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: `${index_module_default.todoText} ${item.status === "completed" ? index_module_default.completed : ""}`, children: item.title || item.content }) })
+      renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsxs(antd.List.Item, { className: index_module_default2.todoItem, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.statusIconWrapper, children: getStatusIcon(item.status) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.todoContent, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: `${index_module_default2.todoText} ${item.status === "completed" ? index_module_default2.completed : ""}`, children: item.title || item.content }) })
       ] }),
-      className: index_module_default.todoList
+      className: index_module_default2.todoList
     }
   );
 };
@@ -3949,15 +4493,15 @@ var ToolCallItem = ({ item }) => {
   const { token } = antd.theme.useToken();
   const renderConfig = getToolRenderConfig(item.toolName);
   const CustomRender = renderConfig.component;
-  const status = React7.useMemo(() => {
+  const status = React10.useMemo(() => {
     if (item.status) return item.status;
     if (item.errorMessage) return "error";
     if (item.result) return "success";
     return "running";
   }, [item.status, item.errorMessage, item.result]);
-  const argsContent = React7.useMemo(() => formatContent(item.arguments || item.content), [item.arguments, item.content]);
-  const resultContent = React7.useMemo(() => item.result ? formatContent(item.result) : null, [item.result]);
-  const hasContent = React7.useMemo(() => {
+  const argsContent = React10.useMemo(() => formatContent(item.arguments || item.content), [item.arguments, item.content]);
+  const resultContent = React10.useMemo(() => item.result ? formatContent(item.result) : null, [item.result]);
+  const hasContent = React10.useMemo(() => {
     if (renderConfig.disableExpandOnError && status === "error") return false;
     let alwaysShow = false;
     if (typeof renderConfig.alwaysShowContent === "function") {
@@ -3968,7 +4512,7 @@ var ToolCallItem = ({ item }) => {
     if (alwaysShow) return true;
     return Boolean(item.errorMessage);
   }, [renderConfig.disableExpandOnError, renderConfig.alwaysShowContent, item.errorMessage, status, argsContent.parsed, resultContent?.parsed]);
-  const isDefaultExpanded = React7.useMemo(() => {
+  const isDefaultExpanded = React10.useMemo(() => {
     if (typeof renderConfig.defaultExpanded === "function") {
       return renderConfig.defaultExpanded(argsContent.parsed, resultContent?.parsed);
     }
@@ -4022,10 +4566,10 @@ var ToolCallItem = ({ item }) => {
           key: item.toolCallId || "fallback-key",
           showArrow: hasContent,
           label: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.iconContainer, children: renderIcon() }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default.toolName, children: item.title || item.toolName || "Unknown Tool" }),
-            (status === "running" || status === "pending") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
-            item.duration && /* @__PURE__ */ jsxRuntime.jsxs(antd.Typography.Text, { className: index_module_default.duration, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.iconContainer, children: renderIcon() }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default2.toolName, children: item.title || item.toolName || "Unknown Tool" }),
+            (status === "running" || status === "pending") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
+            item.duration && /* @__PURE__ */ jsxRuntime.jsxs(antd.Typography.Text, { className: index_module_default2.duration, children: [
               item.duration,
               "ms"
             ] })
@@ -4048,8 +4592,8 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "files", "plan"];
-var MessageRender_default = React7__default.default.memo(({ role, message: message2, messageIndex = -1, loading, containerRef, customComponents }) => {
-  const content = React7.useMemo(() => {
+var MessageRender_default = React10__namespace.default.memo(({ role, message: message2, messageIndex = -1, loading, containerRef, customComponents }) => {
+  const content = React10.useMemo(() => {
     return (message2.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
         return false;
@@ -4063,7 +4607,7 @@ var MessageRender_default = React7__default.default.memo(({ role, message: messa
       return true;
     });
   }, [loading, message2.content]);
-  const quoteMsg = React7.useMemo(() => {
+  const quoteMsg = React10.useMemo(() => {
     const quoteMsg2 = {};
     if (message2.params) {
       try {
@@ -4088,7 +4632,7 @@ var MessageRender_default = React7__default.default.memo(({ role, message: messa
           content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             item.type === "runStarted" && /* @__PURE__ */ jsxRuntime.jsx(RunStartedNode, { loading }, `flow-start-${index}`),
             (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsxRuntime.jsx(tool_call_item_default, { item }, `tool-call-${item.toolCallId || index}`),
-            item.type === "text" && /* @__PURE__ */ jsxRuntime.jsx(TextNode, { item, role: message2.role, customComponents, message: message2 }, `message-${index}`),
+            item.type === "text" && /* @__PURE__ */ jsxRuntime.jsx(TextNode2, { item, role: message2.role, customComponents, message: message2 }, `message-${index}`),
             item.type === "stepError" && (item.errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { message: message2, components: customComponents, content: item.errorMessage }) : null),
             item.type === "files" && /* @__PURE__ */ jsxRuntime.jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsxRuntime.jsx(A2uiPlanNode, { item }, `plan-${index}`)
@@ -4104,7 +4648,7 @@ var MessageRender_default = React7__default.default.memo(({ role, message: messa
 var WelcomeItem_default = ({ icon = true, title = true, description = true, prompts = true }) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
-  const recommendQuestions = React7.useMemo(() => {
+  const recommendQuestions = React10.useMemo(() => {
     return agentState.agentInfo?.config?.onboarding?.guiding?.map((item, index) => ({
       key: String(index),
       description: item
@@ -4161,7 +4705,7 @@ var BubbleListItems_default = ({
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const conversationRoles = React7.useMemo(() => {
+  const conversationRoles = React10.useMemo(() => {
     const roles = {};
     if (agentState.agentInfo?.id) {
       roles.agent = {
@@ -4179,7 +4723,7 @@ var BubbleListItems_default = ({
     };
     return roles;
   }, [agentState.agentInfo.id]);
-  const chatMessage = React7.useMemo(
+  const chatMessage = React10.useMemo(
     () => conversationState.messages[conversationState.active.id] || {},
     [conversationState.messages[conversationState.active.id]]
   );
@@ -4188,8 +4732,8 @@ var BubbleListItems_default = ({
     const roleKey = Object.keys(conversationRoles).find((key) => conversationRoles[key].role === role);
     return conversationRoles[roleKey] || {};
   };
-  const messageRefs = React7.useRef({});
-  const chatRecords = React7.useMemo(() => {
+  const messageRefs = React10.useRef({});
+  const chatRecords = React10.useMemo(() => {
     const chatRecords2 = [];
     conversationMessages.forEach((message2, messageIndex) => {
       const role = getRole(message2.role);
@@ -4276,7 +4820,7 @@ var BubbleListItems_default = ({
     });
     return chatRecords2;
   }, [agentActions, chatStore, conversationMessages, conversationRoles, conversationState.active.id]);
-  const firstMessagesRecord = React7.useMemo(() => {
+  const firstMessagesRecord = React10.useMemo(() => {
     return (firstMessages || []).map((firstMessage, index) => {
       const { member, content, contentRender, ...args } = firstMessage;
       const roleObj = getRole(member);
@@ -4296,7 +4840,7 @@ var BubbleListItems_default = ({
       };
     });
   }, [firstMessages, conversationRoles]);
-  const welcomeMessageRecord = React7.useMemo(() => {
+  const welcomeMessageRecord = React10.useMemo(() => {
     const isExist = common.shouldRender(welcomeMessage);
     return isExist ? [
       {
@@ -4306,7 +4850,7 @@ var BubbleListItems_default = ({
       }
     ] : [];
   }, [welcomeMessage, agentState.agentInfo.id]);
-  const bubbleListItems = React7.useMemo(() => {
+  const bubbleListItems = React10.useMemo(() => {
     const list = [];
     list.push(...firstMessagesRecord);
     list.push(...chatRecords);
@@ -4315,21 +4859,21 @@ var BubbleListItems_default = ({
     }
     return [...welcomeMessageRecord];
   }, [chatRecords, welcomeMessageRecord, firstMessagesRecord]);
-  const listRef = React7.useRef(null);
-  const autoScrollRef = React7.useRef(true);
+  const listRef = React10.useRef(null);
+  const autoScrollRef = React10.useRef(true);
   const handleScroll = (el) => {
     const target = el.target;
     const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
     autoScrollRef.current = distanceToBottom < 90;
   };
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     const latestMessage = conversationMessages[conversationMessages?.length - 1];
     if (!latestMessage) return;
     if (latestMessage.generating) {
       autoScrollRef.current = true;
     }
   }, [conversationMessages?.length]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     const el = listRef.current?.nativeElement;
     if (!el || !bubbleListItems.length) return;
     if (autoScrollRef.current) {
@@ -4362,17 +4906,17 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const { token } = antd.theme.useToken();
-  const tagsContainerRef = React7.useRef(null);
+  const tagsContainerRef = React10.useRef(null);
   const isSkill = type === "skill";
-  const [loading, setLoading] = React7.useState(false);
-  const [resources, setResources] = React7.useState([]);
-  const [categories, setCategories] = React7.useState([]);
-  const [selectedCategoryIds, setSelectedCategoryIds] = React7.useState([ALL_CATEGORY_ID]);
-  const [selectedIds, setSelectedIds] = React7.useState([]);
-  const [searchText, setSearchText] = React7.useState("");
-  const [tagsExpanded, setTagsExpanded] = React7.useState(false);
-  const [showExpandBtn, setShowExpandBtn] = React7.useState(false);
-  React7.useEffect(() => {
+  const [loading, setLoading] = React10.useState(false);
+  const [resources, setResources] = React10.useState([]);
+  const [categories, setCategories] = React10.useState([]);
+  const [selectedCategoryIds, setSelectedCategoryIds] = React10.useState([ALL_CATEGORY_ID]);
+  const [selectedIds, setSelectedIds] = React10.useState([]);
+  const [searchText, setSearchText] = React10.useState("");
+  const [tagsExpanded, setTagsExpanded] = React10.useState(false);
+  const [showExpandBtn, setShowExpandBtn] = React10.useState(false);
+  React10.useEffect(() => {
     if (!open) {
       setResources([]);
       setCategories([]);
@@ -4415,7 +4959,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
       canceled = true;
     };
   }, [open, isSkill, chatStore, conversationState.active.spec]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     if (!open) return;
     const checkHeight = () => {
       if (tagsContainerRef.current) {
@@ -4427,7 +4971,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
     if (tagsContainerRef.current) observer.observe(tagsContainerRef.current);
     return () => observer.disconnect();
   }, [open, selectedIds]);
-  const filteredResources = React7.useMemo(() => {
+  const filteredResources = React10.useMemo(() => {
     return resources.filter((item) => {
       const matchCategory = selectedCategoryIds.includes(ALL_CATEGORY_ID) || item.tagIds?.some((id) => selectedCategoryIds.includes(id));
       const searchLower = searchText.trim().toLowerCase();
@@ -4590,7 +5134,7 @@ var { Text: Text5 } = antd.Typography;
 var KnowledgeBtn_default = ({}) => {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const [modalOpen, setModalOpen] = React7.useState(false);
+  const [modalOpen, setModalOpen] = React10.useState(false);
   const knowledgeCount = conversationState.active.spec?.knowledge?.items?.length ?? 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
@@ -4618,7 +5162,7 @@ var getModelIcon = (iconName) => {
 var ModelSelect_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
-  const [models, setModels] = React7.useState([]);
+  const [models, setModels] = React10.useState([]);
   const modelOptions = models.map((item) => ({
     label: item.providerLabel || item.providerName,
     title: item.providerLabel || item.providerName,
@@ -4632,7 +5176,7 @@ var ModelSelect_default = ({}) => {
     }))
   }));
   const selectedModelValue = modelOptions.find((item) => item.value === agentState.model.providerName)?.options.find((item) => item.value === agentState.model.modelName)?.value || void 0;
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     if (!selectedModelValue && models.length > 0 && models[0].models?.length > 0) {
       const firstProvider = models[0];
       const firstModel = firstProvider.models[0];
@@ -4663,7 +5207,7 @@ var ModelSelect_default = ({}) => {
       /* @__PURE__ */ jsxRuntime.jsx(Text6, { children: model.label })
     ] });
   };
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     const getModels = async () => {
       const { data } = await chatStore.config.services.request.fetchModelList();
       setModels(data || []);
@@ -4708,7 +5252,7 @@ var { Text: Text7 } = antd.Typography;
 var SkillBtn_default = ({}) => {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const [modalOpen, setModalOpen] = React7.useState(false);
+  const [modalOpen, setModalOpen] = React10.useState(false);
   const skillsCount = conversationState.active.spec?.skills?.items?.length ?? 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
@@ -4722,7 +5266,7 @@ var SkillBtn_default = ({}) => {
     modalOpen && /* @__PURE__ */ jsxRuntime.jsx(ResourceSelectorModal_default, { open: modalOpen, type: "skill", onCancel: () => setModalOpen(false) })
   ] });
 };
-var ChatSender_default2 = React7.forwardRef(
+var ChatSender_default2 = React10.forwardRef(
   ({
     placeholder,
     extraBtn = false,
@@ -4732,18 +5276,26 @@ var ChatSender_default2 = React7.forwardRef(
     reasonBtn = true,
     skillsBtn = false,
     knowledgeBtn = false,
-    modelSelect = false
+    modelSelect = false,
+    commandConfig = {}
   }, ref) => {
     const chatStore = useChatStore();
     const configState = valtio.useSnapshot(chatStore.config);
     const agentState = valtio.useSnapshot(chatStore.agent);
     const conversationState = valtio.useSnapshot(chatStore.conversation);
-    const fileUploadRequest = (formData, signal) => configState.services.request.chatUpload(agentState.agentInfo.id, formData, conversationState.active.id, signal);
-    const chatMessage = React7.useMemo(
+    const fileUploadRequest = (formData, signal) => {
+      const params = {
+        workspaceType: "conversation" /* CONVERSATION */,
+        agentId: agentState.agentInfo.id,
+        workspaceId: conversationState.active.id
+      };
+      return configState.services.request.chatUpload(params, formData, signal);
+    };
+    const chatMessage = React10.useMemo(
       () => conversationState.messages[conversationState.active.id] || {},
       [conversationState.messages[conversationState.active.id]]
     );
-    const referenceContent = React7.useMemo(() => {
+    const referenceContent = React10.useMemo(() => {
       const content = chatMessage.references?.content?.name;
       if (content) {
         return common.markdownToText(content);
@@ -4758,6 +5310,7 @@ var ChatSender_default2 = React7.forwardRef(
       ChatSender_default,
       {
         ref,
+        commandConfig,
         placeholder,
         content: chatMessage.content,
         fileList: chatMessage.files,
@@ -4837,11 +5390,11 @@ var styles_module_default5 = {
   previewHeaderTitle: "styles_module_previewHeaderTitle",
   actionIcon: "styles_module_actionIcon"
 };
-var ChatMainPanel = React7.memo(
-  React7.forwardRef((_props, ref) => {
+var ChatMainPanel = React10.memo(
+  React10.forwardRef((_props, ref) => {
     const chatStore = useChatStore();
-    const senderRef = React7.useRef(null);
-    React7.useImperativeHandle(
+    const senderRef = React10.useRef(null);
+    React10.useImperativeHandle(
       ref,
       () => ({
         focus: (options) => {
@@ -4872,9 +5425,9 @@ var ChatMainPanel = React7.memo(
   })
 );
 var ChatMainPanel_default = ChatMainPanel;
-var ChatPreviewPanel = React7.memo(({ file }) => {
+var ChatPreviewPanel = React10.memo(({ file }) => {
   const chatStore = useChatStore();
-  const preview = React7.useMemo(() => {
+  const preview = React10.useMemo(() => {
     const urlFile = file;
     if (urlFile.fileUrl) {
       return {
@@ -4927,15 +5480,15 @@ var ChatPreviewPanel = React7.memo(({ file }) => {
 var ChatPreviewPanel_default = ChatPreviewPanel;
 
 // src/ui/layouts/index.module.less
-var index_module_default2 = {
+var index_module_default3 = {
   chatLayout: "index_module_chatLayout",
   animatedSplitter: "index_module_animatedSplitter",
   hideSplitterBar: "index_module_hideSplitterBar"
 };
-var layouts_default = React7.forwardRef(({ theme: theme4, params, hooks, layout, config, services }, _ref) => {
-  const chatStore = React7.useMemo(() => createChatStore(), []);
-  const senderRef = React7.useRef(null);
-  React7.useImperativeHandle(
+var layouts_default = React10.forwardRef(({ theme: theme4, params, hooks, layout, config, services }, _ref) => {
+  const chatStore = React10.useMemo(() => createChatStore(), []);
+  const senderRef = React10.useRef(null);
+  React10.useImperativeHandle(
     _ref,
     () => ({
       sendMessage: chatStore.sendMessage,
@@ -4956,14 +5509,14 @@ var layouts_default = React7.forwardRef(({ theme: theme4, params, hooks, layout,
   );
   const configState = valtio.useSnapshot(chatStore.config);
   const agentState = valtio.useSnapshot(chatStore.agent);
-  const containerRef = React7.useRef(null);
-  React7.useEffect(() => {
+  const containerRef = React10.useRef(null);
+  React10.useEffect(() => {
     chatStore.setHooks(hooks);
   }, [hooks]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     chatStore.setLayout(layout);
   }, [layout]);
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     chatStore.setParams(params);
   }, [params]);
   common.useDeepEffect(() => {
@@ -4989,14 +5542,14 @@ var layouts_default = React7.forwardRef(({ theme: theme4, params, hooks, layout,
       chatStore.initConversation(config);
     }
   }, [agentState.agentInfo.id, config.conversationId]);
-  const hasPreView = React7.useMemo(() => {
+  const hasPreView = React10.useMemo(() => {
     return common.shouldRender(configState.layout.preview) && (!!configState.preview.file.fileUrl || !!configState.preview.file.content);
   }, [configState.layout.preview, configState.preview.file]);
-  const [sizes, setSizes] = React7.useState([0, "100%"]);
+  const [sizes, setSizes] = React10.useState([0, "100%"]);
   const setSplitterSizes = (sizes2) => {
     setSizes(sizes2);
   };
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     if (hasPreView) {
       setSplitterSizes(["50%", "50%"]);
     } else {
@@ -5015,15 +5568,15 @@ var layouts_default = React7.forwardRef(({ theme: theme4, params, hooks, layout,
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
-  React7.useEffect(() => {
+  React10.useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default(index_module_default2.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames2__default.default("flex-1", index_module_default2.animatedSplitter, { [index_module_default2.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames2__default.default("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsx(ChatMainPanel_default, { ref: senderRef }) }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: /* @__PURE__ */ jsxRuntime.jsx(ChatPreviewPanel_default, { file: configState.preview.file }) })
       ] })