@ant-design/agentic-ui 2.31.3 → 2.31.4

package/dist/Plugins/chart/components/ChartFilter/style.js

@@ -65,10 +65,10 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         gap: '8px'
     }, "".concat(token.componentCls, "-region-dropdown-btn"), _define_property({
-        border: '1px solid #d9d9d9',
+        border: '1px solid var(--color-gray-border-light)',
         borderRadius: '6px',
-        backgroundColor: '#fff',
-        color: '#666',
+        backgroundColor: 'var(--color-gray-bg-card-white)',
+        color: 'var(--color-gray-text-secondary)',
         fontSize: '14px',
         display: 'flex',
         alignItems: 'center',
@@ -78,17 +78,17 @@ var genStyle = function genStyle(token) {
         height: '32px',
         padding: '0 12px',
         '&:hover': _define_property({
-            borderColor: '#8c8c8c',
-            color: '#343a45',
-            backgroundColor: '#f9f9f9'
+            borderColor: 'var(--color-gray-text-light)',
+            color: 'var(--color-gray-text-default)',
+            backgroundColor: 'var(--color-gray-bg-page-light)'
         }, "".concat(token.componentCls, "-dropdown-icon"), {
-            color: '#8c8c8c'
+            color: 'var(--color-gray-text-light)'
         })
     }, "".concat(token.componentCls, "-dropdown-icon"), {
         fontSize: '12px',
-        color: '#666'
+        color: 'var(--color-gray-text-secondary)'
     }))), _define_property(_obj1, "".concat(token.componentCls, "-segmented-filter"), {
-        backgroundColor: '#f5f5f5',
+        backgroundColor: 'var(--color-gray-control-fill-hover)',
         height: '32px',
         display: 'flex',
         alignItems: 'center',
@@ -111,8 +111,8 @@ var genStyle = function genStyle(token) {
             },
             '.ant-segmented-item-selected': {
                 borderRadius: '8px',
-                backgroundColor: '#fff !important',
-                border: '1px solid #d9d9d9 !important',
+                backgroundColor: 'var(--color-gray-bg-card-white) !important',
+                border: '1px solid var(--color-gray-border-light) !important',
                 boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.2), 0px 1.5px 4px -1px rgba(0, 19, 41, 0.04)',
                 '.ant-segmented-item-label': {
                     fontFamily: 'PingFang SC',
@@ -121,26 +121,26 @@ var genStyle = function genStyle(token) {
                     lineHeight: '20px',
                     letterSpacing: '0em',
                     fontVariationSettings: '"opsz" auto',
-                    /* gray/gray-文本-默认 */ /* 样式描述：--gray-a12 */ color: '#343a45 !important'
+                    /* gray/gray-文本-默认 */ /* 样式描述：--gray-a12 */ color: 'var(--color-gray-text-default) !important'
                 }
             }
         }
     }), _define_property(_obj1, // Dark theme styles
     '&-dark', (_obj = {}, _define_property(_obj, "".concat(token.componentCls, "-region-filter"), _define_property({}, "".concat(token.componentCls, "-region-dropdown-btn"), _define_property({
-        border: '1px solid #434343',
-        backgroundColor: '#1a1a1a',
+        border: '1px solid var(--color-gray-border-dark)',
+        backgroundColor: 'var(--color-gray-bg-page-dark)',
         color: 'rgba(255, 255, 255, 0.85)',
         '&:hover': _define_property({
-            borderColor: '#595959',
-            color: '#fff',
-            backgroundColor: '#262626'
+            borderColor: 'var(--color-gray-text-light)',
+            color: 'var(--color-gray-bg-card-white)',
+            backgroundColor: 'var(--color-gray-bg-page-dark)'
         }, "".concat(token.componentCls, "-dropdown-icon"), {
             color: 'rgba(255, 255, 255, 0.8)'
         })
     }, "".concat(token.componentCls, "-dropdown-icon"), {
         color: 'rgba(255, 255, 255, 0.65)'
     }))), _define_property(_obj, "".concat(token.componentCls, "-segmented-filter"), {
-        backgroundColor: '#262626',
+        backgroundColor: 'var(--color-gray-bg-page-dark)',
         '&.custom-segmented': {
             '.ant-segmented-item': {
                 '.ant-segmented-item-label': {
@@ -148,14 +148,14 @@ var genStyle = function genStyle(token) {
                 }
             },
             '.ant-segmented-item-selected': {
-                backgroundColor: '#fff !important',
-                border: '1px solid #434343 !important',
+                backgroundColor: 'var(--color-gray-bg-card-white) !important',
+                border: '1px solid var(--color-gray-border-dark) !important',
                 '.ant-segmented-item-label': {
-                    color: '#343a45 !important'
+                    color: 'var(--color-gray-text-default) !important'
                 }
             },
             '.ant-segmented-thumb': {
-                backgroundColor: '#343a45 !important'
+                backgroundColor: 'var(--color-gray-bg-page-dark) !important'
             }
         }
     }), _obj)), // Compact variant for toolbar integration

package/dist/Plugins/chart/components/ChartToolBar/style.js

@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         lineHeight: '24px',
         letterSpacing: '0em',
         fontVariationSettings: '"opsz" auto',
-        color: '#343a45',
+        color: 'var(--color-gray-text-default)',
         flex: 1,
         overflow: 'hidden',
         textOverflow: 'ellipsis',
@@ -80,7 +80,7 @@ var genStyle = function genStyle(token) {
         gap: '8px'
     }, _define_property(_obj, "".concat(token.componentCls, "-time-icon"), {
         fontSize: '14px',
-        color: '#00183d',
+        color: 'var(--color-primary-text-default)',
         marginRight: '2px'
     }), _define_property(_obj, "".concat(token.componentCls, "-data-time"), {
         fontFamily: 'PingFang SC',
@@ -109,12 +109,12 @@ var genStyle = function genStyle(token) {
         }
     }), _obj)), _define_property(_obj3, // Dark theme styles
     '&-dark', (_obj2 = {}, _define_property(_obj2, "".concat(token.componentCls, "-header-title"), {
-        color: '#fff',
+        color: 'var(--color-gray-bg-card-white)',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap'
     }), _define_property(_obj2, "".concat(token.componentCls, "-header-actions"), (_obj1 = {}, _define_property(_obj1, "".concat(token.componentCls, "-time-icon"), {
-        color: '#fff'
+        color: 'var(--color-gray-bg-card-white)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-data-time"), {
         color: 'rgba(255, 255, 255, 0.65)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-download-btn, ").concat(token.componentCls, "-copy-btn"), {

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

@@ -103,6 +103,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
+import { useDetectTheme } from "../../chart/hooks";
 import { useCodeEditorState, useRenderConditions, useToolbarConfig } from "../hooks";
 import { openHtmlLocalPreview, openMarkdownLocalPreview } from "../utils/localPreview";
 import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview, ThinkBlock } from "./index";
@@ -159,8 +160,9 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     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;
-    var _useState = _sliced_to_array(useState('github'), 2), theme = _useState[0], setTheme = _useState[1];
-    var _useState1 = _sliced_to_array(useState(true), 2), isExpanded = _useState1[0], setIsExpanded = _useState1[1];
+    var detectedTheme = useDetectTheme();
+    var theme = detectedTheme === 'dark' ? 'chaos' : 'github';
+    var _useState = _sliced_to_array(useState(true), 2), isExpanded = _useState[0], setIsExpanded = _useState[1];
     // 选中状态管理
     var _React_useState = _sliced_to_array(React.useState(false), 2), isSelected = _React_useState[0], setIsSelected = _React_useState[1];
     // 视图模式状态管理（用于HTML和Markdown）
@@ -173,13 +175,13 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     var hasJavaScript = language === 'html' && containsJavaScript(htmlValue);
     // 如果禁用了 HTML 预览或包含 JavaScript，强制使用代码模式
     var shouldDisablePreview = disableHtmlPreview || hasJavaScript;
-    var _useState2 = _sliced_to_array(useState(function() {
+    var _useState1 = _sliced_to_array(useState(function() {
         // 如果禁用了 HTML 预览或包含 JavaScript，强制使用代码模式
         if (shouldDisablePreview && language === 'html') {
             return 'code';
         }
         return language === 'html' || language === 'markdown' ? 'preview' : 'code';
-    }), 2), viewMode = _useState2[0], setViewMode = _useState2[1];
+    }), 2), viewMode = _useState1[0], setViewMode = _useState1[1];
     // 使用Ace编辑器Hook
     var _AceEditor = AceEditor({
         element: props.element,
@@ -307,7 +309,6 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
                 onEditorClick: focusEditor
             }, !props.element.frontmatter && !((_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.hideToolBar) && /*#__PURE__*/ React.createElement(CodeToolbar, _object_spread({
                 theme: theme,
-                setTheme: setTheme,
                 isExpanded: isExpanded,
                 onExpandToggle: function onExpandToggle() {
                     return setIsExpanded(!isExpanded);

package/dist/Plugins/code/components/CodeToolbar.d.ts

@@ -11,7 +11,6 @@ import { LanguageSelectorProps } from './LanguageSelector';
  */
 export interface CodeToolbarProps {
     theme: string;
-    setTheme: (theme: string) => void;
     isExpanded: boolean;
     /** 代码块元素数据 */
     element: CodeNode;

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

@@ -3,7 +3,7 @@
  * 提供代码块的各种操作功能，包括语言切换、复制、运行等
  * @author Code Plugin Team
  */ import { CloseCircleOutlined } from "@ant-design/icons";
-import { ArrowUpRight, ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
+import { ArrowUpRight, ChevronsUpDown, Copy } from "@sofa-design/icons";
 import { Segmented } from "antd";
 import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
@@ -77,14 +77,14 @@ import { LoadImage } from "./LoadImage";
  * ```
  */ export var CodeToolbar = function CodeToolbar(props) {
     var _ref;
-    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3, _i18n_locale4;
+    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     // 获取编辑器配置
     var editorProps = useEditorStore().editorProps;
     var disableHtmlPreview = (_ref = (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.disableHtmlPreview) !== null && _ref !== void 0 ? _ref : false;
     var viewModeLabels = (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.viewModeLabels;
-    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, onLocalPreview = props.onLocalPreview;
+    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, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode, onLocalPreview = props.onLocalPreview;
     // 检测 HTML 代码中是否包含 JavaScript
     var hasJavaScript = useMemo(function() {
         var _element_language;
@@ -187,14 +187,8 @@ import { LoadImage } from "./LoadImage";
             return onViewModeToggle === null || onViewModeToggle === void 0 ? void 0 : onViewModeToggle(value);
         }
     }) : null, /*#__PURE__*/ React.createElement(ActionIconBox, {
-        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 onClick() {
-            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_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.copy) || '复制',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.copy) || '复制',
         style: {
             fontSize: '1em',
             lineHeight: '1.75em',
@@ -211,13 +205,13 @@ import { LoadImage } from "./LoadImage";
             }
         }
     }, /*#__PURE__*/ React.createElement(Copy, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.expandCollapse) || '展开/收起',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.expandCollapse) || '展开/收起',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function onClick() {
             onExpandToggle === null || onExpandToggle === void 0 ? void 0 : onExpandToggle();
         }
     }, /*#__PURE__*/ React.createElement(ChevronsUpDown, null)), ((element === null || element === void 0 ? void 0 : element.language) === 'html' || (element === null || element === void 0 ? void 0 : element.language) === 'markdown') && onLocalPreview && /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale4 = i18n.locale) === null || _i18n_locale4 === void 0 ? void 0 : _i18n_locale4.localPreview) || '本地预览',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.localPreview) || '本地预览',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function onClick(e) {
             e.stopPropagation();

package/dist/Schema/SchemaEditor/style.js

@@ -57,7 +57,7 @@ var genStyle = function genStyle(token) {
     _define_property(_obj1, "".concat(token.componentCls), {
         display: 'flex',
         flexDirection: 'column',
-        background: '#ffffff',
+        background: 'var(--color-gray-bg-card-white)',
         borderRadius: '8px',
         overflow: 'hidden',
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         display: 'flex',
         flex: 1,
         gap: '4px',
-        background: '#FDFEFF',
+        background: 'var(--color-gray-bg-page-light)',
         minHeight: 0
     }), _define_property(_obj1, "".concat(token.componentCls, "-left"), {
         display: 'flex',
@@ -89,7 +89,7 @@ var genStyle = function genStyle(token) {
         flexDirection: 'column',
         gap: '8px',
         padding: '12px',
-        background: '#FDFEFF',
+        background: 'var(--color-gray-bg-page-light)',
         border: '1px solid rgba(9, 30, 66, 0.07)',
         borderRadius: '8px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-html-header"), {
@@ -100,14 +100,14 @@ var genStyle = function genStyle(token) {
         margin: 0,
         fontSize: 'var(--font-size-base)',
         fontWeight: 600,
-        color: '#495057'
+        color: 'var(--color-gray-text-default)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-html-header button"), {
         display: 'flex',
         alignItems: 'center',
         gap: '4px',
         padding: '3px 8px',
         fontSize: 'var(--font-size-sm)',
-        color: '#626F86'
+        color: 'var(--color-gray-text-secondary)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-html-content"), {
         flex: 1,
         minHeight: 0,
@@ -122,7 +122,7 @@ var genStyle = function genStyle(token) {
         flexDirection: 'column',
         gap: '8px',
         padding: '12px',
-        background: '#FDFEFF',
+        background: 'var(--color-gray-bg-page-light)',
         border: '1px solid rgba(9, 30, 66, 0.07)',
         borderRadius: '8px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-json-header"), {
@@ -133,14 +133,14 @@ var genStyle = function genStyle(token) {
         margin: 0,
         fontSize: 'var(--font-size-base)',
         fontWeight: 600,
-        color: '#495057'
+        color: 'var(--color-gray-text-default)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-json-header button"), {
         display: 'flex',
         alignItems: 'center',
         gap: '4px',
         padding: '3px 8px',
         fontSize: 'var(--font-size-sm)',
-        color: '#626F86'
+        color: 'var(--color-gray-text-secondary)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-json-content"), {
         flex: 1,
         minHeight: 0,
@@ -156,7 +156,7 @@ var genStyle = function genStyle(token) {
         minHeight: 0,
         border: '1px solid rgba(9, 30, 66, 0.07)',
         borderRadius: '8px',
-        background: '#fff',
+        background: 'var(--color-gray-bg-card-white)',
         boxShadow: '0px 1.5px 2px -1px rgba(0, 19, 41, 0.07)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-header"), {
         padding: '12px',
@@ -167,14 +167,14 @@ var genStyle = function genStyle(token) {
         margin: 0,
         fontSize: 'var(--font-size-base)',
         fontWeight: 600,
-        color: '#2c3e5d'
+        color: 'var(--color-gray-text-default)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-error"), {
-        background: '#fff5f5',
-        border: '1px solid #fed7d7',
+        background: 'var(--color-red-bg-page-light)',
+        border: '1px solid var(--color-red-border-light)',
         borderRadius: '4px',
         padding: '8px 12px',
         fontSize: 'var(--font-size-sm)',
-        color: '#c53030',
+        color: 'var(--color-red-text-default)',
         maxWidth: '300px',
         wordBreak: 'break-word'
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content"), {
@@ -184,7 +184,7 @@ var genStyle = function genStyle(token) {
         flex: 1,
         padding: '16px',
         overflow: 'auto',
-        background: '#ffffff',
+        background: 'var(--color-gray-bg-card-white)',
         borderRadius: '0 0 8px 8px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content-empty"), {
         display: 'flex',
@@ -194,14 +194,14 @@ var genStyle = function genStyle(token) {
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content-empty p"), {
         fontSize: 'var(--font-size-base)',
         textAlign: 'center',
-        color: '#8590A2'
+        color: 'var(--color-gray-text-light)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-fallback"), {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
         justifyContent: 'center',
         height: '100%',
-        color: '#6c757d',
+        color: 'var(--color-gray-text-secondary)',
         textAlign: 'center'
     }), _define_property(_obj1, "".concat(token.componentCls, "-fallback p"), {
         margin: '4px 0',
@@ -211,41 +211,41 @@ var genStyle = function genStyle(token) {
         flexDirection: 'column'
     }), _define_property(_obj, "".concat(token.componentCls, "-left"), {
         borderRight: 'none',
-        borderBottom: '1px solid #e1e5e9'
+        borderBottom: '1px solid var(--color-gray-border-light)'
     }), _define_property(_obj, "".concat(token.componentCls, "-html, ").concat(token.componentCls, "-json"), {
         minHeight: '200px'
     }), _obj)), // 滚动条样式
     _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar"), {
         width: '6px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar-track"), {
-        background: '#f1f1f1',
+        background: 'var(--color-gray-control-fill-secondary)',
         borderRadius: '3px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar-thumb"), {
-        background: '#c1c1c1',
+        background: 'var(--color-gray-text-light)',
         borderRadius: '3px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar-thumb:hover"), {
-        background: '#a8a8a8'
+        background: 'var(--color-gray-text-secondary)'
     }), // 编辑器主题适配
     _define_property(_obj1, "".concat(token.componentCls, " .ace_editor"), {
         borderRadius: '8px',
         background: 'rgba(9, 30, 66, 0.03)',
-        color: '#343a45'
+        color: 'var(--color-gray-text-default)'
     }), _define_property(_obj1, "".concat(token.componentCls, " .ace_editor.ace_dark"), {
-        background: '#2d3748',
-        color: '#e2e8f0'
+        background: 'var(--color-gray-bg-page-dark)',
+        color: 'var(--color-gray-text-light)'
     }), // 加载状态
     _define_property(_obj1, "".concat(token.componentCls, "-loading"), {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         height: '100%',
-        color: '#6c757d'
+        color: 'var(--color-gray-text-secondary)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-loading::after"), {
         content: "''",
         width: '20px',
         height: '20px',
-        border: '2px solid #e1e5e9',
-        borderTop: '2px solid #3182ce',
+        border: '2px solid var(--color-gray-border-light)',
+        borderTop: '2px solid var(--color-primary-control-fill-primary)',
         borderRadius: '50%',
         animationName: 'spin',
         animationDuration: '1s',

package/dist/ThoughtChainList/style.js

@@ -128,7 +128,7 @@ var genStyle = function genStyle(token) {
             '&-icon': {
                 width: 15,
                 height: 15,
-                color: token.colorSuccess || '#0CE0AD'
+                color: 'var(--color-green-text-default)'
             },
             '&&-collapse': {
                 borderRadius: '6px 12px 12px 12px'
@@ -162,7 +162,7 @@ var genStyle = function genStyle(token) {
             }
         },
         '&-content-wrapper': {
-            backgroundColor: token.colorBgContainer || '#FFF',
+            backgroundColor: 'var(--color-gray-bg-card-white)',
             position: 'relative',
             borderRadius: '6px 12px 12px 12px',
             zIndex: 9
@@ -209,7 +209,7 @@ var genStyle = function genStyle(token) {
                     }),
                     '& code[class*="language-"], pre[class*="language-"]': {
                         whiteSpace: 'break-spaces!important',
-                        color: 'rgb(102, 111, 141)',
+                        color: 'var(--color-gray-a9)',
                         fontFamily: 'SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Segoe UI-MONOSPACE'
                     },
                     '&-info': {
@@ -227,7 +227,7 @@ var genStyle = function genStyle(token) {
                         flexWrap: 'wrap',
                         '&-tag': {
                             padding: '0px 6px',
-                            background: 'radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%), radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(235, 255, 245, 0) 100%), #FFFFFF',
+                            background: 'radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%), radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(235, 255, 245, 0) 100%), var(--color-gray-bg-card-white)',
                             border: '1px solid rgba(227, 230, 234, 0.65)',
                             lineHeight: '26px'
                         },
@@ -248,7 +248,7 @@ var genStyle = function genStyle(token) {
                             lineHeight: '2em',
                             flexWrap: 'wrap',
                             letterSpacing: '0px',
-                            color: 'rgba(0, 0, 0, 0.85)'
+                            color: 'var(--color-gray-text-default)'
                         },
                         '&-action': {
                             opacity: 0,

package/dist/ToolUseBar/style.js

@@ -179,7 +179,7 @@ var genStyle = function genStyle(token) {
             cursor: 'pointer',
             transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
             '&:hover': {
-                color: '#959DA8'
+                color: 'var(--color-gray-text-light)'
             }
         },
         '&-tool-name': {
@@ -193,7 +193,7 @@ var genStyle = function genStyle(token) {
             lineClamp: 1,
             '&-loading': {
                 position: 'relative',
-                color: '#000'
+                color: 'var(--color-gray-text-default)'
             }
         },
         '&-tool-image-wrapper': {
@@ -279,7 +279,7 @@ var genStyle = function genStyle(token) {
             },
             '&-loading': {
                 position: 'relative',
-                color: '#000'
+                color: 'var(--color-gray-text-default)'
             }
         },
         '&-tool-time-expand': {
@@ -299,7 +299,7 @@ var genStyle = function genStyle(token) {
             borderRadius: '12px',
             background: 'var(--color-gray-control-fill-active)',
             padding: '4px 6px',
-            color: '#767E8B',
+            color: 'var(--color-gray-text-secondary)',
             gap: '8px',
             zIndex: 1
         },
@@ -336,7 +336,7 @@ var genStyle = function genStyle(token) {
             fontWeight: 'normal',
             lineHeight: '160%',
             letterSpacing: 'normal',
-            color: '#767E8B'
+            color: 'var(--color-gray-text-secondary)'
         },
         '&-tool-content-expand': {
             display: 'flex',
@@ -362,7 +362,7 @@ var genStyle = function genStyle(token) {
             width: '100%',
             borderRadius: 'var(--radius-control-base)',
             background: 'var(--color-yellow-bg-tip, rgba(250, 173, 20, 0.08))',
-            color: 'var(--color-yellow-text-secondary, #ad6800)',
+            color: 'var(--color-yellow-text-secondary)',
             padding: '8px',
             fontSize: 'var(--font-size-base)',
             alignItems: 'center',
@@ -372,12 +372,12 @@ var genStyle = function genStyle(token) {
             alignItems: 'center',
             font: 'var(--font-text-body-emphasized-base)',
             letterSpacing: 'var(--letter-spacing-body-emphasized-base, normal)',
-            color: 'var(--color-yellow-text-secondary, #ad6800)'
+            color: 'var(--color-yellow-text-secondary)'
         },
         '&-tool-error': {
             '&-tool-image-wrapper': {
                 '& .anticon': {
-                    color: '#F15B50'
+                    color: 'var(--color-red-text-default)'
                 }
             }
         }

package/dist/ToolUseBarThink/style.js

@@ -211,7 +211,7 @@ var genStyle = function genStyle(token) {
             background: 'var(--color-gray-bg-card-white)',
             zIndex: 0,
             position: 'relative',
-            color: '#767E8B',
+            color: 'var(--color-gray-text-secondary)',
             fontSize: 'var(--font-size-lg)',
             '& > svg, & > *:first-child': {
                 position: 'relative',

package/dist/Utils/rehypeSanitizeUserHtml.d.ts

@@ -0,0 +1,11 @@
+/**
+ * rehype 插件：清理用户输入中的危险 HTML，防止页面布局错乱和 XSS 攻击。
+ *
+ * 在 rehypeRaw 之后使用，对 hast 树执行：
+ * 1. 移除 doctype 声明
+ * 2. 完全移除危险元素（script、style 等）及其子节点
+ * 3. 解包结构性元素（html、head、body 等），保留子节点
+ * 4. 保留 GFM 任务列表的 input[type=checkbox]，移除其他 input
+ * 5. 清理所有元素的危险属性（on* 事件、javascript: URL）
+ */
+export declare const rehypeSanitizeUserHtml: () => (tree: any) => any;