@ant-design/agentic-ui 2.30.15 → 2.30.17

package/dist/Bubble/AIBubble.js

@@ -274,7 +274,7 @@ var getTaskList = function getTaskList(originData) {
  * ```
  */ export var AIBubble = /*#__PURE__*/ memo(function(props) {
     var _ref, _messageDisplayKeyRef_current, _props_readonly;
-    var _props_originData, _props_originData1, _props_originData2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig, _props_originData_fileMap, _props_originData6, _props_bubbleRenderConfig1, _props_styles, _props_bubbleRenderConfig2, _bubbleRenderConfig_render;
+    var _props_originData, _props_originData1, _props_originData2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig, _props_originData_fileMap, _props_originData6, _props_markdownRenderConfig, _props_bubbleRenderConfig1, _props_styles, _props_bubbleRenderConfig2, _bubbleRenderConfig_render;
     var onAvatarClick = props.onAvatarClick, className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, preMessage = props.preMessage;
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var messageDisplayKeyRef = useRef(null);
@@ -318,7 +318,7 @@ var getTaskList = function getTaskList(originData) {
     }, [
         rawContent
     ]), filemapBlocks = _useMemo.blocks, strippedContent = _useMemo.stripped;
-    var contentForDisplay = filemapBlocks.length > 0 ? strippedContent : rawContent;
+    var contentForDisplay = filemapBlocks.length > 0 ? strippedContent : typeof rawContent === 'string' ? rawContent : strippedContent;
     var messageContent = /*#__PURE__*/ React.createElement(BubbleMessageDisplay, {
         markdownRenderConfig: props.markdownRenderConfig,
         docListProps: props.docListProps,
@@ -415,6 +415,7 @@ var getTaskList = function getTaskList(originData) {
         blocks: filemapBlocks,
         fileViewConfig: props.fileViewConfig,
         fileViewEvents: props.fileViewEvents,
+        fileMapConfig: (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.fileMapConfig,
         placement: placement
     }))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;

package/dist/Bubble/ContentFilemapView.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { FileMapConfig } from '../MarkdownRenderer/types';
 import type { FilemapBlock } from './extractFilemapBlocks';
 import type { BubbleProps } from './type';
 /**
@@ -9,6 +10,7 @@ export declare const ContentFilemapView: React.FC<{
     blocks: FilemapBlock[];
     fileViewConfig?: BubbleProps['fileViewConfig'];
     fileViewEvents?: BubbleProps['fileViewEvents'];
+    fileMapConfig?: FileMapConfig;
     placement?: 'left' | 'right';
     style?: React.CSSProperties;
 }>;

package/dist/Bubble/ContentFilemapView.js

@@ -15,16 +15,18 @@ var parseBody = function parseBody(body) {
     }
 };
 var FilemapItem = function FilemapItem(param) {
-    var body = param.body, fileViewConfig = param.fileViewConfig, fileViewEvents = param.fileViewEvents, placement = param.placement;
+    var body = param.body, fileViewConfig = param.fileViewConfig, fileViewEvents = param.fileViewEvents, fileMapConfig = param.fileMapConfig, placement = param.placement;
+    var _ref, _ref1, _ref2;
     var parsed = useMemo(function() {
         return parseBody(body);
     }, [
         body
     ]);
     var _useMemo = useMemo(function() {
-        return normalizeFileMapPropsFromJson(parsed);
+        return normalizeFileMapPropsFromJson(parsed, fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.normalizeFile);
     }, [
-        parsed
+        parsed,
+        fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.normalizeFile
     ]), fileList = _useMemo.fileList, className = _useMemo.className;
     var fileMap = useMemo(function() {
         return new Map(fileList.map(function(f) {
@@ -65,9 +67,9 @@ var FilemapItem = function FilemapItem(param) {
         className: className !== null && className !== void 0 ? className : fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.className,
         style: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.style,
         placement: placement,
-        onPreview: events === null || events === void 0 ? void 0 : events.onPreview,
+        onPreview: (_ref = (_ref1 = events === null || events === void 0 ? void 0 : events.onPreview) !== null && _ref1 !== void 0 ? _ref1 : fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.onPreview) !== null && _ref !== void 0 ? _ref : defaultHandlers.onPreview,
         onDownload: events === null || events === void 0 ? void 0 : events.onDownload,
-        itemRender: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.itemRender,
+        itemRender: (_ref2 = fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.itemRender) !== null && _ref2 !== void 0 ? _ref2 : fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.itemRender,
         maxDisplayCount: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.maxDisplayCount,
         showMoreButton: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.showMoreButton,
         customSlot: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.customSlot,
@@ -78,7 +80,7 @@ var FilemapItem = function FilemapItem(param) {
  * 将从 markdown content 中提取出的 agentic-ui-filemap 块渲染为 FileMapView 列表。
  * 渲染在气泡内容框外部，避免图片被包在带样式的气泡背景里。
  */ export var ContentFilemapView = function ContentFilemapView(param) {
-    var blocks = param.blocks, fileViewConfig = param.fileViewConfig, fileViewEvents = param.fileViewEvents, placement = param.placement, style = param.style;
+    var blocks = param.blocks, fileViewConfig = param.fileViewConfig, fileViewEvents = param.fileViewEvents, fileMapConfig = param.fileMapConfig, placement = param.placement, style = param.style;
     if (blocks.length === 0) return null;
     return /*#__PURE__*/ React.createElement("div", {
         style: style,
@@ -89,6 +91,7 @@ var FilemapItem = function FilemapItem(param) {
             body: block.body,
             fileViewConfig: fileViewConfig,
             fileViewEvents: fileViewEvents,
+            fileMapConfig: fileMapConfig,
             placement: placement
         });
     }));

package/dist/Bubble/MessagesContent/index.js

@@ -370,7 +370,7 @@ var THINKING_DOT_INDICES = [
         contentAfterDom
     ]);
     var messageContent = useMemo(function() {
-        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData_extra4, _props_originData9, _props_originData10, _props_originData11;
+        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData_extra4, _props_originData9;
         if (content === LOADING_FLAT || !((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isFinished) && !content) {
             var _context_thoughtChain;
             if ((context === null || context === void 0 ? void 0 : (_context_thoughtChain = context.thoughtChain) === null || _context_thoughtChain === void 0 ? void 0 : _context_thoughtChain.alwaysRender) !== true) {
@@ -539,7 +539,7 @@ var THINKING_DOT_INDICES = [
             }, beforeContent, content, afterContent, extra));
         }
         if (content === '...' || props.placement !== 'left' || (props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : (_props_originData_extra = _props_originData1.extra) === null || _props_originData_extra === void 0 ? void 0 : (_props_originData_extra_tags = _props_originData_extra.tags) === null || _props_originData_extra_tags === void 0 ? void 0 : (_props_originData_extra_tags_includes = _props_originData_extra_tags.includes) === null || _props_originData_extra_tags_includes === void 0 ? void 0 : _props_originData_extra_tags_includes.call(_props_originData_extra_tags, 'REJECT_TO_ANSWER')) || ((_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.role) === 'bot') {
-            var _props_originData12, _props_originData13;
+            var _props_originData10;
             return wrapSSR(/*#__PURE__*/ React.createElement("div", {
                 className: classNames('agent-item-default-content', "".concat(baseChatCls, "-messages-content-message"), hashId),
                 "data-testid": "message-box-content",
@@ -550,14 +550,14 @@ var THINKING_DOT_INDICES = [
                 placement: props.placement,
                 markdownRenderConfig: props.markdownRenderConfig,
                 isFinished: true,
-                style: ((_props_originData12 = props.originData) === null || _props_originData12 === void 0 ? void 0 : _props_originData12.role) === 'bot' ? {} : {
+                style: ((_props_originData10 = props.originData) === null || _props_originData10 === void 0 ? void 0 : _props_originData10.role) === 'bot' ? {} : {
                     color: '#343A45'
                 } // 使用类名方式需要传递className，这里保留style以兼容现有API
                 ,
                 extra: extra,
                 typing: false,
                 originData: props.originData,
-                content: (_props_originData13 = props.originData) === null || _props_originData13 === void 0 ? void 0 : _props_originData13.content
+                content: content
             })));
         }
         // answerStatus= 'EXCEPTION'时 一定是异常情况
@@ -576,7 +576,7 @@ var THINKING_DOT_INDICES = [
             var _item_output_chunks, _item_output;
             return ((item === null || item === void 0 ? void 0 : (_item_output = item.output) === null || _item_output === void 0 ? void 0 : (_item_output_chunks = _item_output.chunks) === null || _item_output_chunks === void 0 ? void 0 : _item_output_chunks.length) || 0) > 0;
         })) && ((_props_docListProps = props.docListProps) === null || _props_docListProps === void 0 ? void 0 : _props_docListProps.enable) !== false) {
-            var _props_docListProps1, _props_originData_extra5, _props_originData14;
+            var _props_docListProps1, _props_originData_extra5, _props_originData11;
             docInfoDom = /*#__PURE__*/ React.createElement(DocInfoList, _object_spread_props(_object_spread({
                 options: docInfoList.map(function(item) {
                     var _item_output;
@@ -585,7 +585,7 @@ var THINKING_DOT_INDICES = [
                     return item;
                 })
             }, props.docListProps), {
-                reference_url_info_list: ((_props_docListProps1 = props.docListProps) === null || _props_docListProps1 === void 0 ? void 0 : _props_docListProps1.reference_url_info_list) || ((_props_originData14 = props.originData) === null || _props_originData14 === void 0 ? void 0 : (_props_originData_extra5 = _props_originData14.extra) === null || _props_originData_extra5 === void 0 ? void 0 : _props_originData_extra5.reference_url_info_list) || []
+                reference_url_info_list: ((_props_docListProps1 = props.docListProps) === null || _props_docListProps1 === void 0 ? void 0 : _props_docListProps1.reference_url_info_list) || ((_props_originData11 = props.originData) === null || _props_originData11 === void 0 ? void 0 : (_props_originData_extra5 = _props_originData11.extra) === null || _props_originData_extra5 === void 0 ? void 0 : _props_originData_extra5.reference_url_info_list) || []
             }));
         }
         return wrapSSR(/*#__PURE__*/ React.createElement(MarkdownPreview, {
@@ -664,7 +664,7 @@ var THINKING_DOT_INDICES = [
             docListNode: docInfoDom,
             extra: isExtraNull ? null : extra,
             htmlRef: props.bubbleListRef,
-            content: ((_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isFinished) && (props === null || props === void 0 ? void 0 : (_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : (_props_originData_extra4 = _props_originData9.extra) === null || _props_originData_extra4 === void 0 ? void 0 : _props_originData_extra4.answerStatus) === 'EXCEPTION' ? ((_props_originData10 = props.originData) === null || _props_originData10 === void 0 ? void 0 : _props_originData10.content) || (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试' : ((_props_originData11 = props.originData) === null || _props_originData11 === void 0 ? void 0 : _props_originData11.content) || '',
+            content: ((_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isFinished) && (props === null || props === void 0 ? void 0 : (_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : (_props_originData_extra4 = _props_originData9.extra) === null || _props_originData_extra4 === void 0 ? void 0 : _props_originData_extra4.answerStatus) === 'EXCEPTION' ? content || (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试' : content || '',
             originData: props.originData
         }));
     }, [

package/dist/Bubble/UserBubble.js

@@ -149,7 +149,7 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
  * ```
  */ export var UserBubble = /*#__PURE__*/ memo(function(props) {
     var _props_readonly;
-    var _originData_fileMap, _props_bubbleRenderConfig, _props_styles, _props_bubbleRenderConfig1, _bubbleRenderConfig_render;
+    var _originData_fileMap, _props_markdownRenderConfig, _props_bubbleRenderConfig, _props_styles, _props_bubbleRenderConfig1, _bubbleRenderConfig_render;
     var className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, quote = props.quote;
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
@@ -257,6 +257,7 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         blocks: filemapBlocks,
         fileViewConfig: props.fileViewConfig,
         fileViewEvents: props.fileViewEvents,
+        fileMapConfig: (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.fileMapConfig,
         placement: placement,
         style: {
             alignSelf: 'flex-end'

package/dist/Hooks/useLanguage.d.ts

@@ -307,6 +307,8 @@ export declare function useLanguage(): {
         'workspace.fileProcessError': string;
         'workspace.download': string;
         'workspace.empty': string;
+        'workspace.file.showMore': string;
+        'workspace.file.showMoreFiles': string;
         'workspace.title': string;
         'workspace.searchPlaceholder': string;
         'workspace.noResultsFor': string;
@@ -351,7 +353,6 @@ export declare function useLanguage(): {
         'suggestion.followUp': string;
         'input.fileUpload': string;
         'input.attachmentListTitle': string;
-        'chat.fileMapTitle': string;
         'input.voiceInput': string;
         'input.voiceInputting': string;
         'input.placeholder': string;
@@ -363,6 +364,7 @@ export declare function useLanguage(): {
         'input.sendButtonTooltip.newline': string;
         'input.sendButtonTooltip.send.mod': string;
         'input.sendButtonTooltip.newline.mod': string;
+        'input.typing.hint': string;
         'common.name': string;
         'common.updateTime': string;
         'common.type': string;

package/dist/I18n/locales.d.ts

@@ -269,6 +269,8 @@ export declare const cnLabels: {
     'workspace.fileProcessError': string;
     'workspace.download': string;
     'workspace.empty': string;
+    'workspace.file.showMore': string;
+    'workspace.file.showMoreFiles': string;
     'workspace.title': string;
     'workspace.searchPlaceholder': string;
     'workspace.noResultsFor': string;
@@ -313,7 +315,6 @@ export declare const cnLabels: {
     'suggestion.followUp': string;
     'input.fileUpload': string;
     'input.attachmentListTitle': string;
-    'chat.fileMapTitle': string;
     'input.voiceInput': string;
     'input.voiceInputting': string;
     'input.placeholder': string;
@@ -325,6 +326,7 @@ export declare const cnLabels: {
     'input.sendButtonTooltip.newline': string;
     'input.sendButtonTooltip.send.mod': string;
     'input.sendButtonTooltip.newline.mod': string;
+    'input.typing.hint': string;
     'common.name': string;
     'common.updateTime': string;
     'common.type': string;

package/dist/I18n/locales.js

@@ -281,6 +281,8 @@
     'workspace.download': '下载',
     // 新增：默认空态文案
     'workspace.empty': '暂无数据',
+    'workspace.file.showMore': '查看更多（还有 ${count} 个）',
+    'workspace.file.showMoreFiles': '查看更多文件',
     // 新增：Workspace 标题与搜索相关
     'workspace.title': '工作空间',
     'workspace.searchPlaceholder': '搜索文件名',
@@ -333,7 +335,6 @@
     // MarkdownInputField related
     'input.fileUpload': '文件上传',
     'input.attachmentListTitle': '上传附件',
-    'chat.fileMapTitle': '结果文件',
     'input.voiceInput': '语音输入',
     'input.voiceInputting': '语音输入中，点击可停止。',
     'input.placeholder': '请输入',
@@ -345,6 +346,7 @@
     'input.sendButtonTooltip.newline': '按 Shift+Enter 键换行',
     'input.sendButtonTooltip.send.mod': '按 Cmd/Ctrl+Enter 键发送',
     'input.sendButtonTooltip.newline.mod': '按 Enter 键换行',
+    'input.typing.hint': 'AI 正在回复中，请稍候...',
     // Other translations
     'common.name': '名称',
     'common.updateTime': '更新时间',
@@ -709,6 +711,8 @@
     'workspace.download': 'Download',
     // New: default empty text
     'workspace.empty': 'No data',
+    'workspace.file.showMore': 'Show more (${count} remaining)',
+    'workspace.file.showMoreFiles': 'Show more files',
     // New: Workspace title & search
     'workspace.title': 'Workspace',
     'workspace.searchPlaceholder': 'Search file name',
@@ -761,7 +765,6 @@
     // MarkdownInputField related
     'input.fileUpload': 'Upload attachments',
     'input.attachmentListTitle': 'Uploaded attachments',
-    'chat.fileMapTitle': 'Result files',
     'input.voiceInput': 'Voice input',
     'input.voiceInputting': 'Voice input in progress, click to stop.',
     'input.placeholder': 'Please input',
@@ -773,6 +776,7 @@
     'input.sendButtonTooltip.newline': 'Press Shift+Enter for new line',
     'input.sendButtonTooltip.send.mod': 'Press Cmd/Ctrl+Enter to send',
     'input.sendButtonTooltip.newline.mod': 'Press Enter for new line',
+    'input.typing.hint': 'AI is replying, please wait...',
     // Other translations
     'common.name': 'Name',
     'common.updateTime': 'Update Time',

package/dist/MarkdownInputField/FileMapView/index.js

@@ -190,7 +190,6 @@ import { ConfigProvider, Image, Modal } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo, useState } from "react";
-import { I18nContext } from "../../I18n";
 import { FileMetaPlaceholder } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
 import { isFileMetaPlaceholderState, isImageFile, isVideoFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
@@ -249,7 +248,6 @@ var getMediaPlaceholderStyle = function getMediaPlaceholderStyle(size) {
     var _props_style;
     var _props_placement = props.placement, placement = _props_placement === void 0 ? 'left' : _props_placement;
     var context = useContext(ConfigProvider.ConfigContext);
-    var locale = useContext(I18nContext).locale;
     var prefix = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-file-view-list');
     var _useStyle = useStyle(prefix), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var _useState = _sliced_to_array(useState(false), 2), showAllFiles = _useState[0], setShowAllFiles = _useState[1];
@@ -351,7 +349,6 @@ var getMediaPlaceholderStyle = function getMediaPlaceholderStyle(size) {
         width: IMAGE_THUMBNAIL_SIZE,
         height: IMAGE_THUMBNAIL_SIZE
     });
-    var hasAnyFiles = fileList.length > 0;
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         "data-testid": "file-view-list",
@@ -364,10 +361,7 @@ var getMediaPlaceholderStyle = function getMediaPlaceholderStyle(size) {
             alignItems: placement === 'left' ? 'flex-start' : 'flex-end',
             width: 'max-content'
         }
-    }, hasAnyFiles ? /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(prefix, "-title"), hashId),
-        "data-testid": "file-view-title"
-    }, (locale === null || locale === void 0 ? void 0 : locale['chat.fileMapTitle']) || '结果文件') : null, imgList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
+    }, imgList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
         variants: {
             visible: {
                 opacity: 1,

package/dist/MarkdownInputField/FileMapView/style.js

@@ -73,11 +73,10 @@ var genStyle = function genStyle(token) {
         },
         '&-vertical': {
             display: 'flex',
-            flexDirection: 'row',
             flexWrap: 'wrap',
             alignItems: 'flex-start',
             gap: 4,
-            padding: 0,
+            padding: 2,
             maxWidth: 'calc(285px * 3 + 4px * 2)',
             '& > :only-child': {
                 marginTop: 8,

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -135,6 +135,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import React, { memo, useContext, useState } from "react";
+import { TextLoading } from "../Components/lotties/TextLoading";
+import { useLocale } from "../I18n";
 import { BaseMarkdownEditor } from "../MarkdownEditor";
 import { BorderBeamAnimation } from "./BorderBeamAnimation";
 import { useFileUploadManager } from "./FileUploadManager";
@@ -167,7 +169,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
  * @param {string} [props.placeholder] - 占位符文本
  * @param {string} [props.triggerSendKey='Enter'] - 触发发送的快捷键（Enter 发送，Shift+Enter 换行）
  * @param {boolean} [props.disabled] - 是否禁用
- * @param {boolean} [props.typing] - 是否正在输入
+ * @param {boolean} [props.typing] - AI 回复中等场景下为 true，输入区只读并显示提示
  * @param {AttachmentProps} [props.attachment] - 附件配置
  * @param {string[]} [props.bgColorList] - 背景颜色列表，推荐使用3-4种颜色
  * @param {React.RefObject} [props.inputRef] - 输入框引用
@@ -213,6 +215,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-input-field');
     var _useStyle = useStyle(baseCls, props.disableHoverAnimation), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var locale = useLocale();
     // 状态管理
     var _useMarkdownInputFieldState = useMarkdownInputFieldState({
         value: props.value,
@@ -305,6 +308,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         isHover: isHover,
         isLoading: isLoading
     });
+    var editorReadonly = isLoading || !!props.typing;
     var sendActionsNode = useSendActionsNode({
         props: {
             attachment: attachment,
@@ -356,7 +360,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     }, /*#__PURE__*/ React.createElement("div", {
         ref: inputRef,
         "data-testid": testId !== null && testId !== void 0 ? testId : MARKDOWN_INPUT_FIELD_TEST_IDS.ROOT,
-        className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), false), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
+        className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), !!props.typing), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
         style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
             height: isEnlarged ? "".concat((_ref = (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.height) !== null && _ref !== void 0 ? _ref : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),
             borderRadius: borderRadius || 12,
@@ -397,7 +401,14 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     }), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseCls, "-editor-content"), hashId),
         "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.EDITOR_CONTENT
-    }, attachmentList, /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread({
+    }, attachmentList, (props.typing || isLoading) && !value && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-typing-hint"), hashId),
+        "aria-live": "polite",
+        "aria-label": locale['input.typing.hint']
+    }, /*#__PURE__*/ React.createElement(TextLoading, {
+        text: locale['input.typing.hint'],
+        fontSize: 13
+    })), /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread({
         editorRef: markdownEditorRef,
         leafRender: props.leafRender,
         style: {
@@ -412,7 +423,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         floatBar: {
             enable: false
         },
-        readonly: isLoading,
+        readonly: editorReadonly,
         contentStyle: {
             alignItems: 'flex-start',
             padding: 'var(--padding-3x)',
@@ -475,7 +486,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         onFileMapChange: setFileMap,
         isHover: isHover,
         isLoading: isLoading,
-        disabled: props.disabled,
+        disabled: props.disabled || !!props.typing,
         fileUploadStatus: fileUploadStatus,
         refinePrompt: props.refinePrompt,
         editorRef: markdownEditorRef,

package/dist/MarkdownInputField/SendActions/index.js

@@ -90,13 +90,13 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
                     var _attachment_onFileMapChange;
                     attachment === null || attachment === void 0 ? void 0 : (_attachment_onFileMapChange = attachment.onFileMapChange) === null || _attachment_onFileMapChange === void 0 ? void 0 : _attachment_onFileMapChange.call(attachment, fileMap);
                 },
-                disabled: !fileUploadDone || (attachment === null || attachment === void 0 ? void 0 : attachment.disabled)
+                disabled: !fileUploadDone || (attachment === null || attachment === void 0 ? void 0 : attachment.disabled) || !!typing
             })) : null,
             voiceRecognizer ? /*#__PURE__*/ React.createElement(VoiceInputButton, {
                 key: "voice-input-button",
                 title: collapseSendActions && defaultActionsLen > 2 ? (locale === null || locale === void 0 ? void 0 : locale['input.voiceInput']) || '语音输入' : '',
                 recording: recording,
-                disabled: disabled,
+                disabled: disabled || !!typing,
                 onStart: onStartRecording || function() {
                     return Promise.resolve();
                 },

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.js

@@ -389,6 +389,7 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
     var handleContainerClick = useRefFunction(function(e) {
         var _markdownEditorRef_current_markdownEditorRef, _markdownEditorRef_current;
         if (props.disabled) return;
+        if (props.typing) return;
         var editor = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_markdownEditorRef = _markdownEditorRef_current.markdownEditorRef) === null || _markdownEditorRef_current_markdownEditorRef === void 0 ? void 0 : _markdownEditorRef_current_markdownEditorRef.current;
         if (!editor) return;
         try {

package/dist/MarkdownInputField/style.js

@@ -198,7 +198,8 @@ var genStyle = function genStyle(token) {
             maxHeight: 'inherit',
             minHeight: 0,
             borderRadius: 'inherit',
-            overflow: 'hidden'
+            overflow: 'hidden',
+            position: 'relative'
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
             padding: "".concat(MOBILE_PADDING, " !important")
         }),
@@ -215,6 +216,28 @@ var genStyle = function genStyle(token) {
         '&-loading': {
             cursor: 'not-allowed'
         },
+        '&-typing': {
+            cursor: 'not-allowed'
+        },
+        '&-typing-hint': {
+            position: 'absolute',
+            left: 'var(--padding-3x)',
+            top: '50%',
+            transform: 'translateY(-50%)',
+            pointerEvents: 'none',
+            zIndex: 10,
+            display: 'flex',
+            alignItems: 'center',
+            gap: 6,
+            color: 'rgba(0,0,0,0.35)',
+            fontSize: 13,
+            userSelect: 'none'
+        },
+        '&-typing-hint-dots': {
+            display: 'inline-flex',
+            gap: 3,
+            alignItems: 'center'
+        },
         '&-send-tools': {
             boxSizing: 'border-box',
             display: 'flex',

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -14,7 +14,7 @@ import type { CreateRecognizer } from '../VoiceInput';
  * @property {React.CSSProperties} [style] - 应用于输入字段的内联样式
  * @property {string} [className] - 应用于输入字段的 CSS 类名
  * @property {boolean} [disabled] - 是否禁用输入字段
- * @property {boolean} [typing] - 用户是否正在输入的状态标志
+ * @property {boolean} [typing] - AI 回复中等场景下为 true，输入区只读并显示提示
  * @property {'Enter'} [triggerSendKey] - 触发发送操作的键盘快捷键（Enter 发送，Shift+Enter 换行）
  * @property {function} [onSend] - 当内容发送时触发的异步回调函数
  */
@@ -51,8 +51,8 @@ export type MarkdownInputFieldProps = {
      */
     disabled?: boolean;
     /**
-     * 用户是否正在输入的状态标志。
-     * @example typing={isComposing}
+     * 为 true 时表示 AI 正在回复等场景：输入区只读、展示 typing 提示，且不可上传附件或语音输入。
+     * @example typing={isAssistantStreaming}
      */
     typing?: boolean;
     /**

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.js

@@ -8,7 +8,7 @@
  * @property {React.CSSProperties} [style] - 应用于输入字段的内联样式
  * @property {string} [className] - 应用于输入字段的 CSS 类名
  * @property {boolean} [disabled] - 是否禁用输入字段
- * @property {boolean} [typing] - 用户是否正在输入的状态标志
+ * @property {boolean} [typing] - AI 回复中等场景下为 true，输入区只读并显示提示
  * @property {'Enter'} [triggerSendKey] - 触发发送操作的键盘快捷键（Enter 发送，Shift+Enter 换行）
  * @property {function} [onSend] - 当内容发送时触发的异步回调函数
  */ export { };

package/dist/Plugins/chart/ChartRender.js

@@ -408,6 +408,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
     var i18n = useContext(I18nContext);
     var DonutChart = runtime.DonutChart, FunnelChart = runtime.FunnelChart, AreaChart = runtime.AreaChart, BarChart = runtime.BarChart, BoxPlotChart = runtime.BoxPlotChart, HistogramChart = runtime.HistogramChart, LineChart = runtime.LineChart, RadarChart = runtime.RadarChart, ScatterChart = runtime.ScatterChart;
     if (chartType === 'pie') {
+        var pieSize = (config === null || config === void 0 ? void 0 : config.height) || 400;
         return /*#__PURE__*/ React.createElement(DonutChart, {
             key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-pie"),
             data: convertDonutData,
@@ -417,7 +418,8 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                     showLegend: true
                 }
             ],
-            height: (config === null || config === void 0 ? void 0 : config.height) || 400,
+            width: pieSize,
+            height: pieSize,
             title: title,
             showToolbar: true,
             dataTime: dataTime,

package/dist/Plugins/chart/DonutChart/index.js

@@ -578,7 +578,7 @@ import { useStyle } from "./style";
                         'transparent'
                     ] : resolvedVisibleBackgroundColors.slice(0, values.length),
                     hoverBorderColor: chartHoverBorderColor,
-                    borderWidth: cfg.chartStyle === 'pie' ? 0 : isMobile ? 1 : 1,
+                    borderWidth: cfg.chartStyle === 'pie' ? 2 : isMobile ? 1 : 1,
                     spacing: isSingleValueMode ? 0 : cfg.chartStyle === 'pie' ? 0 : isDarkTheme ? isMobile ? 4 : 8 : isMobile ? 3 : 6,
                     borderRadius: cfg.chartStyle === 'pie' ? 0 : 4,
                     hoverOffset: function hoverOffset(ctx) {

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -308,6 +308,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'workspace.fileProcessError': string;
             'workspace.download': string;
             'workspace.empty': string;
+            'workspace.file.showMore': string;
+            'workspace.file.showMoreFiles': string;
             'workspace.title': string;
             'workspace.searchPlaceholder': string;
             'workspace.noResultsFor': string;
@@ -352,7 +354,6 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.followUp': string;
             'input.fileUpload': string;
             'input.attachmentListTitle': string;
-            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;
@@ -364,6 +365,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'input.sendButtonTooltip.newline': string;
             'input.sendButtonTooltip.send.mod': string;
             'input.sendButtonTooltip.newline.mod': string;
+            'input.typing.hint': string;
             'common.name': string;
             'common.updateTime': string;
             'common.type': string;
@@ -704,6 +706,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'workspace.fileProcessError': string;
             'workspace.download': string;
             'workspace.empty': string;
+            'workspace.file.showMore': string;
+            'workspace.file.showMoreFiles': string;
             'workspace.title': string;
             'workspace.searchPlaceholder': string;
             'workspace.noResultsFor': string;
@@ -748,7 +752,6 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.followUp': string;
             'input.fileUpload': string;
             'input.attachmentListTitle': string;
-            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;
@@ -760,6 +763,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'input.sendButtonTooltip.newline': string;
             'input.sendButtonTooltip.send.mod': string;
             'input.sendButtonTooltip.newline.mod': string;
+            'input.typing.hint': string;
             'common.name': string;
             'common.updateTime': string;
             'common.type': string;

package/dist/Workspace/File/FileComponent.js

@@ -241,13 +241,16 @@ import { Empty } from "antd";
 import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 import { ActionIconBox } from "../../Components/ActionIconBox";
-import { I18nContext } from "../../I18n";
+import { I18nContext, compileTemplate } from "../../I18n";
 import { formatFileSize, formatLastModified } from "../utils";
 import { fileTypeProcessor, isImageFile } from "./FileTypeProcessor";
 import { PreviewComponent } from "./PreviewComponent";
 import { useFileStyle } from "./style";
 import { generateUniqueId, getFileTypeIcon, getGroupIcon } from "./utils";
+/** Initial number of files shown per group before "show more" */ var GROUP_INITIAL_PAGE_SIZE = 50;
+/** Number of additional files revealed per "show more" click */ var GROUP_PAGE_SIZE_INCREMENT = 100;
 // 通用的键盘事件处理函数
 var handleKeyboardEvent = function handleKeyboardEvent(e, callback) {
     if (e.key === 'Enter' || e.key === ' ') {
@@ -373,11 +376,8 @@ var SearchInput = /*#__PURE__*/ React.memo(function(param) {
 });
 SearchInput.displayName = 'SearchInput';
 // 文件项组件
-var FileItemComponent = function FileItemComponent(param) {
-    var file = param.file, onClick = param.onClick, onDownload = param.onDownload, onPreview = param.onPreview, onShare = param.onShare, onLocate = param.onLocate, prefixCls = param.prefixCls, hashId = param.hashId, _param_bindDomId = param.bindDomId, bindDomId = _param_bindDomId === void 0 ? false : _param_bindDomId;
-    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
-    var locale = useContext(I18nContext).locale;
-    var finalPrefixCls = prefixCls || getPrefixCls('workspace-file');
+var FileItemComponent = /*#__PURE__*/ React.memo(function(param) {
+    var file = param.file, onClick = param.onClick, onDownload = param.onDownload, onPreview = param.onPreview, onShare = param.onShare, onLocate = param.onLocate, prefixCls = param.prefixCls, hashId = param.hashId, locale = param.locale, _param_bindDomId = param.bindDomId, bindDomId = _param_bindDomId === void 0 ? false : _param_bindDomId;
     // 确保文件有唯一ID
     var fileWithId = ensureNodeWithId(file);
     var fileTypeInfo = fileTypeProcessor.inferFileType(fileWithId);
@@ -447,7 +447,7 @@ var FileItemComponent = function FileItemComponent(param) {
         onLocate === null || onLocate === void 0 ? void 0 : onLocate(fileWithId);
     };
     // 内置操作按钮
-    var actionBtnClass = classNames("".concat(finalPrefixCls, "-item-action-btn"), hashId);
+    var actionBtnClass = classNames("".concat(prefixCls, "-item-action-btn"), hashId);
     var builtinActions = {
         preview: showPreviewButton ? /*#__PURE__*/ React.createElement(ActionIconBox, {
             key: "preview",
@@ -489,55 +489,52 @@ var FileItemComponent = function FileItemComponent(param) {
     // 自定义渲染上下文
     var renderContext = {
         file: fileWithId,
-        prefixCls: finalPrefixCls,
-        hashId: hashId || '',
+        prefixCls: prefixCls,
+        hashId: hashId,
         disabled: isDisabled,
         actions: builtinActions
     };
     return /*#__PURE__*/ React.createElement(AccessibleButton, {
         icon: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-item-icon"), hashId)
+            className: classNames("".concat(prefixCls, "-item-icon"), hashId)
         }, getFileTypeIcon(fileTypeInfo.fileType, fileWithId.icon, fileWithId.name)), /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-item-info"), hashId)
+            className: classNames("".concat(prefixCls, "-item-info"), hashId)
         }, /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-item-name"), hashId)
+            className: classNames("".concat(prefixCls, "-item-name"), hashId)
         }, fileWithId.renderName ? fileWithId.renderName(renderContext) : /*#__PURE__*/ React.createElement(Typography.Text, {
             ellipsis: {
                 tooltip: fileWithId.name
             }
         }, fileWithId.name)), (fileWithId.renderDetails || fileTypeInfo.displayType || fileWithId.size || fileWithId.lastModified) && /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-item-details"), hashId)
+            className: classNames("".concat(prefixCls, "-item-details"), hashId)
         }, fileWithId.renderDetails ? fileWithId.renderDetails(renderContext) : /*#__PURE__*/ React.createElement(Typography.Text, {
             type: "secondary",
             ellipsis: true
         }, fileTypeInfo.displayType && /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-item-type"), hashId)
+            className: classNames("".concat(prefixCls, "-item-type"), hashId)
         }, fileTypeInfo.displayType), fileWithId.size && /*#__PURE__*/ React.createElement(React.Fragment, null, fileTypeInfo.displayType && /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-item-separator"), hashId)
+            className: classNames("".concat(prefixCls, "-item-separator"), hashId)
         }, "|"), /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-item-size"), hashId)
+            className: classNames("".concat(prefixCls, "-item-size"), hashId)
         }, formatFileSize(fileWithId.size))), fileWithId.lastModified && /*#__PURE__*/ React.createElement(React.Fragment, null, (fileTypeInfo.displayType || fileWithId.size) && /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-item-separator"), hashId)
+            className: classNames("".concat(prefixCls, "-item-separator"), hashId)
         }, "|"), /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-item-time"), hashId)
+            className: classNames("".concat(prefixCls, "-item-time"), hashId)
         }, formatLastModified(fileWithId.lastModified)))))), /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-item-actions"), hashId),
+            className: classNames("".concat(prefixCls, "-item-actions"), hashId),
             onClick: function onClick(e) {
                 return e.stopPropagation();
             }
         }, fileWithId.renderActions ? fileWithId.renderActions(renderContext) : !isDisabled ? /*#__PURE__*/ React.createElement(React.Fragment, null, builtinActions.preview, builtinActions.locate, builtinActions.share, builtinActions.download) : null)),
         onClick: handleClick,
-        className: classNames("".concat(finalPrefixCls, "-item"), _define_property({}, "".concat(finalPrefixCls, "-item-disabled"), isDisabled), hashId),
+        className: classNames("".concat(prefixCls, "-item"), _define_property({}, "".concat(prefixCls, "-item-disabled"), isDisabled), hashId),
         ariaLabel: "".concat((locale === null || locale === void 0 ? void 0 : locale['workspace.file']) || '文件', "：").concat(fileWithId.name),
         id: bindDomId ? fileWithId.id : undefined
     });
