@ant-design/agentic-ui 2.29.52 → 2.29.53

package/dist/MarkdownEditor/editor/utils/dom.js

@@ -69,7 +69,15 @@ var rSpecial = /[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'<>,.?/]+/g;
         if (alt.startsWith('attachment:')) return 'attachment';
     }
     name = name || '';
-    if (name === null || name === void 0 ? void 0 : (_name_startsWith = name.startsWith) === null || _name_startsWith === void 0 ? void 0 : _name_startsWith.call(name, 'data:')) return 'image';
+    if (name === null || name === void 0 ? void 0 : (_name_startsWith = name.startsWith) === null || _name_startsWith === void 0 ? void 0 : _name_startsWith.call(name, 'data:')) {
+        var _mimeMatch_;
+        var mimeMatch = name.match(/^data:([^/]+)\/[^;]+/);
+        var mainType = mimeMatch === null || mimeMatch === void 0 ? void 0 : (_mimeMatch_ = mimeMatch[1]) === null || _mimeMatch_ === void 0 ? void 0 : _mimeMatch_.toLowerCase();
+        if (mainType === 'image') return 'image';
+        if (mainType === 'video') return 'video';
+        if (mainType === 'audio') return 'audio';
+        return 'other';
+    }
     var originName = name.split('?')[0];
     var ext = (_originName_toLowerCase_match = originName.toLowerCase().match(/\.\w+$/)) === null || _originName_toLowerCase_match === void 0 ? void 0 : _originName_toLowerCase_match[0];
     if (!ext && originName !== name) return 'image';

package/dist/MarkdownEditor/editor/utils/media.js

