@ant-design/agentic-ui 2.30.11 → 2.30.12

package/dist/Bubble/MessagesContent/style.js

@@ -55,6 +55,7 @@ var THINKING_DOT_SIZE = 4;
 var THINKING_DOT_GAP = 4;
 var THINKING_DOT_ANIMATION = 'agenticBubbleThinkingDotPulse';
 var THINKING_DOT_ANIMATION_DURATION = '1.2s';
+var THINKING_LOADING_MARGIN_TOP = 'var(--padding-2x)';
 var THINKING_LOADING_PADDING = {
     paddingLeft: 'var(--padding-5x)',
     paddingRight: 'var(--padding-5x)',
@@ -68,7 +69,8 @@ var genStyle = function genStyle(token) {
         lineHeight: '24px',
         display: 'flex',
         alignItems: 'center',
-        gap: 'var(--padding-2x)'
+        gap: 'var(--padding-2x)',
+        marginTop: THINKING_LOADING_MARGIN_TOP
     }, THINKING_LOADING_PADDING), (_obj = {
         color: 'rgb(102, 111, 141)'
     }, _define_property(_obj, "&-dots", {

package/dist/Bubble/style.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function genStyle(token, classNames) {
-    var _obj;
+    var _obj, _obj1, _obj2;
     return _define_property({}, token.componentCls, {
         '&-bubble': {
             position: 'relative',
@@ -186,16 +186,27 @@ var genStyle = function genStyle(token, classNames) {
             minWidth: '0px',
             maxWidth: 'min(860px,100%)'
         },
-        '&-bubble-content-right': {
+        '&-bubble-content-right': (_obj1 = {
             maxWidth: '75%',
             borderRadius: '16px 16px 2px 16px',
             background: 'var(--color-primary-control-fill-secondary-active)',
             color: 'var(--color-gray-text-default)',
-            boxShadow: 'none',
-            '&&-pure': {
-                background: 'var(--color-primary-control-fill-primary)'
-            }
-        },
+            boxShadow: 'none'
+        }, // inline-code 基础规则用 code.cls（元素+类）选择器，需匹配相同结构才能覆盖
+        _define_property(_obj1, "& code".concat(token.antCls, "-agentic-md-editor-content-inline-code"), {
+            background: 'var(--color-primary-a7)'
+        }), // blockquote 竖条：gray-control-fill-secondary（gray-a2）在蓝色背景上消失
+        _define_property(_obj1, "& ".concat(token.antCls, "-agentic-md-editor-content blockquote::before"), {
+            backgroundColor: 'var(--color-primary-a7)'
+        }), // hr 分割线：gray-border-light（gray-a3）在蓝色背景上不可见
+        _define_property(_obj1, "& ".concat(token.antCls, "-agentic-md-editor-content hr"), {
+            borderTopColor: 'var(--color-primary-a7)'
+        }), // 链接下划线：gray-border-light 在蓝色背景上不可见
+        _define_property(_obj1, "& ".concat(token.antCls, "-agentic-md-editor-content a"), {
+            textDecorationColor: 'var(--color-primary-a7)'
+        }), _define_property(_obj1, '&&-pure', {
+            background: 'var(--color-primary-control-fill-primary)'
+        }), _obj1),
         // 用户消息特定样式
         '&-bubble-user': {
             marginBlockStart: -20,
@@ -207,15 +218,26 @@ var genStyle = function genStyle(token, classNames) {
                 alignItems: 'flex-end',
                 maxWidth: 'max(668px,75%)'
             },
-            '&-content-user': {
+            '&-content-user': (_obj2 = {
                 background: 'var(--color-primary-bg-card-light)',
                 color: 'var(--color-gray-text-default)',
                 borderRadius: '12px 12px 2px 12px',
-                maxWidth: '668px',
-                '&&-pure': {
-                    background: 'var(--color-primary-control-fill-primary)'
-                }
-            },
+                maxWidth: '668px'
+            }, // inline-code 基础规则用 code.cls（元素+类）选择器，需匹配相同结构才能覆盖
+            _define_property(_obj2, "& code".concat(token.antCls, "-agentic-md-editor-content-inline-code"), {
+                background: 'var(--color-primary-control-fill-secondary-active)'
+            }), // blockquote 竖条：gray-control-fill-secondary（gray-a2）在浅蓝背景上消失
+            _define_property(_obj2, "& ".concat(token.antCls, "-agentic-md-editor-content blockquote::before"), {
+                backgroundColor: 'var(--color-primary-control-fill-primary)'
+            }), // hr 分割线：gray-border-light（gray-a3）在浅蓝背景上不可见
+            _define_property(_obj2, "& ".concat(token.antCls, "-agentic-md-editor-content hr"), {
+                borderTopColor: 'var(--color-primary-a5)'
+            }), // 链接下划线：gray-border-light 在浅蓝背景上不可见
+            _define_property(_obj2, "& ".concat(token.antCls, "-agentic-md-editor-content a"), {
+                textDecorationColor: 'var(--color-primary-a5)'
+            }), _define_property(_obj2, '&&-pure', {
+                background: 'var(--color-primary-control-fill-primary)'
+            }), _obj2),
             '&-before-user': {
                 justifyContent: 'flex-end'
             },

package/dist/ChatLayout/index.js

@@ -28,7 +28,7 @@ function _object_spread(target) {
 }
 import { ConfigProvider } from "antd";
 import clsx from "clsx";
-import React, { forwardRef, memo, useContext, useImperativeHandle, useRef } from "react";
+import React, { forwardRef, memo, useContext, useEffect, useImperativeHandle, useRef } from "react";
 import { LayoutHeader } from "../Components/LayoutHeader";
 import useAutoScroll from "../Hooks/useAutoScroll";
 import { useElementSize } from "../Hooks/useElementSize";
@@ -117,6 +117,14 @@ import { useStyle } from "./style";
             scrollToBottom: scrollToBottom
         };
     });
+    // footer 实际高度变化时（spacer 随之调整），保持列表贴底
+    useEffect(function() {
+        if (actualFooterHeight > 0) {
+            scrollToBottom();
+        }
+    }, [
+        actualFooterHeight
+    ]);
     var rootClassName = clsx(prefixCls, className, classNames === null || classNames === void 0 ? void 0 : classNames.root, hashId);
     var contentClassName = clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content, hashId);
     var scrollableClassName = clsx("".concat(prefixCls, "-content-scrollable"), classNames === null || classNames === void 0 ? void 0 : classNames.scrollable, hashId);

package/dist/History/components/HistoryList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { MenuItemType } from '../menu';
 import { HistoryListConfig } from '../types/HistoryList';
 /**
  * 生成历史记录菜单项
@@ -47,14 +47,4 @@ import { HistoryListConfig } from '../types/HistoryList';
  * - 支持多选和收藏功能
  * - 支持运行状态图标显示
  */
-export declare const generateHistoryItems: ({ filteredList, selectedIds, onSelectionChange, onClick, onDeleteItem, agent, onFavorite, extra, customDateFormatter, groupBy, sessionSort, groupLabelRender, type, runningId, customOperationExtra, itemDateFormatter, }: HistoryListConfig) => {
-    key: string;
-    type: "group";
-    label: React.ReactNode;
-    children: {
-        key: string;
-        type: "item";
-        onClick: () => void;
-        label: React.JSX.Element;
-    }[];
-}[];
+export declare const generateHistoryItems: ({ filteredList, selectedIds, onSelectionChange, onClick, onDeleteItem, agent, onFavorite, extra, customDateFormatter, groupBy, sessionSort, groupLabelRender, type, runningId, customOperationExtra, itemDateFormatter, }: HistoryListConfig) => MenuItemType[];

package/dist/History/components/HistoryList.js

@@ -124,55 +124,60 @@ import { HistoryItem } from "./HistoryItem";
             })))
         ];
     }));
