@dovetail-v2/refine 0.4.3 → 0.4.4

package/dist/refine.cjs

@@ -20,6 +20,7 @@ const yaml$2 = require("js-yaml");
 const sunflowerAntd = require("sunflower-antd");
 const usehooksTs = require("usehooks-ts");
 const k8sApiProvider = require("k8s-api-provider");
+const copyToClipboard$1 = require("copy-to-clipboard");
 const reactLogViewer = require("@patternfly/react-log-viewer");
 const reactHookForm = require("react-hook-form");
 const monaco = require("monaco-editor");
@@ -456,6 +457,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";
@@ -623,7 +636,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";
@@ -736,6 +749,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,
@@ -907,7 +925,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,
@@ -1019,11 +1037,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 = "查看改动";
@@ -1303,6 +1339,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,
@@ -1585,9 +1627,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 = {
@@ -7319,9 +7368,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) {
@@ -7393,33 +7440,42 @@ function useApiGroupSchema() {
     loading: false,
     error: null
   });
-  const fetchSchema = React.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 = React.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) {
@@ -7435,7 +7491,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) {
@@ -7456,6 +7516,34 @@ function useSchema(options) {
     fetchSchema
   };
 }
+const useDeleteManyModal = (resource, ids) => {
+  const { mutate } = core.useDeleteMany();
+  const [visible, setVisible] = React.useState(false);
+  const { t: t2 } = common.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 = React.createContext({});
 function getCommonErrors(responseBody, i18n2) {
   var _a;
@@ -7499,12 +7587,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) {
@@ -7904,48 +7996,6 @@ function NameInputWidget(props) {
   const { action } = core.useResource();
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.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 } = core.useResource();
   const { data: data2 } = core.useList({
@@ -8007,10 +8057,13 @@ function KeyValueListWidget(props) {
   const onChange = React.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]
@@ -8056,7 +8109,7 @@ function KeyValueListWidget(props) {
 }
 function MetadataForm() {
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+    /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Form.Item, { label: "Name", name: ["metadata", "name"], children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(NameInputWidget, {}) }),
     /* @__PURE__ */ common.jsxRuntimeExports.jsx(
       eagle.Form.Item,
       {
@@ -8071,6 +8124,12 @@ function MetadataForm() {
   ] });
 }
 const ComponentContext = React.createContext({});
+function ComponentContextProvider({
+  value: value2,
+  children
+}) {
+  return React.createElement(ComponentContext.Provider, { value: value2 }, children);
+}
 const GlobalStoreContext = React.createContext({});
 const index_1s9fcl3 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
@@ -8234,21 +8293,31 @@ function Table$1(props) {
     })]
   });
 }
-function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
+function useTableData({
+  data: data2,
+  columns,
+  pageSize = 10,
+  defaultSorters
+}) {
   const [currentPage, setCurrentPage] = React.useState(1);
   const [sorters, setSorters] = React.useState(defaultSorters || []);
-  const onSorterChange = React.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 = React.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: k8sApiProvider.paginateData(
       {
@@ -8328,7 +8397,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     }
   );
 };
-const PortsTable = ({ service }) => {
+const PortsTable = ({ service: service2 }) => {
   const { t: t2 } = common.useTranslation();
   const component = React.useContext(ComponentContext);
   const Table2 = component.Table || Table$1;
@@ -8375,7 +8444,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 || ""
   }));
@@ -8790,6 +8859,38 @@ function PVCDistributeStorage({
     )
   ] });
 }
+const index_1oorxg6 = "";
+const CopyIconStyle = "c1oll6q9";
+const CopyButton = ({
+  value: value2,
+  className
+}) => {
+  const {
+    i18n: i18n2
+  } = common.useTranslation();
+  const [tooltip, setTooltip] = React.useState(i18n2.t("dovetail.copy"));
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tooltip, {
+    title: tooltip,
+    onVisibleChange: (visible) => {
+      if (!visible) {
+        setTimeout(() => {
+          setTooltip(i18n2.t("dovetail.copy"));
+        }, 80);
+      }
+    },
+    children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+      src: iconsReact.ClipboardCopy16GradientGrayIcon,
+      hoverSrc: iconsReact.ClipboardCopy16GradientBlueIcon,
+      className: common.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");
@@ -8907,74 +9008,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"
           }
         }
       }
@@ -8982,32 +9079,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
               }
             ]
           }
@@ -9017,98 +9114,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"
             }
           }
         }
@@ -9117,37 +9202,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"]
           }
         }
       }
@@ -9155,143 +9238,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
                   }
                 }
               }
@@ -9303,28 +9386,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",
@@ -9346,138 +9429,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) => {
@@ -9584,6 +9665,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) {
@@ -9595,18 +9686,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;
@@ -9671,18 +9755,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", {
@@ -9699,10 +9776,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());
@@ -9735,6 +9812,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) {
@@ -10011,22 +10105,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)) {
@@ -10046,22 +10124,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) {
@@ -10094,11 +10156,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;
   }
