@dovetail-v2/refine 0.0.64 → 0.0.66-alpha.0

package/dist/{index-7523291c.js → index-4ac6ee9d.js}

@@ -10,7 +10,7 @@ import React__default, { createElement, isValidElement, cloneElement, Children,
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useCan, useTable, useDeleteMany, CanAccess, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, useUIKit, kitContext, OverflowTooltip, Tooltip, StatusCapsule, usePushModal, Icon as Icon$1, Link as Link$1, Button, usePopModal, Loading, Divider, Fields, Space, Form, Modal, Select, AntdOption, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Modal, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Alert, usePopModal, Fields, DonutChart, SegmentControl, Checkbox, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
 import { omit as omit$1, merge, get as get$3, first, debounce, last, isObject as isObject$4, keyBy } from "lodash-es";
 import yaml from "js-yaml";
@@ -8326,9 +8326,8 @@ function Breadcrumb(props) {
   });
 }
 function NameInputWidget(props) {
-  const kit = useUIKit();
   const { action } = useResource();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...props, disabled: action === "edit" });
 }
 const dnsSubDomainRules = [
   {
@@ -8373,7 +8372,6 @@ const rfc1035LabelRules = [
   }
 ];
 function NamespaceSelectWidget(props) {
-  const kit = useUIKit();
   const { action } = useResource();
   const { data: data2 } = useList({
     resource: "namespaces",
@@ -8385,7 +8383,7 @@ function NamespaceSelectWidget(props) {
       mode: "off"
     }
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
 }
 const namespaceRules = [
   {
@@ -8395,7 +8393,6 @@ const namespaceRules = [
 ];
 function KeyValueInput(props) {
   const { children, item } = props;
-  const kit = useUIKit();
   const onKeyChange = useCallback(
     (event2) => {
       var _a;
@@ -8418,14 +8415,13 @@ function KeyValueInput(props) {
     },
     [item, props]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { value: item.key, onChange: onKeyChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: item.key, onChange: onKeyChange }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea, { value: item.value, onChange: onValueChange }),
     children
   ] });
 }
 function KeyValueListWidget(props) {
-  const kit = useUIKit();
   const { value: value2 } = props;
   const items = useMemo(() => {
     return Object.entries(value2 || {}).map(([key2, value22]) => ({
@@ -8467,7 +8463,7 @@ function KeyValueListWidget(props) {
             onChange(temp);
           },
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.button,
+            Button,
             {
               onClick: () => {
                 onRemove(index2);
@@ -8480,15 +8476,14 @@ function KeyValueListWidget(props) {
         index2
       );
     }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onAdd, children: "Add" }) })
   ] });
 }
 function MetadataForm() {
-  const kit = useUIKit();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.form.Item,
+      Form.Item,
       {
         label: "Namespace",
         name: ["metadata", "namespace"],
@@ -8496,8 +8491,8 @@ function MetadataForm() {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(NamespaceSelectWidget, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
   ] });
 }
 function memoize$2(fn) {
@@ -8687,7 +8682,6 @@ const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
 const index_dmbxj3 = "";
 const TableContainerStyle = "t1upn1sz";
 function Table(props) {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -8732,7 +8726,7 @@ function Table(props) {
     return columns;
   }, [columns, RowMenu]);
   if (loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
   } else if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: t2("dovetail.retry_when_access_data_failed"),
@@ -8752,7 +8746,7 @@ function Table(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     ref: wrapperRef,
     className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
       tableLayout: "fixed",
       columns: finalColumns,
       dataSource,
@@ -8763,7 +8757,7 @@ function Table(props) {
       scroll
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
       ref: auxiliaryLineRef
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Pagination, {
       current: currentPage,
       size: defaultSize,
       count: total,
@@ -8804,7 +8798,7 @@ function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
 const PodSelectorTable = ({ podSelectors = {} }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const datas = Object.keys(podSelectors).map((key2) => ({
     id: key2,
@@ -8849,7 +8843,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "podSelector",
       loading: false,
@@ -8869,7 +8863,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
 const PortsTable = ({ service }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = [
     {
@@ -8937,7 +8931,7 @@ const PortsTable = ({ service }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "ports",
       loading: false,
@@ -10214,14 +10208,13 @@ const Tags = (props) => {
   const {
     value: value2
   } = props;
-  const kit = useUIKit();
   if (!value2) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
       value: ""
     });
   }
   const tags = Object.keys(value2).map((key2) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tag.SplitTag, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Tag.SplitTag, {
       className: TagStyle,
       primaryContent: key2,
       secondaryContent: value2[key2],
@@ -10229,7 +10222,7 @@ const Tags = (props) => {
       color: "gray"
     }, key2);
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
     className: TagWrapper,
     size: 8,
     children: tags
@@ -10242,7 +10235,6 @@ const StateTag = ({
   hideBackground,
   className
 }) => {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -10261,7 +10253,7 @@ const StateTag = ({
     terminated: "red",
     stopped: "gray"
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, {
     className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
     color: statusMap[state2] !== "loading" ? statusMap[state2] : void 0,
     loading: statusMap[state2] === "loading",
@@ -10385,7 +10377,7 @@ const Time = (props) => {
 const ConditionsTable = ({ conditions = [] }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const conditionsWithId = addId(conditions, "type");
   const columns = [
     {
@@ -10461,7 +10453,7 @@ const ConditionsTable = ({ conditions = [] }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "condition",
       loading: false,
@@ -10580,7 +10572,6 @@ function useOpenForm(options) {
 }
 function K8sDropdown(props) {
   const { record, size = "normal" } = props;
-  const kit = useUIKit();
   const { globalStore } = useGlobalStore();
   const useResourceResult = useResource();
   const resource = useResourceResult.resource;
@@ -10601,18 +10592,18 @@ function K8sDropdown(props) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.dropdown,
+      Dropdown,
       {
-        overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
+        overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
           isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menuItem,
+            Menu$1.Item,
             {
               onClick: openForm,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menu.Item,
+            Menu$1.Item,
             {
               onClick: () => {
                 var _a;
@@ -10627,9 +10618,9 @@ function K8sDropdown(props) {
             }
           ),
           props.children,
-          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }) : null,
+          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { margin: 0 } }) : null,
           (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menuItem,
+            Menu$1.Item,
             {
               danger: true,
               onClick: () => {
@@ -10641,7 +10632,7 @@ function K8sDropdown(props) {
         ] }),
         trigger: ["click"],
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          kit.button,
+          Button,
           {
             type: "quiet",
             size: size === "large" ? "middle" : "small",
@@ -10658,7 +10649,7 @@ function K8sDropdown(props) {
         )
       }
     ),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 }
 var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
@@ -10686,7 +10677,7 @@ function addDefaultRenderToColumns(columns) {
 }
 const useEagleTable = (params) => {
   var _a, _b;
-  const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
+  const { columns, tableProps, formatter, Dropdown: Dropdown2 = K8sDropdown } = params;
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
   const { resource } = useResource();
@@ -10742,7 +10733,7 @@ const useEagleTable = (params) => {
       setSelectedKeys(keys);
     },
     total,
-    RowMenu: Dropdown,
+    RowMenu: Dropdown2,
     ...tableProps,
     defaultSize: currentSize
   };
@@ -10756,12 +10747,11 @@ const useEagleTable = (params) => {
 };
 function CreateButton() {
   var _a;
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const openForm = useOpenForm();
   const { resource } = useResource();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.button,
+    Button,
     {
       prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusAddCreateNew16BoldOntintIcon, {}),
       type: "primary",
@@ -10800,7 +10790,6 @@ const useDeleteManyModal = (resource, ids) => {
 };
 const DeleteManyButton = (props) => {
   const { resource } = useResource();
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const { modalProps, visible, setVisible } = useDeleteManyModal(
     (resource == null ? void 0 : resource.name) || "",
@@ -10810,8 +10799,8 @@ const DeleteManyButton = (props) => {
     setVisible(true);
   }, [setVisible]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
 const TableToolBar_4s5vf2 = "";
@@ -10825,18 +10814,17 @@ const TableToolBar = ({
   hideCreate
 }) => {
   var _a;
-  const kit = useUIKit();
   const {
     resource
   } = useResource();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: cx_default(ToolbarWrapperStyle, "table-toolbar"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
       className: ToolbarStyle$1,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: cx_default(Typo.Display.d2_regular_title, TitleStyle$2),
         children: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
         children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
           ids: selectedKeys
         }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
@@ -10871,10 +10859,9 @@ const CronjobJobsTable = ({
   const {
     i18n: i18n2
   } = useTranslation();
-  const kit = useUIKit();
   const [selectedKeys] = useState([]);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const columns = useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
     ...WorkloadImageColumnRenderer(i18n2),
     width: 238
@@ -10909,13 +10896,13 @@ const CronjobJobsTable = ({
       type: ErrorContentType.Card
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
     className: WrapperStyle$5,
     children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
       ...tableProps,
       tableKey: "cronjobs",
       showMenuColumn: false
@@ -10989,7 +10976,7 @@ const EventsTable = ({ uid }) => {
   }), [columns, uid]);
   const { tableProps } = useEagleTable(params);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -10999,7 +10986,7 @@ const EventsTable = ({ uid }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       ...tableProps,
       tableKey: "events",
@@ -11046,7 +11033,6 @@ const ResourceLink = (props) => {
     namespace: namespace2,
     resourceId
   } = props;
-  const kit = useUIKit();
   const navigation = useNavigation();
   const go = useGo();
   const onClick = () => {
@@ -11060,7 +11046,7 @@ const ResourceLink = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
     className: LinkStyle,
     onClick,
     children: resourceId
@@ -11072,7 +11058,7 @@ const IngressRulesTable = ({ ingress }) => {
     return addId(ingress.flattenedRules || [], "fullPath");
   }, [ingress.flattenedRules]);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = [
     {
@@ -11161,7 +11147,7 @@ const IngressRulesTable = ({ ingress }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "ingressRules",
       loading: false,
@@ -11254,9 +11240,8 @@ function KeyValueAnnotation(props) {
 }
 function Tabs(props) {
   const { tabs, className } = props;
-  const kit = useUIKit();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabs, { className, children: tabs.map((tab) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$1, { className, children: tabs.map((tab) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
 const ShowContent_1u0cbxv = "";
@@ -11295,9 +11280,8 @@ const ShowContent = (props) => {
   const {
     showConfig,
     formatter,
-    Dropdown = K8sDropdown
+    Dropdown: Dropdown2 = K8sDropdown
   } = props;
-  const kit = useUIKit();
   const parsed = useParsed();
   const {
     resource
@@ -11321,7 +11305,7 @@ const ShowContent = (props) => {
     id
   });
   const Component = useContext(ComponentContext);
-  const Tabs$1 = Component.Tabs || Tabs;
+  const Tabs$12 = Component.Tabs || Tabs;
   if (!(data2 == null ? void 0 : data2.data)) {
     return null;
   }
@@ -11340,7 +11324,7 @@ const ShowContent = (props) => {
       } else {
         content = get$3(record, field.path);
       }
-      return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.col, {
+      return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(Col, {
         flex: areaType === AreaType.Inline ? "none" : "",
         span: field.col || 24,
         children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11395,7 +11379,7 @@ const ShowContent = (props) => {
           children: (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind
         })
       })
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
       className: TopBarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         style: {
@@ -11407,11 +11391,11 @@ const ShowContent = (props) => {
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay
         }) : void 0]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
         children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resource == null ? void 0 : resource.name,
           action: AccessControlAuth.Edit,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
             style: {
               marginRight: 8
             },
@@ -11419,14 +11403,14 @@ const ShowContent = (props) => {
             prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
             children: t2("dovetail.edit_yaml")
           })
-        }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
+        }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown2, {
           record,
           size: "large"
         })]
       })]
     })]
   });
-  const tabs = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$1, {
+  const tabs = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$12, {
     tabs: (showConfig.tabs || []).map((tab) => {
       var _a2;
       return {
@@ -11436,7 +11420,7 @@ const ShowContent = (props) => {
           className: cx_default(TabContentStyle, tab.groups.length <= 1 && FullTabContentStyle),
           children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => {
             const GroupContainer = group.title ? ShowGroupComponent : React__default.Fragment;
-            const FieldContainer = group.title ? kit.row : React__default.Fragment;
+            const FieldContainer = group.title ? Row : React__default.Fragment;
             const groupContainerProps = group.title ? {
               title: group.title || ""
             } : {};
@@ -11449,7 +11433,7 @@ const ShowContent = (props) => {
                 children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, {
                   ...fieldContainerProps,
                   children: renderFields(area.fields, area.type, !!group.title)
-                }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
                   style: {
                     margin: "8px 0 12px 0"
                   }
@@ -11464,7 +11448,7 @@ const ShowContent = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: ShowContentWrapperStyle,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
       direction: "vertical",
       className: ShowContentHeaderStyle,
       children: topBar
@@ -11515,10 +11499,9 @@ const WorkloadPodsTable = ({
   const {
     i18n: i18n2
   } = useTranslation();
-  const kit = useUIKit();
   const [selectedKeys, setSelectedKeys] = useState([]);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = [NameColumnRenderer(i18n2, "pods"), StateDisplayColumnRenderer(i18n2), {
     key: "ip",
@@ -11560,13 +11543,13 @@ const WorkloadPodsTable = ({
       type: ErrorContentType.Card
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
     className: "c1dicff8",
     children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
       ...tableProps,
       tableKey: "pods",
       onSelect: (keys) => setSelectedKeys(keys),
@@ -11578,9 +11561,8 @@ const WorkloadPodsTable = ({
 function FormErrorAlert(props) {
   const { errorMsgs, style, className, isEdit } = props;
   const { i18n: i18n2 } = useTranslation();
-  const kit = useUIKit();
   return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.alert,
+    Alert,
     {
       message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
@@ -11688,7 +11670,6 @@ function EditFieldModal(props) {
     formRef: form,
     renderContent
   } = props;
-  const kit = useUIKit();
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11708,7 +11689,7 @@ function EditFieldModal(props) {
     popModal();
     reset();
   }, [reset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.modal, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
     className: ModalStyle,
     title: title || i18n2.t("dovetail.edit"),
     confirmLoading: submitting,
@@ -11730,7 +11711,6 @@ function EditField(props) {
   const {
     modalProps
   } = props;
-  const kit = useUIKit();
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11741,7 +11721,7 @@ function EditField(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
     resource: resource == null ? void 0 : resource.name,
     action: AccessControlAuth.Edit,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
       className: EditButtonStyle,
       type: "link",
       onClick: () => {
@@ -11770,7 +11750,6 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
     record,
     label: label2
   } = props;
-  const kit = useUIKit();
   const {
     resource
   } = useResource();
@@ -11807,7 +11786,7 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
   useImperativeHandle(ref, () => ({
     submit
   }), [submit]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
     label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       style: {
         width: "134px"
@@ -11815,7 +11794,7 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
       children: label2
     }),
     colon: false,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.fields.Integer, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.Integer, {
       style: {
         width: "142px"
       },
@@ -11840,7 +11819,6 @@ function WorkloadReplicas({
   record,
   editable
 }) {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -11868,7 +11846,7 @@ function WorkloadReplicas({
     className: WorkloadReplicasWrapperStyle,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: DonutChartWrapperStyle,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.DonutChart, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(DonutChart, {
         className: DonutChartStyle,
         data: donutData,
         width: 70,
@@ -17799,7 +17777,6 @@ const PodLog = ({
   pod: pod2
 }) => {
   var _a, _b, _c, _d, _e;
-  const kit = useUIKit();
   const [selectedContainer, setSelectedContainer] = useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
   const [logs, setLogs] = useState([]);
   const [logType, setLogType] = useState("realtime");
@@ -17922,7 +17899,7 @@ const PodLog = ({
       className: ToolbarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
         className: ToolbarAreaStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.SegmentedControl, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SegmentControl, {
           options: [{
             label: t2("dovetail.realtime_log"),
             value: "realtime"
@@ -17935,7 +17912,7 @@ const PodLog = ({
             setLogType(value2);
             setLogs([]);
           }
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, {
           input: {
             onChange: (newValue) => {
               stopFetchingLogs();
@@ -17949,22 +17926,22 @@ const PodLog = ({
           style: {
             width: 200
           },
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
             value: "",
             disabled: true,
             children: t2("dovetail.select_container")
-          }), (((_e = pod2.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          }), (((_e = pod2.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
             value: container2.name,
             children: container2.name
           }, container2.name))]
         })]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
         className: ToolbarAreaStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.checkbox, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, {
           checked: wrap,
           onChange: (e2) => setWrap(e2.target.checked),
           children: t2("dovetail.auto_wrap")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
           onClick: () => setPaused((prev) => !prev),
           prefixIcon: paused ? /* @__PURE__ */ jsxRuntimeExports.jsx(RecoverContinue16GradientBlueIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(SuspendedPause16GradientBlueIcon, {}),
           size: "middle",
@@ -18226,7 +18203,7 @@ const PodContainersTable = ({
 }) => {
   const { i18n: i18n2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = useMemo(
     () => [
@@ -18321,7 +18298,7 @@ const PodContainersTable = ({
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "podContainers",
       loading: false,
@@ -18545,7 +18522,6 @@ function FormLayout(props) {
   const {
     saveButtonProps
   } = props;
-  const kit = useUIKit();
   const {
     resource,
     action
@@ -18558,8 +18534,8 @@ function FormLayout(props) {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
       className: cx_default(Typo.Display.d2_bold_title, TitleStyle),
       children: [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, ":", " ", action === "create" ? t2("dovetail.create") : t2("dovetail.edit")]
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
         type: "primary",
         ...saveButtonProps,
         children: t2("dovetail.save")
@@ -18569,7 +18545,6 @@ function FormLayout(props) {
 }
 function WorkloadDropdown(props) {
   const { record, size, children } = props;
-  const kit = useUIKit();
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
@@ -18579,7 +18554,7 @@ function WorkloadDropdown(props) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(K8sDropdown, { record, size, children: [
     (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
+      Menu$1.Item,
       {
         onClick: async () => {
           const v = record.redeploy();
@@ -18623,7 +18598,6 @@ function WorkloadDropdown(props) {
 }
 function ReplicasDropdown(props) {
   const { record, size, children } = props;
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const pushModal = usePushModal();
   const formRef = useRef(null);
@@ -18635,7 +18609,7 @@ function ReplicasDropdown(props) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
     isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
+      Menu$1.Item,
       {
         onClick: () => {
           const modalProps = {
@@ -18825,7 +18799,6 @@ const useNamespacesFilter = () => {
 const NamespacesFilter = ({
   className
 }) => {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -18874,7 +18847,7 @@ const NamespacesFilter = ({
   }, [calcTagMaxWidth]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: WRAPPER_CLASS,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, {
       loading: isLoading,
       className: cx_default(SelectStyle, SELECT_CLASS, className),
       style: {
@@ -18895,14 +18868,14 @@ const NamespacesFilter = ({
       },
       dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: SelectContentStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SearchInput, {
           style: {
             width: "100%"
           },
           className: SearchInputStyle,
           onChange: debouncedSetSearch,
           placeholder: t2("dovetail.please_input")
-        }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
+        }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : null]
       }),
       tagRender: ({
         label: label2,
@@ -18921,17 +18894,17 @@ const NamespacesFilter = ({
               marginLeft: 8
             },
             children: label2
-          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Token, {
             className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
             closable,
             size: "medium",
             onClose,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-              content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tooltip, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+              content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
                 title: isCountToken ? value2.slice(MAX_TAG_COUNT).map((namespace2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
                   children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
                     children: namespace2
-                  }), index2 !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                  }), index2 !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
                     style: {
                       margin: "6px 0",
                       borderColor: "rgba(107, 128, 167, 0.60)"
@@ -18956,26 +18929,26 @@ const NamespacesFilter = ({
         setOpen(open2);
       },
       multiple: true,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
         value: "_all",
         label: t2("dovetail.all_namespaces"),
         className: AllNamespaceOptionStyle,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
           content: t2("dovetail.all_namespaces"),
           className: LabelWrapperStyle
         })
-      }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
+      }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(AntdSelectOptGroup, {
         label: "",
         className: SelectOptionGroupStyle,
         children: data2 == null ? void 0 : data2.data.map((namespace2) => {
           const {
             name: name2
           } = namespace2.metadata;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
             value: name2,
             label: name2,
             className: OptionStyle,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
               content: name2,
               className: LabelWrapperStyle
             })
@@ -19017,7 +18990,7 @@ function ListPage(props) {
   const {
     t: t2
   } = useTranslation();
-  const Table$1 = TableComponent || Table;
+  const Table$12 = TableComponent || Table;
   const {
     resource
   } = useResource();
@@ -19047,7 +19020,7 @@ function ListPage(props) {
           errorText: tableProps.empty || t2("dovetail.no_resource", {
             kind: ` ${config.kind}`
           })
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
           ...tableProps,
           empty: tableProps.empty || t2("dovetail.no_resource", {
             kind: ` ${config.kind}`
@@ -19062,7 +19035,7 @@ function ListPage(props) {
   });
 }
 function ResourceList(props) {
-  const { formatter, columns, Dropdown, noShow } = props.config;
+  const { formatter, columns, Dropdown: Dropdown2, noShow } = props.config;
   const { i18n: i18n2 } = useTranslation();
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
   const filters = useNamespaceRefineFilter();
@@ -19076,7 +19049,7 @@ function ResourceList(props) {
       ...props.config.tableProps
     },
     formatter,
-    Dropdown
+    Dropdown: Dropdown2
   });
   useEffect(() => {
     tableProps.onPageChange(1);
@@ -19084,13 +19057,13 @@ function ResourceList(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListPage, { selectedKeys, tableProps });
 }
 function ResourceShow(props) {
-  const { formatter, showConfig, Dropdown } = props.config;
+  const { formatter, showConfig, Dropdown: Dropdown2 } = props.config;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     PageShow,
     {
       showConfig: (showConfig == null ? void 0 : showConfig()) || {},
       formatter,
-      Dropdown
+      Dropdown: Dropdown2
     }
   );
 }
@@ -23103,7 +23076,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-c863e3f0.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-bcc9a5fe.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23118,7 +23091,6 @@ const YamlEditorComponent = forwardRef(
       eleRef,
       className
     } = props;
-    const kit = useUIKit();
     const { t: t2 } = useTranslation();
     const [isCollapsed, setIsCollapsed] = useState(
       collapsable ? isDefaultCollapsed : false
@@ -23178,14 +23150,14 @@ const YamlEditorComponent = forwardRef(
         ref: eleRef,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            kit.space,
+            Space,
             {
               className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
               direction: "vertical",
               size: 0,
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ToolBarHeaderStyle, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 8, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ToolBarHeaderStyle, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 8, children: [
                     collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Icon$1,
                       {
@@ -23199,10 +23171,10 @@ const YamlEditorComponent = forwardRef(
                     ),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 14, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
                     isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        kit.tooltip,
+                        Tooltip,
                         {
                           title: isCollapsed ? "" : copyTooltip,
                           onVisibleChange: (visible) => {
@@ -23233,7 +23205,7 @@ const YamlEditorComponent = forwardRef(
                       ),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        kit.tooltip,
+                        Tooltip,
                         {
                           title: isCollapsed ? "" : resetTooltip,
                           onVisibleChange: (visible) => {
@@ -23266,7 +23238,7 @@ const YamlEditorComponent = forwardRef(
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
                     ] }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      kit.tooltip,
+                      Tooltip,
                       {
                         title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
                         children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -23296,7 +23268,7 @@ const YamlEditorComponent = forwardRef(
                     )
                   ] })
                 ] }),
-                errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
                     errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
@@ -23483,7 +23455,6 @@ const useYamlForm = ({
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
   const { globalStore } = useGlobalStore();
-  const kit = useUIKit();
   const {
     schema,
     loading: isLoadingSchema,
@@ -23492,7 +23463,7 @@ const useYamlForm = ({
   } = useSchema({
     skip: editorOptions == null ? void 0 : editorOptions.isSkipSchema
   });
-  const [formAnt] = kit.form.useForm();
+  const [formAnt] = Form.useForm();
   const formSF = useForm$3({
     form: formAnt
   });
@@ -23726,7 +23697,6 @@ function YamlForm(props) {
     },
     ...useFormProps
   });
-  const kit = useUIKit();
   const {
     t: t2,
     i18n: i18n2
@@ -23762,7 +23732,7 @@ function YamlForm(props) {
   }, [responseErrors, onErrorsChange]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormWrapper, {
     ...formWrapperProps,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Form, {
       ...formProps,
       initialValues: formProps.initialValues,
       layout: "horizontal",
@@ -23770,10 +23740,10 @@ function YamlForm(props) {
       onFinish,
       children: (() => {
         if (isLoadingSchema || (queryResult == null ? void 0 : queryResult.isLoading) && action === "edit") {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
         }
         return editorProps.schema || schemaStrategy !== "Required" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
             style: {
               flex: 1
             },
@@ -23783,7 +23753,7 @@ function YamlForm(props) {
               schema,
               collapsable: false
             })
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
             children: mutationResult.error && /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
               errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message],
               style: {
@@ -24007,7 +23977,6 @@ function ResourceCRUD(props) {
 function CronJobDropdown(props) {
   const { record, size } = props;
   const { spec } = record;
-  const kit = useUIKit();
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
@@ -24017,7 +23986,7 @@ function CronJobDropdown(props) {
   });
   const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.menu.Item,
+    Menu$1.Item,
     {
       onClick: async () => {
         const v = suspended2 ? record.resume() : record.suspend();
@@ -24123,36 +24092,34 @@ const ResourceUsageBar = (props) => {
 const DeleteButton = () => {
   const { resource } = useResource();
   const { id } = useParsed();
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
     (resource == null ? void 0 : resource.name) || ""
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t2("dovetail.delete") }),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t2("dovetail.delete") }),
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
 const index_1wt5px2 = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
-  const kit = useUIKit();
   const {
     menuItems,
     selectedKey
   } = useMenu();
   function renderMenuItems(items) {
-    return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItem, {
+    return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, {
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavLink, {
         to: item.route || "",
         children: item.label
       })
-    }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItemGroup, {
+    }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemGroup, {
       title: item.name,
       children: renderMenuItems(item.children)
     }, item.key));
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menu, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {
     className: MenuStyle,
     theme: "light",
     selectedKeys: [selectedKey],
@@ -24167,21 +24134,20 @@ const ContentStyle = "cyc9hl2";
 const Layout = ({
   children
 }) => {
-  const kit = useUIKit();
   const [collapsed, setCollapsed] = useState(false);
   const {
     Header,
     Content,
     Sider
-  } = kit.layout;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
+  } = Layout$1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout$1, {
     style: {
       height: "100%"
     },
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Header, {
       className: cx_default(HeaderStyle, Typo.Heading.h1_bold_title),
       children: "Dovetail 2"
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout$1, {
       className: ContentLayoutStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Sider, {
         width: 256,
@@ -24199,7 +24165,6 @@ const Layout = ({
 };
 const DrawerShow = (props) => {
   var _a, _b;
-  const kit = useUIKit();
   const parsed = useParsed();
   const nav = useNavigation();
   const { queryResult } = useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
@@ -24212,16 +24177,15 @@ const DrawerShow = (props) => {
       onClose: () => nav.goBack(),
       width: "50%",
       visible: !!((_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id),
-      children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
+      children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
     }
   );
 };
 const EditButton = () => {
   const { id } = useParsed();
-  const kit = useUIKit();
   const { edit: edit2 } = useEdit();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.button,
+    Button,
     {
       type: "primary",
       onClick: () => {
@@ -24288,11 +24252,10 @@ function ResourceSelect(props) {
   );
 }
 const IngressRulesComponent = ({ ingress }) => {
-  const kit = useUIKit();
   const result = ingress.flattenedRules.map((r2) => {
     const divider = " > ";
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.overflowTooltip,
+      OverflowTooltip,
       {
         content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: r2.fullPath }),
@@ -24329,12 +24292,11 @@ const NameLink = (props) => {
     id,
     resource
   } = props;
-  const kit = useUIKit();
   const go = useGo();
   const navigation = useNavigation();
   const parsed = useParsed();
   const resourceName = resource || ((_a = parsed.resource) == null ? void 0 : _a.name) || "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
     type: "link",
     onClick: () => {
       go({
@@ -24479,7 +24441,6 @@ const AgeColumnRenderer = (i18n2, config, {
   isRelativeTime = true
 } = {}) => {
   const dataIndex = ["metadata", "creationTimestamp"];
-  const kit = useUIKit();
   return {
     key: "creationTimestamp",
     display: true,
@@ -24491,7 +24452,7 @@ const AgeColumnRenderer = (i18n2, config, {
       return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.time, {
+        value: /* @__PURE__ */ jsxRuntimeExports.jsx(Time$1, {
           date: value2,
           timeTemplate: "HH:mm:ss",
           dateTemplate: "YYYY-MM-DD"
@@ -24993,25 +24954,27 @@ const Dovetail = (props) => {
     }
   ) }) }) }) });
 };
-const ModelMap = {
-  Deployment: DeploymentModel,
-  DaemonSet: DaemonSetModel,
-  StatefulSet: StatefulSetModel,
-  CronJob: CronJobModel,
-  Job: JobModel,
-  Pod: PodModel,
-  Event: EventModel,
-  Ingress: IngressModel,
-  NetworkPolicy: NetworkPolicyModel,
-  Service: ServiceModel,
-  Node: NodeModel,
-  StorageClass: StorageClassModel,
-  PersistentVolume: PersistentVolumeModel,
-  PersistentVolumeClaim: PersistentVolumeClaimModel
-};
 class ModelPlugin {
   constructor() {
     __publicField(this, "_globalStore");
+    __publicField(this, "ModelMap", new Map(
+      Object.entries({
+        Deployment: DeploymentModel,
+        DaemonSet: DaemonSetModel,
+        StatefulSet: StatefulSetModel,
+        CronJob: CronJobModel,
+        Job: JobModel,
+        Pod: PodModel,
+        Event: EventModel,
+        Ingress: IngressModel,
+        NetworkPolicy: NetworkPolicyModel,
+        Service: ServiceModel,
+        Node: NodeModel,
+        StorageClass: StorageClassModel,
+        PersistentVolume: PersistentVolumeModel,
+        PersistentVolumeClaim: PersistentVolumeClaimModel
+      })
+    ));
   }
   init(globalStore) {
     this._globalStore = globalStore;
@@ -25032,7 +24995,7 @@ class ModelPlugin {
     };
   }
   async processItem(item) {
-    const Model = ModelMap[item.kind] || ResourceModel;
+    const Model = this.ModelMap.get(item.kind) || ResourceModel;
     const result = new Model(item, this._globalStore);
     await result.init();
     return result;
@@ -25045,6 +25008,9 @@ class ModelPlugin {
   restoreItem(item) {
     return item._rawYaml;
   }
+  setModelMap(key2, model) {
+    this.ModelMap.set(key2, model);
+  }
 }
 const modelPlugin = new ModelPlugin();
 class RelationPlugin {
@@ -25319,6 +25285,10 @@ export {
   PersistentVolumeModel as co,
   PersistentVolumeClaimModel as cp,
   ProviderPlugins as cq,
+  ModelPlugin as cr,
+  modelPlugin as cs,
+  RelationPlugin as ct,
+  relationPlugin as cu,
   dovetailRefineI18n as d,
   WorkloadRestartsColumnRenderer as e,
   NodeNameColumnRenderer as f,