@ant-design/agentic-ui 2.30.29 → 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/BaseMarkdownEditor.d.ts

@@ -3,6 +3,7 @@ import { parserMdToSchema } from './editor/parser/parserMdToSchema';
 import { EditorUtils } from './editor/utils/editorUtils';
 import { MarkdownEditorProps } from './types';
 export { EditorUtils, parserMdToSchema };
+export { sanitizeEditorChromeStyle } from './utils/sanitizeChromeStyle';
 export * from './editor/elements';
 export * from './editor/utils';
 export * from './el';

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -175,8 +175,10 @@ import { useSystemKeyboard } from "./editor/utils/keyboard";
 import { PluginContext } from "./plugin";
 import { useStyle } from "./style";
 import { exportHtml } from "./utils/exportHtml";
+import { sanitizeEditorChromeStyle } from "./utils/sanitizeChromeStyle";
 // 原生表格功能已集成到编辑器中
 export { EditorUtils, parserMdToSchema };
+export { sanitizeEditorChromeStyle } from "./utils/sanitizeChromeStyle";
 export * from "./editor/elements";
 export * from "./editor/utils";
 export * from "./el";
@@ -202,9 +204,9 @@ var I18nBoundary = function I18nBoundary(param) {
 /** 基于 Slate.js 的 Markdown 编辑器核心组件，readonly + renderMode='markdown' 时走轻量 MarkdownRenderer */ export var BaseMarkdownEditor = function BaseMarkdownEditor(props) {
     var _ref, _ref1, _props_streaming, _props_readonly;
     var _props_jinja, _effectiveJinja_templatePanel, _props_floatBar, _props_floatBar1, _props_textAreaProps;
-    var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, style = props.style, _props_contentStyle = props.contentStyle, contentStyle = _props_contentStyle === void 0 ? {
+    var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, rawStyle = props.style, tmp = props.contentStyle, rawContentStyle = tmp === void 0 ? {
         height: '100%'
-    } : _props_contentStyle, editorStyle = props.editorStyle, height = props.height, children = props.children, renderMode = props.renderMode, renderType = props.renderType, rest = _object_without_properties(props, [
+    } : tmp, editorStyle = props.editorStyle, height = props.height, children = props.children, renderMode = props.renderMode, renderType = props.renderType, rest = _object_without_properties(props, [
         "initValue",
         "width",
         "toolBar",
@@ -220,6 +222,8 @@ var I18nBoundary = function I18nBoundary(param) {
         "renderMode",
         "renderType"
     ]);
+    var contentStyle = sanitizeEditorChromeStyle(rawContentStyle);
+    var rootStyle = sanitizeEditorChromeStyle(rawStyle);
     var effectiveRenderMode = (_ref = renderMode !== null && renderMode !== void 0 ? renderMode : renderType) !== null && _ref !== void 0 ? _ref : 'slate';
     // 是否挂载
     var _useState = _sliced_to_array(useState(false), 2), editorMountStatus = _useState[0], setMountedStatus = _useState[1];
@@ -393,7 +397,7 @@ var I18nBoundary = function I18nBoundary(param) {
             style: _object_spread({
                 width: width || '100%',
                 height: height || 'auto'
-            }, style),
+            }, rootStyle),
             ref: markdownContainerRef
         }, /*#__PURE__*/ React.createElement(MarkdownRenderer, {
             content: initValue || '',
@@ -452,7 +456,7 @@ var I18nBoundary = function I18nBoundary(param) {
         style: _object_spread({
             width: width || '100%',
             height: height || 'auto'
-        }, style)
+        }, rootStyle)
     }, !readonly && (toolBar === null || toolBar === void 0 ? void 0 : toolBar.enable) === true ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseClassName, "-toolbar-container"), _define_property({}, "".concat(baseClassName, "-min-toolbar"), toolBar.min))
     }, /*#__PURE__*/ React.createElement(ToolBar, {

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
         }
@@ -515,7 +511,6 @@ var genStyle = function genStyle(token) {
         borderRadius: 'var(--radius-control-sm)',
         background: 'var(--color-primary-bg-tip)',
         '[data-tag-popup-input]': {
-            border: '1px solid var(--color-gray-control-border-default, rgba(20, 22, 28, 0.12))',
             color: 'var(--color-primary-text-default, rgba(20, 22, 28, 0.88))',
             '&:not([data-composition]).empty::before': {
                 color: 'var(--color-gray-text-light, rgba(80, 94, 119, 0.53))',

package/dist/MarkdownEditor/utils/sanitizeChromeStyle.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties } from 'react';
+/**
+ * 清理会产生无效内联声明的样式值（如 `padding-top: ;`、`--foo: ;`）。
+ * 用于 BaseMarkdownEditor 根 `style` 与 `contentStyle`。
+ */
+export declare function sanitizeEditorChromeStyle(style: CSSProperties | undefined): CSSProperties;

package/dist/MarkdownEditor/utils/sanitizeChromeStyle.js

@@ -0,0 +1,87 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var PADDING_KEYS = [
+    'padding',
+    'paddingTop',
+    'paddingRight',
+    'paddingBottom',
+    'paddingLeft'
+];
+/**
+ * 清理会产生无效内联声明的样式值（如 `padding-top: ;`、`--foo: ;`）。
+ * 用于 BaseMarkdownEditor 根 `style` 与 `contentStyle`。
+ */ export function sanitizeEditorChromeStyle(style) {
+    if (!style) return {};
+    var out = _object_spread({}, style);
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = PADDING_KEYS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var k = _step.value;
+            if (out[k] === '') {
+                delete out[k];
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+    try {
+        for(var _iterator1 = Object.keys(out)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+            var key = _step1.value;
+            if (key.startsWith('--') && out[key] === '') {
+                delete out[key];
+            }
+        }
+    } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                _iterator1.return();
+            }
+        } finally{
+            if (_didIteratorError1) {
+                throw _iteratorError1;
+            }
+        }
+    }
+    return out;
+}

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -280,7 +280,6 @@ var genStyle = function genStyle(token) {
     }), _define_property(_obj1, "".concat(token.componentCls, "-container"), {
         position: 'relative',
         background: 'var(--color-gray-bg-page)',
-        borderBottom: '1px solid var(--color-gray-border-light, rgba(20, 22, 28, 0.12)) !important',
         '&-empty': {
             border: 'none'
         }

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -211,6 +211,9 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     ]);
     var _ref;
     var _props_skillMode, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2, _props_toolsRender;