@@ -10290,15 +10350,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__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
-        value: service.dnsRecord
+        value: service2.dnsRecord
       });
     case ServiceTypeEnum.Headless:
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
@@ -10314,46 +10374,79 @@ const BreakLineStyle = "b1vtjd4k";
 const LinkStyle$2 = "luro4rx";
 const ShowLinkStyle = "s1gydjqf";
 const DashedUnderlineSpanStyle = "dvp1i89";
+const AccessAddressStyle = "azmggeh";
+const ServiceAccessAddress = ({
+  children,
+  copyValue
+}) => {
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("span", {
+    className: AccessAddressStyle,
+    children: [children, /* @__PURE__ */ common.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__ */ common.jsxRuntimeExports.jsx(React.Fragment, {
+      children: items[i2]
+    }, `item-${i2}`));
+    if (i2 < items.length - 1) {
+      result.push(/* @__PURE__ */ common.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
   } = common.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__ */ common.jsxRuntimeExports.jsx(eagle.Link, {
-          href: `http://${clusterVip}:${p.nodePort}`,
-          target: "_blank",
-          className: common.cx_default(ShowLinkStyle, eagle.Typo.Label.l4_regular_title),
-          children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tooltip, {
-            title: i18n2.t("dovetail.default_http_protocol_tooltip"),
-            children: /* @__PURE__ */ common.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__ */ common.jsxRuntimeExports.jsx(eagle.Link, {
+            href: `http://${address}`,
+            target: "_blank",
+            className: common.cx_default(ShowLinkStyle, eagle.Typo.Label.l4_regular_title),
+            children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tooltip, {
+              title: i18n2.t("dovetail.default_http_protocol_tooltip"),
+              children: /* @__PURE__ */ common.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__ */ common.jsxRuntimeExports.jsx(ServiceAccessAddress, {
+            copyValue: address,
+            children: link
+          }, p.name || p.nodePort);
+        });
+        if (content && content instanceof Array) {
+          content = renderAccessItems(content, ", ");
         }
         break;
       }
@@ -10376,15 +10469,31 @@ const ServiceOutClusterAccessComponent = ({
         children: content
       });
     case ServiceTypeEnum.ExternalName:
+      if (showCopyButton) {
+        content = renderAccessItems(((_c = spec.externalIPs) == null ? void 0 : _c.map((ip) => /* @__PURE__ */ common.jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: ip,
+          children: ip
+        }, ip))) || [], breakLine ? "\n" : ", ");
+        break;
+      }
       content = /* @__PURE__ */ common.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__ */ common.jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: ip,
+          children: ip
+        }, ip))) || [], breakLine ? "\n" : ", ");
+        break;
+      }
       content = /* @__PURE__ */ common.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" : ", ")
       });
