@ant-design/agentic-ui 2.16.0 → 2.17.0

package/dist/Plugins/chart/utils/registerChart.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 注册 Chart.js 基础组件
+ *
+ * 用于注册图表所需的基础 Chart.js 组件，包括坐标轴、图例、工具提示等。
+ * 使用单例模式确保只注册一次。
+ *
+ * @param {string[]} components - 要注册的组件名称数组
+ * @param {Function} registerFn - 注册函数，接收 ChartJS 作为参数
+ *
+ * @example
+ * ```typescript
+ * registerChartComponents('line-chart', () => {
+ *   ChartJS.register(
+ *     CategoryScale,
+ *     LinearScale,
+ *     PointElement,
+ *     LineElement,
+ *     Filler,
+ *     Tooltip,
+ *     Legend,
+ *   );
+ * });
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const registerChartComponents: (componentName: string, registerFn: () => void) => void;
+/**
+ * 注册折线图/面积图所需的组件
+ */
+export declare const registerLineChartComponents: () => void;
+/**
+ * 注册柱状图所需的组件
+ */
+export declare const registerBarChartComponents: () => void;

package/dist/Plugins/chart/utils/registerChart.js

@@ -0,0 +1,54 @@
+import { BarElement, CategoryScale, Chart as ChartJS, Filler, Legend, LinearScale, LineElement, PointElement, Tooltip } from "chart.js";
+/**
+ * Chart.js 组件注册状态映射
+ * 用于跟踪哪些 Chart.js 组件已经被注册，避免重复注册
+ */ var registeredComponents = new Set();
+/**
+ * 注册 Chart.js 基础组件
+ *
+ * 用于注册图表所需的基础 Chart.js 组件，包括坐标轴、图例、工具提示等。
+ * 使用单例模式确保只注册一次。
+ *
+ * @param {string[]} components - 要注册的组件名称数组
+ * @param {Function} registerFn - 注册函数，接收 ChartJS 作为参数
+ *
+ * @example
+ * ```typescript
+ * registerChartComponents('line-chart', () => {
+ *   ChartJS.register(
+ *     CategoryScale,
+ *     LinearScale,
+ *     PointElement,
+ *     LineElement,
+ *     Filler,
+ *     Tooltip,
+ *     Legend,
+ *   );
+ * });
+ * ```
+ *
+ * @since 1.0.0
+ */ export var registerChartComponents = function(componentName, registerFn) {
+    if (registeredComponents.has(componentName)) {
+        return;
+    }
+    if (typeof window === 'undefined') {
+        return;
+    }
+    registerFn();
+    registeredComponents.add(componentName);
+};
+/**
+ * 注册折线图/面积图所需的组件
+ */ export var registerLineChartComponents = function() {
+    registerChartComponents('line-chart', function() {
+        ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler, Tooltip, Legend);
+    });
+};
+/**
+ * 注册柱状图所需的组件
+ */ export var registerBarChartComponents = function() {
+    registerChartComponents('bar-chart', function() {
+        ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+    });
+};

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

@@ -286,3 +286,22 @@ export declare const getDataHash: (data: any[]) => string;
  * @since 1.0.0
  */
 export declare const isConfigEqual: (config1: any, config2: any) => boolean;
+/**
+ * 将十六进制颜色转换为带透明度的 RGBA 字符串
+ *
+ * 支持3位和6位十六进制颜色格式，并添加透明度。
+ *
+ * @param {string} hex - 十六进制颜色值（如 '#ff0000' 或 '#f00'）
+ * @param {number} alpha - 透明度值（0-1之间）
+ * @returns {string} RGBA 颜色字符串
+ *
+ * @example
+ * ```typescript
+ * hexToRgba('#ff0000', 0.5); // 'rgba(255, 0, 0, 0.5)'
+ * hexToRgba('#f00', 0.8); // 'rgba(255, 0, 0, 0.8)'
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const hexToRgba: (hex: string, alpha: number) => string;
+export { registerChartComponents, registerLineChartComponents, registerBarChartComponents, } from './utils/registerChart';