@@ -156,7 +156,7 @@ import { ReactEditor } from "slate-react";
 import { getMediaType } from "./dom";
 export var getRemoteMediaType = function getRemoteMediaType(url) {
     return _async_to_generator(function() {
-        var m, type, contentType, controller, res, e;
+        var _mimeMatch_, mimeMatch, mainType, type, contentType, controller, res, e;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -169,10 +169,20 @@ export var getRemoteMediaType = function getRemoteMediaType(url) {
                         'other'
                     ];
                     if (url.startsWith('data:')) {
-                        m = url.match(/data:image\/(\w+);base64,(.*)/);
-                        if (m) return [
+                        ;
+                        mimeMatch = url.match(/^data:([^/]+)\/[^;]+/);
+                        mainType = mimeMatch === null || mimeMatch === void 0 ? void 0 : (_mimeMatch_ = mimeMatch[1]) === null || _mimeMatch_ === void 0 ? void 0 : _mimeMatch_.toLowerCase();
+                        if (mainType === 'image') return [
+                            2,
+                            'image'
+                        ];
+                        if (mainType === 'video') return [
+                            2,
+                            'video'
+                        ];
+                        if (mainType === 'audio') return [
                             2,
-                            m[1]
+                            'audio'
                         ];
                         return [
                             2,
@@ -230,7 +240,7 @@ export var getRemoteMediaType = function getRemoteMediaType(url) {
 };
 export var convertRemoteImages = function convertRemoteImages(node, store) {
     return _async_to_generator(function() {
-        var _store_editor, schema, stack, _item_children, item, _item_url, _item_url1, ext, m, _stack;
+        var _store_editor, schema, stack, _item_children, item, _item_url, _item_url1, ext, dataUrlType, _stack;
         return _ts_generator(this, function(_state) {
             schema = (store === null || store === void 0 ? void 0 : (_store_editor = store.editor) === null || _store_editor === void 0 ? void 0 : _store_editor.children) || [];
             if (schema) {
@@ -254,8 +264,8 @@ export var convertRemoteImages = function convertRemoteImages(node, store) {
                                 }
                             }
                         } else if (item === null || item === void 0 ? void 0 : (_item_url1 = item.url) === null || _item_url1 === void 0 ? void 0 : _item_url1.startsWith('data:')) {
-                            m = item === null || item === void 0 ? void 0 : item.url.match(/data:image\/(\w+);base64,(.*)/);
-                            if (m) {
+                            dataUrlType = getMediaType(item === null || item === void 0 ? void 0 : item.url);
+                            if (dataUrlType === 'image' || dataUrlType === 'video' || dataUrlType === 'audio') {
                                 try {
                                     Transforms.setNodes(store === null || store === void 0 ? void 0 : store.editor, {
                                         url: item === null || item === void 0 ? void 0 : item.url

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -97,7 +97,10 @@ export var SupportedFileFormats = {
             'jpg',
             'jpeg',
             'png',
-            'gif'
+            'gif',
+            'bmp',
+            'webp',
+            'svg'
         ]
     },
     document: {

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileIcon.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
 import { AttachmentFile } from '../types';
+/** 无 url/previewUrl 时展示文件大小与格式的占位块（内容未拿到） */
+export declare const FileMetaPlaceholder: React.FC<{
+    file: AttachmentFile;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
 export declare const AttachmentFileIcon: React.FC<{
     file: AttachmentFile;
     className: string;

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileIcon.js

@@ -97,10 +97,10 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { Eye, FileFailed, FileUploadingSpin, Play } from "@sofa-design/icons";
-import { Image } from "antd";
+import { Image, Tooltip } from "antd";
 import React, { useEffect, useState } from "react";
 import { getFileTypeIcon } from "../../../Workspace/File/utils";
-import { isImageFile, isVideoFile } from "../utils";
+import { isImageFile, isVideoFile, kbToSize } from "../utils";
 var VideoThumbnail = function VideoThumbnail(param) {
     var src = param.src, className = param.className, style = param.style;
     return /*#__PURE__*/ React.createElement("div", {
@@ -200,6 +200,60 @@ var VideoThumbnail = function VideoThumbnail(param) {
     height: '40px',
     overflow: 'hidden'
 };
+/** 无 url/previewUrl 时展示文件大小与格式的占位块（内容未拿到） */ export var FileMetaPlaceholder = function FileMetaPlaceholder(param) {
+    var file = param.file, className = param.className, style = param.style;
+    var _ref, _file_size, _ref1, _ref2, _rawFormat_split_pop;
+    var _file_uploadResponse, _file_uploadResponse1;
+    var sizeBytes = (_ref = (_file_size = file.size) !== null && _file_size !== void 0 ? _file_size : (_file_uploadResponse = file.uploadResponse) === null || _file_uploadResponse === void 0 ? void 0 : _file_uploadResponse.fileSize) !== null && _ref !== void 0 ? _ref : 0;
+    var sizeText = sizeBytes > 0 ? kbToSize(sizeBytes / 1024) : '';
+    var extFromName = file.name ? file.name.split('.').pop() || '' : '';
+    var rawFormat = (_ref1 = (_ref2 = (_file_uploadResponse1 = file.uploadResponse) === null || _file_uploadResponse1 === void 0 ? void 0 : _file_uploadResponse1.fileType) !== null && _ref2 !== void 0 ? _ref2 : file.type) !== null && _ref1 !== void 0 ? _ref1 : extFromName;
+    var formatSuffix = rawFormat.includes('/') ? ((_rawFormat_split_pop = rawFormat.split('/').pop()) !== null && _rawFormat_split_pop !== void 0 ? _rawFormat_split_pop : '').toUpperCase() : rawFormat.toUpperCase();
+    var formatText = formatSuffix || '-';
+    return /*#__PURE__*/ React.createElement(Tooltip, {
+        title: file.name
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: className,
+        style: _object_spread({
+            height: 48,
+            boxSizing: 'border-box',
+            display: 'flex',
+            justifyContent: 'center',
+            borderRadius: 'var(--radius-base, 4px)',
+            background: 'var(--color-fill-quaternary, rgba(0,0,0,0.04))',
+            fontSize: 10,
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))',
+            lineHeight: 1.2,
+            overflow: 'hidden',
+            flex: 1,
+            minWidth: 80,
+            padding: 'var(--padding-1x) var(--padding-2x)',
+            flexDirection: 'column'
+        }, style)
+    }, formatText && /*#__PURE__*/ React.createElement("span", {
+        style: {
+            lineClamp: 1,
+            lineHeight: '20px',
+            height: '20px',
+            boxSizing: 'border-box',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            minWidth: 0,
+            maxWidth: '100%'
+        }
+    }, formatText), sizeText && /*#__PURE__*/ React.createElement("span", {
+        style: {
+            lineClamp: 1,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            minWidth: 0,
+            boxSizing: 'border-box',
+            lineHeight: '20px',
+            height: '20px',
+            maxWidth: '100%'
+        }
+    }, sizeText)));
+};
 var IMAGE_PREVIEW_CONFIG = {
     mask: /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(Eye, null)),
     visible: false

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem.js

@@ -1,11 +1,24 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 import { FileFailed, FileUploadingSpin, X } from "@sofa-design/icons";
 import { Tooltip } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext } from "react";
 import { I18nContext } from "../../../I18n";
-import { kbToSize } from "../utils";
-import { AttachmentFileIcon } from "./AttachmentFileIcon";
+import { isFileMetaPlaceholderState, kbToSize } from "../utils";
+import { AttachmentFileIcon, FileMetaPlaceholder } from "./AttachmentFileIcon";
 var getFileNameWithoutExtension = function getFileNameWithoutExtension(fileName) {
     return fileName.split('.').slice(0, -1).join('.');
 };
@@ -105,13 +118,21 @@ export var AttachmentFileListItem = function AttachmentFileListItem(param) {
         e.stopPropagation();
         onDelete(file);
     };
+    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
+    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+            file: file,
+            className: className
+        });
+    }
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: (locale === null || locale === void 0 ? void 0 : locale.clickToRetry) || '点击重试',
         open: isErrorStatus ? undefined : false
     }, /*#__PURE__*/ React.createElement(motion.div, {
         variants: ANIMATION_VARIANTS,
         onClick: handleFileClick,
-        className: className,
+        className: classNames(className, _define_property({}, "".concat(prefixCls, "-meta-placeholder"), isFileMetaPlaceholderState(file))),
+        "data-testid": "file-item",
         exit: ANIMATION_VARIANTS.exit
     }, /*#__PURE__*/ React.createElement(FileIcon, {
         file: file,

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _obj = {}, _define_property(_obj, "".concat(token.componentCls), {
+    var _obj, _obj1;
+    return _obj1 = {}, _define_property(_obj1, "".concat(token.componentCls), {
         maxWidth: '100%',
         display: 'flex',
         flexDirection: 'row',
@@ -251,15 +251,22 @@ var genStyle = function genStyle(token) {
                 fontSize: '40px',
                 display: 'flex'
             }
-        }
-    }), _define_property(_obj, "".concat(token.componentCls, "-container"), {
+        },
+        '&-item-meta-placeholder': (_obj = {
+            background: 'var(--color-fill-quaternary, rgba(0,0,0,0.04))'
+        }, _define_property(_obj, "".concat(token.componentCls, "-item-file-name-text"), {
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+        }), _define_property(_obj, "".concat(token.componentCls, "-item-file-size"), {
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+        }), _obj)
+    }), _define_property(_obj1, "".concat(token.componentCls, "-container"), {
         position: 'relative',
         background: 'var(--color-gray-bg-page)',
         borderBottom: '1px solid rgba(0, 16, 64, 0.0627)',
         '&-empty': {
             border: 'none'
         }
-    }), _obj;
+    }), _obj1;
 };
 /**
  * @param prefixCls

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

@@ -15,6 +15,7 @@ export type AttachmentFile = File & {
     url?: string;
     status?: 'error' | 'uploading' | 'done';
     uuid?: string;
+    size?: number | null;
     previewUrl?: string;
     /** 上传响应数据（使用 uploadWithResponse 时会填充此字段） */
     uploadResponse?: UploadResponse;

package/dist/MarkdownInputField/AttachmentButton/utils.d.ts

@@ -37,6 +37,14 @@ export declare const isVideoFile: (file: File) => boolean;
  * 检查文件是否为可展示的媒体类型（图片或视频）
  */
 export declare const isMediaFile: (file: File) => boolean;
+/**
+ * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
+ */
+export declare const isFileMetaPlaceholderState: (file: File & {
+    status?: string;
+    url?: string;
+    previewUrl?: string;
+}) => boolean;
 /**
  * 获取设备品牌
  *

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -42,8 +42,9 @@
  * @param {File} file - 要检查的文件
  * @returns {boolean} 是否为图片文件
  */ export var isImageFile = function isImageFile(file) {
+    var _file_type;
     // 首先检查 MIME 类型
-    if (file.type.startsWith('image/')) {
+    if (file === null || file === void 0 ? void 0 : (_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.startsWith('image/')) {
         return true;
     }
     // 如果 MIME 类型不可用或不准确，检查文件扩展名
@@ -106,6 +107,11 @@ var hasVideoExtension = function hasVideoExtension(pathOrName) {
  */ export var isMediaFile = function isMediaFile(file) {
     return isImageFile(file) || isVideoFile(file);
 };
+/**
+ * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
+ */ export var isFileMetaPlaceholderState = function isFileMetaPlaceholderState(file) {
+    return file.status !== undefined && file.status !== null && !file.url && !file.previewUrl;
+};
 /**
  * 设备品牌匹配列表
  */ var UA_MATCH_LIST = [

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -52,8 +65,8 @@ import { motion } from "framer-motion";
 import React, { useContext } from "react";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { I18nContext } from "../../I18n";
-import { AttachmentFileIcon } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
-import { kbToSize } from "../AttachmentButton/utils";
+import { AttachmentFileIcon, FileMetaPlaceholder } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
+import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils";
 /**
  * FileMapViewItem 组件 - 文件映射视图项组件
  *
@@ -104,6 +117,12 @@ import { kbToSize } from "../AttachmentButton/utils";
     var lastDotIndex = fileName.lastIndexOf('.');
     var displayName = lastDotIndex > 0 ? fileName.slice(0, lastDotIndex) : fileName;
     var displayExtension = lastDotIndex > 0 && lastDotIndex < fileName.length - 1 ? fileName.slice(lastDotIndex + 1) : '';
+    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
+    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+            file: file
+        });
+    }
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: /*#__PURE__*/ React.createElement("div", null, locale === null || locale === void 0 ? void 0 : locale.clickToPreview),
         placement: "topLeft",
@@ -140,7 +159,7 @@ import { kbToSize } from "../AttachmentButton/utils";
             opacity: 0,
             x: -20
         },
-        className: props.className,
+        className: classNames(props.className, _define_property({}, "".concat(props.prefixCls, "-meta-placeholder"), isFileMetaPlaceholderState(file))),
         "data-testid": "file-item"
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-file-icon"), props.hashId)

package/dist/MarkdownInputField/FileMapView/index.js

@@ -190,6 +190,7 @@ import { ConfigProvider, Image, Modal } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo, useState } from "react";
+import { FileMetaPlaceholder } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
 import { isImageFile, isVideoFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
@@ -365,6 +366,12 @@ import { useStyle } from "./style";
         style: props.style,
         className: classNames(prefix, hashId, props.className, "".concat(prefix, "-").concat(placement), (_obj = {}, _define_property(_obj, "".concat(prefix, "-image-list-view"), imgList.length > 1), _define_property(_obj, "".concat(prefix, "-image-list-view-").concat(placement), imgList.length > 1), _obj))
     }, /*#__PURE__*/ React.createElement(Image.PreviewGroup, null, imgList.map(function(file, index) {
+        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+            return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+                file: file,
+                key: file.uuid || file.name || index
+            });
+        }
         return /*#__PURE__*/ React.createElement(Image, {
             rootClassName: classNames("".concat(prefix, "-image"), hashId),
             width: 124,
@@ -396,6 +403,12 @@ import { useStyle } from "./style";
             width: 124,
             height: 124
         };
+        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+            return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+                file: file,
+                key: file.uuid || file.name || index
+            });
+        }
         return /*#__PURE__*/ React.createElement("div", {
             role: "button",
             tabIndex: 0,

package/dist/MarkdownInputField/FileMapView/style.js

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _define_property({}, "".concat(token.componentCls), (_obj = {
+    var _obj, _obj1;
+    return _define_property({}, "".concat(token.componentCls), (_obj1 = {
         maxWidth: '100%',
         display: 'flex',
         minWidth: '0px',
@@ -112,11 +112,11 @@ var genStyle = function genStyle(token) {
                 }
             }
         }
-    }, _define_property(_obj, "".concat(token.antCls, "-image-mask"), {
+    }, _define_property(_obj1, "".concat(token.antCls, "-image-mask"), {
         borderRadius: 'var(--radius-card-base)'
-    }), _define_property(_obj, "img", {
+    }), _define_property(_obj1, "img", {
         objectFit: 'cover'
-    }), _define_property(_obj, '&-image', {
+    }), _define_property(_obj1, '&-image', {
         opacity: 1,
         background: 'var(--color-gray-bg-card-white)',
         boxSizing: 'border-box',
@@ -137,7 +137,7 @@ var genStyle = function genStyle(token) {
                 transition: 'transform 0.3s'
             }
         }
-    }), _define_property(_obj, '&-video-row', {
+    }), _define_property(_obj1, '&-video-row', {
         display: 'flex',
         flexWrap: 'wrap',
         gap: 8,
@@ -145,7 +145,7 @@ var genStyle = function genStyle(token) {
         '&-right': {
             alignSelf: 'flex-end'
         }
-    }), _define_property(_obj, '&-video-thumb', {
+    }), _define_property(_obj1, '&-video-thumb', {
         position: 'relative',
         cursor: 'pointer',
         opacity: 1,
@@ -167,7 +167,7 @@ var genStyle = function genStyle(token) {
         '& video': {
             transition: 'transform 0.3s'
         }
-    }), _define_property(_obj, '&-video-play-overlay', {
+    }), _define_property(_obj1, '&-video-play-overlay', {
         position: 'absolute',
         inset: 0,
         display: 'flex',
@@ -182,11 +182,11 @@ var genStyle = function genStyle(token) {
             height: 48,
             color: '#fff'
         }
-    }), _define_property(_obj, '&-image-list-view', {
+    }), _define_property(_obj1, '&-image-list-view', {
         background: 'var(--color-gray-bg-tip)',
         padding: '4px',
         borderRadius: 'var(--radius-card-base)'
-    }), _define_property(_obj, '&-more-file-container', {
+    }), _define_property(_obj1, '&-more-file-container', {
         width: '285px',
         height: '56px',
         borderRadius: 'var(--radius-card-base)',
@@ -201,13 +201,13 @@ var genStyle = function genStyle(token) {
         '&:hover': {
             boxShadow: 'var(--shadow-control-lg)'
         }
-    }), _define_property(_obj, '&-more-file-icon', {
+    }), _define_property(_obj1, '&-more-file-icon', {
         width: '16px',
         height: '16px'
-    }), _define_property(_obj, '&-more-file-name', {
+    }), _define_property(_obj1, '&-more-file-name', {
         font: 'var(--font-size-h6)',
         color: 'var(--color-gray-text-secondary)'
-    }), _define_property(_obj, '&-item', {
+    }), _define_property(_obj1, '&-item', {
         width: '285px',
         height: '56px',
         borderRadius: 'var(--radius-card-base)',
@@ -333,7 +333,15 @@ var genStyle = function genStyle(token) {
             color: 'var(--color-gray-text-light)',
             fontSize: '12px'
         }
-    }), _obj));
+    }), _define_property(_obj1, '&-item-meta-placeholder', (_obj = {
+        background: 'var(--color-fill-quaternary, rgba(0,0,0,0.04))'
+    }, _define_property(_obj, "".concat(token.componentCls, "-item-file-name-text"), {
+        color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+    }), _define_property(_obj, "".concat(token.componentCls, "-item-file-size"), {
+        color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+    }), _define_property(_obj, "".concat(token.componentCls, "-item-file-name-extension-container"), {
+        color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+    }), _obj)), _obj1));
 };
 /**
  * Probubble

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.js

@@ -306,7 +306,8 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
                         ];
                     case 1:
                         imageFiles = _state.sent().filter(function(file) {
-                            return file.type.startsWith('image/');
+                            var _file_type;
+                            return file === null || file === void 0 ? void 0 : (_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.startsWith('image/');
                         });
                         // 如果没有图片文件，直接返回
                         if (imageFiles.length === 0) {

package/dist/Plugins/chart/ChartStatistic/index.d.ts

@@ -1,6 +1,33 @@
 import React from 'react';
+/** 各子区域类名，用于 Semantic 样式定制 */
+export interface ChartStatisticClassNames {
+    root?: string;
+    header?: string;
+    headerLeft?: string;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    questionIcon?: string;
+    value?: string;
+    valuePrefix?: string;
+    valueSuffix?: string;
+    extra?: string;
+}
+/** 各子区域内联样式，用于 Semantic 样式定制 */
+export interface ChartStatisticStyles {
+    root?: React.CSSProperties;
+    header?: React.CSSProperties;
+    headerLeft?: React.CSSProperties;
+    title?: React.CSSProperties;
+    subtitle?: React.CSSProperties;
+    questionIcon?: React.CSSProperties;
+    value?: React.CSSProperties;
+    valuePrefix?: React.CSSProperties;
+    valueSuffix?: React.CSSProperties;
+    extra?: React.CSSProperties;
+}
 export interface ChartStatisticProps {
-    title?: string;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
     tooltip?: string;
     value?: number | string | null | undefined;
     precision?: number;
@@ -9,15 +36,15 @@ export interface ChartStatisticProps {
     suffix?: React.ReactNode;
     formatter?: (value: number | string | null | undefined) => React.ReactNode;
     className?: string;
-    /** 自定义CSS类名（支持多个类名） */
-    classNames?: string | string[] | Record<string, boolean | undefined>;
+    /** 各子区域类名（Semantic 样式） */
+    classNames?: ChartStatisticClassNames;
     style?: React.CSSProperties;
+    /** 各子区域内联样式（Semantic 样式） */
+    styles?: ChartStatisticStyles;
     theme?: 'light' | 'dark';
     size?: 'small' | 'default' | 'large';
     block?: boolean;
     extra?: React.ReactNode;
-    /** 自定义样式对象（支持多个样式对象） */
-    styles?: React.CSSProperties | React.CSSProperties[];
 }
 declare const ChartStatistic: React.FC<ChartStatisticProps>;
 export default ChartStatistic;

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

@@ -1,11 +1,3 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,12 +11,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -40,25 +26,14 @@ function _object_spread(target) {
     }
     return target;
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import { QuestionCircleOutlined } from "@ant-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
+import clsx from "clsx";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
 import { formatNumber } from "./utils";
 var ChartStatistic = function ChartStatistic(param) {
-    var title = param.title, tooltip = param.tooltip, value = param.value, precision = param.precision, _param_groupSeparator = param.groupSeparator, groupSeparator = _param_groupSeparator === void 0 ? ',' : _param_groupSeparator, _param_prefix = param.prefix, prefix = _param_prefix === void 0 ? '' : _param_prefix, _param_suffix = param.suffix, suffix = _param_suffix === void 0 ? '' : _param_suffix, formatter = param.formatter, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, classNames = param.classNames, style = param.style, styles = param.styles, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _param_size = param.size, size = _param_size === void 0 ? 'default' : _param_size, _param_block = param.block, block = _param_block === void 0 ? false : _param_block, extra = param.extra;
-    var _Object;
+    var title = param.title, subtitle = param.subtitle, tooltip = param.tooltip, value = param.value, precision = param.precision, _param_groupSeparator = param.groupSeparator, groupSeparator = _param_groupSeparator === void 0 ? ',' : _param_groupSeparator, _param_prefix = param.prefix, prefix = _param_prefix === void 0 ? '' : _param_prefix, _param_suffix = param.suffix, suffix = _param_suffix === void 0 ? '' : _param_suffix, formatter = param.formatter, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, classNames = param.classNames, style = param.style, styles = param.styles, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _param_size = param.size, size = _param_size === void 0 ? 'default' : _param_size, _param_block = param.block, block = _param_block === void 0 ? false : _param_block, extra = param.extra;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var prefixCls = getPrefixCls('chart-statistic');
     var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -75,68 +50,54 @@ var ChartStatistic = function ChartStatistic(param) {
         };
         return formatNumber(value, formatOptions);
     };
-    // 渲染标题和问号图标
+    // 渲染标题、副标题和问号图标
     var renderHeader = function renderHeader() {
-        if (!title && !extra) return null;
+        if (!title && !subtitle && !extra) return null;
         var titleElement = title ? /*#__PURE__*/ React.createElement("span", {
-            className: [
-                "".concat(prefixCls, "-title"),
-                hashId
-            ].filter(Boolean).join(' ')
+            className: clsx("".concat(prefixCls, "-title"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.title),
+            style: styles === null || styles === void 0 ? void 0 : styles.title
         }, title) : null;
+        var subtitleElement = subtitle ? /*#__PURE__*/ React.createElement("span", {
+            className: clsx("".concat(prefixCls, "-subtitle"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.subtitle),
+            style: styles === null || styles === void 0 ? void 0 : styles.subtitle
+        }, subtitle) : null;
         var questionIcon = tooltip ? /*#__PURE__*/ React.createElement(Tooltip, {
             mouseEnterDelay: 0.3,
             title: tooltip,
             placement: "top"
         }, /*#__PURE__*/ React.createElement(QuestionCircleOutlined, {
-            className: [
-                "".concat(prefixCls, "-question-icon"),
-                hashId
-            ].filter(Boolean).join(' ')
+            className: clsx("".concat(prefixCls, "-question-icon"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.questionIcon),
+            style: styles === null || styles === void 0 ? void 0 : styles.questionIcon
         })) : null;
-        var extraElement = extra ? /*#__PURE__*/ React.createElement("div", null, extra) : null;
+        var extraElement = extra ? /*#__PURE__*/ React.createElement("div", {
+            className: classNames === null || classNames === void 0 ? void 0 : classNames.extra,
+            style: styles === null || styles === void 0 ? void 0 : styles.extra
+        }, extra) : null;
+        var hasHeaderLeft = titleElement || subtitleElement || questionIcon;
         return /*#__PURE__*/ React.createElement("div", {
-            className: [
-                "".concat(prefixCls, "-header"),
-                hashId
-            ].filter(Boolean).join(' ')
-        }, /*#__PURE__*/ React.createElement("div", {
-            className: [
-                "".concat(prefixCls, "-header-left"),
-                hashId
-            ].filter(Boolean).join(' ')
-        }, titleElement, questionIcon), extraElement);
+            className: clsx("".concat(prefixCls, "-header"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.header),
+            style: styles === null || styles === void 0 ? void 0 : styles.header
+        }, hasHeaderLeft && /*#__PURE__*/ React.createElement("div", {
+            className: clsx("".concat(prefixCls, "-header-left"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.headerLeft),
+            style: styles === null || styles === void 0 ? void 0 : styles.headerLeft
+        }, (titleElement || questionIcon) && /*#__PURE__*/ React.createElement("div", {
+            className: clsx("".concat(prefixCls, "-header-row"), hashId)
+        }, titleElement, questionIcon), subtitleElement), extraElement);
     };
-    var mergedClassName = [
-        prefixCls,
-        "".concat(prefixCls, "-").concat(theme),
-        size !== 'default' && "".concat(prefixCls, "-").concat(size),
-        block && "".concat(prefixCls, "-block"),
-        hashId,
-        className,
-        classNames
-    ].filter(Boolean).join(' ');
-    var mergedStyle = _object_spread({}, style, Array.isArray(styles) ? (_Object = Object).assign.apply(_Object, [
-        {}
-    ].concat(_to_consumable_array(styles))) : styles || {});
+    var rootClassName = clsx(prefixCls, "".concat(prefixCls, "-").concat(theme), size !== 'default' && "".concat(prefixCls, "-").concat(size), block && "".concat(prefixCls, "-block"), hashId, className, classNames === null || classNames === void 0 ? void 0 : classNames.root);
+    var rootStyle = _object_spread({}, style, styles === null || styles === void 0 ? void 0 : styles.root);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: mergedClassName,
-        style: mergedStyle
+        className: rootClassName,
+        style: rootStyle
     }, renderHeader(), /*#__PURE__*/ React.createElement("div", {
-        className: [
-            "".concat(prefixCls, "-value"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(prefixCls, "-value"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.value),
+        style: styles === null || styles === void 0 ? void 0 : styles.value
     }, prefix && /*#__PURE__*/ React.createElement("span", {
-        className: [
-            "".concat(prefixCls, "-value-prefix"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(prefixCls, "-value-prefix"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.valuePrefix),
+        style: styles === null || styles === void 0 ? void 0 : styles.valuePrefix
     }, prefix), renderValue(), suffix && /*#__PURE__*/ React.createElement("span", {
-        className: [
-            "".concat(prefixCls, "-value-suffix"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(prefixCls, "-value-suffix"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.valueSuffix),
+        style: styles === null || styles === void 0 ? void 0 : styles.valueSuffix
     }, suffix))));
 };
 export default ChartStatistic;

package/dist/Plugins/chart/ChartStatistic/style.js

@@ -64,15 +64,27 @@ var genStyle = function genStyle(token) {
         justifyContent: 'space-between'
     }, _define_property(_obj, "".concat(token.componentCls, "-header-left"), {
         display: 'flex',
-        alignItems: 'center',
-        gap: '4px',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        gap: '2px',
         flex: 1
+    }), _define_property(_obj, "".concat(token.componentCls, "-header-row"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px'
     }), _define_property(_obj, "".concat(token.componentCls, "-title"), {
         fontFamily: 'PingFang SC',
         fontSize: '13px',
         fontWeight: 500,
         color: '#2C3E5D',
         margin: 0
+    }), _define_property(_obj, "".concat(token.componentCls, "-subtitle"), {
+        fontFamily: 'PingFang SC',
+        fontSize: '12px',
+        fontWeight: 400,
+        color: '#8C8C8C',
+        margin: 0,
+        lineHeight: 1.4
     }), _define_property(_obj, "".concat(token.componentCls, "-question-icon"), {
         fontSize: '14px',
         color: '#B3B9C4',
@@ -98,6 +110,8 @@ var genStyle = function genStyle(token) {
     }), _obj1)), _define_property(_obj10, // Dark theme styles
     '&-dark', (_obj4 = {}, _define_property(_obj4, "".concat(token.componentCls, "-header"), (_obj2 = {}, _define_property(_obj2, "".concat(token.componentCls, "-title"), {
         color: 'rgba(255, 255, 255, 0.65)'
+    }), _define_property(_obj2, "".concat(token.componentCls, "-subtitle"), {
+        color: 'rgba(255, 255, 255, 0.45)'
     }), _define_property(_obj2, "".concat(token.componentCls, "-question-icon"), {
         color: 'rgba(255, 255, 255, 0.45)',
         '&:hover': {
@@ -112,6 +126,8 @@ var genStyle = function genStyle(token) {
     }), _obj3)), _obj4)), _define_property(_obj10, // Size variants
     '&-small', (_obj6 = {}, _define_property(_obj6, "".concat(token.componentCls, "-header"), (_obj5 = {}, _define_property(_obj5, "".concat(token.componentCls, "-title"), {
         fontSize: '12px'
+    }), _define_property(_obj5, "".concat(token.componentCls, "-subtitle"), {
+        fontSize: '11px'
     }), _define_property(_obj5, "".concat(token.componentCls, "-question-icon"), {
         fontSize: '14px'
     }), _obj5)), _define_property(_obj6, "".concat(token.componentCls, "-value"), {
@@ -120,6 +136,8 @@ var genStyle = function genStyle(token) {
         gap: '12px'
     }, _define_property(_obj8, "".concat(token.componentCls, "-header"), (_obj7 = {}, _define_property(_obj7, "".concat(token.componentCls, "-title"), {
         fontSize: '13px'
+    }), _define_property(_obj7, "".concat(token.componentCls, "-subtitle"), {
+        fontSize: '13px'
     }), _define_property(_obj7, "".concat(token.componentCls, "-question-icon"), {
         fontSize: '14px'
     }), _obj7)), _define_property(_obj8, "".concat(token.componentCls, "-value"), {

package/dist/Plugins/chart/index.d.ts

@@ -27,7 +27,7 @@ export { default as RadarChart } from './RadarChart';
 export { default as ScatterChart } from './ScatterChart';
 export type { AreaChartConfigItem, AreaChartDataItem, AreaChartProps, } from './AreaChart';
 export type { BarChartConfigItem, BarChartDataItem, BarChartProps, } from './BarChart';
-export type { ChartStatisticProps } from './ChartStatistic';
+export type { ChartStatisticClassNames, ChartStatisticProps, ChartStatisticStyles, } from './ChartStatistic';
 export type { DonutChartConfig, DonutChartData, DonutChartProps, } from './DonutChart';
 export type { FunnelChartDataItem, FunnelChartProps } from './FunnelChart';
 export type { LineChartConfigItem, LineChartDataItem, LineChartProps, } from './LineChart';

package/dist/ToolUseBarThink/index.js

@@ -90,6 +90,7 @@ import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import { useMergedState } from "rc-util";
 import React, { memo, useContext, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useLocale } from "../I18n";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import { useStyle } from "./style";
 var getChevronStyle = function getChevronStyle(expanded) {
@@ -197,6 +198,7 @@ var ExpandButton = function ExpandButton(param) {
 };
 var ThinkContainer = function ThinkContainer(param) {
     var thinkContent = param.thinkContent, expandedState = param.expandedState, floatingExpandedState = param.floatingExpandedState, status = param.status, light = param.light, prefixCls = param.prefixCls, hashId = param.hashId, customClassNames = param.classNames, styles = param.styles, onToggleFloatingExpand = param.onToggleFloatingExpand;
+    var locale = useLocale();
     var contentInnerRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), isContentOverflowing = _useState[0], setIsContentOverflowing = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), contentExpanded = _useState1[0], setContentExpanded = _useState1[1];
@@ -210,7 +212,7 @@ var ThinkContainer = function ThinkContainer(param) {
     }) : /*#__PURE__*/ React.createElement(ChevronsUpDown, {
         style: FLOATING_ICON_STYLE
     });
-    var floatingText = floatingExpandedState ? '收起' : '展开';
+    var floatingText = floatingExpandedState ? locale.collapse : locale.expand;
     var showFloatingExpand = status === 'loading' && !light;
     var checkOverflow = useCallback(function() {
         var el = contentInnerRef.current;
@@ -253,7 +255,7 @@ var ThinkContainer = function ThinkContainer(param) {
     var contentExpandButton = useMemo(function() {
         if (!showContentExpand) return null;
         var icon = contentExpanded ? /*#__PURE__*/ React.createElement(ChevronsDownUp, null) : /*#__PURE__*/ React.createElement(ChevronsUpDown, null);
-        var text = contentExpanded ? '收起' : '展开';
+        var text = contentExpanded ? locale.collapse : locale.expand;
         return /*#__PURE__*/ React.createElement("div", {
             className: contentExpandClassName,
             onClick: handleContentExpandToggle,
@@ -271,7 +273,8 @@ var ThinkContainer = function ThinkContainer(param) {
         showContentExpand,
         contentExpanded,
         contentExpandClassName,
-        handleContentExpandToggle
+        handleContentExpandToggle,
+        locale
     ]);
     // 缓存容器元素
     var contentVariants = useMemo(function() {

package/dist/ToolUseBarThink/style.js

@@ -249,6 +249,7 @@ var genStyle = function genStyle(token) {
             width: '100%',
             padding: 8,
             display: 'flex',
+            flexDirection: 'column',
             maxHeight: 700,
             overflow: 'hidden',
             overflowY: 'auto',

package/dist/Workspace/RealtimeFollow/index.d.ts

@@ -36,6 +36,10 @@ export interface RealtimeFollowData {
     }>;
     segmentedExtra?: React.ReactNode;
 }
+/** 供测试覆盖使用：根据 type 将 content 转为编辑器所需字符串 */
+export declare const getContentForEditor: (type: RealtimeFollowMode, content: string | DiffContent | undefined) => string;
+/** 供测试覆盖使用：决定是否根据 type/htmlViewMode 更新编辑器内容 */
+export declare const shouldUpdateEditor: (type: RealtimeFollowMode, htmlViewMode: 'preview' | 'code') => boolean;
 /**
  * RealtimeFollow 组件
  *

package/dist/Workspace/RealtimeFollow/index.js

@@ -244,14 +244,14 @@ var Overlay = function Overlay(param) {
         className: classNames("".concat(finalPrefixCls, "-overlay"), (_obj = {}, _define_property(_obj, "".concat(finalPrefixCls, "-overlay--loading"), status === 'loading'), _define_property(_obj, "".concat(finalPrefixCls, "-overlay--error"), status === 'error'), _obj), hashId)
     }, content);
 };
-var getContentForEditor = function getContentForEditor(type, content) {
+/** 供测试覆盖使用：根据 type 将 content 转为编辑器所需字符串 */ export var getContentForEditor = function getContentForEditor(type, content) {
     if (type === 'html') {
         var html = typeof content === 'string' ? content : '';
         return "```html\n".concat(html, "\n```");
     }
     return String(content);
 };
-var shouldUpdateEditor = function shouldUpdateEditor(type, htmlViewMode) {
+/** 供测试覆盖使用：决定是否根据 type/htmlViewMode 更新编辑器内容 */ export var shouldUpdateEditor = function shouldUpdateEditor(type, htmlViewMode) {
     if (type === 'shell') return true;
     if (type === 'markdown' || type === 'md') return true;
     if (type === 'html' && htmlViewMode === 'code') return true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.52",
+  "version": "2.29.53",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",