@@ -10411,7 +10520,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_1es4s7t = "";
+const index_1l1kti4 = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10677,42 +10786,48 @@ function immutableSet(obj, path2, value2) {
   return lodashEs.setWith(lodashEs.clone(obj), path2, value2, lodashEs.clone);
 }
 function usePathMap(options) {
-  const { pathMap, transformInitValues: transformInitValuesFromOptions, transformApplyValues: transformApplyValuesFromOptions } = options;
-  const transformInitValues = React.useCallback((values) => {
-    const initValues = values._rawYaml || values;
-    let result = initValues;
-    for (const { from, to } of pathMap || []) {
-      result = immutableSet(initValues, to, lodashEs.get(initValues, from));
-      const fromPath = [...from];
-      const lastKey = fromPath.pop();
-      if (lastKey) {
-        const obj = lodashEs.get(result, fromPath);
-        if (obj && typeof obj === "object") {
-          delete obj[lastKey];
-        }
-      }
-    }
-    return (transformInitValuesFromOptions == null ? void 0 : transformInitValuesFromOptions(result)) || result;
-  }, [transformInitValuesFromOptions, pathMap]);
-  const transformApplyValues = React.useCallback((values) => {
-    let result = values;
-    for (const { from, to } of pathMap || []) {
-      result = immutableSet(
-        values,
-        from,
-        lodashEs.get(result, to)
-      );
-      const toPath = [...to];
-      const lastKey = toPath.pop();
-      if (lastKey) {
-        const obj = lodashEs.get(result, toPath);
-        if (obj && typeof obj === "object") {
-          delete obj[lastKey];
+  const {
+    pathMap,
+    transformInitValues: transformInitValuesFromOptions,
+    transformApplyValues: transformApplyValuesFromOptions
+  } = options;
+  const transformInitValues = React.useCallback(
+    (values) => {
+      const initValues = values._rawYaml || values;
+      let result = initValues;
+      for (const { from, to } of pathMap || []) {
+        result = immutableSet(initValues, to, lodashEs.get(initValues, from));
+        const fromPath = [...from];
+        const lastKey = fromPath.pop();
+        if (lastKey) {
+          const obj = lodashEs.get(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 = React.useCallback(
+    (values) => {
+      let result = values;
+      for (const { from, to } of pathMap || []) {
+        result = immutableSet(values, from, lodashEs.get(result, to));
+        const toPath = [...to];
+        const lastKey = toPath.pop();
+        if (lastKey) {
+          const obj = lodashEs.get(result, toPath);
+          if (obj && typeof obj === "object") {
+            delete obj[lastKey];
+          }
+        }
+      }
+      return (transformApplyValuesFromOptions == null ? void 0 : transformApplyValuesFromOptions(result)) || result;
+    },
+    [transformApplyValuesFromOptions, pathMap]
+  );
   return {
     transformInitValues,
     transformApplyValues
@@ -10775,278 +10890,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 = React.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 } = common.useTranslation();
-    const [isCollapsed, setIsCollapsed] = React.useState(
-      collapsable ? isDefaultCollapsed : false
-    );
-    const [isDiff, setIsDiff] = React.useState(false);
-    const [_value, _setValue] = React.useState(value2 || defaultValue);
-    const editorInstance = React.useRef();
-    const [copyTooltip, setCopyTooltip] = React.useState(t2("dovetail.copy"));
-    const [resetTooltip, setResetTooltip] = React.useState(t2("dovetail.reset_arguments"));
-    const defaultValueString = React.useMemo(() => {
-      if (typeof defaultValue === "string") {
-        return defaultValue;
-      }
-      return yaml$2.dump(defaultValue);
-    }, [defaultValue]);
-    const _valueString = React.useMemo(() => {
-      if (typeof _value === "string") {
-        return _value;
-      }
-      return yaml$2.dump(_value);
-    }, [_value]);
-    const onChange = React.useCallback(
-      (newVal) => {
-        var _a;
-        _setValue(newVal);
-        (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
-      },
-      [props.onChange]
-    );
-    const finalOnChange = React.useMemo(() => {
-      return debounceTime ? lodashEs.debounce(onChange, debounceTime) : onChange;
-    }, [onChange, debounceTime]);
-    const onValidate = React.useCallback(
-      (valid, schemaValid) => {
-        var _a;
-        (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
-      },
-      [props.onValidate]
-    );
-    const onEditorCreate = React.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 = React.useCallback((ins) => {
-      editorInstance.current = ins;
-    }, []);
-    const getEditorValue = React.useCallback(() => {
+const YamlEditorComponent = React.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 } = common.useTranslation();
+  const [isCollapsed, setIsCollapsed] = React.useState(
+    collapsable ? isDefaultCollapsed : false
+  );
+  const [isDiff, setIsDiff] = React.useState(false);
+  const [_value, _setValue] = React.useState(value2 || defaultValue);
+  const editorInstance = React.useRef();
+  const [copyTooltip, setCopyTooltip] = React.useState(t2("dovetail.copy"));
+  const [resetTooltip, setResetTooltip] = React.useState(t2("dovetail.reset_arguments"));
+  const defaultValueString = React.useMemo(() => {
+    if (typeof defaultValue === "string") {
+      return defaultValue;
+    }
+    return yaml$2.dump(defaultValue);
+  }, [defaultValue]);
+  const _valueString = React.useMemo(() => {
+    if (typeof _value === "string") {
+      return _value;
+    }
+    return yaml$2.dump(_value);
+  }, [_value]);
+  const onChange = React.useCallback(
+    (newVal) => {
       var _a;
-      return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
-    }, []);
-    React.useEffect(() => {
-      var _a, _b;
-      if (value2 !== void 0 && !lodashEs.isEqual(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 = React.useMemo(() => {
+    return debounceTime ? lodashEs.debounce(onChange, debounceTime) : onChange;
+  }, [onChange, debounceTime]);
+  const onValidate = React.useCallback(
+    (valid, schemaValid) => {
+      var _a;
+      (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
+    },
+    [props.onValidate]
+  );
+  const onEditorCreate = React.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]);
-    React.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__ */ common.jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: common.cx_default(WrapperStyle$4, className),
-        "data-is-error": !!errorMsgs.length,
-        ref: eleRef,
-        children: [
-          /* @__PURE__ */ common.jsxRuntimeExports.jsxs(
-            eagle.Space,
-            {
-              className: common.cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
-              direction: "vertical",
-              size: 0,
-              children: [
-                /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { className: ToolBarHeaderStyle, children: [
-                  /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 8, children: [
-                    collapsable && /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                      eagle.Icon,
-                      {
-                        src: iconsReact.HierarchyTriangleRight16GrayIcon,
-                        hoverSrc: iconsReact.HierarchyTriangleRight16BlueIcon,
-                        className: common.cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
-                        iconWidth: 16,
-                        iconHeight: 16,
-                        onClick: () => setIsCollapsed(!isCollapsed)
-                      }
-                    ),
-                    /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { className: common.cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
-                  ] }),
-                  isHideActions ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
-                    isDiff ? void 0 : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
-                      /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                        eagle.Tooltip,
-                        {
-                          title: isCollapsed ? "" : copyTooltip,
-                          onVisibleChange: (visible) => {
-                            if (!visible) {
-                              setTimeout(() => {
-                                setCopyTooltip(t2("dovetail.copy"));
-                              }, 80);
-                            }
-                          },
-                          children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                            eagle.Icon,
-                            {
-                              "data-disabled": isCollapsed,
-                              src: iconsReact.ClipboardCopy16GradientGrayIcon,
-                              hoverSrc: isCollapsed ? void 0 : iconsReact.ClipboardCopy16GradientBlueIcon,
-                              className: IconStyle,
-                              iconWidth: 16,
-                              iconHeight: 16,
-                              onClick: () => {
-                                if (!isCollapsed) {
-                                  copyToClipboard(getEditorValue());
-                                  setCopyTooltip(t2("dovetail.copied"));
-                                }
-                              }
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ common.jsxRuntimeExports.jsx(Separator, {}),
-                      /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                        eagle.Tooltip,
-                        {
-                          title: isCollapsed ? "" : resetTooltip,
-                          onVisibleChange: (visible) => {
-                            if (!visible) {
-                              setTimeout(() => {
-                                setResetTooltip(t2("dovetail.reset_arguments"));
-                              }, 80);
-                            }
-                          },
-                          children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                            eagle.Icon,
-                            {
-                              "data-disabled": isCollapsed,
-                              src: iconsReact.Retry16GradientGrayIcon,
-                              hoverSrc: isCollapsed ? void 0 : iconsReact.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__ */ common.jsxRuntimeExports.jsx(Separator, {})
-                    ] }),
+      (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
+    },
+    [_value, props.onEditorCreate]
+  );
+  const getInstance = React.useCallback((ins) => {
+    editorInstance.current = ins;
+  }, []);
+  const getEditorValue = React.useCallback(() => {
+    var _a;
+    return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
+  }, []);
+  React.useEffect(() => {
+    var _a, _b;
+    if (value2 !== void 0 && !lodashEs.isEqual(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]);
+  React.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__ */ common.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: common.cx_default(WrapperStyle$4, className),
+      "data-is-error": !!errorMsgs.length,
+      ref: eleRef,
+      children: [
+        /* @__PURE__ */ common.jsxRuntimeExports.jsxs(
+          eagle.Space,
+          {
+            className: common.cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
+            direction: "vertical",
+            size: 0,
+            children: [
+              /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { className: ToolBarHeaderStyle, children: [
+                /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 8, children: [
+                  collapsable && /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                    eagle.Icon,
+                    {
+                      src: iconsReact.HierarchyTriangleRight16GrayIcon,
+                      hoverSrc: iconsReact.HierarchyTriangleRight16BlueIcon,
+                      className: common.cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
+                      iconWidth: 16,
+                      iconHeight: 16,
+                      onClick: () => setIsCollapsed(!isCollapsed)
+                    }
+                  ),
+                  /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { className: common.cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
+                ] }),
+                isHideActions ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
+                  isDiff ? void 0 : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
                     /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                       eagle.Tooltip,
                       {
-                        title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
-                        children: isDiff ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                        title: isCollapsed ? "" : copyTooltip,
+                        onVisibleChange: (visible) => {
+                          if (!visible) {
+                            setTimeout(() => {
+                              setCopyTooltip(t2("dovetail.copy"));
+                            }, 80);
+                          }
+                        },
+                        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                           eagle.Icon,
                           {
                             "data-disabled": isCollapsed,
-                            src: iconsReact.EditPen16GradientGrayIcon,
-                            hoverSrc: isCollapsed ? void 0 : iconsReact.EditPen16GradientBlueIcon,
+                            src: iconsReact.ClipboardCopy16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : iconsReact.ClipboardCopy16GradientBlueIcon,
                             className: IconStyle,
                             iconWidth: 16,
                             iconHeight: 16,
-                            onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                            onClick: () => {
+                              if (!isCollapsed) {
+                                copyToClipboard(getEditorValue());
+                                setCopyTooltip(t2("dovetail.copied"));
+                              }
+                            }
                           }
-                        ) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ common.jsxRuntimeExports.jsx(Separator, {}),
+                    /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                      eagle.Tooltip,
+                      {
+                        title: isCollapsed ? "" : resetTooltip,
+                        onVisibleChange: (visible) => {
+                          if (!visible) {
+                            setTimeout(() => {
+                              setResetTooltip(t2("dovetail.reset_arguments"));
+                            }, 80);
+                          }
+                        },
+                        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                           eagle.Icon,
                           {
                             "data-disabled": isCollapsed,
-                            src: iconsReact.Showdiff16GradientGrayIcon,
-                            hoverSrc: isCollapsed ? void 0 : iconsReact.Showdiff16GradientBlueIcon,
+                            src: iconsReact.Retry16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : iconsReact.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__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
-                  /* @__PURE__ */ common.jsxRuntimeExports.jsx(iconsReact.XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle$1 }),
-                  /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ common.jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
-                    errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
-                    errorMsg
-                  ] }, errorMsg)) })
-                ] }) : void 0
-              ]
-            }
-          ),
-          /* @__PURE__ */ common.jsxRuntimeExports.jsxs(
-            "div",
-            {
-              style: {
-                display: isCollapsed ? "none" : "block",
-                width: "100%",
-                height: height || "500px",
-                zIndex: 1
-              },
-              children: [
-                /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                  MonacoYamlEditor$3,
-                  {
-                    id: props.id,
-                    getInstance,
-                    defaultValue: _value,
-                    height,
-                    onChange: finalOnChange,
-                    onValidate,
-                    onEditorCreate,
-                    onBlur: props.onBlur,
-                    schemas,
-                    readOnly,
-                    isScrollOnFocus
-                  }
-                ) }) }),
-                isDiff ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-                  MonacoYamlDiffEditor$2,
-                  {
-                    id: props.id,
-                    origin: defaultValueString,
-                    modified: _valueString,
-                    height
-                  }
-                ) }) : null
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+                    ),
+                    /* @__PURE__ */ common.jsxRuntimeExports.jsx(Separator, {})
+                  ] }),
+                  /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                    eagle.Tooltip,
+                    {
+                      title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
+                      children: isDiff ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                        eagle.Icon,
+                        {
+                          "data-disabled": isCollapsed,
+                          src: iconsReact.EditPen16GradientGrayIcon,
+                          hoverSrc: isCollapsed ? void 0 : iconsReact.EditPen16GradientBlueIcon,
+                          className: IconStyle,
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                        }
+                      ) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                        eagle.Icon,
+                        {
+                          "data-disabled": isCollapsed,
+                          src: iconsReact.Showdiff16GradientGrayIcon,
+                          hoverSrc: isCollapsed ? void 0 : iconsReact.Showdiff16GradientBlueIcon,
+                          className: IconStyle,
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] }),
+              errorMsgs.length ? /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                /* @__PURE__ */ common.jsxRuntimeExports.jsx(iconsReact.XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle$1 }),
+                /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ common.jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
+                  errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
+                  errorMsg
+                ] }, errorMsg)) })
+              ] }) : void 0
+            ]
+          }
+        ),
+        /* @__PURE__ */ common.jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              display: isCollapsed ? "none" : "block",
+              width: "100%",
+              height: height || "500px",
+              zIndex: 1
+            },
+            children: [
+              /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                MonacoYamlEditor$3,
+                {
+                  id: props.id,
+                  getInstance,
+                  defaultValue: _value,
+                  height,
+                  onChange: finalOnChange,
+                  onValidate,
+                  onEditorCreate,
+                  onBlur: props.onBlur,
+                  schemas,
+                  readOnly,
+                  isScrollOnFocus
+                }
+              ) }) }),
+              isDiff ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                MonacoYamlDiffEditor$2,
+                {
+                  id: props.id,
+                  origin: defaultValueString,
+                  modified: _valueString,
+                  height
+                }
+              ) }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
 function copyToClipboard(text) {
   const input = document.createElement("textarea");
   input.value = text;
@@ -11119,14 +11232,7 @@ function use409Retry({
 function useK8sYamlEditor() {
   const foldSymbol = React.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) {
@@ -11140,19 +11246,22 @@ function useK8sYamlEditor() {
       }
     });
   }, []);
