@ant-design/agentic-ui 2.30.13 → 2.30.14

package/dist/Bubble/AIBubble.js

@@ -212,7 +212,7 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { memo, useContext, useRef } from "react";
+import { memo, useContext, useMemo, useRef } from "react";
 import { ConfigProvider, Flex } from "antd";
 import clsx from "clsx";
 import { nanoid } from "nanoid";
@@ -220,11 +220,13 @@ import React from "react";
 import { BubbleAvatar } from "./Avatar";
 import { BubbleBeforeNode } from "./BubbleBeforeNode";
 import { BubbleConfigContext } from "./BubbleConfigProvide";
+import { ContentFilemapView } from "./ContentFilemapView";
 import { BubbleFileView } from "./FileView";
 import { BubbleMessageDisplay } from "./MessagesContent";
 import { MessagesContext } from "./MessagesContent/BubbleContext";
 import { LOADING_FLAT } from "./MessagesContent";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
+import { extractFilemapBlocks } from "./extractFilemapBlocks";
 import { useStyle } from "./style";
 import { BubbleTitle } from "./Title";
 var AI_PLACEMENT = 'left';
@@ -310,13 +312,20 @@ var getTaskList = function getTaskList(originData) {
         }
     }
     var messageDisplayKey = (_ref = (_messageDisplayKeyRef_current = messageDisplayKeyRef.current) !== null && _messageDisplayKeyRef_current !== void 0 ? _messageDisplayKeyRef_current : id) !== null && _ref !== void 0 ? _ref : nanoid();
