@dovetail-v2/refine 0.4.2-beta.0 → 0.4.4

package/dist/refine.js

@@ -7,17 +7,18 @@ var __publicField = (obj, key2, value2) => {
 import dayjs from "dayjs";
 import i18n from "i18next";
 import { w as warnOnce, g as getDefaults, a as warn, b as getI18n, s as setDefaults, d as setI18n, I as I18nContext, j as jsxRuntimeExports, u as useTranslation, c as cx_default, S as SocketStatus } from "./common-241b21f8.js";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useForm as useForm$2, pickNotDeprecated, useWarnAboutChange, useOne, useParsed, useGo, useCan, useTable, useDeleteMany, useShow, useRefineContext, useTranslate, flattenObjectKeys, useMenu, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDeleteMany, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useForm as useForm$2, pickNotDeprecated, useWarnAboutChange, useParsed, useGo, useCan, useTable, useShow, useRefineContext, useTranslate, flattenObjectKeys, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, forwardRef, Suspense, lazy, memo } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, OverflowTooltip, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, Tooltip, Divider, Icon, Dropdown, Menu as Menu$1, LegacyModal, StatusCapsule, Popover, AntdTable, Upload, TableForm, ValidateTriggerType, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
-import { HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
-import { first, get as get$2, cloneDeep, set, setWith, clone, debounce, isEqual as isEqual$1, isObject as isObject$4, uniq, omit as omit$1, merge, last, keyBy } from "lodash-es";
+import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, OverflowTooltip, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Tooltip, Icon, Link as Link$1, Divider, Dropdown, Menu as Menu$1, LegacyModal, StatusCapsule, Popover, AntdTable, Upload, TableForm, ValidateTriggerType, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronLeft16BoldBlueIcon, ExclamationErrorCircleFill16RedIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
+import { first, get as get$2, cloneDeep, set, setWith, clone, debounce, isEqual as isEqual$1, omit as omit$1, isObject as isObject$4, uniq, merge, last, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
 import { useForm as useForm$1 } from "sunflower-antd";
 import { useLocalStorage } from "usehooks-ts";
 import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
+import copyToClipboard$1 from "copy-to-clipboard";
 import { LogViewer } from "@patternfly/react-log-viewer";
 import { Controller, useForm as useForm$3 } from "react-hook-form";
 import * as monaco from "monaco-editor";
@@ -437,6 +438,18 @@ function Trans(_ref) {
     ...additionalProps
   });
 }
+const add_container$1 = "Add container";
+const container_index$1 = "Container {{index}}";
+const container_name$1 = "Container name";
+const container_image$1 = "Container image";
+const advanced_settings$1 = "Advanced settings";
+const app$1 = {
+  add_container: add_container$1,
+  container_index: container_index$1,
+  container_name: container_name$1,
+  container_image: container_image$1,
+  advanced_settings: advanced_settings$1
+};
 const copy$1 = "Copy";
 const reset_arguments$1 = "Reset";
 const view_changes$1 = "Show diff";
@@ -456,6 +469,8 @@ const state$1 = "Status";
 const name$1 = "Name";
 const pod$1 = "Pod";
 const cancel$1 = "Cancel";
+const prev_step$1 = "Previous";
+const next_step$1 = "Next";
 const create$1 = "Create";
 const confirm_delete_text$1 = "Are you sure you want to delete the {{kind}} <0>{{target}}</0>?";
 const edit$1 = "Edit";
@@ -602,7 +617,7 @@ const available_state$1 = "Available";
 const bound_state$1 = "Bound";
 const released_state$1 = "Released";
 const failed_state$1 = "Failed";
-const exec_pod = "Execute shell";
+const exec_pod$1 = "Execute shell";
 const search$1 = "Search";
 const edit_label$1 = "Edit label";
 const csi$1 = "CSI driver";
@@ -618,6 +633,7 @@ const edit_form$1 = "Edit form";
 const data_expired$1 = "Data expired";
 const data_expired_body$1 = "The data in this form is no longer the latest version. To avoid saving errors, please discard this edit and reopen the form to edit again.";
 const data_expired_note$1 = "Your current entries will not be saved.";
+const resource_version_conflict$1 = "The data in this form is no longer the latest version. Please discard this edit and reopen the form to edit again.";
 const abandon_edit$1 = "Discard edit";
 const exit_yaml_tip$1 = "If you go back to the form, any changes made to the YAML file will be lost.";
 const value_optional$1 = "Value (optional)";
@@ -714,6 +730,11 @@ const pause_scheduling$1 = "Suspend scheduling";
 const port_name$1 = "Port name";
 const target_port_range_limit$1 = "Only integers between 1 and 65535, or strings, are supported.";
 const service_port_name_tip$1 = "When the port count is 1, this field is optional; when it is greater than 1, this field is mandatory.";