-  const fold2 = React.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 = React.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
   };
@@ -11349,7 +11458,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 = React.useMemo(() => {
     return lodashEs.uniq([...editorErrors, ...rulesErrors]);
   }, [editorErrors, rulesErrors]);
@@ -11466,13 +11582,16 @@ const useYamlForm = ({
             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;
@@ -11812,6 +11931,7 @@ function RawYamlFormModal(props) {
     },
     okText: ((_c = resourceConfig.formConfig) == null ? void 0 : _c.saveButtonText) || okText,
     destroyOnClose: true,
+    isContentFull: true,
     children: [desc ? /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
       className: FormDescStyle$1,
       children: desc
@@ -11854,8 +11974,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__ */ common.jsxRuntimeExports.jsx(
                 RawYamlFormModal,
                 {
@@ -11868,7 +11989,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__ */ common.jsxRuntimeExports.jsx(
               ModalComponent,
               {
@@ -12388,34 +12509,6 @@ function CreateButton(props) {
     }
   );
 }
-const useDeleteManyModal = (resource, ids) => {
-  const { mutate } = core.useDeleteMany();
-  const [visible, setVisible] = React.useState(false);
-  const { t: t2 } = common.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 } = core.useResource();
   const { t: t2 } = common.useTranslation();
@@ -12719,94 +12812,109 @@ const ResourceLink = (props) => {
     value: ""
   });
 };
-const IngressRulesTable = ({ ingress }) => {
-  const { t: t2 } = common.useTranslation();
-  const { data: serviceData } = core.useList({
+const IngressRulesTable_1nylejt = "";
+const PathCellStyle = "pmi0ggi";
+const PathTextStyle = "p1gmjxeo";
+const PathCopyStyle = "p1379cb5";
+const IngressRulesTable = ({
+  ingress: ingress2
+}) => {
+  const {
+    t: t2
+  } = common.useTranslation();
+  const {
+    data: serviceData
+  } = core.useList({
     resource: "services",
     meta: {
       kind: "Service",
       apiVersion: "v1"
     }
   });
-  const flattenedRules = React.useMemo(
-    () => (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [],
-    [serviceData == null ? void 0 : serviceData.data, ingress]
-  );
+  const flattenedRules = React.useMemo(() => (serviceData == null ? void 0 : serviceData.data) ? ingress2.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [], [serviceData == null ? void 0 : serviceData.data, ingress2]);
   const rows = React.useMemo(() => {
     return addId(flattenedRules || [], "fullPath");
   }, [flattenedRules]);
   const component = React.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__ */ common.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__ */ common.jsxRuntimeExports.jsx(
-          ResourceLink,
-          {
-            resourceName: "services",
-            namespace: ingress.metadata.namespace || "default",
-            name: serviceName
-          }
-        ) : /* @__PURE__ */ common.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__ */ common.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__ */ common.jsxRuntimeExports.jsx(
-          ResourceLink,
-          {
-            resourceName: "secrets",
-            namespace: ingress.metadata.namespace || "default",
-            name: secretName
-          }
-        ) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
-      },
-      sortable: true
+      return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+        className: PathCellStyle,
+        children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+          className: PathTextStyle,
+          children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(LinkFallback, {
+            fullPath: value2
+          })
+        }), /* @__PURE__ */ common.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__ */ common.jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "services",
+        namespace: ingress2.metadata.namespace || "default",
+        name: serviceName
+      }) : /* @__PURE__ */ common.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__ */ common.jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "secrets",
+        namespace: ingress2.metadata.namespace || "default",
+        name: secretName
+      }) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+        value: ""
+      });
+    },
+    sortable: true
+  }];
   const {
     data: finalData,
     currentPage,
@@ -12817,31 +12925,27 @@ const IngressRulesTable = ({ ingress }) => {
     data: rows
   });
   if ((rows == null ? void 0 : rows.length) === 0) {
-    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-      WidgetErrorContent,
-      {
-        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }),
-        type: ErrorContentType.List
-      }
-    );
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: t2("dovetail.no_resource", {
+        kind: t2("dovetail.rule")
+      }),
+      type: ErrorContentType.List
+    });
   }
