@ant-design/agentic-ui 2.30.10 → 2.30.11

package/dist/Workspace/RealtimeFollow/style.js

@@ -52,12 +52,12 @@ function _object_spread_props(target, source) {
 }
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5;
-    return _define_property({}, "".concat(token.componentCls), (_obj5 = {}, _define_property(_obj5, "&-container", {
+    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5, _obj6, _obj7;
+    return _define_property({}, "".concat(token.componentCls), (_obj7 = {}, _define_property(_obj7, "&-container", {
         display: 'flex',
         flexDirection: 'column',
         height: '100%'
-    }), _define_property(_obj5, "&-header", (_obj2 = {
+    }), _define_property(_obj7, "&-header", (_obj3 = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'space-between',
@@ -66,7 +66,7 @@ var genStyle = function genStyle(token) {
         marginRight: '-12px',
         borderBottom: '1px solid var(--color-gray-border-light)'
     }, // 返回按钮
-    _define_property(_obj2, "&-back-button", {
+    _define_property(_obj3, "&-back-button", {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
@@ -83,11 +83,11 @@ var genStyle = function genStyle(token) {
             background: '#f0f0f0'
         }
     }), // 返回图标
-    _define_property(_obj2, "&-back-icon", {
+    _define_property(_obj3, "&-back-icon", {
         fontSize: '16px'
-    }), _define_property(_obj2, "&-with-border", {
+    }), _define_property(_obj3, "&-with-border", {
         borderBottom: '1px solid rgba(20, 22, 28, 0.07)'
-    }), _define_property(_obj2, "&-with-back", _define_property({}, "".concat(token.componentCls, "-header-icon"), (_obj = {}, _define_property(_obj, "&--html", {
+    }), _define_property(_obj3, "&-with-back", _define_property({}, "".concat(token.componentCls, "-header-icon"), (_obj = {}, _define_property(_obj, "&--html", {
         width: '16px',
         height: '16px',
         background: 'transparent'
@@ -95,14 +95,14 @@ var genStyle = function genStyle(token) {
         width: '16px',
         height: '16px',
         background: 'transparent'
-    }), _obj))), _define_property(_obj2, "&-left", {
+    }), _obj))), _define_property(_obj3, "&-left", {
         display: 'flex',
         alignItems: 'center',
         gap: '8px',
         flex: 1,
         minWidth: 0,
         overflow: 'hidden'
-    }), _define_property(_obj2, "&-icon", (_obj1 = {
+    }), _define_property(_obj3, "&-icon", (_obj1 = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
@@ -122,18 +122,18 @@ var genStyle = function genStyle(token) {
         width: '40px',
         height: '40px',
         background: 'linear-gradient(180deg, #EAEEF4, #F4F6F9)'
-    }), _obj1)), _define_property(_obj2, "&-content", {
+    }), _obj1)), _define_property(_obj3, "&-content", {
         display: 'flex',
         alignItems: 'center',
         gap: '12px',
         minWidth: 0
-    }), _define_property(_obj2, "&-title-wrapper", {
+    }), _define_property(_obj3, "&-title-wrapper", {
         display: 'flex',
         flexDirection: 'column',
         gap: '-4px',
         flex: 1,
         minWidth: 0
-    }), _define_property(_obj2, "&-title", {
+    }), _define_property(_obj3, "&-title", {
         display: 'flex',
         alignItems: 'center',
         gap: '4px',
@@ -143,7 +143,7 @@ var genStyle = function genStyle(token) {
         lineHeight: '22px',
         letterSpacing: 'normal',
         color: 'var(--color-gray-text-default)'
-    }), _define_property(_obj2, "&-subtitle", {
+    }), _define_property(_obj3, "&-subtitle", {
         fontSize: 'var(--font-size-sm)',
         fontWeight: 'normal',
         color: 'var(--color-gray-text-secondary)',
@@ -155,31 +155,29 @@ var genStyle = function genStyle(token) {
         whiteSpace: 'nowrap',
         overflow: 'hidden',
         textOverflow: 'ellipsis'
-    }), _define_property(_obj2, "&-right", {
+    }), _define_property(_obj3, "&-right", (_obj2 = {
         display: 'flex',
-        alignItems: 'center',
-        '.ant-segmented': {
-            borderRadius: 'var(--radius-control-base)'
-        },
-        '.ant-segmented-item-selected ': {
-            borderRadius: 'var(--radius-control-base)'
-        }
-    }), // Segmented 右侧额外内容容器
-    _define_property(_obj2, "&-segmented-right", {
+        alignItems: 'center'
+    }, _define_property(_obj2, "".concat(token.antCls, "-segmented"), {
+        borderRadius: 'var(--radius-control-base)'
+    }), _define_property(_obj2, "".concat(token.antCls, "-segmented-item-selected "), {
+        borderRadius: 'var(--radius-control-base)'
+    }), _obj2)), // Segmented 右侧额外内容容器
+    _define_property(_obj3, "&-segmented-right", {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         gap: '8px'
-    }), _obj2)), _define_property(_obj5, "&--shell", (_obj3 = {
+    }), _obj3)), _define_property(_obj7, "&--shell", (_obj4 = {
         height: 'calc(100% + 16px)',
         paddingTop: 0,
         paddingBottom: 0,
         margin: '0 -12px -16px'
-    }, _define_property(_obj3, "".concat(token.componentCls, "-header"), {
+    }, _define_property(_obj4, "".concat(token.componentCls, "-header"), {
         marginBottom: 0,
         marginLeft: 0,
         marginRight: 0
-    }), _define_property(_obj3, "".concat(token.componentCls, "-content"), {
+    }), _define_property(_obj4, "".concat(token.componentCls, "-content"), _define_property({
         width: 'unset',
         margin: 0,
         flex: 1,
@@ -230,83 +228,78 @@ var genStyle = function genStyle(token) {
         '.code-editor-content': {
             padding: 0,
             background: 'transparent'
-        },
-        '.ant-empty-description': {
-            color: '#d9d9d9'
         }
-    }), _obj3)), _define_property(_obj5, "&--markdown", {
-        '.ant-agentic-md-editor-content div[data-be="paragraph"]:last-child': {
-            paddingBottom: '16px',
-            color: 'var(--color-gray-text-light)',
-            font: 'var(--font-text-code-base)',
-            letterSpacing: 'var(--letter-spacing-code-base, normal)'
-        }
-    }), _define_property(_obj5, "&-content", {
+    }, "".concat(token.antCls, "-empty-description"), {
+        color: '#d9d9d9'
+    })), _obj4)), _define_property(_obj7, "&--markdown", _define_property({}, "".concat(token.antCls, '-agentic-md-editor-content div[data-be="paragraph"]:last-child'), {
+        paddingBottom: '16px',
+        color: 'var(--color-gray-text-light)',
+        font: 'var(--font-text-code-base)',
+        letterSpacing: 'var(--letter-spacing-code-base, normal)'
+    })), _define_property(_obj7, "&-content", (_obj5 = {
         position: 'relative',
         width: 'auto',
         height: 'calc(100% - 72px)',
         overflow: 'auto',
-        margin: '0 -12px',
-        '.ant-workspace-html-preview-content': {
-            '.ace-container': {
-                border: 'unset',
-                borderRadius: 'unset',
-                boxShadow: 'unset'
-            },
-            '.ace_gutter-cell': {
-                paddingLeft: 12
-            },
-            '.code-editor-container': {
-                maxHeight: '100%',
-                borderRadius: 'var(--radius-card-base)',
-                '.code-editor-content': {
-                    padding: '0!important',
-                    '.ace_gutter': {
-                        color: 'var(--color-gray-text-light)',
-                        font: 'var(--font-text-code-base)',
-                        letterSpacing: 'var(--letter-spacing-code-base, normal)',
-                        background: 'var(--color-gray-bg-card-white)'
-                    },
-                    '.ace-tm .ace_scroller .ace_content': {
-                        fontFamily: 'Roboto Mono'
-                    },
-                    '.ace-tm .ace_gutter-active-line': {
-                        color: 'var(--color-gray-text-default)',
-                        background: 'var(--color-gray-control-fill-hover)'
-                    },
-                    '.ace-tm .ace_marker-layer .ace_active-line': {
-                        background: 'var(--color-gray-control-fill-hover)'
-                    },
-                    '.ace_cursor': {
-                        display: 'none !important'
-                    }
-                }
-            }
+        margin: '0 -12px'
+    }, _define_property(_obj5, "".concat(token.antCls, "-workspace-html-preview-content"), {
+        '.ace-container': {
+            border: 'unset',
+            borderRadius: 'unset',
+            boxShadow: 'unset'
+        },
+        '.ace_gutter-cell': {
+            paddingLeft: 12
         },
         '.code-editor-container': {
-            position: 'relative',
+            maxHeight: '100%',
             borderRadius: 'var(--radius-card-base)',
-            background: 'var(--color-gray-bg-card-white)',
-            transition: 'border-color 0.2s ease-in-out',
-            boxSizing: 'border-box',
-            overflow: 'hidden',
-            '.ace-github': {
-                background: 'transparent'
+            '.code-editor-content': {
+                padding: '0!important',
+                '.ace_gutter': {
+                    color: 'var(--color-gray-text-light)',
+                    font: 'var(--font-text-code-base)',
+                    letterSpacing: 'var(--letter-spacing-code-base, normal)',
+                    background: 'var(--color-gray-bg-card-white)'
+                },
+                '.ace-tm .ace_scroller .ace_content': {
+                    fontFamily: 'Roboto Mono'
+                },
+                '.ace-tm .ace_gutter-active-line': {
+                    color: 'var(--color-gray-text-default)',
+                    background: 'var(--color-gray-control-fill-hover)'
+                },
+                '.ace-tm .ace_marker-layer .ace_active-line': {
+                    background: 'var(--color-gray-control-fill-hover)'
+                },
+                '.ace_cursor': {
+                    display: 'none !important'
+                }
             }
         }
-    }), _define_property(_obj5, "&-overlay", (_obj4 = {
+    }), _define_property(_obj5, '.code-editor-container', {
+        position: 'relative',
+        borderRadius: 'var(--radius-card-base)',
+        background: 'var(--color-gray-bg-card-white)',
+        transition: 'border-color 0.2s ease-in-out',
+        boxSizing: 'border-box',
+        overflow: 'hidden',
+        '.ace-github': {
+            background: 'transparent'
+        }
+    }), _obj5)), _define_property(_obj7, "&-overlay", (_obj6 = {
         position: 'absolute',
         inset: 0,
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         zIndex: 1
-    }, _define_property(_obj4, "&--loading", {
+    }, _define_property(_obj6, "&--loading", {
         background: 'rgba(255, 255, 255, 0.6)'
-    }), _define_property(_obj4, "&--error", {
+    }), _define_property(_obj6, "&--error", {
         background: 'rgba(255, 245, 245, 0.6)',
         color: '#cb1e1e'
-    }), _obj4)), _define_property(_obj5, "&-empty", {
+    }), _obj6)), _define_property(_obj7, "&-empty", {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
@@ -314,7 +307,7 @@ var genStyle = function genStyle(token) {
         minHeight: '240px',
         padding: '24px',
         textAlign: 'center'
-    }), _obj5));
+    }), _obj7));
 };
 export function useRealtimeFollowStyle(prefixCls) {
     return useEditorStyleRegister('WorkspaceRealtimeFollow', function(token) {

package/dist/Workspace/style.js

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
 }
 import { useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _define_property({}, token.componentCls, (_obj = {
+    var _obj, _obj1, _obj2;
+    return _define_property({}, token.componentCls, (_obj2 = {
         height: '100%',
         borderRadius: 'var(--radius-modal-base)',
         background: 'var(--color-gray-bg-card-white)',
@@ -63,80 +63,68 @@ var genStyle = function genStyle(token) {
             clipPath: 'none!important'
         }
     }, // 纯净模式样式
-    _define_property(_obj, "&".concat(token.componentCls, "-pure"), {
+    _define_property(_obj2, "&".concat(token.componentCls, "-pure"), {
         borderRadius: '0',
         background: 'transparent',
         border: 'none',
         boxShadow: 'none',
         height: '100%'
-    }), _define_property(_obj, "".concat(token.componentCls, "-header"), {
+    }), _define_property(_obj2, "".concat(token.componentCls, "-header"), {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'space-between',
         margin: 'var(--margin-3x) var(--margin-4x)'
-    }), _define_property(_obj, "".concat(token.componentCls, "-title"), {
+    }), _define_property(_obj2, "".concat(token.componentCls, "-title"), {
         font: 'var(--font-text-h5-base)',
         color: 'var(--color-gray-text-default)',
         letterSpacing: 'var(--letter-spacing-h5-base, normal)'
-    }), _define_property(_obj, "".concat(token.componentCls, "-header-right"), _define_property({
+    }), _define_property(_obj2, "".concat(token.componentCls, "-header-right"), _define_property({
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'flex-end',
-        gap: 'var(--gap-2x)'
+        gap: 'var(--gap-2x, var(--margin-2x))'
     }, "".concat(token.componentCls, "-close"), {
         cursor: 'pointer',
         transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
-    })), _define_property(_obj, "".concat(token.componentCls, "-tabs"), {
+    })), _define_property(_obj2, "".concat(token.componentCls, "-tabs"), {
         margin: 'var(--margin-3x)'
-    }), // 分割线样式
-    _define_property(_obj, "".concat(token.componentCls, "-segmented"), {
-        '.ant-segmented-group': {
-            height: '32px'
-        },
-        '&.ant-segmented:not(.chaos-segmented) .ant-segmented-item .ant-segmented-item-label': {
-            height: '100%',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center'
-        },
-        '.ant-segmented-item': {
-            '&:has(.ant-segmented-item-label:empty)': {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                flex: '0 0 auto !important',
-                height: '100%',
-                width: '8px',
-                padding: '4px 0',
-                margin: '0 2px',
-                cursor: 'default',
-                pointerEvents: 'none',
-                backgroundColor: 'transparent !important',
-                '.ant-segmented-item-label': {
-                    padding: '0',
-                    height: '100%',
-                    width: '1px',
-                    backgroundColor: 'var(--color-gray-border-light)'
-                },
-                '&:hover': {
-                    backgroundColor: 'transparent !important'
-                }
-            }
-        },
-        '.ant-segmented-item-disabled': {
-            '&:has(.ant-segmented-item-label:empty)': {
-                opacity: '1 !important'
-            }
-        }
-    }), _define_property(_obj, "".concat(token.componentCls, "-tab-item"), {
+    }), _define_property(_obj2, "".concat(token.componentCls, "-segmented"), (_obj1 = {}, _define_property(_obj1, "".concat(token.antCls, "-segmented-group"), {
+        height: '32px'
+    }), _define_property(_obj1, "&".concat(token.antCls, "-segmented:not(.chaos-segmented) ").concat(token.antCls, "-segmented-item ").concat(token.antCls, "-segmented-item-label"), {
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+    }), _define_property(_obj1, "".concat(token.antCls, "-segmented-item"), _define_property({}, "&:has(".concat(token.antCls, "-segmented-item-label:empty)"), (_obj = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flex: '0 0 auto !important',
+        height: '100%',
+        width: '8px',
+        padding: '4px 0',
+        margin: '0 2px',
+        cursor: 'default',
+        pointerEvents: 'none',
+        backgroundColor: 'transparent !important'
+    }, _define_property(_obj, "".concat(token.antCls, "-segmented-item-label"), {
+        padding: '0',
+        height: '100%',
+        width: '1px',
+        backgroundColor: 'var(--color-gray-border-light)'
+    }), _define_property(_obj, '&:hover', {
+        backgroundColor: 'transparent !important'
+    }), _obj))), _define_property(_obj1, "".concat(token.antCls, "-segmented-item-disabled"), _define_property({}, "&:has(".concat(token.antCls, "-segmented-item-label:empty)"), {
+        opacity: '1 !important'
+    })), _obj1)), _define_property(_obj2, "".concat(token.componentCls, "-tab-item"), {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         gap: '4px'
-    }), _define_property(_obj, "".concat(token.componentCls, "-tab-title"), {
+    }), _define_property(_obj2, "".concat(token.componentCls, "-tab-title"), {
         fontSize: 'var(--font-size-base)',
         fontWeight: 500
-    }), _define_property(_obj, "".concat(token.componentCls, "-tab-count"), {
+    }), _define_property(_obj2, "".concat(token.componentCls, "-tab-count"), {
         display: 'inline-flex',
         alignItems: 'center',
         justifyContent: 'center',
@@ -150,7 +138,7 @@ var genStyle = function genStyle(token) {
         backgroundColor: 'var(--color-gray-control-fill-active)',
         borderRadius: '200px',
         boxSizing: 'border-box'
-    }), _define_property(_obj, "".concat(token.componentCls, "-content"), {
+    }), _define_property(_obj2, "".concat(token.componentCls, "-content"), {
         height: 'calc(100% - 95px)',
         padding: '0 12px 16px',
         display: 'flex',
@@ -159,7 +147,7 @@ var genStyle = function genStyle(token) {
         overflowX: 'hidden',
         overflowY: 'auto',
         borderRadius: 'var(--radius-card-base)'
-    }), _obj));
+    }), _obj2));
 };
 export function useWorkspaceStyle(prefixCls) {
     return useEditorStyleRegister('Workspace', function(token) {

package/package.json

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