+    var rawContent = props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.content;
+    var _useMemo = useMemo(function() {
+        return extractFilemapBlocks(typeof rawContent === 'string' ? rawContent : '');
+    }, [
+        rawContent
+    ]), filemapBlocks = _useMemo.blocks, strippedContent = _useMemo.stripped;
+    var contentForDisplay = filemapBlocks.length > 0 ? strippedContent : rawContent;
     var messageContent = /*#__PURE__*/ React.createElement(BubbleMessageDisplay, {
         markdownRenderConfig: props.markdownRenderConfig,
         docListProps: props.docListProps,
         bubbleListRef: props.bubbleListRef,
         bubbleListItemExtraStyle: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         bubbleRef: props.bubbleRef,
-        content: props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.content,
+        content: contentForDisplay,
         key: messageDisplayKey,
         "data-id": props === null || props === void 0 ? void 0 : (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.id,
         avatar: props === null || props === void 0 ? void 0 : (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.meta,
@@ -338,22 +347,22 @@ var getTaskList = function getTaskList(originData) {
         fileViewConfig: props.fileViewConfig,
         renderFileMoreAction: props.renderFileMoreAction,
         shouldShowVoice: props.shouldShowVoice,
-        bubbleRenderConfig: props.bubbleRenderConfig,
-        contentAfterDom: ((props === null || props === void 0 ? void 0 : (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : (_props_originData_fileMap = _props_originData6.fileMap) === null || _props_originData_fileMap === void 0 ? void 0 : _props_originData_fileMap.size) || 0) > 0 ? /*#__PURE__*/ React.createElement("div", {
-            style: _object_spread({
-                minWidth: standalone ? 'min(296px,100%)' : '0px',
-                paddingLeft: 12,
-                maxWidth: '100%',
-                width: '100%'
-            }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle),
-            className: clsx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
-            "data-testid": "message-after"
-        }, /*#__PURE__*/ React.createElement(BubbleFileView, {
-            placement: placement,
-            bubbleListRef: props.bubbleListRef,
-            bubble: props
-        })) : null
+        bubbleRenderConfig: props.bubbleRenderConfig
     });
+    var hasFileMap = ((props === null || props === void 0 ? void 0 : (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : (_props_originData_fileMap = _props_originData6.fileMap) === null || _props_originData_fileMap === void 0 ? void 0 : _props_originData_fileMap.size) || 0) > 0;
+    var fileViewDom = hasFileMap ? /*#__PURE__*/ React.createElement("div", {
+        style: _object_spread({
+            minWidth: standalone ? 'min(296px,100%)' : '0px',
+            paddingLeft: 12,
+            maxWidth: '100%'
+        }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle),
+        className: clsx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
+        "data-testid": "message-after"
+    }, /*#__PURE__*/ React.createElement(BubbleFileView, {
+        placement: placement,
+        bubbleListRef: props.bubbleListRef,
+        bubble: props
+    })) : null;
     var childrenDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentRender, props, messageContent);
     var taskList = getTaskList(originData);
     var shouldShowBeforeContent = shouldRenderBeforeContent(placement, originData === null || originData === void 0 ? void 0 : originData.role, context === null || context === void 0 ? void 0 : context.thoughtChain, taskList.length);
@@ -402,7 +411,12 @@ var getTaskList = function getTaskList(originData) {
         className: clsx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-ai"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
         onDoubleClick: props.onDoubleClick,
         "data-testid": "message-content"
-    }, childrenDom) : null, contentAfterDom)))));
+    }, childrenDom) : null, fileViewDom, contentAfterDom)), filemapBlocks.length > 0 && /*#__PURE__*/ React.createElement(ContentFilemapView, {
+        blocks: filemapBlocks,
+        fileViewConfig: props.fileViewConfig,
+        fileViewEvents: props.fileViewEvents,
+        placement: placement
+    }))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
     return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
         value: {

package/dist/Bubble/ContentFilemapView.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { FilemapBlock } from './extractFilemapBlocks';
+import type { BubbleProps } from './type';
+/**
+ * 将从 markdown content 中提取出的 agentic-ui-filemap 块渲染为 FileMapView 列表。
+ * 渲染在气泡内容框外部，避免图片被包在带样式的气泡背景里。
+ */
+export declare const ContentFilemapView: React.FC<{
+    blocks: FilemapBlock[];
+    fileViewConfig?: BubbleProps['fileViewConfig'];
+    fileViewEvents?: BubbleProps['fileViewEvents'];
+    placement?: 'left' | 'right';
+    style?: React.CSSProperties;
+}>;

package/dist/Bubble/ContentFilemapView.js

@@ -0,0 +1,95 @@
+import json5 from "json5";
+import React, { useMemo } from "react";
+import { normalizeFileMapPropsFromJson } from "../MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils";
+import partialParse from "../MarkdownEditor/editor/parser/json-parse";
+import { FileMapView } from "../MarkdownInputField/FileMapView";
+var parseBody = function parseBody(body) {
+    try {
+        return json5.parse(body || '{}');
+    } catch (unused) {
+        try {
+            return partialParse(body || '{}');
+        } catch (unused) {
+            return null;
+        }
+    }
+};
+var FilemapItem = function FilemapItem(param) {
+    var body = param.body, fileViewConfig = param.fileViewConfig, fileViewEvents = param.fileViewEvents, placement = param.placement;
+    var parsed = useMemo(function() {
+        return parseBody(body);
+    }, [
+        body
+    ]);
+    var _useMemo = useMemo(function() {
+        return normalizeFileMapPropsFromJson(parsed);
+    }, [
+        parsed
+    ]), fileList = _useMemo.fileList, className = _useMemo.className;
+    var fileMap = useMemo(function() {
+        return new Map(fileList.map(function(f) {
+            return [
+                f.uuid || f.name,
+                f
+            ];
+        }));
+    }, [
+        fileList
+    ]);
+    var defaultHandlers = useMemo(function() {
+        return {
+            onPreview: function onPreview(file) {
+                var url = (file === null || file === void 0 ? void 0 : file.previewUrl) || (file === null || file === void 0 ? void 0 : file.url);
+                if (url && typeof window !== 'undefined') window.open(url, '_blank');
+            },
+            onDownload: function onDownload(file) {
+                var url = (file === null || file === void 0 ? void 0 : file.url) || (file === null || file === void 0 ? void 0 : file.previewUrl);
+                if (!url || typeof document === 'undefined') return;
+                var link = document.createElement('a');
+                link.href = url;
+                link.download = (file === null || file === void 0 ? void 0 : file.name) || 'download';
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+            },
+            onViewAll: function onViewAll() {}
+        };
+    }, []);
+    var events = {};
+    try {
+        events = (fileViewEvents === null || fileViewEvents === void 0 ? void 0 : fileViewEvents(defaultHandlers)) || {};
+    } catch (unused) {}
+    if (parsed === null || fileMap.size === 0) return null;
+    return /*#__PURE__*/ React.createElement(FileMapView, {
+        fileMap: fileMap,
+        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,
+        onDownload: events === null || events === void 0 ? void 0 : events.onDownload,
+        itemRender: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.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,
+        renderMoreAction: fileViewConfig === null || fileViewConfig === void 0 ? void 0 : fileViewConfig.renderFileMoreAction
+    });
+};
+/**
+ * 将从 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;
+    if (blocks.length === 0) return null;
+    return /*#__PURE__*/ React.createElement("div", {
+        style: style,
+        "data-testid": "content-filemap-view"
+    }, blocks.map(function(block, i) {
+        return /*#__PURE__*/ React.createElement(FilemapItem, {
+            key: i,
+            body: block.body,
+            fileViewConfig: fileViewConfig,
+            fileViewEvents: fileViewEvents,
+            placement: placement
+        });
+    }));
+};

package/dist/Bubble/UserBubble.js