package/dist/Plugins/chart/utils.js

@@ -436,3 +436,30 @@ var intl = new Intl.NumberFormat('en-US', {
     }
     return true;
 };
+/**
+ * 将十六进制颜色转换为带透明度的 RGBA 字符串
+ *
+ * 支持3位和6位十六进制颜色格式，并添加透明度。
+ *
+ * @param {string} hex - 十六进制颜色值（如 '#ff0000' 或 '#f00'）
+ * @param {number} alpha - 透明度值（0-1之间）
+ * @returns {string} RGBA 颜色字符串
+ *
+ * @example
+ * ```typescript
+ * hexToRgba('#ff0000', 0.5); // 'rgba(255, 0, 0, 0.5)'
+ * hexToRgba('#f00', 0.8); // 'rgba(255, 0, 0, 0.8)'
+ * ```
+ *
+ * @since 1.0.0
+ */ export var hexToRgba = function(hex, alpha) {
+    var sanitized = hex.replace('#', '');
+    var isShort = sanitized.length === 3;
+    var r = parseInt(isShort ? sanitized[0] + sanitized[0] : sanitized.slice(0, 2), 16);
+    var g = parseInt(isShort ? sanitized[1] + sanitized[1] : sanitized.slice(2, 4), 16);
+    var b = parseInt(isShort ? sanitized[2] + sanitized[2] : sanitized.slice(4, 6), 16);
+    var a = Math.max(0, Math.min(1, alpha));
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+};
+// 导出 Chart.js 注册相关函数
+export { registerChartComponents, registerLineChartComponents, registerBarChartComponents } from "./utils/registerChart";

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

@@ -64,6 +64,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -76,7 +100,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { ConfigProvider, theme as antdTheme } from "antd";
-import React, { useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
 import { useCodeEditorState, useRenderConditions, useToolbarConfig } from "../hooks";
@@ -94,7 +118,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
  * - 响应式布局适配
  * - 支持代码框选中状态管理
  */ export function CodeRenderer(props) {
-    var _editorProps_codeProps;
+    var _props_element_otherProps, _props_element, _props_element_otherProps1, _props_element1, _editorProps_codeProps;
     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;
@@ -133,6 +157,33 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         onViewModeToggle: handleViewModeToggle,
         viewMode: viewMode
     }).toolbarProps;