+    var _ref1 = markdownProps !== null && markdownProps !== void 0 ? markdownProps : {}, markdownContentStyle = _ref1.contentStyle, markdownPropsRest = _object_without_properties(_ref1, [
+        "contentStyle"
+    ]);
     // 默认关闭文件上传，需显式传入 attachment.enable: true 开启
     var attachment = _object_spread({}, DEFAULT_ATTACHMENT, props.attachment);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
@@ -426,11 +429,11 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
             enable: false
         },
         readonly: editorReadonly,
-        contentStyle: {
+        contentStyle: _object_spread({
             alignItems: 'flex-start',
             padding: 'var(--padding-3x)',
             paddingRight: computedRightPadding || 'var(--padding-3x)'
-        },
+        }, markdownContentStyle),
         textAreaProps: {
             enable: true,
             placeholder: props.placeholder
@@ -486,7 +489,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
             ],
             plainTextOnly: true
         }, props.pasteConfig)
-    }, markdownProps), (props === null || props === void 0 ? void 0 : props.quickActionRender) || ((_props_refinePrompt = props.refinePrompt) === null || _props_refinePrompt === void 0 ? void 0 : _props_refinePrompt.enable) || ((_props_enlargeable1 = props.enlargeable) === null || _props_enlargeable1 === void 0 ? void 0 : _props_enlargeable1.enable) ? /*#__PURE__*/ React.createElement(QuickActions, {
+    }, markdownPropsRest), (props === null || props === void 0 ? void 0 : props.quickActionRender) || ((_props_refinePrompt = props.refinePrompt) === null || _props_refinePrompt === void 0 ? void 0 : _props_refinePrompt.enable) || ((_props_enlargeable1 = props.enlargeable) === null || _props_enlargeable1 === void 0 ? void 0 : _props_enlargeable1.enable) ? /*#__PURE__*/ React.createElement(QuickActions, {
         ref: quickActionsRef,
         value: value,
         fileMap: fileMap,

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;
@@ -253,13 +271,13 @@ function SendIcon(props) {
             }
         },
         style: style,
-        className: classNames(baseCls, hashId, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-compact"), props.compact), _define_property(_obj, "".concat(baseCls, "-disabled"), disabled), _define_property(_obj, "".concat(baseCls, "-typing"), typing), _obj))
+        className: classNames(baseCls, hashId, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-compact"), props.compact), _define_property(_obj, "".concat(baseCls, "-disabled"), disabled || !isSendable), _define_property(_obj, "".concat(baseCls, "-typing"), typing), _obj))
     }, /*#__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
     })))));
 };