@@ -61,6 +61,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -72,15 +96,17 @@ function _unsupported_iterable_to_array(o, minLen) {
     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 { memo, useContext } from "react";
+import { memo, useContext, useMemo } from "react";
 import { ConfigProvider, Flex } from "antd";
 import clsx from "clsx";
 import React from "react";
 import { Quote } from "../Quote";
 import { BubbleConfigContext } from "./BubbleConfigProvide";
+import { ContentFilemapView } from "./ContentFilemapView";
 import { BubbleMessageDisplay } from "./MessagesContent";
 import { MessagesContext } from "./MessagesContent/BubbleContext";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
+import { extractFilemapBlocks } from "./extractFilemapBlocks";
 import { useStyle } from "./style";
 import { runRender } from "./AIBubble";
 import { BubbleFileView } from "./FileView";
@@ -134,6 +160,12 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
     var time = (originData === null || originData === void 0 ? void 0 : originData.createAt) || props.time;
     var placement = USER_PLACEMENT;
     var hasFileMap = ((originData === null || originData === void 0 ? void 0 : (_originData_fileMap = originData.fileMap) === null || _originData_fileMap === void 0 ? void 0 : _originData_fileMap.size) || 0) > 0;
+    var rawContent = originData === null || originData === void 0 ? void 0 : originData.content;
+    var _useMemo = useMemo(function() {
+        return extractFilemapBlocks(typeof rawContent === 'string' ? rawContent : '');
+    }, [
+        rawContent
+    ]), filemapBlocks = _useMemo.blocks, strippedContent = _useMemo.stripped;
     var quoteElement = (quote === null || quote === void 0 ? void 0 : quote.quoteDescription) ? /*#__PURE__*/ React.createElement(Quote, quote) : null;
     var titleDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.titleRender, props, /*#__PURE__*/ React.createElement(BubbleTitle, {
         quote: quoteElement,
@@ -151,7 +183,7 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         bubbleListRef: props.bubbleListRef,
         bubbleListItemExtraStyle: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         bubbleRef: props.bubbleRef,
-        content: originData === null || originData === void 0 ? void 0 : originData.content,
+        content: filemapBlocks.length > 0 ? strippedContent : originData === null || originData === void 0 ? void 0 : originData.content,
         key: originData === null || originData === void 0 ? void 0 : originData.id,
         "data-id": originData === null || originData === void 0 ? void 0 : originData.id,
         avatar: originData === null || originData === void 0 ? void 0 : originData.meta,
@@ -211,15 +243,25 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         className: clsx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
         onDoubleClick: props.onDoubleClick,
         "data-testid": "message-content"
-    }, childrenDom) : null, hasFileMap && /*#__PURE__*/ React.createElement("div", {
-        style: fileViewStyle,
-        className: clsx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
+    }, childrenDom) : null, contentAfterDom)), hasFileMap && /*#__PURE__*/ React.createElement("div", {
+        style: _object_spread_props(_object_spread({}, fileViewStyle), {
+            alignSelf: 'flex-end'
+        }),
+        className: clsx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-user"), hashId),
         "data-testid": "message-after"
     }, /*#__PURE__*/ React.createElement(BubbleFileView, {
         bubbleListRef: props.bubbleListRef,
         bubble: props,
         placement: placement
-    })), contentAfterDom)))));
+    })), filemapBlocks.length > 0 && /*#__PURE__*/ React.createElement(ContentFilemapView, {
+        blocks: filemapBlocks,
+        fileViewConfig: props.fileViewConfig,
+        fileViewEvents: props.fileViewEvents,
+        placement: placement,
+        style: {
+            alignSelf: 'flex-end'
+        }
+    }))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
     return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
         value: {

package/dist/Bubble/extractFilemapBlocks.d.ts

@@ -0,0 +1,17 @@
+export interface FilemapBlock {
+    raw: string;
+    body: string;
+}
+/**
+ * 从 markdown 字符串中提取所有 ```agentic-ui-filemap 代码块。
+ *
+ * 返回：
+ * - `blocks`：提取到的代码块列表，每项包含原始文本和内部 JSON body
+ * - `stripped`：移除了所有 filemap 块之后的干净 markdown 字符串
+ *
+ * 当消息内容中只含 filemap 块、没有其他文字时 `stripped` 为空字符串。
+ */
+export declare const extractFilemapBlocks: (content: string) => {
+    blocks: FilemapBlock[];
+    stripped: string;
+};

package/dist/Bubble/extractFilemapBlocks.js

@@ -0,0 +1,23 @@
+var FILEMAP_FENCE_RE = /^```agentic-ui-filemap[ \t]*\r?\n([\s\S]*?)^```[ \t]*$/gm;
+/**
+ * 从 markdown 字符串中提取所有 ```agentic-ui-filemap 代码块。
+ *
+ * 返回：
+ * - `blocks`：提取到的代码块列表，每项包含原始文本和内部 JSON body
+ * - `stripped`：移除了所有 filemap 块之后的干净 markdown 字符串
+ *
+ * 当消息内容中只含 filemap 块、没有其他文字时 `stripped` 为空字符串。
+ */ export var extractFilemapBlocks = function extractFilemapBlocks(content) {
+    var blocks = [];
+    var stripped = content.replace(FILEMAP_FENCE_RE, function(raw, body) {
+        blocks.push({
+            raw: raw,
+            body: body.trim()
+        });
+        return '';
+    });
+    return {
+        blocks: blocks,
+        stripped: stripped.trim()
+    };
+};

package/dist/Bubble/type.d.ts

@@ -2,6 +2,7 @@ import { TooltipProps } from 'antd';
 import { ReactNode } from 'react';
 import { MarkdownEditorProps } from '../MarkdownEditor/types';
 import { AttachmentFile } from '../MarkdownInputField/AttachmentButton/types';
+import type { FileMapViewProps } from '../MarkdownInputField/FileMapView';
 import { BaseStyleProps, BubbleMetaData, MessageBubbleData, MultiClassNameProps, MultiStyleProps, WithFalse } from '../Types';
 import type { UseSpeechAdapter } from './MessagesContent/VoiceButton';
 import { BubbleExtraProps } from './types/BubbleExtra';
@@ -406,6 +407,8 @@ export interface BubbleProps<T = Record<string, any>> extends BubbleItemStylePro
         className?: string;
         /** 自定义根容器样式 */
         style?: React.CSSProperties;
+        /** 自定义每个媒体（图片/视频）条目的渲染，透传 FileMapView */
+        itemRender?: FileMapViewProps['itemRender'];
         /** 最大展示条目数（默认 3） */
         maxDisplayCount?: number;
         /** 是否显示"查看更多"按钮 */

package/dist/Hooks/useLanguage.d.ts

@@ -350,6 +350,8 @@ export declare function useLanguage(): {
         'suggestion.select': string;
         'suggestion.followUp': string;
         'input.fileUpload': string;
+        'input.attachmentListTitle': string;
+        'chat.fileMapTitle': string;
         'input.voiceInput': string;
         'input.voiceInputting': string;
         'input.placeholder': string;

package/dist/I18n/locales.d.ts

@@ -312,6 +312,8 @@ export declare const cnLabels: {
     'suggestion.select': string;
     'suggestion.followUp': string;
     'input.fileUpload': string;
+    'input.attachmentListTitle': string;
+    'chat.fileMapTitle': string;
     'input.voiceInput': string;
     'input.voiceInputting': string;
     'input.placeholder': string;

package/dist/I18n/locales.js

@@ -332,6 +332,8 @@
     'suggestion.followUp': '追问',
     // MarkdownInputField related
     'input.fileUpload': '文件上传',
+    'input.attachmentListTitle': '上传附件',
+    'chat.fileMapTitle': '结果文件',
     'input.voiceInput': '语音输入',
     'input.voiceInputting': '语音输入中，点击可停止。',
     'input.placeholder': '请输入',
@@ -757,7 +759,9 @@
     'suggestion.select': 'Select suggestion',
     'suggestion.followUp': 'Follow-up',
     // MarkdownInputField related
-    'input.fileUpload': 'File upload',
+    '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',

package/dist/MarkdownEditor/editor/elements/Code/index.js

@@ -55,7 +55,7 @@ import React from "react";
 import { debugInfo } from "../../../../Utils/debugUtils";
 export var Code = function Code(param) {
     var attributes = param.attributes, children = param.children, element = param.element;
-    var _element_value, _element_otherProps, _element_otherProps1, _element_otherProps2, _element_otherProps3, _element_value1;
+    var _element_value, _element_otherProps, _element_otherProps1, _element_otherProps2;
     debugInfo('Code - 渲染代码块', {
         language: element === null || element === void 0 ? void 0 : element.language,
         valueLength: element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.length,
@@ -63,24 +63,31 @@ export var Code = function Code(param) {
         finished: element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.finished
     });
     if ((element === null || element === void 0 ? void 0 : element.language) === 'html') {
-        var _element_otherProps4, _element_otherProps5, _element_otherProps6, _element_value2;
+        var _element_otherProps3, _element_otherProps4, _element_otherProps5, _element_value1;
         debugInfo('Code - HTML 代码块', {
-            isConfig: element === null || element === void 0 ? void 0 : (_element_otherProps4 = element.otherProps) === null || _element_otherProps4 === void 0 ? void 0 : _element_otherProps4.isConfig
+            isConfig: element === null || element === void 0 ? void 0 : (_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : _element_otherProps3.isConfig
         });
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
             style: {
-                display: (element === null || element === void 0 ? void 0 : (_element_otherProps5 = element.otherProps) === null || _element_otherProps5 === void 0 ? void 0 : _element_otherProps5.isConfig) ? 'none' : 'block'
+                display: (element === null || element === void 0 ? void 0 : (_element_otherProps4 = element.otherProps) === null || _element_otherProps4 === void 0 ? void 0 : _element_otherProps4.isConfig) ? 'none' : 'block'
             }
-        }), (element === null || element === void 0 ? void 0 : (_element_otherProps6 = element.otherProps) === null || _element_otherProps6 === void 0 ? void 0 : _element_otherProps6.isConfig) ? '' : DOMPurify.sanitize(element === null || element === void 0 ? void 0 : (_element_value2 = element.value) === null || _element_value2 === void 0 ? void 0 : _element_value2.trim()));
+        }), (element === null || element === void 0 ? void 0 : (_element_otherProps5 = element.otherProps) === null || _element_otherProps5 === void 0 ? void 0 : _element_otherProps5.isConfig) ? null : /*#__PURE__*/ React.createElement("div", {
+            contentEditable: false,
+            dangerouslySetInnerHTML: {
+                __html: DOMPurify.sanitize((element === null || element === void 0 ? void 0 : (_element_value1 = element.value) === null || _element_value1 === void 0 ? void 0 : _element_value1.trim()) || '')
+            }
+        }), /*#__PURE__*/ React.createElement("span", {
+            style: {
+                display: 'none'
+            }
+        }, children));
     }
     // 检查代码块是否未闭合
     var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.finished) === false;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
         "data-is-unclosed": isUnclosed,
         "data-language": element === null || element === void 0 ? void 0 : element.language,