+const network_error$1 = "Network error";
+const retry_when_access_data_failed$1 = "Failed to load data. Click to retry.";
+const service$1 = "Service";
+const ingress$1 = "Ingress";
+const fstype$1 = "Filesystem type";
 const dovetail$1 = {
   copy: copy$1,
   reset_arguments: reset_arguments$1,
@@ -734,6 +755,8 @@ const dovetail$1 = {
   name: name$1,
   pod: pod$1,
   cancel: cancel$1,
+  prev_step: prev_step$1,
+  next_step: next_step$1,
   "delete": "Delete",
   create: create$1,
   confirm_delete_text: confirm_delete_text$1,
@@ -883,7 +906,7 @@ const dovetail$1 = {
   bound_state: bound_state$1,
   released_state: released_state$1,
   failed_state: failed_state$1,
-  exec_pod,
+  exec_pod: exec_pod$1,
   search: search$1,
   edit_label: edit_label$1,
   csi: csi$1,
@@ -899,6 +922,7 @@ const dovetail$1 = {
   data_expired: data_expired$1,
   data_expired_body: data_expired_body$1,
   data_expired_note: data_expired_note$1,
+  resource_version_conflict: resource_version_conflict$1,
   abandon_edit: abandon_edit$1,
   exit_yaml_tip: exit_yaml_tip$1,
   value_optional: value_optional$1,
@@ -994,11 +1018,29 @@ const dovetail$1 = {
   pause_scheduling: pause_scheduling$1,
   port_name: port_name$1,
   target_port_range_limit: target_port_range_limit$1,
-  service_port_name_tip: service_port_name_tip$1
+  service_port_name_tip: service_port_name_tip$1,
+  network_error: network_error$1,
+  retry_when_access_data_failed: retry_when_access_data_failed$1,
+  service: service$1,
+  ingress: ingress$1,
+  fstype: fstype$1
 };
 const EN = {
+  app: app$1,
   dovetail: dovetail$1
 };
+const add_container = "添加容器";
+const container_index = "容器 {{index}}";
+const container_name = "容器名称";
+const container_image = "容器镜像";
+const advanced_settings = "高级设置";
+const app = {
+  add_container,
+  container_index,
+  container_name,
+  container_image,
+  advanced_settings
+};
 const copy = "复制";
 const reset_arguments = "重置";
 const view_changes = "查看改动";
@@ -1010,6 +1052,8 @@ const edit_yaml = "编辑 YAML";
 const copied = "已复制";
 const already_reset = "已重置";
 const cancel = "取消";
+const prev_step = "上一步";
+const next_step = "下一步";
 const create = "创建";
 const delete_resource = "删除{{resource}}";
 const confirm_delete_text = "确认删除{{kind}} <0>{{target}}</0> 吗？";
@@ -1182,6 +1226,7 @@ const edit_form = "编辑表单";
 const data_expired = "数据已过期";
 const data_expired_body = "当前表单中的数据已不是最新版。为避免保存失败，请放弃本次编辑，并重新打开表单进行编辑。";
 const data_expired_note = "当前已填写内容将不会保留。";
+const resource_version_conflict = "当前表单中的数据已不是最新版，请放弃本次编辑，并重新打开表单进行编辑。";
 const abandon_edit = "放弃编辑";
 const exit_yaml_tip = "返回编辑表单，不会保留对 YAML 文件做出的所有更改。";
 const form = "表单";
@@ -1275,6 +1320,12 @@ const no_labels = "无标签";
 const no_annotations = "无注解";
 const pause_scheduling = "暂停调度";
 const service_port_name_tip = "端口数量为 1 时，名称为选填项；大于 1 时，名称为必填项。";
+const exec_pod = "执行 Shell";
+const network_error = "网络错误";
+const retry_when_access_data_failed = "数据加载失败，点击重试。";
+const service = "服务";
+const ingress = "Ingress";
+const fstype = "文件系统类型";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1287,6 +1338,8 @@ const dovetail = {
   copied,
   already_reset,
   cancel,
+  prev_step,
+  next_step,
   "delete": "删除",
   create,
   delete_resource,
@@ -1462,6 +1515,7 @@ const dovetail = {
   data_expired,
   data_expired_body,
   data_expired_note,
+  resource_version_conflict,
   abandon_edit,
   exit_yaml_tip,
   form,
@@ -1554,9 +1608,16 @@ const dovetail = {
   no_labels,
   no_annotations,
   pause_scheduling,
-  service_port_name_tip
+  service_port_name_tip,
+  exec_pod,
+  network_error,
+  retry_when_access_data_failed,
+  service,
+  ingress,
+  fstype
 };
 const ZH = {
+  app,
   dovetail
 };
 const resources = {
@@ -7288,9 +7349,7 @@ class K8sOpenAPI {
       return this.schemas;
     }
     try {
-      const response = await fetch(
-        `${this.pathPrefix}${this.resourceBasePath}`
-      );
+      const response = await fetch(`${this.pathPrefix}${this.resourceBasePath}`);
       const result = await response.json();
       this.schemas = Object.values(result.components.schemas);
       if (this.schemas) {
@@ -7362,33 +7421,42 @@ function useApiGroupSchema() {
     loading: false,
     error: null
   });
-  const fetchSchema = useCallback(async (apiGroups, schemaUrlPrefix) => {
-    setState((prev) => ({ ...prev, loading: true, error: null }));
-    try {
-      const results = await Promise.all(
-        apiGroups.map(async (apiGroup) => {
-          if (state2.schemasMap[apiGroup]) {
-            return { apiGroup, schemas: state2.schemasMap[apiGroup] };
-          }
-          const groupSchemas = await schemaStore.fetchSchemas(apiGroup, schemaUrlPrefix);
-          return { apiGroup, schemas: groupSchemas || [] };
-        })
-      );
-      const newSchemasMap = results.reduce((acc, { apiGroup, schemas }) => {
-        acc[apiGroup] = schemas;
-        return acc;
-      }, {});
-      const allSchemas = results.flatMap(({ schemas }) => schemas);
-      setState({
-        schemas: allSchemas,
-        schemasMap: newSchemasMap,
-        loading: false,
-        error: null
-      });
-    } catch (e2) {
-      setState((prev) => ({ ...prev, loading: false, error: e2 }));
-    }
-  }, [state2.schemasMap]);
+  const fetchSchema = useCallback(
+    async (apiGroups, schemaUrlPrefix) => {
+      setState((prev) => ({ ...prev, loading: true, error: null }));
+      try {
+        const results = await Promise.all(
+          apiGroups.map(async (apiGroup) => {
+            if (state2.schemasMap[apiGroup]) {
+              return { apiGroup, schemas: state2.schemasMap[apiGroup] };
+            }
+            const groupSchemas = await schemaStore.fetchSchemas(
+              apiGroup,
+              schemaUrlPrefix
+            );
+            return { apiGroup, schemas: groupSchemas || [] };
+          })
+        );
+        const newSchemasMap = results.reduce(
+          (acc, { apiGroup, schemas }) => {
+            acc[apiGroup] = schemas;
+            return acc;
+          },
+          {}
+        );
+        const allSchemas = results.flatMap(({ schemas }) => schemas);
+        setState({
+          schemas: allSchemas,
+          schemasMap: newSchemasMap,
+          loading: false,
+          error: null
+        });
+      } catch (e2) {
+        setState((prev) => ({ ...prev, loading: false, error: e2 }));
+      }
+    },
+    [state2.schemasMap]
+  );
   return { ...state2, fetchSchema };
 }
 function useSchema(options) {
@@ -7404,7 +7472,11 @@ function useSchema(options) {
     setLoading(true);
     setError(null);
     try {
-      const schema2 = await schemaStore.fetchSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix, (_b2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _b2.kind);
+      const schema2 = await schemaStore.fetchSchema(
+        (_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath,
+        schemaUrlPrefix,
+        (_b2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _b2.kind
+      );
       setSchema(schema2 || null);
       setError(null);
     } catch (e2) {
@@ -7425,6 +7497,34 @@ function useSchema(options) {
     fetchSchema
   };
 }
+const useDeleteManyModal = (resource, ids) => {
+  const { mutate } = useDeleteMany();
+  const [visible, setVisible] = useState(false);
+  const { t: t2 } = useTranslation();
+  const modalProps = {
+    title: t2("dovetail.delete"),
+    okText: t2("dovetail.delete"),
+    okButtonProps: {
+      danger: true
+    },
+    cancelText: t2("dovetail.cancel"),
+    children: t2("dovetail.confirm_delete_text", {
+      target: ids,
+      interpolation: { escapeValue: false }
+    }),
+    onOk() {
+      mutate({
+        resource,
+        ids
+      });
+      setVisible(false);
+    },
+    onCancel() {
+      setVisible(false);
+    }
+  };
+  return { modalProps, visible, setVisible };
+};
 const ConfigsContext = createContext({});
 function getCommonErrors(responseBody, i18n2) {
   var _a;
@@ -7468,12 +7568,16 @@ function getCommonErrors(responseBody, i18n2) {
   }
   return [
     i18n2.t(
-      [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+      [
+        `error.${responseBody.code}`,
+        `error.${responseBody.reason}`,
+        responseBody.message || ""
+      ],
       { fallbackLng: "" }
     )
   ];
 }
-const tag_18x9v7m = "";
+const tag_19ts6m8 = "";
 const StateTagStyle = "s82411";
 const NameTagStyle = "n9ja9cs";
 function shortenedImage(image2) {
@@ -7873,48 +7977,6 @@ function NameInputWidget(props) {
   const { action } = useResource();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...props, disabled: action === "edit" });
 }
-const dnsSubDomainRules = [
-  {
-    required: true,
-    message: "名称不能为空"
-  },
-  {
-    pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
-    message: "名称只能包含小写字母、数字，以及 '-' 和 '.'，且必须以字母或数字开头和结束"
-  },
-  {
-    max: 253,
-    message: "名称长度不能超过253个字符"
-  }
-];
-const rfc1123LabelRules = [
-  {
-    required: true,
-    message: "名称不能为空"
-  },
-  {
-    pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
-    message: "名称只能包含小写字母、数字，以及 '-'，且以字母或数字开头和结束"
-  },
-  {
-    max: 63,
-    message: "名称长度不能超过63个字符"
-  }
-];
-const rfc1035LabelRules = [
-  {
-    required: true,
-    message: "名称不能为空"
-  },
-  {
-    pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
-    message: "名称只能包含小写字母、数字，以及 '-'，且以字母开头，字母或数字结束"
-  },
-  {
-    max: 63,
-    message: "名称长度不能超过63个字符"
-  }
-];
 function NamespaceSelectWidget(props) {
   const { action } = useResource();
   const { data: data2 } = useList({
@@ -7976,10 +8038,13 @@ function KeyValueListWidget(props) {
   const onChange = useCallback(
     (newItems) => {
       var _a;
-      const newValue = newItems.reduce((result, item) => {
-        result[item.key] = item.value;
-        return result;
-      }, {});
+      const newValue = newItems.reduce(
+        (result, item) => {
+          result[item.key] = item.value;
+          return result;
+        },
+        {}
+      );
       (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
     },
     [props]
@@ -8025,7 +8090,7 @@ function KeyValueListWidget(props) {
 }
 function MetadataForm() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Name", name: ["metadata", "name"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Form.Item,
       {
@@ -8040,6 +8105,12 @@ function MetadataForm() {
   ] });
 }
 const ComponentContext = createContext({});
+function ComponentContextProvider({
+  value: value2,
+  children
+}) {
+  return React.createElement(ComponentContext.Provider, { value: value2 }, children);
+}
 const GlobalStoreContext = createContext({});
 const index_1s9fcl3 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
@@ -8203,21 +8274,31 @@ function Table$1(props) {
     })]
   });
 }
-function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
+function useTableData({
+  data: data2,
+  columns,
+  pageSize = 10,
+  defaultSorters
+}) {
   const [currentPage, setCurrentPage] = useState(1);
   const [sorters, setSorters] = useState(defaultSorters || []);
-  const onSorterChange = useCallback((order, key2) => {
-    var _a;
-    const ORDER_MAP = {
-      descend: "desc",
-      ascend: "asc"
-    };
-    const sorters2 = [{
-      field: (_a = columns.find((col) => col.key === key2)) == null ? void 0 : _a.dataIndex,
-      order: order ? ORDER_MAP[order] : order
-    }];
-    setSorters(sorters2);
-  }, [columns]);
+  const onSorterChange = useCallback(
+    (order, key2) => {
+      var _a;
+      const ORDER_MAP = {
+        descend: "desc",
+        ascend: "asc"
+      };
+      const sorters2 = [
+        {
+          field: (_a = columns.find((col) => col.key === key2)) == null ? void 0 : _a.dataIndex,
+          order: order ? ORDER_MAP[order] : order
+        }
+      ];
+      setSorters(sorters2);
+    },
+    [columns]
+  );
   return {
     data: paginateData(
       {
@@ -8297,7 +8378,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     }
   );
 };
-const PortsTable = ({ service }) => {
+const PortsTable = ({ service: service2 }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
   const Table2 = component.Table || Table$1;
@@ -8344,7 +8425,7 @@ const PortsTable = ({ service }) => {
       width: 199
     }
   ];
-  const ports = (service._rawYaml.spec.ports || []).map((port2) => ({
+  const ports = (service2._rawYaml.spec.ports || []).map((port2) => ({
     ...port2,
     id: port2.name || ""
   }));
@@ -8759,6 +8840,38 @@ function PVCDistributeStorage({
     )
   ] });
 }
+const index_1oorxg6 = "";
+const CopyIconStyle = "c1oll6q9";
+const CopyButton = ({
+  value: value2,
+  className
+}) => {
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const [tooltip, setTooltip] = useState(i18n2.t("dovetail.copy"));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+    title: tooltip,
+    onVisibleChange: (visible) => {
+      if (!visible) {
+        setTimeout(() => {
+          setTooltip(i18n2.t("dovetail.copy"));
+        }, 80);
+      }
+    },
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
+      src: ClipboardCopy16GradientGrayIcon,
+      hoverSrc: ClipboardCopy16GradientBlueIcon,
+      className: cx_default(CopyIconStyle, className),
+      iconWidth: 16,
+      iconHeight: 16,
+      onClick: () => {
+        copyToClipboard$1(value2);
+        setTooltip(i18n2.t("dovetail.copied"));
+      }
+    })
+  });
+};
 class ResourceModel {
   constructor(_rawYaml, _globalStore) {
     __publicField(this, "id");
@@ -8876,74 +8989,70 @@ const BASE_INIT_VALUE = {
   }
 };
 const DEPLOYMENT_INIT_VALUE = {
-  "apiVersion": "apps/v1",
-  "kind": "Deployment",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "apps/v1",
+  kind: "Deployment",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "matchLabels": {
-        "app": "deployment-example"
+  spec: {
+    selector: {
+      matchLabels: {
+        app: "deployment-example"
       }
     },
-    "replicas": 3,
-    "template": {
-      "metadata": {
-        "labels": {
-          "app": "deployment-example"
+    replicas: 3,
+    template: {
+      metadata: {
+        labels: {
+          app: "deployment-example"
         }
       },
-      "spec": {
-        "containers": [
+      spec: {
+        containers: [
           {
-            "name": "deployment-example",
-            "image": "registry.smtx.io/kubesmart/bitnami/nginx:1.25.2-debian-11-r2",
-            "ports": [
+            name: "deployment-example",
+            image: "registry.smtx.io/kubesmart/bitnami/nginx:1.25.2-debian-11-r2",
+            ports: [
               {
-                "containerPort": 8080,
-                "protocol": "TCP"
+                containerPort: 8080,
+                protocol: "TCP"
               }
             ]
           }
         ]
       }
     },
-    "strategy": {
-      "type": "RollingUpdate",
-      "rollingUpdate": {
-        "maxSurge": "25%",
-        "maxUnavailable": "25%"
+    strategy: {
+      type: "RollingUpdate",
+      rollingUpdate: {
+        maxSurge: "25%",
+        maxUnavailable: "25%"
       }
     }
   }
 };
 const CRONJOB_INIT_VALUE = {
-  "apiVersion": "batch/v1",
-  "kind": "CronJob",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "batch/v1",
+  kind: "CronJob",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "schedule": "@daily",
-    "jobTemplate": {
-      "spec": {
-        "template": {
-          "spec": {
-            "containers": [
+  spec: {
+    schedule: "@daily",
+    jobTemplate: {
+      spec: {
+        template: {
+          spec: {
+            containers: [
               {
-                "name": "example",
-                "image": "registry.smtx.io/kubesmart/alpine:3",
-                "args": [
-                  "/bin/sh",
-                  "-c",
-                  "date; echo Hello from the Kubernetes cluster"
-                ]
+                name: "example",
+                image: "registry.smtx.io/kubesmart/alpine:3",
+                args: ["/bin/sh", "-c", "date; echo Hello from the Kubernetes cluster"]
               }
             ],
-            "restartPolicy": "OnFailure"
+            restartPolicy: "OnFailure"
           }
         }
       }
@@ -8951,32 +9060,32 @@ const CRONJOB_INIT_VALUE = {
   }
 };
 const DAEMONSET_INIT_VALUE = {
-  "apiVersion": "apps/v1",
-  "kind": "DaemonSet",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "apps/v1",
+  kind: "DaemonSet",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "matchLabels": {
-        "app": "daemonset-example"
+  spec: {
+    selector: {
+      matchLabels: {
+        app: "daemonset-example"
       }
     },
-    "template": {
-      "metadata": {
-        "labels": {
-          "app": "daemonset-example"
+    template: {
+      metadata: {
+        labels: {
+          app: "daemonset-example"
         }
       },
-      "spec": {
-        "containers": [
+      spec: {
+        containers: [
           {
-            "name": "daemonset-example",
-            "image": "registry.smtx.io/kubesmart/bitnami/nginx:1.25.2-debian-11-r2",
-            "ports": [
+            name: "daemonset-example",
+            image: "registry.smtx.io/kubesmart/bitnami/nginx:1.25.2-debian-11-r2",
+            ports: [
               {
-                "containerPort": 8080
+                containerPort: 8080
               }
             ]
           }
@@ -8986,98 +9095,86 @@ const DAEMONSET_INIT_VALUE = {
   }
 };
 const JOB_INIT_VALUE = {
-  "apiVersion": "batch/v1",
-  "kind": "Job",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "batch/v1",
+  kind: "Job",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {},
-    "template": {
-      "metadata": {
-        "name": "job-example"
+  spec: {
+    selector: {},
+    template: {
+      metadata: {
+        name: "job-example"
       },
-      "spec": {
-        "containers": [
+      spec: {
+        containers: [
           {
-            "name": "job-example",
-            "image": "registry.smtx.io/kubesmart/alpine:3",
-            "command": [
-              "/bin/sh",
-              "-c",
-              "date; echo Hello from the Kubernetes cluster"
-            ]
+            name: "job-example",
+            image: "registry.smtx.io/kubesmart/alpine:3",
+            command: ["/bin/sh", "-c", "date; echo Hello from the Kubernetes cluster"]
           }
         ],
-        "restartPolicy": "Never"
+        restartPolicy: "Never"
       }
     }
   }
 };
 const STATEFULSET_INIT_VALUE = {
-  "apiVersion": "apps/v1",
-  "kind": "StatefulSet",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "apps/v1",
+  kind: "StatefulSet",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "serviceName": "statefulset-example",
-    "replicas": 3,
-    "selector": {
-      "matchLabels": {
-        "app": "statefulset-example"
+  spec: {
+    serviceName: "statefulset-example",
+    replicas: 3,
+    selector: {
+      matchLabels: {
+        app: "statefulset-example"
       }
     },
-    "template": {
-      "metadata": {
-        "labels": {
-          "app": "statefulset-example"
+    template: {
+      metadata: {
+        labels: {
+          app: "statefulset-example"
         }
       },
-      "spec": {
-        "terminationGracePeriodSeconds": 10,
-        "containers": [
+      spec: {
+        terminationGracePeriodSeconds: 10,
+        containers: [
           {
-            "name": "statefulset-example",
-            "image": "registry.smtx.io/kubesmart/fileserver:v1.0.0",
-            "command": [
-              "dufs"
-            ],
-            "args": [
-              "-A",
-              "--render-try-index",
-              "/data"
-            ],
-            "ports": [
+            name: "statefulset-example",
+            image: "registry.smtx.io/kubesmart/fileserver:v1.0.0",
+            command: ["dufs"],
+            args: ["-A", "--render-try-index", "/data"],
+            ports: [
               {
-                "containerPort": 5e3,
-                "name": "http"
+                containerPort: 5e3,
+                name: "http"
               }
             ],
-            "volumeMounts": [
+            volumeMounts: [
               {
-                "name": "file",
-                "mountPath": "/data"
+                name: "file",
+                mountPath: "/data"
               }
             ]
           }
         ]
       }
     },
-    "volumeClaimTemplates": [
+    volumeClaimTemplates: [
       {
-        "metadata": {
-          "name": "file"
+        metadata: {
+          name: "file"
         },
-        "spec": {
-          "accessModes": [
-            "ReadWriteOnce"
-          ],
-          "resources": {
-            "requests": {
-              "storage": "1Gi"
+        spec: {
+          accessModes: ["ReadWriteOnce"],
+          resources: {
+            requests: {
+              storage: "1Gi"
             }
           }
         }
@@ -9086,37 +9183,35 @@ const STATEFULSET_INIT_VALUE = {
   }
 };
 const POD_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Pod",
-  "metadata": {
-    "name": "example",
-    "namespace": "default",
-    "labels": {
-      "app": "example"
+  apiVersion: "v1",
+  kind: "Pod",
+  metadata: {
+    name: "example",
+    namespace: "default",
+    labels: {
+      app: "example"
     }
   },
-  "spec": {
-    "securityContext": {
-      "runAsNonRoot": true,
-      "seccompProfile": {
-        "type": "RuntimeDefault"
+  spec: {
+    securityContext: {
+      runAsNonRoot: true,
+      seccompProfile: {
+        type: "RuntimeDefault"
       }
     },
-    "containers": [
+    containers: [
       {
-        "name": "example",
-        "image": "registry.smtx.io/kubesmart/bitnami/nginx:1.25.2-debian-11-r2",
-        "ports": [
+        name: "example",
+        image: "registry.smtx.io/kubesmart/bitnami/nginx:1.25.2-debian-11-r2",
+        ports: [
           {
-            "containerPort": 8080
+            containerPort: 8080
           }
         ],
-        "securityContext": {
-          "allowPrivilegeEscalation": false,
-          "capabilities": {
-            "drop": [
-              "ALL"
-            ]
+        securityContext: {
+          allowPrivilegeEscalation: false,
+          capabilities: {
+            drop: ["ALL"]
           }
         }
       }
@@ -9124,143 +9219,143 @@ const POD_INIT_VALUE = {
   }
 };
 const SERVICE_CLUSTER_IP_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Service",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Service",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "app": "example"
+  spec: {
+    selector: {
+      app: "example"
     },
-    "ports": [
+    ports: [
       {
-        "name": "example",
-        "port": 8080,
-        "protocol": "TCP",
-        "targetPort": 8080
+        name: "example",
+        port: 8080,
+        protocol: "TCP",
+        targetPort: 8080
       }
     ],
-    "sessionAffinity": "None",
-    "type": "ClusterIP"
+    sessionAffinity: "None",
+    type: "ClusterIP"
   }
 };
 const SERVICE_NODE_PORT_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Service",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Service",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "app": "example"
+  spec: {
+    selector: {
+      app: "example"
     },
-    "ports": [
+    ports: [
       {
-        "name": "example",
-        "port": 8080,
-        "protocol": "TCP",
-        "targetPort": 8080
+        name: "example",
+        port: 8080,
+        protocol: "TCP",
+        targetPort: 8080
       }
     ],
-    "sessionAffinity": "None",
-    "type": "NodePort"
+    sessionAffinity: "None",
+    type: "NodePort"
   }
 };
 const SERVICE_LOAD_BALANCER_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Service",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Service",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "app": "example"
+  spec: {
+    selector: {
+      app: "example"
     },
-    "ports": [
+    ports: [
       {
-        "name": "example",
-        "port": 80,
-        "protocol": "TCP",
-        "targetPort": 8080
+        name: "example",
+        port: 80,
+        protocol: "TCP",
+        targetPort: 8080
       }
     ],
-    "sessionAffinity": "None",
-    "type": "LoadBalancer"
+    sessionAffinity: "None",
+    type: "LoadBalancer"
   }
 };
 const SERVICE_EXTERNAL_NAME_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Service",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Service",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "app": "example"
+  spec: {
+    selector: {
+      app: "example"
     },
-    "ports": [
+    ports: [
       {
-        "name": "example",
-        "port": 8080,
-        "protocol": "TCP",
-        "targetPort": 8080
+        name: "example",
+        port: 8080,
+        protocol: "TCP",
+        targetPort: 8080
       }
     ],
-    "sessionAffinity": "None",
-    "type": "ExternalName",
-    "externalName": "app.example.com"
+    sessionAffinity: "None",
+    type: "ExternalName",
+    externalName: "app.example.com"
   }
 };
 const SERVICE_HEADLESS_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Service",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Service",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "selector": {
-      "app": "example"
+  spec: {
+    selector: {
+      app: "example"
     },
-    "clusterIP": "None",
-    "ports": [
+    clusterIP: "None",
+    ports: [
       {
-        "name": "example",
-        "port": null,
-        "protocol": "TCP",
-        "targetPort": null
+        name: "example",
+        port: null,
+        protocol: "TCP",
+        targetPort: null
       }
     ],
-    "sessionAffinity": "None",
-    "type": "ClusterIP"
+    sessionAffinity: "None",
+    type: "ClusterIP"
   }
 };
 const INGRESS_INIT_VALUE = {
-  "apiVersion": "networking.k8s.io/v1",
-  "kind": "Ingress",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "networking.k8s.io/v1",
+  kind: "Ingress",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "rules": [
+  spec: {
+    rules: [
       {
-        "host": "example.com",
-        "http": {
-          "paths": [
+        host: "example.com",
+        http: {
+          paths: [
             {
-              "path": "/testpath",
-              "pathType": "Prefix",
-              "backend": {
-                "service": {
-                  "name": "test",
-                  "port": {
-                    "number": 80
+              path: "/testpath",
+              pathType: "Prefix",
+              backend: {
+                service: {
+                  name: "test",
+                  port: {
+                    number: 80
                   }
                 }
               }
@@ -9272,28 +9367,28 @@ const INGRESS_INIT_VALUE = {
   }
 };
 const NETWORK_POLICY_INIT_VALUE = {
-  "apiVersion": "networking.k8s.io/v1",
-  "kind": "NetworkPolicy",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "networking.k8s.io/v1",
+  kind: "NetworkPolicy",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {
-    "podSelector": {},
-    "policyTypes": []
+  spec: {
+    podSelector: {},
+    policyTypes: []
   }
 };
 const CONFIG_MAP_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "ConfigMap",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "ConfigMap",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "data": {
-    "key": "value"
+  data: {
+    key: "value"
   },
-  "immutable": false
+  immutable: false
 };
 const SERVER_INSTANCE_INIT_VALUE = {
   apiVersion: "kubesmart.smtx.io/v1alpha1",
@@ -9315,138 +9410,136 @@ const SERVER_INSTANCE_INIT_VALUE = {
 };
 const REDEPLOY_TIMESTAMP_KEY = "kubectl.kubernetes.io/restartedAt";
 const SECRET_OPAQUE_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Secret",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Secret",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "type": "Opaque",
-  "data": {
-    "key": "value"
+  type: "Opaque",
+  data: {
+    key: "value"
   }
 };
 const SECRET_IMAGE_REPO_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Secret",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Secret",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "type": "kubernetes.io/dockerconfigjson",
-  "data": {
+  type: "kubernetes.io/dockerconfigjson",
+  data: {
     ".dockerconfigjson": ""
   }
 };
 const SECRET_BASIC_AUTH_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Secret",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Secret",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "type": "kubernetes.io/basic-auth",
-  "data": {
-    "username": "example",
-    "password": "example"
+  type: "kubernetes.io/basic-auth",
+  data: {
+    username: "example",
+    password: "example"
   }
 };
 const SECRET_SSH_AUTH_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Secret",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Secret",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "type": "kubernetes.io/ssh-auth",
-  "data": {
+  type: "kubernetes.io/ssh-auth",
+  data: {
     "ssh-publickey": "",
     "ssh-privatekey": ""
   }
 };
 const SECRET_TLS_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Secret",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Secret",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "type": "kubernetes.io/tls",
-  "data": {
+  type: "kubernetes.io/tls",
+  data: {
     "tls.crt": "",
     "tls.key": ""
   }
 };
 const SECRET_CUSTOM_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Secret",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Secret",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "type": "",
-  "data": {}
+  type: "",
+  data: {}
 };
 const NODE_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "Node",
-  "metadata": {
-    "name": "example",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "Node",
+  metadata: {
+    name: "example",
+    namespace: "default"
   },
-  "spec": {}
+  spec: {}
 };
 const STORAGE_CLASS_INIT_VALUE = {
-  "apiVersion": "storage.k8s.io/v1",
-  "kind": "StorageClass",
-  "metadata": {
-    "name": ""
+  apiVersion: "storage.k8s.io/v1",
+  kind: "StorageClass",
+  metadata: {
+    name: ""
   },
-  "parameters": {
+  parameters: {
     "csi.storage.k8s.io/fstype": "ext4"
   },
-  "provisioner": "",
-  "reclaimPolicy": "Delete",
-  "allowVolumeExpansion": true,
-  "volumeBindingMode": "Immediate"
+  provisioner: "",
+  reclaimPolicy: "Delete",
+  allowVolumeExpansion: true,
+  volumeBindingMode: "Immediate"
 };
 const PV_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "PersistentVolume",
-  "metadata": {
-    "name": "pvc-hostpath"
+  apiVersion: "v1",
+  kind: "PersistentVolume",
+  metadata: {
+    name: "pvc-hostpath"
   },
-  "spec": {
-    "accessModes": [
-      "ReadWriteOnce"
-    ],
-    "capacity": {
-      "storage": "10Gi"
+  spec: {
+    accessModes: ["ReadWriteOnce"],
+    capacity: {
+      storage: "10Gi"
     },
-    "hostPath": {
-      "type": "DirectoryOrCreate",
-      "path": "/root/test"
+    hostPath: {
+      type: "DirectoryOrCreate",
+      path: "/root/test"
     },
-    "persistentVolumeReclaimPolicy": "Delete",
-    "volumeMode": "Filesystem"
+    persistentVolumeReclaimPolicy: "Delete",
+    volumeMode: "Filesystem"
   }
 };
 const PVC_INIT_VALUE = {
-  "apiVersion": "v1",
-  "kind": "PersistentVolumeClaim",
-  "metadata": {
-    "name": "",
-    "namespace": "default"
+  apiVersion: "v1",
+  kind: "PersistentVolumeClaim",
+  metadata: {
+    name: "",
+    namespace: "default"
   },
-  "spec": {
-    "accessModes": [],
-    "resources": {
-      "requests": {
-        "storage": "10Gi"
+  spec: {
+    accessModes: [],
+    resources: {
+      requests: {
+        storage: "10Gi"
       }
     },
-    "storageClassName": "",
-    "volumeMode": "Filesystem"
+    storageClassName: "",
+    volumeMode: "Filesystem"
   }
 };
 var ResourceState = /* @__PURE__ */ ((ResourceState2) => {
@@ -9553,6 +9646,16 @@ class WorkloadBaseModel extends ResourceModel {
     );
     return (containers == null ? void 0 : containers.map((container2) => shortenedImage(container2.image || ""))) || [];
   }
+  async fetchRestarts(selector, namespace2) {
+    const pods = await this._globalStore.get("pods", {
+      resourceBasePath: "/api/v1",
+      kind: "Pod"
+    });
+    const myPods = pods.items.filter(
+      (p) => matchSelector(p, selector, namespace2)
+    );
+    return lodashExports.sumBy(myPods, "restarts");
+  }
 }
 class JobModel extends WorkloadBaseModel {
   constructor(_rawYaml, _globalStore) {
@@ -9564,18 +9667,11 @@ class JobModel extends WorkloadBaseModel {
     await this.getRestarts();
   }
   async getRestarts() {
-    const pods = await this._globalStore.get("pods", {
-      resourceBasePath: "/api/v1",
-      kind: "Pod"
-    });
-    const myPods = pods.items.filter(
-      (p) => {
-        var _a;
-        return matchSelector(p, (_a = this.spec) == null ? void 0 : _a.selector, this.metadata.namespace);
-      }
+    var _a;
+    this.restarts = await this.fetchRestarts(
+      (_a = this.spec) == null ? void 0 : _a.selector,
+      this.metadata.namespace
     );
-    const result = lodashExports.sumBy(myPods, "restarts");
-    this.restarts = result;
   }
   get duration() {
     var _a, _b;
@@ -9640,18 +9736,11 @@ class WorkloadModel extends WorkloadBaseModel {
     await this.getIngresses();
   }
   async getRestarts() {
-    const pods = await this._globalStore.get("pods", {
-      resourceBasePath: "/api/v1",
-      kind: "Pod"
-    });
-    const myPods = pods.items.filter(
-      (p) => {
-        var _a;
-        return matchSelector(p, (_a = this.spec) == null ? void 0 : _a.selector, this.metadata.namespace);
-      }
+    var _a;
+    this.restarts = await this.fetchRestarts(
+      (_a = this.spec) == null ? void 0 : _a.selector,
+      this.metadata.namespace
     );
-    const result = lodashExports.sumBy(myPods, "restarts");
-    this.restarts = result;
   }
   async getServices() {
     const services = await this._globalStore.get("services", {
@@ -9668,10 +9757,10 @@ class WorkloadModel extends WorkloadBaseModel {
   }
   async getIngresses() {
     const allIngresses = /* @__PURE__ */ new Map();
-    for (const service of this.services) {
-      for (const ingress of service.ingresses) {
-        const key2 = `${ingress.namespace}-${ingress.name}`;
-        allIngresses.set(key2, ingress);
+    for (const service2 of this.services) {
+      for (const ingress2 of service2.ingresses) {
+        const key2 = `${ingress2.namespace}-${ingress2.name}`;
+        allIngresses.set(key2, ingress2);
       }
     }
     this.ingresses = Array.from(allIngresses.values());
@@ -9704,6 +9793,23 @@ class WorkloadModel extends WorkloadBaseModel {
     }
     return newOne;
   }
+  getControllerRevisions(controllerRevisions) {
+    return controllerRevisions.filter(
+      (cr) => {
+        var _a, _b;
+        return (_b = (_a = cr.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some(
+          (ref) => ref.kind === this.kind && ref.uid === this.metadata.uid
+        );
+      }
+    );
+  }
+  getRevision(controllerRevisions) {
+    const myRevisions = this.getControllerRevisions(controllerRevisions);
+    return myRevisions.reduce(
+      (result, cr) => Math.max(result, Number(cr.revision || 0)),
+      0
+    );
+  }
 }
 class PodModel extends WorkloadBaseModel {
   constructor(_rawYaml, _globalStore) {
@@ -9980,22 +10086,6 @@ class DaemonSetModel extends WorkloadModel {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
-  getControllerRevisions(controllerVisions) {
-    return controllerVisions.filter(
-      (controllerRevision) => {
-        var _a, _b;
-        return (_b = (_a = controllerRevision.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some(
-          (ownerReference) => ownerReference.kind === "DaemonSet" && ownerReference.uid === this.metadata.uid
-        );
-      }
-    );
-  }
-  getRevision(controllerVisions) {
-    const myControllerVisions = this.getControllerRevisions(controllerVisions);
-    return myControllerVisions.reduce((result, controllerRevision) => {
-      return Math.max(result, Number(controllerRevision.revision || 0));
-    }, 0);
-  }
   get stateDisplay() {
     var _a, _b;
     if (((_a = this.status) == null ? void 0 : _a.desiredNumberScheduled) !== ((_b = this.status) == null ? void 0 : _b.numberReady)) {
@@ -10015,22 +10105,6 @@ class StatefulSetModel extends WorkloadModel {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
-  getControllerRevisions(controllerVisions) {
-    return controllerVisions.filter(
-      (controllerRevision) => {
-        var _a, _b;
-        return (_b = (_a = controllerRevision.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some(
-          (ownerReference) => ownerReference.kind === "StatefulSet" && ownerReference.uid === this.metadata.uid
-        );
-      }
-    );
-  }
-  getRevision(controllerVisions) {
-    const myControllerVisions = this.getControllerRevisions(controllerVisions);
-    return myControllerVisions.reduce((result, controllerRevision) => {
-      return Math.max(result, Number(controllerRevision.revision || 0));
-    }, 0);
-  }
   get stateDisplay() {
     var _a, _b, _c;
     if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
@@ -10063,11 +10137,9 @@ class ServiceModel extends ResourceModel {
       resourceBasePath: "/apis/networking.k8s.io/v1",
       kind: "Ingress"
     });
-    const myIngresses = ingresses.items.filter((ingress) => {
-      const rules = ingress.getFlattenedRules([]);
-      return rules.some(
-        (rule2) => rule2.serviceName === this.name
-      );
+    const myIngresses = ingresses.items.filter((ingress2) => {
+      const rules = ingress2.getFlattenedRules([]);
+      return rules.some((rule2) => rule2.serviceName === this.name);
     });
     this.ingresses = myIngresses;
   }
@@ -10259,15 +10331,15 @@ class IngressClassModel extends ResourceModel {
     return (_a = this.spec) == null ? void 0 : _a.controller;
   }
 }
-const index_1rec449 = "";
+const index_1ndmolf = "";
 const ServiceInClusterAccessComponent = ({
-  service
+  service: service2
 }) => {
-  const spec = service._rawYaml.spec;
-  switch (service.displayType) {
+  const spec = service2._rawYaml.spec;
+  switch (service2.displayType) {
     case ServiceTypeEnum.ExternalName:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: service.dnsRecord
+        value: service2.dnsRecord
       });
     case ServiceTypeEnum.Headless:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
@@ -10283,46 +10355,79 @@ const BreakLineStyle = "b1vtjd4k";
 const LinkStyle$2 = "luro4rx";
 const ShowLinkStyle = "s1gydjqf";
 const DashedUnderlineSpanStyle = "dvp1i89";
+const AccessAddressStyle = "azmggeh";
+const ServiceAccessAddress = ({
+  children,
+  copyValue
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+    className: AccessAddressStyle,
+    children: [children, /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, {
+      value: copyValue
+    })]
+  });
+};
+function renderAccessItems(items, separator) {
+  if (!items.length) {
+    return void 0;
+  }
+  const result = [];
+  for (let i2 = 0; i2 < items.length; i2++) {
+    result.push(/* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+      children: items[i2]
+    }, `item-${i2}`));
+    if (i2 < items.length - 1) {
+      result.push(/* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+        children: separator
+      }, `separator-${i2}`));
+    }
+  }
+  return result;
+}
 const ServiceOutClusterAccessComponent = ({
-  service,
+  service: service2,
   breakLine = true,
   clusterVip,
-  showDashedUnderline = true
+  showDashedUnderline = true,
+  showCopyButton = false
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     i18n: i18n2
   } = useTranslation();
-  const spec = service._rawYaml.spec;
-  const status = service._rawYaml.status;
+  const spec = service2._rawYaml.spec;
+  const status = service2._rawYaml.status;
   let content = "-";
   switch (spec.type) {
     case ServiceTypeEnum.NodePort:
       if (!breakLine) {
-        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => [/* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
-          href: `http://${clusterVip}:${p.nodePort}`,
-          target: "_blank",
-          className: cx_default(ShowLinkStyle, Typo.Label.l4_regular_title),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-            title: i18n2.t("dovetail.default_http_protocol_tooltip"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: DashedUnderlineSpanStyle,
-              style: showDashedUnderline ? void 0 : {
-                borderBottom: "none"
-              },
-              children: `${clusterVip}:${p.nodePort}`
+        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v && v.nodePort).map((p) => {
+          const address = `${clusterVip}:${p.nodePort}`;
+          const link = /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
+            href: `http://${address}`,
+            target: "_blank",
+            className: cx_default(ShowLinkStyle, Typo.Label.l4_regular_title),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+              title: i18n2.t("dovetail.default_http_protocol_tooltip"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                className: DashedUnderlineSpanStyle,
+                style: showDashedUnderline ? void 0 : {
+                  borderBottom: "none"
+                },
+                children: address
+              })
             })
-          })
-        }, p.name)]);
-        if (content && content instanceof Array) {
-          const result = [];
-          for (let i2 = 0; i2 < content.length; i2++) {
-            result.push(content[i2]);
-            if (i2 < content.length - 1) {
-              result.push(", ");
-            }
+          }, p.name || p.nodePort);
+          if (!showCopyButton) {
+            return link;
           }
-          content = result;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceAccessAddress, {
+            copyValue: address,
+            children: link
+          }, p.name || p.nodePort);
+        });
+        if (content && content instanceof Array) {
+          content = renderAccessItems(content, ", ");
         }
         break;
       }
@@ -10345,15 +10450,31 @@ const ServiceOutClusterAccessComponent = ({
         children: content
       });
     case ServiceTypeEnum.ExternalName:
+      if (showCopyButton) {
+        content = renderAccessItems(((_c = spec.externalIPs) == null ? void 0 : _c.map((ip) => /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: ip,
+          children: ip
+        }, ip))) || [], breakLine ? "\n" : ", ");
+        break;
+      }
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         useOverflow: false,
-        value: (_c = spec.externalIPs) == null ? void 0 : _c.join(breakLine ? "\n" : ", ")
+        value: (_d = spec.externalIPs) == null ? void 0 : _d.join(breakLine ? "\n" : ", ")
       });
       break;
     case ServiceTypeEnum.LoadBalancer:
+      if (showCopyButton) {
+        content = renderAccessItems(((_f = (_e = status.loadBalancer) == null ? void 0 : _e.ingress) == null ? void 0 : _f.map(({
+          ip
+        }) => ip).filter((ip) => !!ip).map((ip) => /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: ip,
+          children: ip
+        }, ip))) || [], breakLine ? "\n" : ", ");
+        break;
+      }
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         useOverflow: false,
-        value: (_e = (_d = status.loadBalancer) == null ? void 0 : _d.ingress) == null ? void 0 : _e.map(({
+        value: (_h = (_g = status.loadBalancer) == null ? void 0 : _g.ingress) == null ? void 0 : _h.map(({
           ip
         }) => ip).join(breakLine ? "\n" : ", ")
       });
@@ -10380,7 +10501,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_1es4s7t = "";
+const index_1l1kti4 = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10646,67 +10767,53 @@ function immutableSet(obj, path2, value2) {
   return setWith(clone(obj), path2, value2, clone);
 }
 function usePathMap(options) {
-  const { pathMap, transformInitValues: transformInitValuesFromOptions, transformApplyValues: transformApplyValuesFromOptions } = options;
-  const transformInitValues = useCallback((values) => {
-    const initValues = values._rawYaml || values;
-    let result = initValues;
-    for (const { from, to } of pathMap || []) {
-      result = immutableSet(initValues, to, get$2(initValues, from));
-      const fromPath = [...from];
-      const lastKey = fromPath.pop();
-      if (lastKey) {
-        const obj = get$2(result, fromPath);
-        if (obj && typeof obj === "object") {
-          delete obj[lastKey];
-        }
-      }
-    }
-    return (transformInitValuesFromOptions == null ? void 0 : transformInitValuesFromOptions(result)) || result;
-  }, [transformInitValuesFromOptions, pathMap]);
-  const transformApplyValues = useCallback((values) => {
-    let result = values;
-    for (const { from, to } of pathMap || []) {
-      result = immutableSet(
-        values,
-        from,
-        get$2(result, to)
-      );
-      const toPath = [...to];
-      const lastKey = toPath.pop();
-      if (lastKey) {
-        const obj = get$2(result, toPath);
-        if (obj && typeof obj === "object") {
-          delete obj[lastKey];
+  const {
+    pathMap,
+    transformInitValues: transformInitValuesFromOptions,
+    transformApplyValues: transformApplyValuesFromOptions
+  } = options;
+  const transformInitValues = useCallback(
+    (values) => {
+      const initValues = values._rawYaml || values;
+      let result = initValues;
+      for (const { from, to } of pathMap || []) {
+        result = immutableSet(initValues, to, get$2(initValues, from));
+        const fromPath = [...from];
+        const lastKey = fromPath.pop();
+        if (lastKey) {
+          const obj = get$2(result, fromPath);
+          if (obj && typeof obj === "object") {
+            delete obj[lastKey];
+          }
         }
       }
-    }
-    return (transformApplyValuesFromOptions == null ? void 0 : transformApplyValuesFromOptions(result)) || result;
-  }, [transformApplyValuesFromOptions, pathMap]);
+      return (transformInitValuesFromOptions == null ? void 0 : transformInitValuesFromOptions(result)) || result;
+    },
+    [transformInitValuesFromOptions, pathMap]
+  );
+  const transformApplyValues = useCallback(
+    (values) => {
+      let result = values;
+      for (const { from, to } of pathMap || []) {
+        result = immutableSet(values, from, get$2(result, to));
+        const toPath = [...to];
+        const lastKey = toPath.pop();
+        if (lastKey) {
+          const obj = get$2(result, toPath);
+          if (obj && typeof obj === "object") {
+            delete obj[lastKey];
+          }
+        }
+      }
+      return (transformApplyValuesFromOptions == null ? void 0 : transformApplyValuesFromOptions(result)) || result;
+    },
+    [transformApplyValuesFromOptions, pathMap]
+  );
   return {
     transformInitValues,
     transformApplyValues
   };
 }
-const useResourceVersionCheck = ({
-  queryResult
-}) => {
-  var _a, _b, _c;
-  const initialResourceVersionRef = useRef();
-  const [isExpired, setIsExpired] = useState(false);
-  const currentResourceVersion = (_c = (_b = (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data) == null ? void 0 : _b.metadata) == null ? void 0 : _c.resourceVersion;
-  useEffect(() => {
-    if (!currentResourceVersion)
-      return;
-    if (!initialResourceVersionRef.current) {
-      initialResourceVersionRef.current = currentResourceVersion;
-      return;
-    }
-    if (currentResourceVersion !== initialResourceVersionRef.current) {
-      setIsExpired(true);
-    }
-  }, [currentResourceVersion]);
-  return isExpired;
-};
 function getInitialValues(resourceConfig) {
   return resourceConfig.initValue || {
     apiVersion: resourceConfig.apiVersion,
@@ -10715,42 +10822,6 @@ function getInitialValues(resourceConfig) {
     spec: {}
   };
 }
-const button_1v659kh = "";
-const WarningButtonStyle = "wwyz7ti";
-const DataExpiredModal_eazxh6 = "";
-const NoteStyle = "n609wlp";
-function DataExpiredModal({
-  onAbandon
-}) {
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SmallDialog, {
-    title: t2("dovetail.data_expired"),
-    closable: false,
-    maskClosable: false,
-    cancelButtonProps: {
-      style: {
-        display: "none"
-      }
-    },
-    okText: t2("dovetail.abandon_edit"),
-    okButtonProps: {
-      className: WarningButtonStyle
-    },
-    onOk: (popModal) => {
-      popModal();
-      onAbandon();
-    },
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      className: Typo.Label.l2_regular,
-      children: t2("dovetail.data_expired_body")
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      className: `${Typo.Label.l2_regular} ${NoteStyle}`,
-      children: t2("dovetail.data_expired_note")
-    })]
-  });
-}
 const index_az4wrx = "";
 const WrapperStyle$5 = "w1akirqw";
 const TitleStyle$2 = "t30srnq";
@@ -10790,7 +10861,7 @@ const Separator = () => {
 const style_1o641u6 = "";
 const ToolBarStyle = "t1joof7s";
 const ToolBarHeaderStyle = "tti58uh";
-const ErrorIconStyle = "e15yt16p";
+const ErrorIconStyle$1 = "e15yt16p";
 const WrapperStyle$4 = "w3ccqks";
 const TitleStyle$1 = "t7zbd78";
 const IconStyle = "i1e4ouxy";
@@ -10800,278 +10871,276 @@ const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
 const MonacoYamlEditor$3 = React.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
 const MonacoYamlDiffEditor$2 = React.lazy(() => Promise.resolve().then(() => MonacoYamlDiffEditor$1));
-const YamlEditorComponent = forwardRef(
-  function YamlEditorComponent2(props, ref) {
-    const {
-      title,
-      collapsable = true,
-      isDefaultCollapsed,
-      value: value2,
-      defaultValue = "",
-      height,
-      readOnly,
-      errorMsgs = [],
-      schemas,
-      eleRef,
-      className,
-      debounceTime,
-      isScrollOnFocus = true,
-      isHideActions = false
-    } = props;
-    const { t: t2 } = useTranslation();
-    const [isCollapsed, setIsCollapsed] = useState(
-      collapsable ? isDefaultCollapsed : false
-    );
-    const [isDiff, setIsDiff] = useState(false);
-    const [_value, _setValue] = useState(value2 || defaultValue);
-    const editorInstance = useRef();
-    const [copyTooltip, setCopyTooltip] = useState(t2("dovetail.copy"));
-    const [resetTooltip, setResetTooltip] = useState(t2("dovetail.reset_arguments"));
-    const defaultValueString = useMemo(() => {
-      if (typeof defaultValue === "string") {
-        return defaultValue;
-      }
-      return yaml$2.dump(defaultValue);
-    }, [defaultValue]);
-    const _valueString = useMemo(() => {
-      if (typeof _value === "string") {
-        return _value;
-      }
-      return yaml$2.dump(_value);
-    }, [_value]);
-    const onChange = useCallback(
-      (newVal) => {
-        var _a;
-        _setValue(newVal);
-        (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
-      },
-      [props.onChange]
-    );
-    const finalOnChange = useMemo(() => {
-      return debounceTime ? debounce(onChange, debounceTime) : onChange;
-    }, [onChange, debounceTime]);
-    const onValidate = useCallback(
-      (valid, schemaValid) => {
-        var _a;
-        (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
-      },
-      [props.onValidate]
-    );
-    const onEditorCreate = useCallback(
-      (editor) => {
-        var _a, _b, _c;
-        if (editor.getValue() !== _value) {
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(_valueString);
-        }
-        (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
-      },
-      [_value, props.onEditorCreate]
-    );
-    const getInstance = useCallback((ins) => {
-      editorInstance.current = ins;
-    }, []);
-    const getEditorValue = useCallback(() => {
+const YamlEditorComponent = forwardRef(function YamlEditorComponent2(props, ref) {
+  const {
+    title,
+    collapsable = true,
+    isDefaultCollapsed,
+    value: value2,
+    defaultValue = "",
+    height,
+    readOnly,
+    errorMsgs = [],
+    schemas,
+    eleRef,
+    className,
+    debounceTime,
+    isScrollOnFocus = true,
+    isHideActions = false
+  } = props;
+  const { t: t2 } = useTranslation();
+  const [isCollapsed, setIsCollapsed] = useState(
+    collapsable ? isDefaultCollapsed : false
+  );
+  const [isDiff, setIsDiff] = useState(false);
+  const [_value, _setValue] = useState(value2 || defaultValue);
+  const editorInstance = useRef();
+  const [copyTooltip, setCopyTooltip] = useState(t2("dovetail.copy"));
+  const [resetTooltip, setResetTooltip] = useState(t2("dovetail.reset_arguments"));
+  const defaultValueString = useMemo(() => {
+    if (typeof defaultValue === "string") {
+      return defaultValue;
+    }
+    return yaml$2.dump(defaultValue);
+  }, [defaultValue]);
+  const _valueString = useMemo(() => {
+    if (typeof _value === "string") {
+      return _value;
+    }
+    return yaml$2.dump(_value);
+  }, [_value]);
+  const onChange = useCallback(
+    (newVal) => {
       var _a;
-      return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
-    }, []);
-    useEffect(() => {
-      var _a, _b;
-      if (value2 !== void 0 && !isEqual$1(value2, _value)) {
-        const valueString = typeof value2 === "string" ? value2 : yaml$2.dump(value2);
-        _setValue(value2);
-        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(valueString);
+      _setValue(newVal);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
+    },
+    [props.onChange]
+  );
+  const finalOnChange = useMemo(() => {
+    return debounceTime ? debounce(onChange, debounceTime) : onChange;
+  }, [onChange, debounceTime]);
+  const onValidate = useCallback(
+    (valid, schemaValid) => {
+      var _a;
+      (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
+    },
+    [props.onValidate]
+  );
+  const onEditorCreate = useCallback(
+    (editor) => {
+      var _a, _b, _c;
+      if (editor.getValue() !== _value) {
+        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(_valueString);
       }
-    }, [value2]);
-    useImperativeHandle(ref, () => {
-      return {
-        setValue: _setValue,
-        setEditorValue: (value22) => {
-          var _a, _b;
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value22);
-        },
-        getEditorValue,
-        getEditorInstance: () => editorInstance.current || null
-      };
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: cx_default(WrapperStyle$4, className),
-        "data-is-error": !!errorMsgs.length,
-        ref: eleRef,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Space,
-            {
-              className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
-              direction: "vertical",
-              size: 0,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ToolBarHeaderStyle, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 8, children: [
-                    collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      Icon,
-                      {
-                        src: HierarchyTriangleRight16GrayIcon,
-                        hoverSrc: HierarchyTriangleRight16BlueIcon,
-                        className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
-                        iconWidth: 16,
-                        iconHeight: 16,
-                        onClick: () => setIsCollapsed(!isCollapsed)
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
-                  ] }),
-                  isHideActions ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
-                    isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Tooltip,
-                        {
-                          title: isCollapsed ? "" : copyTooltip,
-                          onVisibleChange: (visible) => {
-                            if (!visible) {
-                              setTimeout(() => {
-                                setCopyTooltip(t2("dovetail.copy"));
-                              }, 80);
-                            }
-                          },
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            Icon,
-                            {
-                              "data-disabled": isCollapsed,
-                              src: ClipboardCopy16GradientGrayIcon,
-                              hoverSrc: isCollapsed ? void 0 : ClipboardCopy16GradientBlueIcon,
-                              className: IconStyle,
-                              iconWidth: 16,
-                              iconHeight: 16,
-                              onClick: () => {
-                                if (!isCollapsed) {
-                                  copyToClipboard(getEditorValue());
-                                  setCopyTooltip(t2("dovetail.copied"));
-                                }
-                              }
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Tooltip,
-                        {
-                          title: isCollapsed ? "" : resetTooltip,
-                          onVisibleChange: (visible) => {
-                            if (!visible) {
-                              setTimeout(() => {
-                                setResetTooltip(t2("dovetail.reset_arguments"));
-                              }, 80);
-                            }
-                          },
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            Icon,
-                            {
-                              "data-disabled": isCollapsed,
-                              src: Retry16GradientGrayIcon,
-                              hoverSrc: isCollapsed ? void 0 : Retry16GradientBlueIcon,
-                              className: IconStyle,
-                              iconWidth: 16,
-                              iconHeight: 16,
-                              onClick: () => {
-                                var _a;
-                                if (!isCollapsed) {
-                                  (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValueString);
-                                  setResetTooltip(t2("dovetail.already_reset"));
-                                }
-                              }
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
-                    ] }),
+      (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
+    },
+    [_value, props.onEditorCreate]
+  );
+  const getInstance = useCallback((ins) => {
+    editorInstance.current = ins;
+  }, []);
+  const getEditorValue = useCallback(() => {
+    var _a;
+    return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
+  }, []);
+  useEffect(() => {
+    var _a, _b;
+    if (value2 !== void 0 && !isEqual$1(value2, _value)) {
+      const valueString = typeof value2 === "string" ? value2 : yaml$2.dump(value2);
+      _setValue(value2);
+      (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(valueString);
+    }
+  }, [value2]);
+  useImperativeHandle(ref, () => {
+    return {
+      setValue: _setValue,
+      setEditorValue: (value22) => {
+        var _a, _b;
+        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value22);
+      },
+      getEditorValue,
+      getEditorInstance: () => editorInstance.current || null
+    };
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cx_default(WrapperStyle$4, className),
+      "data-is-error": !!errorMsgs.length,
+      ref: eleRef,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Space,
+          {
+            className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
+            direction: "vertical",
+            size: 0,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ToolBarHeaderStyle, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 8, children: [
+                  collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Icon,
+                    {
+                      src: HierarchyTriangleRight16GrayIcon,
+                      hoverSrc: HierarchyTriangleRight16BlueIcon,
+                      className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
+                      iconWidth: 16,
+                      iconHeight: 16,
+                      onClick: () => setIsCollapsed(!isCollapsed)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
+                ] }),
+                isHideActions ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
+                  isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Tooltip,
                       {
-                        title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
-                        children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        title: isCollapsed ? "" : copyTooltip,
+                        onVisibleChange: (visible) => {
+                          if (!visible) {
+                            setTimeout(() => {
+                              setCopyTooltip(t2("dovetail.copy"));
+                            }, 80);
+                          }
+                        },
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                           Icon,
                           {
                             "data-disabled": isCollapsed,
-                            src: EditPen16GradientGrayIcon,
-                            hoverSrc: isCollapsed ? void 0 : EditPen16GradientBlueIcon,
+                            src: ClipboardCopy16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : ClipboardCopy16GradientBlueIcon,
                             className: IconStyle,
                             iconWidth: 16,
                             iconHeight: 16,
-                            onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                            onClick: () => {
+                              if (!isCollapsed) {
+                                copyToClipboard(getEditorValue());
+                                setCopyTooltip(t2("dovetail.copied"));
+                              }
+                            }
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Tooltip,
+                      {
+                        title: isCollapsed ? "" : resetTooltip,
+                        onVisibleChange: (visible) => {
+                          if (!visible) {
+                            setTimeout(() => {
+                              setResetTooltip(t2("dovetail.reset_arguments"));
+                            }, 80);
                           }
-                        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        },
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                           Icon,
                           {
                             "data-disabled": isCollapsed,
-                            src: Showdiff16GradientGrayIcon,
-                            hoverSrc: isCollapsed ? void 0 : Showdiff16GradientBlueIcon,
+                            src: Retry16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : Retry16GradientBlueIcon,
                             className: IconStyle,
                             iconWidth: 16,
                             iconHeight: 16,
-                            onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                            onClick: () => {
+                              var _a;
+                              if (!isCollapsed) {
+                                (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValueString);
+                                setResetTooltip(t2("dovetail.already_reset"));
+                              }
+                            }
                           }
                         )
                       }
-                    )
-                  ] })
-                ] }),
-                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}. ` : "",
-                    errorMsg
-                  ] }, errorMsg)) })
-                ] }) : void 0
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              style: {
-                display: isCollapsed ? "none" : "block",
-                width: "100%",
-                height: height || "500px",
-                zIndex: 1
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  MonacoYamlEditor$3,
-                  {
-                    id: props.id,
-                    getInstance,
-                    defaultValue: _value,
-                    height,
-                    onChange: finalOnChange,
-                    onValidate,
-                    onEditorCreate,
-                    onBlur: props.onBlur,
-                    schemas,
-                    readOnly,
-                    isScrollOnFocus
-                  }
-                ) }) }),
-                isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  MonacoYamlDiffEditor$2,
-                  {
-                    id: props.id,
-                    origin: defaultValueString,
-                    modified: _valueString,
-                    height
-                  }
-                ) }) : null
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Tooltip,
+                    {
+                      title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
+                      children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Icon,
+                        {
+                          "data-disabled": isCollapsed,
+                          src: EditPen16GradientGrayIcon,
+                          hoverSrc: isCollapsed ? void 0 : EditPen16GradientBlueIcon,
+                          className: IconStyle,
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                        }
+                      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Icon,
+                        {
+                          "data-disabled": isCollapsed,
+                          src: Showdiff16GradientGrayIcon,
+                          hoverSrc: isCollapsed ? void 0 : Showdiff16GradientBlueIcon,
+                          className: IconStyle,
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] }),
+              errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle$1 }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
+                  errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
+                  errorMsg
+                ] }, errorMsg)) })
+              ] }) : void 0
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              display: isCollapsed ? "none" : "block",
+              width: "100%",
+              height: height || "500px",
+              zIndex: 1
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MonacoYamlEditor$3,
+                {
+                  id: props.id,
+                  getInstance,
+                  defaultValue: _value,
+                  height,
+                  onChange: finalOnChange,
+                  onValidate,
+                  onEditorCreate,
+                  onBlur: props.onBlur,
+                  schemas,
+                  readOnly,
+                  isScrollOnFocus
+                }
+              ) }) }),
+              isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MonacoYamlDiffEditor$2,
+                {
+                  id: props.id,
+                  origin: defaultValueString,
+                  modified: _valueString,
+                  height
+                }
+              ) }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
 function copyToClipboard(text) {
   const input = document.createElement("textarea");
   input.value = text;
@@ -11080,17 +11149,71 @@ function copyToClipboard(text) {
   document.execCommand("copy");
   document.body.removeChild(input);
 }
+const useGlobalStore = (name2 = "default") => {
+  const globalStores = useContext(GlobalStoreContext);
+  return globalStores[name2];
+};
+const ResourceVersionConflictRetryContext = createContext(null);
+function Retry409Provider({
+  children
+}) {
+  const initialResourceRef = useRef();
+  return createElement(
+    ResourceVersionConflictRetryContext.Provider,
+    {
+      value: initialResourceRef
+    },
+    children
+  );
+}
+function use409Retry({
+  action,
+  dataProviderName,
+  id,
+  mutationMeta
+}) {
+  const { t: t2 } = useTranslation();
+  const globalStore = useGlobalStore(dataProviderName);
+  const sharedInitialResourceRef = useContext(ResourceVersionConflictRetryContext);
+  const localInitialResourceRef = useRef();
+  const initialResourceRef = sharedInitialResourceRef || localInitialResourceRef;
+  const isEditAction = action === "edit" || !!id;
+  const captureInitialResource = useCallback((resource) => {
+    var _a;
+    if (!isEditAction || initialResourceRef.current || !resource) {
+      return;
+    }
+    const rawResource = (_a = globalStore == null ? void 0 : globalStore.restoreItem) == null ? void 0 : _a.call(globalStore, resource);
+    if (!rawResource) {
+      return;
+    }
+    initialResourceRef.current = cloneDeep(rawResource);
+  }, [globalStore, initialResourceRef, isEditAction]);
+  const retryMutationMeta = useMemo(() => {
+    const restMutationMeta = omit$1(mutationMeta, "resourceVersionConflictRetry");
+    if (!isEditAction) {
+      return restMutationMeta;
+    }
+    return {
+      ...restMutationMeta,
+      resourceVersionConflictRetry: {
+        // refine 的 mutationMeta 在 hook 创建时就会固定；用 getter 让 provider 在保存瞬间读取最新的初始版本。
+        get initialResource() {
+          return initialResourceRef.current;
+        },
+        conflictMessage: t2("dovetail.resource_version_conflict")
+      }
+    };
+  }, [initialResourceRef, isEditAction, mutationMeta, t2]);
+  return {
+    captureInitialResource,
+    mutationMeta: retryMutationMeta
+  };
+}
 function useK8sYamlEditor() {
   const foldSymbol = useCallback(function(editor, symbol) {
     const model = editor.getModel();
-    const matchs = (model == null ? void 0 : model.findMatches(
-      symbol,
-      false,
-      false,
-      false,
-      "",
-      false
-    ).filter((match) => match.range.startColumn === 1)) || [];
+    const matchs = (model == null ? void 0 : model.findMatches(symbol, false, false, false, "", false).filter((match) => match.range.startColumn === 1)) || [];
     return new Promise(async (resolve, reject) => {
       try {
         for (const match of matchs) {
@@ -11104,19 +11227,22 @@ function useK8sYamlEditor() {
       }
     });
   }, []);
-  const fold2 = useCallback(async function(editor) {
-    await editor.getAction("editor.unfoldAll").run();
-    const symbols = [
-      "  annotations:",
-      "  managedFields:",
-      "status:",
-      "    kubectl.kubernetes.io/last-applied-configuration:"
-    ];
-    for (const symbol of symbols) {
-      await foldSymbol(editor, symbol);
-    }
-    editor.setScrollPosition({ scrollTop: 0 });
-  }, [foldSymbol]);
+  const fold2 = useCallback(
+    async function(editor) {
+      await editor.getAction("editor.unfoldAll").run();
+      const symbols = [
+        "  annotations:",
+        "  managedFields:",
+        "status:",
+        "    kubectl.kubernetes.io/last-applied-configuration:"
+      ];
+      for (const symbol of symbols) {
+        await foldSymbol(editor, symbol);
+      }
+      editor.setScrollPosition({ scrollTop: 0 });
+    },
+    [foldSymbol]
+  );
   return {
     fold: fold2
   };
@@ -11190,10 +11316,6 @@ function generateYamlBySchema(defaultValue, schema) {
   const content = yaml$2.dump(merged);
   return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
 }
-const useGlobalStore = (name2 = "default") => {
-  const globalStores = useContext(GlobalStoreContext);
-  return globalStores[name2];
-};
 const useYamlForm = ({
   action: actionFromProps,
   resource,
@@ -11231,7 +11353,7 @@ const useYamlForm = ({
   onSubmitAbort,
   rules
 } = {}) => {
-  var _a;
+  var _a, _b;
   const editor = useRef(null);
   const { t: t2 } = useTranslation();
   const [isYamlValid, setIsYamlValid] = useState(true);
@@ -11242,7 +11364,17 @@ const useYamlForm = ({
   const [beforeSubmitErrors, setBeforeSubmitErrors] = useState([]);
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
-  const globalStore = useGlobalStore();
+  const globalStore = useGlobalStore(dataProviderName);
+  const action = useMemo(
+    () => actionFromProps || useResourceResult.action,
+    [actionFromProps, useResourceResult.action]
+  );
+  const { captureInitialResource, mutationMeta: finalMutationMeta } = use409Retry({
+    action,
+    dataProviderName,
+    id: idFromProps,
+    mutationMeta
+  });
   const {
     schema,
     loading: isLoadingSchema,
@@ -11279,7 +11411,7 @@ const useYamlForm = ({
     meta: pickNotDeprecated(meta, metaData),
     metaData: pickNotDeprecated(meta, metaData),
     queryMeta,
-    mutationMeta,
+    mutationMeta: finalMutationMeta,
     liveMode,
     liveParams,
     mutationMode,
@@ -11294,12 +11426,12 @@ const useYamlForm = ({
     overtimeOptions
   });
   const { formLoading, onFinish, queryResult } = useFormCoreResult;
+  useEffect(() => {
+    var _a2;
+    captureInitialResource((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data);
+  }, [captureInitialResource, (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data]);
   const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = useWarnAboutChange();
   const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
-  const action = useMemo(
-    () => actionFromProps || useResourceResult.action,
-    [actionFromProps, useResourceResult.action]
-  );
   const initialValues = useMemo(() => {
     var _a2;
     const initialValues2 = (action === "edit" && ((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data) ? initialValuesForEdit || (globalStore == null ? void 0 : globalStore.restoreItem(queryResult.data.data)) : initialValuesForCreate) || {};
@@ -11307,7 +11439,14 @@ const useYamlForm = ({
       pruneBeforeEdit(initialValues2);
     }
     return (transformInitValues == null ? void 0 : transformInitValues(initialValues2)) || initialValues2;
-  }, [queryResult, globalStore, initialValuesForCreate, action, initialValuesForEdit, transformInitValues]);
+  }, [
+    queryResult,
+    globalStore,
+    initialValuesForCreate,
+    action,
+    initialValuesForEdit,
+    transformInitValues
+  ]);
   const finalErrors = useMemo(() => {
     return uniq([...editorErrors, ...rulesErrors]);
   }, [editorErrors, rulesErrors]);
@@ -11342,10 +11481,10 @@ const useYamlForm = ({
         }
       },
       onEditorCreate(editorInstance) {
-        var _a3, _b;
+        var _a3, _b2;
         const editorValue = yaml$2.dump(initialValues);
         (_a3 = editor.current) == null ? void 0 : _a3.setEditorValue(editorValue);
-        (_b = editor.current) == null ? void 0 : _b.setValue(editorValue);
+        (_b2 = editor.current) == null ? void 0 : _b2.setValue(editorValue);
         if (action === "edit") {
           fold2(editorInstance);
         }
@@ -11358,7 +11497,7 @@ const useYamlForm = ({
     initialValues,
     schemas,
     resource,
-    (_a = useResourceResult.resource) == null ? void 0 : _a.name,
+    (_b = useResourceResult.resource) == null ? void 0 : _b.name,
     action,
     finalErrors,
     fold2
@@ -11398,7 +11537,7 @@ const useYamlForm = ({
     formProps: {
       ...formSF.formProps,
       onFinish: async (values) => {
-        var _a2, _b;
+        var _a2, _b2;
         setBeforeSubmitErrors([]);
         onSubmitStart == null ? void 0 : onSubmitStart();
         const errors = [
@@ -11418,19 +11557,22 @@ const useYamlForm = ({
           return;
         }
         try {
-          const objectValues = editor.current ? yaml$2.load(((_b = editor.current) == null ? void 0 : _b.getEditorValue()) || "") : values;
+          const objectValues = editor.current ? yaml$2.load(((_b2 = editor.current) == null ? void 0 : _b2.getEditorValue()) || "") : values;
           let finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
           if (beforeSubmit) {
             try {
               let hasErrors = false;
               setIsBeforeSubmitLoading(true);
-              const result = await beforeSubmit(finalValues, (errors2) => {
-                if (errors2 && errors2.length > 0) {
-                  setBeforeSubmitErrors(errors2);
-                  onBeforeSubmitError == null ? void 0 : onBeforeSubmitError(errors2);
-                  hasErrors = true;
+              const result = await beforeSubmit(
+                finalValues,
+                (errors2) => {
+                  if (errors2 && errors2.length > 0) {
+                    setBeforeSubmitErrors(errors2);
+                    onBeforeSubmitError == null ? void 0 : onBeforeSubmitError(errors2);
+                    hasErrors = true;
+                  }
                 }
-              });
+              );
               if (hasErrors) {
                 onSubmitAbort == null ? void 0 : onSubmitAbort();
                 return;
@@ -11520,6 +11662,7 @@ function YamlForm(props) {
     id,
     action: actionFromProps,
     resource: resource == null ? void 0 : resource.name,
+    dataProviderName: resourceConfig.dataProviderName,
     editorOptions: {
       isSkipSchema: schemaStrategy === "None"
       /* None */
@@ -11642,31 +11785,6 @@ function YamlFormContainer({
   onSaveButtonPropsChange
 }) {
   const action = id ? "edit" : "create";
-  const pushModal = usePushModal();
-  const popModal = usePopModal();
-  const hasShownExpiredRef = useRef(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const queryResult = useOne({
-    resource: resourceConfig.name,
-    id,
-    liveMode: id ? "auto" : "off",
-    queryOptions: { enabled: !!id }
-  });
-  const isExpired = useResourceVersionCheck({ queryResult });
-  useEffect(() => {
-    if (!isExpired || isSubmitting || hasShownExpiredRef.current) {
-      return;
-    }
-    hasShownExpiredRef.current = true;
-    pushModal({
-      component: DataExpiredModal,
-      props: {
-        onAbandon: () => {
-          popModal();
-        }
-      }
-    });
-  }, [isExpired, isSubmitting, pushModal, popModal]);
   const { transformInitValues, transformApplyValues } = usePathMap({
     pathMap: formConfig == null ? void 0 : formConfig.pathMap,
     transformInitValues: formConfig == null ? void 0 : formConfig.transformInitValues,
@@ -11686,13 +11804,7 @@ function YamlFormContainer({
       action,
       isShowLayout: false,
       useFormProps: {
-        redirect: false,
-        onSubmitStart: () => {
-          setIsSubmitting(true);
-        },
-        onSubmitAbort: () => {
-          setIsSubmitting(false);
-        }
+        redirect: false
       },
       rules: void 0,
       onSaveButtonPropsChange,
@@ -11800,6 +11912,7 @@ function RawYamlFormModal(props) {
     },
     okText: ((_c = resourceConfig.formConfig) == null ? void 0 : _c.saveButtonText) || okText,
     destroyOnClose: true,
+    isContentFull: true,
     children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: FormDescStyle$1,
       children: desc
@@ -11842,8 +11955,9 @@ function useOpenForm() {
       if (formType === void 0 || formType === FormContainerType.MODAL) {
         pushModal({
           component: () => {
-            var _a2;
-            if (options == null ? void 0 : options.useYamlEditor) {
+            var _a2, _b2, _c;
+            const isYamlOnlyForm = ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formType) !== FormType.FORM && !((_b2 = resourceConfig.formConfig) == null ? void 0 : _b2.CustomFormModal);
+            if ((options == null ? void 0 : options.useYamlEditor) || isYamlOnlyForm) {
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 RawYamlFormModal,
                 {
@@ -11856,7 +11970,7 @@ function useOpenForm() {
                 }
               );
             }
-            const ModalComponent = ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
+            const ModalComponent = ((_c = resourceConfig.formConfig) == null ? void 0 : _c.CustomFormModal) || FormModal;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               ModalComponent,
               {
@@ -12376,34 +12490,6 @@ function CreateButton(props) {
     }
   );
 }
-const useDeleteManyModal = (resource, ids) => {
-  const { mutate } = useDeleteMany();
-  const [visible, setVisible] = useState(false);
-  const { t: t2 } = useTranslation();
-  const modalProps = {
-    title: t2("dovetail.delete"),
-    okText: t2("dovetail.delete"),
-    okButtonProps: {
-      danger: true
-    },
-    cancelText: t2("dovetail.cancel"),
-    children: t2("dovetail.confirm_delete_text", {
-      target: ids,
-      interpolation: { escapeValue: false }
-    }),
-    onOk() {
-      mutate({
-        resource,
-        ids
-      });
-      setVisible(false);
-    },
-    onCancel() {
-      setVisible(false);
-    }
-  };
-  return { modalProps, visible, setVisible };
-};
 const DeleteManyButton = (props) => {
   const { resource } = useResource();
   const { t: t2 } = useTranslation();
@@ -12707,94 +12793,109 @@ const ResourceLink = (props) => {
     value: ""
   });
 };
-const IngressRulesTable = ({ ingress }) => {
-  const { t: t2 } = useTranslation();
-  const { data: serviceData } = useList({
+const IngressRulesTable_1nylejt = "";
+const PathCellStyle = "pmi0ggi";
+const PathTextStyle = "p1gmjxeo";
+const PathCopyStyle = "p1379cb5";
+const IngressRulesTable = ({
+  ingress: ingress2
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const {
+    data: serviceData
+  } = useList({
     resource: "services",
     meta: {
       kind: "Service",
       apiVersion: "v1"
     }
   });
-  const flattenedRules = useMemo(
-    () => (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [],
-    [serviceData == null ? void 0 : serviceData.data, ingress]
-  );
+  const flattenedRules = useMemo(() => (serviceData == null ? void 0 : serviceData.data) ? ingress2.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [], [serviceData == null ? void 0 : serviceData.data, ingress2]);
   const rows = useMemo(() => {
     return addId(flattenedRules || [], "fullPath");
   }, [flattenedRules]);
   const component = useContext(ComponentContext);
   const Table2 = component.Table || Table$1;
   const currentSize = 10;
-  const columns = [
-    {
-      key: "pathType",
-      display: true,
-      dataIndex: "pathType",
-      title: t2("dovetail.path_type"),
-      width: 160,
-      sortable: true
-    },
-    {
-      key: "fullPath",
-      display: true,
-      dataIndex: "fullPath",
-      title: t2("dovetail.path"),
-      width: 478,
-      sortable: true,
-      render(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: value2 });
-      }
-    },
-    {
-      key: "serviceName",
-      display: true,
-      dataIndex: "serviceName",
-      title: t2("dovetail.target_service"),
-      sortable: true,
-      width: 160,
-      render: (serviceName, record) => {
-        return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResourceLink,
-          {
-            resourceName: "services",
-            namespace: ingress.metadata.namespace || "default",
-            name: serviceName
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
+  const columns = [{
+    key: "pathType",
+    display: true,
+    dataIndex: "pathType",
+    title: t2("dovetail.path_type"),
+    width: 160,
+    sortable: true
+  }, {
+    key: "fullPath",
+    display: true,
+    dataIndex: "fullPath",
+    title: t2("dovetail.path"),
+    width: 478,
+    sortable: true,
+    render(value2) {
+      if (!value2) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        });
       }
-    },
-    {
-      key: "servicePort",
-      display: true,
-      dataIndex: "servicePort",
-      title: t2("dovetail.target_service_port"),
-      width: 120,
-      sortable: true
-    },
-    {
-      key: "secret",
-      display: true,
-      dataIndex: "host",
-      title: t2("dovetail.cert"),
-      width: 160,
-      render(host2) {
-        var _a, _b;
-        const secretName = (_b = (_a = ingress._rawYaml.spec.tls) == null ? void 0 : _a.find(
-          ({ hosts }) => hosts == null ? void 0 : hosts.includes(host2)
-        )) == null ? void 0 : _b.secretName;
-        return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResourceLink,
-          {
-            resourceName: "secrets",
-            namespace: ingress.metadata.namespace || "default",
-            name: secretName
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
-      },
-      sortable: true
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        className: PathCellStyle,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          className: PathTextStyle,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, {
+            fullPath: value2
+          })
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, {
+          value: value2,
+          className: PathCopyStyle
+        })]
+      });
+    }
+  }, {
+    key: "serviceName",
+    display: true,
+    dataIndex: "serviceName",
+    title: t2("dovetail.target_service"),
+    sortable: true,
+    width: 160,
+    render: (serviceName, record) => {
+      return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "services",
+        namespace: ingress2.metadata.namespace || "default",
+        name: serviceName
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: ""
+      });
     }
-  ];
+  }, {
+    key: "servicePort",
+    display: true,
+    dataIndex: "servicePort",
+    title: t2("dovetail.target_service_port"),
+    width: 120,
+    sortable: true
+  }, {
+    key: "secret",
+    display: true,
+    dataIndex: "host",
+    title: t2("dovetail.cert"),
+    width: 160,
+    render(host2) {
+      var _a, _b;
+      const secretName = (_b = (_a = ingress2._rawYaml.spec.tls) == null ? void 0 : _a.find(({
+        hosts
+      }) => hosts == null ? void 0 : hosts.includes(host2))) == null ? void 0 : _b.secretName;
+      return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "secrets",
+        namespace: ingress2.metadata.namespace || "default",
+        name: secretName
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: ""
+      });
+    },
+    sortable: true
+  }];
   const {
     data: finalData,
     currentPage,
@@ -12805,31 +12906,27 @@ const IngressRulesTable = ({ ingress }) => {
     data: rows
   });
   if ((rows == null ? void 0 : rows.length) === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
-      {
-        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }),
-        type: ErrorContentType.List
-      }
-    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: t2("dovetail.no_resource", {
+        kind: t2("dovetail.rule")
+      }),
+      type: ErrorContentType.List
+    });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table2,
-    {
-      tableKey: "ingressRules",
-      loading: false,
-      data: finalData,
-      total: rows.length,
-      columns: addDefaultRenderToColumns(columns),
-      rowKey: "pathType",
-      empty: t2("dovetail.empty"),
-      defaultSize: currentSize,
-      currentPage,
-      onPageChange,
-      onSorterChange,
-      showMenuColumn: false
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
+    tableKey: "ingressRules",
+    loading: false,
+    data: finalData,
+    total: rows.length,
+    columns: addDefaultRenderToColumns(columns),
+    rowKey: "pathType",
+    empty: t2("dovetail.empty"),
+    defaultSize: currentSize,
+    currentPage,
+    onPageChange,
+    onSorterChange,
+    showMenuColumn: false
+  });
 };
 const KeyValue_1qasuz9 = "";
 const ContentBlockStyle = "c8jy7dc";
@@ -12958,9 +13055,7 @@ function readFileAsBase64(file) {
         if (isUtf8(arrayBuffer)) {
           resolve(await file.text());
         } else {
-          const base64String = btoa(
-            String.fromCharCode(...new Uint8Array(arrayBuffer))
-          );
+          const base64String = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
           resolve(base64String);
         }
         return;
@@ -12971,31 +13066,63 @@ function readFileAsBase64(file) {
     reader.readAsArrayBuffer(file);
   });
 }
-const LabelFormatPopover_piveun = "";
-const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-const LabelFormatPopover = ({
-  noValueValidation
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  const data2 = [{
-    object: t2("dovetail.key"),
-    contains: t2("dovetail.prefix"),
-    optional: t2("dovetail.no"),
-    rule: [t2("dovetail.prefix_format_rule_1"), t2("dovetail.prefix_format_rule_2"), t2("dovetail.prefix_format_rule_3")]
-  }, {
-    object: t2("dovetail.key"),
-    contains: t2("dovetail.name"),
-    optional: t2("dovetail.yes"),
-    rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-  }];
+const FormatRulePopover_1b8vyke = "";
+const FormatRulePopoverStyle = "f1eyh8ow";
+const FormatRulePopover = ({
+  buttonText,
+  columns,
+  dataSource
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, {
+  trigger: "click",
+  overlayClassName: FormatRulePopoverStyle,
+  placement: "bottomRight",
+  content: /* @__PURE__ */ jsxRuntimeExports.jsx(AntdTable, {
+    bordered: true,
+    dataSource,
+    columns,
+    pagination: false,
+    rowKey: (_, index2) => String(index2)
+  }),
+  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+    size: "small",
+    type: "link",
+    children: buttonText
+  })
+});
+const LabelFormatPopover = ({ noValueValidation }) => {
+  const { t: t2 } = useTranslation();
+  const data2 = [
+    {
+      object: t2("dovetail.key"),
+      contains: t2("dovetail.prefix"),
+      optional: t2("dovetail.no"),
+      rule: [
+        t2("dovetail.prefix_format_rule_1"),
+        t2("dovetail.prefix_format_rule_2"),
+        t2("dovetail.prefix_format_rule_3")
+      ]
+    },
+    {
+      object: t2("dovetail.key"),
+      contains: t2("dovetail.name"),
+      optional: t2("dovetail.yes"),
+      rule: [
+        t2("dovetail.name_format_rule_1"),
+        t2("dovetail.name_format_rule_2"),
+        t2("dovetail.name_format_rule_3")
+      ]
+    }
+  ];
   if (!noValueValidation) {
     data2.push({
       object: t2("dovetail.value"),
       contains: t2("dovetail.name"),
       optional: t2("dovetail.no"),
-      rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+      rule: [
+        t2("dovetail.name_format_rule_1"),
+        t2("dovetail.name_format_rule_2"),
+        t2("dovetail.name_format_rule_3")
+      ]
     });
   } else {
     data2.push({
@@ -13005,57 +13132,42 @@ const LabelFormatPopover = ({
       rule: [t2("dovetail.no_limitation_rule")]
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, {
-    trigger: "click",
-    overlayClassName: PodLabelFormatRulePopoverStyle,
-    placement: "bottomRight",
-    content: /* @__PURE__ */ jsxRuntimeExports.jsx(AntdTable, {
-      bordered: true,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FormatRulePopover,
+    {
+      buttonText: t2("dovetail.look_format_requirement"),
       dataSource: data2,
-      columns: [{
-        key: "object",
-        title: t2("dovetail.object"),
-        dataIndex: "object",
-        render: (cell, record, index2) => {
-          return {
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: Typo.Label.l4_bold,
-              children: cell
-            }),
+      columns: [
+        {
+          key: "object",
+          title: t2("dovetail.object"),
+          dataIndex: "object",
+          render: (cell, _record, index2) => ({
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: Typo.Label.l4_bold, children: cell }),
             props: {
               rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
             }
-          };
-        }
-      }, {
-        key: "contains",
-        title: t2("dovetail.contains"),
-        dataIndex: "contains"
-      }, {
-        key: "optional",
-        title: t2("dovetail.optional"),
-        dataIndex: "optional"
-      }, {
-        key: "rule",
-        title: t2("dovetail.format_requirements"),
-        dataIndex: "rule",
-        render: (cell) => {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
-            className: "rule-list",
-            children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-              children: rule2
-            }, index2))
-          });
+          })
+        },
+        {
+          key: "contains",
+          title: t2("dovetail.contains"),
+          dataIndex: "contains"
+        },
+        {
+          key: "optional",
+          title: t2("dovetail.optional"),
+          dataIndex: "optional"
+        },
+        {
+          key: "rule",
+          title: t2("dovetail.format_requirements"),
+          dataIndex: "rule",
+          render: (cell) => /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { listStyle: "disc", listStylePosition: "inside" }, children: cell.map((rule2, i2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { style: { textIndent: 8 }, children: rule2 }, i2)) })
         }
-      }],
-      pagination: false
-    }),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-      size: "small",
-      type: "link",
-      children: t2("dovetail.look_format_requirement")
-    })
-  });
+      ]
+    }
+  );
 };
 const index_t3zi07 = "";
 function _KeyValueTableForm(props, ref) {
@@ -13076,7 +13188,8 @@ function _KeyValueTableForm(props, ref) {
     validateKey,
     validateValue,
     onSubmit,
-    keyTitle
+    keyTitle,
+    formatPopover
   } = props;
   const {
     t: t2,
@@ -13260,7 +13373,7 @@ function _KeyValueTableForm(props, ref) {
       validateTriggerType: ValidateTriggerType.Aggressive,
       disableBatchFilling: true,
       hideEmptyTable: true
-    }), isHideLabelFormatPopover || _value.length === 0 ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
+    }), isHideLabelFormatPopover || _value.length === 0 ? null : formatPopover ?? /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
     })]
   });
@@ -13699,7 +13812,7 @@ const StateTag = (props) => {
     }
   );
 };
-const WorkloadPodsTable_975j2t = "";
+const WorkloadPodsTable_a750q3 = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
@@ -13735,14 +13848,16 @@ const WorkloadPodsTable = ({
         kind: "Pod"
       },
       filters: {
-        permanent: [{
-          field: "",
-          value: "",
-          fn(item) {
-            return filter ? filter(item) : matchSelector(item, selector, namespace2);
+        permanent: [
+          {
+            field: "",
+            value: "",
+            fn(item) {
+              return filter ? filter(item) : matchSelector(item, selector, namespace2);
+            }
           }
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }]
+        ]
       }
     }
   });
@@ -14218,7 +14333,8 @@ const ServiceOutClusterAccessField = (clusterVip) => ({
       service: record,
       breakLine: false,
       clusterVip,
-      showDashedUnderline: false
+      showDashedUnderline: false,
+      showCopyButton: true
     });
   }
 });
@@ -14236,14 +14352,14 @@ const PodSelectorField = () => ({
 const PortsTableField = () => ({
   key: "ports",
   path: [],
-  renderContent: (_, service) => {
+  renderContent: (_, service2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       style: {
         padding: "0 24px",
         height: "100%"
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(PortsTable, {
-        service
+        service: service2
       })
     });
   }
@@ -14940,11 +15056,11 @@ const NetworkPolicyIngressRulesTab = ({
       fields: [{
         key: "Ingress",
         path: ["spec", "ingress"],
-        render: (ingress) => {
+        render: (ingress2) => {
           return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
             className: NetworkPolicyRulesViewerStyle,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(NetworkPolicyRulesViewer, {
-              ingressOrEgress: ingress
+              ingressOrEgress: ingress2
             })
           });
         }
@@ -15019,7 +15135,9 @@ const PodContainersTable = ({
           const isInit = initContainerStatuses.some(
             (c2) => c2.containerID === record.containerID
           );
-          return i18n2.t(isInit ? "dovetail.init_container" : "dovetail.regular_container");
+          return i18n2.t(
+            isInit ? "dovetail.init_container" : "dovetail.regular_container"
+          );
         }
       },
       {
@@ -15049,10 +15167,12 @@ const PodContainersTable = ({
     [i18n2, initContainerStatuses]
   );
   const dataSource = useMemo(
-    () => addId(containerStatuses.concat(initContainerStatuses), "containerID").map((container2) => ({
-      ...container2,
-      startedAt: get$2(container2, ["state", "running", "startedAt"]) || get$2(container2, ["state", "terminated", "startedAt"])
-    })),
+    () => addId(containerStatuses.concat(initContainerStatuses), "containerID").map(
+      (container2) => ({
+        ...container2,
+        startedAt: get$2(container2, ["state", "running", "startedAt"]) || get$2(container2, ["state", "terminated", "startedAt"])
+      })
+    ),
     [containerStatuses, initContainerStatuses]
   );
   const {
@@ -15063,10 +15183,12 @@ const PodContainersTable = ({
   } = useTableData({
     data: dataSource,
     columns,
-    defaultSorters: [{
-      field: "startedAt",
-      order: "desc"
-    }]
+    defaultSorters: [
+      {
+        field: "startedAt",
+        order: "desc"
+      }
+    ]
   });
   if (dataSource.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -15084,7 +15206,9 @@ const PodContainersTable = ({
       loading: false,
       data: finalData,
       total: dataSource.length,
-      columns: addDefaultRenderToColumns(columns),
+      columns: addDefaultRenderToColumns(
+        columns
+      ),
       rowKey: "containerID",
       error: false,
       defaultSize: currentSize,
@@ -15207,11 +15331,11 @@ const NetworkPolicyIngressRulesGroup = (i18n2) => ({
         {
           key: "Ingress",
           path: ["spec", "ingress"],
-          renderContent: (ingress) => {
+          renderContent: (ingress2) => {
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               NetworkPolicyRulesViewer,
               {
-                ingressOrEgress: ingress,
+                ingressOrEgress: ingress2,
                 kind: ` ${i18n2.t("dovetail.ingress_rule")}`
               }
             );
@@ -15265,7 +15389,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_11vyp5a = "";
+const ShowContentView_szlndu = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -15709,7 +15833,7 @@ function ReplicasDropdown(props) {
   ] });
 }
 const PodShell = lazy(
-  () => import("./PodShell-76331418.js").then((module2) => ({ default: module2.PodShell }))
+  () => import("./PodShell-a6ed3498.js").then((module2) => ({ default: module2.PodShell }))
 );
 function PodShellModal(props) {
   const { pod: pod2 } = props;
@@ -16056,8 +16180,121 @@ function ResourceShow(props) {
     }
   );
 }
-const modal_1eijuvm = "";
+const button_a1727f = "";
+const WarningButtonStyle = "wwyz7ti";
+const modal_1muog24 = "";
 const SmallModalStyle = "s1nc293e";
+const ExtraSubmitFooter_15u4r8u = "";
+const FooterStyle = "f16wn4bu";
+const FooterLeftStyle = "fk5l2b4";
+const FooterRightStyle = "f1r3vl4u";
+const ErrorStyle = "e1y8i1r4";
+const ErrorIconStyle = "e16fn5cj";
+const PrevIconStyle = "prji3wx";
+function useExtraSubmitFooter({
+  action,
+  cancelText,
+  defaultSubmitText,
+  errorText,
+  extraSubmitButton,
+  fallbackFooter,
+  isYamlMode,
+  nextStepText,
+  prevStepText,
+  saveButtonProps,
+  step,
+  stepCount,
+  onCancel,
+  onNextStep,
+  onPrevStep,
+  onSubmit
+}) {
+  const shouldShowExtraSubmitButton = useMemo(() => {
+    if (!extraSubmitButton || isYamlMode) {
+      return false;
+    }
+    if (extraSubmitButton.action && extraSubmitButton.action !== action) {
+      return false;
+    }
+    if (extraSubmitButton.step !== step) {
+      return false;
+    }
+    return step < stepCount - 1;
+  }, [action, extraSubmitButton, isYamlMode, step, stepCount]);
+  return useMemo(() => {
+    if (!shouldShowExtraSubmitButton) {
+      return fallbackFooter;
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ExtraSubmitFooter, {
+      cancelText,
+      errorText,
+      extraSubmitText: (extraSubmitButton == null ? void 0 : extraSubmitButton.text) || defaultSubmitText,
+      nextStepText,
+      prevText: prevStepText,
+      saveButtonProps,
+      showPrevButton: step > 0,
+      onCancel,
+      onNextStep,
+      onPrevStep,
+      onSubmit
+    });
+  }, [cancelText, defaultSubmitText, errorText, extraSubmitButton == null ? void 0 : extraSubmitButton.text, fallbackFooter, onCancel, onNextStep, onPrevStep, onSubmit, nextStepText, prevStepText, saveButtonProps, shouldShowExtraSubmitButton, step]);
+}
+const ExtraSubmitFooter = ({
+  cancelText,
+  errorText,
+  extraSubmitText,
+  nextStepText,
+  prevText,
+  saveButtonProps,
+  showPrevButton,
+  onCancel,
+  onNextStep,
+  onPrevStep,
+  onSubmit
+}) => {
+  const finalSaveButtonProps = omit$1(saveButtonProps, "onClick");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    className: FooterStyle,
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: FooterLeftStyle,
+      children: [showPrevButton ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, {
+        type: "link",
+        onClick: onPrevStep,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ArrowChevronLeft16BoldBlueIcon, {
+          className: PrevIconStyle
+        }), prevText]
+      }) : null, errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+        className: cx_default(ErrorStyle, Typo.Label.l2_regular),
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationErrorCircleFill16RedIcon, {
+          className: ErrorIconStyle
+        }), errorText]
+      }) : null]
+    }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: FooterRightStyle,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+        type: "quiet",
+        size: "large",
+        onClick: onCancel,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          className: Typo.Label.l1_bold_title,
+          children: cancelText
+        })
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+        size: "large",
+        type: "secondary",
+        onClick: onNextStep,
+        children: nextStepText
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+        ...finalSaveButtonProps,
+        size: "large",
+        type: "primary",
+        onClick: onSubmit,
+        children: extraSubmitText
+      })]
+    })]
+  });
+};
 function FormModeSegmentControl({
   formConfig,
   mode,
@@ -16891,9 +17128,16 @@ const useForm = ({
   onSubmitAbort,
   ...rest
 } = {}) => {
+  var _a;
   const { options } = useRefineContext();
   const disableServerSideValidation = (options == null ? void 0 : options.disableServerSideValidation) || disableServerSideValidationProp;
   const translate = useTranslate();
+  const { captureInitialResource, mutationMeta } = use409Retry({
+    action: refineCoreProps == null ? void 0 : refineCoreProps.action,
+    dataProviderName: refineCoreProps == null ? void 0 : refineCoreProps.dataProviderName,
+    id: refineCoreProps == null ? void 0 : refineCoreProps.id,
+    mutationMeta: refineCoreProps == null ? void 0 : refineCoreProps.mutationMeta
+  });
   const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = useWarnAboutChange();
   const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
   const useHookFormResult = useForm$3({
@@ -16903,6 +17147,7 @@ const useForm = ({
   const [transformedInitValues, setTransformedInitValues] = useState(useHookFormResult.getValues());
   const [beforeSubmitErrors, setBeforeSubmitErrors] = useState([]);
   const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = useState(false);
+  const hasAppliedInitialDataRef = useRef(false);
   const {
     watch,
     setValue,
@@ -16913,10 +17158,11 @@ const useForm = ({
   } = useHookFormResult;
   const useFormCoreResult = useForm$2({
     ...refineCoreProps,
+    mutationMeta,
     onMutationError: (error, _variables, _context) => {
-      var _a, _b;
+      var _a2, _b;
       if (disableServerSideValidation) {
-        (_a = refineCoreProps == null ? void 0 : refineCoreProps.onMutationError) == null ? void 0 : _a.call(refineCoreProps, error, _variables, _context);
+        (_a2 = refineCoreProps == null ? void 0 : refineCoreProps.onMutationError) == null ? void 0 : _a2.call(refineCoreProps, error, _variables, _context);
         return;
       }
       const errors = error == null ? void 0 : error.errors;
@@ -16949,10 +17195,14 @@ const useForm = ({
   });
   const { queryResult, onFinish, formLoading, onFinishAutoSave } = useFormCoreResult;
   useEffect(() => {
-    var _a;
-    if (formState.isDirty)
+    var _a2;
+    captureInitialResource((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data);
+  }, [captureInitialResource, (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data]);
+  useEffect(() => {
+    var _a2;
+    if (hasAppliedInitialDataRef.current || formState.isDirty)
       return;
-    const data2 = (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data;
+    const data2 = (_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data;
     if (!data2)
       return;
     const transformedData = transformInitValues ? transformInitValues(data2) : data2;
@@ -16968,6 +17218,7 @@ const useForm = ({
         });
       }
     });
+    hasAppliedInitialDataRef.current = true;
     setTransformedInitValues(getValues());
   }, [queryResult == null ? void 0 : queryResult.data, setValue, transformInitValues, formState.isDirty, getValues]);
   useEffect(() => {
@@ -16980,13 +17231,13 @@ const useForm = ({
   }, [watch]);
   const onValuesChange = useCallback(
     (changeValues) => {
-      var _a;
+      var _a2;
       if (warnWhenUnsavedChanges) {
         setWarnWhen(true);
       }
       if (refineCoreProps == null ? void 0 : refineCoreProps.autoSave) {
         setWarnWhen(false);
-        const onFinishProps = (_a = refineCoreProps.autoSave) == null ? void 0 : _a.onFinish;
+        const onFinishProps = (_a2 = refineCoreProps.autoSave) == null ? void 0 : _a2.onFinish;
         if (onFinishProps) {
           return onFinishAutoSave(onFinishProps(changeValues));
         }
@@ -17083,6 +17334,10 @@ const useRefineForm = (props) => {
       errorNotification: false,
       successNotification: () => {
         var _a;
+        if (formConfig == null ? void 0 : formConfig.successMessage) {
+          const msg = typeof formConfig.successMessage === "function" ? formConfig.successMessage(id ? "edit" : "create") : formConfig.successMessage;
+          return { message: msg, description: "Success", type: "success" };
+        }
         const formValue = result.getValues();
         return {
           message: i18n2.t(id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast", {
@@ -17100,6 +17355,7 @@ const useRefineForm = (props) => {
       resource: resourceConfig.name,
       action: id ? "edit" : "create",
       id,
+      dataProviderName: resourceConfig.dataProviderName,
       liveMode: id ? "auto" : "off",
       ...refineProps
     },
@@ -17113,10 +17369,11 @@ const useRefineForm = (props) => {
     ...formConfig == null ? void 0 : formConfig.useFormProps
   });
   useEffect(() => {
-    var _a, _b;
+    var _a, _b, _c;
     const response = (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response;
+    const message2 = (_b = result.refineCore.mutationResult.error) == null ? void 0 : _b.message;
     if (response && !(response == null ? void 0 : response.bodyUsed)) {
-      (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
+      (_c = response.json) == null ? void 0 : _c.call(response).then((body) => {
         var _a2;
         setResponseErrorMsgs(
           [].concat(
@@ -17124,8 +17381,10 @@ const useRefineForm = (props) => {
           )
         );
       });
+    } else if (message2 && responseErrorMsgs[0] !== message2) {
+      setResponseErrorMsgs([message2]);
     }
-  }, [formConfig, result, i18n2]);
+  }, [formConfig, result, i18n2, responseErrorMsgs]);
   return {
     formResult: result,
     responseErrorMsgs,
@@ -17146,10 +17405,6 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
 }, ref) {
   var _a, _b;
   const action = id ? "edit" : "create";
-  const pushModal = usePushModal();
-  const popModal = usePopModal();
-  const hasShownExpiredRef = useRef(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
   const refineFormResult = useRefineForm({
     resourceConfig,
     id,
@@ -17158,7 +17413,6 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
         onSuccess == null ? void 0 : onSuccess(data2);
       },
       onMutationError() {
-        setIsSubmitting(false);
         onError == null ? void 0 : onError();
       },
       redirect: false,
@@ -17172,35 +17426,11 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       ...options,
       onBeforeSubmitError: (errors) => {
         if (errors.length) {
-          setIsSubmitting(false);
           onError == null ? void 0 : onError();
         }
-      },
-      onSubmitStart: () => {
-        setIsSubmitting(true);
-      },
-      onSubmitAbort: () => {
-        setIsSubmitting(false);
       }
     }
   });
-  const isExpired = useResourceVersionCheck({
-    queryResult: refineFormResult.formResult.refineCore.queryResult
-  });
-  useEffect(() => {
-    if (!isExpired || isSubmitting || hasShownExpiredRef.current) {
-      return;
-    }
-    hasShownExpiredRef.current = true;
-    pushModal({
-      component: DataExpiredModal,
-      props: {
-        onAbandon: () => {
-          popModal();
-        }
-      }
-    });
-  }, [isExpired, isSubmitting, pushModal, popModal]);
   const fieldsConfig = useFieldsConfig(
     resourceConfig,
     { fields: formConfig == null ? void 0 : formConfig.fields },
@@ -17215,6 +17445,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     transformApplyValues: (formConfig == null ? void 0 : formConfig.transformApplyValues) || ((v) => v)
   });
   const yamlFormProps = useMemo(() => {
+    var _a2;
     if (isYamlMode) {
       return {
         ...customYamlFormProps,
@@ -17233,12 +17464,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
         isShowLayout: false,
         useFormProps: {
           redirect: false,
-          onSubmitStart: () => {
-            setIsSubmitting(true);
-          },
-          onSubmitAbort: () => {
-            setIsSubmitting(false);
-          }
+          mutationMeta: (_a2 = formConfig == null ? void 0 : formConfig.refineCoreProps) == null ? void 0 : _a2.mutationMeta
         },
         rules: fieldsConfig == null ? void 0 : fieldsConfig.filter(
           (config) => "isSkipValidationInYaml" in config && !config.isSkipValidationInYaml
@@ -17268,6 +17494,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     id,
     refineFormResult,
     formConfig == null ? void 0 : formConfig.beforeSubmit,
+    (_a = formConfig == null ? void 0 : formConfig.refineCoreProps) == null ? void 0 : _a.mutationMeta,
     transformApplyValues,
     onSaveButtonPropsChange,
     onSuccess,
@@ -17287,18 +17514,20 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     }),
     [refineFormResult.formResult]
   );
-  if (action === "edit" && !((_b = (_a = refineFormResult.formResult.getValues()) == null ? void 0 : _a.metadata) == null ? void 0 : _b.name)) {
+  const currentFormValues = refineFormResult.formResult.getValues();
+  const isReady = (formConfig == null ? void 0 : formConfig.isDataReady) ? formConfig.isDataReady(currentFormValues) : !!((_b = currentFormValues == null ? void 0 : currentFormValues.metadata) == null ? void 0 : _b.name);
+  if (action === "edit" && !isReady) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
   }
   if (isYamlMode) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(YamlForm, { ...yamlFormProps });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    !(formConfig == null ? void 0 : formConfig.isDisabledChangeMode) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !(formConfig == null ? void 0 : formConfig.isDisabledChangeMode) && (formConfig == null ? void 0 : formConfig.changeModeAlert) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       Alert,
       {
         type: "warning",
-        message: i18n.t("dovetail.change_form_mode_alert"),
+        message: (formConfig == null ? void 0 : formConfig.changeModeAlert) ?? i18n.t("dovetail.change_form_mode_alert"),
         style: { marginBottom: "16px" }
       }
     ) : void 0,
@@ -17352,7 +17581,7 @@ function ConfirmModal({
   });
 }
 function FormModal(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     id,
     yamlFormProps: customYamlFormProps,
@@ -17490,37 +17719,59 @@ function FormModal(props) {
       setStep(nextStep);
     }
   }, [step]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(WizardDialog, {
-    style: {
-      "--max-modal-width": isYamlForm || !isDisabledChangeMode ? "1024px" : "648px"
-    },
-    title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: TitleWrapperStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        children: title
-      }), ((_c = resourceConfig.formConfig) == null ? void 0 : _c.formType) === FormType.FORM ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormModeSegmentControl, {
-        formConfig: resourceConfig.formConfig,
-        mode,
-        onChangeMode
-      }) : null]
-    }),
-    error: errorText,
-    steps,
+  const extraSubmitButton = ((_c = resourceConfig.formConfig) == null ? void 0 : _c.formType) === FormType.FORM ? resourceConfig.formConfig.extraSubmitButton : void 0;
+  const footer = useExtraSubmitFooter({
+    action,
+    cancelText: (modalProps == null ? void 0 : modalProps.cancelText) || i18n2.t("dovetail.cancel"),
+    defaultSubmitText: okText,
+    errorText,
+    extraSubmitButton,
+    fallbackFooter: modalProps == null ? void 0 : modalProps.footer,
+    isYamlMode,
+    nextStepText: (modalProps == null ? void 0 : modalProps.nextText) || i18n2.t("dovetail.next_step"),
+    prevStepText: (modalProps == null ? void 0 : modalProps.prevText) || i18n2.t("dovetail.prev_step"),
+    saveButtonProps,
     step,
-    onStepChange: handleStepChange,
-    onOk,
-    okButtonProps: {
-      ...omit$1(saveButtonProps, "onClick"),
-      children: (_d = resourceConfig.formConfig) == null ? void 0 : _d.saveButtonText
-    },
-    okText: ((_e = resourceConfig.formConfig) == null ? void 0 : _e.saveButtonText) || okText,
-    destroyOnClose: true,
-    destroyOtherStep: true,
-    ...modalProps,
-    children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      className: FormDescStyle,
-      children: desc
-    }) : void 0, formEle]
+    stepCount: (steps == null ? void 0 : steps.length) || 0,
+    onCancel: popModal,
+    onNextStep: () => handleStepChange(step + 1),
+    onPrevStep: () => handleStepChange(step - 1),
+    onSubmit: onOk
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Retry409Provider, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(WizardDialog, {
+      style: {
+        "--max-modal-width": isYamlForm || !isDisabledChangeMode ? "1024px" : "648px"
+      },
+      title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        className: TitleWrapperStyle,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          children: title
+        }), ((_d = resourceConfig.formConfig) == null ? void 0 : _d.formType) === FormType.FORM ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormModeSegmentControl, {
+          formConfig: resourceConfig.formConfig,
+          mode,
+          onChangeMode
+        }) : null]
+      }),
+      error: errorText,
+      steps,
+      step,
+      onStepChange: handleStepChange,
+      onOk,
+      okButtonProps: {
+        ...omit$1(saveButtonProps, "onClick"),
+        children: (_e = resourceConfig.formConfig) == null ? void 0 : _e.saveButtonText
+      },
+      okText: ((_f = resourceConfig.formConfig) == null ? void 0 : _f.saveButtonText) || okText,
+      footer,
+      destroyOnClose: true,
+      destroyOtherStep: true,
+      ...modalProps,
+      children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: FormDescStyle,
+        children: desc
+      }) : void 0, formEle]
+    })
   });
 }
 const RefineFormPage_1v0fhor = "";
@@ -17626,31 +17877,43 @@ function CronJobDropdown(props) {
           values: v,
           successNotification() {
             return {
-              message: t2(suspended ? "dovetail.resume_success_toast" : "dovetail.pause_success_toast", {
-                kind: record.kind,
-                name: id,
-                interpolation: {
-                  escapeValue: false
+              message: t2(
+                suspended ? "dovetail.resume_success_toast" : "dovetail.pause_success_toast",
+                {
+                  kind: record.kind,
+                  name: id,
+                  interpolation: {
+                    escapeValue: false
+                  }
                 }
-              }),
+              ),
               type: "success"
             };
           },
           errorNotification() {
             return {
-              message: t2(suspended ? "dovetail.resume_failed_toast" : "dovetail.pause_failed_toast", {
-                kind: record.kind,
-                name: id,
-                interpolation: {
-                  escapeValue: false
+              message: t2(
+                suspended ? "dovetail.resume_failed_toast" : "dovetail.pause_failed_toast",
+                {
+                  kind: record.kind,
+                  name: id,
+                  interpolation: {
+                    escapeValue: false
+                  }
                 }
-              }),
+              ),
               type: "error"
             };
           }
         });
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: suspended ? RecoverContinue16GradientBlueIcon : Pause16GradientBlueIcon, children: t2(suspended ? "dovetail.resume" : "dovetail.suspend") })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Icon,
+        {
+          src: suspended ? RecoverContinue16GradientBlueIcon : Pause16GradientBlueIcon,
+          children: t2(suspended ? "dovetail.resume" : "dovetail.suspend")
+        }
+      )
     }
   ) : null });
 }
@@ -18167,7 +18430,9 @@ const DeleteButton = () => {
   const { resource } = useResource();
   const { id } = useParsed();
   const { t: t2 } = useTranslation();
-  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: (resource == null ? void 0 : resource.name) || "" });
+  const { openDeleteConfirmModal } = useDeleteModal({
+    resourceName: (resource == null ? void 0 : resource.name) || ""
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
@@ -18178,7 +18443,7 @@ const DeleteButton = () => {
     }
   ) });
 };
-const index_1tehui8 = "";
+const index_e6cgji = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
   const {
@@ -19315,9 +19580,9 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
   });
   const nodePortsFromOtherServices = useMemo(() => {
     var _a;
-    return ((_a = services == null ? void 0 : services.data) == null ? void 0 : _a.filter((service) => service.id !== serviceId).map((service) => {
+    return ((_a = services == null ? void 0 : services.data) == null ? void 0 : _a.filter((service2) => service2.id !== serviceId).map((service2) => {
       var _a2, _b;
-      return (_b = (_a2 = service == null ? void 0 : service.spec) == null ? void 0 : _a2.ports) == null ? void 0 : _b.map((port2) => port2.nodePort);
+      return (_b = (_a2 = service2 == null ? void 0 : service2.spec) == null ? void 0 : _a2.ports) == null ? void 0 : _b.map((port2) => port2.nodePort);
     }).flat().filter((port2) => port2 !== void 0)) || [];
   }, [services, serviceId]);
   const columns = useMemo(() => {
@@ -19510,7 +19775,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
     }
   );
 });
-const IngressRulesComponent = ({ ingress, noLink }) => {
+const IngressRulesComponent = ({ ingress: ingress2, noLink }) => {
   const { data: serviceData } = useList({
     resource: "services",
     meta: {
@@ -19518,12 +19783,12 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
       apiVersion: "v1"
     }
   });
-  const flattenedRules = (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [];
+  const flattenedRules = (serviceData == null ? void 0 : serviceData.data) ? ingress2.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [];
   const result = flattenedRules.map((r2) => {
     var _a, _b;
     const arrow = " → ";
     const divider = " | ";
-    const secretName = (_b = (_a = ingress.spec.tls) == null ? void 0 : _a.find(
+    const secretName = (_b = (_a = ingress2.spec.tls) == null ? void 0 : _a.find(
       ({ hosts }) => hosts == null ? void 0 : hosts.includes(r2.host || "")
     )) == null ? void 0 : _b.secretName;
     let tooltip = r2.fullPath;
@@ -19544,7 +19809,7 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
               ResourceLink,
               {
                 resourceName: "services",
-                namespace: ingress.metadata.namespace || "default",
+                namespace: ingress2.metadata.namespace || "default",
                 name: r2.serviceName
               }
             ),
@@ -19559,7 +19824,7 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
               ResourceLink,
               {
                 resourceName: "secrets",
-                namespace: ingress.metadata.namespace || "default",
+                namespace: ingress2.metadata.namespace || "default",
                 name: secretName
               }
             )
@@ -19928,7 +20193,10 @@ function ServiceOutClusterAccessTitle() {
     })
   });
 }
-const ServiceOutClusterAccessColumnRenderer = (clusterVip) => {
+const ServiceOutClusterAccessColumnRenderer = (_i18n, options) => {
+  const {
+    clusterVip
+  } = options;
   return {
     key: "outClusterAccess",
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
@@ -19968,10 +20236,8 @@ const PodWorkloadColumnRenderer = (i18n2) => {
     }
   };
 };
-const IngressRulesColumnRenderer = ({
-  i18n: i18n2,
-  noLink
-}) => {
+const IngressRulesColumnRenderer = (i18n2, options) => {
+  const noLink = options == null ? void 0 : options.noLink;
   const dataIndex = ["spec", "rules"];
   return {
     key: "type",
@@ -20432,39 +20698,45 @@ const Dovetail = (props) => {
       antd4Configs: {
         getPopupContainer: antdGetPopupContainer || (() => document.body)
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: globalStoreMap, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Refine,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        GlobalStoreContext.Provider,
         {
-          dataProvider: dataProvider(globalStoreMap.default),
-          liveProvider: liveProvider(globalStoreMap.default),
-          routerProvider,
-          notificationProvider,
-          options: {
-            warnWhenUnsavedChanges: true,
-            liveMode: "auto",
-            disableTelemetry: true
-          },
-          accessControlProvider,
-          resources: resourcesConfig.map((c2) => {
-            return {
-              name: c2.name,
-              meta: {
-                dataProviderName: c2.dataProviderName,
-                resourceBasePath: c2.basePath,
-                kind: c2.kind,
-                parent: c2.parent,
-                label: `${c2.kind}s`
+          value: globalStoreMap,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Refine,
+            {
+              dataProvider: dataProvider(globalStoreMap.default),
+              liveProvider: liveProvider(globalStoreMap.default),
+              routerProvider,
+              notificationProvider,
+              options: {
+                warnWhenUnsavedChanges: true,
+                liveMode: "auto",
+                disableTelemetry: true
               },
-              list: `${urlPrefix}/${c2.name}`,
-              show: `${urlPrefix}/${c2.name}/show`,
-              create: `${urlPrefix}/${c2.name}/create`,
-              edit: `${urlPrefix}/${c2.name}/edit`
-            };
-          }),
-          ...props,
-          children: content
+              accessControlProvider,
+              resources: resourcesConfig.map((c2) => {
+                return {
+                  name: c2.name,
+                  meta: {
+                    dataProviderName: c2.dataProviderName,
+                    resourceBasePath: c2.basePath,
+                    kind: c2.kind,
+                    parent: c2.parent,
+                    label: `${c2.kind}s`
+                  },
+                  list: `${urlPrefix}/${c2.name}`,
+                  show: `${urlPrefix}/${c2.name}/show`,
+                  create: `${urlPrefix}/${c2.name}/create`,
+                  edit: `${urlPrefix}/${c2.name}/edit`
+                };
+              }),
+              ...props,
+              children: content
+            }
+          )
         }
-      ) })
+      )
     }
   ) }) }) }) });
 };
@@ -20525,8 +20797,8 @@ class ModelPlugin {
   restoreItem(item) {
     return item._rawYaml;
   }
-  setModelMap(key2, model) {
-    this.ModelMap.set(key2, model);
+  setModelMap(key2, ModelClass) {
+    this.ModelMap.set(key2, ModelClass);
   }
 }
 const modelPlugin = new ModelPlugin();
@@ -20632,12 +20904,14 @@ export {
   ColumnKeys,
   CommonSorter,
   ComponentContext,
+  ComponentContextProvider,
   ConditionsField,
   ConditionsGroup,
   ConditionsTab,
   ConditionsTable,
   ConfigsContext,
   ControllerRevisionModel,
+  CopyButton,
   CreateButton,
   CronJobDropdown,
   CronJobModel,
@@ -20665,7 +20939,7 @@ export {
   EditLabelForm,
   EditNodeTaintDropdownMenuItem,
   EditNodeTaintForm,
-  WidgetErrorContent as ErrorContent,
+  ErrorContent,
   ErrorContentType,
   ErrorWrapper,
   EventModel,
@@ -20678,6 +20952,7 @@ export {
   FormModal,
   FormMode,
   FormType,
+  FormatRulePopover,
   GlobalStoreContext,
   INGRESS_INIT_VALUE,
   ImageField,
@@ -20873,6 +21148,7 @@ export {
   Time,
   ValidateRfc1035Name,
   index as ValueDisplay,
+  WidgetErrorContent,
   WorkloadBaseModel,
   WorkloadDropdown,
   WorkloadImageColumnRenderer,
@@ -20883,7 +21159,6 @@ export {
   YamlEditorComponent,
   YamlForm,
   addDefaultRenderToColumns,
-  dnsSubDomainRules,
   dovetailRefineI18n,
   generateSchemaTypeValue,
   generateValueFromSchema,
@@ -20897,12 +21172,11 @@ export {
   relationPlugin,
   renderCommonFormFiled,
   resolveRef,
-  rfc1035LabelRules,
-  rfc1123LabelRules,
   routerProvider,
   shortenedImage,
   transformResourceKindInSentence,
   useApiGroupSchema,
+  useDeleteManyModal,
   useDeleteModal,
   useDeleteModalOnly,
   useDownloadYAML,