@zero-library/chat-copilot 3.1.2 → 3.1.4

package/dist/index.esm.js

@@ -1,12 +1,24 @@
-import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, PlayCircleOutlined, DotChartOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileTextOutlined, FileUnknownOutlined } from '@ant-design/icons';
 import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
-import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, FileIcon, LazyComponent, deepCopy, transforms, deepMerge, buildUrlParams, createRequest, HttpStatus, isArray, isString, isExternal, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Image as Image$1, Popover, Skeleton, Alert, Modal, Checkbox, Input, Empty, message, Drawer, List, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
-import React7, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback } from 'react';
+import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Cascader, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Drawer, Empty, Modal, Checkbox, Input, message, List, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
+import * as React10 from 'react';
+import React10__default, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useCallback, memo, useState, useContext, useLayoutEffect } from 'react';
 import { useSnapshot, proxy } from 'valtio';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import classNames2 from 'classnames';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { DecoratorNode, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, $getRoot, $createParagraphNode, $createTextNode, $getNodeByKey } from 'lexical';
+import { LexicalTypeaheadMenuPlugin, MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+import { mergeRegister } from '@lexical/utils';
+import * as ReactDOM from 'react-dom';
 import dayjs from 'dayjs';
+import classNames2 from 'classnames';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { XCard as XCard$1 } from '@ant-design/x-card';
 import '@ant-design/x-markdown/themes/light.css';
@@ -16,7 +28,7 @@ import Latex from '@ant-design/x-markdown/plugins/Latex';
 // src/components/Attachments.tsx
 var ChatContext = createContext(null);
 function ChatProvider({ store, children }) {
-  return React7.createElement(ChatContext.Provider, { value: store }, children);
+  return React10__default.createElement(ChatContext.Provider, { value: store }, children);
 }
 function useChatStore() {
   const store = useContext(ChatContext);
@@ -33,7 +45,7 @@ var styles_module_default = {
 var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
   const { message: message2 } = App.useApp();
   const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
+  useSnapshot(chatStore.agent);
   const fileListRef = useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = useRefState([]);
   useEffect(() => {
@@ -117,7 +129,7 @@ var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList =
       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) => {
@@ -202,10 +214,534 @@ var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList =
     }
   );
 });
-var ChatSender_default = 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();
+  const target = dayjs(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 buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
+};
+var getFileIcon = (extension, fontSize = 24) => {
+  const baseStyle = { fontSize };
+  const createIcon = (Icon, color) => React10__default.createElement(Icon, { style: { ...baseStyle, color } });
+  if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension)) {
+    return createIcon(FileImageOutlined, "#22c55e");
+  }
+  if (["pdf"].includes(extension)) {
+    return createIcon(FilePdfOutlined, "#ef4444");
+  }
+  if (["doc", "docx"].includes(extension)) {
+    return createIcon(FileWordOutlined, "#2563eb");
+  }
+  if (["xls", "xlsx", "csv"].includes(extension)) {
+    return createIcon(FileExcelOutlined, "#16a34a");
+  }
+  if (["ppt", "pptx"].includes(extension)) {
+    return createIcon(FilePptOutlined, "#f59e0b");
+  }
+  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
+    return createIcon(FileZipOutlined, "#8b5cf6");
+  }
+  if (["txt", "md", "log", "json", "yaml", "yml", "xml", "ini", "conf"].includes(extension)) {
+    return createIcon(FileTextOutlined, "#64748b");
+  }
+  return createIcon(FileUnknownOutlined, "#94a3b8");
+};
+function FilePickerMenu({
+  options,
+  selectedIndex,
+  onSelect,
+  onHover
+}) {
+  return /* @__PURE__ */ jsx("div", { className: index_module_default.fileMenu, role: "listbox", children: options.map((option, index) => /* @__PURE__ */ 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__ */ jsx("span", { children: getFileIcon(option.ext || getFileSuffixName(option.label), 14) }),
+        /* @__PURE__ */ jsx("span", { className: index_module_default.fileName, children: option.label })
+      ]
+    },
+    option.value
+  )) });
+}
+function ResourcePickerMenu({
+  anchorElementRef,
+  children
+}) {
+  const menuRef = useRef(null);
+  const [placement, setPlacement] = useState("bottom");
+  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__ */ 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] = useLexicalComposerContext();
+  const handleClose = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    editor.update(() => {
+      const node = $getNodeByKey(resource.nodeKey);
+      node?.remove();
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: index_module_default.resourceTag, children: /* @__PURE__ */ jsxs(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 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__ */ jsx(ResourceTag, { resource });
+  }
+};
+function $createVariableNode(resourceLabel, resourceName, resourceType, resourceId) {
+  return new VariableNode(resourceLabel, resourceName, resourceType, resourceId);
+}
+var CascadeOption = class extends MenuOption {
+  category;
+  item;
+  /**
+   * 将级联菜单中的父子节点包装成 Lexical 菜单选项对象。
+   */
+  constructor(category, item) {
+    super(`${category.value}:${item.value}`);
+    this.category = category;
+    this.item = item;
+  }
+};
+var FileOption = class extends MenuOption {
+  file;
+  /**
+   * 将文件列表项包装成 Lexical 菜单选项对象。
+   */
+  constructor(file) {
+    super(file.value);
+    this.file = file;
+  }
+};
+function VariablePickerPlugin({ commandConfig = {} }) {
+  const [editor] = useLexicalComposerContext();
+  const chatStore = useChatStore();
+  const [commandDataSource, setCommandDataSource] = useState(commandConfig);
+  const [queryString, setQueryString] = useState(null);
+  const [isEditorFocused, setIsEditorFocused] = useState(false);
+  const blurTimerRef = useRef(null);
+  useEffect(() => {
+    const unregister = mergeRegister(
+      editor.registerCommand(
+        FOCUS_COMMAND,
+        () => {
+          if (blurTimerRef.current) clearTimeout(blurTimerRef.current);
+          setIsEditorFocused(true);
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        BLUR_COMMAND,
+        () => {
+          setIsEditorFocused(false);
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      )
+    );
+    return () => {
+      if (blurTimerRef.current) clearTimeout(blurTimerRef.current);
+      unregister();
+    };
+  }, [editor]);
+  useEffect(() => {
+    setCommandDataSource(commandConfig);
+  }, [commandConfig]);
+  const commandKey = queryString?.[0] || "";
+  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 commandOptions = 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 = 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 = 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 = 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    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.createPortal(
+          /* @__PURE__ */ jsxs(ResourcePickerMenu, { anchorElementRef, children: [
+            commandDataSource[matchingString]?.component === "cascade" && /* @__PURE__ */ jsx(
+              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__ */ jsx(
+              FilePickerMenu,
+              {
+                options: commandDataSource[matchingString]?.dataSource || [],
+                selectedIndex: selectedIndex ?? 0,
+                onHover: setHighlightedIndex,
+                onSelect: (option) => selectOptionAndCleanUp(new FileOption(option))
+              }
+            )
+          ] }),
+          anchorElementRef.current
+        );
+      }
+    }
+  ) });
+}
+function InitialStatePlugin({ value }) {
+  const [editor] = 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($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($createTextNode(value2.substring(lastIndex)));
+    }
+  }
+  useEffect(() => {
+    if (value === null || value === void 0) return;
+    editor.update(() => {
+      const root = $getRoot();
+      const currentText = root.getTextContent();
+      if (currentText === value) {
+        return;
+      }
+      root.clear();
+      const paragraph = $createParagraphNode();
+      parseAndAppendNodes(paragraph, value);
+      root.append(paragraph);
+    });
+  }, [editor, value]);
+  return null;
+}
+var ChatInput = React10.forwardRef(
   ({
+    value = "",
+    commandConfig,
+    onChange,
     placeholder,
+    className,
+    style,
+    disabled,
+    readOnly,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    onKeyUp,
+    onPaste,
+    onCompositionStart,
+    onCompositionEnd
+  }, ref) => {
+    const contentEditableRef = useRef(null);
+    const stringValue = typeof value === "string" ? value : "";
+    const initialConfig = {
+      namespace: "ChatInput",
+      onError: (error) => console.error(error),
+      nodes: [VariableNode],
+      editable: !disabled && !readOnly
+    };
+    useImperativeHandle(ref, () => ({
+      focus: () => contentEditableRef.current?.focus(),
+      blur: () => contentEditableRef.current?.blur(),
+      nativeElement: contentEditableRef.current
+    }));
+    const handleOnChange = (editorState) => {
+      editorState.read(() => {
+        const nextValue = $getRoot().getTextContent();
+        if (nextValue !== stringValue && onChange) {
+          onChange({ target: { value: nextValue } });
+        }
+      });
+    };
+    return /* @__PURE__ */ jsx("div", { className: index_module_default.promptEditorInputContainer, onClick: () => contentEditableRef.current?.focus(), children: /* @__PURE__ */ jsxs(LexicalComposer, { initialConfig, children: [
+      /* @__PURE__ */ jsx(
+        RichTextPlugin,
+        {
+          contentEditable: /* @__PURE__ */ jsx(
+            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__ */ jsx("div", { className: index_module_default.promptEditorPlaceholder, children: placeholder }) : /* @__PURE__ */ jsx("div", { className: index_module_default.promptEditorPlaceholder, children: "\u4ECA\u5929\u80FD\u5E2E\u4F60\u505A\u4EC0\u4E48\uFF1F" }),
+          ErrorBoundary: LexicalErrorBoundary
+        }
+      ),
+      /* @__PURE__ */ jsx(HistoryPlugin, {}),
+      /* @__PURE__ */ jsx(VariablePickerPlugin, { commandConfig }),
+      /* @__PURE__ */ jsx(OnChangePlugin, { onChange: handleOnChange }),
+      /* @__PURE__ */ jsx(InitialStatePlugin, { value: stringValue })
+    ] }) });
+  }
+);
+var ChatInput_default = ChatInput;
+var ChatSender_default = forwardRef(
+  ({
     content,
+    commandConfig = {},
     fileList = [],
     headerOpen = false,
     loading = false,
@@ -245,6 +781,12 @@ var ChatSender_default = forwardRef(
       }
     };
     const isFocusedRef = useRef(false);
+    const commandConfigRef = useRef(commandConfig);
+    commandConfigRef.current = commandConfig;
+    const inputComponent = useCallback(
+      (inputProps) => /* @__PURE__ */ jsx(ChatInput_default, { ...inputProps, commandConfig: commandConfigRef.current }),
+      []
+    );
     useEffect(() => {
       if (!content) return;
       if (!isFocusedRef.current) {
@@ -266,6 +808,7 @@ var ChatSender_default = forwardRef(
       /* @__PURE__ */ jsx(
         Sender,
         {
+          components: { input: inputComponent },
           className: styles_module_default.chatSender,
           ref: senderRef,
           value: inputValue,
@@ -294,37 +837,12 @@ var ChatSender_default = forwardRef(
               ] }),
               /* @__PURE__ */ jsx(Fragment, { children: extraFooterBelow })
             ] });
-          },
-          placeholder: placeholder || "\u6709\u4EC0\u4E48\u6211\u80FD\u5E2E\u60A8\u7684\u5417\uFF1F"
+          }
         }
       )
     );
   }
 );