-};
+});
 // 分组标题栏组件
-var GroupHeader = function GroupHeader(param) {
-    var group = param.group, onToggle = param.onToggle, onGroupDownload = param.onGroupDownload, prefixCls = param.prefixCls, hashId = param.hashId;
-    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
-    var locale = useContext(I18nContext).locale;
-    var finalPrefixCls = prefixCls || getPrefixCls('workspace-file');
+var GroupHeader = /*#__PURE__*/ React.memo(function(param) {
+    var group = param.group, onToggle = param.onToggle, onGroupDownload = param.onGroupDownload, prefixCls = param.prefixCls, hashId = param.hashId, locale = param.locale;
     var groupTypeInfo = fileTypeProcessor.inferFileType(group);
     var groupType = group.type || groupTypeInfo.fileType;
     var handleToggle = function handleToggle() {
@@ -565,35 +562,60 @@ var GroupHeader = function GroupHeader(param) {
     }();
     return /*#__PURE__*/ React.createElement(AccessibleButton, {
         icon: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-group-header-left"), hashId)
+            className: classNames("".concat(prefixCls, "-group-header-left"), hashId)
         }, /*#__PURE__*/ React.createElement(CollapseIcon, {
-            className: classNames("".concat(finalPrefixCls, "-group-toggle-icon"), hashId)
+            className: classNames("".concat(prefixCls, "-group-toggle-icon"), hashId)
         }), /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-group-type-icon"), hashId)
+            className: classNames("".concat(prefixCls, "-group-type-icon"), hashId)
         }, groupIcon), /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-group-type-name"), hashId)
+            className: classNames("".concat(prefixCls, "-group-type-name"), hashId)
         }, group.name)), /*#__PURE__*/ React.createElement("div", {
-            className: classNames("".concat(finalPrefixCls, "-group-header-right"), hashId)
+            className: classNames("".concat(prefixCls, "-group-header-right"), hashId)
         }, /*#__PURE__*/ React.createElement("span", {
-            className: classNames("".concat(finalPrefixCls, "-group-count"), hashId)
+            className: classNames("".concat(prefixCls, "-group-count"), hashId)
         }, group.children.length), showDownloadButton && /*#__PURE__*/ React.createElement(ActionIconBox, {
             title: (locale === null || locale === void 0 ? void 0 : locale['workspace.file.download']) || '下载',
             onClick: handleDownload,
             tooltipProps: {
                 mouseEnterDelay: 0.3
             },
-            className: classNames("".concat(finalPrefixCls, "-group-action-btn"), hashId)
+            className: classNames("".concat(prefixCls, "-group-action-btn"), hashId)
         }, /*#__PURE__*/ React.createElement(DownloadIcon, null)))),
         onClick: handleToggle,