-        style: (element === null || element === void 0 ? void 0 : element.language) === 'html' ? {
-            display: (element === null || element === void 0 ? void 0 : (_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : _element_otherProps3.isConfig) ? 'none' : 'block'
-        } : {
+        style: {
             height: '240px',
             minWidth: '398px',
             maxWidth: '800px',
@@ -93,17 +100,18 @@ export var Code = function Code(param) {
             color: 'rgb(27, 27, 27)',
             padding: '1em',
             margin: '1em 0',
-            fontSize: '0.8em',
+            fontSize: '1em',
             lineHeight: '1.5',
             overflowX: 'auto',
-            whiteSpace: 'pre-wrap',
-            wordBreak: 'break-all',
-            fontFamily: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
-            wordWrap: 'break-word',
             borderRadius: '12px',
             background: '#FFFFFF',
             boxShadow: 'var(--shadow-control-base)',
             position: 'relative'
         }
-    }), (element === null || element === void 0 ? void 0 : (_element_value1 = element.value) === null || _element_value1 === void 0 ? void 0 : _element_value1.trim()) || children);
+    }), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            width: '100%',
+            height: '100%'
+        }
+    }, children));
 };

package/dist/MarkdownEditor/editor/parser/constants.d.ts

@@ -3,6 +3,16 @@
  * 在 markdown 解析前替换，渲染与序列化时还原为 $。
  */
 export declare const JINJA_DOLLAR_PLACEHOLDER = "\uE01A";