-var classifyTime = (timestamp) => {
-  const now = dayjs();
-  const target = dayjs(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 buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
-};
-
-// src/core/constants.ts
-var CONV_MODE = {
-  PROD: 1};
 var TOKEN_KEY = "NS-TOKEN";
 var tokenManager = createTokenManager({
   key: TOKEN_KEY
@@ -333,8 +851,6 @@ var redirectUrl = () => {
   const path = localStorage.getItem("SIGNPATH");
   emit("jumpLink", { url: `/uc${path || "/sign-in"}` });
 };
-
-// src/services/index.ts
 var createChatService = (request, config) => {
   const fetchModelList = () => {
     return request.get(`/providers/models/type/llm`);
@@ -366,8 +882,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(buildUrlParams(params, "/files/upload"), data, {
       headers: {
         "Content-Type": "multipart/form-data"
       },
@@ -375,8 +891,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 buildUrlParams(params, `${config?.baseURL}/files/access`);
   };
   const docQuery = (params) => {
     return request.get(`/library/cloud/document?${params}`);
@@ -390,8 +912,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,
@@ -409,6 +934,7 @@ var createChatService = (request, config) => {
     docQuery,
     listSkills,
     listLibrarys,
+    listDataSources,
     listTags,
     getAgentAvatar
   };
@@ -1869,11 +2395,11 @@ function exportJsonFile(data, fileName) {
   exportTextFile(json, fileName, "application/json;charset=utf-8");
 }
 var ChartViewer = ({ artifactId, title, payload }) => {
-  const containerRef = React7.useRef(null);
-  const [containerWidth, setContainerWidth] = React7.useState(0);
+  const containerRef = React10__default.useRef(null);
+  const [containerWidth, setContainerWidth] = React10__default.useState(0);
   const spec = payload?.spec;
   const needsContainerWidth = true;
-  React7.useLayoutEffect(() => {
+  React10__default.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     let frame = 0;
@@ -2181,7 +2707,7 @@ var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
     const fileName = getLinkFileName(href);
     const suffix = 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
     });
@@ -2278,16 +2804,16 @@ function preprocessCustomTagPayloads(content = "", payloadTagPattern) {
     payloadMap
   };
 }
-var adaptMarkdownComponent = (Component, payloadMap = /* @__PURE__ */ new Map(), message2) => {
+var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   const WrappedComponent = ({ children, streamStatus, ...rest }) => {
-    const rawData = resolveMappedMarkdownPayload(children, payloadMap);
-    return /* @__PURE__ */ jsx(Component, { message: message2, ...rest, data: rawData, loading: streamStatus === "loading" });
+    const rawData = resolveMappedMarkdownPayload(children, payloadMapRef.current);
+    return /* @__PURE__ */ jsx(Component, { message: messageRef.current, ...rest, data: rawData, loading: streamStatus === "loading" });
   };
   WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
   return WrappedComponent;
 };
-var adaptMarkdownComponents = (components, payloadMap = /* @__PURE__ */ new Map(), message2) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMap, message2)]));
-var XMarkdown_default = ({ message: message2, components = {}, content = "", ...rest }) => {
+var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
+var XMarkdown_default = memo(({ message: message2, components = {}, content = "", ...rest }) => {
   const config = useMemo(() => getMarkdownConfig(), []);
   const formattedContent = useMemo(() => formatMixedContent(content), [content]);
   const newComponents = useMemo(
@@ -2307,13 +2833,16 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
     }),
     [components]
   );
-  const componentKeys = useMemo(() => Object.keys(newComponents), [newComponents]);
-  const payloadTagPattern = useMemo(() => componentKeys.join("|"), [componentKeys]);
+  const payloadTagPattern = useMemo(() => Object.keys(newComponents).join("|"), [newComponents]);
   const { content: processedContent, payloadMap } = useMemo(
     () => preprocessCustomTagPayloads(formattedContent, payloadTagPattern),
     [formattedContent, payloadTagPattern]
   );
-  const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMap, message2), [componentKeys, message2, payloadMap]);
+  const payloadMapRef = useRef(payloadMap);
+  const messageRef = useRef(message2);
+  payloadMapRef.current = payloadMap;
+  messageRef.current = message2;
+  const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsx(
     XMarkdown,
     {
@@ -2324,7 +2853,7 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
       components: markdownComponents
     }
   );
-};
+});
 var ReportViewer = ({ artifactId, title, payload }) => {
   const markdown = typeof payload?.markdown === "string" ? payload.markdown : null;
   if (!markdown) {
@@ -2511,8 +3040,8 @@ function useBoundFieldState({
   const valuePath = decodeBindPathToken(bindPathToken) ?? pathFromValue(value);
   const cachedValue = readCachedValue(readPathValue(valuePath));
   const externalValue = readExternalValue(value);
-  const dirtyRef = React7.useRef(false);
-  const [localValue, setLocalValue] = React7.useState(() => {
+  const dirtyRef = React10__default.useRef(false);
+  const [localValue, setLocalValue] = React10__default.useState(() => {
     if (valuePath && cachedValue !== void 0) {
       return cachedValue;
     }
@@ -2525,10 +3054,10 @@ function useBoundFieldState({
     if (cachedValue !== void 0) return cachedValue;
     return defaultValue;
   });
-  React7.useEffect(() => {
+  React10__default.useEffect(() => {
     dirtyRef.current = false;
   }, [valuePath]);
-  React7.useEffect(() => {
+  React10__default.useEffect(() => {
     if (valuePath && cachedValue !== void 0) {
       setLocalValue(cachedValue);
       return;
@@ -2552,10 +3081,10 @@ function useBoundFieldState({
       setLocalValue(cachedValue);
     }
   }, [cachedValue, externalValue, preferCachedOverExternal, valuePath]);
-  React7.useEffect(() => {
+  React10__default.useEffect(() => {
     rememberPathValue(valuePath, localValue);
   }, [valuePath, localValue]);
-  const updateLocalValue = React7.useCallback(
+  const updateLocalValue = React10__default.useCallback(
     (nextValue) => {
       dirtyRef.current = true;
       setLocalValue(nextValue);
@@ -2575,7 +3104,7 @@ function emitFieldChange(nextValue, valuePath, updateLocalValue, onDataChange, o
   onChange?.(nextValue);
 }
 function useControlId(id) {
-  const autoId = React7.useId();
+  const autoId = React10__default.useId();
   return id ?? autoId;
 }
 function readActionEvent(action) {
@@ -2676,7 +3205,7 @@ var Button9 = ({ label, variant = "default", onClick, action, onAction }) => {
   return /* @__PURE__ */ jsx(Button, { type: variant === "primary" ? "primary" : "default", danger: variant === "danger", onClick: handleClick, style: { borderRadius: 8 }, children: label });
 };
 var Divider = () => /* @__PURE__ */ jsx(Divider$1, { style: { margin: "8px 0" } });
-var Tag2 = ({ text, color }) => /* @__PURE__ */ jsx(Tag, { color, children: text });
+var Tag3 = ({ text, color }) => /* @__PURE__ */ jsx(Tag, { color, children: text });
 var Progress = ({
   percent,
   status = "normal",
@@ -2694,7 +3223,7 @@ var A2uiComponents = {
   Switch,
   Button: Button9,
   Divider,
-  Tag: Tag2,
+  Tag: Tag3,
   Progress,
   ArtifactCard,
   TableViewer,
@@ -3429,7 +3958,7 @@ function useA2uiController(params) {
     handleRuntimeAction
   };
 }
-var A2uiRuntimeContext = React7.createContext({
+var A2uiRuntimeContext = React10__default.createContext({
   commands: [],
   onAction: () => void 0,
   surfaceIdsByMessageIndex: {}
@@ -3437,7 +3966,7 @@ var A2uiRuntimeContext = React7.createContext({
 
 // src/components/CustomComponents/A2uiRuntime/renderer/useA2uiRuntimeView.ts
 function useA2uiRuntimeView() {
-  return React7.useContext(A2uiRuntimeContext);
+  return React10__default.useContext(A2uiRuntimeContext);
 }
 function A2uiMessageCards({ messageIndex }) {
   const { surfaceIdsByMessageIndex } = useA2uiRuntimeView();
@@ -3651,19 +4180,19 @@ function A2uiRuntimeProvider({ messages, children }) {
   const chatStore = useChatStore();
   const conversationState = useSnapshot(chatStore.conversation);
   const conversationId = conversationState.active.id;
-  const processedMessageCursorsRef = React7.useRef([]);
-  const latestCommandIndexBySurfaceRef = React7.useRef({});
-  const commandIndexRef = React7.useRef(-1);
-  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React7.useState({});
-  const [dismissedAtBySurface, setDismissedAtBySurface] = React7.useState({});
-  React7.useEffect(() => {
+  const processedMessageCursorsRef = React10__default.useRef([]);
+  const latestCommandIndexBySurfaceRef = React10__default.useRef({});
+  const commandIndexRef = React10__default.useRef(-1);
+  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React10__default.useState({});
+  const [dismissedAtBySurface, setDismissedAtBySurface] = React10__default.useState({});
+  React10__default.useEffect(() => {
     processedMessageCursorsRef.current = [];
     latestCommandIndexBySurfaceRef.current = {};
     commandIndexRef.current = -1;
     setLatestCommandIndexBySurface({});
     setDismissedAtBySurface({});
   }, [conversationId]);
-  React7.useEffect(() => {
+  React10__default.useEffect(() => {
     const { shouldReplayAll, nextCursors, pendingItems } = diffMessages(messages, processedMessageCursorsRef.current);
     const itemsToProcess = shouldReplayAll ? messages.flatMap((message2) => {
       const items = Array.isArray(message2?.content) ? message2.content : [];
@@ -3686,10 +4215,10 @@ function A2uiRuntimeProvider({ messages, children }) {
     commandIndexRef.current = nextCommandIndex;
     setLatestCommandIndexBySurface(nextLatestCommandIndexBySurface);
   }, [messages]);
-  const dismissedSurfaceIds = React7.useMemo(() => {
+  const dismissedSurfaceIds = React10__default.useMemo(() => {
     return Object.entries(dismissedAtBySurface).filter(([surfaceId, dismissedAt]) => (latestCommandIndexBySurface[surfaceId] ?? -1) <= dismissedAt).map(([surfaceId]) => surfaceId);
   }, [dismissedAtBySurface, latestCommandIndexBySurface]);
-  const dispatchA2uiAction = React7.useCallback(
+  const dispatchA2uiAction = React10__default.useCallback(
     async (payload) => {
       const actionPayload = normalizeA2uiActionPayload(payload);
       if (!actionPayload.name) return;
@@ -3716,7 +4245,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     conversationMessages: messages,
     dismissedSurfaceIds
   });
-  const onAction = React7.useCallback(
+  const onAction = React10__default.useCallback(
     (payload) => {
       const result = handleRuntimeAction(payload);
       if (result.handled || !result.name) return;
@@ -3729,7 +4258,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     },
     [commands, dispatchA2uiAction, handleRuntimeAction, runtimeState.modelPathBySurface]
   );
-  const contextValue = React7.useMemo(
+  const contextValue = React10__default.useMemo(
     () => ({ commands, onAction, surfaceIdsByMessageIndex: anchoredSurfaceIdsByMessageIndex }),
     [anchoredSurfaceIdsByMessageIndex, commands, onAction]
   );
@@ -3738,14 +4267,14 @@ function A2uiRuntimeProvider({ messages, children }) {
 function A2uiRenderer(props) {
   return /* @__PURE__ */ jsx(A2uiRuntimeProvider, { ...props });
 }
-var FilesNode = React7.memo(({ item }) => {
+var FilesNode = React10__default.memo(({ item }) => {
   const chatStore = useChatStore();
   const configState = useSnapshot(chatStore.config);
-  const agentState = useSnapshot(chatStore.agent);
+  useSnapshot(chatStore.agent);
   const conversationState = useSnapshot(chatStore.conversation);
   const fileItems = 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)) {
@@ -3769,7 +4298,7 @@ var FilesNode = React7.memo(({ item }) => {
 // src/components/CustomComponents/MessageNode/style.module.less
 var style_module_default2 = {
   runStartedNode: "style_module_runStartedNode"};
-var QuoteMsgNode = React7.memo(({ quoteMsg, role }) => {
+var QuoteMsgNode = React10__default.memo(({ quoteMsg, role }) => {
   if (!quoteMsg || !quoteMsg.messageContent) return null;
   return /* @__PURE__ */ jsx(
     Bubble,
@@ -3799,7 +4328,7 @@ var QuoteMsgNode = React7.memo(({ quoteMsg, role }) => {
     }
   );
 });
-var RunStartedNode = React7.memo(({ loading }) => {
+var RunStartedNode = React10__default.memo(({ loading }) => {
   if (!loading) return null;
   return /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: style_module_default2.runStartedNode, children: /* @__PURE__ */ jsx(LoadingOutlined, { style: { color: "#1677ff" } }) });
 });
@@ -3810,7 +4339,7 @@ function QuestionSummary({ content }) {
     /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
   ] });
 }
-var TextNode = React7.memo(
+var TextNode2 = React10__default.memo(
   ({ item, role, customComponents, message: message2 }) => {
     const content = toA2uiDisplayText(role, item?.messageContent);
     if (typeof content === "string" && content.startsWith("Question:")) {
@@ -3824,7 +4353,7 @@ var TextNode = React7.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",
@@ -3842,21 +4371,21 @@ var index_module_default = {
 };
 var DefaultToolRender = ({ argsContent, resultContent, errorMessage, item }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
+    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
 ${argsContent.text}
 \`\`\`` : argsContent.text }) })
     ] }),
-    item.result && resultContent && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
+    item.result && resultContent && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
 ${resultContent.text}
 \`\`\`` : resultContent.text }) })
     ] }),
-    errorMessage && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: `\`\`\`
+    errorMessage && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: `\`\`\`
 ${errorMessage}
 \`\`\`` }) })
     ] })
@@ -3878,18 +4407,18 @@ var TodoWriteRender = ({ args, result }) => {
     }
   };
   if (!todos || todos.length === 0) {
-    return /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", className: index_module_default.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
+    return /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", className: index_module_default2.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
   }
   return /* @__PURE__ */ jsx(
     List,
     {
       size: "small",
       dataSource: todos,
-      renderItem: (item) => /* @__PURE__ */ jsxs(List.Item, { className: index_module_default.todoItem, children: [
-        /* @__PURE__ */ jsx("div", { className: index_module_default.statusIconWrapper, children: getStatusIcon(item.status) }),
-        /* @__PURE__ */ jsx("div", { className: index_module_default.todoContent, children: /* @__PURE__ */ jsx(Typography.Text, { className: `${index_module_default.todoText} ${item.status === "completed" ? index_module_default.completed : ""}`, children: item.title || item.content }) })
+      renderItem: (item) => /* @__PURE__ */ jsxs(List.Item, { className: index_module_default2.todoItem, children: [
+        /* @__PURE__ */ jsx("div", { className: index_module_default2.statusIconWrapper, children: getStatusIcon(item.status) }),
+        /* @__PURE__ */ jsx("div", { className: index_module_default2.todoContent, children: /* @__PURE__ */ jsx(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
     }
   );
 };
@@ -4008,10 +4537,10 @@ var ToolCallItem = ({ item }) => {
           key: item.toolCallId || "fallback-key",
           showArrow: hasContent,
           label: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx("div", { className: index_module_default.iconContainer, children: renderIcon() }),
-            /* @__PURE__ */ jsx("span", { className: index_module_default.toolName, children: item.title || item.toolName || "Unknown Tool" }),
-            (status === "running" || status === "pending") && /* @__PURE__ */ jsx("div", { className: index_module_default.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
-            item.duration && /* @__PURE__ */ jsxs(Typography.Text, { className: index_module_default.duration, children: [
+            /* @__PURE__ */ jsx("div", { className: index_module_default2.iconContainer, children: renderIcon() }),
+            /* @__PURE__ */ jsx("span", { className: index_module_default2.toolName, children: item.title || item.toolName || "Unknown Tool" }),
+            (status === "running" || status === "pending") && /* @__PURE__ */ jsx("div", { className: index_module_default2.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
+            item.duration && /* @__PURE__ */ jsxs(Typography.Text, { className: index_module_default2.duration, children: [
               item.duration,
               "ms"
             ] })
@@ -4034,7 +4563,7 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "files", "plan"];
-var MessageRender_default = React7.memo(({ role, message: message2, messageIndex = -1, loading, containerRef, customComponents }) => {
+var MessageRender_default = React10__default.memo(({ role, message: message2, messageIndex = -1, loading, containerRef, customComponents }) => {
   const content = useMemo(() => {
     return (message2.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
@@ -4074,7 +4603,7 @@ var MessageRender_default = React7.memo(({ role, message: message2, messageIndex
           content: /* @__PURE__ */ jsxs(Fragment, { children: [
             item.type === "runStarted" && /* @__PURE__ */ jsx(RunStartedNode, { loading }, `flow-start-${index}`),
             (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsx(tool_call_item_default, { item }, `tool-call-${item.toolCallId || index}`),
-            item.type === "text" && /* @__PURE__ */ jsx(TextNode, { item, role: message2.role, customComponents, message: message2 }, `message-${index}`),
+            item.type === "text" && /* @__PURE__ */ jsx(TextNode2, { item, role: message2.role, customComponents, message: message2 }, `message-${index}`),
             item.type === "stepError" && (item.errorMessage ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content: item.errorMessage }) : null),
             item.type === "files" && /* @__PURE__ */ jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsx(A2uiPlanNode, { item }, `plan-${index}`)
@@ -4142,7 +4671,7 @@ var BubbleListItems_default = ({
   welcomeMessage = true,
   avatar = { user: false, agent: true },
   agentActions = false,
-  customComponents = {}
+  customComponents
 }) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
@@ -4718,13 +5247,21 @@ var ChatSender_default2 = forwardRef(
     reasonBtn = true,
     skillsBtn = false,
     knowledgeBtn = false,
-    modelSelect = false
+    modelSelect = false,
+    commandConfig = {}
   }, ref) => {
     const chatStore = useChatStore();
     const configState = useSnapshot(chatStore.config);
     const agentState = useSnapshot(chatStore.agent);
     const conversationState = useSnapshot(chatStore.conversation);
-    const fileUploadRequest = (formData, signal) => configState.services.request.chatUpload(agentState.agentInfo.id, formData, conversationState.active.id, signal);
+    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 = useMemo(
       () => conversationState.messages[conversationState.active.id] || {},
       [conversationState.messages[conversationState.active.id]]
@@ -4744,6 +5281,7 @@ var ChatSender_default2 = forwardRef(
       ChatSender_default,
       {
         ref,
+        commandConfig,
         placeholder,
         content: chatMessage.content,
         fileList: chatMessage.files,
@@ -4913,7 +5451,7 @@ var ChatPreviewPanel = 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"
@@ -5004,12 +5542,12 @@ 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: classNames2(index_module_default2.chatLayout, "zero-chat-layout", "height-full"), children: [
+  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: classNames2(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 }),
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxs(Splitter, { className: classNames2("flex-1", index_module_default2.animatedSplitter, { [index_module_default2.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxs(Splitter, { className: classNames2("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsx(ChatMainPanel_default, { ref: senderRef }) }),
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: /* @__PURE__ */ jsx(ChatPreviewPanel_default, { file: configState.preview.file }) })
       ] })