-        className: classNames("".concat(finalPrefixCls, "-group-header"), hashId),
+        className: classNames("".concat(prefixCls, "-group-header"), hashId),
         ariaLabel: "".concat(group.collapsed ? (locale === null || locale === void 0 ? void 0 : locale['workspace.expand']) || '展开' : (locale === null || locale === void 0 ? void 0 : locale['workspace.collapse']) || '收起').concat(group.name).concat((locale === null || locale === void 0 ? void 0 : locale['workspace.group']) || '分组')
     });
-};
+});
 // 文件分组组件
-var FileGroupComponent = function FileGroupComponent(param) {
-    var group = param.group, onToggle = param.onToggle, onGroupDownload = param.onGroupDownload, onDownload = param.onDownload, onFileClick = param.onFileClick, onPreview = param.onPreview, onShare = param.onShare, onLocate = param.onLocate, prefixCls = param.prefixCls, hashId = param.hashId, bindDomId = param.bindDomId;
-    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
-    var finalPrefixCls = prefixCls || getPrefixCls('workspace-file');
+var FileGroupComponent = /*#__PURE__*/ React.memo(function(param) {
+    var group = param.group, onToggle = param.onToggle, onGroupDownload = param.onGroupDownload, onDownload = param.onDownload, onFileClick = param.onFileClick, onPreview = param.onPreview, onShare = param.onShare, onLocate = param.onLocate, prefixCls = param.prefixCls, hashId = param.hashId, locale = param.locale, bindDomId = param.bindDomId;
+    var _useState = _sliced_to_array(useState(GROUP_INITIAL_PAGE_SIZE), 2), visibleCount = _useState[0], setVisibleCount = _useState[1];
+    // 分组数据变化时重置分页，避免切换数据源后一次性展示过多节点
+    useEffect(function() {
+        setVisibleCount(GROUP_INITIAL_PAGE_SIZE);
+    }, [
+        group.id,
+        group.children.length
+    ]);
+    var totalCount = group.children.length;
+    var visibleFiles = group.children.slice(0, visibleCount);
+    var remainingCount = totalCount - visibleCount;
+    var hasMore = remainingCount > 0;
+    var handleShowMore = useRefFunction(function(e) {
+        e.stopPropagation();
+        setVisibleCount(function(prev) {
+            return prev + GROUP_PAGE_SIZE_INCREMENT;
+        });
+    });
+    var handleShowMoreKeyDown = useRefFunction(function(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            e.stopPropagation();
+            setVisibleCount(function(prev) {
+                return prev + GROUP_PAGE_SIZE_INCREMENT;
+            });
+        }
+    });
     var contentVariants = useMemo(function() {
         return {
             expanded: {
@@ -623,14 +645,18 @@ var FileGroupComponent = function FileGroupComponent(param) {
             }
         };
     }, []);
+    var showMoreLabel = hasMore ? compileTemplate((locale === null || locale === void 0 ? void 0 : locale['workspace.file.showMore']) || '查看更多（还有 ${count} 个）', {
+        count: String(remainingCount)
+    }) : (locale === null || locale === void 0 ? void 0 : locale['workspace.file.showMoreFiles']) || '查看更多文件';
     return /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(finalPrefixCls, "-container--group"), hashId)
+        className: classNames("".concat(prefixCls, "-container--group"), hashId)
     }, /*#__PURE__*/ React.createElement(GroupHeader, {
         group: group,
         onToggle: onToggle,
         onGroupDownload: onGroupDownload,
-        prefixCls: finalPrefixCls,
-        hashId: hashId
+        prefixCls: prefixCls,
+        hashId: hashId,
+        locale: locale
     }), /*#__PURE__*/ React.createElement(AnimatePresence, {
         initial: false
     }, !group.collapsed && /*#__PURE__*/ React.createElement(motion.div, {
@@ -640,8 +666,8 @@ var FileGroupComponent = function FileGroupComponent(param) {
         animate: "expanded",
         exit: "collapsed",
         transition: contentTransition,
-        className: classNames("".concat(finalPrefixCls, "-group-content"), hashId)
-    }, group.children.map(function(file) {
+        className: classNames("".concat(prefixCls, "-group-content"), hashId)
+    }, visibleFiles.map(function(file) {
         return /*#__PURE__*/ React.createElement(FileItemComponent, {
             key: file.id,
             file: file,
@@ -650,12 +676,20 @@ var FileGroupComponent = function FileGroupComponent(param) {
             onPreview: onPreview,
             onShare: onShare,
             onLocate: onLocate,
-            prefixCls: finalPrefixCls,
+            prefixCls: prefixCls,
             hashId: hashId,
+            locale: locale,
             bindDomId: !!bindDomId
         });
-    }))));
-};
+    }), hasMore && /*#__PURE__*/ React.createElement("div", {
+        role: "button",
+        tabIndex: 0,
+        className: classNames("".concat(prefixCls, "-show-more"), hashId),
+        onClick: handleShowMore,
+        onKeyDown: handleShowMoreKeyDown,
+        "aria-label": showMoreLabel
+    }, showMoreLabel))));
+});
 export var FileComponent = function FileComponent(param) {
     var nodes = param.nodes, onGroupDownload = param.onGroupDownload, onDownload = param.onDownload, onShare = param.onShare, onFileClick = param.onFileClick, onLocate = param.onLocate, onToggleGroup = param.onToggleGroup, onGroupToggle = param.onGroupToggle, onPreview = param.onPreview, onBack = param.onBack, resetKey = param.resetKey, markdownEditorProps = param.markdownEditorProps, customActions = param.customActions, actionRef = param.actionRef, loading = param.loading, loadingRender = param.loadingRender, emptyRender = param.emptyRender, keyword = param.keyword, onChange = param.onChange, _param_showSearch = param.showSearch, showSearch = _param_showSearch === void 0 ? false : _param_showSearch, searchPlaceholder = param.searchPlaceholder, _param_bindDomId = param.bindDomId, bindDomId = _param_bindDomId === void 0 ? false : _param_bindDomId;
     var _useState = _sliced_to_array(useState(null), 2), previewFile = _useState[0], setPreviewFile = _useState[1];
@@ -669,6 +703,15 @@ export var FileComponent = function FileComponent(param) {
     }), 2), imagePreview = _useState4[0], setImagePreview = _useState4[1];
     // 添加内部状态来管理分组的折叠状态
     var _useState5 = _sliced_to_array(useState({}), 2), collapsedGroups = _useState5[0], setCollapsedGroups = _useState5[1];
