npm - @railtownai/railtracks-visualizer - Versions diffs - 0.0.71 → 0.0.72 - Mend

@railtownai/railtracks-visualizer 0.0.71 → 0.0.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/cjs/index.js +1124 -104
package/dist/esm/index.js +1130 -110
package/dist/types/agenthub/components/EvaluationsTable.d.ts +8 -0
package/package.json +1 -1

package/dist/esm/index.js CHANGED Viewed

@@ -6,23 +6,21 @@ import ReactDOM__default from 'react-dom';
 import CountUp from 'react-countup';
 import { render, unmount } from '@rc-component/util/es/React/render';
 import { createTheme, useCacheToken, unit, useStyleRegister, StyleContext, Keyframes } from '@ant-design/cssinjs';
-import IconContext from '@ant-design/icons/es/components/Context';
-import { warning as warning$2, merge, useEvent, toArray as toArray$1, omit, useComposeRef, useControlledState } from '@rc-component/util';
+import { warning as warning$3, getShadowRoot, updateCSS, merge, useEvent, toArray as toArray$1, omit, useComposeRef, useControlledState } from '@rc-component/util';
 import useMemo$1 from '@rc-component/util/es/hooks/useMemo';
 import Pagination$1 from '@rc-component/pagination/es/locale/en_US';
-import { generate, presetPrimaryColors, presetPalettes, gold } from '@ant-design/colors';
+import { generate as generate$1, presetPrimaryColors, presetPalettes, blue, gold } from '@ant-design/colors';
 import { FastColor } from '@ant-design/fast-color';
 import { UniqueProvider as UniqueProvider$1 } from '@rc-component/trigger';
 import CSSMotion, { Provider as Provider$2 } from '@rc-component/motion';
 import isEqual from '@rc-component/util/es/isEqual';
 import { genStyleUtils, mergeToken } from '@ant-design/cssinjs-utils';
-import CheckCircleFilled from '@ant-design/icons/es/icons/CheckCircleFilled';
-import CloseCircleFilled from '@ant-design/icons/es/icons/CloseCircleFilled';
-import ExclamationCircleFilled from '@ant-design/icons/es/icons/ExclamationCircleFilled';
-import InfoCircleFilled from '@ant-design/icons/es/icons/InfoCircleFilled';
-import LoadingOutlined from '@ant-design/icons/es/icons/LoadingOutlined';
+import CheckCircleFilledSvg from '@ant-design/icons-svg/lib/asn/CheckCircleFilled';
+import CloseCircleFilledSvg from '@ant-design/icons-svg/lib/asn/CloseCircleFilled';
+import ExclamationCircleFilledSvg from '@ant-design/icons-svg/lib/asn/ExclamationCircleFilled';
+import InfoCircleFilledSvg from '@ant-design/icons-svg/lib/asn/InfoCircleFilled';
+import LoadingOutlinedSvg from '@ant-design/icons-svg/lib/asn/LoadingOutlined';
 import { Notice, useNotification, NotificationProvider } from '@rc-component/notification';
-import CloseOutlined from '@ant-design/icons/es/icons/CloseOutlined';
 import pickAttrs from '@rc-component/util/es/pickAttrs';
 import RcTooltip, { Popup } from '@rc-component/tooltip';
 import '@rc-component/form';
@@ -31,53 +29,54 @@ import useLayoutEffect$1 from '@rc-component/util/es/hooks/useLayoutEffect';
 import isVisible from '@rc-component/util/es/Dom/isVisible';
 import { composeRef, supportRef, getNodeRef, supportNodeRef, useComposeRef as useComposeRef$1 } from '@rc-component/util/es/ref';
 import raf from '@rc-component/util/es/raf';
-import RightOutlined from '@ant-design/icons/es/icons/RightOutlined';
+import RightOutlinedSvg from '@ant-design/icons-svg/lib/asn/RightOutlined';
 import RcCollapse from '@rc-component/collapse';
 import RcTree, { TreeNode as TreeNode$1 } from '@rc-component/tree';
-import FileOutlined from '@ant-design/icons/es/icons/FileOutlined';
-import FolderOpenOutlined from '@ant-design/icons/es/icons/FolderOpenOutlined';
-import FolderOutlined from '@ant-design/icons/es/icons/FolderOutlined';
+import FileOutlinedSvg from '@ant-design/icons-svg/lib/asn/FileOutlined';
+import FolderOpenOutlinedSvg from '@ant-design/icons-svg/lib/asn/FolderOpenOutlined';
+import FolderOutlinedSvg from '@ant-design/icons-svg/lib/asn/FolderOutlined';
 import { arrDel, arrAdd, conductExpandParent } from '@rc-component/tree/es/util';
 import { convertDataToEntities, fillFieldNames, convertTreeToData } from '@rc-component/tree/es/utils/treeUtil';
-import HolderOutlined from '@ant-design/icons/es/icons/HolderOutlined';
-import CaretDownFilled from '@ant-design/icons/es/icons/CaretDownFilled';
-import MinusSquareOutlined from '@ant-design/icons/es/icons/MinusSquareOutlined';
-import PlusSquareOutlined from '@ant-design/icons/es/icons/PlusSquareOutlined';
-import EditOutlined from '@ant-design/icons/es/icons/EditOutlined';
+import HolderOutlinedSvg from '@ant-design/icons-svg/lib/asn/HolderOutlined';
+import CaretDownFilledSvg from '@ant-design/icons-svg/lib/asn/CaretDownFilled';
+import MinusSquareOutlinedSvg from '@ant-design/icons-svg/lib/asn/MinusSquareOutlined';
+import PlusSquareOutlinedSvg from '@ant-design/icons-svg/lib/asn/PlusSquareOutlined';
+import EditOutlinedSvg from '@ant-design/icons-svg/lib/asn/EditOutlined';
 import ResizeObserver$1 from '@rc-component/resize-observer';
 import '@rc-component/util/es/Dom/canUseDom';
 import { isStyleSupport } from '@rc-component/util/es/Dom/styleChecker';
-import EnterOutlined from '@ant-design/icons/es/icons/EnterOutlined';
+import EnterOutlinedSvg from '@ant-design/icons-svg/lib/asn/EnterOutlined';
 import KeyCode from '@rc-component/util/es/KeyCode';
 import RcTextArea from '@rc-component/textarea';
 import RcInput from '@rc-component/input';
 import { triggerFocus } from '@rc-component/util/es/Dom/focus';
-import CheckOutlined from '@ant-design/icons/es/icons/CheckOutlined';
-import CopyOutlined from '@ant-design/icons/es/icons/CopyOutlined';
+import CheckOutlinedSvg from '@ant-design/icons-svg/lib/asn/CheckOutlined';
+import CopyOutlinedSvg from '@ant-design/icons-svg/lib/asn/CopyOutlined';
+import CloseOutlinedSvg from '@ant-design/icons-svg/lib/asn/CloseOutlined';
 import RcDrawer from '@rc-component/drawer';
 import useId$2 from '@rc-component/util/es/hooks/useId';
-import EllipsisOutlined from '@ant-design/icons/es/icons/EllipsisOutlined';
-import PlusOutlined from '@ant-design/icons/es/icons/PlusOutlined';
+import EllipsisOutlinedSvg from '@ant-design/icons-svg/lib/asn/EllipsisOutlined';
+import PlusOutlinedSvg from '@ant-design/icons-svg/lib/asn/PlusOutlined';
 import RcTabs from '@rc-component/tabs';
 import RcSwitch from '@rc-component/switch';
 import RcSelect, { Option, OptGroup } from '@rc-component/select';
-import DownOutlined from '@ant-design/icons/es/icons/DownOutlined';
-import SearchOutlined from '@ant-design/icons/es/icons/SearchOutlined';
+import DownOutlinedSvg from '@ant-design/icons-svg/lib/asn/DownOutlined';
+import SearchOutlinedSvg from '@ant-design/icons-svg/lib/asn/SearchOutlined';
 import { INTERNAL_COL_DEFINE, genTable, genVirtualTable, INTERNAL_HOOKS, EXPAND_COLUMN, Summary } from '@rc-component/table';
 import { conductCheck } from '@rc-component/tree/es/utils/conductUtil';
 import useControlledState$1 from '@rc-component/util/es/hooks/useControlledState';
-import LeftOutlined from '@ant-design/icons/es/icons/LeftOutlined';
+import LeftOutlinedSvg from '@ant-design/icons-svg/lib/asn/LeftOutlined';
 import RcDropdown from '@rc-component/dropdown';
 import RcMenu, { Divider as Divider$1, Item as Item$1, useFullPath, SubMenu as SubMenu$1, ItemGroup } from '@rc-component/menu';
-import BarsOutlined from '@ant-design/icons/es/icons/BarsOutlined';
+import BarsOutlinedSvg from '@ant-design/icons-svg/lib/asn/BarsOutlined';
 import '@rc-component/util/es/Dom/findDOMNode';
 import { convertChildrenToColumns } from '@rc-component/table/es/hooks/useColumns';
-import DoubleLeftOutlined from '@ant-design/icons/es/icons/DoubleLeftOutlined';
-import DoubleRightOutlined from '@ant-design/icons/es/icons/DoubleRightOutlined';
+import DoubleLeftOutlinedSvg from '@ant-design/icons-svg/lib/asn/DoubleLeftOutlined';
+import DoubleRightOutlinedSvg from '@ant-design/icons-svg/lib/asn/DoubleRightOutlined';
 import RcPagination from '@rc-component/pagination';
