@ant-design/agentic-ui 2.29.4-beta.0 → 2.29.5

package/dist/AgentRunBar/Robot.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export type RobotStatus = 'default' | 'thinking' | 'dazing' | 'pause';
-export interface RobotProps {
+type RobotStatus = 'default' | 'thinking' | 'dazing' | 'pause';
+interface RobotProps {
     /** 机器人状态 */
     status?: RobotStatus;
     /** 机器人大小 */

package/dist/AgentRunBar/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export * from './Robot';
 /**
  * 任务状态枚举
  * @enum {string}

package/dist/AgentRunBar/index.js

@@ -20,6 +20,7 @@ import { I18nContext } from "../I18n";
 import { PauseIcon, PlayIcon, SimplePauseIcon, SimplePlayIcon, SimpleStopIcon, StopIcon } from "./icons";
 import Robot from "./Robot";
 import { useStyle } from "./style";
+export * from "./Robot";
 /**
  * 任务状态枚举
  * @enum {string}

package/dist/Hooks/useLanguage.d.ts

@@ -382,6 +382,8 @@ export declare function useLanguage(): {
         'browser.totalResults': string;
         'browser.searching': string;
         'layout.header.title': string;
+        theme: string;
+        expandCollapse: string;
     };
     setLanguage: ((language: "zh-CN" | "en-US") => void) | undefined;
     toggleLanguage: () => void;

package/dist/I18n/locales.d.ts

@@ -346,6 +346,8 @@ export declare const cnLabels: {
     'browser.totalResults': string;
     'browser.searching': string;
     'layout.header.title': string;
+    theme: string;
+    expandCollapse: string;
 };
 /**
  * 英文标签映射对象

package/dist/I18n/locales.js

@@ -366,7 +366,9 @@
     'browser.noResults': '暂无结果',
     'browser.totalResults': '共${count}个结果',
     'browser.searching': '搜索中...',
-    'layout.header.title': 'AI 助手'
+    'layout.header.title': 'AI 助手',
+    theme: '主题',
+    expandCollapse: '展开/收起'
 };
 /**
  * 英文标签映射对象
@@ -734,5 +736,7 @@
     'browser.noResults': 'No results found',
     'browser.totalResults': 'Total ${count} results',
     'browser.searching': 'Searching...',
-    'layout.header.title': 'AI Assistant'
+    'layout.header.title': 'AI Assistant',
+    theme: 'Theme',
+    expandCollapse: 'Expand/Collapse'
 };

package/dist/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.js

@@ -72,7 +72,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
  * 移除了不必要的滚动监听和复杂的宽度计算
  */ export var ReadonlyTableComponent = /*#__PURE__*/ React.memo(function(param) {
     var hashId = param.hashId, children = param.children, element = param.element, baseCls = param.baseCls;
-    var _element_children__children, _element_children_, _element_children, _editorProps_tableConfig;
+    var _element_children__children, _element_children_, _element_children, _editorProps_tableConfig, _i18n_locale;
     var editorProps = useEditorStore().editorProps;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var _ref = (editorProps === null || editorProps === void 0 ? void 0 : editorProps.tableConfig) || {}, _ref_actions = _ref.actions, actions = _ref_actions === void 0 ? {
@@ -185,7 +185,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, hashId)
     }, tableDom), popoverContent, previewOpen && /*#__PURE__*/ React.createElement(Modal, {
-        title: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.previewTitle) || '预览表格',
+        title: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.previewTitle) || (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.previewTable) || '预览表格',
         open: previewOpen,
         closable: true,
         footer: null,

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

@@ -111,7 +111,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { Editor, Node, Path, Range, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 export var inlineNode = new Set([
-    'break'
+    'break',
+    'inline-katex'
 ]);
 var voidNode = new Set([
     'hr',

package/dist/MarkdownEditor/editor/style.js

@@ -139,8 +139,17 @@ var genStyle = function(token) {
         '[data-hidden]': {
             display: 'none'
         },
-        // KaTeX容器样式
+        // KaTeX容器样式和公式样式修复
+        // 确保 white-space: nowrap 不被父元素的 pre-wrap 覆盖
+        // KaTeX 库生成的元素需要 nowrap 来防止公式堆叠
+        '.katex': {
+            whiteSpace: 'nowrap !important'
+        },
         '.katex-container': {
+            whiteSpace: 'nowrap !important',
+            '& *': {
+                whiteSpace: 'nowrap !important'
+            },
             '.newline': {
                 margin: '4px 0'
             }

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -195,7 +195,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     var _props_style, _props_attachment, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-input-field');
-    var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var _useStyle = useStyle(baseCls, props.disableHoverAnimation), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     // 状态管理
     var _useMarkdownInputFieldState = useMarkdownInputFieldState({
         value: props.value,

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.js

@@ -175,6 +175,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import React from "react";
+import { Editor, Transforms } from "slate";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 import { upLoadFileToServer } from "../AttachmentButton";
 import { isMobileDevice } from "../AttachmentButton/utils";
@@ -323,11 +324,38 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
     }());
     // 键盘事件：早返回减少嵌套
     var handleKeyDown = useRefFunction(function(e) {
-        var _markdownEditorRef_current;
+        var _markdownEditorRef_current, _markdownEditorRef_current_markdownEditorRef, _markdownEditorRef_current1;
         if (markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.store.inputComposition) return;
+        var editor = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current1 = markdownEditorRef.current) === null || _markdownEditorRef_current1 === void 0 ? void 0 : (_markdownEditorRef_current_markdownEditorRef = _markdownEditorRef_current1.markdownEditorRef) === null || _markdownEditorRef_current_markdownEditorRef === void 0 ? void 0 : _markdownEditorRef_current_markdownEditorRef.current;
         var isEnter = e.key === 'Enter';
         var isMod = e.ctrlKey || e.metaKey;
         var isShift = e.shiftKey;
+        // 处理 Home 键：移动到文档开头
+        if (e.key === 'Home' && !isMod && editor) {
+            e.preventDefault();
+            e.stopPropagation();
+            var start = Editor.start(editor, []);
+            Transforms.select(editor, start);
+            return;
+        }
+        // 处理 End 键：移动到文档末尾
+        if (e.key === 'End' && !isMod && editor) {
+            e.preventDefault();
+            e.stopPropagation();
+            var end = Editor.end(editor, []);
+            Transforms.select(editor, end);
+            return;
+        }
+        // 处理 Ctrl+A / Cmd+A：全选
+        if ((e.key === 'a' || e.key === 'A') && isMod && !isShift && editor) {
+            e.preventDefault();
+            e.stopPropagation();
+            Transforms.select(editor, {
+                anchor: Editor.start(editor, []),
+                focus: Editor.end(editor, [])
+            });
+            return;
+        }
         // 手机端禁用 Enter 键发送
         if (isEnter && !isMod && !isShift && isMobileDevice()) {
             return; // 让编辑器正常处理换行

package/dist/MarkdownInputField/style.d.ts

@@ -3,9 +3,10 @@ export declare const addGlowBorderOffset: (size: string | number) => string;
 /**
  * Probubble
  * @param prefixCls
+ * @param disableHoverAnimation 是否禁用 hover 动画
  * @returns
  */
-export declare function useStyle(prefixCls?: string): {
+export declare function useStyle(prefixCls?: string, disableHoverAnimation?: boolean): {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;
 };

package/dist/MarkdownInputField/style.js

@@ -104,8 +104,13 @@ var stopIconRotate = new Keyframes('stopIconRotate', {
     }
 });
 var genStyle = function(token) {
+    var hoverStyle = token.disableHoverAnimation ? {} : {
+        '&:hover': {
+            boxShadow: '0px 0px 1px 0px rgba(10, 48, 104, 0.25), 0px 2px 7px 0px rgba(10, 48, 104, 0.05), 0px 2px 5px -2px rgba(10, 48, 104, 0.06)'
+        }
+    };
     var _obj, _obj1;
-    return _obj1 = {}, _define_property(_obj1, token.componentCls, {
+    return _obj1 = {}, _define_property(_obj1, token.componentCls, _object_spread_props(_object_spread({
         width: '100%',
         height: '100%',
         display: 'flex',
@@ -125,10 +130,8 @@ var genStyle = function(token) {
             outline: '1px solid transparent',
             outlineColor: 'var(--mif-active-outline-color, transparent)'
         },
-        boxShadow: '0px 0px 1px 0px rgba(10, 48, 104, 0.15), 0px 1.5px 4px -1px rgba(10, 48, 104, 0.04)',
-        '&:hover': {
-            boxShadow: '0px 0px 1px 0px rgba(10, 48, 104, 0.25), 0px 2px 7px 0px rgba(10, 48, 104, 0.05), 0px 2px 5px -2px rgba(10, 48, 104, 0.06)'
-        },
+        boxShadow: '0px 0px 1px 0px rgba(10, 48, 104, 0.15), 0px 1.5px 4px -1px rgba(10, 48, 104, 0.04)'
+    }, hoverStyle), {
         '&-focused': {
             boxShadow: '0px 0px 1px 0px rgba(10, 48, 104, 0.25), 0px 2px 7px 0px rgba(10, 48, 104, 0.05), 0px 2px 5px -2px rgba(10, 48, 104, 0.06)'
         },
@@ -281,7 +284,7 @@ var genStyle = function(token) {
             animationTimingFunction: 'linear',
             animationIterationCount: 'infinite'
         }
-    }), _define_property(_obj1, "".concat(token.componentCls, "-before-tools"), {
+    })), _define_property(_obj1, "".concat(token.componentCls, "-before-tools"), {
         display: 'flex',
         gap: 8,
         width: '100%',
@@ -304,11 +307,13 @@ var genStyle = function(token) {
 /**
  * Probubble
  * @param prefixCls
+ * @param disableHoverAnimation 是否禁用 hover 动画
  * @returns
- */ export function useStyle(prefixCls) {
+ */ export function useStyle(prefixCls, disableHoverAnimation) {
     return useEditorStyleRegister('MarkdownInputField', function(token) {
         var proChatToken = _object_spread_props(_object_spread({}, token), {
-            componentCls: ".".concat(prefixCls)
+            componentCls: ".".concat(prefixCls),
+            disableHoverAnimation: disableHoverAnimation
         });
         return [
             resetComponent(proChatToken),

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -421,4 +421,14 @@ export type MarkdownInputFieldProps = {
      * @description 自定义发送按钮的样式和行为
      */
     sendButtonProps?: SendButtonCustomizationProps;
+    /**
+     * 是否禁用 hover 动画
+     * @description 控制是否在鼠标悬停时显示阴影动画效果
+     * @default false
+     * @example
+     * ```tsx
+     * <MarkdownInputField disableHoverAnimation={true} />
+     * ```
+     */
+    disableHoverAnimation?: boolean;
 };

package/dist/Plugins/chart/AreaChart/index.js

@@ -206,7 +206,8 @@ import { useStyle } from "./style";
     }, [
         filteredData,
         types,
-        xValues
+        xValues,
+        color
     ]);
     var options = {
         responsive: true,

package/dist/Plugins/chart/BarChart/index.js

@@ -183,7 +183,7 @@ var BarChart = function(param) {
     // 从数据中提取唯一的类别作为筛选选项
     var categories = useMemo(function() {
         var uniqueCategories = _to_consumable_array(new Set(safeData.map(function(item) {
-            return item.category;
+            return item === null || item === void 0 ? void 0 : item.category;
         }))).filter(Boolean);
         return uniqueCategories;
     }, [
@@ -192,7 +192,7 @@ var BarChart = function(param) {
     // 从数据中提取 filterLabel，过滤掉 undefined 值
     var validFilterLabels = useMemo(function() {
         return safeData.map(function(item) {
-            return item.filterLabel;
+            return item === null || item === void 0 ? void 0 : item.filterLabel;
         }).filter(function(filterLabel) {
             return filterLabel !== undefined;
         });
@@ -225,9 +225,9 @@ var BarChart = function(param) {
         var withFilterLabel = !filterLabels || !selectedFilterLabel ? base : base.filter(function(item) {
             return item.filterLabel === selectedFilterLabel;
         });
-        // 最终统一过滤掉 x 为空（null/undefined）的数据，避免后续 toString 报错
+        // 最终统一过滤掉 x 为空（null/undefined/空字符串）的数据，避免后续 toString 报错
         return withFilterLabel.filter(function(item) {
-            return item.x !== null && item.x !== undefined;
+            return item.x !== null && item.x !== undefined && item.x !== '' && String(item.x).trim() !== '';
         });
     }, [
         safeData,
@@ -250,7 +250,7 @@ var BarChart = function(param) {
             var uniqueValues = _to_consumable_array(new Set(filteredData.map(function(item) {
                 return item.x;
             }).filter(function(x) {
-                return x !== null && x !== undefined;
+                return x !== null && x !== undefined && x !== '' && String(x).trim() !== '';
             })));
             return uniqueValues;
         }
@@ -518,12 +518,17 @@ var BarChart = function(param) {
     var calculateLabelWidth = function(text) {
         var fontSize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 11;
         // 创建临时canvas来测量文本宽度
-        var canvas = document.createElement('canvas');
-        var context = canvas.getContext('2d');
-        if (!context) return text.length * fontSize * 0.6; // 备用估算
-        context.font = "".concat(fontSize, "px Arial, sans-serif");
-        var metrics = context.measureText(text);
-        return metrics.width;
+        try {
+            var canvas = document.createElement('canvas');
+            var context = canvas.getContext('2d');
+            if (!context) return text.length * fontSize * 0.6; // 备用估算
+            context.font = "".concat(fontSize, "px Arial, sans-serif");
+            var metrics = context.measureText(text);
+            return metrics.width;
+        } catch (e) {
+            // 在测试环境或无法使用 canvas 时使用备用估算
+            return text.length * fontSize * 0.6;
+        }
     };
     // 计算所需的最大标签宽度
     var calculateMaxLabelWidth = useMemo(function() {

package/dist/Plugins/chart/LineChart/index.js

@@ -219,7 +219,8 @@ var LineChart = function(_param) {
     }, [
         filteredData,
         types,
-        xValues
+        xValues,
+        color
     ]);
     var options = {
         responsive: true,
@@ -388,7 +389,7 @@ var LineChart = function(_param) {
         }, config), {
             theme: theme
         }));
-    })), /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
+    })), !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
         filterOptions: filterOptions,
         selectedFilter: selectedFilter,
         onFilterChange: setSelectedFilter

package/dist/Plugins/chart/utils.js

@@ -231,9 +231,13 @@ var intl = new Intl.NumberFormat('en-US', {
  *
  * @since 1.0.0
  */ export var extractAndSortXValues = function(data) {
-    // 提取所有 x 值并归一化
+    // 提取所有 x 值并归一化，同时过滤掉空值（null/undefined/空字符串）
     var normalizedValues = data.map(function(item) {
-        return normalizeXValue(item.x);
+        return item.x;
+    }).filter(function(x) {
+        return x !== null && x !== undefined && x !== '' && String(x).trim() !== '';
+    }).map(function(x) {
+        return normalizeXValue(x);
     });
     // 去重并排序
     var uniqueValues = _to_consumable_array(new Set(normalizedValues));
@@ -464,35 +468,45 @@ var intl = new Intl.NumberFormat('en-US', {
  * ```
  *
  * @since 1.0.0
- */ export var resolveCssVariable = function(cssVar) {
-    // 如果不是 CSS 变量，直接返回
-    if (!cssVar.trim().startsWith('var(')) {
-        return cssVar;
-    }
-    // 提取变量名，如 'var(--color-blue)' => '--color-blue'
-    var match = cssVar.match(/var\((--[^)]+)\)/);
-    if (!match) {
-        return cssVar;
-    }
-    // 从 DOM 中获取计算后的样式值
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-        try {
-            // 创建临时元素来获取计算后的颜色值
-            var tempEl = document.createElement('div');
-            tempEl.style.color = cssVar;
-            document.body.appendChild(tempEl);
-            var computedColor = window.getComputedStyle(tempEl).color;
-            document.body.removeChild(tempEl);
-            // 如果解析成功，将 rgb/rgba 转换为十六进制
-            if (computedColor && computedColor !== cssVar) {
-                return rgbToHex(computedColor);
+ */ export var resolveCssVariable = function() {
+    var cssVariableCache = new Map();
+    return function(cssVar) {
+        // 如果不是 CSS 变量，直接返回
+        if (!cssVar.trim().startsWith('var(')) {
+            return cssVar;
+        }
+        if (cssVariableCache.has(cssVar)) {
+            return cssVariableCache.get(cssVar);
+        }
+        // 提取变量名，如 'var(--color-blue)' => '--color-blue'
+        var match = cssVar.match(/var\((--[^)]+)\)/);
+        if (!match) {
+            // 无法匹配也缓存，避免重复解析
+            cssVariableCache.set(cssVar, cssVar);
+            return cssVar;
+        }
+        var resolvedColor = cssVar;
+        // 从 DOM 中获取计算后的样式值
+        if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+            try {
+                // 创建临时元素来获取计算后的颜色值
+                var tempEl = document.createElement('div');
+                tempEl.style.color = cssVar;
+                document.body.appendChild(tempEl);
+                var computedColor = window.getComputedStyle(tempEl).color;
+                document.body.removeChild(tempEl);
+                // 如果解析成功，将 rgb/rgba 转换为十六进制
+                if (computedColor && computedColor !== cssVar) {
+                    resolvedColor = rgbToHex(computedColor);
+                }
+            } catch (e) {
+                console.warn("Failed to resolve CSS variable: ".concat(cssVar), e);
             }
-        } catch (e) {
-            console.warn("Failed to resolve CSS variable: ".concat(cssVar), e);
         }
-    }
-    return cssVar;
-};
+        cssVariableCache.set(cssVar, resolvedColor);
+        return resolvedColor;
+    };
+}();
 /**
  * 将十六进制颜色或CSS变量转换为带透明度的 RGBA 字符串
  *

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

@@ -76,7 +76,7 @@ import { LoadImage } from "./LoadImage";
  * />
  * ```
  */ export var CodeToolbar = function(props) {
-    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1;
+    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     // 获取编辑器配置
@@ -187,14 +187,14 @@ import { LoadImage } from "./LoadImage";
             return onViewModeToggle === null || onViewModeToggle === void 0 ? void 0 : onViewModeToggle(value);
         }
     }) : null, /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: "主题",
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.theme) || '主题',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function() {
             setTheme(theme === 'github' ? 'chaos' : 'github');
         }
     }, /*#__PURE__*/ React.createElement(Moon, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
         theme: theme === 'chaos' ? 'dark' : 'light',
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.copy) || '复制',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.copy) || '复制',
         style: {
             fontSize: '1em',
             lineHeight: '1.75em',
@@ -214,7 +214,7 @@ import { LoadImage } from "./LoadImage";
             }
         }
     }, /*#__PURE__*/ React.createElement(Copy, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: "展开/收起",
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.expandCollapse) || '展开/收起',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function() {
             onExpandToggle === null || onExpandToggle === void 0 ? void 0 : onExpandToggle();

package/dist/ToolUseBarThink/style.js

@@ -57,7 +57,7 @@ var genStyle = function(token) {
     return _define_property({}, token.componentCls, {
         position: 'relative',
         cursor: 'pointer',
-        borderRadius: '24px',
+        borderRadius: 'var(--radius-card-base)',
         boxSizing: 'border-box',
         border: 'var(--color-gray-border-light)',
         boxShadow: 'var(--shadow-border-base)',
@@ -128,16 +128,17 @@ var genStyle = function(token) {
             width: '100%',
             display: 'flex',
             alignItems: 'center',
-            gap: '8px',
+            gap: '4px',
             zIndex: 1
         },
         '&-header': {
             height: 24,
             display: 'flex',
             alignItems: 'center',
-            gap: 8,
+            gap: 4,
             flex: 1,
             justifyContent: 'space-between',
+            paddingRight: 4,
             '&-light': {
                 gap: 4
             }

package/dist/typing.d.ts

@@ -1,5 +1,32 @@
-declare module '*.svg';
-declare module '*.webp';
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.png' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.jpg' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.jpeg' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.gif' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.webp' {
+  const content: string;
+  export default content;
+}
 declare module 'direction' {
   function direction(text: string): 'neutral' | 'ltr' | 'rtl';
   export default direction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.4-beta.0",
+  "version": "2.29.5",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,11 +24,15 @@
     "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && pnpm run test && pnpm run build",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
+    "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",
     "start": "pnpm run dev",
     "test": "vitest --run --exclude \"**/e2e/**\"",
     "test:coverage": "vitest --run --exclude \"**/e2e/**\" --coverage",
-    "test:e2e": "vitest run e2e",
+    "test:e2e": "playwright test",
+    "test:e2e:debug": "playwright test --debug",
+    "test:e2e:skip-server": "cross-env SKIP_WEBSERVER=1 playwright test",
+    "test:e2e:ui": "playwright test --ui",
     "tsc": "tsc --noEmit"
   },
   "lint-staged": {
@@ -57,8 +61,10 @@
     "@better-scroll/scroll-bar": "^2.5.1",
     "@galacean/effects": "^2.6.5",
     "@juggle/resize-observer": "^3.4.0",
+    "@react-three/fiber": "^8.18.0",
     "@schema-element-editor/host-sdk": "^2.1.1",
     "@sofa-design/icons": "^1.6.1",
+    "@types/three": "^0.182.0",
     "ace-builds": "^1.43.4",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -67,7 +73,9 @@
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
     "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
+    "cross-env": "^7.0.3",
     "dayjs": "^1.11.19",
     "diacritics": "^1.3.0",
     "direction": "^1.0.4",
@@ -111,10 +119,14 @@
     "slate-hyperscript": "0.100.0",
     "slate-react": "0.120.0",
     "string-width": "^7.2.0",
+    "styled-components": "^6.1.19",
+    "tailwind-merge": "^3.4.0",
+    "three": "^0.182.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.44.0",
     "@swc/core": "^1.3.53",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -134,6 +146,7 @@
     "@types/react-dom": "^18.3.7",
     "@types/react-resizable": "^3.0.8",
     "@types/reveal.js": "^5.2.1",
+    "@types/styled-components": "^5.1.36",
     "@types/uuid": "^10.0.0",
     "@umijs/lint": "^4.5.3",
     "@vitejs/plugin-react": "^4.7.0",