-  return /* @__PURE__ */ common.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__ */ common.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";
@@ -12970,9 +13074,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;
@@ -13729,7 +13831,7 @@ const StateTag = (props) => {
     }
   );
 };
-const WorkloadPodsTable_975j2t = "";
+const WorkloadPodsTable_a750q3 = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
@@ -13765,14 +13867,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
-        }]
+        ]
       }
     }
   });
@@ -14248,7 +14352,8 @@ const ServiceOutClusterAccessField = (clusterVip) => ({
       service: record,
       breakLine: false,
       clusterVip,
-      showDashedUnderline: false
+      showDashedUnderline: false,
+      showCopyButton: true
     });
   }
 });
@@ -14266,14 +14371,14 @@ const PodSelectorField = () => ({
 const PortsTableField = () => ({
   key: "ports",
   path: [],
-  renderContent: (_, service) => {
+  renderContent: (_, service2) => {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
       style: {
         padding: "0 24px",
         height: "100%"
       },
       children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(PortsTable, {
-        service
+        service: service2
       })
     });
   }
@@ -14970,11 +15075,11 @@ const NetworkPolicyIngressRulesTab = ({
       fields: [{
         key: "Ingress",
         path: ["spec", "ingress"],
-        render: (ingress) => {
+        render: (ingress2) => {
           return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
             className: NetworkPolicyRulesViewerStyle,
             children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(NetworkPolicyRulesViewer, {
-              ingressOrEgress: ingress
+              ingressOrEgress: ingress2
             })
           });
         }
@@ -15049,7 +15154,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"
+          );
         }
       },
       {
@@ -15079,10 +15186,12 @@ const PodContainersTable = ({
     [i18n2, initContainerStatuses]
   );
   const dataSource = React.useMemo(
-    () => addId(containerStatuses.concat(initContainerStatuses), "containerID").map((container2) => ({
-      ...container2,
-      startedAt: lodashEs.get(container2, ["state", "running", "startedAt"]) || lodashEs.get(container2, ["state", "terminated", "startedAt"])
-    })),
+    () => addId(containerStatuses.concat(initContainerStatuses), "containerID").map(
+      (container2) => ({
+        ...container2,
+        startedAt: lodashEs.get(container2, ["state", "running", "startedAt"]) || lodashEs.get(container2, ["state", "terminated", "startedAt"])
+      })
+    ),
     [containerStatuses, initContainerStatuses]
   );
   const {
@@ -15093,10 +15202,12 @@ const PodContainersTable = ({
   } = useTableData({
     data: dataSource,
     columns,
-    defaultSorters: [{
-      field: "startedAt",
-      order: "desc"
-    }]
+    defaultSorters: [
+      {
+        field: "startedAt",
+        order: "desc"
+      }
+    ]
   });
   if (dataSource.length === 0) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
@@ -15114,7 +15225,9 @@ const PodContainersTable = ({
       loading: false,
       data: finalData,
       total: dataSource.length,
-      columns: addDefaultRenderToColumns(columns),
+      columns: addDefaultRenderToColumns(
+        columns
+      ),
       rowKey: "containerID",
       error: false,
       defaultSize: currentSize,
@@ -15237,11 +15350,11 @@ const NetworkPolicyIngressRulesGroup = (i18n2) => ({
         {
           key: "Ingress",
           path: ["spec", "ingress"],
-          renderContent: (ingress) => {
+          renderContent: (ingress2) => {
             return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
               NetworkPolicyRulesViewer,
               {
-                ingressOrEgress: ingress,
+                ingressOrEgress: ingress2,
                 kind: ` ${i18n2.t("dovetail.ingress_rule")}`
               }
             );
@@ -15295,7 +15408,7 @@ function Tabs(props) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_11vyp5a = "";
+const ShowContentView_szlndu = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -15739,7 +15852,7 @@ function ReplicasDropdown(props) {
   ] });
 }
 const PodShell = React.lazy(
-  () => Promise.resolve().then(() => require("./PodShell-43c7028e.cjs")).then((module2) => ({ default: module2.PodShell }))
+  () => Promise.resolve().then(() => require("./PodShell-a335b2b2.cjs")).then((module2) => ({ default: module2.PodShell }))
 );
 function PodShellModal(props) {
   const { pod: pod2 } = props;
@@ -16086,9 +16199,9 @@ function ResourceShow(props) {
     }
   );
 }
-const button_1v659kh = "";
+const button_a1727f = "";
 const WarningButtonStyle = "wwyz7ti";
-const modal_1eijuvm = "";
+const modal_1muog24 = "";
 const SmallModalStyle = "s1nc293e";
 const ExtraSubmitFooter_15u4r8u = "";
 const FooterStyle = "f16wn4bu";
@@ -17053,6 +17166,7 @@ const useForm = ({
   const [transformedInitValues, setTransformedInitValues] = React.useState(useHookFormResult.getValues());
   const [beforeSubmitErrors, setBeforeSubmitErrors] = React.useState([]);
   const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = React.useState(false);
+  const hasAppliedInitialDataRef = React.useRef(false);
   const {
     watch,
     setValue,
@@ -17105,7 +17219,7 @@ const useForm = ({
   }, [captureInitialResource, (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data]);
   React.useEffect(() => {
     var _a2;
-    if (formState.isDirty)
+    if (hasAppliedInitialDataRef.current || formState.isDirty)
       return;
     const data2 = (_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data;
     if (!data2)
@@ -17123,6 +17237,7 @@ const useForm = ({
         });
       }
     });
+    hasAppliedInitialDataRef.current = true;
     setTransformedInitValues(getValues());
   }, [queryResult == null ? void 0 : queryResult.data, setValue, transformInitValues, formState.isDirty, getValues]);
   React.useEffect(() => {
@@ -17781,31 +17896,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__ */ common.jsxRuntimeExports.jsx(eagle.Icon, { src: suspended ? iconsReact.RecoverContinue16GradientBlueIcon : iconsReact.Pause16GradientBlueIcon, children: t2(suspended ? "dovetail.resume" : "dovetail.suspend") })
+      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+        eagle.Icon,
+        {
+          src: suspended ? iconsReact.RecoverContinue16GradientBlueIcon : iconsReact.Pause16GradientBlueIcon,
+          children: t2(suspended ? "dovetail.resume" : "dovetail.suspend")
+        }
+      )
     }
   ) : null });
 }
@@ -18322,7 +18449,9 @@ const DeleteButton = () => {
   const { resource } = core.useResource();
   const { id } = core.useParsed();
   const { t: t2 } = common.useTranslation();
-  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: (resource == null ? void 0 : resource.name) || "" });
+  const { openDeleteConfirmModal } = useDeleteModal({
+    resourceName: (resource == null ? void 0 : resource.name) || ""
+  });
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(common.jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
     eagle.Button,
     {
@@ -18333,7 +18462,7 @@ const DeleteButton = () => {
     }
   ) });
 };
-const index_1tehui8 = "";
+const index_e6cgji = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
   const {
@@ -19470,9 +19599,9 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
   });
   const nodePortsFromOtherServices = React.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 = React.useMemo(() => {
@@ -19665,7 +19794,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
     }
   );
 });
-const IngressRulesComponent = ({ ingress, noLink }) => {
+const IngressRulesComponent = ({ ingress: ingress2, noLink }) => {
   const { data: serviceData } = core.useList({
     resource: "services",
     meta: {
@@ -19673,12 +19802,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;
@@ -19699,7 +19828,7 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
               ResourceLink,
               {
                 resourceName: "services",
-                namespace: ingress.metadata.namespace || "default",
+                namespace: ingress2.metadata.namespace || "default",
                 name: r2.serviceName
               }
             ),
@@ -19714,7 +19843,7 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
               ResourceLink,
               {
                 resourceName: "secrets",
-                namespace: ingress.metadata.namespace || "default",
+                namespace: ingress2.metadata.namespace || "default",
                 name: secretName
               }
             )
@@ -20083,7 +20212,10 @@ function ServiceOutClusterAccessTitle() {
     })
   });
 }
