@ant-design/agentic-ui 2.30.12 → 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/MessagesContent/MarkdownPreview.js

@@ -125,7 +125,7 @@ import { MessagesContext } from "./BubbleContext";
         var _content_includes, _htmlRef_current, _htmlRef_current1, _props_markdownRenderConfig, _props_originData, _props_originData1, _props_originData2, _props_markdownRenderConfig1, _props_markdownRenderConfig2, _props_markdownRenderConfig3;
         // MarkdownRenderer 渲染路径——轻量，不创建 Slate 实例
         if (renderMode === 'markdown') {
-            var _props_originData3, _props_markdownRenderConfig4, _props_markdownRenderConfig5, _props_markdownRenderConfig6, _props_markdownRenderConfig7, _props_markdownRenderConfig8, _props_markdownRenderConfig9;
+            var _props_originData3, _props_markdownRenderConfig4, _props_markdownRenderConfig5, _props_markdownRenderConfig6, _props_markdownRenderConfig7, _props_markdownRenderConfig8, _props_markdownRenderConfig9, _props_markdownRenderConfig10;
             return /*#__PURE__*/ React.createElement(MarkdownRenderer, {
                 content: content,
                 streaming: typing,
@@ -140,7 +140,8 @@ import { MessagesContext } from "./BubbleContext";
                     margin: isPaddingHidden ? 0 : undefined
                 }, ((_props_markdownRenderConfig7 = props.markdownRenderConfig) === null || _props_markdownRenderConfig7 === void 0 ? void 0 : _props_markdownRenderConfig7.style) || {}),
                 codeProps: (_props_markdownRenderConfig8 = props.markdownRenderConfig) === null || _props_markdownRenderConfig8 === void 0 ? void 0 : _props_markdownRenderConfig8.codeProps,
-                apaasify: (_props_markdownRenderConfig9 = props.markdownRenderConfig) === null || _props_markdownRenderConfig9 === void 0 ? void 0 : _props_markdownRenderConfig9.apaasify
+                apaasify: (_props_markdownRenderConfig9 = props.markdownRenderConfig) === null || _props_markdownRenderConfig9 === void 0 ? void 0 : _props_markdownRenderConfig9.apaasify,
+                fileMapConfig: (_props_markdownRenderConfig10 = props.markdownRenderConfig) === null || _props_markdownRenderConfig10 === void 0 ? void 0 : _props_markdownRenderConfig10.fileMapConfig
             });
         }
         // Slate 渲染路径——保持向后兼容

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/AgenticUiBlocks/agenticUiEmbedUtils.d.ts

@@ -26,5 +26,9 @@ export interface NormalizedFileMapEmbedProps {
 }
 /**
  * 将 ```agentic-ui-filemap JSON 规范化为 FileMapView 所需 props
+ *
+ * @param parsed - 解析后的 JSON 数据
+ * @param normalizeFile - 可选的自定义文件规范化函数，接收原始 JSON 条目和默认生成的
+ *   AttachmentFile，返回最终的 AttachmentFile；返回 null 时该条目被过滤掉
  */
-export declare function normalizeFileMapPropsFromJson(parsed: unknown): NormalizedFileMapEmbedProps;
+export declare function normalizeFileMapPropsFromJson(parsed: unknown, normalizeFile?: (raw: Record<string, unknown>, defaultFile: AttachmentFile) => AttachmentFile | null): NormalizedFileMapEmbedProps;

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils.js

@@ -190,7 +190,11 @@ var fileItemFromRecord = function fileItemFromRecord(x, index) {
 };
 /**
  * 将 ```agentic-ui-filemap JSON 规范化为 FileMapView 所需 props
- */ export function normalizeFileMapPropsFromJson(parsed) {
+ *
+ * @param parsed - 解析后的 JSON 数据
+ * @param normalizeFile - 可选的自定义文件规范化函数，接收原始 JSON 条目和默认生成的
+ *   AttachmentFile，返回最终的 AttachmentFile；返回 null 时该条目被过滤掉
+ */ export function normalizeFileMapPropsFromJson(parsed, normalizeFile) {
     var root = parsed && (typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && !Array.isArray(parsed) ? parsed : null;
     var rawItems = [];
     if (root && Array.isArray(root.fileList)) {
@@ -203,7 +207,11 @@ var fileItemFromRecord = function fileItemFromRecord(x, index) {
     var fileList = rawItems.filter(function(x) {
         return !!x && (typeof x === "undefined" ? "undefined" : _type_of(x)) === 'object';
     }).map(function(x, i) {
-        return fileItemFromRecord(x, i);
+        var defaultFile = fileItemFromRecord(x, i);
+        if (!normalizeFile) return defaultFile;
+        return normalizeFile(x, defaultFile);
+    }).filter(function(f) {
+        return f !== null;
     });
     var className = root && typeof root.className === 'string' ? root.className : undefined;
     return {

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);
             }
         },
         {