+    // 扁平文件列表（非分组模式）分页状态
+    var _useState6 = _sliced_to_array(useState(GROUP_INITIAL_PAGE_SIZE), 2), flatVisibleCount = _useState6[0], setFlatVisibleCount = _useState6[1];
+    // nodes 或 keyword 变化时重置扁平列表分页，避免切换数据源后一次性渲染过多节点
+    useEffect(function() {
+        setFlatVisibleCount(GROUP_INITIAL_PAGE_SIZE);
+    }, [
+        nodes,
+        keyword
+    ]);
     // 追踪预览请求的序号，避免异步竞态
     var previewRequestIdRef = useRef(0);
     // 缓存节点 ID，避免每次渲染重新生成（使用 WeakMap 自动清理不再使用的节点）
@@ -680,7 +723,7 @@ export var FileComponent = function FileComponent(param) {
     var prefixCls = getPrefixCls('workspace-file');
     var _useFileStyle = useFileStyle(prefixCls), wrapSSR = _useFileStyle.wrapSSR, hashId = _useFileStyle.hashId;
     // 确保节点有稳定的唯一 ID（使用缓存）
-    var ensureNodeWithStableId = function ensureNodeWithStableId(node) {
+    var ensureNodeWithStableId = useRefFunction(function(node) {
         if (node.id) return _object_spread({}, node);
         // 尝试从缓存获取 ID
         var cachedId = nodeIdCacheRef.current.get(node);
@@ -692,16 +735,16 @@ export var FileComponent = function FileComponent(param) {
         return _object_spread_props(_object_spread({}, node), {
             id: cachedId
         });
-    };
+    });
     // 返回列表（供预览页调用）
-    var handleBackToList = function handleBackToList() {
+    var handleBackToList = useRefFunction(function() {
         // 使进行中的预览请求失效
         previewRequestIdRef.current++;
         setPreviewFile(null);
         setCustomPreviewContent(null);
         setCustomPreviewHeader(null);
         setHeaderFileOverride(null);
-    };
+    });
     // 监听 resetKey 变化，重置预览状态
     useEffect(function() {
         if (resetKey !== undefined && previewFile) {
@@ -756,7 +799,7 @@ export var FileComponent = function FileComponent(param) {
         nodes
     ]);
     // 处理分组折叠/展开
-    var handleToggleGroup = function handleToggleGroup(groupId, type, collapsed) {
+    var handleToggleGroup = useRefFunction(function(groupId, type, collapsed) {
         // 更新内部状态，使用 groupId 作为 key
         setCollapsedGroups(function(prev) {
             return _object_spread_props(_object_spread({}, prev), _define_property({}, groupId, collapsed));
@@ -767,9 +810,9 @@ export var FileComponent = function FileComponent(param) {
         } else if (onToggleGroup) {
             onToggleGroup(type, collapsed);
         }
-    };
+    });
     // 包装后的返回逻辑，允许外部拦截
-    var handleBack = function handleBack() {
+    var handleBack = useRefFunction(function() {
         return _async_to_generator(function() {
             var result, _;
             return _ts_generator(this, function(_state) {
@@ -814,18 +857,18 @@ export var FileComponent = function FileComponent(param) {
                 }
             });
         })();
-    };
+    });
     // 预览页面的下载（供预览页调用）
-    var handleDownloadInPreview = function handleDownloadInPreview(file) {
+    var handleDownloadInPreview = useRefFunction(function(file) {
         // 优先使用用户传入的下载方法
         if (onDownload) {
             onDownload(file);
             return;
         }
         handleFileDownload(file);
-    };
+    });
     // 预览文件处理
-    var handlePreview = function handlePreview(file) {
+    var handlePreview = useRefFunction(function(file) {
         return _async_to_generator(function() {
             var currentCallId, previewData, content, err, previewSrc;
             return _ts_generator(this, function(_state) {
@@ -935,7 +978,7 @@ export var FileComponent = function FileComponent(param) {
                 }
             });
         })();
-    };
+    });
     // 通过 actionRef 暴露可编程接口
     React.useEffect(function() {
         if (!actionRef) return;
@@ -963,7 +1006,7 @@ export var FileComponent = function FileComponent(param) {
     ]);
     var hasKeyword = Boolean((keyword !== null && keyword !== void 0 ? keyword : '').trim());
     // 渲染搜索框组件 - 确保在所有情况下都保持一致
-    var renderSearchInput = function renderSearchInput() {
+    var renderSearchInput = useRefFunction(function() {
         if (!showSearch) return null;
         return /*#__PURE__*/ React.createElement(SearchInput, {
             keyword: keyword,
@@ -973,9 +1016,9 @@ export var FileComponent = function FileComponent(param) {
             hashId: hashId,
             locale: locale
         });
-    };
+    });
     // 渲染空状态内容
-    var renderEmptyContent = function renderEmptyContent() {
+    var renderEmptyContent = useRefFunction(function() {
         if (hasKeyword) {
             return /*#__PURE__*/ React.createElement(Typography.Text, {
                 type: "secondary"
@@ -987,48 +1030,20 @@ export var FileComponent = function FileComponent(param) {
         return emptyRender !== null && emptyRender !== void 0 ? emptyRender : /*#__PURE__*/ React.createElement(Empty, {
             description: (locale === null || locale === void 0 ? void 0 : locale['workspace.empty']) || 'No data'
         });
-    };
-    // 图片预览组件
-    var ImagePreviewComponent = /*#__PURE__*/ React.createElement(Image, {
-        className: classNames("".concat(prefixCls, "-hidden-image"), hashId),
-        src: imagePreview.src,
-        preview: {
-            visible: imagePreview.visible,
-            onVisibleChange: function onVisibleChange(visible) {
-                setImagePreview(function(prev) {
-                    return _object_spread_props(_object_spread({}, prev), {
-                        visible: visible
-                    });
-                });
-            }
+    });
+    var handleFlatShowMore = useRefFunction(function() {
+        setFlatVisibleCount(function(prev) {
+            return prev + GROUP_PAGE_SIZE_INCREMENT;
+        });
+    });
+    var handleFlatShowMoreKeyDown = useRefFunction(function(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            handleFlatShowMore();
         }
     });
-    // 如果正在预览文件，显示预览组件
-    if (previewFile) {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(PreviewComponent, {
-            file: previewFile,
-            onBack: handleBack,
-            onDownload: handleDownloadInPreview,
-            onShare: function onShare1(file, options) {
-                if (onShare) {
-                    onShare(file, {
-                        anchorEl: options === null || options === void 0 ? void 0 : options.anchorEl,
-                        origin: 'preview'
-                    });
-                } else {
-                    handleDefaultShare(file);
-                }
-            },
-            onLocate: onLocate,
-            customContent: customPreviewContent || undefined,
-            customHeader: customPreviewHeader || undefined,
-            customActions: typeof customActions === 'function' ? customActions(previewFile) : customActions,
-            headerFileOverride: headerFileOverride || undefined,
-            markdownEditorProps: markdownEditorProps
-        }), ImagePreviewComponent);
-    }
     // 渲染文件内容
-    var renderFileContent = function renderFileContent() {
+    var renderFileContent = useRefFunction(function() {
         if ((!nodes || nodes.length === 0) && !loading) {
             return /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(prefixCls, "-empty"), hashId)
@@ -1039,7 +1054,14 @@ export var FileComponent = function FileComponent(param) {
                 className: classNames("".concat(prefixCls, "-empty"), hashId)
             }, renderEmptyContent());
         }
-        return safeNodes.map(function(node) {
+        // Determine whether this is a purely flat list (no groups) so we can paginate
+        var isFlat = safeNodes.every(function(n) {
+            return !('children' in n);
+        });
+        var nodesToRender = isFlat ? safeNodes.slice(0, flatVisibleCount) : safeNodes;
+        var flatRemaining = isFlat ? safeNodes.length - flatVisibleCount : 0;
+        var flatHasMore = flatRemaining > 0;
+        var items = nodesToRender.map(function(node) {
             var nodeWithId = ensureNodeWithStableId(node);
             if ('children' in nodeWithId) {
                 var _collapsedGroups_nodeWithId_id;
@@ -1061,6 +1083,7 @@ export var FileComponent = function FileComponent(param) {
                     onLocate: onLocate,
                     prefixCls: prefixCls,
                     hashId: hashId,
+                    locale: locale,
                     bindDomId: bindDomId
                 });
             }
@@ -1075,10 +1098,62 @@ export var FileComponent = function FileComponent(param) {
                 onLocate: onLocate,
                 prefixCls: prefixCls,
                 hashId: hashId,
+                locale: locale,
                 bindDomId: bindDomId
             });
         });
-    };
+        if (!flatHasMore) return items;
+        var flatShowMoreLabel = compileTemplate((locale === null || locale === void 0 ? void 0 : locale['workspace.file.showMore']) || '查看更多（还有 ${count} 个）', {
+            count: String(flatRemaining)
+        });
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, items, /*#__PURE__*/ React.createElement("div", {
+            role: "button",
+            tabIndex: 0,
+            className: classNames("".concat(prefixCls, "-show-more"), hashId),
+            onClick: handleFlatShowMore,
+            onKeyDown: handleFlatShowMoreKeyDown,
+            "aria-label": flatShowMoreLabel
+        }, flatShowMoreLabel));
+    });
+    // 图片预览组件
+    var ImagePreviewComponent = /*#__PURE__*/ React.createElement(Image, {
+        className: classNames("".concat(prefixCls, "-hidden-image"), hashId),
+        src: imagePreview.src,
+        preview: {
+            visible: imagePreview.visible,
+            onVisibleChange: function onVisibleChange(visible) {
+                setImagePreview(function(prev) {
+                    return _object_spread_props(_object_spread({}, prev), {
+                        visible: visible
+                    });
+                });
+            }
+        }
+    });
+    // 如果正在预览文件，显示预览组件
+    if (previewFile) {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(PreviewComponent, {
+            file: previewFile,
+            onBack: handleBack,
+            onDownload: handleDownloadInPreview,
+            onShare: function onShare1(file, options) {
+                if (onShare) {
+                    onShare(file, {
+                        anchorEl: options === null || options === void 0 ? void 0 : options.anchorEl,
+                        origin: 'preview'
+                    });
+                } else {
+                    handleDefaultShare(file);
+                }
+            },
+            onLocate: onLocate,
+            customContent: customPreviewContent || undefined,
+            customHeader: customPreviewHeader || undefined,
+            customActions: typeof customActions === 'function' ? customActions(previewFile) : customActions,
+            headerFileOverride: headerFileOverride || undefined,
+            markdownEditorProps: markdownEditorProps
+        }), ImagePreviewComponent);
+    }
     // 统一的渲染逻辑 - 确保搜索框位置稳定
     return wrapSSR(/*#__PURE__*/ React.createElement(React.Fragment, null, loading && loadingRender ? // 使用自定义loading渲染函数
     /*#__PURE__*/ React.createElement("div", {

package/dist/Workspace/File/style.js

@@ -446,6 +446,26 @@ var genStyle = function genStyle(token) {
     }), // 隐藏的图片预览组件
     _define_property(_obj7, "".concat(token.componentCls, "-hidden-image"), {
         display: 'none'
+    }), // 查看更多按钮
+    _define_property(_obj7, "".concat(token.componentCls, "-show-more"), {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '6px 0',
+        cursor: 'pointer',
+        color: 'var(--color-gray-text-secondary)',
+        font: 'var(--font-text-body-sm)',
+        letterSpacing: 'var(--letter-spacing-body-sm, normal)',
+        transition: 'color 0.2s ease',
+        userSelect: 'none',
+        '&:hover': {
+            color: 'var(--color-primary-control-fill-primary-active)'
+        },
+        svg: {
+            marginLeft: '4px',
+            width: '12px',
+            height: '12px'
+        }
     }), _obj7;
 };
 export function useFileStyle(prefixCls) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.15",
+  "version": "2.30.17",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,7 +24,6 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "npm run build && npm run test",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",