@ant-design/agentic-ui 2.30.30 → 2.30.31

package/dist/Bubble/AIBubble.js

@@ -272,14 +272,14 @@ var getTaskList = function getTaskList(originData) {
  * </AIBubble>
  * ```
  */ export var AIBubble = /*#__PURE__*/ memo(function(props) {
-    var _ref, _messageDisplayKeyRef_current, _props_readonly;
+    var _messageDisplayKeyRef_current, _props_readonly;
     var _props_originData, _props_originData1, _props_originData2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig, _props_originData_fileMap, _props_originData6, _props_markdownRenderConfig, _props_bubbleRenderConfig1, _props_styles, _props_bubbleRenderConfig2, _bubbleRenderConfig_render;
     var onAvatarClick = props.onAvatarClick, className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, preMessage = props.preMessage;
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var messageDisplayKeyRef = useRef(null);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var _ref1 = context || {}, compact = _ref1.compact, standalone = _ref1.standalone, extraShowOnHover = _ref1.extraShowOnHover;
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, extraShowOnHover = _ref.extraShowOnHover;
     var prefixClass = getPrefixCls('agentic');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
@@ -310,7 +310,10 @@ var getTaskList = function getTaskList(originData) {
             messageDisplayKeyRef.current = nanoid();
         }
     }
-    var messageDisplayKey = (_ref = (_messageDisplayKeyRef_current = messageDisplayKeyRef.current) !== null && _messageDisplayKeyRef_current !== void 0 ? _messageDisplayKeyRef_current : id) !== null && _ref !== void 0 ? _ref : nanoid();
+    if (!messageDisplayKeyRef.current && !id) {
+        messageDisplayKeyRef.current = nanoid();
+    }
+    var messageDisplayKey = (_messageDisplayKeyRef_current = messageDisplayKeyRef.current) !== null && _messageDisplayKeyRef_current !== void 0 ? _messageDisplayKeyRef_current : id;
     var rawContent = props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.content;
     var _useMemo = useMemo(function() {
         return extractFilemapBlocks(typeof rawContent === 'string' ? rawContent : '');

package/dist/Bubble/List/PureBubbleList.js

@@ -177,7 +177,28 @@ export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
     }, [
         bubbleList,
         props.style,
-        props.lazy
+        props.lazy,
+        bubbleListRef,
+        bubbleRenderConfig,
+        classNames,
+        props.bubbleRef,
+        markdownRenderConfig,
+        docListProps,
+        styles,
+        props.readonly,
+        onReply,
+        onDislike,
+        onDisLike,
+        onLike,
+        onLikeCancel,
+        onCancelLike,
+        onAvatarClick,
+        onDoubleClick,
+        shouldShowCopy,
+        shouldShowVoice,
+        userMeta,
+        assistantMeta,
+        deps
     ]);
     if (isLoading) {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {

package/dist/Bubble/List/index.js

@@ -154,12 +154,16 @@ import { useStyle } from "./style";
     ]);
     var prefixClass = getPrefixCls('agentic-bubble-list');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var prevStyleRef = useRef(props.style);
+    if (props.style !== prevStyleRef.current && !shallowEqualRecord(props.style || {}, prevStyleRef.current || {})) {
+        prevStyleRef.current = props.style;
+    }
     var deps = useMemo(function() {
         return [
-            props.style
+            prevStyleRef.current
         ];
     }, [
-        JSON.stringify(props.style)
+        prevStyleRef.current
     ]);
     // 为 loading 项生成唯一的 key，使用 ref 缓存以确保稳定性
     var loadingKeysRef = useRef(new Map());
@@ -224,11 +228,9 @@ import { useStyle } from "./style";
             var useLazyWrapper = !!isLazyEnabled && ((_ref = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : (_props_lazy_shouldLazyLoad = _props_lazy.shouldLazyLoad) === null || _props_lazy_shouldLazyLoad === void 0 ? void 0 : _props_lazy_shouldLazyLoad.call(_props_lazy, index, totalCount)) !== null && _ref !== void 0 ? _ref : true);
             var bubbleElement = /*#__PURE__*/ React.createElement("div", {
                 key: itemKey,
-                style: useLazyWrapper ? {
+                style: {
                     minWidth: 0,
                     width: '100%'
-                } : {
-                    display: 'contents'
                 },
                 "data-bubble-list-item": true,
                 "data-is-last": isLast ? 'true' : 'false'

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -448,7 +448,8 @@ import { VoiceButton } from "./VoiceButton";
         originalData === null || originalData === void 0 ? void 0 : originalData.isFinished,
         typing,
         feedbackLoading,
-        props.onLikeCancel || props.onCancelLike
+        props.onLikeCancel,
+        props.onCancelLike
     ]);
     var disLike = useMemo(function() {
         return shouldShowDisLike && !typing ? /*#__PURE__*/ React.createElement(ActionIconBox, {
@@ -698,7 +699,8 @@ import { VoiceButton } from "./VoiceButton";
         var _props_onRenderExtraNull;
         (_props_onRenderExtraNull = props.onRenderExtraNull) === null || _props_onRenderExtraNull === void 0 ? void 0 : _props_onRenderExtraNull.call(props, !dom && !reSend);
     }, [
-        dom
+        dom,
+        reSend
     ]);
     // 检查是否有任何内容需要渲染
     var hasLeftContent = typing && originalData.content !== '...' || reSend;

package/dist/Components/ActionIconBox/index.js

@@ -356,11 +356,11 @@ import { useStyle } from "./style";
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];
@@ -413,11 +413,11 @@ import { useStyle } from "./style";
                                 3,
                                 5
                             ];
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];
@@ -482,11 +482,11 @@ import { useStyle } from "./style";
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];
@@ -539,11 +539,11 @@ import { useStyle } from "./style";
                                 3,
                                 5
                             ];
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];

package/dist/Hooks/useLanguage.d.ts

@@ -289,6 +289,7 @@ export declare function useLanguage(): {
         'workspace.browser': string;
         'workspace.task': string;
         'workspace.file': string;
+        'workspace.fileTree': string;
         'workspace.custom': string;
         'workspace.terminalExecution': string;
         'workspace.createHtmlFile': string;

package/dist/I18n/locales.d.ts

@@ -251,6 +251,7 @@ export declare const cnLabels: {
     'workspace.browser': string;
     'workspace.task': string;
     'workspace.file': string;
+    'workspace.fileTree': string;
     'workspace.custom': string;
     'workspace.terminalExecution': string;
     'workspace.createHtmlFile': string;

package/dist/I18n/locales.js

@@ -262,6 +262,7 @@
     'workspace.browser': '浏览器',
     'workspace.task': '任务',
     'workspace.file': '文件',
+    'workspace.fileTree': '文件树',
     'workspace.custom': '自定义',
     'workspace.terminalExecution': '终端执行',
     'workspace.createHtmlFile': '创建 HTML 文件',
@@ -722,6 +723,7 @@
     'workspace.browser': 'Browser',
     'workspace.task': 'Task',
     'workspace.file': 'File',
+    'workspace.fileTree': 'File tree',
     'workspace.custom': 'Custom',
     'workspace.terminalExecution': 'Terminal execution',
     'workspace.createHtmlFile': 'Create HTML file',

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

@@ -123,22 +123,31 @@ import partialJsonParse from "../json-parse";
 var THINK_TAG_CANONICAL_CLOSE = '</think>';
 /** 部分模型输出的外壳别名；拼接避免与规范标签在源码中混淆 */ var REDACTED_THINKING_ALIAS_OPEN = '<' + 'redacted_' + 'thinking' + '>';
 var REDACTED_THINKING_ALIAS_CLOSE = '</' + 'redacted_' + 'thinking' + '>';
+var THINKING_ALIAS_OPEN = '<' + 'thinking' + '>';
+var THINKING_ALIAS_CLOSE = '</' + 'thinking' + '>';
 var escapeRegExp = function escapeRegExp(value) {
     return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 };
 /** 仅替换「成对」别名标签，避免正文里偶然出现的孤立字面量被误换 */ var REDACTED_THINKING_ALIAS_PAIR_REGEX = new RegExp("".concat(escapeRegExp(REDACTED_THINKING_ALIAS_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(REDACTED_THINKING_ALIAS_CLOSE)), 'gi');
+var THINKING_ALIAS_PAIR_REGEX = new RegExp("".concat(escapeRegExp(THINKING_ALIAS_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(THINKING_ALIAS_CLOSE)), 'gi');
 var FIND_THINK_CANONICAL_BLOCK_RE = new RegExp("^\\s*".concat(escapeRegExp(THINK_TAG_CANONICAL_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(THINK_TAG_CANONICAL_CLOSE), "\\s*$"), 'i');
-var FIND_THINK_ALIAS_BLOCK_RE = new RegExp("^\\s*".concat(escapeRegExp(REDACTED_THINKING_ALIAS_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(REDACTED_THINKING_ALIAS_CLOSE), "\\s*$"), 'i');
+var FIND_THINK_ALIAS_BLOCK_RE = new RegExp("^\\s*(?:".concat(escapeRegExp(REDACTED_THINKING_ALIAS_OPEN), "|").concat(escapeRegExp(THINKING_ALIAS_OPEN), ")([\\s\\S]*?)(?:").concat(escapeRegExp(REDACTED_THINKING_ALIAS_CLOSE), "|").concat(escapeRegExp(THINKING_ALIAS_CLOSE), ")\\s*$"), 'i');
 /**
  * 将成对的别名标签 `<think>`…`</think>` 归一为与 `preprocessSpecialTags(..., 'think')` 契约一致的规范标签。
  * 否则 `preprocessThinkTags` 无法把思考区内的 ``` 围栏换成 【CODE_BLOCK】，内层 JSON 会变成顶层独立 code 节点。
  */ export function normalizeThinkTagAliases(markdown) {
-    if (!markdown || markdown.indexOf(REDACTED_THINKING_ALIAS_OPEN) === -1) {
-        return markdown;
-    }
-    return markdown.replace(REDACTED_THINKING_ALIAS_PAIR_REGEX, function(_match, inner) {
+    if (!markdown) return markdown;
+    var replaceToCanonical = function replaceToCanonical(_match, inner) {
         return "".concat(THINK_TAG_CANONICAL_OPEN).concat(inner).concat(THINK_TAG_CANONICAL_CLOSE);
-    });
+    };
+    var result = markdown;
+    if (result.indexOf(REDACTED_THINKING_ALIAS_OPEN) !== -1) {
+        result = result.replace(REDACTED_THINKING_ALIAS_PAIR_REGEX, replaceToCanonical);
+    }
+    if (result.indexOf(THINKING_ALIAS_OPEN) !== -1) {
+        result = result.replace(THINKING_ALIAS_PAIR_REGEX, replaceToCanonical);
+    }
+    return result;
 }
 /**
  * 解码 URI 组件，处理错误情况

package/dist/MarkdownEditor/style.js

@@ -367,10 +367,6 @@ var genStyle = function genStyle(token) {
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
             padding: 'var(--agentic-ui-content-padding, 4px 4px)'
         }),
-        '&-content': {
-            '--margin-4x': 'var(--agentic-ui-editor-margin-4x, 6px)',
-            '--margin-2x': 'var(--agentic-ui-editor-margin-2x, 4px)'
-        },
         '&-focus': {
             height: 64
         }

package/dist/MarkdownInputField/SendButton/index.d.ts

@@ -83,7 +83,7 @@ type SendButtonProps = {
  * @component
  * @description 发送按钮组件，支持多种状态和动画效果
  * @param {SendButtonProps} props - 组件属性
- * @param {boolean} props.isHover - 指示鼠标是否悬停在按钮上
+ * @param {boolean} props.isSendable - 是否处于可发送状态
  * @param {boolean} props.disabled - 指示按钮是否禁用
  * @param {boolean} props.typing - 指示是否处于输入状态
  * @param {() => void} props.onClick - 点击按钮时的回调函数
@@ -95,7 +95,7 @@ type SendButtonProps = {
  * @example
  * ```tsx
  * <SendButton
- *   isHover={false}
+ *   isSendable
  *   disabled={false}
  *   typing={false}
  *   onClick={() => console.log('发送消息')}

package/dist/MarkdownInputField/SendButton/index.js

@@ -86,13 +86,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { ConfigProvider, Tooltip } from "antd";
+import { ConfigProvider, Tooltip, theme as antdTheme } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
-import React, { useContext, useEffect } from "react";
+import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { STOP_ICON_DISK_FILL, STOP_ICON_HALO_FILL, StopIcon } from "../../AgentRunBar/icons";
 import { I18nContext } from "../../I18n";
+import { getSendButtonPalette, resolveSendButtonDisplayColors } from "./sendButtonPalette";
 import { useStyle } from "./style";
 /**
  * 解析发送按钮的最终禁用状态：用户显式传入优先，否则按上传状态判断
@@ -100,18 +101,12 @@ import { useStyle } from "./style";
     var _ref;
     return (_ref = sendButtonProps === null || sendButtonProps === void 0 ? void 0 : sendButtonProps.disabled) !== null && _ref !== void 0 ? _ref : fileUploadStatus === 'uploading';
 }
-/** 未传入 `colors` 时使用 CSS 语义变量（与原先全局 SVG 覆盖一致） */ var SEND_BUTTON_THEME_COLORS = {
-    icon: 'var(--color-gray-bg-card-white, #ffffff)',
-    iconHover: 'var(--color-gray-bg-card-white, #ffffff)',
-    background: 'var(--color-primary-control-fill-primary, #1677ff)',
-    backgroundHover: 'var(--color-primary-control-fill-primary, #1677ff)'
-};
 function SendIcon(props) {
-    var _ref, _ref1, _ref2, _ref3;
-    var hover = props.hover, typing = props.typing, colors = props.colors, rest = _object_without_properties(props, [
-        "hover",
+    var isActive = props.isActive, disabled = props.disabled, typing = props.typing, displayColors = props.displayColors, rest = _object_without_properties(props, [
+        "isActive",
+        "disabled",
         "typing",
-        "colors"
+        "displayColors"
     ]);
     if (typing) {
         return /*#__PURE__*/ React.createElement(StopIcon, _object_spread_props(_object_spread({}, rest), {
@@ -119,12 +114,9 @@ function SendIcon(props) {
             haloFill: STOP_ICON_HALO_FILL
         }));
     }
-    var currentColors = {
-        icon: (_ref = colors === null || colors === void 0 ? void 0 : colors.icon) !== null && _ref !== void 0 ? _ref : SEND_BUTTON_THEME_COLORS.icon,
-        iconHover: (_ref1 = colors === null || colors === void 0 ? void 0 : colors.iconHover) !== null && _ref1 !== void 0 ? _ref1 : SEND_BUTTON_THEME_COLORS.iconHover,
-        background: (_ref2 = colors === null || colors === void 0 ? void 0 : colors.background) !== null && _ref2 !== void 0 ? _ref2 : SEND_BUTTON_THEME_COLORS.background,
-        backgroundHover: (_ref3 = colors === null || colors === void 0 ? void 0 : colors.backgroundHover) !== null && _ref3 !== void 0 ? _ref3 : SEND_BUTTON_THEME_COLORS.backgroundHover
-    };
+    var useActive = isActive && !disabled;
+    var circleFill = useActive ? displayColors.backgroundActive : displayColors.backgroundMuted;
+    var arrowFill = useActive ? displayColors.iconActive : displayColors.iconMuted;
     return /*#__PURE__*/ React.createElement("svg", _object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
@@ -137,8 +129,8 @@ function SendIcon(props) {
         r: "0.5em",
         initial: false,
         animate: {
-            fill: hover ? currentColors.backgroundHover : currentColors.background,
-            fillOpacity: hover ? 1 : 0.03530000150203705
+            fill: circleFill,
+            fillOpacity: 1
         },
         transition: {
             duration: 0.6,
@@ -149,8 +141,8 @@ function SendIcon(props) {
         fillRule: "evenodd",
         initial: false,
         animate: {
-            fill: hover ? currentColors.iconHover : currentColors.icon,
-            fillOpacity: hover ? 1 : 0.24709999561309814
+            fill: arrowFill,
+            fillOpacity: 1
         },
         transition: {
             duration: 0.2,
@@ -167,7 +159,7 @@ function SendIcon(props) {
  * @component
  * @description 发送按钮组件，支持多种状态和动画效果
  * @param {SendButtonProps} props - 组件属性
- * @param {boolean} props.isHover - 指示鼠标是否悬停在按钮上
+ * @param {boolean} props.isSendable - 是否处于可发送状态
  * @param {boolean} props.disabled - 指示按钮是否禁用
  * @param {boolean} props.typing - 指示是否处于输入状态
  * @param {() => void} props.onClick - 点击按钮时的回调函数
@@ -179,7 +171,7 @@ function SendIcon(props) {
  * @example
  * ```tsx
  * <SendButton
- *   isHover={false}
+ *   isSendable
  *   disabled={false}
  *   typing={false}
  *   onClick={() => console.log('发送消息')}
@@ -210,10 +202,36 @@ function SendIcon(props) {
     // 仅在挂载时触发一次，避免引用变化导致重复打点
     // eslint-disable-next-line react-hooks/exhaustive-deps -- onInit intentionally once on mount
     }, []);
+    var token = antdTheme.useToken().token;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var locale = useContext(I18nContext).locale;
     var baseCls = getPrefixCls('agentic-md-input-field-send-button');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var displayColors = useMemo(function() {
+        return resolveSendButtonDisplayColors(getSendButtonPalette({
+            colorPrimary: token.colorPrimary,
+            colorBgContainer: token.colorBgContainer,
+            colorTextLightSolid: token.colorTextLightSolid,
+            colorTextTertiary: token.colorTextTertiary,
+            colorFillTertiary: token.colorFillTertiary,
+            colorText: token.colorText
+        }), colors, {
+            colorPrimary: token.colorPrimary,
+            colorBgContainer: token.colorBgContainer,
+            colorTextLightSolid: token.colorTextLightSolid,
+            colorTextTertiary: token.colorTextTertiary,
+            colorFillTertiary: token.colorFillTertiary,
+            colorText: token.colorText
+        });
+    }, [
+        colors,
+        token.colorBgContainer,
+        token.colorFillTertiary,
+        token.colorPrimary,
+        token.colorText,
+        token.colorTextLightSolid,
+        token.colorTextTertiary
+    ]);
     if (typeof window === 'undefined' || typeof document === 'undefined' || !window.document) {
         // SSR 环境下不渲染
         return null;
@@ -257,9 +275,9 @@ function SendIcon(props) {
     }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
         fallback: /*#__PURE__*/ React.createElement("div", null)
     }, /*#__PURE__*/ React.createElement(SendIcon, {
-        hover: isSendable && !disabled,
+        isActive: isSendable,
         disabled: disabled,
         typing: typing,
-        colors: colors
+        displayColors: displayColors
     })))));
 };

package/dist/MarkdownInputField/SendButton/sendButtonPalette.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 发送按钮默认色板：用 Ant Design token 的实色保证相对 colorBgContainer 的对比度，
+ * 随亮色 / 暗色主题切换。半透明 token 先与 colorBgContainer 叠算再比对比度、再混合。
+ */
+export interface SendButtonPaletteToken {
+    colorPrimary: string;
+    colorBgContainer: string;
+    colorTextLightSolid: string;
+    colorTextTertiary: string;
+    colorFillTertiary: string;
+    colorText?: string;
+}
+/**
+ * 基于当前主题 token 生成默认可发送 / 未激活填充与图标色
+ */
+export declare function getSendButtonPalette(token: SendButtonPaletteToken): {
+    readonly backgroundActive: string;
+    readonly backgroundMuted: string;
+    readonly iconActive: string;
+    readonly iconMuted: string;
+};
+export type SendButtonResolvedColors = {
+    backgroundActive: string;
+    backgroundMuted: string;
+    iconActive: string;
+    iconMuted: string;
+};
+/**
+ * 合并默认色板与用户 `colors`；与原先 background/backgroundHover、icon/iconHover 语义一致
+ */
+export declare function resolveSendButtonDisplayColors(basePalette: SendButtonResolvedColors, colors: {
+    icon?: string;
+    iconHover?: string;
+    background?: string;
+    backgroundHover?: string;
+} | undefined, token: SendButtonPaletteToken): SendButtonResolvedColors;