+    var MIN_GROUP_SIZE = 3;
     // 按照时间顺序对分组进行排序：今日 > 昨日 > 一周内 > 其他
     var sortedGroupKeys = Object.keys(groupList).sort(function(keyA, keyB) {
         return (groupMaxTimes[keyB] || 0) - (groupMaxTimes[keyA] || 0);
     });
-    var items = sortedGroupKeys.map(function(key) {
-        var _list_sort;
+    var buildItemNodes = function buildItemNodes(list) {
+        return list.sort(function(a, b) {
+            if (sessionSort === false) return 0;
+            if (sessionSort) {
+                var result = sessionSort(a, b);
+                return typeof result === 'boolean' ? 0 : result;
+            }
+            return dayjs(b.gmtCreate).valueOf() - dayjs(a.gmtCreate).valueOf();
+        }).map(function(item) {
+            return {
+                key: item.sessionId || "item-".concat(item.id),
+                type: 'item',
+                onClick: function onClick1() {
+                    if (!item.sessionId) return;
+                    onClick(item.sessionId, item);
+                },
+                label: /*#__PURE__*/ React.createElement(HistoryItem, {
+                    item: item,
+                    selectedIds: selectedIds,
+                    onSelectionChange: onSelectionChange,
+                    onClick: onClick,
+                    onDeleteItem: onDeleteItem,
+                    agent: agent,
+                    onFavorite: onFavorite,
+                    extra: extra,
+                    type: type,
+                    runningId: runningId,
+                    customOperationExtra: customOperationExtra,
+                    itemDateFormatter: itemDateFormatter
+                })
+            };
+        });
+    };
+    var items = sortedGroupKeys.flatMap(function(key) {
         var list = groupList[key];
-        var firstItem = list === null || list === void 0 ? void 0 : list.at(0);
+        // 少于最小数量时，直接平铺为普通条目，不展示分组标题
+        if (list.length < MIN_GROUP_SIZE) {
+            return buildItemNodes(list);
+        }
+        var firstItem = list.at(0);
         var label = customDateFormatter && (firstItem === null || firstItem === void 0 ? void 0 : firstItem.gmtCreate) ? customDateFormatter(firstItem.gmtCreate) : formatTime(firstItem === null || firstItem === void 0 ? void 0 : firstItem.gmtCreate);
-        return {
-            key: "group-".concat(key),
-            type: 'group',
-            label: groupLabelRender ? groupLabelRender(key, list, label) : label,
-            children: list === null || list === void 0 ? void 0 : (_list_sort = list.sort(function(a, b) {
-                if (sessionSort === false) {
-                    return 0;
-                }
-                if (sessionSort) {
-                    var result = sessionSort(a, b);
-                    return typeof result === 'boolean' ? 0 : result;
-                }
-                return dayjs(b.gmtCreate).valueOf() - dayjs(a.gmtCreate).valueOf();
-            })) === null || _list_sort === void 0 ? void 0 : _list_sort.map(function(item) {
-                return {
-                    key: item.sessionId || "item-".concat(item.id),
-                    type: 'item',
-                    onClick: function onClick1() {
-                        if (!item.sessionId) {
-                            return;
-                        }
-                        onClick(item.sessionId, item);
-                    },
-                    label: /*#__PURE__*/ React.createElement(HistoryItem, {
-                        item: item,
-                        selectedIds: selectedIds,
-                        onSelectionChange: onSelectionChange,
-                        onClick: onClick,
-                        onDeleteItem: onDeleteItem,
-                        agent: agent,
-                        onFavorite: onFavorite,
-                        extra: extra,
-                        type: type,
-                        runningId: runningId,
-                        customOperationExtra: customOperationExtra,
-                        itemDateFormatter: itemDateFormatter
-                    })
-                };
-            })
-        };
+        return [
+            {
+                key: "group-".concat(key),
+                type: 'group',
+                label: groupLabelRender ? groupLabelRender(key, list, label) : label,
+                children: buildItemNodes(list)
+            }
+        ];
     });
     return items;
 };

package/dist/History/style.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
+import { ChatTokenType, GenerateStyle } from '../Hooks/useStyle';
+declare const genStyle: GenerateStyle<ChatTokenType>;
+/** @internal 供单测调用 genStyle 覆盖 token 回退分支 */
+export { genStyle };
 export declare function useStyle(prefixCls?: string): {
     hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/dist/History/style.js

@@ -292,6 +292,7 @@ var genStyle = function genStyle(token) {
         }
     }), _obj2)), _obj3;
 };