-const ServiceOutClusterAccessColumnRenderer = (clusterVip) => {
+const ServiceOutClusterAccessColumnRenderer = (_i18n, options) => {
+  const {
+    clusterVip
+  } = options;
   return {
     key: "outClusterAccess",
     title: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
@@ -20123,10 +20255,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",
@@ -20587,39 +20717,45 @@ const Dovetail = (props) => {
       antd4Configs: {
         getPopupContainer: antdGetPopupContainer || (() => document.body)
       },
-      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: globalStoreMap, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-        core.Refine,
+      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+        GlobalStoreContext.Provider,
         {
-          dataProvider: k8sApiProvider.dataProvider(globalStoreMap.default),
-          liveProvider: k8sApiProvider.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__ */ common.jsxRuntimeExports.jsx(
+            core.Refine,
+            {
+              dataProvider: k8sApiProvider.dataProvider(globalStoreMap.default),
+              liveProvider: k8sApiProvider.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
+            }
+          )
         }
-      ) })
+      )
     }
   ) }) }) }) });
 };
@@ -20680,8 +20816,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();
@@ -20786,12 +20922,14 @@ exports.ClusterIpField = ClusterIpField;
 exports.ColumnKeys = ColumnKeys;
 exports.CommonSorter = CommonSorter;
 exports.ComponentContext = ComponentContext;
