@ant-design/agentic-ui 2.30.21 → 2.30.23

package/dist/Plugins/mermaid/useMermaidRender.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import type { MermaidThemeToken } from './utils';
 /**
  * Mermaid 渲染 Hook
  */
-export declare const useMermaidRender: (code: string, divRef: React.RefObject<HTMLDivElement>, id: string, isVisible: boolean) => {
+export declare const useMermaidRender: (code: string, divRef: React.RefObject<HTMLDivElement>, id: string, isVisible: boolean, themeToken?: MermaidThemeToken) => {
     error: string;
     renderedCode: string;
 };

package/dist/Plugins/mermaid/useMermaidRender.js

@@ -172,25 +172,40 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { useEffect, useRef, useState } from "react";
-import { cleanupTempElement, loadMermaid, renderSvgToContainer } from "./utils";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { applyMermaidTheme, cleanupTempElement, createMermaidThemeConfig, loadMermaid, renderSvgToContainer } from "./utils";
 /**
  * Mermaid 渲染 Hook
- */ export var useMermaidRender = function useMermaidRender(code, divRef, id, isVisible) {
+ */ export var useMermaidRender = function useMermaidRender(code, divRef, id, isVisible, themeToken) {
     var timer = useRef(null);
     var mermaidRef = useRef(null);
-    var renderedCodeRef = useRef('');
+    var renderedSignatureRef = useRef('');
+    var latestRenderSignatureRef = useRef('');
+    var appliedThemeCacheKeyRef = useRef('');
     var _useState = _sliced_to_array(useState(''), 2), error = _useState[0], setError = _useState[1];
     var _useState1 = _sliced_to_array(useState(''), 2), renderedCode = _useState1[0], setRenderedCode = _useState1[1];
+    var themeConfig = useMemo(function() {
+        return createMermaidThemeConfig(themeToken);
+    }, [
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.colorBgContainer,
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.colorBgElevated,
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.colorBorder,
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.colorPrimary,
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.colorText,
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.colorTextSecondary,
+        themeToken === null || themeToken === void 0 ? void 0 : themeToken.fontFamily
+    ]);
+    var renderSignature = "".concat(themeConfig.cacheKey, "::").concat(code);
+    latestRenderSignatureRef.current = renderSignature;
     useEffect(function() {
-        if (!isVisible || renderedCodeRef.current === code) {
+        if (!isVisible || renderedSignatureRef.current === renderSignature) {
             return;
         }
         if (timer.current) {
             window.clearTimeout(timer.current);
         }
         if (!code) {
-            renderedCodeRef.current = '';
+            renderedSignatureRef.current = '';
             setRenderedCode('');
             setError('');
             if (divRef.current) {
@@ -198,14 +213,14 @@ import { cleanupTempElement, loadMermaid, renderSvgToContainer } from "./utils";
             }
             return;
         }
-        var currentCode = code;
+        var currentSignature = renderSignature;
         timer.current = window.setTimeout(function() {
             return _async_to_generator(function() {
                 var _mermaidRef_current, api, _tmp, trimmedCode, svg, err;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            if (code !== currentCode) {
+                            if (latestRenderSignatureRef.current !== currentSignature) {
                                 timer.current = null;
                                 return [
                                     2
@@ -239,9 +254,13 @@ import { cleanupTempElement, loadMermaid, renderSvgToContainer } from "./utils";
                         case 4:
                             api = _tmp;
                             mermaidRef.current = api;
+                            if (appliedThemeCacheKeyRef.current !== themeConfig.cacheKey) {
+                                applyMermaidTheme(api, themeConfig);
+                                appliedThemeCacheKeyRef.current = themeConfig.cacheKey;
+                            }
                             trimmedCode = code.trim();
                             if (!trimmedCode) {
-                                renderedCodeRef.current = '';
+                                renderedSignatureRef.current = '';
                                 setRenderedCode('');
                                 setError('');
                                 if (divRef.current) {
@@ -258,10 +277,16 @@ import { cleanupTempElement, loadMermaid, renderSvgToContainer } from "./utils";
                             ];
                         case 5:
                             svg = _state.sent().svg;
+                            if (latestRenderSignatureRef.current !== currentSignature) {
+                                timer.current = null;
+                                return [
+                                    2
+                                ];
+                            }
                             if (divRef.current) {
                                 renderSvgToContainer(svg, divRef.current);
                             }
-                            renderedCodeRef.current = code;
+                            renderedSignatureRef.current = currentSignature;
                             setRenderedCode(code);
                             setError('');
                             return [
@@ -270,9 +295,9 @@ import { cleanupTempElement, loadMermaid, renderSvgToContainer } from "./utils";
                             ];
                         case 6:
                             err = _state.sent();
-                            if (code === currentCode) {
+                            if (latestRenderSignatureRef.current === currentSignature) {
                                 setError(String(err));
-                                renderedCodeRef.current = code;
+                                renderedSignatureRef.current = currentSignature;
                                 setRenderedCode(code);
                                 if (divRef.current) {
                                     divRef.current.innerHTML = '';
@@ -305,7 +330,10 @@ import { cleanupTempElement, loadMermaid, renderSvgToContainer } from "./utils";
     }, [
         code,
         id,
-        isVisible
+        isVisible,
+        renderSignature,
+        themeConfig,
+        divRef
     ]);
     return {
         error: error,

package/dist/Plugins/mermaid/utils.d.ts

@@ -1,4 +1,20 @@
 import type { MermaidApi } from './types';
+export interface MermaidThemeToken {
+    colorBgContainer?: string;
+    colorBgElevated?: string;
+    colorText?: string;
+    colorTextSecondary?: string;
+    colorBorder?: string;
+    colorPrimary?: string;
+    fontFamily?: string;
+}
+export interface MermaidThemeConfig {
+    cacheKey: string;
+    darkMode: boolean;
+    themeVariables: Record<string, string>;
+}
+export declare const createMermaidThemeConfig: (token?: MermaidThemeToken) => MermaidThemeConfig;
+export declare const applyMermaidTheme: (api: MermaidApi, themeConfig?: MermaidThemeConfig) => void;
 /**
  * 加载 Mermaid 库
  * 使用单例模式确保只加载一次，并初始化配置

package/dist/Plugins/mermaid/utils.js

@@ -1,3 +1,11 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -34,6 +42,44 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 function _ts_generator(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
@@ -134,6 +180,156 @@ function _ts_generator(thisArg, body) {
     }
 }
 var mermaidLoader = null;
+var COLOR_DARKNESS_THRESHOLD = 145;
+var DEFAULT_LIGHT_BACKGROUND = '#ffffff';
+var DEFAULT_DARK_BACKGROUND = '#141414';
+var DEFAULT_LIGHT_TEXT_COLOR = '#1f1f1f';
+var DEFAULT_DARK_TEXT_COLOR = '#f5f5f5';
+var DEFAULT_LIGHT_SECONDARY_TEXT_COLOR = '#595959';
+var DEFAULT_DARK_SECONDARY_TEXT_COLOR = '#bfbfbf';
+var DEFAULT_LIGHT_BORDER_COLOR = '#d9d9d9';
+var DEFAULT_DARK_BORDER_COLOR = '#434343';
+var DEFAULT_PRIMARY_COLOR = '#1677ff';
+var DEFAULT_FONT_FAMILY = 'Inter, -apple-system, Segoe UI, sans-serif';
+var parseColorToRgb = function parseColorToRgb(color) {
+    var normalizedColor = color.trim().toLowerCase();
+    var shortHexMatch = normalizedColor.match(/^#([0-9a-f]{3})$/i);
+    if (shortHexMatch) {
+        var _shortHexMatch__split_map = _sliced_to_array(shortHexMatch[1].split('').map(function(char) {
+            return Number.parseInt(char + char, 16);
+        }), 3), r = _shortHexMatch__split_map[0], g = _shortHexMatch__split_map[1], b = _shortHexMatch__split_map[2];
+        return {
+            r: r,
+            g: g,
+            b: b
+        };
+    }
+    var hexMatch = normalizedColor.match(/^#([0-9a-f]{6})$/i);
+    if (hexMatch) {
+        return {
+            r: Number.parseInt(hexMatch[1].slice(0, 2), 16),
+            g: Number.parseInt(hexMatch[1].slice(2, 4), 16),
+            b: Number.parseInt(hexMatch[1].slice(4, 6), 16)
+        };
+    }
+    var rgbMatch = normalizedColor.match(/^rgba?\((\d{1,3})[\s,]+(\d{1,3})[\s,]+(\d{1,3})(?:[\s,]+[\d.]+)?\)$/i);
+    if (rgbMatch) {
+        return {
+            r: Number.parseInt(rgbMatch[1], 10),
+            g: Number.parseInt(rgbMatch[2], 10),
+            b: Number.parseInt(rgbMatch[3], 10)
+        };
+    }
+    return null;
+};
+var isDarkBackground = function isDarkBackground(color) {
+    if (!color) {
+        return false;
+    }
+    var rgbColor = parseColorToRgb(color);
+    if (!rgbColor) {
+        return false;
+    }
+    var brightness = (rgbColor.r * 299 + rgbColor.g * 587 + rgbColor.b * 114) / 1000;
+    return brightness < COLOR_DARKNESS_THRESHOLD;
+};
+var isLightTextColor = function isLightTextColor(color) {
+    if (!color) {
+        return false;
+    }
+    var rgbColor = parseColorToRgb(color);
+    if (!rgbColor) {
+        return false;
+    }
+    var brightness = (rgbColor.r * 299 + rgbColor.g * 587 + rgbColor.b * 114) / 1000;
+    return brightness >= COLOR_DARKNESS_THRESHOLD;
+};
+var inferDarkMode = function inferDarkMode(token) {
+    if (isDarkBackground(token.colorBgContainer)) {
+        return true;
+    }
+    // Fallback for CSS variables / unresolved background colors.
+    return isLightTextColor(token.colorText);
+};
+export var createMermaidThemeConfig = function createMermaidThemeConfig() {
+    var token = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var darkMode = inferDarkMode(token);
+    var background = token.colorBgContainer ? token.colorBgContainer : darkMode ? DEFAULT_DARK_BACKGROUND : DEFAULT_LIGHT_BACKGROUND;
+    var elevatedBackground = token.colorBgElevated || (darkMode ? '#1f1f1f' : '#fafafa');
+    var textColor = token.colorText ? token.colorText : darkMode ? DEFAULT_DARK_TEXT_COLOR : DEFAULT_LIGHT_TEXT_COLOR;
+    var secondaryTextColor = token.colorTextSecondary ? token.colorTextSecondary : darkMode ? DEFAULT_DARK_SECONDARY_TEXT_COLOR : DEFAULT_LIGHT_SECONDARY_TEXT_COLOR;
+    var borderColor = token.colorBorder ? token.colorBorder : darkMode ? DEFAULT_DARK_BORDER_COLOR : DEFAULT_LIGHT_BORDER_COLOR;
+    var primaryColor = token.colorPrimary || DEFAULT_PRIMARY_COLOR;
+    var fontFamily = token.fontFamily || DEFAULT_FONT_FAMILY;
+    var themeVariables = {
+        primaryColor: primaryColor,
+        primaryTextColor: textColor,
+        primaryBorderColor: borderColor,
+        lineColor: borderColor,
+        mainBkg: background,
+        secondBkg: elevatedBackground,
+        tertiaryColor: elevatedBackground,
+        background: background,
+        textColor: textColor,
+        fontFamily: fontFamily,
+        clusterBkg: elevatedBackground,
+        clusterBorder: borderColor,
+        edgeLabelBackground: background,
+        edgeLabelTextColor: secondaryTextColor,
+        nodeBkg: background,
+        nodeBorder: borderColor,
+        defaultLinkColor: borderColor,
+        titleColor: textColor,
+        actorBkg: elevatedBackground,
+        actorBorder: borderColor,
+        actorTextColor: textColor,
+        actorLineColor: borderColor,
+        signalColor: secondaryTextColor,
+        signalTextColor: textColor,
+        labelBoxBkgColor: background,
+        labelBoxBorderColor: borderColor,
+        labelTextColor: textColor,
+        loopTextColor: textColor,
+        noteBkg: elevatedBackground,
+        noteBorderColor: borderColor,
+        noteTextColor: textColor,
+        activationBorderColor: borderColor,
+        activationBkgColor: elevatedBackground,
+        sequenceNumberColor: textColor
+    };
+    var cacheKey = [
+        darkMode ? 'dark' : 'light',
+        background,
+        elevatedBackground,
+        textColor,
+        secondaryTextColor,
+        borderColor,
+        primaryColor,
+        fontFamily
+    ].join('|');
+    return {
+        cacheKey: cacheKey,
+        darkMode: darkMode,
+        themeVariables: themeVariables
+    };
+};
+export var applyMermaidTheme = function applyMermaidTheme(api, themeConfig) {
+    if (!(api === null || api === void 0 ? void 0 : api.initialize)) {
+        return;
+    }
+    if (!themeConfig) {
+        api.initialize({
+            startOnLoad: false
+        });
+        return;
+    }
+    api.initialize({
+        startOnLoad: false,
+        theme: 'base',
+        darkMode: themeConfig.darkMode,
+        themeVariables: themeConfig.themeVariables
+    });
+};
 /**
  * 加载 Mermaid 库
  * 使用单例模式确保只加载一次，并初始化配置
@@ -148,11 +344,7 @@ var mermaidLoader = null;
                 // webpackChunkName 指定 chunk 名称，webpackMode 指定加载模式
                 mermaidLoader = import(/* webpackChunkName: "mermaid" */ /* webpackMode: "lazy" */ "mermaid").then(function(module) {
                     var api = module.default;
-                    if (api === null || api === void 0 ? void 0 : api.initialize) {
-                        api.initialize({
-                            startOnLoad: false
-                        });
-                    }
+                    applyMermaidTheme(api);
                     return api;
                 }).catch(function(error) {
                     mermaidLoader = null;

package/dist/ThoughtChainList/MarkdownEditor.d.ts

@@ -1,40 +1,6 @@
 import React from 'react';
 import { MarkdownEditorProps } from '../MarkdownEditor';
-/**
- * MarkdownEditorUpdate 组件 - Markdown 编辑器更新组件
- *
- * 该组件是对 MarkdownEditor 的封装，提供自动更新和格式化功能。
- * 主要用于在思维链中显示和更新 Markdown 内容。
- *
- * @component
- * @description Markdown 编辑器更新组件，提供自动更新和格式化功能
- * @param {MarkdownEditorProps & {isFinished?: boolean}} props - 组件属性
- * @param {boolean} [props.isFinished] - 内容是否已完成
- * @param {string} [props.initValue] - 初始内容
- * @param {boolean} [props.typewriter] - 是否启用打字机效果
- * @param {MarkdownEditorProps} props - 其他 MarkdownEditor 属性
- *
- * @example
- * ```tsx
- * import { MarkdownEditorUpdate } from './MarkdownEditor';
- *
- * <MarkdownEditorUpdate
- *   initValue="# Hello World"
- *   isFinished={true}
- *   typewriter={false}
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的 Markdown 编辑器组件
- *
- * @remarks
- * - 自动格式化 Markdown 内容
- * - 支持内容完成状态检测
- * - 提供打字机效果
- * - 只读模式
- * - 自动更新节点列表
- * - 响应式布局
- */
+/** 思维链中的 MarkdownEditor 封装，自动格式化 + 流式更新 */
 export declare const MarkdownEditorUpdate: (props: MarkdownEditorProps & {
     isFinished?: boolean;
 }) => React.JSX.Element;

package/dist/ThoughtChainList/MarkdownEditor.js

@@ -53,52 +53,13 @@ function _object_spread_props(target, source) {
 import React, { useEffect } from "react";
 import { MarkdownEditor, parserMdToSchema } from "../MarkdownEditor";
 import { MarkdownFormatter } from "../Plugins/formatter";
-/**
- * 将内容转换为列表格式的 Markdown
- * @param {string} content - 原始内容
- * @returns {string} 转换后的内容
- */ var toListMarkdown = function toListMarkdown(content) {
-    return content;
-};
-/**
- * MarkdownEditorUpdate 组件 - Markdown 编辑器更新组件
- *
- * 该组件是对 MarkdownEditor 的封装，提供自动更新和格式化功能。
- * 主要用于在思维链中显示和更新 Markdown 内容。
- *
- * @component
- * @description Markdown 编辑器更新组件，提供自动更新和格式化功能
- * @param {MarkdownEditorProps & {isFinished?: boolean}} props - 组件属性
- * @param {boolean} [props.isFinished] - 内容是否已完成
- * @param {string} [props.initValue] - 初始内容
- * @param {boolean} [props.typewriter] - 是否启用打字机效果
- * @param {MarkdownEditorProps} props - 其他 MarkdownEditor 属性
- *
- * @example
- * ```tsx
- * import { MarkdownEditorUpdate } from './MarkdownEditor';
- *
- * <MarkdownEditorUpdate
- *   initValue="# Hello World"
- *   isFinished={true}
- *   typewriter={false}
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的 Markdown 编辑器组件
- *
- * @remarks
- * - 自动格式化 Markdown 内容
- * - 支持内容完成状态检测
- * - 提供打字机效果
- * - 只读模式
- * - 自动更新节点列表
- * - 响应式布局
- */ export var MarkdownEditorUpdate = function MarkdownEditorUpdate(props) {
+/** 思维链中的 MarkdownEditor 封装，自动格式化 + 流式更新 */ export var MarkdownEditorUpdate = function MarkdownEditorUpdate(props) {
+    var _props_streaming;
     var editorRef = React.useRef();
     useEffect(function() {
         var _editorRef_current_store, _editorRef_current;
-        (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.updateNodeList(parserMdToSchema(toListMarkdown(MarkdownFormatter.format(props.initValue || '') || '').trim(), props.plugins).schema);
+        var formatted = MarkdownFormatter.format(props.initValue || '') || '';
+        (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.updateNodeList(parserMdToSchema(formatted.trim(), props.plugins).schema);
     }, [
         props.initValue
     ]);
@@ -126,7 +87,7 @@ import { MarkdownFormatter } from "../Plugins/formatter";
             showLineNumbers: false
         }
     }, props), {
-        typewriter: props.typewriter && !props.isFinished,
+        streaming: ((_props_streaming = props.streaming) !== null && _props_streaming !== void 0 ? _props_streaming : props.typewriter) && !props.isFinished,
         initValue: ""
     }));
 };

package/dist/Workspace/Browser/index.js

@@ -164,6 +164,15 @@ export var BrowserItemComponent = function BrowserItemComponent(param) {
         e.stopPropagation();
         onLocate === null || onLocate === void 0 ? void 0 : onLocate(item);
     };
+    var handleOpenFromSite = function handleOpenFromSite(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onOpen) {
+            onOpen(item);
+            return;
+        }
+        window.open(item.url, '_blank', 'noopener,noreferrer');
+    };
     return wrapSSR(/*#__PURE__*/ React.createElement(List.Item, {
         className: className,
         style: itemStyle,
@@ -197,7 +206,16 @@ export var BrowserItemComponent = function BrowserItemComponent(param) {
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-result-item-title"), hashId)
     }, item.title)))), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(prefixCls, "-result-item-site"), hashId)
+        className: classNames("".concat(prefixCls, "-result-item-site"), hashId),
+        role: "link",
+        tabIndex: 0,
+        "aria-label": item.site,
+        onClick: handleOpenFromSite,
+        onKeyDown: function onKeyDown(event) {
+            if (event.key === 'Enter' || event.key === ' ') {
+                handleOpenFromSite(event);
+            }
+        }
     }, renderSiteAvatar(item.site, item.icon), /*#__PURE__*/ React.createElement(Tooltip, {
         title: item.site,
         mouseEnterDelay: 1

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

@@ -12,6 +12,9 @@ export interface RealtimeFollowData {
     title?: string;
     subTitle?: string;
     icon?: React.ComponentType;
+    /** 流式输出模式，同时传入时优先于 typewriter */
+    streaming?: boolean;
+    /** @deprecated 请使用 streaming */
     typewriter?: boolean;
     rightContent?: React.ReactNode;
     loadingRender?: React.ReactNode | (() => React.ReactNode);

package/dist/Workspace/RealtimeFollow/index.js

@@ -268,7 +268,7 @@ var Overlay = function Overlay(param) {
  * ```
  */ export var RealtimeFollow = function RealtimeFollow(param) {
     var data = param.data, _param_htmlViewMode = param.htmlViewMode, htmlViewMode = _param_htmlViewMode === void 0 ? 'preview' : _param_htmlViewMode, prefixCls = param.prefixCls, hashId = param.hashId;
-    var _data_typewriter, _data_content;
+    var _ref, _data_streaming, _data_content;
     var _data_markdownEditorProps;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var finalPrefixCls = prefixCls || getPrefixCls('workspace-realtime');
@@ -282,13 +282,14 @@ var Overlay = function Overlay(param) {
         ]
     }), autoScrollRef = _useAutoScroll.containerRef, scrollToBottom = _useAutoScroll.scrollToBottom;
     useEffect(function() {
+        var _data_streaming;
         var _mdInstance_current;
         if (isTestEnv || !((_mdInstance_current = mdInstance.current) === null || _mdInstance_current === void 0 ? void 0 : _mdInstance_current.store)) return;
         if (!shouldUpdateEditor(data.type, htmlViewMode)) return;
         var content = getContentForEditor(data.type, data.content);
         var schema = parserMdToSchema(content, mdInstance.current.store.plugins).schema;
         mdInstance.current.store.updateNodeList(schema);
-        if (data.typewriter && !isTestEnv) {
+        if (((_data_streaming = data.streaming) !== null && _data_streaming !== void 0 ? _data_streaming : data.typewriter) && !isTestEnv) {
             setTimeout(function() {
                 return scrollToBottom();
             }, SCROLL_DELAY);
@@ -298,6 +299,7 @@ var Overlay = function Overlay(param) {
         data.type,
         htmlViewMode,
         isTestEnv,
+        data.streaming,
         data.typewriter,
         scrollToBottom
     ]);
@@ -338,7 +340,7 @@ var Overlay = function Overlay(param) {
     }
     var defaultProps = getEditorConfig(data.type);
     var mergedProps = _object_spread_props(_object_spread({}, defaultProps, data.markdownEditorProps), {
-        typewriter: isTestEnv ? false : (_data_typewriter = data.typewriter) !== null && _data_typewriter !== void 0 ? _data_typewriter : defaultProps.typewriter,
+        streaming: isTestEnv ? false : (_ref = (_data_streaming = data.streaming) !== null && _data_streaming !== void 0 ? _data_streaming : data.typewriter) !== null && _ref !== void 0 ? _ref : defaultProps.typewriter,
         style: _object_spread({
             maxHeight: 'auto'
         }, defaultProps.style, (_data_markdownEditorProps = data.markdownEditorProps) === null || _data_markdownEditorProps === void 0 ? void 0 : _data_markdownEditorProps.style)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.21",
+  "version": "2.30.23",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -23,6 +23,7 @@
     "lint": "pnpm run lint:es && pnpm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "playwright:install": "playwright install --with-deps chromium",
     "prepare": "husky install && dumi setup",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
@@ -85,14 +86,14 @@
     "hast-util-to-jsx-runtime": "^2.3.6",
     "is-hotkey": "^0.2.0",
     "json5": "^2.2.3",
-    "katex": "^0.16.28",
+    "katex": "^0.16.44",
     "lodash": "^4.17.23",
     "lodash-es": "^4.17.23",
     "lottie-react": "^2.4.1",
     "markdown-it": "^14.1.1",
     "markdown-it-container": "^4.0.0",
     "mdast-util-directive": "^3.1.0",
-    "mermaid": "^11.12.2",
+    "mermaid": "^11.14.0",
     "micromark-extension-directive": "^4.0.0",
     "mustache": "^4.2.0",
     "nanoid": "^5.1.6",
@@ -118,11 +119,11 @@
     "remark-rehype": "^11.1.2",
     "rxjs": "^7.8.2",
     "slash2": "^2.0.0",
-    "slate": "0.120.0",
-    "slate-dom": "0.119.0",
+    "slate": "0.124.0",
+    "slate-dom": "0.124.0",
     "slate-history": "0.113.1",
     "slate-hyperscript": "0.100.0",
-    "slate-react": "0.120.0",
+    "slate-react": "0.124.0",
     "string-width": "^7.2.0",
     "styled-components": "^6.3.8",
     "tailwind-merge": "^3.4.0",
@@ -175,7 +176,7 @@
     "prettier-plugin-packagejson": "^2.5.22",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "recharts": "^3.7.0",
+    "recharts": "^3.8.1",
     "sast": "^0.8.1",
     "stylelint": "^14.16.1",
     "typescript": "^5.9.3",