@ant-design/agentic-ui 2.30.21 → 2.30.22

package/dist/Plugins/mermaid/style.js

@@ -52,15 +52,18 @@ function _object_spread_props(target, source) {
 }
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    return _define_property({}, token.componentCls, {
+    var gridLightColor = 'rgba(0, 0, 0, 0.08)';
+    var gridDarkColor = 'rgba(255, 255, 255, 0.14)';
+    var _obj;
+    return _obj = {}, _define_property(_obj, token.componentCls, {
         marginBottom: '0.75em',
         cursor: 'default',
         userSelect: 'none',
         padding: '0.75rem 0',
         borderRadius: '1em',
         maxWidth: '800px',
-        border: '1px solid #e8e8e8',
-        backgroundColor: '#fff',
+        border: "1px solid ".concat(token.colorBorder),
+        backgroundColor: token.colorBgContainer,
         minWidth: '240px',
         minHeight: '200px',
         display: 'flex',
@@ -72,27 +75,70 @@ var genStyle = function genStyle(token) {
         contain: 'layout style paint',
         overflow: 'hidden',
         transition: 'height 0.3s ease, min-height 0.3s ease',
-        '& [data-mermaid-container="true"]': {
+        '&-fullscreen': {
             width: '100%',
+            maxWidth: '100%',
+            height: '100%'
+        },
+        '&-toolbar-float': {
+            position: 'absolute',
+            top: token.paddingSM,
+            insetInlineEnd: token.paddingSM,
+            left: 'auto',
+            zIndex: 10,
             display: 'flex',
+            alignItems: 'center',
+            gap: token.paddingXXS,
+            pointerEvents: 'auto'
+        },
+        '&-viewport': {
+            flex: 1,
+            width: '100%',
+            minHeight: 220,
+            overflow: 'hidden',
+            position: 'relative',
+            touchAction: 'none',
+            cursor: 'grab'
+        },
+        '&-viewport[data-mermaid-panning="true"]': {
+            cursor: 'grabbing'
+        },
+        '&-viewport[data-mermaid-grid="true"]': {
+            backgroundSize: '28px 28px',
+            backgroundImage: "radial-gradient(circle, ".concat(gridLightColor, " 1.2px, transparent 1.2px)")
+        },
+        '&-viewport[data-mermaid-grid="true"]&-dark-grid': {
+            backgroundImage: "radial-gradient(circle, ".concat(gridDarkColor, " 1.2px, transparent 1.2px)")
+        },
+        '& [data-mermaid-container="true"]': {
+            zIndex: 0,
+            width: '100%',
+            minHeight: 220,
+            display: 'block',
             justifyContent: 'center',
             position: 'relative',
             isolation: 'isolate',
             contain: 'layout style paint',
-            overflow: 'hidden',
-            transition: 'opacity 0.3s ease, height 0.3s ease, min-height 0.3s ease, max-height 0.3s ease'
+            overflow: 'visible',
+            transition: 'opacity 0.3s ease, height 0.3s ease, min-height 0.3s ease, max-height 0.3s ease',
+            '--mermaid-pan-x': '0px',
+            '--mermaid-pan-y': '0px',
+            '--mermaid-scale': 1
         },
         '& [data-mermaid-wrapper]': {
             position: 'relative',
-            width: '100%',
-            maxWidth: '100%',
-            overflow: 'hidden',
+            width: 'max-content',
+            maxWidth: 'none',
+            overflow: 'visible',
             isolation: 'isolate',
             contain: 'layout style paint',
             display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            minHeight: '200px'
+            justifyContent: 'flex-start',
+            alignItems: 'flex-start',
+            minHeight: 0,
+            transform: 'translate(var(--mermaid-pan-x), var(--mermaid-pan-y)) scale(var(--mermaid-scale))',
+            transformOrigin: '0 0',
+            willChange: 'transform'
         },
         '& [data-mermaid-svg="true"]': {
             maxWidth: '100%',
@@ -101,7 +147,7 @@ var genStyle = function genStyle(token) {
         },
         '&-error': {
             textAlign: 'center',
-            color: 'rgba(239, 68, 68, 0.8)',
+            color: token.colorError,
             padding: '0.5rem',
             flex: 1,
             position: 'relative',
@@ -114,7 +160,7 @@ var genStyle = function genStyle(token) {
         },
         '&-empty': {
             textAlign: 'left',
-            color: '#6B7280',
+            color: token.colorTextSecondary,
             padding: '0.75rem 1.5rem',
             position: 'relative',
             zIndex: 1,
@@ -137,30 +183,33 @@ var genStyle = function genStyle(token) {
         '& svg': {
             '& .node': {
                 '& rect, & circle, & ellipse, & polygon': {
-                    stroke: '#333',
+                    stroke: token.colorBorder,
                     strokeWidth: '1px',
-                    fill: '#fff'
+                    fill: token.colorBgContainer
                 }
             },
             '& text': {
                 dominantBaseline: 'middle',
-                textAnchor: 'middle'
+                textAnchor: 'middle',
+                fill: "".concat(token.colorText, " !important")
             },
             '& .nodeLabel': {
                 fontWeight: 500,
-                fill: '#333 !important'
+                fill: "".concat(token.colorText, " !important")
             },
             '& .edgeLabel': {
-                fill: '#666 !important'
+                fill: "".concat(token.colorTextSecondary, " !important")
             },
             '& .flowchart-label': {
-                fill: '#333 !important'
+                fill: "".concat(token.colorText, " !important")
             },
             '& .label': {
-                fill: '#333 !important'
+                fill: "".concat(token.colorText, " !important")
             }
         }
-    });
+    }), _define_property(_obj, "".concat(token.componentCls, '[data-mermaid-theme="dark"] ').concat(token.componentCls, '-viewport[data-mermaid-grid="true"]'), {
+        backgroundImage: "radial-gradient(circle, ".concat(gridDarkColor, " 1.2px, transparent 1.2px)")
+    }), _obj;
 };
 export function useStyle(prefixCls) {
     return useEditorStyleRegister('agentic-plugin-mermaid', function(token) {

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/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/package.json

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