+exports.ComponentContextProvider = ComponentContextProvider;
 exports.ConditionsField = ConditionsField;
 exports.ConditionsGroup = ConditionsGroup;
 exports.ConditionsTab = ConditionsTab;
 exports.ConditionsTable = ConditionsTable;
 exports.ConfigsContext = ConfigsContext;
 exports.ControllerRevisionModel = ControllerRevisionModel;
+exports.CopyButton = CopyButton;
 exports.CreateButton = CreateButton;
 exports.CronJobDropdown = CronJobDropdown;
 exports.CronJobModel = CronJobModel;
@@ -20819,7 +20957,7 @@ exports.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
 exports.EditLabelForm = EditLabelForm;
 exports.EditNodeTaintDropdownMenuItem = EditNodeTaintDropdownMenuItem;
 exports.EditNodeTaintForm = EditNodeTaintForm;
-exports.ErrorContent = WidgetErrorContent;
+exports.ErrorContent = ErrorContent;
 exports.ErrorContentType = ErrorContentType;
 exports.ErrorWrapper = ErrorWrapper;
 exports.EventModel = EventModel;
@@ -21028,6 +21166,7 @@ exports.TextTags = TextTags;
 exports.Time = Time;
 exports.ValidateRfc1035Name = ValidateRfc1035Name;
 exports.ValueDisplay = index;