+/** @internal 供单测调用 genStyle 覆盖 token 回退分支 */ export { genStyle };
 export function useStyle(prefixCls) {
     return useEditorStyleRegister('history-group-menu', function(token) {
         var groupMenuToken = _object_spread_props(_object_spread({}, token), {

package/dist/Hooks/useAutoScroll.js

@@ -153,7 +153,7 @@ function _ts_generator(thisArg, body) {
 }
 import { useEffect, useRef } from "react";
 import { useThrottleFn } from "./useThrottleFn";
-var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
+var SCROLL_TOLERANCE = 20;
 /**
  * useAutoScroll Hook - 自动滚动 Hook
  *
@@ -203,15 +203,22 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
         SCROLL_TOLERANCE: SCROLL_TOLERANCE
     };
+    var _ref;
     var containerRef = useRef(null);
     var lastScrollHeight = useRef(0);
-    var isLocked = useRef(false); // 用户滚动锁定状态
+    /**
+   * 记录自动滚动是否处于激活状态（即用户没有主动向上滚动）。
+   * 在 smooth scroll 动画过程中 scrollTop 尚未到达目标值，如果此时有新内容
+   * 进来，isNearBottom 可能因 scrollTop 还在动画中途而误判为 false，导致
+   * 漏掉最后一次滚动。用此标志可以安全地跨帧维持"应该跟底"的意图。
+   */ var isAutoScrollEngaged = useRef(true);
     var observer = useRef(null);
+    var tolerance = (_ref = props === null || props === void 0 ? void 0 : props.SCROLL_TOLERANCE) !== null && _ref !== void 0 ? _ref : SCROLL_TOLERANCE;
     // 主滚动逻辑
     var _checkScroll = function _checkScroll() {
         var force = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, behavior = arguments.length > 1 ? arguments[1] : void 0;
         return _async_to_generator(function() {
-            var _props_onResize, container, currentScrollHeight, prevScrollHeight, isNearBottom, shouldScroll, _container_scrollTo, scrollBehavior;
+            var _props_onResize, container, currentScrollHeight, prevScrollHeight, isNearBottom, shouldScroll, scrollBehavior;
             return _ts_generator(this, function(_state) {
                 container = containerRef.current;
                 if (!container) return [
@@ -223,21 +230,20 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
                 });
                 currentScrollHeight = container.scrollHeight;
                 prevScrollHeight = lastScrollHeight.current;
-                // 计算用户是否在底部区域
-                isNearBottom = container.scrollTop + container.clientHeight >= prevScrollHeight - ((props === null || props === void 0 ? void 0 : props.SCROLL_TOLERANCE) || SCROLL_TOLERANCE);
-                // 触发滚动的情况：
-                // 1. 强制滚动（手动触发）
-                // 2. 内容高度增加且用户原本在底部
-                shouldScroll = force || currentScrollHeight > prevScrollHeight && (isNearBottom || isLocked.current);
+                // 使用当前 scrollHeight 判断是否靠近底部，避免 smooth 动画中 scrollTop
+                // 尚未到达目标时的误判。
+                isNearBottom = container.scrollTop + container.clientHeight >= currentScrollHeight - tolerance;
+                shouldScroll = force || currentScrollHeight > prevScrollHeight && (isNearBottom || isAutoScrollEngaged.current);
                 if (shouldScroll && container.scrollTo) {
-                    ;
-                    // 如果传入了 behavior，使用传入的值；否则使用配置的 scrollBehavior；最后默认为 'smooth'
                     scrollBehavior = behavior !== undefined ? behavior : props.scrollBehavior || 'smooth';
-                    (_container_scrollTo = container.scrollTo) === null || _container_scrollTo === void 0 ? void 0 : _container_scrollTo.call(container, {
+                    container.scrollTo({
                         top: currentScrollHeight,
                         behavior: scrollBehavior
                     });
-                    isLocked.current = false; // 滚动后解除锁定
+                    isAutoScrollEngaged.current = true;
+                } else if (!isNearBottom) {
+                    // 用户已经向上滚动远离底部，关闭自动跟随
+                    isAutoScrollEngaged.current = false;
                 }
                 lastScrollHeight.current = currentScrollHeight;
                 return [
@@ -247,12 +253,30 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
         })();
     };
     var checkScroll = useThrottleFn(_checkScroll, props.timeout || 160);
+    // 监听用户手动滚动，判断其是否离开了底部
+    useEffect(function() {
+        var container = containerRef.current;
+        if (!container) return;
+        var handleScroll = function handleScroll() {
+            var atBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - tolerance;
+            if (atBottom) {
+                isAutoScrollEngaged.current = true;
+            } else {
+                isAutoScrollEngaged.current = false;
+            }
+        };
+        container.addEventListener('scroll', handleScroll, {
+            passive: true
+        });
+        return function() {
+            return container.removeEventListener('scroll', handleScroll);
+        };
+    }, _to_consumable_array(props.deps || []));
     // DOM 变化监听（MutationObserver）
     useEffect(function() {
         var container = containerRef.current;
         if (!container) return;
         observer.current = new MutationObserver(function(mutations) {
-            // 过滤出添加节点的变化
             var hasAddedNodes = mutations.some(function(m) {
                 return m.addedNodes.length > 0;
             });

package/dist/Hooks/useLanguage.d.ts

@@ -392,6 +392,7 @@ export declare function useLanguage(): {
         'browser.searching': string;
         'layout.header.title': string;
         theme: string;
+        localPreview: string;
         expandCollapse: string;
         moreActions: string;
         clickToRetry: string;

package/dist/I18n/locales.d.ts

@@ -354,6 +354,7 @@ export declare const cnLabels: {
     'browser.searching': string;
     'layout.header.title': string;
     theme: string;
+    localPreview: string;
     expandCollapse: string;
     moreActions: string;
     clickToRetry: string;

package/dist/I18n/locales.js

@@ -376,6 +376,7 @@
     'browser.searching': '搜索中...',
     'layout.header.title': 'AI 助手',
     theme: '主题',
+    localPreview: '本地预览',
     expandCollapse: '展开/收起',
     moreActions: '更多操作',
     clickToRetry: '点击重试',
@@ -801,6 +802,7 @@
     'browser.searching': 'Searching...',
     'layout.header.title': 'AI Assistant',
     theme: 'Theme',
+    localPreview: 'Local Preview',
     expandCollapse: 'Expand/Collapse',
     moreActions: 'More Actions',
     clickToRetry: 'Click to Retry',

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/AgenticUiFileMapBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+export declare const AgenticUiFileMapBlock: React.FC<RenderElementProps>;
+export declare const ReadonlyAgenticUiFileMapBlock: React.NamedExoticComponent<RenderElementProps>;

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

@@ -0,0 +1,83 @@
+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 _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 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;
+}
+import React from "react";
+import { FileMapView } from "../../../../MarkdownInputField/FileMapView";
+import { normalizeFileMapPropsFromJson } from "./agenticUiEmbedUtils";
+export var AgenticUiFileMapBlock = function AgenticUiFileMapBlock(param) {
+    var attributes = param.attributes, children = param.children, element = param.element;
+    var _normalizeFileMapPropsFromJson = normalizeFileMapPropsFromJson(element.value), fileList = _normalizeFileMapPropsFromJson.fileList, className = _normalizeFileMapPropsFromJson.className;
+    var fileMap = new Map(fileList.map(function(f) {
+        return [
+            f.uuid || f.name,
+            f
+        ];
+    }));
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
+        contentEditable: false,
+        "data-testid": "agentic-ui-filemap-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }), /*#__PURE__*/ React.createElement(FileMapView, {
+        fileMap: fileMap,
+        className: className
+    }), /*#__PURE__*/ React.createElement("span", {
+        "data-testid": "agentic-ui-filemap-hidden-children",
+        style: {
+            display: 'none'
+        }
+    }, children));
+};
+AgenticUiFileMapBlock.displayName = 'AgenticUiFileMapBlock';
+export var ReadonlyAgenticUiFileMapBlock = /*#__PURE__*/ React.memo(AgenticUiFileMapBlock);
+ReadonlyAgenticUiFileMapBlock.displayName = 'ReadonlyAgenticUiFileMapBlock';

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils.d.ts

@@ -1,4 +1,5 @@
 import type { CSSProperties } from 'react';
+import type { AttachmentFile } from '../../../../MarkdownInputField/AttachmentButton/types';
 import type { TaskListProps } from '../../../../TaskList/types';
 import type { ToolCall } from '../../../../ToolUseBar/BarItem';
 /**
@@ -18,3 +19,12 @@ export interface NormalizedToolUseBarEmbedProps {
     disableAnimation?: boolean;
 }
 export declare function normalizeToolUseBarPropsFromJson(parsed: unknown): NormalizedToolUseBarEmbedProps;
+export interface NormalizedFileMapEmbedProps {
+    fileList: AttachmentFile[];
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * 将 ```agentic-ui-filemap JSON 规范化为 FileMapView 所需 props
+ */
+export declare function normalizeFileMapPropsFromJson(parsed: unknown): NormalizedFileMapEmbedProps;

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

@@ -167,3 +167,47 @@ export function normalizeToolUseBarPropsFromJson(parsed) {
         disableAnimation: disableAnimation
     };
 }
+var fileItemFromRecord = function fileItemFromRecord(x, index) {
+    var name = x.name !== undefined && x.name !== null ? String(x.name) : "file-".concat(index);
+    var url = x.url !== undefined && x.url !== null ? String(x.url) : undefined;
+    var previewUrl = x.previewUrl !== undefined && x.previewUrl !== null ? String(x.previewUrl) : undefined;
+    var type = x.type !== undefined && x.type !== null ? String(x.type) : 'application/octet-stream';
+    var size = typeof x.size === 'number' ? x.size : undefined;
+    var uuid = x.uuid !== undefined && x.uuid !== null ? String(x.uuid) : x.id !== undefined && x.id !== null ? String(x.id) : "file-".concat(index);
+    var rawStatus = x.status;
+    var status = rawStatus === 'error' || rawStatus === 'uploading' || rawStatus === 'pending' || rawStatus === 'done' ? rawStatus : undefined;
+    var errorMessage = typeof x.errorMessage === 'string' ? x.errorMessage : undefined;
+    return {
+        name: name,
+        type: type,
+        url: url,
+        previewUrl: previewUrl,
+        uuid: uuid,
+        size: size,
+        status: status,
+        errorMessage: errorMessage
+    };
+};
+/**
+ * 将 ```agentic-ui-filemap JSON 规范化为 FileMapView 所需 props
+ */ export function normalizeFileMapPropsFromJson(parsed) {
+    var root = parsed && (typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && !Array.isArray(parsed) ? parsed : null;
+    var rawItems = [];
+    if (root && Array.isArray(root.fileList)) {
+        rawItems = root.fileList;
+    } else if (root && Array.isArray(root.files)) {
+        rawItems = root.files;
+    } else if (Array.isArray(parsed)) {
+        rawItems = parsed;
+    }
+    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 className = root && typeof root.className === 'string' ? root.className : undefined;
+    return {
+        fileList: fileList,
+        className: className
+    };
+}

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

@@ -98,6 +98,7 @@ import { useEditorStore } from "../store";
 import { EditorUtils } from "../utils/editorUtils";
 import { AgenticUiTaskBlock, ReadonlyAgenticUiTaskBlock } from "./AgenticUiBlocks/AgenticUiTaskBlock";
 import { AgenticUiToolUseBarBlock, ReadonlyAgenticUiToolUseBarBlock } from "./AgenticUiBlocks/AgenticUiToolUseBarBlock";
+import { AgenticUiFileMapBlock, ReadonlyAgenticUiFileMapBlock } from "./AgenticUiBlocks/AgenticUiFileMapBlock";
 import { Blockquote } from "./Blockquote";
 import { ReadonlyBlockquote } from "./Blockquote/ReadonlyBlockquote";
 import { Break } from "./Break";
@@ -250,6 +251,8 @@ var MElementComponent = function MElementComponent(props) {
         case 'agentic-ui-toolusebar':
         case 'agentic-ui-usertoolbar':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiToolUseBarBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiToolUseBarBlock, props);
+        case 'agentic-ui-filemap':
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiFileMapBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiFileMapBlock, props);
         case 'image':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyEditorImage, readonlyElementProps) : /*#__PURE__*/ React.createElement(EditorImage, props);
         case 'media':

package/dist/MarkdownEditor/editor/parser/parse/parseCode.js

@@ -128,7 +128,8 @@ var processSchemaLanguage = function processSchemaLanguage(element, value) {
     'agentar-card': processSchemaLanguage,
     'agentic-ui-task': processAgenticUiJsonBlock('agentic-ui-task'),
     'agentic-ui-toolusebar': processAgenticUiJsonBlock('agentic-ui-toolusebar'),
-    /** @deprecated 使用 `agentic-ui-toolusebar`，保留解析以兼容旧内容 */ 'agentic-ui-usertoolbar': processAgenticUiJsonBlock('agentic-ui-toolusebar')
+    /** @deprecated 使用 `agentic-ui-toolusebar`，保留解析以兼容旧内容 */ 'agentic-ui-usertoolbar': processAgenticUiJsonBlock('agentic-ui-toolusebar'),
+    'agentic-ui-filemap': processAgenticUiJsonBlock('agentic-ui-filemap')
 };
 /**
  * 处理代码块节点

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

@@ -287,6 +287,7 @@ var inlineNode = new Set([
         case 'agentic-ui-task':
         case 'agentic-ui-toolusebar':
         case 'agentic-ui-usertoolbar':
+        case 'agentic-ui-filemap':
             str += handleCode(node, preString);
             break;
         case 'attach':

package/dist/MarkdownEditor/editor/plugins/handlePaste.js

@@ -758,7 +758,8 @@ import { parseMarkdownToNodesAndInsert } from "./parseMarkdownToNodesAndInsert";
         'apaasify',
         'agentic-ui-task',
         'agentic-ui-toolusebar',
-        'agentic-ui-usertoolbar'
+        'agentic-ui-usertoolbar',
+        'agentic-ui-filemap'
     ].includes(rangeNode.type);
 };
 /**

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -140,6 +140,7 @@ import { useStyle as useEditorStyle } from "../MarkdownEditor/style";
 import { CharacterQueue } from "./CharacterQueue";
 import { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
 import { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
+import { AgenticUiFileMapBlockRenderer } from "./renderers/AgenticUiFileMapBlockRenderer";
 import { ChartBlockRenderer } from "./renderers/ChartRenderer";
 import { CodeBlockRenderer } from "./renderers/CodeRenderer";
 import { MermaidBlockRenderer } from "./renderers/MermaidRenderer";
@@ -215,6 +216,12 @@ var SCHEMA_LANGUAGES = new Set([
             language: language
         }));
     }
+    if (language === 'agentic-ui-filemap') {
+        var FileMapComp = pluginComponents['agentic-ui-filemap'] || AgenticUiFileMapBlockRenderer;
+        return /*#__PURE__*/ React.createElement(FileMapComp, _object_spread_props(_object_spread({}, rest), {
+            language: language
+        }));
+    }
     if (SCHEMA_LANGUAGES.has(language)) {
         var SchemaComp = pluginComponents.schema || SchemaBlockRenderer;
         return /*#__PURE__*/ React.createElement(SchemaComp, _object_spread_props(_object_spread({}, rest), {

package/dist/MarkdownRenderer/index.d.ts

@@ -2,6 +2,9 @@ export { default as AnimationText } from './AnimationText';
 export type { AnimationConfig, AnimationTextProps } from './AnimationText';
 export { CharacterQueue } from './CharacterQueue';
 export { default as MarkdownRenderer } from './MarkdownRenderer';
+export { AgenticUiFileMapBlockRenderer } from './renderers/AgenticUiFileMapBlockRenderer';
+export { AgenticUiTaskBlockRenderer } from './renderers/AgenticUiTaskBlockRenderer';
+export { AgenticUiToolUseBarBlockRenderer } from './renderers/AgenticUiToolUseBarBlockRenderer';
 export { ChartBlockRenderer } from './renderers/ChartRenderer';
 export { CodeBlockRenderer } from './renderers/CodeRenderer';
 export { MermaidBlockRenderer } from './renderers/MermaidRenderer';

package/dist/MarkdownRenderer/index.js

@@ -1,6 +1,9 @@
 export { default as AnimationText } from "./AnimationText";
 export { CharacterQueue } from "./CharacterQueue";
 export { default as MarkdownRenderer } from "./MarkdownRenderer";
+export { AgenticUiFileMapBlockRenderer } from "./renderers/AgenticUiFileMapBlockRenderer";
+export { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
+export { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
 export { ChartBlockRenderer } from "./renderers/ChartRenderer";
 export { CodeBlockRenderer } from "./renderers/CodeRenderer";
 export { MermaidBlockRenderer } from "./renderers/MermaidRenderer";

package/dist/MarkdownRenderer/renderers/AgenticUiFileMapBlockRenderer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { RendererBlockProps } from '../types';
+/**
+ * ```agentic-ui-filemap``` 代码块 → FileMapView
+ */
+export declare const AgenticUiFileMapBlockRenderer: React.FC<RendererBlockProps>;

package/dist/MarkdownRenderer/renderers/AgenticUiFileMapBlockRenderer.js

@@ -0,0 +1,79 @@
+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 extractTextContent = function extractTextContent1(children) {
+    var _children_props;
+    if (typeof children === 'string') return children;
+    if (typeof children === 'number') return String(children);
+    if (Array.isArray(children)) return children.map(extractTextContent).join('');
+    if (/*#__PURE__*/ React.isValidElement(children) && ((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.children)) {
+        return extractTextContent(children.props.children);
+    }
+    return '';
+};
+var parseJsonBody = function parseJsonBody(code) {
+    try {
+        return json5.parse(code || '{}');
+    } catch (unused) {
+        try {
+            return partialParse(code || '{}');
+        } catch (unused) {
+            return null;
+        }
+    }
+};
+/**
+ * ```agentic-ui-filemap``` 代码块 → FileMapView
+ */ export var AgenticUiFileMapBlockRenderer = function AgenticUiFileMapBlockRenderer(props) {
+    var code = useMemo(function() {
+        return extractTextContent(props.children);
+    }, [
+        props.children
+    ]);
+    var parsed = useMemo(function() {
+        return parseJsonBody(code);
+    }, [
+        code
+    ]);
+    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
+    ]);
+    if (parsed === null) {
+        return /*#__PURE__*/ React.createElement("pre", {
+            "data-testid": "agentic-ui-filemap-fallback",
+            style: {
+                background: 'rgb(242, 241, 241)',
+                padding: '1em',
+                borderRadius: '0.5em',
+                margin: '0.75em 0',
+                fontSize: '0.8em',
+                whiteSpace: 'pre-wrap',
+                wordBreak: 'break-all'
+            }
+        }, /*#__PURE__*/ React.createElement("code", null, code));
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "agentic-ui-filemap-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }, /*#__PURE__*/ React.createElement(FileMapView, {
+        fileMap: fileMap,
+        className: className
+    }));
+};
+AgenticUiFileMapBlockRenderer.displayName = 'AgenticUiFileMapBlockRenderer';

package/dist/MarkdownRenderer/renderers/index.d.ts

@@ -1,3 +1,6 @@
+export { AgenticUiFileMapBlockRenderer } from './AgenticUiFileMapBlockRenderer';
+export { AgenticUiTaskBlockRenderer } from './AgenticUiTaskBlockRenderer';
+export { AgenticUiToolUseBarBlockRenderer } from './AgenticUiToolUseBarBlockRenderer';
 export { ChartBlockRenderer } from './ChartRenderer';
 export { CodeBlockRenderer } from './CodeRenderer';
 export { MermaidBlockRenderer } from './MermaidRenderer';

package/dist/MarkdownRenderer/renderers/index.js

@@ -1,3 +1,6 @@
+export { AgenticUiFileMapBlockRenderer } from "./AgenticUiFileMapBlockRenderer";
+export { AgenticUiTaskBlockRenderer } from "./AgenticUiTaskBlockRenderer";
+export { AgenticUiToolUseBarBlockRenderer } from "./AgenticUiToolUseBarBlockRenderer";
 export { ChartBlockRenderer } from "./ChartRenderer";
 export { CodeBlockRenderer } from "./CodeRenderer";
 export { MermaidBlockRenderer } from "./MermaidRenderer";

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

@@ -393,6 +393,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'browser.searching': string;
             'layout.header.title': string;
             theme: string;
+            localPreview: string;
             expandCollapse: string;
             moreActions: string;
             clickToRetry: string;
@@ -786,6 +787,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'browser.searching': string;
             'layout.header.title': string;
             theme: string;
+            localPreview: string;
             expandCollapse: string;
             moreActions: string;
             clickToRetry: string;

package/dist/Plugins/code/components/CodeRenderer.js

@@ -100,10 +100,11 @@ function _unsupported_iterable_to_array(o, minLen) {
  * @fileoverview 代码渲染器组件
  * 封装代码编辑器的所有渲染逻辑
  */ import { ConfigProvider, Skeleton, theme as antdTheme } from "antd";
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
 import { useCodeEditorState, useRenderConditions, useToolbarConfig } from "../hooks";
+import { openHtmlLocalPreview, openMarkdownLocalPreview } from "../utils/localPreview";
 import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview, ThinkBlock } from "./index";
 /**
  * 检测 HTML 代码中是否包含 JavaScript
@@ -154,7 +155,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
  * - 支持代码框选中状态管理
  */ export function CodeRenderer(props) {
     var _ref;
-    var _editorProps_codeProps, _props_element_language, _props_element, _props_element1, _props_element_otherProps, _props_element2, _props_element_otherProps1, _props_element3, _editorProps_codeProps1, _editorProps_codeProps2;
+    var _editorProps_codeProps, _props_element_language, _props_element, _props_element1, _props_element2, _props_element_otherProps, _props_element3, _props_element_otherProps1, _props_element4, _editorProps_codeProps1, _editorProps_codeProps2;
     var _useEditorStore = useEditorStore(), editorProps = _useEditorStore.editorProps, readonly = _useEditorStore.readonly;
     // 使用状态管理Hook
     var _useCodeEditorState = useCodeEditorState(props.element), state = _useCodeEditorState.state, update = _useCodeEditorState.update, path = _useCodeEditorState.path, handleCloseClick = _useCodeEditorState.handleCloseClick, handleHtmlPreviewClose = _useCodeEditorState.handleHtmlPreviewClose, handleShowBorderChange = _useCodeEditorState.handleShowBorderChange, handleHideChange = _useCodeEditorState.handleHideChange;
@@ -203,6 +204,19 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
             return prev === 'preview' ? 'code' : 'preview';
         });
     };
+    // 本地预览处理函数
+    var handleLocalPreview = useCallback(function() {
+        var _props_element;
+        var value = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : _props_element.value) || '';
+        if (language === 'markdown') {
+            openMarkdownLocalPreview(value);
+        } else if (language === 'html') {
+            openHtmlLocalPreview(value);
+        }
+    }, [
+        language,
+        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : _props_element2.value
+    ]);
     // 使用工具栏配置Hook
     var toolbarProps = useToolbarConfig({
         element: props.element,
@@ -211,10 +225,11 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         setLanguage: setLanguage,
         onSelectionChange: setIsSelected,
         onViewModeToggle: handleViewModeToggle,
-        viewMode: viewMode
+        viewMode: viewMode,
+        onLocalPreview: handleLocalPreview
     }).toolbarProps;
     // 检查代码块是否未闭合
-    var isUnclosed = ((_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_otherProps = _props_element2.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finished) === false;
+    var isUnclosed = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_otherProps = _props_element3.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finished) === false;
     // 5 秒超时机制：如果代码块未闭合，5 秒后自动设置为完成
     useEffect(function() {
         if (isUnclosed && !readonly) {
@@ -237,7 +252,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     }, [
         isUnclosed,
         readonly,
-        (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element3.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finished,
+        (_props_element4 = props.element) === null || _props_element4 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element4.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finished,
         update
     ]);
     // 如果禁用了 HTML 预览或包含 JavaScript，强制使用代码模式
@@ -342,6 +357,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         handleHtmlPreviewClose,
         viewMode,
         handleViewModeToggle,
-        disableHtmlPreview
+        disableHtmlPreview,
+        handleLocalPreview
     ]);
 }

package/dist/Plugins/code/components/CodeToolbar.d.ts

@@ -31,6 +31,8 @@ export interface CodeToolbarProps {
     viewMode?: 'preview' | 'code';
     /** 展开/收起回调 */
     onExpandToggle?: () => void;
+    /** 本地预览回调（在新标签页打开 HTML/Markdown 预览） */
+    onLocalPreview?: () => void;
 }
 /**
  * 代码编辑器工具栏组件

package/dist/Plugins/code/components/CodeToolbar.js

@@ -3,7 +3,7 @@
  * 提供代码块的各种操作功能，包括语言切换、复制、运行等
  * @author Code Plugin Team
  */ import { CloseCircleOutlined } from "@ant-design/icons";
-import { ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
+import { ArrowUpRight, ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
 import { Segmented } from "antd";
 import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
@@ -77,14 +77,14 @@ import { LoadImage } from "./LoadImage";
  * ```
  */ export var CodeToolbar = function CodeToolbar(props) {
     var _ref;
-    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3;
+    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3, _i18n_locale4;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     // 获取编辑器配置
     var editorProps = useEditorStore().editorProps;
     var disableHtmlPreview = (_ref = (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.disableHtmlPreview) !== null && _ref !== void 0 ? _ref : false;
     var viewModeLabels = (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.viewModeLabels;
-    var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode;
+    var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode, onLocalPreview = props.onLocalPreview;
     // 检测 HTML 代码中是否包含 JavaScript
     var hasJavaScript = useMemo(function() {
         var _element_language;
@@ -216,5 +216,12 @@ import { LoadImage } from "./LoadImage";
         onClick: function onClick() {
             onExpandToggle === null || onExpandToggle === void 0 ? void 0 : onExpandToggle();
         }
-    }, /*#__PURE__*/ React.createElement(ChevronsUpDown, null))));
+    }, /*#__PURE__*/ React.createElement(ChevronsUpDown, null)), ((element === null || element === void 0 ? void 0 : element.language) === 'html' || (element === null || element === void 0 ? void 0 : element.language) === 'markdown') && onLocalPreview && /*#__PURE__*/ React.createElement(ActionIconBox, {
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale4 = i18n.locale) === null || _i18n_locale4 === void 0 ? void 0 : _i18n_locale4.localPreview) || '本地预览',
+        theme: theme === 'chaos' ? 'dark' : 'light',
+        onClick: function onClick(e) {
+            e.stopPropagation();
+            onLocalPreview();
+        }
+    }, /*#__PURE__*/ React.createElement(ArrowUpRight, null))));
 };

package/dist/Plugins/code/hooks/useToolbarConfig.d.ts

@@ -13,8 +13,9 @@ interface UseToolbarConfigProps {
     onSelectionChange?: (selected: boolean) => void;
     onViewModeToggle?: () => void;
     viewMode?: 'preview' | 'code';
+    onLocalPreview?: () => void;
 }
-export declare function useToolbarConfig({ element, readonly, onCloseClick, setLanguage, isSelected, onSelectionChange, onViewModeToggle, viewMode, }: UseToolbarConfigProps): {
+export declare function useToolbarConfig({ element, readonly, onCloseClick, setLanguage, isSelected, onSelectionChange, onViewModeToggle, viewMode, onLocalPreview, }: UseToolbarConfigProps): {
     toolbarProps: {
         element: CodeNode;
         readonly: boolean;
@@ -24,6 +25,7 @@ export declare function useToolbarConfig({ element, readonly, onCloseClick, setL
         onSelectionChange: ((selected: boolean) => void) | undefined;
         onViewModeToggle: (() => void) | undefined;
         viewMode: "code" | "preview" | undefined;
+        onLocalPreview: (() => void) | undefined;
     };
 };
 export {};

package/dist/Plugins/code/hooks/useToolbarConfig.js

@@ -3,7 +3,7 @@
  * 负责组装工具栏的属性和事件处理
  */ import { useCallback } from "react";
 export function useToolbarConfig(param) {
-    var element = param.element, readonly = param.readonly, onCloseClick = param.onCloseClick, setLanguage = param.setLanguage, isSelected = param.isSelected, onSelectionChange = param.onSelectionChange, onViewModeToggle = param.onViewModeToggle, viewMode = param.viewMode;
+    var element = param.element, readonly = param.readonly, onCloseClick = param.onCloseClick, setLanguage = param.setLanguage, isSelected = param.isSelected, onSelectionChange = param.onSelectionChange, onViewModeToggle = param.onViewModeToggle, viewMode = param.viewMode, onLocalPreview = param.onLocalPreview;
     // 组装语言选择器属性
     var languageSelectorProps = useCallback(function() {
         return {
@@ -27,7 +27,8 @@ export function useToolbarConfig(param) {
             isSelected: isSelected,
             onSelectionChange: onSelectionChange,
             onViewModeToggle: onViewModeToggle,
-            viewMode: viewMode
+            viewMode: viewMode,
+            onLocalPreview: onLocalPreview
         };
     }, [
         element,
@@ -37,7 +38,8 @@ export function useToolbarConfig(param) {
         isSelected,
         onSelectionChange,
         onViewModeToggle,
-        viewMode
+        viewMode,
+        onLocalPreview
     ])();
     return {
         toolbarProps: toolbarProps

package/dist/Plugins/code/utils/index.d.ts

@@ -4,3 +4,4 @@
  * @author Code Plugin Team
  */
 export { langOptions } from './langOptions';
+export { openHtmlLocalPreview, openMarkdownLocalPreview, } from './localPreview';

package/dist/Plugins/code/utils/index.js

@@ -3,3 +3,4 @@
  * 提供工具函数和配置的集中导出
  * @author Code Plugin Team
  */ export { langOptions } from "./langOptions";
+export { openHtmlLocalPreview, openMarkdownLocalPreview } from "./localPreview";

package/dist/Plugins/code/utils/localPreview.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @fileoverview 本地预览工具函数
+ * 支持在新窗口打开 HTML 或 Markdown（转为 HTML 后）内容
+ */
+/**
+ * 在新标签页打开 HTML 内容的本地预览（允许执行 JavaScript）
+ */
+export declare function openHtmlLocalPreview(htmlCode: string): void;
+/**
+ * 将 Markdown 转换为 HTML 后在新标签页打开本地预览
+ */
+export declare function openMarkdownLocalPreview(markdownCode: string): Promise<void>;

package/dist/Plugins/code/utils/localPreview.js

@@ -0,0 +1,190 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+/**
+ * @fileoverview 本地预览工具函数
+ * 支持在新窗口打开 HTML 或 Markdown（转为 HTML 后）内容
+ */ import { markdownToHtml } from "../../../MarkdownEditor/editor/utils/markdownToHtml";
+var MARKDOWN_PREVIEW_STYLE = "\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    line-height: 1.6;\n    color: #24292e;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 32px 24px;\n    background: #fff;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    border-bottom: 1px solid #eaecef;\n    padding-bottom: 0.3em;\n    margin-top: 24px;\n    margin-bottom: 16px;\n    font-weight: 600;\n    line-height: 1.25;\n  }\n  pre {\n    background: #f6f8fa;\n    border-radius: 6px;\n    padding: 16px;\n    overflow: auto;\n    font-size: 85%;\n    line-height: 1.45;\n  }\n  code {\n    background: rgba(175, 184, 193, 0.2);\n    border-radius: 3px;\n    font-size: 85%;\n    padding: 0.2em 0.4em;\n  }\n  pre code {\n    background: transparent;\n    padding: 0;\n    font-size: inherit;\n  }\n  blockquote {\n    border-left: 4px solid #d0d7de;\n    color: #57606a;\n    margin: 0;\n    padding: 0 1em;\n  }\n  table {\n    border-collapse: collapse;\n    width: 100%;\n  }\n  th, td {\n    border: 1px solid #d0d7de;\n    padding: 6px 13px;\n  }\n  tr:nth-child(even) {\n    background: #f6f8fa;\n  }\n  img {\n    max-width: 100%;\n  }\n  a {\n    color: #0969da;\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n  hr {\n    border: none;\n    border-top: 1px solid #d0d7de;\n  }\n";
+function buildHtmlDocument(body, title) {
+    return '<!DOCTYPE html>\n<html lang="en">\n<head>\n  <meta charset="UTF-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n  <title>'.concat(title, '</title>\n  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" crossorigin="anonymous" />\n</head>\n<body>\n').concat(body, "\n</body>\n</html>");
+}
+function openBlobInNewTab(html) {
+    var blob = new Blob([
+        html
+    ], {
+        type: 'text/html'
+    });
+    var url = URL.createObjectURL(blob);
+    var win = window.open(url, '_blank');
+    if (win) {
+        // 在新窗口加载完毕后释放 Blob URL
+        win.addEventListener('load', function() {
+            return URL.revokeObjectURL(url);
+        }, {
+            once: true
+        });
+    } else {
+        // 弹窗被拦截时延迟释放
+        setTimeout(function() {
+            return URL.revokeObjectURL(url);
+        }, 10000);
+    }
+}
+/**
+ * 在新标签页打开 HTML 内容的本地预览（允许执行 JavaScript）
+ */ export function openHtmlLocalPreview(htmlCode) {
+    var needsDocumentWrapper = !/<html[\s>]/i.test(htmlCode) && !/<!DOCTYPE/i.test(htmlCode);
+    var fullHtml = needsDocumentWrapper ? buildHtmlDocument(htmlCode, 'HTML Preview') : htmlCode;
+    openBlobInNewTab(fullHtml);
+}
+/**
+ * 将 Markdown 转换为 HTML 后在新标签页打开本地预览
+ */ export function openMarkdownLocalPreview(markdownCode) {
+    return _async_to_generator(function() {
+        var bodyHtml, fullHtml;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        markdownToHtml(markdownCode, undefined, {
+                            openLinksInNewTab: true
+                        })
+                    ];
+                case 1:
+                    bodyHtml = _state.sent();
+                    fullHtml = '<!DOCTYPE html>\n<html lang="en">\n<head>\n  <meta charset="UTF-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n  <title>Markdown Preview</title>\n  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" crossorigin="anonymous" />\n  <style>'.concat(MARKDOWN_PREVIEW_STYLE, "</style>\n</head>\n<body>\n").concat(bodyHtml, "\n</body>\n</html>");
+                    openBlobInNewTab(fullHtml);
+                    return [
+                        2
+                    ];
+            }
+        });
+    })();
+}

package/package.json

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