@dovetail-v2/refine 0.0.63 → 0.0.65

package/dist/{index-bf00640b.js → index-cd2b9e5c.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, 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";
@@ -1152,7 +1152,7 @@ const path_type$1 = "Path type";
 const only_support_one_yaml$1 = "Only one YAML configuration is supported at a time.";
 const not_support$1 = "Not supported";
 const stopped$1 = "Stopped";
-const any_node_ip$1 = "Any node IP";
+const any_node_ip = "Any node IP";
 const dovetail$1 = {
   copy: copy$1,
   reset_arguments: reset_arguments$1,
@@ -1308,7 +1308,7 @@ const dovetail$1 = {
   only_support_one_yaml: only_support_one_yaml$1,
   not_support: not_support$1,
   stopped: stopped$1,
-  any_node_ip: any_node_ip$1
+  any_node_ip
 };
 const EN = {
   dovetail: dovetail$1
@@ -1465,7 +1465,10 @@ const out_external_name_desc = "ExternalName 展示 <strong>external-ip</strong>
 const only_support_one_yaml = "一次仅支持输入一个 YAML 配置。";
 const not_support = "不支持";
 const stopped = "已停止";
-const any_node_ip = "任意节点 IP";
+const storage_class = "存储类";
+const persistent_volumn = "持久卷";
+const provisioner = "制备器";
+const file_system = "文件系统";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1622,7 +1625,10 @@ const dovetail = {
   only_support_one_yaml,
   not_support,
   stopped,
-  any_node_ip
+  storage_class,
+  persistent_volumn,
+  provisioner,
+  file_system
 };
 const ZH = {
   dovetail
@@ -8231,6 +8237,7 @@ function ValueDisplay(props) {
 }
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  ValueDisplay,
   default: ValueDisplay
 }, Symbol.toStringTag, { value: "Module" }));
 function getSecondsDiff(startDate, endDate) {
@@ -8312,9 +8319,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 = [
   {
@@ -8359,7 +8365,6 @@ const rfc1035LabelRules = [
   }
 ];
 function NamespaceSelectWidget(props) {
-  const kit = useUIKit();
   const { action } = useResource();
   const { data: data2 } = useList({
     resource: "namespaces",
@@ -8371,7 +8376,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 = [
   {
@@ -8381,7 +8386,6 @@ const namespaceRules = [
 ];
 function KeyValueInput(props) {
   const { children, item } = props;
-  const kit = useUIKit();
   const onKeyChange = useCallback(
     (event2) => {
       var _a;
@@ -8404,14 +8408,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]) => ({
@@ -8453,7 +8456,7 @@ function KeyValueListWidget(props) {
             onChange(temp);
           },
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.button,
+            Button,
             {
               onClick: () => {
                 onRemove(index2);
@@ -8466,15 +8469,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"],
@@ -8482,8 +8484,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) {
@@ -8673,7 +8675,6 @@ const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
 const index_dmbxj3 = "";
 const TableContainerStyle = "t1upn1sz";
 function Table(props) {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -8718,7 +8719,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"),
@@ -8738,7 +8739,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,
@@ -8749,7 +8750,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,
@@ -8790,7 +8791,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,
@@ -8835,7 +8836,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "podSelector",
       loading: false,
@@ -8855,7 +8856,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 = [
     {
@@ -8923,7 +8924,7 @@ const PortsTable = ({ service }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "ports",
       loading: false,
@@ -9548,6 +9549,24 @@ const SECRET_CUSTOM_INIT_VALUE = {
   "type": "",
   "data": {}
 };
+const NODE_INIT_VALUE = {
+  "apiVersion": "v1",
+  "kind": "Node",
+  "metadata": {
+    "name": "example",
+    "namespace": "default"
+  },
+  "spec": {}
+};
+const STORAGE_CLASS_INIT_VALUE = {
+  "apiVersion": "storage.k8s.io/v1",
+  "kind": "StorageClass",
+  "metadata": {
+    "name": "example",
+    "namespace": "default"
+  },
+  "spec": {}
+};
 var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
   WorkloadState2["Terminated"] = "terminated";
   WorkloadState2["UPDATING"] = "updating";
@@ -10033,6 +10052,69 @@ class ServiceModel extends ResourceModel {
     });
   }
 }
+var NodeRole = /* @__PURE__ */ ((NodeRole2) => {
+  NodeRole2["ControlPlane"] = "Control Plane";
+  NodeRole2["Worker"] = "Worker";
+  return NodeRole2;
+})(NodeRole || {});
+class NodeModel extends WorkloadBaseModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    this._rawYaml = _rawYaml;
+    this._globalStore = _globalStore;
+  }
+  get role() {
+    return "node-role.kubernetes.io/control-plane" in (this.metadata.labels || {}) ? "Control Plane" : "Worker";
+  }
+  get ip() {
+    var _a, _b;
+    return (_b = (_a = this._rawYaml.status.addresses) == null ? void 0 : _a.find((add) => add.type === "InternalIP")) == null ? void 0 : _b.address;
+  }
+  get nodeGroupName() {
+    var _a;
+    return (_a = this.metadata.labels) == null ? void 0 : _a["cape.infrastructure.cluster.x-k8s.io/node-group"];
+  }
+  get isControlPlane() {
+    var _a;
+    if (!((_a = this == null ? void 0 : this.metadata) == null ? void 0 : _a.labels))
+      return false;
+    return "node-role.kubernetes.io/control-plane" in this.metadata.labels;
+  }
+}
+class StorageClassModel extends ResourceModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    __publicField(this, "pvs", []);
+    this._rawYaml = _rawYaml;
+    this._globalStore = _globalStore;
+  }
+  async init() {
+    const pvs = await this._globalStore.get("persistentvolumes", {
+      resourceBasePath: "/api/v1",
+      kind: "PersistentVolume"
+    });
+    this.pvs = pvs.items.filter(
+      (pv) => {
+        var _a;
+        return ((_a = pv.spec) == null ? void 0 : _a.storageClassName) === this.metadata.name;
+      }
+    );
+  }
+}
+class PersistentVolumeModel extends ResourceModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    this._rawYaml = _rawYaml;
+    this._globalStore = _globalStore;
+  }
+}
+class PersistentVolumeClaimModel extends ResourceModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    this._rawYaml = _rawYaml;
+    this._globalStore = _globalStore;
+  }
+}
 const index_1lzkrja = "";
 const ServiceInClusterAccessComponent = ({
   service
@@ -10119,14 +10201,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],
@@ -10134,7 +10215,7 @@ const Tags = (props) => {
       color: "gray"
     }, key2);
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
     className: TagWrapper,
     size: 8,
     children: tags
@@ -10147,7 +10228,6 @@ const StateTag = ({
   hideBackground,
   className
 }) => {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -10166,7 +10246,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",
@@ -10290,7 +10370,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 = [
     {
@@ -10366,7 +10446,7 @@ const ConditionsTable = ({ conditions = [] }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "condition",
       loading: false,
@@ -10429,6 +10509,8 @@ var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
   RESOURCE_GROUP2["CLUSTER"] = "CLUSTER";
   RESOURCE_GROUP2["SERVICE"] = "SERVICE";
   RESOURCE_GROUP2["SERVICE_AND_NETWORK"] = "SERVICE_AND_NETWORK";
+  RESOURCE_GROUP2["CONFIG"] = "CONFIG";
+  RESOURCE_GROUP2["NODE_MANAGEMENT"] = "NODE_MANAGEMENT";
   return RESOURCE_GROUP2;
 })(RESOURCE_GROUP || {});
 var FormType = /* @__PURE__ */ ((FormType2) => {
@@ -10483,7 +10565,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;
@@ -10504,18 +10585,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;
@@ -10530,9 +10611,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: () => {
@@ -10544,7 +10625,7 @@ function K8sDropdown(props) {
         ] }),
         trigger: ["click"],
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          kit.button,
+          Button,
           {
             type: "quiet",
             size: size === "large" ? "middle" : "small",
@@ -10561,7 +10642,7 @@ function K8sDropdown(props) {
         )
       }
     ),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 }
 var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
@@ -10589,7 +10670,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();
@@ -10645,7 +10726,7 @@ const useEagleTable = (params) => {
       setSelectedKeys(keys);
     },
     total,
-    RowMenu: Dropdown,
+    RowMenu: Dropdown2,
     ...tableProps,
     defaultSize: currentSize
   };
@@ -10659,12 +10740,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",
@@ -10703,7 +10783,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) || "",
@@ -10713,8 +10792,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 = "";
@@ -10728,18 +10807,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, {
@@ -10774,10 +10852,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
@@ -10812,13 +10889,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
@@ -10892,7 +10969,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,
@@ -10902,7 +10979,7 @@ const EventsTable = ({ uid }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       ...tableProps,
       tableKey: "events",
@@ -10945,25 +11022,24 @@ const index_cbhkdt = "";
 const LinkStyle = "l1vnw9x0";
 const ResourceLink = (props) => {
   const {
-    name: name2,
+    resourceName,
     namespace: namespace2,
     resourceId
   } = props;
-  const kit = useUIKit();
   const navigation = useNavigation();
   const go = useGo();
   const onClick = () => {
     go({
-      to: navigation.showUrl(name2, ""),
+      to: navigation.showUrl(resourceName, ""),
       query: {
-        id: `${namespace2}/${resourceId}`
+        id: namespace2 ? `${namespace2}/${resourceId}` : resourceId
       },
       options: {
         keepQuery: true
       }
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
     className: LinkStyle,
     onClick,
     children: resourceId
@@ -10975,7 +11051,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 = [
     {
@@ -11008,7 +11084,7 @@ const IngressRulesTable = ({ ingress }) => {
         return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
-            name: "services",
+            resourceName: "services",
             namespace: ingress.metadata.namespace || "default",
             resourceId: serviceName
           }
@@ -11035,7 +11111,7 @@ const IngressRulesTable = ({ ingress }) => {
         return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
-            name: "secrets",
+            resourceName: "secrets",
             namespace: ingress.metadata.namespace || "default",
             resourceId: secretName
           }
@@ -11064,7 +11140,7 @@ const IngressRulesTable = ({ ingress }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "ingressRules",
       loading: false,
@@ -11157,12 +11233,11 @@ 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_vvz9yc = "";
+const ShowContent_1u0cbxv = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -11194,13 +11269,12 @@ function ShowGroupComponent(props) {
   });
 }
 const ShowContent = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const {
     showConfig,
     formatter,
-    Dropdown = K8sDropdown
+    Dropdown: Dropdown2 = K8sDropdown
   } = props;
-  const kit = useUIKit();
   const parsed = useParsed();
   const {
     resource
@@ -11224,7 +11298,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;
   }
@@ -11234,6 +11308,8 @@ const ShowContent = (props) => {
     if (!record)
       return null;
     return fields.map((field) => {
+      if (field.hidden)
+        return null;
       let content;
       const value2 = get$3(record, field.path);
       if (field.renderContent) {
@@ -11241,7 +11317,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", {
@@ -11296,7 +11372,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: {
@@ -11308,11 +11384,11 @@ const ShowContent = (props) => {
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay
         }) : void 0]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+      }), /* @__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
             },
@@ -11320,14 +11396,14 @@ const ShowContent = (props) => {
             prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
             children: t2("dovetail.edit_yaml")
           })
-        }), /* @__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 {
@@ -11337,7 +11413,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 || ""
             } : {};
@@ -11350,7 +11426,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"
                   }
@@ -11365,7 +11441,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
@@ -11416,10 +11492,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",
@@ -11461,13 +11536,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),
@@ -11479,9 +11554,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") }),
@@ -11589,7 +11663,6 @@ function EditFieldModal(props) {
     formRef: form,
     renderContent
   } = props;
-  const kit = useUIKit();
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11609,7 +11682,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,
@@ -11631,7 +11704,6 @@ function EditField(props) {
   const {
     modalProps
   } = props;
-  const kit = useUIKit();
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11642,7 +11714,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: () => {
@@ -11671,7 +11743,6 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
     record,
     label: label2
   } = props;
-  const kit = useUIKit();
   const {
     resource
   } = useResource();
@@ -11708,7 +11779,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"
@@ -11716,7 +11787,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"
       },
@@ -11741,7 +11812,6 @@ function WorkloadReplicas({
   record,
   editable
 }) {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -11769,7 +11839,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,
@@ -12070,6 +12140,36 @@ const DurationField = (i18n2) => {
     }
   };
 };
+const StorageClassProvisionerField = (i18n2) => {
+  return {
+    key: "provisioner",
+    path: ["provisioner"],
+    title: i18n2.t("dovetail.provisioner")
+  };
+};
+const StorageClassFsTypeField = (i18n2) => {
+  return {
+    key: "fstype",
+    path: ["parameters", "csi.storage.k8s.io/fstype"],
+    title: i18n2.t("dovetail.file_system")
+  };
+};
+const StorageClassPvField = () => {
+  return {
+    key: "pvs",
+    path: ["pvs"],
+    renderContent: (pvs) => {
+      return pvs.map((pv) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ResourceLink,
+        {
+          resourceName: "persistentvolumes",
+          namespace: pv.metadata.namespace || "",
+          resourceId: pv.id
+        }
+      ) }, pv.metadata.name));
+    }
+  };
+};
 function __rest(s2, e2) {
   var t2 = {};
   for (var p in s2)
@@ -17670,7 +17770,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");
@@ -17793,7 +17892,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"
@@ -17806,7 +17905,7 @@ const PodLog = ({
             setLogType(value2);
             setLogs([]);
           }
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, {
           input: {
             onChange: (newValue) => {
               stopFetchingLogs();
@@ -17820,22 +17919,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",
@@ -18097,7 +18196,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(
     () => [
@@ -18192,7 +18291,7 @@ const PodContainersTable = ({
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "podContainers",
       loading: false,
@@ -18293,21 +18392,27 @@ const JobsGroup = () => ({
 });
 const IngressRulesGroup = (i18n2) => ({
   title: i18n2.t("dovetail.rule"),
-  areas: [{
-    fields: [IngressRulesTableTabField()]
-  }]
+  areas: [
+    {
+      fields: [IngressRulesTableTabField()]
+    }
+  ]
 });
 const PodSelectorGroup = (i18n2) => ({
   title: i18n2.t("dovetail.pod_selector"),
-  areas: [{
-    fields: [PodSelectorField()]
-  }]
+  areas: [
+    {
+      fields: [PodSelectorField()]
+    }
+  ]
 });
 const PortsGroup = (i18n2) => ({
   title: i18n2.t("dovetail.port"),
-  areas: [{
-    fields: [PortsTableField()]
-  }]
+  areas: [
+    {
+      fields: [PortsTableField()]
+    }
+  ]
 });
 const DataGroup = (i18n2) => ({
   title: i18n2.t("dovetail.data"),
@@ -18361,6 +18466,14 @@ const NetworkPolicyEgressRulesGroup = (i18n2) => ({
     }
   ]
 });
+const StorageClassPvGroup = (i18n2) => ({
+  title: i18n2.t("dovetail.persistent_volumn"),
+  areas: [
+    {
+      fields: [StorageClassPvField()]
+    }
+  ]
+});
 const PageShow = (props) => {
   var _a;
   const parsed = useParsed();
@@ -18402,7 +18515,6 @@ function FormLayout(props) {
   const {
     saveButtonProps
   } = props;
-  const kit = useUIKit();
   const {
     resource,
     action
@@ -18415,8 +18527,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")
@@ -18426,7 +18538,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();
@@ -18436,7 +18547,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();
@@ -18480,7 +18591,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);
@@ -18492,7 +18602,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 = {
@@ -18682,7 +18792,6 @@ const useNamespacesFilter = () => {
 const NamespacesFilter = ({
   className
 }) => {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -18731,7 +18840,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: {
@@ -18752,14 +18861,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,
@@ -18778,17 +18887,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)"
@@ -18813,26 +18922,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
             })
@@ -18874,7 +18983,7 @@ function ListPage(props) {
   const {
     t: t2
   } = useTranslation();
-  const Table$1 = TableComponent || Table;
+  const Table$12 = TableComponent || Table;
   const {
     resource
   } = useResource();
@@ -18904,7 +19013,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}`
@@ -18919,7 +19028,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();
@@ -18933,7 +19042,7 @@ function ResourceList(props) {
       ...props.config.tableProps
     },
     formatter,
-    Dropdown
+    Dropdown: Dropdown2
   });
   useEffect(() => {
     tableProps.onPageChange(1);
@@ -18941,13 +19050,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
     }
   );
 }
@@ -22237,6 +22346,9 @@ const RefineFormContent = (props) => {
             children: value2
           });
         }
+        if (c2 == null ? void 0 : c2.render) {
+          ele = c2.render(value2, onChange, formValue, onBlur, action, control);
+        }
         if (c2.helperText) {
           ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
             size: 4,
@@ -22248,9 +22360,6 @@ const RefineFormContent = (props) => {
             })]
           });
         }
-        if (c2 == null ? void 0 : c2.render) {
-          ele = c2.render(value2, onChange, formValue, onBlur, action);
-        }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
           label: c2.label,
           colon: false,
@@ -22960,7 +23069,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-2f1b1b7c.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-da40ae05.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -22975,7 +23084,6 @@ const YamlEditorComponent = forwardRef(
       eleRef,
       className
     } = props;
-    const kit = useUIKit();
     const { t: t2 } = useTranslation();
     const [isCollapsed, setIsCollapsed] = useState(
       collapsable ? isDefaultCollapsed : false
@@ -23035,14 +23143,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,
                       {
@@ -23056,10 +23164,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) => {
@@ -23090,7 +23198,7 @@ const YamlEditorComponent = forwardRef(
                       ),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        kit.tooltip,
+                        Tooltip,
                         {
                           title: isCollapsed ? "" : resetTooltip,
                           onVisibleChange: (visible) => {
@@ -23123,7 +23231,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(
@@ -23153,7 +23261,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}. ` : "",
@@ -23340,7 +23448,6 @@ const useYamlForm = ({
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
   const { globalStore } = useGlobalStore();
-  const kit = useUIKit();
   const {
     schema,
     loading: isLoadingSchema,
@@ -23349,7 +23456,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
   });
@@ -23583,7 +23690,6 @@ function YamlForm(props) {
     },
     ...useFormProps
   });
-  const kit = useUIKit();
   const {
     t: t2,
     i18n: i18n2
@@ -23619,7 +23725,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",
@@ -23627,10 +23733,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
             },
@@ -23640,7 +23746,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: {
@@ -23864,7 +23970,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();
@@ -23874,7 +23979,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();
@@ -23980,36 +24085,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],
@@ -24024,21 +24127,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,
@@ -24056,7 +24158,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 });
@@ -24069,16 +24170,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: () => {
@@ -24103,7 +24203,7 @@ const ReferenceLink = (props) => {
     ResourceLink,
     {
       resourceId: ownerReference.name,
-      name: resource.name || "",
+      resourceName: resource.name || "",
       namespace: namespace2
     }
   );
@@ -24118,12 +24218,37 @@ const TextTags = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: tags });
 };
+function ResourceSelect(props) {
+  const { resource, resourceBasePath, kind, selectProps, value: value2, onChange } = props;
+  const { data: data2, isLoading, isError } = useList({
+    resource,
+    meta: {
+      resourceBasePath,
+      kind
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Select,
+    {
+      input: {
+        value: value2,
+        onChange
+      },
+      loading: isLoading,
+      error: isError,
+      ...selectProps,
+      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 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 }),
@@ -24132,7 +24257,7 @@ const IngressRulesComponent = ({ ingress }) => {
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ResourceLink,
               {
-                name: "services",
+                resourceName: "services",
                 namespace: ingress.metadata.namespace || "default",
                 resourceId: r2.serviceName
               }
@@ -24160,12 +24285,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({
@@ -24310,7 +24434,6 @@ const AgeColumnRenderer = (i18n2, config, {
   isRelativeTime = true
 } = {}) => {
   const dataIndex = ["metadata", "creationTimestamp"];
-  const kit = useUIKit();
   return {
     key: "creationTimestamp",
     display: true,
@@ -24322,7 +24445,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"
@@ -24677,6 +24800,76 @@ const PortMappingColumnRenderer = (i18n2, clusterVip) => {
     }
   };
 };
+const ProvisionerColumnRenderer = (i18n2) => {
+  return {
+    key: "provisioner",
+    display: true,
+    dataIndex: ["provisioner"],
+    title: i18n2.t("dovetail.provisioner"),
+    width: 120,
+    sortable: true
+  };
+};
+const FsTypeColumnRenderer = (i18n2) => {
+  return {
+    key: "fstype",
+    display: true,
+    dataIndex: ["parameters", "csi.storage.k8s.io/fstype"],
+    title: i18n2.t("dovetail.file_system"),
+    width: 120,
+    sortable: true
+  };
+};
+const PVCapacityColumnRenderer = (i18n2) => {
+  return {
+    key: "capacity",
+    display: true,
+    dataIndex: ["spec", "capacity", "storage"],
+    title: i18n2.t("dovetail.capacity"),
+    width: 120,
+    sortable: true
+  };
+};
+const PVStorageClassColumnRenderer = (i18n2) => {
+  return {
+    key: "storageClass",
+    display: true,
+    dataIndex: ["spec", "storageClassName"],
+    title: i18n2.t("dovetail.storage_class"),
+    width: 120,
+    sortable: true
+  };
+};
+const PVPhaseColumnRenderer = (i18n2) => {
+  return {
+    key: "phase",
+    display: true,
+    dataIndex: ["status", "phase"],
+    title: i18n2.t("dovetail.phase"),
+    width: 120,
+    sortable: true
+  };
+};
+const PVModeColumnRenderer = (i18n2) => {
+  return {
+    key: "mode",
+    display: true,
+    dataIndex: ["spec", "volumeMode"],
+    title: i18n2.t("dovetail.volume_mode"),
+    width: 120,
+    sortable: true
+  };
+};
+const PVAccessModeColumnRenderer = (i18n2) => {
+  return {
+    key: "accessMode",
+    display: true,
+    dataIndex: ["spec", "accessModes"],
+    title: i18n2.t("dovetail.access_mode"),
+    width: 120,
+    sortable: true
+  };
+};
 const styles = "";
 const Dovetail = (props) => {
   const {
@@ -24764,7 +24957,11 @@ const ModelMap = {
   Event: EventModel,
   Ingress: IngressModel,
   NetworkPolicy: NetworkPolicyModel,
-  Service: ServiceModel
+  Service: ServiceModel,
+  Node: NodeModel,
+  StorageClass: StorageClassModel,
+  PersistentVolume: PersistentVolumeModel,
+  PersistentVolumeClaim: PersistentVolumeClaimModel
 };
 class ModelPlugin {
   constructor() {
@@ -24890,172 +25087,192 @@ const relationPlugin = new RelationPlugin();
 const ProviderPlugins = [relationPlugin, modelPlugin];
 const dovetailRefineI18n = i18n;
 export {
-  PodContainersTable as $,
+  NamespaceSelectWidget as $,
   AgeColumnRenderer as A,
-  useDownloadYAML as B,
+  PVPhaseColumnRenderer as B,
   CommonSorter as C,
   DurationColumnRenderer as D,
-  useEdit as E,
-  useGlobalStore as F,
-  useOpenForm as G,
-  index as H,
+  PVModeColumnRenderer as E,
+  FsTypeColumnRenderer as F,
+  PVAccessModeColumnRenderer as G,
+  ColumnKeys as H,
   IngressRulesColumnRenderer as I,
-  Breadcrumb as J,
-  NameInputWidget as K,
-  dnsSubDomainRules as L,
+  addDefaultRenderToColumns as J,
+  useEagleTable as K,
+  useDownloadYAML as L,
   ModalStyle as M,
   NameColumnRenderer as N,
-  rfc1123LabelRules as O,
+  useEdit as O,
   PlainTextNameColumnRenderer as P,
-  rfc1035LabelRules as Q,
+  useGlobalStore as Q,
   ReplicasColumnRenderer as R,
   StateDisplayColumnRenderer as S,
-  NamespaceSelectWidget as T,
-  namespaceRules as U,
-  KeyValueListWidget as V,
+  useOpenForm as T,
+  index as U,
+  Breadcrumb as V,
   WorkloadImageColumnRenderer as W,
-  MetadataForm as X,
-  PageShow as Y,
-  Time as Z,
-  ConditionsTable as _,
+  NameInputWidget as X,
+  dnsSubDomainRules as Y,
+  rfc1123LabelRules as Z,
+  rfc1035LabelRules as _,
   useSchema as a,
-  ListPage as a$,
-  WorkloadDropdown as a0,
-  ReplicasDropdown as a1,
-  CreateButton as a2,
-  ImageNames as a3,
-  ResourceList as a4,
-  ResourceShow as a5,
-  ResourceForm as a6,
-  ResourceCRUD as a7,
-  WorkloadPodsTable as a8,
-  CronJobDropdown as a9,
-  NamespaceField as aA,
-  AgeField as aB,
-  LabelsField as aC,
-  AnnotationsField as aD,
-  ServiceInnerClusterAccessField as aE,
-  ServiceOutClusterAccessField as aF,
-  PodSelectorField as aG,
-  PortsTableField as aH,
-  DurationField as aI,
-  EventsTab as aJ,
-  PodLogTab as aK,
-  BasicGroup as aL,
-  PodsGroup as aM,
-  PodContainersGroup as aN,
-  ServicePodsGroup as aO,
-  ConditionsGroup as aP,
-  SecretDataGroup as aQ,
-  JobsGroup as aR,
-  IngressRulesGroup as aS,
-  PodSelectorGroup as aT,
-  PortsGroup as aU,
-  DataGroup as aV,
-  NetworkPolicyIngressRulesGroup as aW,
-  NetworkPolicyEgressRulesGroup as aX,
-  ShowGroupComponent as aY,
-  ShowContent as aZ,
-  DeleteManyButton as a_,
-  ResourceUsageBar as aa,
-  WorkloadReplicasForm as ab,
-  WorkloadReplicas as ac,
-  CronjobJobsTable as ad,
-  KeyValue as ae,
-  KeyValueAnnotation as af,
-  KeyValueSecret as ag,
-  Separator as ah,
-  YamlEditorComponent as ai,
-  DeleteButton as aj,
-  Layout as ak,
-  AreaType as al,
-  ImageField as am,
-  ReplicaField as an,
-  ConditionsField as ao,
-  PodsField as ap,
-  JobsField as aq,
-  DataField as ar,
-  SecretDataField as as,
-  StartTimeField as at,
-  ServiceTypeField as au,
-  ClusterIpField as av,
-  SessionAffinityField as aw,
-  ServicePodsField as ax,
-  IngressRulesTableTabField as ay,
-  EventsTableTabField as az,
+  SecretDataGroup as a$,
+  namespaceRules as a0,
+  KeyValueListWidget as a1,
+  MetadataForm as a2,
+  PageShow as a3,
+  Time as a4,
+  ConditionsTable as a5,
+  PodContainersTable as a6,
+  WorkloadDropdown as a7,
+  ReplicasDropdown as a8,
+  CreateButton as a9,
+  SecretDataField as aA,
+  StartTimeField as aB,
+  ServiceTypeField as aC,
+  ClusterIpField as aD,
+  SessionAffinityField as aE,
+  ServicePodsField as aF,
+  IngressRulesTableTabField as aG,
+  EventsTableTabField as aH,
+  NamespaceField as aI,
+  AgeField as aJ,
+  LabelsField as aK,
+  AnnotationsField as aL,
+  ServiceInnerClusterAccessField as aM,
+  ServiceOutClusterAccessField as aN,
+  PodSelectorField as aO,
+  PortsTableField as aP,
+  DurationField as aQ,
+  StorageClassProvisionerField as aR,
+  StorageClassFsTypeField as aS,
+  StorageClassPvField as aT,
+  EventsTab as aU,
+  PodLogTab as aV,
+  BasicGroup as aW,
+  PodsGroup as aX,
+  PodContainersGroup as aY,
+  ServicePodsGroup as aZ,
+  ConditionsGroup as a_,
+  ImageNames as aa,
+  ResourceList as ab,
+  ResourceShow as ac,
+  ResourceForm as ad,
+  ResourceCRUD as ae,
+  WorkloadPodsTable as af,
+  CronJobDropdown as ag,
+  K8sDropdown as ah,
+  ResourceUsageBar as ai,
+  WorkloadReplicasForm as aj,
+  WorkloadReplicas as ak,
+  CronjobJobsTable as al,
+  KeyValue as am,
+  KeyValueAnnotation as an,
+  KeyValueSecret as ao,
+  Separator as ap,
+  YamlEditorComponent as aq,
+  DeleteButton as ar,
+  Layout as as,
+  AreaType as at,
+  ImageField as au,
+  ReplicaField as av,
+  ConditionsField as aw,
+  PodsField as ax,
+  JobsField as ay,
+  DataField as az,
   useDeleteModal as b,
-  CronJobModel as b$,
-  StateTagStyle as b0,
-  StateTag as b1,
-  DrawerShow as b2,
-  Menu as b3,
-  EditButton as b4,
-  ReferenceLink as b5,
-  ResourceLink as b6,
-  NS_STORE_KEY as b7,
-  ALL_NS as b8,
-  useNamespacesFilter as b9,
-  INGRESS_INIT_VALUE as bA,
-  NETWORK_POLICY_INIT_VALUE as bB,
-  CONFIG_MAP_INIT_VALUE as bC,
-  SERVER_INSTANCE_INIT_VALUE as bD,
-  TIMESTAMP_LABEL as bE,
-  SECRET_OPAQUE_INIT_VALUE as bF,
-  SECRET_IMAGE_REPO_INIT_VALUE as bG,
-  SECRET_BASIC_AUTH_INIT_VALUE as bH,
-  SECRET_SSH_AUTH_INIT_VALUE as bI,
-  SECRET_TLS_INIT_VALUE as bJ,
-  SECRET_CUSTOM_INIT_VALUE as bK,
-  WorkloadState as bL,
-  AccessControlAuth as bM,
-  Dovetail as bN,
-  RESOURCE_GROUP as bO,
-  FormType as bP,
-  ComponentContext as bQ,
-  GlobalStoreContext as bR,
-  ConfigsContext as bS,
-  IngressModel as bT,
-  NetworkPolicyModel as bU,
-  JobModel as bV,
-  WorkloadModel as bW,
-  WorkloadBaseModel as bX,
-  PodModel as bY,
-  PodMetricsModel as bZ,
-  ResourceModel as b_,
-  NamespacesFilter as ba,
-  FormModal as bb,
-  RefineFormContent as bc,
-  RefineFormPage as bd,
-  SchemaStrategy as be,
-  YamlForm as bf,
-  useRefineForm as bg,
-  ServiceInClusterAccessComponent as bh,
-  ServiceOutClusterAccessComponent as bi,
-  Tags as bj,
-  TextTags as bk,
-  PodLog as bl,
-  NetworkPolicyRulesViewer as bm,
-  Tabs as bn,
-  BASE_INIT_VALUE as bo,
-  DEPLOYMENT_INIT_VALUE as bp,
-  CRONJOB_INIT_VALUE as bq,
-  DAEMONSET_INIT_VALUE as br,
-  JOB_INIT_VALUE as bs,
-  STATEFULSET_INIT_VALUE as bt,
-  POD_INIT_VALUE as bu,
-  SERVICE_CLUSTER_IP_INIT_VALUE as bv,
-  SERVICE_NODE_PORT_INIT_VALUE as bw,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as bx,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as by,
-  SERVICE_HEADLESS_INIT_VALUE as bz,
+  AccessControlAuth as b$,
+  JobsGroup as b0,
+  IngressRulesGroup as b1,
+  PodSelectorGroup as b2,
+  PortsGroup as b3,
+  DataGroup as b4,
+  NetworkPolicyIngressRulesGroup as b5,
+  NetworkPolicyEgressRulesGroup as b6,
+  StorageClassPvGroup as b7,
+  ShowGroupComponent as b8,
+  ShowContent as b9,
+  ResourceSelect as bA,
+  BASE_INIT_VALUE as bB,
+  DEPLOYMENT_INIT_VALUE as bC,
+  CRONJOB_INIT_VALUE as bD,
+  DAEMONSET_INIT_VALUE as bE,
+  JOB_INIT_VALUE as bF,
+  STATEFULSET_INIT_VALUE as bG,
+  POD_INIT_VALUE as bH,
+  SERVICE_CLUSTER_IP_INIT_VALUE as bI,
+  SERVICE_NODE_PORT_INIT_VALUE as bJ,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as bK,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as bL,
+  SERVICE_HEADLESS_INIT_VALUE as bM,
+  INGRESS_INIT_VALUE as bN,
+  NETWORK_POLICY_INIT_VALUE as bO,
+  CONFIG_MAP_INIT_VALUE as bP,
+  SERVER_INSTANCE_INIT_VALUE as bQ,
+  TIMESTAMP_LABEL as bR,
+  SECRET_OPAQUE_INIT_VALUE as bS,
+  SECRET_IMAGE_REPO_INIT_VALUE as bT,
+  SECRET_BASIC_AUTH_INIT_VALUE as bU,
+  SECRET_SSH_AUTH_INIT_VALUE as bV,
+  SECRET_TLS_INIT_VALUE as bW,
+  SECRET_CUSTOM_INIT_VALUE as bX,
+  NODE_INIT_VALUE as bY,
+  STORAGE_CLASS_INIT_VALUE as bZ,
+  WorkloadState as b_,
+  DeleteManyButton as ba,
+  ListPage as bb,
+  StateTagStyle as bc,
+  StateTag as bd,
+  DrawerShow as be,
+  Menu as bf,
+  EditButton as bg,
+  ReferenceLink as bh,
+  ResourceLink as bi,
+  NS_STORE_KEY as bj,
+  ALL_NS as bk,
+  useNamespacesFilter as bl,
+  NamespacesFilter as bm,
+  FormModal as bn,
+  RefineFormContent as bo,
+  RefineFormPage as bp,
+  SchemaStrategy as bq,
+  YamlForm as br,
+  useRefineForm as bs,
+  ServiceInClusterAccessComponent as bt,
+  ServiceOutClusterAccessComponent as bu,
+  Tags as bv,
+  TextTags as bw,
+  PodLog as bx,
+  NetworkPolicyRulesViewer as by,
+  Tabs as bz,
   NameSpaceColumnRenderer as c,
-  EventModel as c0,
-  DeploymentModel as c1,
-  DaemonSetModel as c2,
-  StatefulSetModel as c3,
-  ServiceTypeEnum as c4,
-  ServiceModel as c5,
-  ProviderPlugins as c6,
+  Dovetail as c0,
+  RESOURCE_GROUP as c1,
+  FormType as c2,
+  ComponentContext as c3,
+  GlobalStoreContext as c4,
+  ConfigsContext as c5,
+  IngressModel as c6,
+  NetworkPolicyModel as c7,
+  JobModel as c8,
+  WorkloadModel as c9,
+  WorkloadBaseModel as ca,
+  PodModel as cb,
+  PodMetricsModel as cc,
+  ResourceModel as cd,
+  CronJobModel as ce,
+  EventModel as cf,
+  DeploymentModel as cg,
+  DaemonSetModel as ch,
+  StatefulSetModel as ci,
+  ServiceTypeEnum as cj,
+  ServiceModel as ck,
+  NodeRole as cl,
+  NodeModel as cm,
+  StorageClassModel as cn,
+  PersistentVolumeModel as co,
+  PersistentVolumeClaimModel as cp,
+  ProviderPlugins as cq,
   dovetailRefineI18n as d,
   WorkloadRestartsColumnRenderer as e,
   NodeNameColumnRenderer as f,
@@ -25076,7 +25293,7 @@ export {
   useNamespaceRefineFilter as u,
   DataKeysColumnRenderer as v,
   PortMappingColumnRenderer as w,
-  ColumnKeys as x,
-  addDefaultRenderToColumns as y,
-  useEagleTable as z
+  ProvisionerColumnRenderer as x,
+  PVCapacityColumnRenderer as y,
+  PVStorageClassColumnRenderer as z
 };