+exports.WidgetErrorContent = WidgetErrorContent;
 exports.WorkloadBaseModel = WorkloadBaseModel;
 exports.WorkloadDropdown = WorkloadDropdown;
 exports.WorkloadImageColumnRenderer = WorkloadImageColumnRenderer;
@@ -21038,7 +21177,6 @@ exports.WorkloadReplicasForm = WorkloadReplicasForm;
 exports.YamlEditorComponent = YamlEditorComponent;
 exports.YamlForm = YamlForm;
 exports.addDefaultRenderToColumns = addDefaultRenderToColumns;
-exports.dnsSubDomainRules = dnsSubDomainRules;
 exports.dovetailRefineI18n = dovetailRefineI18n;
 exports.generateSchemaTypeValue = generateSchemaTypeValue;
 exports.generateValueFromSchema = generateValueFromSchema;
@@ -21052,12 +21190,11 @@ exports.pruneBeforeEdit = pruneBeforeEdit;
 exports.relationPlugin = relationPlugin;
 exports.renderCommonFormFiled = renderCommonFormFiled;
 exports.resolveRef = resolveRef;
-exports.rfc1035LabelRules = rfc1035LabelRules;
-exports.rfc1123LabelRules = rfc1123LabelRules;
 exports.routerProvider = routerProvider;
 exports.shortenedImage = shortenedImage;
 exports.transformResourceKindInSentence = transformResourceKindInSentence;
 exports.useApiGroupSchema = useApiGroupSchema;
+exports.useDeleteManyModal = useDeleteManyModal;
 exports.useDeleteModal = useDeleteModal;
 exports.useDeleteModalOnly = useDeleteModalOnly;
 exports.useDownloadYAML = useDownloadYAML;