+    // 检查代码块是否未闭合
+    var isUnclosed = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false;
+    // 5 秒超时机制：如果代码块未闭合，5 秒后自动设置为完成
+    useEffect(function() {
+        if (isUnclosed && !readonly) {
+            var timer = setTimeout(function() {
+                var _props_element_otherProps, _props_element;
+                // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+                if (((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false) {
+                    var _props_element1;
+                    update({
+                        otherProps: _object_spread_props(_object_spread({}, (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.otherProps), {
+                            finish: true
+                        })
+                    });
+                }
+            }, 5000); // 5 秒超时
+            return function() {
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finish,
+        update
+    ]);
     // 渲染组件
     return useMemo(function() {
         // 隐藏配置型 HTML 代码块

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

@@ -6,8 +6,9 @@
 import { ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
 import { message, Segmented } from "antd";
 import copy from "copy-to-clipboard";
-import React, { useContext } from "react";
+import React, { useContext, useMemo } from "react";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
+import { Loading } from "../../../Components/Loading";
 import { I18nContext } from "../../../I18n";
 import { langIconMap } from "../langIconMap";
 import { LanguageSelector } from "./LanguageSelector";
@@ -40,10 +41,17 @@ import { LoadImage } from "./LoadImage";
  * />
  * ```
  */ export var CodeToolbar = function(props) {
-    var _element_language, _element_language1, _i18n_locale, _i18n_locale1;
+    var _element_otherProps, _element_language, _element_language1, _i18n_locale, _i18n_locale1;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     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;
+    // 检查代码块是否未闭合 - 使用 useMemo 确保正确响应变化
+    var isUnclosed = useMemo(function() {
+        var _element_otherProps;
+        return (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish) === false;
+    }, [
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish
+    ]);
     return /*#__PURE__*/ React.createElement("div", {
         "data-testid": "code-toolbar",
         contentEditable: false,
@@ -72,6 +80,12 @@ import { LoadImage } from "./LoadImage";
             userSelect: 'none',
             borderBottom: isExpanded ? theme === 'chaos' ? '1px solid #161616' : '1px solid var(--color-gray-border-light)' : 'none'
         }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8
+        }
     }, readonly ? // 只读模式：仅显示当前语言信息
     /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -98,7 +112,12 @@ import { LoadImage } from "./LoadImage";
         },
         src: langIconMap.get(((_element_language1 = element.language) === null || _element_language1 === void 0 ? void 0 : _element_language1.toLowerCase()) || '')
     })), /*#__PURE__*/ React.createElement("div", null, element.language ? /*#__PURE__*/ React.createElement("span", null, element.katex ? 'Formula' : element.language === 'html' && element.render ? 'Html Renderer' : element.language) : /*#__PURE__*/ React.createElement("span", null, 'plain text'))) : // 非只读模式：显示语言选择器
-    /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps), /*#__PURE__*/ React.createElement("div", {
+    /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps), isUnclosed && /*#__PURE__*/ React.createElement(Loading, {
+        style: {
+            fontSize: '14px',
+            flexShrink: 0
+        }
+    })), /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',
             gap: 5,

package/dist/Plugins/mermaid/Mermaid.js

@@ -171,6 +171,7 @@ function _ts_generator(thisArg, body) {
 import React, { lazy, Suspense, useEffect, useMemo, useRef } from "react";
 import { useGetSetState } from "react-use";
 import { useIntersectionOnce } from "../../Hooks/useIntersectionOnce";
+import { isCodeBlockLikelyComplete } from "../../MarkdownEditor/editor/utils/findMatchingClose";
 var mermaidLoader = null;
 /**
  * 加载 Mermaid 库
@@ -214,27 +215,7 @@ var mermaidLoader = null;
  * 检查 Mermaid 代码是否可能完整
  * 用于流式输入时判断是否应该尝试渲染
  */ var isCodeLikelyComplete = function(code) {
-    var trimmed = code.trim();
-    if (!trimmed) return false;
-    // 检查是否包含基本的 Mermaid 图表类型关键字
-    var hasChartType = trimmed.includes('graph') || trimmed.includes('sequenceDiagram') || trimmed.includes('gantt') || trimmed.includes('pie') || trimmed.includes('classDiagram') || trimmed.includes('stateDiagram') || trimmed.includes('erDiagram') || trimmed.includes('journey') || trimmed.includes('gitgraph') || trimmed.includes('flowchart');
-    if (!hasChartType) return false;
-    // 检查基本结构完整性（简单启发式检查）
-    // 如果代码很短，可能是正在输入中
-    if (trimmed.length < 10) return false;
-    // 检查是否以常见的不完整模式结尾
-    var incompletePatterns = [
-        /graph\s*$/i,
-        /-->?\s*$/,
-        /\[.*$/,
-        /\(.*$/,
-        /{.*$/
-    ];
-    // 如果匹配不完整模式，可能还在输入中
-    var endsWithIncomplete = incompletePatterns.some(function(pattern) {
-        return pattern.test(trimmed);
-    });
-    return !endsWithIncomplete;
+    return isCodeBlockLikelyComplete(code, 'mermaid');
 };
 var MermaidRendererImpl = function(props) {
     var _props_element;
@@ -307,9 +288,9 @@ var MermaidRendererImpl = function(props) {
         // 检查代码是否可能完整
         var likelyComplete = isCodeLikelyComplete(nextCode);
         // 防抖延迟：根据代码变化频率动态调整
-        // 如果代码变化频繁（流式输入），使用更长的延迟
-        var baseDelay = 300;
-        var typingDelay = changeCountRef.current > 3 ? 1000 : 800; // 频繁变化时延长到 1 秒
+        // 如果代码变化频繁（流式输入），使用更长的延迟以减少抖动
+        var baseDelay = 500; // 增加基础延迟
+        var typingDelay = changeCountRef.current > 3 ? 1500 : 1200; // 频繁变化时延长到 1.5 秒
         var delay = currentState.code ? likelyComplete ? baseDelay : typingDelay : 0;
         // 第一层防抖：检测代码变化
         timer.current = window.setTimeout(function() {
@@ -321,10 +302,10 @@ var MermaidRendererImpl = function(props) {
                 return;
             }
             // 第二层防抖：实际渲染
-            // 如果代码可能不完整，再等待一段时间
-            var finalDelay = likelyComplete ? 0 : 500;
+            // 如果代码可能不完整，再等待一段时间，增加延迟以减少抖动
+            var finalDelay = likelyComplete ? 200 : 800; // 增加延迟时间
             renderTimer.current = window.setTimeout(/*#__PURE__*/ _async_to_generator(function() {
-                var _mermaidRef_current, api, _tmp, trimmedCode, svg, wrapper, parser, svgDoc, svgElement, existingStyle, newStyle, allElements, tempDiv, extractedSvg, error, api1, finalCode, parseError, tempElement;
+                var _mermaidRef_current, api, _tmp, trimmedCode, svg, container, error, api1, finalCode, parseError, tempElement;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -376,46 +357,62 @@ var MermaidRendererImpl = function(props) {
                         case 4:
                             svg = _state.sent().svg;
                             if (divRef.current) {
-                                // 清理旧内容
-                                divRef.current.innerHTML = '';
-                                // 创建隔离的容器包装 SVG
-                                wrapper = document.createElement('div');
-                                wrapper.style.cssText = "\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n            overflow: hidden;\n            isolation: isolate;\n            contain: layout style paint;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          ";
-                                // 解析 SVG 并添加隔离属性
-                                parser = new DOMParser();
-                                svgDoc = parser.parseFromString(svg, 'image/svg+xml');
-                                svgElement = svgDoc.querySelector('svg');
-                                if (svgElement) {
-                                    // 确保 SVG 不会溢出
-                                    existingStyle = svgElement.getAttribute('style') || '';
-                                    newStyle = "".concat(existingStyle, "; max-width: 100%; height: auto; overflow: hidden;").trim();
-                                    svgElement.setAttribute('style', newStyle);
-                                    // 添加隔离属性和类名
-                                    svgElement.setAttribute('data-mermaid-svg', 'true');
-                                    svgElement.setAttribute('class', (svgElement.getAttribute('class') || '') + ' mermaid-isolated');
-                                    // 限制 SVG 内部元素的样式影响范围
-                                    allElements = svgElement.querySelectorAll('*');
-                                    allElements.forEach(function(el) {
-                                        // 确保内部元素不会影响外部
-                                        if (el instanceof SVGElement) {
-                                            el.setAttribute('data-mermaid-internal', 'true');
-                                        }
-                                    });
-                                    wrapper.appendChild(svgElement);
-                                } else {
-                                    // 如果解析失败，直接使用原始 SVG，但添加包装
-                                    tempDiv = document.createElement('div');
-                                    tempDiv.innerHTML = svg;
-                                    extractedSvg = tempDiv.querySelector('svg');
-                                    if (extractedSvg) {
-                                        extractedSvg.setAttribute('style', 'max-width: 100%; height: auto; overflow: hidden;');
-                                        extractedSvg.setAttribute('data-mermaid-svg', 'true');
-                                        wrapper.appendChild(extractedSvg);
+                                // 使用更平滑的更新方式，避免抖动
+                                // 先设置透明度，然后更新内容，最后恢复透明度
+                                container = divRef.current;
+                                // 如果已有内容，先淡出
+                                if (container.children.length > 0) {
+                                    container.style.opacity = '0';
+                                    container.style.transition = 'opacity 0.2s ease-in-out';
+                                }
+                                // 使用 requestAnimationFrame 确保平滑更新
+                                requestAnimationFrame(function() {
+                                    // 清理旧内容
+                                    container.innerHTML = '';
+                                    // 创建隔离的容器包装 SVG
+                                    var wrapper = document.createElement('div');
+                                    wrapper.style.cssText = "\n                position: relative;\n                width: 100%;\n                max-width: 100%;\n                overflow: hidden;\n                isolation: isolate;\n                contain: layout style paint;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                min-height: 200px; /* 保持最小高度，避免尺寸抖动 */\n              ";
+                                    // 解析 SVG 并添加隔离属性
+                                    var parser = new DOMParser();
+                                    var svgDoc = parser.parseFromString(svg, 'image/svg+xml');
+                                    var svgElement = svgDoc.querySelector('svg');
+                                    if (svgElement) {
+                                        // 确保 SVG 不会溢出
+                                        var existingStyle = svgElement.getAttribute('style') || '';
+                                        var newStyle = "".concat(existingStyle, "; max-width: 100%; height: auto; overflow: hidden;").trim();
+                                        svgElement.setAttribute('style', newStyle);
+                                        // 添加隔离属性和类名
+                                        svgElement.setAttribute('data-mermaid-svg', 'true');
+                                        svgElement.setAttribute('class', (svgElement.getAttribute('class') || '') + ' mermaid-isolated');
+                                        // 限制 SVG 内部元素的样式影响范围
+                                        var allElements = svgElement.querySelectorAll('*');
+                                        allElements.forEach(function(el) {
+                                            // 确保内部元素不会影响外部
+                                            if (el instanceof SVGElement) {
+                                                el.setAttribute('data-mermaid-internal', 'true');
+                                            }
+                                        });
+                                        wrapper.appendChild(svgElement);
                                     } else {
-                                        wrapper.innerHTML = svg;
+                                        // 如果解析失败，直接使用原始 SVG，但添加包装
+                                        var tempDiv = document.createElement('div');
+                                        tempDiv.innerHTML = svg;
+                                        var extractedSvg = tempDiv.querySelector('svg');
+                                        if (extractedSvg) {
+                                            extractedSvg.setAttribute('style', 'max-width: 100%; height: auto; overflow: hidden;');
+                                            extractedSvg.setAttribute('data-mermaid-svg', 'true');
+                                            wrapper.appendChild(extractedSvg);
+                                        } else {
+                                            wrapper.innerHTML = svg;
+                                        }
                                     }
-                                }
-                                divRef.current.appendChild(wrapper);
+                                    container.appendChild(wrapper);
+                                    // 恢复透明度，实现淡入效果
+                                    requestAnimationFrame(function() {
+                                        container.style.opacity = '1';
+                                        container.style.transition = 'opacity 0.3s ease-in-out';
+                                    });
+                                });
                             }
                             // 渲染成功，重置状态
                             setState({
@@ -566,6 +563,7 @@ var MermaidRendererImpl = function(props) {
         style: {
             width: '100%',
             maxWidth: '100%',
+            minHeight: '200px',
             display: 'flex',
             justifyContent: 'center',
             visibility: snapshot.code && !snapshot.error ? 'visible' : 'hidden',
@@ -575,7 +573,9 @@ var MermaidRendererImpl = function(props) {
             contain: 'layout style paint',
             overflow: 'hidden',
             // 防止 SVG 样式影响外部
-            pointerEvents: snapshot.code && !snapshot.error ? 'auto' : 'none'
+            pointerEvents: snapshot.code && !snapshot.error ? 'auto' : 'none',
+            // 添加过渡效果，使更新更平滑
+            transition: 'opacity 0.3s ease-in-out, min-height 0.2s ease-in-out'
         },
         // 使用 data 属性标记，方便样式隔离
         "data-mermaid-container": "true"

package/package.json

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