+/**
+ * 将行首的双冒号写法规范化为三冒号，使其能被 remarkDirectiveContainersOnly 正确解析。
+ *
+ * 处理两种模式：
+ * - `::name` → `:::name`（开启行，后跟合法标识符字母）
+ * - `::` 单独一行 → `:::`（关闭行，行首恰好两个冒号且后无非空字符）
+ *
+ * 代码围栏内的行不处理。
+ */
+export declare function preprocessNormalizeLeafToContainerDirective(markdown: string): string;
 /**
  * 保护时间格式（如 02:20:31）不被 remark-directive 误解析为 textDirective。
  * remark-directive 会将 ":20"、":31" 等解析为指令，导致 "Cannot handle unknown node textDirective"。

package/dist/MarkdownEditor/editor/parser/constants.js

@@ -58,6 +58,52 @@ function protectLineFromDirectiveTime(markdownLine) {
     }
     return result;
 }
+/**
+ * 将行首的双冒号写法规范化为三冒号，使其能被 remarkDirectiveContainersOnly 正确解析。
+ *
+ * 处理两种模式：
+ * - `::name` → `:::name`（开启行，后跟合法标识符字母）
+ * - `::` 单独一行 → `:::`（关闭行，行首恰好两个冒号且后无非空字符）
+ *
+ * 代码围栏内的行不处理。
+ */ export function preprocessNormalizeLeafToContainerDirective(markdown) {
+    if (!markdown || markdown.length === 0) return markdown;
+    var lines = markdown.split('\n');
+    var inFence = false;
+    var out = [];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var line = _step.value;
+            if (FENCE_DELIMITER_LINE.test(line)) {
+                inFence = !inFence;
+                out.push(line);
+                continue;
+            }
+            if (!inFence && /^:{2}(?!:)[a-zA-Z]/.test(line)) {
+                out.push(':' + line);
+            } else if (!inFence && /^:{2}\s*$/.test(line)) {
+                out.push(':::');
+            } else {
+                out.push(line);
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return out.join('\n');
+}
 /**
  * 保护时间格式（如 02:20:31）不被 remark-directive 误解析为 textDirective。
  * remark-directive 会将 ":20"、":31" 等解析为指令，导致 "Cannot handle unknown node textDirective"。

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.js

@@ -108,6 +108,7 @@ import { handleHtml, preprocessNonStandardHtmlTags, preprocessThinkTags } from "
 import { handleInlineMath, handleMath } from "./parse/parseMath";
 import { handleImage } from "./parse/parseMedia";
 import { parseTableOrChart, preprocessMarkdownTableNewlines } from "./parse/parseTable";
+import { preprocessNormalizeLeafToContainerDirective } from "./constants";
 import mdastParser from "./remarkParse";
 // 全局解析缓存
 var parseCache = new Map();
@@ -237,7 +238,8 @@ var removeAnswerTags = function removeAnswerTags(text) {
             value: function preprocessMarkdown(md) {
                 var thinkProcessed = removeAnswerTags(preprocessThinkTags(md || ''));
                 var nonStandardProcessed = removeAnswerTags(preprocessNonStandardHtmlTags(thinkProcessed));
-                return preprocessMarkdownTableNewlines(nonStandardProcessed);
+                var tableProcessed = preprocessMarkdownTableNewlines(nonStandardProcessed);
+                return preprocessNormalizeLeafToContainerDirective(tableProcessed);
             }
         },
         {

package/dist/MarkdownEditor/editor/parser/parserSlateNodeToMarkdown.js

@@ -1152,6 +1152,17 @@ export var isMix = function isMix(t) {
         } catch (e) {
             console.warn('Invalid code object', e);
         }
+    } else if ((node === null || node === void 0 ? void 0 : node.type) === 'code') {
+        var _node_children;
+        // 对于普通代码块（type === 'code'），优先从 Slate children 中读取文本
+        // 因为用户编辑后 Slate 只更新 children，而 value 保留的是初始解析值
+        var childrenText = node === null || node === void 0 ? void 0 : (_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.map(function(child) {
+            var _ref;
+            return (_ref = child === null || child === void 0 ? void 0 : child.text) !== null && _ref !== void 0 ? _ref : '';
+        }).join('');
+        if (childrenText !== undefined && childrenText !== null) {
+            code = childrenText;
+        }
     }
     // 如果语言是 think，转换为 <think> 标签
     if (node.language === 'think') {

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

@@ -174,7 +174,7 @@ import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
-import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
+import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../parser/constants";
 import { remarkDirectiveContainer } from "../parser/remarkDirectiveContainer";
 import remarkDirectiveContainersOnly from "../parser/remarkDirectiveContainersOnly";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../parser/remarkParse";
@@ -462,7 +462,7 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  * @throws {Error} 当转换过程中发生错误时返回空字符串
  */ export var markdownToHtml = function markdownToHtml(markdown, plugins, config) {
     return _async_to_generator(function() {
-        var _file_value, file, htmlContent, error;
+        var _file_value, normalizedMarkdown, file, htmlContent, error;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -472,9 +472,10 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
                         ,
                         3
                     ]);
+                    normalizedMarkdown = preprocessNormalizeLeafToContainerDirective(markdown);
                     return [
                         4,
-                        createMarkdownProcessor(plugins, config).process(markdown)
+                        createMarkdownProcessor(plugins, config).process(normalizedMarkdown)
                     ];
                 case 1:
                     file = _state.sent();
@@ -530,7 +531,8 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  */ export var markdownToHtmlSync = function markdownToHtmlSync(markdown, plugins, config) {
     try {
         var _file_value;
-        var file = createMarkdownProcessor(plugins, config).processSync(markdown);
+        var normalizedMarkdown = preprocessNormalizeLeafToContainerDirective(markdown);
+        var file = createMarkdownProcessor(plugins, config).processSync(normalizedMarkdown);
         var htmlContent = file && (typeof file === "undefined" ? "undefined" : _type_of(file)) === 'object' && 'value' in file ? String((_file_value = file.value) !== null && _file_value !== void 0 ? _file_value : '') : String(file);
         return htmlContent.split(JINJA_DOLLAR_PLACEHOLDER).join('$');
     } catch (error) {

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

@@ -213,6 +213,7 @@ var VideoThumbnail = function VideoThumbnail(param) {
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: file.name
     }, /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-meta-placeholder",
         className: className,
         style: _object_spread({
             height: 48,
@@ -225,7 +226,8 @@ var VideoThumbnail = function VideoThumbnail(param) {
             color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))',
             lineHeight: 1.2,
             overflow: 'hidden',
-            flex: 1,
+            // 占位块不应在 flex 容器中自动拉伸为整行宽度
+            flex: '0 0 auto',
             minWidth: 80,
             padding: 'var(--padding-1x) var(--padding-2x)',
             flexDirection: 'column'

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

@@ -63,6 +63,7 @@ import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { useContext } from "react";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
+import { I18nContext } from "../../../I18n";
 import { isImageFile } from "../utils";
 import { AttachmentFileListItem } from "./AttachmentFileListItem";
 import { useStyle } from "./style";
@@ -112,6 +113,7 @@ var ClearButton = function ClearButton(param) {
 export var AttachmentFileList = function AttachmentFileList(param) {
     var fileMap = param.fileMap, onDelete = param.onDelete, onPreview = param.onPreview, onDownload = param.onDownload, onRetry = param.onRetry, onClearFileMap = param.onClearFileMap, dataTestId = param.dataTestId;
     var context = useContext(ConfigProvider.ConfigContext);
+    var locale = useContext(I18nContext).locale;
     var prefix = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-attachment-list');
     var _useStyle = useStyle(prefix), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var _React_useState = _sliced_to_array(React.useState(undefined), 2), imgSrc = _React_useState[0], setImgSrc = _React_useState[1];
@@ -148,7 +150,10 @@ export var AttachmentFileList = function AttachmentFileList(param) {
         animate: "visible",
         style: containerStyle,
         className: classNames(prefix, hashId)
-    }, /*#__PURE__*/ React.createElement(AnimatePresence, {
+    }, hasFiles ? /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefix, "-title"), hashId),
+        "data-testid": "attachment-list-title"
+    }, (locale === null || locale === void 0 ? void 0 : locale['input.attachmentListTitle']) || '上传附件') : null, /*#__PURE__*/ React.createElement(AnimatePresence, {
         initial: false
     }, fileList.map(function(file, index) {
         return /*#__PURE__*/ React.createElement(AttachmentFileListItem, {

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

@@ -106,6 +106,14 @@ var genStyle = function genStyle(token) {
                 transform: 'scale(1.05)'
             }
         },
+        '&-title': {
+            width: '100%',
+            flexBasis: '100%',
+            color: 'var(--color-gray-text-light)',
+            font: 'var(--font-text-body-sm)',
+            lineHeight: '20px',
+            marginBottom: 'var(--margin-0-5x)'
+        },
         '&-item': {
             width: '168px',
             height: '48px',

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -46,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure 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] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -169,7 +184,11 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
     // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块（loading 状态除外）
     if (isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
-            file: file
+            file: file,
+            className: classNames(props.className, props.prefixCls ? "".concat(props.prefixCls, "-meta-placeholder") : undefined),
+            style: _object_spread({
+                height: 56
+            }, props.style)
         });
     }
     return /*#__PURE__*/ React.createElement(Tooltip, {

package/dist/MarkdownInputField/FileMapView/index.js

@@ -190,10 +190,23 @@ 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 { isImageFile, isVideoFile } from "../AttachmentButton/utils";
+import { isFileMetaPlaceholderState, isImageFile, isVideoFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
+var IMAGE_THUMBNAIL_SIZE = 124;
+var SINGLE_VIDEO_THUMBNAIL_SIZE = {
+    width: 330,
+    height: 188
+};
+var getMediaPlaceholderStyle = function getMediaPlaceholderStyle(size) {
+    return {
+        width: size.width,
+        height: size.height,
+        minWidth: size.width
+    };
+};
 /**
  * FileMapView 组件 - 文件映射视图组件
  *
@@ -236,6 +249,7 @@ import { useStyle } from "./style";
     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];
@@ -333,6 +347,11 @@ import { useStyle } from "./style";
             });
         })();
     };
+    var imagePlaceholderStyle = getMediaPlaceholderStyle({
+        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",
@@ -345,7 +364,10 @@ import { useStyle } from "./style";
             alignItems: placement === 'left' ? 'flex-start' : 'flex-end',
             width: 'max-content'
         }
-    }, imgList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
+    }, 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, {
         variants: {
             visible: {
                 opacity: 1,
@@ -369,10 +391,12 @@ import { useStyle } from "./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) {
         var key = file.uuid || file.name || index;
-        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        if (isFileMetaPlaceholderState(file)) {
             var placeholderDom = /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
                 file: file,
-                key: key
+                key: key,
+                className: classNames("".concat(prefix, "-image"), hashId),
+                style: imagePlaceholderStyle
             });
             return props.itemRender ? props.itemRender(file, placeholderDom) : placeholderDom;
         }
@@ -412,18 +436,17 @@ import { useStyle } from "./style";
     }, videoList.map(function(file, index) {
         var videoUrl = file.previewUrl || file.url || '';
         var isSingleVideo = videoList.length === 1;
-        var thumbSize = isSingleVideo ? {
-            width: 330,
-            height: 188
-        } : {
-            width: 124,
-            height: 124
+        var thumbSize = isSingleVideo ? SINGLE_VIDEO_THUMBNAIL_SIZE : {
+            width: IMAGE_THUMBNAIL_SIZE,
+            height: IMAGE_THUMBNAIL_SIZE
         };
         var key = file.uuid || file.name || index;
-        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        if (isFileMetaPlaceholderState(file)) {
             var placeholderDom = /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
                 file: file,
-                key: key
+                key: key,
+                className: classNames("".concat(prefix, "-image"), "".concat(prefix, "-video-thumb"), hashId),
+                style: getMediaPlaceholderStyle(thumbSize)
             });
             return props.itemRender ? props.itemRender(file, placeholderDom) : placeholderDom;
         }

package/dist/MarkdownInputField/FileMapView/style.js

@@ -212,6 +212,12 @@ var genStyle = function genStyle(token) {
     }), _define_property(_obj1, '&-more-file-name', {
         font: 'var(--font-size-h6)',
         color: 'var(--color-gray-text-secondary)'
+    }), _define_property(_obj1, '&-title', {
+        width: '100%',
+        color: 'var(--color-gray-text-light)',
+        font: 'var(--font-text-body-sm)',
+        lineHeight: '20px',
+        marginBottom: 2
     }), _define_property(_obj1, '&-item', {
         width: '285px',
         height: '56px',

package/dist/MarkdownInputField/style.js

@@ -94,6 +94,8 @@ var INPUT_FIELD_PADDING = {
     NONE: '0px',
     SMALL: "".concat(GLOW_BORDER_OFFSET, "px")
 };
+// MarkdownInputField 中 code block 的默认高度，避免初始占位过高
+var DEFAULT_INPUT_CODE_BLOCK_HEIGHT = 120;
 // 定义旋转动画
 var stopIconRotate = new Keyframes('stopIconRotate', {
     '0%': {
@@ -183,6 +185,11 @@ var genStyle = function genStyle(token) {
                 padding: '0 !important'
             }
         },
+        // 仅覆盖 MarkdownInputField 内的代码块默认高度
+        '& [data-language][data-is-unclosed]': {
+            height: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important"),
+            minHeight: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important")
+        },
         '&-editor-content': _define_property({
             display: 'flex',
             flexDirection: 'column',

package/dist/MarkdownRenderer/streaming/useStreamingMarkdownReact.js

@@ -1,4 +1,4 @@
-import { JINJA_DOLLAR_PLACEHOLDER } from "../../MarkdownEditor/editor/parser/constants";
+import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../../MarkdownEditor/editor/parser/constants";
 import React, { useMemo, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { buildEditorAlignedComponents, createHastProcessor, splitMarkdownBlocks } from "../markdownReactShared";
@@ -38,7 +38,7 @@ import { shouldResetRevisionProgress } from "./revisionPolicy";
         }
         prevRevisionRef.current = revisionSource;
         try {
-            var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
+            var preprocessed = preprocessNormalizeLeafToContainerDirective(content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$'));
             var blocks = splitMarkdownBlocks(preprocessed);
             if (blocks.length === 0) return null;
             var gen = revisionGenerationRef.current;

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -1,6 +1,6 @@
 import { toJsxRuntime } from "hast-util-to-jsx-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { JINJA_DOLLAR_PLACEHOLDER } from "../MarkdownEditor/editor/parser/constants";
+import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../MarkdownEditor/editor/parser/constants";
 import { buildEditorAlignedComponents, createHastProcessor } from "./markdownReactShared";
 import { useStreamingMarkdownReact } from "./streaming/useStreamingMarkdownReact";
 export var useMarkdownToReact = useStreamingMarkdownReact;
@@ -10,7 +10,7 @@ export var useMarkdownToReact = useStreamingMarkdownReact;
     if (!content) return null;
     try {
         var processor = createHastProcessor(remarkPlugins, htmlConfig);
-        var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
+        var preprocessed = preprocessNormalizeLeafToContainerDirective(content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$'));
         var mdast = processor.parse(preprocessed);
         var hast = processor.runSync(mdast);
         var userComps = components || {};

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

@@ -476,8 +476,22 @@ import { useStyle } from "./style";
             ];
         }
         var hiddenSetForChart = hiddenDataIndicesByChart[idx] || new Set();
-        var visibleData = chartData.filter(function(_, index) {
-            return !hiddenSetForChart.has(index);
+        var visibleDataWithIndex = chartData.map(function(d, index) {
+            return {
+                d: d,
+                originalIndex: index
+            };
+        }).filter(function(param) {
+            var originalIndex = param.originalIndex;
+            return !hiddenSetForChart.has(originalIndex);
+        });
+        var visibleData = visibleDataWithIndex.map(function(param) {
+            var d = param.d;
+            return d;
+        });
+        var visibleOriginalIndices = visibleDataWithIndex.map(function(param) {
+            var originalIndex = param.originalIndex;
+            return originalIndex;
         });
         var toNum = function toNum(v) {
             return typeof v === 'number' ? v : Number(v);
@@ -498,9 +512,9 @@ import { useStyle } from "./style";
             return sum + (Number.isFinite(v) ? v : 0);
         }, 0);
         var backgroundColors = cfg.backgroundColor || defaultColorList;
-        // 解析 CSS 变量为实际颜色值（Canvas 需要实际颜色值）
-        var resolvedBackgroundColors = backgroundColors.map(function(color) {
-            return resolveCssVariable(color);
+        // 解析 CSS 变量为实际颜色值（Canvas 需要实际颜色值），按原始索引取色保证与图例颜色一致
+        var resolvedVisibleBackgroundColors = visibleOriginalIndices.map(function(originalIndex) {
+            return resolveCssVariable(backgroundColors[originalIndex % backgroundColors.length]);
         });
         var mainColor = (_ref = (_cfg_backgroundColor = cfg.backgroundColor) === null || _cfg_backgroundColor === void 0 ? void 0 : _cfg_backgroundColor[0]) !== null && _ref !== void 0 ? _ref : defaultColorList[idx % defaultColorList.length];
         var resolvedMainColor = resolveCssVariable(mainColor);
@@ -557,12 +571,12 @@ import { useStyle } from "./style";
                     backgroundColor: isSingleValueMode ? [
                         resolvedMainColor,
                         'transparent'
-                    ] : resolvedBackgroundColors.slice(0, values.length),
+                    ] : resolvedVisibleBackgroundColors.slice(0, values.length),
                     borderColor: chartBorderColor,
                     hoverBackgroundColor: isSingleValueMode ? [
                         resolvedMainColor,
                         'transparent'
-                    ] : resolvedBackgroundColors.slice(0, values.length),
+                    ] : resolvedVisibleBackgroundColors.slice(0, values.length),
                     hoverBorderColor: chartHoverBorderColor,
                     borderWidth: cfg.chartStyle === 'pie' ? 0 : isMobile ? 1 : 1,
                     spacing: isSingleValueMode ? 0 : cfg.chartStyle === 'pie' ? 0 : isDarkTheme ? isMobile ? 4 : 8 : isMobile ? 3 : 6,

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

@@ -351,6 +351,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.select': string;
             'suggestion.followUp': string;
             'input.fileUpload': string;
+            'input.attachmentListTitle': string;
+            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;
@@ -745,6 +747,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.select': string;
             'suggestion.followUp': string;
             'input.fileUpload': string;
+            'input.attachmentListTitle': string;
+            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;

package/dist/Workspace/Browser/index.js

@@ -151,14 +151,16 @@ export var BrowserItemComponent = function BrowserItemComponent(param) {
     var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
     var locale = useContext(I18nContext).locale;
     var handleOpen = function handleOpen(e) {
+        e.preventDefault();
+        e.stopPropagation();
         if (onOpen) {
-            e.preventDefault();
             onOpen(item);
             return;
         }
         window.open(item.url, '_blank', 'noopener,noreferrer');
     };
     var handleLocate = function handleLocate(e) {
+        e.preventDefault();
         e.stopPropagation();
         onLocate === null || onLocate === void 0 ? void 0 : onLocate(item);
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.13",
+  "version": "2.30.14",
   "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",