-import FilterFilled from '@ant-design/icons/es/icons/FilterFilled';
-import CaretDownOutlined from '@ant-design/icons/es/icons/CaretDownOutlined';
-import CaretUpOutlined from '@ant-design/icons/es/icons/CaretUpOutlined';
+import FilterFilledSvg from '@ant-design/icons-svg/lib/asn/FilterFilled';
+import CaretDownOutlinedSvg from '@ant-design/icons-svg/lib/asn/CaretDownOutlined';
+import CaretUpOutlinedSvg from '@ant-design/icons-svg/lib/asn/CaretUpOutlined';
 function cc(names) {
     if (typeof names === "string" || typeof names === "number") return "" + names;
@@ -97,7 +96,7 @@ function cc(names) {
 }
 var noop$2 = {
-    value: ()=>{}
+    value: function() {}
 };
 function dispatch() {
     for(var i = 0, n = arguments.length, _ = {}, t; i < n; ++i){
@@ -12885,7 +12884,7 @@ const toPascalCase = (string)=>{
 const LucideContext = createContext({});
 const useLucideContext = ()=>useContext(LucideContext);
-const Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>{
+const Icon$1 = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>{
     const { size: contextSize = 24, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, color: contextColor = "currentColor", className: contextClass = "" } = useLucideContext() ?? {};
     const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
     return createElement("svg", {
@@ -12909,7 +12908,7 @@ const Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, classN
 });
 const createLucideIcon = (iconName, iconNode)=>{
-    const Component = forwardRef(({ className, ...props }, ref)=>createElement(Icon, {
+    const Component = forwardRef(({ className, ...props }, ref)=>createElement(Icon$1, {
             ref,
             iconNode,
             className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
@@ -15161,14 +15160,14 @@ var createCache = function createCache(options) {
     return cache;
 };
-function _extends$1() {
-    return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$v() {
+    return _extends$v = Object.assign ? Object.assign.bind() : function(n) {
         for(var e = 1; e < arguments.length; e++){
             var t = arguments[e];
             for(var r in t)({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
         }
         return n;
-    }, _extends$1.apply(null, arguments);
+    }, _extends$v.apply(null, arguments);
 }
 var reactIs = {exports: {}};
@@ -15863,7 +15862,7 @@ var getTheme = function getTheme(outerTheme, theme) {
         var mergedTheme = theme(outerTheme);
         return mergedTheme;
     }
-    return _extends$1({}, outerTheme, theme);
+    return _extends$v({}, outerTheme, theme);
 };
 var createCacheWithTheme = /* #__PURE__ */ weakMemoize(function(outerTheme) {
     return weakMemoize(function(theme) {
@@ -16639,7 +16638,7 @@ var createStyled = function createStyled(tag, options) {
             }
         });
         Styled.withComponent = function(nextTag, nextOptions) {
-            var newStyled = createStyled(nextTag, _extends$1({}, options, nextOptions, {
+            var newStyled = createStyled(nextTag, _extends$v({}, options, nextOptions, {
                 shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
             }));
             return newStyled.apply(void 0, styles);
@@ -21690,7 +21689,7 @@ const AppleIcon = ({ width = "1.5rem", height = "1.5rem" })=>/*#__PURE__*/ React
     })));
 function noop$1() {}
-const { resetWarned: rcResetWarned } = warning$2;
+const { resetWarned: rcResetWarned } = warning$3;
 let deprecatedWarnList = null;
 function resetWarned() {
     deprecatedWarnList = null;
@@ -21699,14 +21698,14 @@ function resetWarned() {
 let _warning = noop$1;
 if (process.env.NODE_ENV !== 'production') {
     _warning = (valid, component, message)=>{
-        warning$2(valid, `[antd: ${component}] ${message}`);
+        warning$3(valid, `[antd: ${component}] ${message}`);
         // StrictMode will inject console which will not throw warning in React 17.
         if (process.env.NODE_ENV === 'test') {
             resetWarned();
         }
     };
 }
-const warning$1 = _warning;
+const warning$2 = _warning;
 const WarningContext = /*#__PURE__*/ React.createContext({});
 /**
  * This is a hook but we not named as `useWarning`
@@ -21730,7 +21729,7 @@ const WarningContext = /*#__PURE__*/ React.createContext({});
                     console.warn('[antd] There exists deprecated usage in your code:', deprecatedWarnList);
                 }
             } else {
-                process.env.NODE_ENV !== "production" ? warning$1(valid, component, message) : void 0;
+                process.env.NODE_ENV !== "production" ? warning$2(valid, component, message) : void 0;
             }
         }
     };
@@ -22143,7 +22142,7 @@ const getSolidColor = (baseColor, brightness)=>{
 };
 const generateColorPalettes = (baseColor)=>{
-    const colors = generate(baseColor);
+    const colors = generate$1(baseColor);
     return {
         1: colors[0],
         2: colors[1],
@@ -22192,7 +22191,7 @@ function derivative(token) {
     presetPrimaryColors.pink = presetPrimaryColors.magenta;
     presetPalettes.pink = presetPalettes.magenta;
     const colorPalettes = Object.keys(defaultPresetColors).map((colorKey)=>{
-        const colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate(token[colorKey]);
+        const colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate$1(token[colorKey]);
         return Array.from({
             length: 10
         }, ()=>1).reduce((prev, _, i)=>{
@@ -22790,6 +22789,377 @@ const useResetIconStyle = (iconPrefixCls, csp)=>{
     }, ()=>genIconStyle(iconPrefixCls));
 };
+const IconContext = /*#__PURE__*/ createContext({});
+function camelCase(input) {
+    return input.replace(/-(.)/g, (match, g)=>g.toUpperCase());
+}
+function warning$1(valid, message) {
+    warning$3(valid, `[@ant-design/icons] ${message}`);
+}
+function isIconDefinition(target) {
+    return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function');
+}
+function normalizeAttrs(attrs = {}) {
+    return Object.keys(attrs).reduce((acc, key)=>{
+        const val = attrs[key];
+        switch(key){
+            case 'class':
+                acc.className = val;
+                delete acc.class;
+                break;
+            default:
+                delete acc[key];
+                acc[camelCase(key)] = val;
+        }
+        return acc;
+    }, {});
+}
+function generate(node, key, rootProps) {
+    if (!rootProps) {
+        return /*#__PURE__*/ React__default.createElement(node.tag, {
+            key,
+            ...normalizeAttrs(node.attrs)
+        }, (node.children || []).map((child, index)=>generate(child, `${key}-${node.tag}-${index}`)));
+    }
+    return /*#__PURE__*/ React__default.createElement(node.tag, {
+        key,
+        ...normalizeAttrs(node.attrs),
+        ...rootProps
+    }, (node.children || []).map((child, index)=>generate(child, `${key}-${node.tag}-${index}`)));
+}
+function getSecondaryColor(primaryColor) {
+    // choose the second color
+    return generate$1(primaryColor)[0];
+}
+function normalizeTwoToneColors(twoToneColor) {
+    if (!twoToneColor) {
+        return [];
+    }
+    return Array.isArray(twoToneColor) ? twoToneColor : [
+        twoToneColor
+    ];
+}
+const iconStyles = `
+.anticon {
+  display: inline-flex;
+  align-items: center;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.anticon > * {
+  line-height: 1;
+}
+.anticon svg {
+  display: inline-block;
+  vertical-align: inherit;
+}
+.anticon::before {
+  display: none;
+}
+.anticon .anticon-icon {
+  display: block;
+}
+.anticon[tabindex] {
+  cursor: pointer;
+}
+.anticon-spin {
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`;
+const useInsertStyles = (eleRef)=>{
+    const { csp, prefixCls, layer } = useContext(IconContext);
+    let mergedStyleStr = iconStyles;
+    if (prefixCls) {
+        mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
+    }
+    if (layer) {
+        mergedStyleStr = `@layer ${layer} {\n${mergedStyleStr}\n}`;
+    }
+    useEffect(()=>{
+        const ele = eleRef.current;
+        const shadowRoot = getShadowRoot(ele);
+        updateCSS(mergedStyleStr, '@ant-design-icons', {
+            prepend: !layer,
+            csp,
+            attachTo: shadowRoot
+        });
+    }, []);
+};
+const twoToneColorPalette = {
+    primaryColor: '#333',
+    secondaryColor: '#E6E6E6',
+    calculated: false
+};
+function setTwoToneColors({ primaryColor, secondaryColor }) {
+    twoToneColorPalette.primaryColor = primaryColor;
+    twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
+    twoToneColorPalette.calculated = !!secondaryColor;
+}
+function getTwoToneColors() {
+    return {
+        ...twoToneColorPalette
+    };
+}
+const IconBase = (props)=>{
+    const { icon, className, onClick, style, primaryColor, secondaryColor, ...restProps } = props;
+    const svgRef = React.useRef(null);
+    let colors = twoToneColorPalette;
+    if (primaryColor) {
+        colors = {
+            primaryColor,
+            secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
+        };
+    }
+    useInsertStyles(svgRef);
+    warning$1(isIconDefinition(icon), `icon should be icon definiton, but got ${icon}`);
+    if (!isIconDefinition(icon)) {
+        return null;
+    }
+    let target = icon;
+    if (target && typeof target.icon === 'function') {
+        target = {
+            ...target,
+            icon: target.icon(colors.primaryColor, colors.secondaryColor)
+        };
+    }
+    return generate(target.icon, `svg-${target.name}`, {
+        className,
+        onClick,
+        style,
+        'data-icon': target.name,
+        width: '1em',
+        height: '1em',
+        fill: 'currentColor',
+        'aria-hidden': 'true',
+        ...restProps,
+        ref: svgRef
+    });
+};
+IconBase.displayName = 'IconReact';
+IconBase.getTwoToneColors = getTwoToneColors;
+IconBase.setTwoToneColors = setTwoToneColors;
+function setTwoToneColor(twoToneColor) {
+    const [primaryColor, secondaryColor] = normalizeTwoToneColors(twoToneColor);
+    return IconBase.setTwoToneColors({
+        primaryColor,
+        secondaryColor
+    });
+}
+function getTwoToneColor() {
+    const colors = IconBase.getTwoToneColors();
+    if (!colors.calculated) {
+        return colors.primaryColor;
+    }
+    return [
+        colors.primaryColor,
+        colors.secondaryColor
+    ];
+}
+function _extends$u() {
+    _extends$u = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$u.apply(this, arguments);
+}
+// Initial setting
+// should move it to antd main repo?
+setTwoToneColor(blue.primary);
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
+const Icon = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { // affect outter <i>...</i>
+    className, // affect inner <svg>...</svg>
+    icon, spin, rotate, tabIndex, onClick, // other
+    twoToneColor, ...restProps } = props;
+    const { prefixCls = 'anticon', rootClassName } = React.useContext(IconContext);
+    const classString = clsx(rootClassName, prefixCls, {
+        [`${prefixCls}-${icon.name}`]: !!icon.name,
+        [`${prefixCls}-spin`]: !!spin || icon.name === 'loading'
+    }, className);
+    let iconTabIndex = tabIndex;
+    if (iconTabIndex === undefined && onClick) {
+        iconTabIndex = -1;
+    }
+    const svgStyle = rotate ? {
+        msTransform: `rotate(${rotate}deg)`,
+        transform: `rotate(${rotate}deg)`
+    } : undefined;
+    const [primaryColor, secondaryColor] = normalizeTwoToneColors(twoToneColor);
+    return /*#__PURE__*/ React.createElement("span", _extends$u({
+        role: "img",
+        "aria-label": icon.name
+    }, restProps, {
+        ref: ref,
+        tabIndex: iconTabIndex,
+        onClick: onClick,
+        className: classString
+    }), /*#__PURE__*/ React.createElement(IconBase, {
+        icon: icon,
+        primaryColor: primaryColor,
+        secondaryColor: secondaryColor,
+        style: svgStyle
+    }));
+});
+Icon.getTwoToneColor = getTwoToneColor;
+Icon.setTwoToneColor = setTwoToneColor;
+if (process.env.NODE_ENV !== 'production') {
+    Icon.displayName = 'AntdIcon';
+}
+function _extends$t() {
+    _extends$t = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$t.apply(this, arguments);
+}
+const CheckCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$t({}, props, {
+        ref: ref,
+        icon: CheckCircleFilledSvg
+    }));
+/**![check-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0xOTMuNSAzMDEuN2wtMjEwLjYgMjkyYTMxLjggMzEuOCAwIDAxLTUxLjcgMEwzMTguNSA0ODQuOWMtMy44LTUuMyAwLTEyLjcgNi41LTEyLjdoNDYuOWMxMC4yIDAgMTkuOSA0LjkgMjUuOSAxMy4zbDcxLjIgOTguOCAxNTcuMi0yMThjNi04LjMgMTUuNi0xMy4zIDI1LjktMTMuM0g2OTljNi41IDAgMTAuMyA3LjQgNi41IDEyLjd6IiAvPjwvc3ZnPg==) */ const RefIcon$s = /*#__PURE__*/ React.forwardRef(CheckCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$s.displayName = 'CheckCircleFilled';
+}
+function _extends$s() {
+    _extends$s = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$s.apply(this, arguments);
+}
+const CloseCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$s({}, props, {
+        ref: ref,
+        icon: CloseCircleFilledSvg
+    }));
+/**![close-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDY0YzI0Ny40IDAgNDQ4IDIwMC42IDQ0OCA0NDhTNzU5LjQgOTYwIDUxMiA5NjAgNjQgNzU5LjQgNjQgNTEyIDI2NC42IDY0IDUxMiA2NHptMTI3Ljk4IDI3NC44MmgtLjA0bC0uMDguMDZMNTEyIDQ2Ni43NSAzODQuMTQgMzM4Ljg4Yy0uMDQtLjA1LS4wNi0uMDYtLjA4LS4wNmEuMTIuMTIgMCAwMC0uMDcgMGMtLjAzIDAtLjA1LjAxLS4wOS4wNWwtNDUuMDIgNDUuMDJhLjIuMiAwIDAwLS4wNS4wOS4xMi4xMiAwIDAwMCAuMDd2LjAyYS4yNy4yNyAwIDAwLjA2LjA2TDQ2Ni43NSA1MTIgMzM4Ljg4IDYzOS44NmMtLjA1LjA0LS4wNi4wNi0uMDYuMDhhLjEyLjEyIDAgMDAwIC4wN2MwIC4wMy4wMS4wNS4wNS4wOWw0NS4wMiA0NS4wMmEuMi4yIDAgMDAuMDkuMDUuMTIuMTIgMCAwMC4wNyAwYy4wMiAwIC4wNC0uMDEuMDgtLjA1TDUxMiA1NTcuMjVsMTI3Ljg2IDEyNy44N2MuMDQuMDQuMDYuMDUuMDguMDVhLjEyLjEyIDAgMDAuMDcgMGMuMDMgMCAuMDUtLjAxLjA5LS4wNWw0NS4wMi00NS4wMmEuMi4yIDAgMDAuMDUtLjA5LjEyLjEyIDAgMDAwLS4wN3YtLjAyYS4yNy4yNyAwIDAwLS4wNS0uMDZMNTU3LjI1IDUxMmwxMjcuODctMTI3Ljg2Yy4wNC0uMDQuMDUtLjA2LjA1LS4wOGEuMTIuMTIgMCAwMDAtLjA3YzAtLjAzLS4wMS0uMDUtLjA1LS4wOWwtNDUuMDItNDUuMDJhLjIuMiAwIDAwLS4wOS0uMDUuMTIuMTIgMCAwMC0uMDcgMHoiIC8+PC9zdmc+) */ const RefIcon$r = /*#__PURE__*/ React.forwardRef(CloseCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$r.displayName = 'CloseCircleFilled';
+}
+function _extends$r() {
+    _extends$r = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$r.apply(this, arguments);
+}
+const CloseOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$r({}, props, {
+        ref: ref,
+        icon: CloseOutlinedSvg
+    }));
+/**![close](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzk5Ljg2IDE2Ni4zMWMuMDIgMCAuMDQuMDIuMDguMDZsNTcuNjkgNTcuN2MuMDQuMDMuMDUuMDUuMDYuMDhhLjEyLjEyIDAgMDEwIC4wNmMwIC4wMy0uMDIuMDUtLjA2LjA5TDU2OS45MyA1MTJsMjg3LjcgMjg3LjdjLjA0LjA0LjA1LjA2LjA2LjA5YS4xMi4xMiAwIDAxMCAuMDdjMCAuMDItLjAyLjA0LS4wNi4wOGwtNTcuNyA1Ny42OWMtLjAzLjA0LS4wNS4wNS0uMDcuMDZhLjEyLjEyIDAgMDEtLjA3IDBjLS4wMyAwLS4wNS0uMDItLjA5LS4wNkw1MTIgNTY5LjkzbC0yODcuNyAyODcuN2MtLjA0LjA0LS4wNi4wNS0uMDkuMDZhLjEyLjEyIDAgMDEtLjA3IDBjLS4wMiAwLS4wNC0uMDItLjA4LS4wNmwtNTcuNjktNTcuN2MtLjA0LS4wMy0uMDUtLjA1LS4wNi0uMDdhLjEyLjEyIDAgMDEwLS4wN2MwLS4wMy4wMi0uMDUuMDYtLjA5TDQ1NC4wNyA1MTJsLTI4Ny43LTI4Ny43Yy0uMDQtLjA0LS4wNS0uMDYtLjA2LS4wOWEuMTIuMTIgMCAwMTAtLjA3YzAtLjAyLjAyLS4wNC4wNi0uMDhsNTcuNy01Ny42OWMuMDMtLjA0LjA1LS4wNS4wNy0uMDZhLjEyLjEyIDAgMDEuMDcgMGMuMDMgMCAuMDUuMDIuMDkuMDZMNTEyIDQ1NC4wN2wyODcuNy0yODcuN2MuMDQtLjA0LjA2LS4wNS4wOS0uMDZhLjEyLjEyIDAgMDEuMDcgMHoiIC8+PC9zdmc+) */ const RefIcon$q = /*#__PURE__*/ React.forwardRef(CloseOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$q.displayName = 'CloseOutlined';
+}
+function _extends$q() {
+    _extends$q = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$q.apply(this, arguments);
+}
+const ExclamationCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$q({}, props, {
+        ref: ref,
+        icon: ExclamationCircleFilledSvg
+    }));
+/**![exclamation-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0tMzIgMjMyYzAtNC40IDMuNi04IDgtOGg0OGM0LjQgMCA4IDMuNiA4IDh2MjcyYzAgNC40LTMuNiA4LTggOGgtNDhjLTQuNCAwLTgtMy42LTgtOFYyOTZ6bTMyIDQ0MGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */ const RefIcon$p = /*#__PURE__*/ React.forwardRef(ExclamationCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$p.displayName = 'ExclamationCircleFilled';
+}
+function _extends$p() {
+    _extends$p = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$p.apply(this, arguments);
+}
+const InfoCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$p({}, props, {
+        ref: ref,
+        icon: InfoCircleFilledSvg
+    }));
+/**![info-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0zMiA2NjRjMCA0LjQtMy42IDgtOCA4aC00OGMtNC40IDAtOC0zLjYtOC04VjQ1NmMwLTQuNCAzLjYtOCA4LThoNDhjNC40IDAgOCAzLjYgOCA4djI3MnptLTMyLTM0NGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */ const RefIcon$o = /*#__PURE__*/ React.forwardRef(InfoCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$o.displayName = 'InfoCircleFilled';
+}
 var commonLocale = {
     yearFormat: 'YYYY',
     dayFormat: 'D',
@@ -23248,7 +23618,7 @@ const computeClosable = (propCloseCollection, contextCloseCollection, fallbackCl
     const propConfig = computeClosableConfig(propCloseCollection?.closable, propCloseCollection?.closeIcon);
     const contextConfig = computeClosableConfig(contextCloseCollection?.closable, contextCloseCollection?.closeIcon);
     const mergedFallback = {
-        closeIcon: /*#__PURE__*/ React__default.createElement(CloseOutlined, null),
+        closeIcon: /*#__PURE__*/ React__default.createElement(RefIcon$q, null),
         ...fallbackCloseCollection
     };
     const mergedConfig = mergeClosableConfigs(propConfig, contextConfig, mergedFallback);
@@ -23273,7 +23643,7 @@ const useClosable = (propCloseCollection, contextCloseCollection, fallbackCloseC
     const [contextLocale] = useLocale('global', localeValues.global);
     return React__default.useMemo(()=>{
         return computeClosable(propCloseCollection, contextCloseCollection, {
-            closeIcon: /*#__PURE__*/ React__default.createElement(CloseOutlined, null),
+            closeIcon: /*#__PURE__*/ React__default.createElement(RefIcon$q, null),
             ...fallbackCloseCollection
         }, contextLocale.close);
     }, [
@@ -23749,10 +24119,10 @@ var useStyle$u = genStyleHooks('Alert', (token)=>[
 const IconNode = (props)=>{
     const { icon, type, className, style, successIcon, infoIcon, warningIcon, errorIcon } = props;
     const iconMapFilled = {
-        success: successIcon ?? /*#__PURE__*/ React.createElement(CheckCircleFilled, null),
-        info: infoIcon ?? /*#__PURE__*/ React.createElement(InfoCircleFilled, null),
-        error: errorIcon ?? /*#__PURE__*/ React.createElement(CloseCircleFilled, null),
-        warning: warningIcon ?? /*#__PURE__*/ React.createElement(ExclamationCircleFilled, null)
+        success: successIcon ?? /*#__PURE__*/ React.createElement(RefIcon$s, null),
+        info: infoIcon ?? /*#__PURE__*/ React.createElement(RefIcon$o, null),
+        error: errorIcon ?? /*#__PURE__*/ React.createElement(RefIcon$r, null),
+        warning: warningIcon ?? /*#__PURE__*/ React.createElement(RefIcon$p, null)
     };
     return /*#__PURE__*/ React.createElement("span", {
         className: className,
@@ -23761,7 +24131,7 @@ const IconNode = (props)=>{
 };
 const CloseIconNode = (props)=>{
     const { isClosable, prefixCls, closeIcon, handleClose, ariaProps, className, style } = props;
-    const mergedCloseIcon = closeIcon === true || closeIcon === undefined ? /*#__PURE__*/ React.createElement(CloseOutlined, null) : closeIcon;
+    const mergedCloseIcon = closeIcon === true || closeIcon === undefined ? /*#__PURE__*/ React.createElement(RefIcon$q, null) : closeIcon;
     return isClosable ? /*#__PURE__*/ React.createElement("button", {
         type: "button",
         onClick: handleClose,
@@ -24385,7 +24755,7 @@ var PropWarning$1 = process.env.NODE_ENV !== 'production' ? PropWarning : ()=>nu
  * theme register info here to help developer get warning info.
  */ let existThemeConfig = false;
 const warnContext = process.env.NODE_ENV !== 'production' ? (componentName)=>{
-    process.env.NODE_ENV !== "production" ? warning$1(!existThemeConfig, componentName, `Static function can not consume context like dynamic theme. Please use 'App' component instead.`) : void 0;
+    process.env.NODE_ENV !== "production" ? warning$2(!existThemeConfig, componentName, `Static function can not consume context like dynamic theme. Please use 'App' component instead.`) : void 0;
 } : /* istanbul ignore next */ null;
 // These props is used by `useContext` directly in sub component
 const PASSED_PROPS = [
@@ -24701,7 +25071,7 @@ ConfigProvider.config = setGlobalConfig;
 ConfigProvider.useConfig = useConfig;
 Object.defineProperty(ConfigProvider, 'SizeContext', {
     get: ()=>{
-        process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
+        process.env.NODE_ENV !== "production" ? warning$2(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
         return SizeContext;
     }
 });
@@ -24709,6 +25079,29 @@ if (process.env.NODE_ENV !== 'production') {
     ConfigProvider.displayName = 'ConfigProvider';
 }
+function _extends$o() {
+    _extends$o = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$o.apply(this, arguments);
+}
+const LoadingOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$o({}, props, {
+        ref: ref,
+        icon: LoadingOutlinedSvg
+    }));
+/**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */ const RefIcon$n = /*#__PURE__*/ React.forwardRef(LoadingOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$n.displayName = 'LoadingOutlined';
+}
 const genMessageStyle = (token)=>{
     const { componentCls, iconCls, boxShadow, colorText, colorSuccess, colorError, colorWarning, colorInfo, fontSizeLG, motionEaseInOutCirc, motionDurationSlow, marginXS, paddingXS, borderRadiusLG, zIndexPopup, // Custom token
     contentPadding, contentBg } = token;
@@ -24850,11 +25243,11 @@ var useStyle$t = genStyleHooks('Message', (token)=>{
 }, prepareComponentToken$m);
 const TypeIcon = {
-    info: /*#__PURE__*/ React.createElement(InfoCircleFilled, null),
-    success: /*#__PURE__*/ React.createElement(CheckCircleFilled, null),
-    error: /*#__PURE__*/ React.createElement(CloseCircleFilled, null),
-    warning: /*#__PURE__*/ React.createElement(ExclamationCircleFilled, null),
-    loading: /*#__PURE__*/ React.createElement(LoadingOutlined, null)
+    info: /*#__PURE__*/ React.createElement(RefIcon$o, null),
+    success: /*#__PURE__*/ React.createElement(RefIcon$s, null),
+    error: /*#__PURE__*/ React.createElement(RefIcon$r, null),
+    warning: /*#__PURE__*/ React.createElement(RefIcon$p, null),
+    loading: /*#__PURE__*/ React.createElement(RefIcon$n, null)
 };
 const PureContent = (props)=>{
     const { prefixCls, type, icon, children, classNames: pureContentClassNames, styles } = props;
@@ -25685,7 +26078,7 @@ const InnerLoadingIcon = /*#__PURE__*/ forwardRef((props, ref)=>{
         className: mergedIconCls,
         style: style,
         ref: ref
-    }, /*#__PURE__*/ React__default.createElement(LoadingOutlined, {
+    }, /*#__PURE__*/ React__default.createElement(RefIcon$n, {
         className: iconClassName
     }));
 });
@@ -26499,6 +26892,29 @@ let AggregationColor = /*#__PURE__*/ function() {
     ]);
 }();
+function _extends$n() {
+    _extends$n = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$n.apply(this, arguments);
+}
+const RightOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$n({}, props, {
+        ref: ref,
+        icon: RightOutlinedSvg
+    }));
+/**![right](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc2NS43IDQ4Ni44TDMxNC45IDEzNC43QTcuOTcgNy45NyAwIDAwMzAyIDE0MXY3Ny4zYzAgNC45IDIuMyA5LjYgNi4xIDEyLjZsMzYwIDI4MS4xLTM2MCAyODEuMWMtMy45IDMtNi4xIDcuNy02LjEgMTIuNlY4ODNjMCA2LjcgNy43IDEwLjQgMTIuOSA2LjNsNDUwLjgtMzUyLjFhMzEuOTYgMzEuOTYgMCAwMDAtNTAuNHoiIC8+PC9zdmc+) */ const RefIcon$m = /*#__PURE__*/ React.forwardRef(RightOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$m.displayName = 'RightOutlined';
+}
 const CollapsePanel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     if (process.env.NODE_ENV !== 'production') {
         const warning = devUseWarning('Collapse.Panel');
@@ -26794,7 +27210,7 @@ const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         });
     }
     const renderExpandIcon = React.useCallback((panelProps = {})=>{
-        const icon = typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : /*#__PURE__*/ React.createElement(RightOutlined, {
+        const icon = typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : /*#__PURE__*/ React.createElement(RefIcon$m, {
             rotate: panelProps.isActive ? direction === 'rtl' ? -90 : 90 : undefined,
             "aria-label": panelProps.isActive ? 'expanded' : 'collapsed'
         });
@@ -30024,13 +30440,82 @@ var useSelectStyle = genStyleHooks('Select', (token, { rootPrefixCls })=>{
     }
 });
+function _extends$m() {
+    _extends$m = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$m.apply(this, arguments);
+}
+const CheckOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$m({}, props, {
+        ref: ref,
+        icon: CheckOutlinedSvg
+    }));
+/**![check](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMiAxOTBoLTY5LjljLTkuOCAwLTE5LjEgNC41LTI1LjEgMTIuMkw0MDQuNyA3MjQuNSAyMDcgNDc0YTMyIDMyIDAgMDAtMjUuMS0xMi4ySDExMmMtNi43IDAtMTAuNCA3LjctNi4zIDEyLjlsMjczLjkgMzQ3YzEyLjggMTYuMiAzNy40IDE2LjIgNTAuMyAwbDQ4OC40LTYxOC45YzQuMS01LjEuNC0xMi44LTYuMy0xMi44eiIgLz48L3N2Zz4=) */ const RefIcon$l = /*#__PURE__*/ React.forwardRef(CheckOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$l.displayName = 'CheckOutlined';
+}
+function _extends$l() {
+    _extends$l = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$l.apply(this, arguments);
+}
+const DownOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$l({}, props, {
+        ref: ref,
+        icon: DownOutlinedSvg
+    }));
+/**![down](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4NCAyNTZoLTc1Yy01LjEgMC05LjkgMi41LTEyLjkgNi42TDUxMiA2NTQuMiAyMjcuOSAyNjIuNmMtMy00LjEtNy44LTYuNi0xMi45LTYuNmgtNzVjLTYuNSAwLTEwLjMgNy40LTYuNSAxMi43bDM1Mi42IDQ4Ni4xYzEyLjggMTcuNiAzOSAxNy42IDUxLjcgMGwzNTIuNi00ODYuMWMzLjktNS4zLjEtMTIuNy02LjQtMTIuN3oiIC8+PC9zdmc+) */ const RefIcon$k = /*#__PURE__*/ React.forwardRef(DownOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$k.displayName = 'DownOutlined';
+}
+function _extends$k() {
+    _extends$k = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$k.apply(this, arguments);
+}
+const SearchOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$k({}, props, {
+        ref: ref,
+        icon: SearchOutlinedSvg
+    }));
+/**![search](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwOS42IDg1NC41TDY0OS45IDU5NC44QzY5MC4yIDU0Mi43IDcxMiA0NzkgNzEyIDQxMmMwLTgwLjItMzEuMy0xNTUuNC04Ny45LTIxMi4xLTU2LjYtNTYuNy0xMzItODcuOS0yMTIuMS04Ny45cy0xNTUuNSAzMS4zLTIxMi4xIDg3LjlDMTQzLjIgMjU2LjUgMTEyIDMzMS44IDExMiA0MTJjMCA4MC4xIDMxLjMgMTU1LjUgODcuOSAyMTIuMUMyNTYuNSA2ODAuOCAzMzEuOCA3MTIgNDEyIDcxMmM2NyAwIDEzMC42LTIxLjggMTgyLjctNjJsMjU5LjcgMjU5LjZhOC4yIDguMiAwIDAwMTEuNiAwbDQzLjYtNDMuNWE4LjIgOC4yIDAgMDAwLTExLjZ6TTU3MC40IDU3MC40QzUyOCA2MTIuNyA0NzEuOCA2MzYgNDEyIDYzNnMtMTE2LTIzLjMtMTU4LjQtNjUuNkMyMTEuMyA1MjggMTg4IDQ3MS44IDE4OCA0MTJzMjMuMy0xMTYuMSA2NS42LTE1OC40QzI5NiAyMTEuMyAzNTIuMiAxODggNDEyIDE4OHMxMTYuMSAyMy4yIDE1OC40IDY1LjZTNjM2IDM1Mi4yIDYzNiA0MTJzLTIzLjMgMTE2LjEtNjUuNiAxNTguNHoiIC8+PC9zdmc+) */ const RefIcon$j = /*#__PURE__*/ React.forwardRef(SearchOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$j.displayName = 'SearchOutlined';
+}
 function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, loadingIcon, multiple, hasFeedback, showSuffixIcon, feedbackIcon, showArrow, componentName }) {
     if (process.env.NODE_ENV !== 'production') {
         const warning = devUseWarning(componentName);
         warning.deprecated(!clearIcon, 'clearIcon', 'allowClear={{ clearIcon: React.ReactNode }}');
     }
     // Clear Icon
-    const mergedClearIcon = clearIcon ?? /*#__PURE__*/ React.createElement(CloseCircleFilled, null);
+    const mergedClearIcon = clearIcon ?? /*#__PURE__*/ React.createElement(RefIcon$r, null);
     // Validation Feedback Icon
     const getSuffixIconNode = (arrowIcon)=>{
         if (suffixIcon === null && !hasFeedback && !showArrow) {
@@ -30043,15 +30528,15 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
     if (suffixIcon !== undefined) {
         mergedSuffixIcon = getSuffixIconNode(suffixIcon);
     } else if (loading) {
-        mergedSuffixIcon = getSuffixIconNode(loadingIcon ?? /*#__PURE__*/ React.createElement(LoadingOutlined, {
+        mergedSuffixIcon = getSuffixIconNode(loadingIcon ?? /*#__PURE__*/ React.createElement(RefIcon$n, {
             spin: true
         }));
     } else {
         mergedSuffixIcon = ({ open, showSearch })=>{
             if (open && showSearch) {
-                return getSuffixIconNode(/*#__PURE__*/ React.createElement(SearchOutlined, null));
+                return getSuffixIconNode(/*#__PURE__*/ React.createElement(RefIcon$j, null));
             }
-            return getSuffixIconNode(/*#__PURE__*/ React.createElement(DownOutlined, null));
+            return getSuffixIconNode(/*#__PURE__*/ React.createElement(RefIcon$k, null));
         };
     }
     // Checked item icon
@@ -30059,7 +30544,7 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
     if (menuItemSelectedIcon !== undefined) {
         mergedItemIcon = menuItemSelectedIcon;
     } else if (multiple) {
-        mergedItemIcon = /*#__PURE__*/ React.createElement(CheckOutlined, null);
+        mergedItemIcon = /*#__PURE__*/ React.createElement(RefIcon$l, null);
     } else {
         mergedItemIcon = null;
     }
@@ -30067,7 +30552,7 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
     if (removeIcon !== undefined) {
         mergedRemoveIcon = removeIcon;
     } else {
-        mergedRemoveIcon = /*#__PURE__*/ React.createElement(CloseOutlined, null);
+        mergedRemoveIcon = /*#__PURE__*/ React.createElement(RefIcon$q, null);
     }
     return {
         // TODO: remove as when all the deps bumped
@@ -31659,6 +32144,52 @@ if (process.env.NODE_ENV !== 'production') {
     Popover.displayName = 'Popover';
 }
+function _extends$j() {
+    _extends$j = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$j.apply(this, arguments);
+}
+const LeftOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$j({}, props, {
+        ref: ref,
+        icon: LeftOutlinedSvg
+    }));
+/**![left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcyNCAyMTguM1YxNDFjMC02LjctNy43LTEwLjQtMTIuOS02LjNMMjYwLjMgNDg2LjhhMzEuODYgMzEuODYgMCAwMDAgNTAuM2w0NTAuOCAzNTIuMWM1LjMgNC4xIDEyLjkuNCAxMi45LTYuM3YtNzcuM2MwLTQuOS0yLjMtOS42LTYuMS0xMi42bC0zNjAtMjgxIDM2MC0yODEuMWMzLjgtMyA2LjEtNy43IDYuMS0xMi42eiIgLz48L3N2Zz4=) */ const RefIcon$i = /*#__PURE__*/ React.forwardRef(LeftOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$i.displayName = 'LeftOutlined';
+}
+function _extends$i() {
+    _extends$i = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$i.apply(this, arguments);
+}
+const BarsOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$i({}, props, {
+        ref: ref,
+        icon: BarsOutlinedSvg
+    }));
+/**![bars](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMiAxOTJIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHpNMTA0IDIyOGE1NiA1NiAwIDEwMTEyIDAgNTYgNTYgMCAxMC0xMTIgMHptMCAyODRhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMTAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDEwLTExMiAweiIgLz48L3N2Zz4=) */ const RefIcon$h = /*#__PURE__*/ React.forwardRef(BarsOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$h.displayName = 'BarsOutlined';
+}
 const LayoutContext = /*#__PURE__*/ React.createContext({
     siderHook: {
         addSider: ()=>null,
@@ -31954,11 +32485,11 @@ const Sider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         onClick: toggle,
         className: clsx(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
         style: zeroWidthTriggerStyle
-    }, trigger || /*#__PURE__*/ React.createElement(BarsOutlined, null)) : null;
+    }, trigger || /*#__PURE__*/ React.createElement(RefIcon$h, null)) : null;
     const reverseIcon = direction === 'rtl' === !reverseArrow;
     const iconObj = {
-        expanded: reverseIcon ? /*#__PURE__*/ React.createElement(RightOutlined, null) : /*#__PURE__*/ React.createElement(LeftOutlined, null),
-        collapsed: reverseIcon ? /*#__PURE__*/ React.createElement(LeftOutlined, null) : /*#__PURE__*/ React.createElement(RightOutlined, null)
+        expanded: reverseIcon ? /*#__PURE__*/ React.createElement(RefIcon$m, null) : /*#__PURE__*/ React.createElement(RefIcon$i, null),
+        collapsed: reverseIcon ? /*#__PURE__*/ React.createElement(RefIcon$i, null) : /*#__PURE__*/ React.createElement(RefIcon$m, null)
     };
     const status = collapsed ? 'collapsed' : 'expanded';
     const defaultTrigger = iconObj[status];
@@ -32004,6 +32535,29 @@ if (process.env.NODE_ENV !== 'production') {
     Sider.displayName = 'Sider';
 }
+function _extends$h() {
+    _extends$h = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$h.apply(this, arguments);
+}
+const EllipsisOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$h({}, props, {
+        ref: ref,
+        icon: EllipsisOutlinedSvg
+    }));
+/**![ellipsis](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3NiA1MTFhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMTAtMTEyIDB6bTI4MCAwYTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDEwLTExMiAwem0yODAgMGE1NiA1NiAwIDEwMTEyIDAgNTYgNTYgMCAxMC0xMTIgMHoiIC8+PC9zdmc+) */ const RefIcon$g = /*#__PURE__*/ React.forwardRef(EllipsisOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$g.displayName = 'EllipsisOutlined';
+}
 const MenuContext = /*#__PURE__*/ createContext({
     prefixCls: '',
     firstLevel: true,
@@ -33335,7 +33889,7 @@ const InternalMenu = /*#__PURE__*/ forwardRef((props, ref)=>{
         value: contextValue
     }, /*#__PURE__*/ React.createElement(RcMenu, {
         getPopupContainer: getPopupContainer,
-        overflowedIndicator: /*#__PURE__*/ React.createElement(EllipsisOutlined, null),
+        overflowedIndicator: /*#__PURE__*/ React.createElement(RefIcon$g, null),
         overflowedIndicatorPopupClassName: clsx(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
         classNames: {
             list: mergedClassNames.list,
@@ -33832,9 +34386,9 @@ const Dropdown$1 = (props)=>{
             rootClassName: clsx(cssVarCls, rootCls),
             expandIcon: /*#__PURE__*/ React.createElement("span", {
                 className: `${prefixCls}-menu-submenu-arrow`
-            }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(LeftOutlined, {
+            }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$i, {
                 className: `${prefixCls}-menu-submenu-arrow-icon`
-            }) : /*#__PURE__*/ React.createElement(RightOutlined, {
+            }) : /*#__PURE__*/ React.createElement(RefIcon$m, {
                 className: `${prefixCls}-menu-submenu-arrow-icon`
             })),
             mode: "vertical",
@@ -33912,8 +34466,8 @@ const RadioGroupContextProvider = RadioGroupContext.Provider;
 const RadioOptionTypeContext = /*#__PURE__*/ React.createContext(undefined);
 const RadioOptionTypeContextProvider = RadioOptionTypeContext.Provider;
-function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$g() {
+    _extends$g = Object.assign ? Object.assign.bind() : function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -33924,7 +34478,7 @@ function _extends() {
         }
         return target;
     };
-    return _extends.apply(this, arguments);
+    return _extends$g.apply(this, arguments);
 }
 const Checkbox$2 = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { prefixCls = 'rc-checkbox', className, style, checked, disabled, defaultChecked = false, type = 'checkbox', title, onChange, ...inputProps } = props;
@@ -33972,7 +34526,7 @@ const Checkbox$2 = /*#__PURE__*/ forwardRef((props, ref)=>{
         title: title,
         style: style,
         ref: holderRef
-    }, /*#__PURE__*/ React.createElement("input", _extends({}, inputProps, {
+    }, /*#__PURE__*/ React.createElement("input", _extends$g({}, inputProps, {
         className: `${prefixCls}-input`,
         ref: inputRef,
         onChange: handleChange,
@@ -35473,6 +36027,29 @@ var useStyle$g = genStyleHooks([
     resetFont: false
 });
+function _extends$f() {
+    _extends$f = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$f.apply(this, arguments);
+}
+const PlusOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$f({}, props, {
+        ref: ref,
+        icon: PlusOutlinedSvg
+    }));
+/**![plus](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ4MiAxNTJoNjBxOCAwIDggOHY3MDRxMCA4LTggOGgtNjBxLTggMC04LThWMTYwcTAtOCA4LTh6IiAvPjxwYXRoIGQ9Ik0xOTIgNDc0aDY3MnE4IDAgOCA4djYwcTAgOC04IDhIMTYwcS04IDAtOC04di02MHEwLTggOC04eiIgLz48L3N2Zz4=) */ const RefIcon$f = /*#__PURE__*/ React.forwardRef(PlusOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$f.displayName = 'PlusOutlined';
+}
 const motion = {
     motionAppear: false,
     motionEnter: true,
@@ -36424,8 +37001,8 @@ const InternalTabs = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             onEdit: (editType, { key, event })=>{
                 onEdit?.(editType === 'add' ? event : key, editType);
             },
-            removeIcon: removeIcon ?? tabs?.removeIcon ?? /*#__PURE__*/ React.createElement(CloseOutlined, null),
-            addIcon: (addIcon ?? tabs?.addIcon) || /*#__PURE__*/ React.createElement(PlusOutlined, null),
+            removeIcon: removeIcon ?? tabs?.removeIcon ?? /*#__PURE__*/ React.createElement(RefIcon$q, null),
+            addIcon: (addIcon ?? tabs?.addIcon) || /*#__PURE__*/ React.createElement(RefIcon$f, null),
             showAdd: hideAdd !== true
         };
     }
@@ -36520,7 +37097,7 @@ const InternalTabs = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         },
         editable: editable,
         more: {
-            icon: tabs?.more?.icon ?? tabs?.moreIcon ?? moreIcon ?? /*#__PURE__*/ React.createElement(EllipsisOutlined, null),
+            icon: tabs?.more?.icon ?? tabs?.moreIcon ?? moreIcon ?? /*#__PURE__*/ React.createElement(RefIcon$g, null),
             transitionName: `${rootPrefixCls}-slide-up`,
             ...more
         },
@@ -38193,7 +38770,7 @@ const getAllowClear = (allowClear)=>{
         mergedAllowClear = allowClear;
     } else if (allowClear) {
         mergedAllowClear = {
-            clearIcon: /*#__PURE__*/ React__default.createElement(CloseCircleFilled, null)
+            clearIcon: /*#__PURE__*/ React__default.createElement(RefIcon$r, null)
         };
     }
     return mergedAllowClear;
@@ -39245,7 +39822,7 @@ if (process.env.NODE_ENV !== 'production') {
 /** @deprecated Please use Space.Compact + Dropdown + Button instead */ const DropdownButton = (props)=>{
     const { getPopupContainer: getContextPopupContainer, getPrefixCls, direction } = React.useContext(ConfigContext);
-    const { prefixCls: customizePrefixCls, type = 'default', danger, disabled, loading, onClick, htmlType, children, className, menu, arrow, autoFocus, trigger, align, open, onOpenChange, placement, getPopupContainer, href, icon = /*#__PURE__*/ React.createElement(EllipsisOutlined, null), title, buttonsRender = (buttons)=>buttons, mouseEnterDelay, mouseLeaveDelay, overlayClassName, overlayStyle, destroyOnHidden, destroyPopupOnHide, dropdownRender, popupRender, ...restProps } = props;
+    const { prefixCls: customizePrefixCls, type = 'default', danger, disabled, loading, onClick, htmlType, children, className, menu, arrow, autoFocus, trigger, align, open, onOpenChange, placement, getPopupContainer, href, icon = /*#__PURE__*/ React.createElement(RefIcon$g, null), title, buttonsRender = (buttons)=>buttons, mouseEnterDelay, mouseLeaveDelay, overlayClassName, overlayStyle, destroyOnHidden, destroyPopupOnHide, dropdownRender, popupRender, ...restProps } = props;
     const prefixCls = getPrefixCls('dropdown', customizePrefixCls);
     const buttonPrefixCls = `${prefixCls}-button`;
     const mergedPopupRender = popupRender || dropdownRender;
@@ -39536,6 +40113,52 @@ const TextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
     });
 });
+function _extends$e() {
+    _extends$e = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$e.apply(this, arguments);
+}
+const DoubleLeftOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$e({}, props, {
+        ref: ref,
+        icon: DoubleLeftOutlinedSvg
+    }));
+/**![double-left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Mi45IDUxMmwyNjUuNC0zMzkuMWM0LjEtNS4yLjQtMTIuOS02LjMtMTIuOWgtNzcuM2MtNC45IDAtOS42IDIuMy0xMi42IDYuMUwxODYuOCA0OTIuM2EzMS45OSAzMS45OSAwIDAwMCAzOS41bDI1NS4zIDMyNi4xYzMgMy45IDcuNyA2LjEgMTIuNiA2LjFINTMyYzYuNyAwIDEwLjQtNy43IDYuMy0xMi45TDI3Mi45IDUxMnptMzA0IDBsMjY1LjQtMzM5LjFjNC4xLTUuMi40LTEyLjktNi4zLTEyLjloLTc3LjNjLTQuOSAwLTkuNiAyLjMtMTIuNiA2LjFMNDkwLjggNDkyLjNhMzEuOTkgMzEuOTkgMCAwMDAgMzkuNWwyNTUuMyAzMjYuMWMzIDMuOSA3LjcgNi4xIDEyLjYgNi4xSDgzNmM2LjcgMCAxMC40LTcuNyA2LjMtMTIuOUw1NzYuOSA1MTJ6IiAvPjwvc3ZnPg==) */ const RefIcon$e = /*#__PURE__*/ React.forwardRef(DoubleLeftOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$e.displayName = 'DoubleLeftOutlined';
+}
+function _extends$d() {
+    _extends$d = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$d.apply(this, arguments);
+}
+const DoubleRightOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$d({}, props, {
+        ref: ref,
+        icon: DoubleRightOutlinedSvg
+    }));
+/**![double-right](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUzMy4yIDQ5Mi4zTDI3Ny45IDE2Ni4xYy0zLTMuOS03LjctNi4xLTEyLjYtNi4xSDE4OGMtNi43IDAtMTAuNCA3LjctNi4zIDEyLjlMNDQ3LjEgNTEyIDE4MS43IDg1MS4xQTcuOTggNy45OCAwIDAwMTg4IDg2NGg3Ny4zYzQuOSAwIDkuNi0yLjMgMTIuNi02LjFsMjU1LjMtMzI2LjFjOS4xLTExLjcgOS4xLTI3LjkgMC0zOS41em0zMDQgMEw1ODEuOSAxNjYuMWMtMy0zLjktNy43LTYuMS0xMi42LTYuMUg0OTJjLTYuNyAwLTEwLjQgNy43LTYuMyAxMi45TDc1MS4xIDUxMiA0ODUuNyA4NTEuMUE3Ljk4IDcuOTggMCAwMDQ5MiA4NjRoNzcuM2M0LjkgMCA5LjYtMi4zIDEyLjYtNi4xbDI1NS4zLTMyNi4xYzkuMS0xMS43IDkuMS0yNy45IDAtMzkuNXoiIC8+PC9zdmc+) */ const RefIcon$d = /*#__PURE__*/ React.forwardRef(DoubleRightOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$d.displayName = 'DoubleRightOutlined';
+}
 const genPaginationDisabledStyle = (token)=>{
     const { componentCls } = token;
     return {
@@ -40236,28 +40859,28 @@ const Pagination = (props)=>{
             className: `${prefixCls}-item-link`,
             type: "button",
             tabIndex: -1
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RightOutlined, null) : /*#__PURE__*/ React.createElement(LeftOutlined, null));
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$m, null) : /*#__PURE__*/ React.createElement(RefIcon$i, null));
         const nextIcon = /*#__PURE__*/ React.createElement("button", {
             className: `${prefixCls}-item-link`,
             type: "button",
             tabIndex: -1
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(LeftOutlined, null) : /*#__PURE__*/ React.createElement(RightOutlined, null));
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$i, null) : /*#__PURE__*/ React.createElement(RefIcon$m, null));
         const jumpPrevIcon = /*#__PURE__*/ React.createElement("a", {
             className: `${prefixCls}-item-link`
         }, /*#__PURE__*/ React.createElement("div", {
             className: `${prefixCls}-item-container`
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(DoubleRightOutlined, {
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$d, {
             className: `${prefixCls}-item-link-icon`
-        }) : /*#__PURE__*/ React.createElement(DoubleLeftOutlined, {
+        }) : /*#__PURE__*/ React.createElement(RefIcon$e, {
             className: `${prefixCls}-item-link-icon`
         }), ellipsis));
         const jumpNextIcon = /*#__PURE__*/ React.createElement("a", {
             className: `${prefixCls}-item-link`
         }, /*#__PURE__*/ React.createElement("div", {
             className: `${prefixCls}-item-container`
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(DoubleLeftOutlined, {
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$e, {
             className: `${prefixCls}-item-link-icon`
-        }) : /*#__PURE__*/ React.createElement(DoubleRightOutlined, {
+        }) : /*#__PURE__*/ React.createElement(RefIcon$d, {
             className: `${prefixCls}-item-link-icon`
         }), ellipsis));
         return {
@@ -41843,7 +42466,7 @@ const InternalSwitch = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const loadingIcon = /*#__PURE__*/ React.createElement("div", {
         className: clsx(`${prefixCls}-handle`, mergedClassNames.indicator),
         style: mergedStyles.indicator
-    }, loading && /*#__PURE__*/ React.createElement(LoadingOutlined, {
+    }, loading && /*#__PURE__*/ React.createElement(RefIcon$n, {
         className: `${prefixCls}-loading-icon`
     }));
     const classes = clsx(contextClassName, {
@@ -42218,7 +42841,7 @@ const useSelection = (config, rowSelection)=>{
                 }, /*#__PURE__*/ React.createElement(Dropdown, {
                     menu: menu,
                     getPopupContainer: getPopupContainer
-                }, /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(DownOutlined, null))));
+                }, /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(RefIcon$k, null))));
             }
             const allDisabledData = flattedData.map((record, index)=>{
                 const key = getRowKey(record, index);
@@ -42503,6 +43126,121 @@ const renderColumnTitle = (title, props)=>{
     return res;
 };
+function _extends$c() {
+    _extends$c = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$c.apply(this, arguments);
+}
+const FilterFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$c({}, props, {
+        ref: ref,
+        icon: FilterFilledSvg
+    }));
+/**![filter](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM0OSA4MzhjMCAxNy43IDE0LjIgMzIgMzEuOCAzMmgyNjIuNGMxNy42IDAgMzEuOC0xNC4zIDMxLjgtMzJWNjQySDM0OXYxOTZ6bTUzMS4xLTY4NEgxNDMuOWMtMjQuNSAwLTM5LjggMjYuNy0yNy41IDQ4bDIyMS4zIDM3NmgzNDguOGwyMjEuMy0zNzZjMTIuMS0yMS4zLTMuMi00OC0yNy43LTQ4eiIgLz48L3N2Zz4=) */ const RefIcon$c = /*#__PURE__*/ React.forwardRef(FilterFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$c.displayName = 'FilterFilled';
+}
+function _extends$b() {
+    _extends$b = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$b.apply(this, arguments);
+}
+const FileOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$b({}, props, {
+        ref: ref,
+        icon: FileOutlinedSvg
+    }));
+/**![file](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg1NC42IDI4OC42TDYzOS40IDczLjRjLTYtNi0xNC4xLTkuNC0yMi42LTkuNEgxOTJjLTE3LjcgMC0zMiAxNC4zLTMyIDMydjgzMmMwIDE3LjcgMTQuMyAzMiAzMiAzMmg2NDBjMTcuNyAwIDMyLTE0LjMgMzItMzJWMzExLjNjMC04LjUtMy40LTE2LjctOS40LTIyLjd6TTc5MC4yIDMyNkg2MDJWMTM3LjhMNzkwLjIgMzI2em0xLjggNTYySDIzMlYxMzZoMzAydjIxNmE0MiA0MiAwIDAwNDIgNDJoMjE2djQ5NHoiIC8+PC9zdmc+) */ const RefIcon$b = /*#__PURE__*/ React.forwardRef(FileOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$b.displayName = 'FileOutlined';
+}
+function _extends$a() {
+    _extends$a = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$a.apply(this, arguments);
+}
+const FolderOpenOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$a({}, props, {
+        ref: ref,
+        icon: FolderOpenOutlinedSvg
+    }));
+/**![folder-open](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkyOCA0NDRIODIwVjMzMC40YzAtMTcuNy0xNC4zLTMyLTMyLTMySDQ3M0wzNTUuNyAxODYuMmE4LjE1IDguMTUgMCAwMC01LjUtMi4ySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1OTJjMCAxNy43IDE0LjMgMzIgMzIgMzJoNjk4YzEzIDAgMjQuOC03LjkgMjkuNy0yMGwxMzQtMzMyYzEuNS0zLjggMi4zLTcuOSAyLjMtMTIgMC0xNy43LTE0LjMtMzItMzItMzJ6TTEzNiAyNTZoMTg4LjVsMTE5LjYgMTE0LjRINzQ4VjQ0NEgyMzhjLTEzIDAtMjQuOCA3LjktMjkuNyAyMEwxMzYgNjQzLjJWMjU2em02MzUuMyA1MTJIMTU5bDEwMy4zLTI1Nmg2MTIuNEw3NzEuMyA3Njh6IiAvPjwvc3ZnPg==) */ const RefIcon$a = /*#__PURE__*/ React.forwardRef(FolderOpenOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$a.displayName = 'FolderOpenOutlined';
+}
+function _extends$9() {
+    _extends$9 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$9.apply(this, arguments);
+}
+const FolderOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$9({}, props, {
+        ref: ref,
+        icon: FolderOutlinedSvg
+    }));
+/**![folder](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4MCAyOTguNEg1MjFMNDAzLjcgMTg2LjJhOC4xNSA4LjE1IDAgMDAtNS41LTIuMkgxNDRjLTE3LjcgMC0zMiAxNC4zLTMyIDMydjU5MmMwIDE3LjcgMTQuMyAzMiAzMiAzMmg3MzZjMTcuNyAwIDMyLTE0LjMgMzItMzJWMzMwLjRjMC0xNy43LTE0LjMtMzItMzItMzJ6TTg0MCA3NjhIMTg0VjI1NmgxODguNWwxMTkuNiAxMTQuNEg4NDBWNzY4eiIgLz48L3N2Zz4=) */ const RefIcon$9 = /*#__PURE__*/ React.forwardRef(FolderOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$9.displayName = 'FolderOutlined';
+}
+function _extends$8() {
+    _extends$8 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$8.apply(this, arguments);
+}
+const HolderOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$8({}, props, {
+        ref: ref,
+        icon: HolderOutlinedSvg
+    }));
+/**![holder](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwMCAyNzYuNWE1NiA1NiAwIDEwNTYtOTcgNTYgNTYgMCAwMC01NiA5N3ptMCAyODRhNTYgNTYgMCAxMDU2LTk3IDU2IDU2IDAgMDAtNTYgOTd6TTY0MCAyMjhhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMDAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDAwLTExMiAwek0zMDAgODQ0LjVhNTYgNTYgMCAxMDU2LTk3IDU2IDU2IDAgMDAtNTYgOTd6TTY0MCA3OTZhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMDAtMTEyIDB6IiAvPjwvc3ZnPg==) */ const RefIcon$8 = /*#__PURE__*/ React.forwardRef(HolderOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$8.displayName = 'HolderOutlined';
+}
 // ============================ Directory =============================
 const genDirectoryStyle = ({ treeCls, treeNodeCls, directoryNodeSelectedBg, directoryNodeSelectedColor, motionDurationMid, borderRadius, controlItemBgHover })=>({
         [`${treeCls}${treeCls}-directory ${treeNodeCls}`]: {
@@ -42960,6 +43698,75 @@ const dropIndicatorRender = (props)=>{
     });
 };
+function _extends$7() {
+    _extends$7 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$7.apply(this, arguments);
+}
+const CaretDownFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$7({}, props, {
+        ref: ref,
+        icon: CaretDownFilledSvg
+    }));
+/**![caret-down](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg0MC40IDMwMEgxODMuNmMtMTkuNyAwLTMwLjcgMjAuOC0xOC41IDM1bDMyOC40IDM4MC44YzkuNCAxMC45IDI3LjUgMTAuOSAzNyAwTDg1OC45IDMzNWMxMi4yLTE0LjIgMS4yLTM1LTE4LjUtMzV6IiAvPjwvc3ZnPg==) */ const RefIcon$7 = /*#__PURE__*/ React.forwardRef(CaretDownFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$7.displayName = 'CaretDownFilled';
+}
+function _extends$6() {
+    _extends$6 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$6.apply(this, arguments);
+}
+const MinusSquareOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$6({}, props, {
+        ref: ref,
+        icon: MinusSquareOutlinedSvg
+    }));
+/**![minus-square](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyOCA1NDRoMzY4YzQuNCAwIDgtMy42IDgtOHYtNDhjMC00LjQtMy42LTgtOC04SDMyOGMtNC40IDAtOCAzLjYtOCA4djQ4YzAgNC40IDMuNiA4IDggOHoiIC8+PHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQwIDcyOEgxODRWMTg0aDY1NnY2NTZ6IiAvPjwvc3ZnPg==) */ const RefIcon$6 = /*#__PURE__*/ React.forwardRef(MinusSquareOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$6.displayName = 'MinusSquareOutlined';
+}
+function _extends$5() {
+    _extends$5 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$5.apply(this, arguments);
+}
+const PlusSquareOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$5({}, props, {
+        ref: ref,
+        icon: PlusSquareOutlinedSvg
+    }));
+/**![plus-square](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyOCA1NDRoMTUydjE1MmMwIDQuNCAzLjYgOCA4IDhoNDhjNC40IDAgOC0zLjYgOC04VjU0NGgxNTJjNC40IDAgOC0zLjYgOC04di00OGMwLTQuNC0zLjYtOC04LThINTQ0VjMyOGMwLTQuNC0zLjYtOC04LThoLTQ4Yy00LjQgMC04IDMuNi04IDh2MTUySDMyOGMtNC40IDAtOCAzLjYtOCA4djQ4YzAgNC40IDMuNiA4IDggOHoiIC8+PHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQwIDcyOEgxODRWMTg0aDY1NnY2NTZ6IiAvPjwvc3ZnPg==) */ const RefIcon$5 = /*#__PURE__*/ React.forwardRef(PlusSquareOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$5.displayName = 'PlusSquareOutlined';
+}
 const SwitcherIconCom = (props)=>{
     const { prefixCls, switcherIcon, treeNodeProps, showLine, switcherLoadingIcon } = props;
     const { isLeaf, expanded, loading } = treeNodeProps;
@@ -42967,7 +43774,7 @@ const SwitcherIconCom = (props)=>{
         if (/*#__PURE__*/ React.isValidElement(switcherLoadingIcon)) {
             return switcherLoadingIcon;
         }
-        return /*#__PURE__*/ React.createElement(LoadingOutlined, {
+        return /*#__PURE__*/ React.createElement(RefIcon$n, {
             className: `${prefixCls}-switcher-loading-icon`
         });
     }
@@ -42989,7 +43796,7 @@ const SwitcherIconCom = (props)=>{
             }
             return leafIcon;
         }
-        return showLeafIcon ? /*#__PURE__*/ React.createElement(FileOutlined, {
+        return showLeafIcon ? /*#__PURE__*/ React.createElement(RefIcon$b, {
             className: `${prefixCls}-switcher-line-icon`
         }) : /*#__PURE__*/ React.createElement("span", {
             className: `${prefixCls}-switcher-leaf-line`
@@ -43006,13 +43813,13 @@ const SwitcherIconCom = (props)=>{
         return switcher;
     }
     if (showLine) {
-        return expanded ? /*#__PURE__*/ React.createElement(MinusSquareOutlined, {
+        return expanded ? /*#__PURE__*/ React.createElement(RefIcon$6, {
             className: `${prefixCls}-switcher-line-icon`
-        }) : /*#__PURE__*/ React.createElement(PlusSquareOutlined, {
+        }) : /*#__PURE__*/ React.createElement(RefIcon$5, {
             className: `${prefixCls}-switcher-line-icon`
         });
     }
-    return /*#__PURE__*/ React.createElement(CaretDownFilled, {
+    return /*#__PURE__*/ React.createElement(RefIcon$7, {
         className: switcherCls
     });
 };
@@ -43073,7 +43880,7 @@ const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
                 break;
         }
         if (mergedDraggable.icon !== false) {
-            mergedDraggable.icon = mergedDraggable.icon || /*#__PURE__*/ React__default.createElement(HolderOutlined, null);
+            mergedDraggable.icon = mergedDraggable.icon || /*#__PURE__*/ React__default.createElement(RefIcon$8, null);
         }
         return mergedDraggable;
     }, [
@@ -43187,9 +43994,9 @@ function convertDirectoryKeysToNodes(treeData, keys, fieldNames) {
 function getIcon(props) {
     const { isLeaf, expanded } = props;
     if (isLeaf) {
-        return /*#__PURE__*/ React.createElement(FileOutlined, null);
+        return /*#__PURE__*/ React.createElement(RefIcon$b, null);
     }
-    return expanded ? /*#__PURE__*/ React.createElement(FolderOpenOutlined, null) : /*#__PURE__*/ React.createElement(FolderOutlined, null);
+    return expanded ? /*#__PURE__*/ React.createElement(RefIcon$a, null) : /*#__PURE__*/ React.createElement(RefIcon$9, null);
 }
 function getTreeData({ treeData, children }) {
     return treeData || convertTreeToData(children);
@@ -43320,7 +44127,7 @@ const FilterSearch = (props)=>{
     return /*#__PURE__*/ React.createElement("div", {
         className: `${tablePrefixCls}-filter-dropdown-search`
     }, /*#__PURE__*/ React.createElement(Input, {
-        prefix: /*#__PURE__*/ React.createElement(SearchOutlined, null),
+        prefix: /*#__PURE__*/ React.createElement(RefIcon$j, null),
         placeholder: locale.filterSearchPlaceholder,
         onChange: onChange,
         value: value,
@@ -43716,7 +44523,7 @@ const FilterDropdown = (props)=>{
         } else if (column.filterIcon) {
             filterIcon = column.filterIcon;
         } else {
-            filterIcon = /*#__PURE__*/ React.createElement(FilterFilled, null);
+            filterIcon = /*#__PURE__*/ React.createElement(RefIcon$c, null);
         }
         return /*#__PURE__*/ React.createElement("span", {
             role: "button",
@@ -44047,6 +44854,52 @@ function usePagination(total, onChange, pagination) {
     ];
 }
+function _extends$4() {
+    _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$4.apply(this, arguments);
+}
+const CaretDownOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$4({}, props, {
+        ref: ref,
+        icon: CaretDownOutlinedSvg
+    }));
+/**![caret-down](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg0MC40IDMwMEgxODMuNmMtMTkuNyAwLTMwLjcgMjAuOC0xOC41IDM1bDMyOC40IDM4MC44YzkuNCAxMC45IDI3LjUgMTAuOSAzNyAwTDg1OC45IDMzNWMxMi4yLTE0LjIgMS4yLTM1LTE4LjUtMzV6IiAvPjwvc3ZnPg==) */ const RefIcon$4 = /*#__PURE__*/ React.forwardRef(CaretDownOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$4.displayName = 'CaretDownOutlined';
+}
+function _extends$3() {
+    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$3.apply(this, arguments);
+}
+const CaretUpOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$3({}, props, {
+        ref: ref,
+        icon: CaretUpOutlinedSvg
+    }));
+/**![caret-up](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg1OC45IDY4OUw1MzAuNSAzMDguMmMtOS40LTEwLjktMjcuNS0xMC45LTM3IDBMMTY1LjEgNjg5Yy0xMi4yIDE0LjItMS4yIDM1IDE4LjUgMzVoNjU2LjhjMTkuNyAwIDMwLjctMjAuOCAxOC41LTM1eiIgLz48L3N2Zz4=) */ const RefIcon$3 = /*#__PURE__*/ React.forwardRef(CaretUpOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$3.displayName = 'CaretUpOutlined';
+}
 const ASCEND = 'ascend';
 const DESCEND = 'descend';
 const getMultiplePriority = (column)=>{
@@ -44122,12 +44975,12 @@ const injectSorter = (prefixCls, columns, sorterStates, triggerSorter, defaultSo
                     sortOrder
                 });
             } else {
-                const upNode = sortDirections.includes(ASCEND) && /*#__PURE__*/ React.createElement(CaretUpOutlined, {
+                const upNode = sortDirections.includes(ASCEND) && /*#__PURE__*/ React.createElement(RefIcon$3, {
                     className: clsx(`${prefixCls}-column-sorter-up`, {
                         active: sortOrder === ASCEND
                     })
                 });
-                const downNode = sortDirections.includes(DESCEND) && /*#__PURE__*/ React.createElement(CaretDownOutlined, {
+                const downNode = sortDirections.includes(DESCEND) && /*#__PURE__*/ React.createElement(RefIcon$4, {
                     className: clsx(`${prefixCls}-column-sorter-down`, {
                         active: sortOrder === DESCEND
                     })
@@ -46610,6 +47463,52 @@ if (process.env.NODE_ENV !== 'production') {
 Tag.CheckableTag = CheckableTag;
 Tag.CheckableTagGroup = CheckableTagGroup;
+function _extends$2() {
+    _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$2.apply(this, arguments);
+}
+const EditOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$2({}, props, {
+        ref: ref,
+        icon: EditOutlinedSvg
+    }));
+/**![edit](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1Ny43IDc1MmMyIDAgNC0uMiA2LS41TDQzMS45IDcyMmMyLS40IDMuOS0xLjMgNS4zLTIuOGw0MjMuOS00MjMuOWE5Ljk2IDkuOTYgMCAwMDAtMTQuMUw2OTQuOSAxMTQuOWMtMS45LTEuOS00LjQtMi45LTcuMS0yLjlzLTUuMiAxLTcuMSAyLjlMMjU2LjggNTM4LjhjLTEuNSAxLjUtMi40IDMuMy0yLjggNS4zbC0yOS41IDE2OC4yYTMzLjUgMzMuNSAwIDAwOS40IDI5LjhjNi42IDYuNCAxNC45IDkuOSAyMy44IDkuOXptNjcuNC0xNzQuNEw2ODcuOCAyMTVsNzMuMyA3My4zLTM2Mi43IDM2Mi42LTg4LjkgMTUuNyAxNS42LTg5ek04ODAgODM2SDE0NGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2MzZjMCA0LjQgMy42IDggOCA4aDc4NGM0LjQgMCA4LTMuNiA4LTh2LTM2YzAtMTcuNy0xNC4zLTMyLTMyLTMyeiIgLz48L3N2Zz4=) */ const RefIcon$2 = /*#__PURE__*/ React.forwardRef(EditOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$2.displayName = 'EditOutlined';
+}
+function _extends$1() {
+    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$1.apply(this, arguments);
+}
+const EnterOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$1({}, props, {
+        ref: ref,
+        icon: EnterOutlinedSvg
+    }));
+/**![enter](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg2NCAxNzBoLTYwYy00LjQgMC04IDMuNi04IDh2NTE4SDMxMHYtNzNjMC02LjctNy44LTEwLjUtMTMtNi4zbC0xNDEuOSAxMTJhOCA4IDAgMDAwIDEyLjZsMTQxLjkgMTEyYzUuMyA0LjIgMTMgLjQgMTMtNi4zdi03NWg0OThjMzUuMyAwIDY0LTI4LjcgNjQtNjRWMTc4YzAtNC40LTMuNi04LTgtOHoiIC8+PC9zdmc+) */ const RefIcon$1 = /*#__PURE__*/ React.forwardRef(EnterOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$1.displayName = 'EnterOutlined';
+}
 const getTitleStyle = (fontSize, lineHeight, color, token)=>{
     const { titleMarginBottom, fontWeightStrong } = token;
     return {
@@ -46894,7 +47793,7 @@ const prepareComponentToken = ()=>({
 var useStyle = genStyleHooks('Typography', genTypographyStyle, prepareComponentToken);
 const Editable = (props)=>{
-    const { prefixCls, 'aria-label': ariaLabel, className, style, direction, maxLength, autoSize = true, value, onSave, onCancel, onEnd, component, enterIcon = /*#__PURE__*/ React.createElement(EnterOutlined, null) } = props;
+    const { prefixCls, 'aria-label': ariaLabel, className, style, direction, maxLength, autoSize = true, value, onSave, onCancel, onEnd, component, enterIcon = /*#__PURE__*/ React.createElement(RefIcon$1, null) } = props;
     const ref = React.useRef(null);
     const inCompositionRef = React.useRef(false);
     const lastKeyCodeRef = React.useRef(null);
@@ -47025,7 +47924,7 @@ const asyncCopy = async (text, isHtmlFormat)=>{
 };
 async function copy(text, config) {
     if (typeof text !== 'string') {
-        process.env.NODE_ENV !== "production" ? warning$1(false, 'The clipboard content must be of string type', '') : void 0;
+        process.env.NODE_ENV !== "production" ? warning$2(false, 'The clipboard content must be of string type', '') : void 0;
         return false;
     }
     const isHtmlFormat = config?.format === 'text/html';
@@ -47156,6 +48055,29 @@ if (process.env.NODE_ENV !== 'production') {
     Typography$1.displayName = 'Typography';
 }
+function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const CopyOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends({}, props, {
+        ref: ref,
+        icon: CopyOutlinedSvg
+    }));
+/**![copy](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgzMiA2NEgyOTZjLTQuNCAwLTggMy42LTggOHY1NmMwIDQuNCAzLjYgOCA4IDhoNDk2djY4OGMwIDQuNCAzLjYgOCA4IDhoNTZjNC40IDAgOC0zLjYgOC04Vjk2YzAtMTcuNy0xNC4zLTMyLTMyLTMyek03MDQgMTkySDE5MmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2NTMwLjdjMCA4LjUgMy40IDE2LjYgOS40IDIyLjZsMTczLjMgMTczLjNjMi4yIDIuMiA0LjcgNCA3LjQgNS41djEuOWg0LjJjMy41IDEuMyA3LjIgMiAxMSAySDcwNGMxNy43IDAgMzItMTQuMyAzMi0zMlYyMjRjMC0xNy43LTE0LjMtMzItMzItMzJ6TTM1MCA4NTYuMkwyNjMuOSA3NzBIMzUwdjg2LjJ6TTY2NCA4ODhINDE0Vjc0NmMwLTIyLjEtMTcuOS00MC00MC00MEgyMzJWMjY0aDQzMnY2MjR6IiAvPjwvc3ZnPg==) */ const RefIcon = /*#__PURE__*/ React.forwardRef(CopyOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon.displayName = 'CopyOutlined';
+}
 const toCopyConfigList = (val)=>{
     if (val === false) {
         return [
@@ -47217,7 +48139,7 @@ const CopyBtn = (props)=>{
         onClick: onCopy,
         "aria-label": ariaLabel,
         tabIndex: tabIndex
-    }, copied ? getNode(iconNodes[1], /*#__PURE__*/ React.createElement(CheckOutlined, null), true) : getNode(iconNodes[0], btnLoading ? /*#__PURE__*/ React.createElement(LoadingOutlined, null) : /*#__PURE__*/ React.createElement(CopyOutlined, null), true)));
+    }, copied ? getNode(iconNodes[1], /*#__PURE__*/ React.createElement(RefIcon$l, null), true) : getNode(iconNodes[0], btnLoading ? /*#__PURE__*/ React.createElement(RefIcon$n, null) : /*#__PURE__*/ React.createElement(RefIcon, null), true)));
 };
 const MeasureText = /*#__PURE__*/ React.forwardRef(({ style, children }, ref)=>{
@@ -47715,7 +48637,7 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             onClick: onEditClick,
             "aria-label": ariaLabel,
             tabIndex: tabIndex
-        }, icon || /*#__PURE__*/ React.createElement(EditOutlined, {
+        }, icon || /*#__PURE__*/ React.createElement(RefIcon$2, {
             role: "button"
         }))) : null;
     };
@@ -51867,6 +52789,13 @@ function RemoveScrollSideCar(props) {
         if ('touches' in event && moveDirection === 'h' && target.type === 'range') {
             return false;
         }
+        // allow drag selection (iOS); check if selection's anchorNode is the same as target or contains target
+        var selection = window.getSelection();
+        var anchorNode = selection && selection.anchorNode;
+        var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
+        if (isTouchingSelection) {
+            return false;
+        }
         var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
         if (!canBeScrolledInMainDirection) {
             return true;
@@ -114501,7 +115430,7 @@ const EvaluationsErrorCard = ({ error, onRetry })=>/*#__PURE__*/ React__default.
         }
     }, /*#__PURE__*/ React__default.createElement(Alert, {
         type: "error",
-        title: "Error loading evaluations",
+        message: "Error loading evaluations",
         description: /*#__PURE__*/ React__default.createElement("div", {
             style: {
                 display: "flex",
@@ -114537,7 +115466,7 @@ const EvaluationsErrorCard = ({ error, onRetry })=>/*#__PURE__*/ React__default.
         showIcon: true
     }));
-const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds, errorRender })=>{
+const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds, errorRender, initialSessionIds, onSessionFilterChange, initialNameFilter, onNameFilterChange })=>{
     const { theme } = useTheme$1();
     const [selectedAgents, setSelectedAgents] = useState([]);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
@@ -114549,6 +115478,8 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
     const [pageSize, setPageSize] = useState(50);
     const [selectedMetricFilter, setSelectedMetricFilter] = useState(null);
     const [drawerEvaluations, setDrawerEvaluations] = useState([]);
+    const [selectedSessions, setSelectedSessions] = useState(initialSessionIds ?? []);
+    const [selectedNames, setSelectedNames] = useState(initialNameFilter ?? []);
     const isServerPagination = !!serverPagination;
     const normalized = useMemo(()=>evaluations.map((e)=>isEvaluationDto(e) ? transformEvaluation(e) : e), [
         evaluations
@@ -114583,6 +115514,27 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
     }, [
         normalized
     ]);
+    const uniqueSessionIds = useMemo(()=>{
+        const ids = new Set();
+        for (const ev of normalized){
+            for (const agent of ev.agents ?? []){
+                for (const entry of agent.agent_node_ids ?? []){
+                    if (typeof entry === "object" && "session_id" in entry) {
+                        ids.add(entry.session_id);
+                    }
+                }
+            }
+        }
+        return Array.from(ids).sort();
+    }, [
+        normalized
+    ]);
+    const uniqueEvaluationNames = useMemo(()=>{
+        const names = new Set(normalized.map((e)=>e.name).filter(Boolean));
+        return Array.from(names).sort();
+    }, [
+        normalized
+    ]);
     const filteredEvaluations = useMemo(()=>{
         let result = normalized;
         if (selectedAgents.length > 0) {
@@ -114592,11 +115544,38 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
             const [evaluatorName, metricName] = selectedMetricFilter.split("::");
             result = result.filter((evaluation)=>evaluation.evaluators.some((ev)=>ev.name === evaluatorName && evaluation.results[ev.evaluator_id]?.[metricName] !== undefined));
         }
+        if (selectedNames.length > 0) {
+            result = result.filter((ev)=>selectedNames.includes(ev.name));
+        }
+        if (selectedSessions.length > 0) {
+            const lowerSessions = selectedSessions.map((s)=>s.toLowerCase());
+            const getEvSessions = (ev)=>{
+                const ids = new Set();
+                for (const agent of ev.agents ?? []){
+                    for (const entry of agent.agent_node_ids ?? []){
+                        if (typeof entry === "object" && "session_id" in entry) {
+                            ids.add(entry.session_id.toLowerCase());
+                        }
+                    }
+                }
+                return ids;
+            };
+            result = result.filter((ev)=>{
+                const ids = getEvSessions(ev);
+                return lowerSessions.some((s)=>ids.has(s));
+            }).sort((a, b)=>{
+                const aIds = getEvSessions(a);
+                const bIds = getEvSessions(b);
+                return lowerSessions.filter((s)=>bIds.has(s)).length - lowerSessions.filter((s)=>aIds.has(s)).length;
+            });
+        }
         return result;
     }, [
         normalized,
         selectedAgents,
-        selectedMetricFilter
+        selectedMetricFilter,
+        selectedNames,
+        selectedSessions
     ]);
     const tableDataSource = filteredEvaluations;
     const compareDrawerEvaluations = useMemo(()=>{
@@ -114808,6 +115787,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         placeholder: "Filter by Agent",
         allowClear: true,
         value: selectedAgents,
+        maxTagCount: "responsive",
         onChange: (v)=>{
             setSelectedAgents(v);
             if (isServerPagination && onFiltersChange) {
@@ -114824,6 +115804,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
     }), /*#__PURE__*/ React__default.createElement(Select, {
         placeholder: "Filter by Evaluator / Metric",
         allowClear: true,
+        maxTagCount: "responsive",
         value: selectedMetricFilter ?? undefined,
         onChange: (v)=>{
             const next = v ?? null;
@@ -114836,6 +115817,45 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
             width: 240
         },
         options: groupedMetricOptions
+    }), /*#__PURE__*/ React__default.createElement(Select, {
+        mode: "tags",
+        placeholder: "Filter by Session ID…",
+        allowClear: true,
+        value: selectedSessions,
+        maxTagCount: "responsive",
+        onChange: (v)=>{
+            setSelectedSessions(v);
+            onSessionFilterChange?.(v);
+        },
+        style: {
+            width: 280
+        },
+        tokenSeparators: [
+            ","
+        ],
+        options: uniqueSessionIds.map((id)=>({
+                label: id,
+                value: id
+            }))
+    }), /*#__PURE__*/ React__default.createElement(Select, {
+        mode: "multiple",
+        showSearch: true,
+        placeholder: "Filter by Evaluation Name…",
+        allowClear: true,
+        value: selectedNames,
+        maxTagCount: "responsive",
+        onChange: (v)=>{
+            setSelectedNames(v);
+            onNameFilterChange?.(v);
+        },
+        style: {
+            width: 240
+        },
+        options: uniqueEvaluationNames.map((n)=>({
+                label: n,
+                value: n
+            })),
+        filterOption: (input, option)=>(option?.label ?? "").toLowerCase().includes(input.toLowerCase())
     })), onRefresh && /*#__PURE__*/ React__default.createElement(Button$1, {
         icon: /*#__PURE__*/ React__default.createElement(RefreshCw, {
             size: 14