@dovetail-v2/refine 0.4.3 → 0.4.5

package/dist/refine.js

@@ -7,17 +7,18 @@ var __publicField = (obj, key2, value2) => {
 import dayjs from "dayjs";
 import i18n from "i18next";
 import { w as warnOnce, g as getDefaults, a as warn, b as getI18n, s as setDefaults, d as setI18n, I as I18nContext, j as jsxRuntimeExports, u as useTranslation, c as cx_default, S as SocketStatus } from "./common-241b21f8.js";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useForm as useForm$2, pickNotDeprecated, useWarnAboutChange, useParsed, useGo, useCan, useTable, useDeleteMany, useShow, useRefineContext, useTranslate, flattenObjectKeys, useMenu, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDeleteMany, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useForm as useForm$2, pickNotDeprecated, useWarnAboutChange, useParsed, useGo, useCan, useTable, useShow, useRefineContext, useTranslate, flattenObjectKeys, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, forwardRef, Suspense, lazy, memo } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, OverflowTooltip, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, Tooltip, Divider, Icon, Dropdown, Menu as Menu$1, LegacyModal, StatusCapsule, Popover, AntdTable, Upload, TableForm, ValidateTriggerType, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
-import { HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronLeft16BoldBlueIcon, ExclamationErrorCircleFill16RedIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
+import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, OverflowTooltip, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Tooltip, Icon, Link as Link$1, Divider, Dropdown, Menu as Menu$1, LegacyModal, StatusCapsule, Popover, AntdTable, Upload, TableForm, ValidateTriggerType, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronLeft16BoldBlueIcon, ExclamationErrorCircleFill16RedIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$2, cloneDeep, set, setWith, clone, debounce, isEqual as isEqual$1, omit as omit$1, isObject as isObject$4, uniq, merge, last, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
 import { useForm as useForm$1 } from "sunflower-antd";
 import { useLocalStorage } from "usehooks-ts";
 import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
+import copyToClipboard$1 from "copy-to-clipboard";
 import { LogViewer } from "@patternfly/react-log-viewer";
 import { Controller, useForm as useForm$3 } from "react-hook-form";
 import * as monaco from "monaco-editor";
@@ -437,6 +438,18 @@ function Trans(_ref) {
     ...additionalProps
   });
 }
+const add_container$1 = "Add container";
+const container_index$1 = "Container {{index}}";
+const container_name$1 = "Container name";
+const container_image$1 = "Container image";
+const advanced_settings$1 = "Advanced settings";
+const app$1 = {
+  add_container: add_container$1,
+  container_index: container_index$1,
+  container_name: container_name$1,
+  container_image: container_image$1,
+  advanced_settings: advanced_settings$1
+};
 const copy$1 = "Copy";
 const reset_arguments$1 = "Reset";
 const view_changes$1 = "Show diff";
@@ -604,7 +617,7 @@ const available_state$1 = "Available";
 const bound_state$1 = "Bound";
 const released_state$1 = "Released";
 const failed_state$1 = "Failed";
-const exec_pod = "Execute shell";
+const exec_pod$1 = "Execute shell";
 const search$1 = "Search";
 const edit_label$1 = "Edit label";
 const csi$1 = "CSI driver";
@@ -717,6 +730,11 @@ const pause_scheduling$1 = "Suspend scheduling";
 const port_name$1 = "Port name";
 const target_port_range_limit$1 = "Only integers between 1 and 65535, or strings, are supported.";
 const service_port_name_tip$1 = "When the port count is 1, this field is optional; when it is greater than 1, this field is mandatory.";
+const network_error$1 = "Network error";
+const retry_when_access_data_failed$1 = "Failed to load data. Click to retry.";
+const service$1 = "Service";
+const ingress$1 = "Ingress";
+const fstype$1 = "Filesystem type";
 const dovetail$1 = {
   copy: copy$1,
   reset_arguments: reset_arguments$1,
@@ -888,7 +906,7 @@ const dovetail$1 = {
   bound_state: bound_state$1,
   released_state: released_state$1,
   failed_state: failed_state$1,
-  exec_pod,
+  exec_pod: exec_pod$1,
   search: search$1,
   edit_label: edit_label$1,
   csi: csi$1,
@@ -1000,11 +1018,29 @@ const dovetail$1 = {
   pause_scheduling: pause_scheduling$1,
   port_name: port_name$1,
   target_port_range_limit: target_port_range_limit$1,
-  service_port_name_tip: service_port_name_tip$1
+  service_port_name_tip: service_port_name_tip$1,
+  network_error: network_error$1,
+  retry_when_access_data_failed: retry_when_access_data_failed$1,
+  service: service$1,
+  ingress: ingress$1,
+  fstype: fstype$1
 };
 const EN = {
+  app: app$1,
   dovetail: dovetail$1
 };
+const add_container = "添加容器";
+const container_index = "容器 {{index}}";
+const container_name = "容器名称";
+const container_image = "容器镜像";
+const advanced_settings = "高级设置";
+const app = {
+  add_container,
+  container_index,
+  container_name,
+  container_image,
+  advanced_settings
+};
 const copy = "复制";
 const reset_arguments = "重置";
 const view_changes = "查看改动";
@@ -1284,6 +1320,12 @@ const no_labels = "无标签";
 const no_annotations = "无注解";
 const pause_scheduling = "暂停调度";
 const service_port_name_tip = "端口数量为 1 时，名称为选填项；大于 1 时，名称为必填项。";
+const exec_pod = "执行 Shell";
+const network_error = "网络错误";
+const retry_when_access_data_failed = "数据加载失败，点击重试。";
+const service = "服务";
+const ingress = "Ingress";
+const fstype = "文件系统类型";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1566,9 +1608,16 @@ const dovetail = {
   no_labels,
   no_annotations,
   pause_scheduling,
-  service_port_name_tip
+  service_port_name_tip,
+  exec_pod,
+  network_error,
+  retry_when_access_data_failed,
+  service,
+  ingress,
+  fstype
 };
 const ZH = {
+  app,
   dovetail
 };
 const resources = {
@@ -7300,9 +7349,7 @@ class K8sOpenAPI {
       return this.schemas;
     }
     try {
-      const response = await fetch(
-        `${this.pathPrefix}${this.resourceBasePath}`
-      );
+      const response = await fetch(`${this.pathPrefix}${this.resourceBasePath}`);
       const result = await response.json();
       this.schemas = Object.values(result.components.schemas);
       if (this.schemas) {
@@ -7374,33 +7421,42 @@ function useApiGroupSchema() {
     loading: false,
     error: null
   });
-  const fetchSchema = useCallback(async (apiGroups, schemaUrlPrefix) => {
-    setState((prev) => ({ ...prev, loading: true, error: null }));
-    try {
-      const results = await Promise.all(
-        apiGroups.map(async (apiGroup) => {
-          if (state2.schemasMap[apiGroup]) {
-            return { apiGroup, schemas: state2.schemasMap[apiGroup] };
-          }
-          const groupSchemas = await schemaStore.fetchSchemas(apiGroup, schemaUrlPrefix);
-          return { apiGroup, schemas: groupSchemas || [] };
-        })
-      );
-      const newSchemasMap = results.reduce((acc, { apiGroup, schemas }) => {
-        acc[apiGroup] = schemas;
-        return acc;
-      }, {});
-      const allSchemas = results.flatMap(({ schemas }) => schemas);
-      setState({
-        schemas: allSchemas,
-        schemasMap: newSchemasMap,
-        loading: false,
-        error: null
-      });
-    } catch (e2) {
-      setState((prev) => ({ ...prev, loading: false, error: e2 }));
-    }
-  }, [state2.schemasMap]);
+  const fetchSchema = useCallback(
+    async (apiGroups, schemaUrlPrefix) => {
+      setState((prev) => ({ ...prev, loading: true, error: null }));
+      try {
+        const results = await Promise.all(
+          apiGroups.map(async (apiGroup) => {
+            if (state2.schemasMap[apiGroup]) {
+              return { apiGroup, schemas: state2.schemasMap[apiGroup] };
+            }
+            const groupSchemas = await schemaStore.fetchSchemas(
+              apiGroup,
+              schemaUrlPrefix
+            );
+            return { apiGroup, schemas: groupSchemas || [] };
+          })
+        );
+        const newSchemasMap = results.reduce(
+          (acc, { apiGroup, schemas }) => {
+            acc[apiGroup] = schemas;
+            return acc;
+          },
+          {}
+        );
+        const allSchemas = results.flatMap(({ schemas }) => schemas);
+        setState({
+          schemas: allSchemas,
+          schemasMap: newSchemasMap,
+          loading: false,
+          error: null
+        });
+      } catch (e2) {
+        setState((prev) => ({ ...prev, loading: false, error: e2 }));
+      }
+    },
+    [state2.schemasMap]
+  );
   return { ...state2, fetchSchema };
 }
 function useSchema(options) {
@@ -7416,7 +7472,11 @@ function useSchema(options) {
     setLoading(true);
     setError(null);
     try {
-      const schema2 = await schemaStore.fetchSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix, (_b2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _b2.kind);
+      const schema2 = await schemaStore.fetchSchema(
+        (_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath,
+        schemaUrlPrefix,
+        (_b2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _b2.kind
+      );
       setSchema(schema2 || null);
       setError(null);
     } catch (e2) {
@@ -7437,6 +7497,34 @@ function useSchema(options) {
     fetchSchema
   };
 }
+const useDeleteManyModal = (resource, ids) => {
+  const { mutate } = useDeleteMany();
+  const [visible, setVisible] = useState(false);
+  const { t: t2 } = useTranslation();
+  const modalProps = {
+    title: t2("dovetail.delete"),
+    okText: t2("dovetail.delete"),
+    okButtonProps: {
+      danger: true
+    },
+    cancelText: t2("dovetail.cancel"),
+    children: t2("dovetail.confirm_delete_text", {
+      target: ids,
+      interpolation: { escapeValue: false }
+    }),
+    onOk() {
+      mutate({
+        resource,
+        ids
+      });
+      setVisible(false);
+    },
+    onCancel() {
+      setVisible(false);
+    }
+  };
+  return { modalProps, visible, setVisible };
+};
 const ConfigsContext = createContext({});
 function getCommonErrors(responseBody, i18n2) {
   var _a;
@@ -7480,12 +7568,16 @@ function getCommonErrors(responseBody, i18n2) {
   }
   return [
     i18n2.t(
-      [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+      [
+        `error.${responseBody.code}`,
+        `error.${responseBody.reason}`,
+        responseBody.message || ""
+      ],
       { fallbackLng: "" }
     )
   ];
 }
-const tag_18x9v7m = "";
+const tag_19ts6m8 = "";
 const StateTagStyle = "s82411";
 const NameTagStyle = "n9ja9cs";
 function shortenedImage(image2) {
@@ -7885,48 +7977,6 @@ function NameInputWidget(props) {
   const { action } = useResource();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...props, disabled: action === "edit" });
 }
-const dnsSubDomainRules = [
-  {
-    required: true,
-    message: "名称不能为空"
-  },
-  {
-    pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
-    message: "名称只能包含小写字母、数字，以及 '-' 和 '.'，且必须以字母或数字开头和结束"
-  },
-  {
-    max: 253,
-    message: "名称长度不能超过253个字符"
-  }
-];
-const rfc1123LabelRules = [
-  {
-    required: true,
-    message: "名称不能为空"
-  },
-  {
-    pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
-    message: "名称只能包含小写字母、数字，以及 '-'，且以字母或数字开头和结束"
-  },
-  {
-    max: 63,
-    message: "名称长度不能超过63个字符"
-  }
-];
-const rfc1035LabelRules = [
-  {
-    required: true,
-    message: "名称不能为空"
-  },
-  {
-    pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
-    message: "名称只能包含小写字母、数字，以及 '-'，且以字母开头，字母或数字结束"
-  },
-  {
-    max: 63,
-    message: "名称长度不能超过63个字符"
-  }
-];
 function NamespaceSelectWidget(props) {
   const { action } = useResource();
   const { data: data2 } = useList({
@@ -7988,10 +8038,13 @@ function KeyValueListWidget(props) {
   const onChange = useCallback(
     (newItems) => {
       var _a;
-      const newValue = newItems.reduce((result, item) => {
-        result[item.key] = item.value;
-        return result;
-      }, {});
+      const newValue = newItems.reduce(
+        (result, item) => {
+          result[item.key] = item.value;
+          return result;
+        },
+        {}
+      );
       (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
     },
     [props]
@@ -8037,7 +8090,7 @@ function KeyValueListWidget(props) {
 }
 function MetadataForm() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Name", name: ["metadata", "name"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Form.Item,
       {
@@ -8052,6 +8105,12 @@ function MetadataForm() {
   ] });
 }
 const ComponentContext = createContext({});
+function ComponentContextProvider({
+  value: value2,
+  children
+}) {
+  return React.createElement(ComponentContext.Provider, { value: value2 }, children);
+}
 const GlobalStoreContext = createContext({});
 const index_1s9fcl3 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
@@ -8059,8 +8118,8 @@ const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   class: "egn3dbn",
   propsAsIs: false
 });
-const ErrorContent = /* @__PURE__ */ styled_default("div")({
-  name: "ErrorContent",
+const ErrorContentBody = /* @__PURE__ */ styled_default("div")({
+  name: "ErrorContentBody",
   class: "e136jgy8",
   propsAsIs: false
 });
@@ -8071,7 +8130,7 @@ var ErrorContentType = /* @__PURE__ */ ((ErrorContentType2) => {
   ErrorContentType2["Item"] = "item";
   return ErrorContentType2;
 })(ErrorContentType || {});
-const WidgetErrorContent = (props) => {
+const ErrorContent = (props) => {
   const {
     refetch,
     errorText,
@@ -8107,7 +8166,7 @@ const WidgetErrorContent = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
     className: cx_default(props.className, type2),
     style: props.style,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContentBody, {
       className: "error-content",
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
         className: cx_default(fontMap[type2], "title", `${type2}-title`),
@@ -8177,7 +8236,7 @@ function Table$1(props) {
   if (loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
   } else if (error) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: t2("dovetail.retry_when_access_data_failed"),
       refetch,
       style: {
@@ -8185,7 +8244,7 @@ function Table$1(props) {
       }
     });
   } else if (dataSource.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
       style: {
         padding: "15px 0"
@@ -8215,21 +8274,31 @@ function Table$1(props) {
     })]
   });
 }
-function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
+function useTableData({
+  data: data2,
+  columns,
+  pageSize = 10,
+  defaultSorters
+}) {
   const [currentPage, setCurrentPage] = useState(1);
   const [sorters, setSorters] = useState(defaultSorters || []);
-  const onSorterChange = useCallback((order, key2) => {
-    var _a;
-    const ORDER_MAP = {
-      descend: "desc",
-      ascend: "asc"
-    };
-    const sorters2 = [{
-      field: (_a = columns.find((col) => col.key === key2)) == null ? void 0 : _a.dataIndex,
-      order: order ? ORDER_MAP[order] : order
-    }];
-    setSorters(sorters2);
-  }, [columns]);
+  const onSorterChange = useCallback(
+    (order, key2) => {
+      var _a;
+      const ORDER_MAP = {
+        descend: "desc",
+        ascend: "asc"
+      };
+      const sorters2 = [
+        {
+          field: (_a = columns.find((col) => col.key === key2)) == null ? void 0 : _a.dataIndex,
+          order: order ? ORDER_MAP[order] : order
+        }
+      ];
+      setSorters(sorters2);
+    },
+    [columns]
+  );
   return {
     data: paginateData(
       {
@@ -8284,7 +8353,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
   });
   if (datas.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
         type: ErrorContentType.Card
@@ -8309,7 +8378,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     }
   );
 };
-const PortsTable = ({ service }) => {
+const PortsTable = ({ service: service2 }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
   const Table2 = component.Table || Table$1;
@@ -8356,7 +8425,7 @@ const PortsTable = ({ service }) => {
       width: 199
     }
   ];
-  const ports = (service._rawYaml.spec.ports || []).map((port2) => ({
+  const ports = (service2._rawYaml.spec.ports || []).map((port2) => ({
     ...port2,
     id: port2.name || ""
   }));
@@ -8371,7 +8440,7 @@ const PortsTable = ({ service }) => {
   });
   if ((ports == null ? void 0 : ports.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }),
         type: ErrorContentType.Card
@@ -8493,20 +8562,22 @@ function EditFieldModal(props) {
     popModal();
     reset();
   }, [popModal, reset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalComponent, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ModalComponent, {
     title: title || i18n2.t("dovetail.edit"),
     confirmLoading: submitting,
     onOk: onSubmit,
     onCancel: close2,
     okText: i18n2.t("dovetail.save"),
     destroyOnClose: true,
-    children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-      style: {
-        marginTop: 16
-      },
-      errorMsgs,
-      isEdit: true
-    })]
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+        style: {
+          marginTop: 16
+        },
+        errorMsgs,
+        isEdit: true
+      })]
+    })
   });
 }
 function EditField(props) {
@@ -8771,6 +8842,38 @@ function PVCDistributeStorage({
     )
   ] });
 }
+const index_1oorxg6 = "";
+const CopyIconStyle = "c1oll6q9";
+const CopyButton = ({
+  value: value2,
+  className
+}) => {
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const [tooltip, setTooltip] = useState(i18n2.t("dovetail.copy"));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+    title: tooltip,
+    onVisibleChange: (visible) => {
+      if (!visible) {
+        setTimeout(() => {
+          setTooltip(i18n2.t("dovetail.copy"));
+        }, 80);
+      }
+    },
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
+      src: ClipboardCopy16GradientGrayIcon,
+      hoverSrc: ClipboardCopy16GradientBlueIcon,
+      className: cx_default(CopyIconStyle, className),
+      iconWidth: 16,
+      iconHeight: 16,
+      onClick: () => {
+        copyToClipboard$1(value2);
+        setTooltip(i18n2.t("dovetail.copied"));
+      }
+    })
+  });
+};
 class ResourceModel {
   constructor(_rawYaml, _globalStore) {
     __publicField(this, "id");
@@ -8888,74 +8991,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"
           }
         }
       }
@@ -8963,32 +9062,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
               }
             ]
           }
@@ -8998,98 +9097,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"
             }
           }
         }
@@ -9098,37 +9185,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"]
           }
         }
       }
@@ -9136,143 +9221,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
                   }
                 }
               }
@@ -9284,28 +9369,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",
@@ -9327,138 +9412,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) => {
@@ -9565,6 +9648,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) {
@@ -9576,18 +9669,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;
@@ -9652,18 +9738,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", {
@@ -9680,10 +9759,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());
@@ -9716,6 +9795,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) {
@@ -9992,22 +10088,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)) {
@@ -10027,22 +10107,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) {
@@ -10075,11 +10139,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;
   }
@@ -10271,15 +10333,15 @@ class IngressClassModel extends ResourceModel {
     return (_a = this.spec) == null ? void 0 : _a.controller;
   }
 }
-const index_1rec449 = "";
+const index_1tz3o5 = "";
 const ServiceInClusterAccessComponent = ({
-  service
+  service: service2
 }) => {
-  const spec = service._rawYaml.spec;
-  switch (service.displayType) {
+  const spec = service2._rawYaml.spec;
+  switch (service2.displayType) {
     case ServiceTypeEnum.ExternalName:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: service.dnsRecord
+        value: service2.dnsRecord
       });
     case ServiceTypeEnum.Headless:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
@@ -10295,26 +10357,59 @@ const BreakLineStyle = "b1vtjd4k";
 const LinkStyle$2 = "luro4rx";
 const ShowLinkStyle = "s1gydjqf";
 const DashedUnderlineSpanStyle = "dvp1i89";
+const AccessAddressStyle = "azmggeh";
+const BreakLineListStyle = "bct30qn";
+const BreakLineItemStyle = "b1m9bqu";
+const ServiceAccessAddress = ({
+  children,
+  copyValue
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+    className: AccessAddressStyle,
+    children: [children, /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, {
+      value: copyValue
+    })]
+  });
+};
+function renderAccessItems(items, separator) {
+  if (!items.length) {
+    return void 0;
+  }
+  const result = [];
+  for (let i2 = 0; i2 < items.length; i2++) {
+    result.push(/* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+      children: items[i2]
+    }, `item-${i2}`));
+    if (i2 < items.length - 1) {
+      result.push(/* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+        children: separator
+      }, `separator-${i2}`));
+    }
+  }
+  return result;
+}
 const ServiceOutClusterAccessComponent = ({
-  service,
+  service: service2,
   breakLine = true,
   clusterVip,
-  showDashedUnderline = true
+  showDashedUnderline = true,
+  showCopyButton = false
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     i18n: i18n2
   } = useTranslation();
-  const spec = service._rawYaml.spec;
-  const status = service._rawYaml.status;
+  const spec = service2._rawYaml.spec;
+  const status = service2._rawYaml.status;
   let content = "-";
   switch (spec.type) {
     case ServiceTypeEnum.NodePort:
-      if (!breakLine) {
-        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => [/* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
-          href: `http://${clusterVip}:${p.nodePort}`,
+      content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v && v.nodePort).map((p) => {
+        const address = `${clusterVip}:${p.nodePort}`;
+        const link = /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
+          href: `http://${address}`,
           target: "_blank",
-          className: cx_default(ShowLinkStyle, Typo.Label.l4_regular_title),
+          className: breakLine ? cx_default(Typo.Label.l4_regular_title, BreakLineStyle, LinkStyle$2) : cx_default(ShowLinkStyle, Typo.Label.l4_regular_title),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
             title: i18n2.t("dovetail.default_http_protocol_tooltip"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
@@ -10322,50 +10417,60 @@ const ServiceOutClusterAccessComponent = ({
               style: showDashedUnderline ? void 0 : {
                 borderBottom: "none"
               },
-              children: `${clusterVip}:${p.nodePort}`
+              children: address
             })
           })
-        }, p.name)]);
+        }, p.name || p.nodePort);
+        if (!showCopyButton) {
+          return link;
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: address,
+          children: link
+        }, p.name || p.nodePort);
+      });
+      if (!breakLine) {
         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(", ");
-            }
-          }
-          content = result;
+          content = renderAccessItems(content, ", ");
         }
         break;
       }
-      content = (_b = spec.ports) == null ? void 0 : _b.filter((v) => !!v).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
-        href: `http://${clusterVip}:${p.nodePort}`,
-        target: "_blank",
-        className: cx_default(Typo.Label.l4_regular_title, BreakLineStyle, LinkStyle$2),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-          title: i18n2.t("dovetail.default_http_protocol_tooltip"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-            className: DashedUnderlineSpanStyle,
-            style: showDashedUnderline ? void 0 : {
-              borderBottom: "none"
-            },
-            children: [clusterVip, ":", p.nodePort]
-          })
-        })
-      }, p.nodePort));
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
-        children: content
-      });
+      if (content && content instanceof Array) {
+        content = /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+          className: BreakLineListStyle,
+          children: content.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+            className: BreakLineItemStyle,
+            children: item
+          }, `nodeport-${index2}`))
+        });
+      }
+      break;
     case ServiceTypeEnum.ExternalName:
+      if (showCopyButton) {
+        content = renderAccessItems(((_b = spec.externalIPs) == null ? void 0 : _b.map((ip) => /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: ip,
+          children: ip
+        }, ip))) || [], breakLine ? "\n" : ", ");
+        break;
+      }
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         useOverflow: false,
         value: (_c = spec.externalIPs) == null ? void 0 : _c.join(breakLine ? "\n" : ", ")
       });
       break;
     case ServiceTypeEnum.LoadBalancer:
+      if (showCopyButton) {
+        content = renderAccessItems(((_e = (_d = status.loadBalancer) == null ? void 0 : _d.ingress) == null ? void 0 : _e.map(({
+          ip
+        }) => ip).filter((ip) => !!ip).map((ip) => /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceAccessAddress, {
+          copyValue: ip,
+          children: ip
+        }, ip))) || [], breakLine ? "\n" : ", ");
+        break;
+      }
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         useOverflow: false,
-        value: (_e = (_d = status.loadBalancer) == null ? void 0 : _d.ingress) == null ? void 0 : _e.map(({
+        value: (_g = (_f = status.loadBalancer) == null ? void 0 : _f.ingress) == null ? void 0 : _g.map(({
           ip
         }) => ip).join(breakLine ? "\n" : ", ")
       });
@@ -10392,7 +10497,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_1es4s7t = "";
+const index_1l1kti4 = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10610,7 +10715,7 @@ const ConditionsTable = ({ conditions = [] }) => {
   const currentSize = 10;
   if (conditionsWithId.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }),
         type: ErrorContentType.List
@@ -10658,42 +10763,48 @@ function immutableSet(obj, path2, value2) {
   return setWith(clone(obj), path2, value2, clone);
 }
 function usePathMap(options) {
-  const { pathMap, transformInitValues: transformInitValuesFromOptions, transformApplyValues: transformApplyValuesFromOptions } = options;
-  const transformInitValues = useCallback((values) => {
-    const initValues = values._rawYaml || values;
-    let result = initValues;
-    for (const { from, to } of pathMap || []) {
-      result = immutableSet(initValues, to, get$2(initValues, from));
-      const fromPath = [...from];
-      const lastKey = fromPath.pop();
-      if (lastKey) {
-        const obj = get$2(result, fromPath);
-        if (obj && typeof obj === "object") {
-          delete obj[lastKey];
-        }
-      }
-    }
-    return (transformInitValuesFromOptions == null ? void 0 : transformInitValuesFromOptions(result)) || result;
-  }, [transformInitValuesFromOptions, pathMap]);
-  const transformApplyValues = useCallback((values) => {
-    let result = values;
-    for (const { from, to } of pathMap || []) {
-      result = immutableSet(
-        values,
-        from,
-        get$2(result, to)
-      );
-      const toPath = [...to];
-      const lastKey = toPath.pop();
-      if (lastKey) {
-        const obj = get$2(result, toPath);
-        if (obj && typeof obj === "object") {
-          delete obj[lastKey];
+  const {
+    pathMap,
+    transformInitValues: transformInitValuesFromOptions,
+    transformApplyValues: transformApplyValuesFromOptions
+  } = options;
+  const transformInitValues = useCallback(
+    (values) => {
+      const initValues = values._rawYaml || values;
+      let result = initValues;
+      for (const { from, to } of pathMap || []) {
+        result = immutableSet(initValues, to, get$2(initValues, from));
+        const fromPath = [...from];
+        const lastKey = fromPath.pop();
+        if (lastKey) {
+          const obj = get$2(result, fromPath);
+          if (obj && typeof obj === "object") {
+            delete obj[lastKey];
+          }
         }
       }
-    }
-    return (transformApplyValuesFromOptions == null ? void 0 : transformApplyValuesFromOptions(result)) || result;
-  }, [transformApplyValuesFromOptions, pathMap]);
+      return (transformInitValuesFromOptions == null ? void 0 : transformInitValuesFromOptions(result)) || result;
+    },
+    [transformInitValuesFromOptions, pathMap]
+  );
+  const transformApplyValues = useCallback(
+    (values) => {
+      let result = values;
+      for (const { from, to } of pathMap || []) {
+        result = immutableSet(values, from, get$2(result, to));
+        const toPath = [...to];
+        const lastKey = toPath.pop();
+        if (lastKey) {
+          const obj = get$2(result, toPath);
+          if (obj && typeof obj === "object") {
+            delete obj[lastKey];
+          }
+        }
+      }
+      return (transformApplyValuesFromOptions == null ? void 0 : transformApplyValuesFromOptions(result)) || result;
+    },
+    [transformApplyValuesFromOptions, pathMap]
+  );
   return {
     transformInitValues,
     transformApplyValues
@@ -10756,278 +10867,276 @@ const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
 const MonacoYamlEditor$3 = React.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
 const MonacoYamlDiffEditor$2 = React.lazy(() => Promise.resolve().then(() => MonacoYamlDiffEditor$1));
-const YamlEditorComponent = forwardRef(
-  function YamlEditorComponent2(props, ref) {
-    const {
-      title,
-      collapsable = true,
-      isDefaultCollapsed,
-      value: value2,
-      defaultValue = "",
-      height,
-      readOnly,
-      errorMsgs = [],
-      schemas,
-      eleRef,
-      className,
-      debounceTime,
-      isScrollOnFocus = true,
-      isHideActions = false
-    } = props;
-    const { t: t2 } = useTranslation();
-    const [isCollapsed, setIsCollapsed] = useState(
-      collapsable ? isDefaultCollapsed : false
-    );
-    const [isDiff, setIsDiff] = useState(false);
-    const [_value, _setValue] = useState(value2 || defaultValue);
-    const editorInstance = useRef();
-    const [copyTooltip, setCopyTooltip] = useState(t2("dovetail.copy"));
-    const [resetTooltip, setResetTooltip] = useState(t2("dovetail.reset_arguments"));
-    const defaultValueString = useMemo(() => {
-      if (typeof defaultValue === "string") {
-        return defaultValue;
-      }
-      return yaml$2.dump(defaultValue);
-    }, [defaultValue]);
-    const _valueString = useMemo(() => {
-      if (typeof _value === "string") {
-        return _value;
-      }
-      return yaml$2.dump(_value);
-    }, [_value]);
-    const onChange = useCallback(
-      (newVal) => {
-        var _a;
-        _setValue(newVal);
-        (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
-      },
-      [props.onChange]
-    );
-    const finalOnChange = useMemo(() => {
-      return debounceTime ? debounce(onChange, debounceTime) : onChange;
-    }, [onChange, debounceTime]);
-    const onValidate = useCallback(
-      (valid, schemaValid) => {
-        var _a;
-        (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
-      },
-      [props.onValidate]
-    );
-    const onEditorCreate = useCallback(
-      (editor) => {
-        var _a, _b, _c;
-        if (editor.getValue() !== _value) {
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(_valueString);
-        }
-        (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
-      },
-      [_value, props.onEditorCreate]
-    );
-    const getInstance = useCallback((ins) => {
-      editorInstance.current = ins;
-    }, []);
-    const getEditorValue = useCallback(() => {
+const YamlEditorComponent = forwardRef(function YamlEditorComponent2(props, ref) {
+  const {
+    title,
+    collapsable = true,
+    isDefaultCollapsed,
+    value: value2,
+    defaultValue = "",
+    height,
+    readOnly,
+    errorMsgs = [],
+    schemas,
+    eleRef,
+    className,
+    debounceTime,
+    isScrollOnFocus = true,
+    isHideActions = false
+  } = props;
+  const { t: t2 } = useTranslation();
+  const [isCollapsed, setIsCollapsed] = useState(
+    collapsable ? isDefaultCollapsed : false
+  );
+  const [isDiff, setIsDiff] = useState(false);
+  const [_value, _setValue] = useState(value2 || defaultValue);
+  const editorInstance = useRef();
+  const [copyTooltip, setCopyTooltip] = useState(t2("dovetail.copy"));
+  const [resetTooltip, setResetTooltip] = useState(t2("dovetail.reset_arguments"));
+  const defaultValueString = useMemo(() => {
+    if (typeof defaultValue === "string") {
+      return defaultValue;
+    }
+    return yaml$2.dump(defaultValue);
+  }, [defaultValue]);
+  const _valueString = useMemo(() => {
+    if (typeof _value === "string") {
+      return _value;
+    }
+    return yaml$2.dump(_value);
+  }, [_value]);
+  const onChange = useCallback(
+    (newVal) => {
       var _a;
-      return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
-    }, []);
-    useEffect(() => {
-      var _a, _b;
-      if (value2 !== void 0 && !isEqual$1(value2, _value)) {
-        const valueString = typeof value2 === "string" ? value2 : yaml$2.dump(value2);
-        _setValue(value2);
-        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(valueString);
+      _setValue(newVal);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
+    },
+    [props.onChange]
+  );
+  const finalOnChange = useMemo(() => {
+    return debounceTime ? debounce(onChange, debounceTime) : onChange;
+  }, [onChange, debounceTime]);
+  const onValidate = useCallback(
+    (valid, schemaValid) => {
+      var _a;
+      (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
+    },
+    [props.onValidate]
+  );
+  const onEditorCreate = useCallback(
+    (editor) => {
+      var _a, _b, _c;
+      if (editor.getValue() !== _value) {
+        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(_valueString);
       }
-    }, [value2]);
-    useImperativeHandle(ref, () => {
-      return {
-        setValue: _setValue,
-        setEditorValue: (value22) => {
-          var _a, _b;
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value22);
-        },
-        getEditorValue,
-        getEditorInstance: () => editorInstance.current || null
-      };
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: cx_default(WrapperStyle$4, className),
-        "data-is-error": !!errorMsgs.length,
-        ref: eleRef,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Space,
-            {
-              className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
-              direction: "vertical",
-              size: 0,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ToolBarHeaderStyle, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 8, children: [
-                    collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      Icon,
-                      {
-                        src: HierarchyTriangleRight16GrayIcon,
-                        hoverSrc: HierarchyTriangleRight16BlueIcon,
-                        className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
-                        iconWidth: 16,
-                        iconHeight: 16,
-                        onClick: () => setIsCollapsed(!isCollapsed)
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
-                  ] }),
-                  isHideActions ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
-                    isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Tooltip,
-                        {
-                          title: isCollapsed ? "" : copyTooltip,
-                          onVisibleChange: (visible) => {
-                            if (!visible) {
-                              setTimeout(() => {
-                                setCopyTooltip(t2("dovetail.copy"));
-                              }, 80);
-                            }
-                          },
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            Icon,
-                            {
-                              "data-disabled": isCollapsed,
-                              src: ClipboardCopy16GradientGrayIcon,
-                              hoverSrc: isCollapsed ? void 0 : ClipboardCopy16GradientBlueIcon,
-                              className: IconStyle,
-                              iconWidth: 16,
-                              iconHeight: 16,
-                              onClick: () => {
-                                if (!isCollapsed) {
-                                  copyToClipboard(getEditorValue());
-                                  setCopyTooltip(t2("dovetail.copied"));
-                                }
-                              }
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Tooltip,
-                        {
-                          title: isCollapsed ? "" : resetTooltip,
-                          onVisibleChange: (visible) => {
-                            if (!visible) {
-                              setTimeout(() => {
-                                setResetTooltip(t2("dovetail.reset_arguments"));
-                              }, 80);
-                            }
-                          },
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            Icon,
-                            {
-                              "data-disabled": isCollapsed,
-                              src: Retry16GradientGrayIcon,
-                              hoverSrc: isCollapsed ? void 0 : Retry16GradientBlueIcon,
-                              className: IconStyle,
-                              iconWidth: 16,
-                              iconHeight: 16,
-                              onClick: () => {
-                                var _a;
-                                if (!isCollapsed) {
-                                  (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValueString);
-                                  setResetTooltip(t2("dovetail.already_reset"));
-                                }
-                              }
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
-                    ] }),
+      (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
+    },
+    [_value, props.onEditorCreate]
+  );
+  const getInstance = useCallback((ins) => {
+    editorInstance.current = ins;
+  }, []);
+  const getEditorValue = useCallback(() => {
+    var _a;
+    return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
+  }, []);
+  useEffect(() => {
+    var _a, _b;
+    if (value2 !== void 0 && !isEqual$1(value2, _value)) {
+      const valueString = typeof value2 === "string" ? value2 : yaml$2.dump(value2);
+      _setValue(value2);
+      (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(valueString);
+    }
+  }, [value2]);
+  useImperativeHandle(ref, () => {
+    return {
+      setValue: _setValue,
+      setEditorValue: (value22) => {
+        var _a, _b;
+        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value22);
+      },
+      getEditorValue,
+      getEditorInstance: () => editorInstance.current || null
+    };
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cx_default(WrapperStyle$4, className),
+      "data-is-error": !!errorMsgs.length,
+      ref: eleRef,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Space,
+          {
+            className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
+            direction: "vertical",
+            size: 0,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ToolBarHeaderStyle, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 8, children: [
+                  collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Icon,
+                    {
+                      src: HierarchyTriangleRight16GrayIcon,
+                      hoverSrc: HierarchyTriangleRight16BlueIcon,
+                      className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
+                      iconWidth: 16,
+                      iconHeight: 16,
+                      onClick: () => setIsCollapsed(!isCollapsed)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
+                ] }),
+                isHideActions ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
+                  isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Tooltip,
                       {
-                        title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
-                        children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        title: isCollapsed ? "" : copyTooltip,
+                        onVisibleChange: (visible) => {
+                          if (!visible) {
+                            setTimeout(() => {
+                              setCopyTooltip(t2("dovetail.copy"));
+                            }, 80);
+                          }
+                        },
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                           Icon,
                           {
                             "data-disabled": isCollapsed,
-                            src: EditPen16GradientGrayIcon,
-                            hoverSrc: isCollapsed ? void 0 : EditPen16GradientBlueIcon,
+                            src: ClipboardCopy16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : ClipboardCopy16GradientBlueIcon,
                             className: IconStyle,
                             iconWidth: 16,
                             iconHeight: 16,
-                            onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                            onClick: () => {
+                              if (!isCollapsed) {
+                                copyToClipboard(getEditorValue());
+                                setCopyTooltip(t2("dovetail.copied"));
+                              }
+                            }
                           }
-                        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Tooltip,
+                      {
+                        title: isCollapsed ? "" : resetTooltip,
+                        onVisibleChange: (visible) => {
+                          if (!visible) {
+                            setTimeout(() => {
+                              setResetTooltip(t2("dovetail.reset_arguments"));
+                            }, 80);
+                          }
+                        },
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                           Icon,
                           {
                             "data-disabled": isCollapsed,
-                            src: Showdiff16GradientGrayIcon,
-                            hoverSrc: isCollapsed ? void 0 : Showdiff16GradientBlueIcon,
+                            src: Retry16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : Retry16GradientBlueIcon,
                             className: IconStyle,
                             iconWidth: 16,
                             iconHeight: 16,
-                            onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                            onClick: () => {
+                              var _a;
+                              if (!isCollapsed) {
+                                (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValueString);
+                                setResetTooltip(t2("dovetail.already_reset"));
+                              }
+                            }
                           }
                         )
                       }
-                    )
-                  ] })
-                ] }),
-                errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle$1 }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
-                    errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
-                    errorMsg
-                  ] }, errorMsg)) })
-                ] }) : void 0
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              style: {
-                display: isCollapsed ? "none" : "block",
-                width: "100%",
-                height: height || "500px",
-                zIndex: 1
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  MonacoYamlEditor$3,
-                  {
-                    id: props.id,
-                    getInstance,
-                    defaultValue: _value,
-                    height,
-                    onChange: finalOnChange,
-                    onValidate,
-                    onEditorCreate,
-                    onBlur: props.onBlur,
-                    schemas,
-                    readOnly,
-                    isScrollOnFocus
-                  }
-                ) }) }),
-                isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  MonacoYamlDiffEditor$2,
-                  {
-                    id: props.id,
-                    origin: defaultValueString,
-                    modified: _valueString,
-                    height
-                  }
-                ) }) : null
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Tooltip,
+                    {
+                      title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
+                      children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Icon,
+                        {
+                          "data-disabled": isCollapsed,
+                          src: EditPen16GradientGrayIcon,
+                          hoverSrc: isCollapsed ? void 0 : EditPen16GradientBlueIcon,
+                          className: IconStyle,
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                        }
+                      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Icon,
+                        {
+                          "data-disabled": isCollapsed,
+                          src: Showdiff16GradientGrayIcon,
+                          hoverSrc: isCollapsed ? void 0 : Showdiff16GradientBlueIcon,
+                          className: IconStyle,
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] }),
+              errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle$1 }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
+                  errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
+                  errorMsg
+                ] }, errorMsg)) })
+              ] }) : void 0
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              display: isCollapsed ? "none" : "block",
+              width: "100%",
+              height: height || "500px",
+              zIndex: 1
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MonacoYamlEditor$3,
+                {
+                  id: props.id,
+                  getInstance,
+                  defaultValue: _value,
+                  height,
+                  onChange: finalOnChange,
+                  onValidate,
+                  onEditorCreate,
+                  onBlur: props.onBlur,
+                  schemas,
+                  readOnly,
+                  isScrollOnFocus
+                }
+              ) }) }),
+              isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MonacoYamlDiffEditor$2,
+                {
+                  id: props.id,
+                  origin: defaultValueString,
+                  modified: _valueString,
+                  height
+                }
+              ) }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
 function copyToClipboard(text) {
   const input = document.createElement("textarea");
   input.value = text;
@@ -11100,14 +11209,7 @@ function use409Retry({
 function useK8sYamlEditor() {
   const foldSymbol = useCallback(function(editor, symbol) {
     const model = editor.getModel();
-    const matchs = (model == null ? void 0 : model.findMatches(
-      symbol,
-      false,
-      false,
-      false,
-      "",
-      false
-    ).filter((match) => match.range.startColumn === 1)) || [];
+    const matchs = (model == null ? void 0 : model.findMatches(symbol, false, false, false, "", false).filter((match) => match.range.startColumn === 1)) || [];
     return new Promise(async (resolve, reject) => {
       try {
         for (const match of matchs) {
@@ -11121,19 +11223,22 @@ function useK8sYamlEditor() {
       }
     });
   }, []);
-  const fold2 = useCallback(async function(editor) {
-    await editor.getAction("editor.unfoldAll").run();
-    const symbols = [
-      "  annotations:",
-      "  managedFields:",
-      "status:",
-      "    kubectl.kubernetes.io/last-applied-configuration:"
-    ];
-    for (const symbol of symbols) {
-      await foldSymbol(editor, symbol);
-    }
-    editor.setScrollPosition({ scrollTop: 0 });
-  }, [foldSymbol]);
+  const fold2 = useCallback(
+    async function(editor) {
+      await editor.getAction("editor.unfoldAll").run();
+      const symbols = [
+        "  annotations:",
+        "  managedFields:",
+        "status:",
+        "    kubectl.kubernetes.io/last-applied-configuration:"
+      ];
+      for (const symbol of symbols) {
+        await foldSymbol(editor, symbol);
+      }
+      editor.setScrollPosition({ scrollTop: 0 });
+    },
+    [foldSymbol]
+  );
   return {
     fold: fold2
   };
@@ -11330,7 +11435,14 @@ const useYamlForm = ({
       pruneBeforeEdit(initialValues2);
     }
     return (transformInitValues == null ? void 0 : transformInitValues(initialValues2)) || initialValues2;
-  }, [queryResult, globalStore, initialValuesForCreate, action, initialValuesForEdit, transformInitValues]);
+  }, [
+    queryResult,
+    globalStore,
+    initialValuesForCreate,
+    action,
+    initialValuesForEdit,
+    transformInitValues
+  ]);
   const finalErrors = useMemo(() => {
     return uniq([...editorErrors, ...rulesErrors]);
   }, [editorErrors, rulesErrors]);
@@ -11447,13 +11559,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;
@@ -11648,7 +11763,7 @@ function YamlForm(props) {
               isEdit: action === "edit"
             })
           })]
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
           errorText: t2("dovetail.fetch_schema_fail"),
           refetch: fetchSchema
         });
@@ -11793,6 +11908,7 @@ function RawYamlFormModal(props) {
     },
     okText: ((_c = resourceConfig.formConfig) == null ? void 0 : _c.saveButtonText) || okText,
     destroyOnClose: true,
+    isContentFull: true,
     children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: FormDescStyle$1,
       children: desc
@@ -11835,8 +11951,9 @@ function useOpenForm() {
       if (formType === void 0 || formType === FormContainerType.MODAL) {
         pushModal({
           component: () => {
-            var _a2;
-            if (options == null ? void 0 : options.useYamlEditor) {
+            var _a2, _b2, _c;
+            const isYamlOnlyForm = ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formType) !== FormType.FORM && !((_b2 = resourceConfig.formConfig) == null ? void 0 : _b2.CustomFormModal);
+            if ((options == null ? void 0 : options.useYamlEditor) || isYamlOnlyForm) {
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 RawYamlFormModal,
                 {
@@ -11849,7 +11966,7 @@ function useOpenForm() {
                 }
               );
             }
-            const ModalComponent = ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
+            const ModalComponent = ((_c = resourceConfig.formConfig) == null ? void 0 : _c.CustomFormModal) || FormModal;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               ModalComponent,
               {
@@ -12369,34 +12486,6 @@ function CreateButton(props) {
     }
   );
 }
-const useDeleteManyModal = (resource, ids) => {
-  const { mutate } = useDeleteMany();
-  const [visible, setVisible] = useState(false);
-  const { t: t2 } = useTranslation();
-  const modalProps = {
-    title: t2("dovetail.delete"),
-    okText: t2("dovetail.delete"),
-    okButtonProps: {
-      danger: true
-    },
-    cancelText: t2("dovetail.cancel"),
-    children: t2("dovetail.confirm_delete_text", {
-      target: ids,
-      interpolation: { escapeValue: false }
-    }),
-    onOk() {
-      mutate({
-        resource,
-        ids
-      });
-      setVisible(false);
-    },
-    onCancel() {
-      setVisible(false);
-    }
-  };
-  return { modalProps, visible, setVisible };
-};
 const DeleteManyButton = (props) => {
   const { resource } = useResource();
   const { t: t2 } = useTranslation();
@@ -12504,7 +12593,7 @@ const CronjobJobsTable = ({
     tableProps
   } = useEagleTable(params);
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
         kind: " Job"
       }),
@@ -12610,7 +12699,7 @@ const EventsTable = ({ uid }) => {
   const Table2 = component.Table || Table$1;
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") }),
         type: ErrorContentType.List
@@ -12650,6 +12739,25 @@ function LinkFallback({
     children: fullPath
   });
 }
+const PathWithCopy_mkk1t8 = "";
+const PathCellStyle = "prjtqnv";
+const PathTextStyle = "pci82dd";
+const PathCopyStyle = "pmf8toc";
+const PathWithCopy = ({
+  value: value2,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    className: PathCellStyle,
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      className: PathTextStyle,
+      children
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, {
+      value: value2,
+      className: PathCopyStyle
+    })]
+  });
+};
 const index_x36tts = "";
 const LinkStyle = "l1vnw9x0";
 const ResourceLink = (props) => {
@@ -12700,7 +12808,7 @@ const ResourceLink = (props) => {
     value: ""
   });
 };
-const IngressRulesTable = ({ ingress }) => {
+const IngressRulesTable = ({ ingress: ingress2 }) => {
   const { t: t2 } = useTranslation();
   const { data: serviceData } = useList({
     resource: "services",
@@ -12710,8 +12818,8 @@ const IngressRulesTable = ({ ingress }) => {
     }
   });
   const flattenedRules = useMemo(
-    () => (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [],
-    [serviceData == null ? void 0 : serviceData.data, ingress]
+    () => (serviceData == null ? void 0 : serviceData.data) ? ingress2.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [],
+    [serviceData == null ? void 0 : serviceData.data, ingress2]
   );
   const rows = useMemo(() => {
     return addId(flattenedRules || [], "fullPath");
@@ -12736,7 +12844,10 @@ const IngressRulesTable = ({ ingress }) => {
       width: 478,
       sortable: true,
       render(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: value2 });
+        if (!value2) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(PathWithCopy, { value: value2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: value2 }) });
       }
     },
     {
@@ -12751,7 +12862,7 @@ const IngressRulesTable = ({ ingress }) => {
           ResourceLink,
           {
             resourceName: "services",
-            namespace: ingress.metadata.namespace || "default",
+            namespace: ingress2.metadata.namespace || "default",
             name: serviceName
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
@@ -12773,14 +12884,14 @@ const IngressRulesTable = ({ ingress }) => {
       width: 160,
       render(host2) {
         var _a, _b;
-        const secretName = (_b = (_a = ingress._rawYaml.spec.tls) == null ? void 0 : _a.find(
+        const secretName = (_b = (_a = ingress2._rawYaml.spec.tls) == null ? void 0 : _a.find(
           ({ hosts }) => hosts == null ? void 0 : hosts.includes(host2)
         )) == null ? void 0 : _b.secretName;
         return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
             resourceName: "secrets",
-            namespace: ingress.metadata.namespace || "default",
+            namespace: ingress2.metadata.namespace || "default",
             name: secretName
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
@@ -12799,7 +12910,7 @@ const IngressRulesTable = ({ ingress }) => {
   });
   if ((rows == null ? void 0 : rows.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }),
         type: ErrorContentType.List
@@ -12854,7 +12965,7 @@ const KeyValue = (props) => {
     }, key2);
   });
   if (!result.length) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
       type: errorContent
     });
@@ -12951,9 +13062,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;
@@ -13519,7 +13628,7 @@ const NodeTaintsTable = ({
   });
   const currentSize = 10;
   if (taintsWithId.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: t2("dovetail.no_resource", {
         kind: t2("dovetail.taint")
       }),
@@ -13615,10 +13724,10 @@ function Table(props) {
         var _a2;
         (_a2 = tableProps.onClearSearchKeyword) == null ? void 0 : _a2.call(tableProps);
       };
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, { errorText: i18n2.t("dovetail.no_search_result"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: onClear, type: "ordinary", children: i18n2.t("dovetail.clear_search_condition") }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, { errorText: i18n2.t("dovetail.no_search_result"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: onClear, type: "ordinary", children: i18n2.t("dovetail.clear_search_condition") }) });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: resourceType }),
         ...errorContentProps
@@ -13710,7 +13819,7 @@ const StateTag = (props) => {
     }
   );
 };
-const WorkloadPodsTable_975j2t = "";
+const WorkloadPodsTable_a750q3 = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
@@ -13746,14 +13855,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
-        }]
+        ]
       }
     }
   });
@@ -13761,7 +13872,7 @@ const WorkloadPodsTable = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
   }
   if (((_a = tableProps.data) == null ? void 0 : _a.length) === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
         kind: ` ${i18n2.t("dovetail.pod")}`
       }),
@@ -14229,7 +14340,8 @@ const ServiceOutClusterAccessField = (clusterVip) => ({
       service: record,
       breakLine: false,
       clusterVip,
-      showDashedUnderline: false
+      showDashedUnderline: false,
+      showCopyButton: true
     });
   }
 });
@@ -14247,14 +14359,14 @@ const PodSelectorField = () => ({
 const PortsTableField = () => ({
   key: "ports",
   path: [],
-  renderContent: (_, service) => {
+  renderContent: (_, service2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       style: {
         padding: "0 24px",
         height: "100%"
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(PortsTable, {
-        service
+        service: service2
       })
     });
   }
@@ -14562,7 +14674,7 @@ const LabelsAndAnnotationsShow = ({
         children: sksI18n.t("dovetail.label")
       }), Object.keys(labels || {}).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
         value: labels
-      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
         errorText: sksI18n.t("dovetail.no_labels"),
         type: ErrorContentType.Item
       })]
@@ -14590,7 +14702,7 @@ const NetworkPolicyRulesViewer = ({
     t: t2
   } = useTranslation();
   if (!ingressOrEgress) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
       errorText: t2("dovetail.no_resource", {
         kind: kind || t2("dovetail.rule")
       }),
@@ -14785,7 +14897,7 @@ const PodLog = ({
       })]
     }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: ContentStyle$1,
-      children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContent, {
         style: {
           height: "100%"
         },
@@ -14951,11 +15063,11 @@ const NetworkPolicyIngressRulesTab = ({
       fields: [{
         key: "Ingress",
         path: ["spec", "ingress"],
-        render: (ingress) => {
+        render: (ingress2) => {
           return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
             className: NetworkPolicyRulesViewerStyle,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(NetworkPolicyRulesViewer, {
-              ingressOrEgress: ingress
+              ingressOrEgress: ingress2
             })
           });
         }
@@ -15030,7 +15142,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"
+          );
         }
       },
       {
@@ -15060,10 +15174,12 @@ const PodContainersTable = ({
     [i18n2, initContainerStatuses]
   );
   const dataSource = useMemo(
-    () => addId(containerStatuses.concat(initContainerStatuses), "containerID").map((container2) => ({
-      ...container2,
-      startedAt: get$2(container2, ["state", "running", "startedAt"]) || get$2(container2, ["state", "terminated", "startedAt"])
-    })),
+    () => addId(containerStatuses.concat(initContainerStatuses), "containerID").map(
+      (container2) => ({
+        ...container2,
+        startedAt: get$2(container2, ["state", "running", "startedAt"]) || get$2(container2, ["state", "terminated", "startedAt"])
+      })
+    ),
     [containerStatuses, initContainerStatuses]
   );
   const {
@@ -15074,14 +15190,16 @@ const PodContainersTable = ({
   } = useTableData({
     data: dataSource,
     columns,
-    defaultSorters: [{
-      field: "startedAt",
-      order: "desc"
-    }]
+    defaultSorters: [
+      {
+        field: "startedAt",
+        order: "desc"
+      }
+    ]
   });
   if (dataSource.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      ErrorContent,
       {
         errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }),
         type: ErrorContentType.Card
@@ -15095,7 +15213,9 @@ const PodContainersTable = ({
       loading: false,
       data: finalData,
       total: dataSource.length,
-      columns: addDefaultRenderToColumns(columns),
+      columns: addDefaultRenderToColumns(
+        columns
+      ),
       rowKey: "containerID",
       error: false,
       defaultSize: currentSize,
@@ -15218,11 +15338,11 @@ const NetworkPolicyIngressRulesGroup = (i18n2) => ({
         {
           key: "Ingress",
           path: ["spec", "ingress"],
-          renderContent: (ingress) => {
+          renderContent: (ingress2) => {
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               NetworkPolicyRulesViewer,
               {
-                ingressOrEgress: ingress,
+                ingressOrEgress: ingress2,
                 kind: ` ${i18n2.t("dovetail.ingress_rule")}`
               }
             );
@@ -15276,7 +15396,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_11vyp5a = "";
+const ShowContentView_szlndu = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -15720,7 +15840,7 @@ function ReplicasDropdown(props) {
   ] });
 }
 const PodShell = lazy(
-  () => import("./PodShell-76331418.js").then((module2) => ({ default: module2.PodShell }))
+  () => import("./PodShell-a6ed3498.js").then((module2) => ({ default: module2.PodShell }))
 );
 function PodShellModal(props) {
   const { pod: pod2 } = props;
@@ -16067,9 +16187,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";
@@ -17034,6 +17154,7 @@ const useForm = ({
   const [transformedInitValues, setTransformedInitValues] = useState(useHookFormResult.getValues());
   const [beforeSubmitErrors, setBeforeSubmitErrors] = useState([]);
   const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = useState(false);
+  const hasAppliedInitialDataRef = useRef(false);
   const {
     watch,
     setValue,
@@ -17086,7 +17207,7 @@ const useForm = ({
   }, [captureInitialResource, (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data]);
   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)
@@ -17104,6 +17225,7 @@ const useForm = ({
         });
       }
     });
+    hasAppliedInitialDataRef.current = true;
     setTransformedInitValues(getValues());
   }, [queryResult == null ? void 0 : queryResult.data, setValue, transformInitValues, formState.isDirty, getValues]);
   useEffect(() => {
@@ -17762,31 +17884,43 @@ function CronJobDropdown(props) {
           values: v,
           successNotification() {
             return {
-              message: t2(suspended ? "dovetail.resume_success_toast" : "dovetail.pause_success_toast", {
-                kind: record.kind,
-                name: id,
-                interpolation: {
-                  escapeValue: false
+              message: t2(
+                suspended ? "dovetail.resume_success_toast" : "dovetail.pause_success_toast",
+                {
+                  kind: record.kind,
+                  name: id,
+                  interpolation: {
+                    escapeValue: false
+                  }
                 }
-              }),
+              ),
               type: "success"
             };
           },
           errorNotification() {
             return {
-              message: t2(suspended ? "dovetail.resume_failed_toast" : "dovetail.pause_failed_toast", {
-                kind: record.kind,
-                name: id,
-                interpolation: {
-                  escapeValue: false
+              message: t2(
+                suspended ? "dovetail.resume_failed_toast" : "dovetail.pause_failed_toast",
+                {
+                  kind: record.kind,
+                  name: id,
+                  interpolation: {
+                    escapeValue: false
+                  }
                 }
-              }),
+              ),
               type: "error"
             };
           }
         });
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: suspended ? RecoverContinue16GradientBlueIcon : Pause16GradientBlueIcon, children: t2(suspended ? "dovetail.resume" : "dovetail.suspend") })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Icon,
+        {
+          src: suspended ? RecoverContinue16GradientBlueIcon : Pause16GradientBlueIcon,
+          children: t2(suspended ? "dovetail.resume" : "dovetail.suspend")
+        }
+      )
     }
   ) : null });
 }
@@ -18303,7 +18437,9 @@ const DeleteButton = () => {
   const { resource } = useResource();
   const { id } = useParsed();
   const { t: t2 } = useTranslation();
-  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: (resource == null ? void 0 : resource.name) || "" });
+  const { openDeleteConfirmModal } = useDeleteModal({
+    resourceName: (resource == null ? void 0 : resource.name) || ""
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
@@ -18314,7 +18450,7 @@ const DeleteButton = () => {
     }
   ) });
 };
-const index_1tehui8 = "";
+const index_e6cgji = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
   const {
@@ -19451,9 +19587,9 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
   });
   const nodePortsFromOtherServices = useMemo(() => {
     var _a;
-    return ((_a = services == null ? void 0 : services.data) == null ? void 0 : _a.filter((service) => service.id !== serviceId).map((service) => {
+    return ((_a = services == null ? void 0 : services.data) == null ? void 0 : _a.filter((service2) => service2.id !== serviceId).map((service2) => {
       var _a2, _b;
-      return (_b = (_a2 = service == null ? void 0 : service.spec) == null ? void 0 : _a2.ports) == null ? void 0 : _b.map((port2) => port2.nodePort);
+      return (_b = (_a2 = service2 == null ? void 0 : service2.spec) == null ? void 0 : _a2.ports) == null ? void 0 : _b.map((port2) => port2.nodePort);
     }).flat().filter((port2) => port2 !== void 0)) || [];
   }, [services, serviceId]);
   const columns = useMemo(() => {
@@ -19646,7 +19782,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
     }
   );
 });
-const IngressRulesComponent = ({ ingress, noLink }) => {
+const IngressRulesComponent = ({ ingress: ingress2, noLink }) => {
   const { data: serviceData } = useList({
     resource: "services",
     meta: {
@@ -19654,12 +19790,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;
@@ -19680,7 +19816,7 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
               ResourceLink,
               {
                 resourceName: "services",
-                namespace: ingress.metadata.namespace || "default",
+                namespace: ingress2.metadata.namespace || "default",
                 name: r2.serviceName
               }
             ),
@@ -19695,7 +19831,7 @@ const IngressRulesComponent = ({ ingress, noLink }) => {
               ResourceLink,
               {
                 resourceName: "secrets",
-                namespace: ingress.metadata.namespace || "default",
+                namespace: ingress2.metadata.namespace || "default",
                 name: secretName
               }
             )
@@ -20064,7 +20200,10 @@ function ServiceOutClusterAccessTitle() {
     })
   });
 }
-const ServiceOutClusterAccessColumnRenderer = (clusterVip) => {
+const ServiceOutClusterAccessColumnRenderer = (_i18n, options) => {
+  const {
+    clusterVip
+  } = options;
   return {
     key: "outClusterAccess",
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
@@ -20104,10 +20243,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",
@@ -20568,39 +20705,45 @@ const Dovetail = (props) => {
       antd4Configs: {
         getPopupContainer: antdGetPopupContainer || (() => document.body)
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: globalStoreMap, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Refine,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        GlobalStoreContext.Provider,
         {
-          dataProvider: dataProvider(globalStoreMap.default),
-          liveProvider: liveProvider(globalStoreMap.default),
-          routerProvider,
-          notificationProvider,
-          options: {
-            warnWhenUnsavedChanges: true,
-            liveMode: "auto",
-            disableTelemetry: true
-          },
-          accessControlProvider,
-          resources: resourcesConfig.map((c2) => {
-            return {
-              name: c2.name,
-              meta: {
-                dataProviderName: c2.dataProviderName,
-                resourceBasePath: c2.basePath,
-                kind: c2.kind,
-                parent: c2.parent,
-                label: `${c2.kind}s`
+          value: globalStoreMap,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Refine,
+            {
+              dataProvider: dataProvider(globalStoreMap.default),
+              liveProvider: liveProvider(globalStoreMap.default),
+              routerProvider,
+              notificationProvider,
+              options: {
+                warnWhenUnsavedChanges: true,
+                liveMode: "auto",
+                disableTelemetry: true
               },
-              list: `${urlPrefix}/${c2.name}`,
-              show: `${urlPrefix}/${c2.name}/show`,
-              create: `${urlPrefix}/${c2.name}/create`,
-              edit: `${urlPrefix}/${c2.name}/edit`
-            };
-          }),
-          ...props,
-          children: content
+              accessControlProvider,
+              resources: resourcesConfig.map((c2) => {
+                return {
+                  name: c2.name,
+                  meta: {
+                    dataProviderName: c2.dataProviderName,
+                    resourceBasePath: c2.basePath,
+                    kind: c2.kind,
+                    parent: c2.parent,
+                    label: `${c2.kind}s`
+                  },
+                  list: `${urlPrefix}/${c2.name}`,
+                  show: `${urlPrefix}/${c2.name}/show`,
+                  create: `${urlPrefix}/${c2.name}/create`,
+                  edit: `${urlPrefix}/${c2.name}/edit`
+                };
+              }),
+              ...props,
+              children: content
+            }
+          )
         }
-      ) })
+      )
     }
   ) }) }) }) });
 };
@@ -20661,8 +20804,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();
@@ -20768,12 +20911,14 @@ export {
   ColumnKeys,
   CommonSorter,
   ComponentContext,
+  ComponentContextProvider,
   ConditionsField,
   ConditionsGroup,
   ConditionsTab,
   ConditionsTable,
   ConfigsContext,
   ControllerRevisionModel,
+  CopyButton,
   CreateButton,
   CronJobDropdown,
   CronJobModel,
@@ -20801,7 +20946,8 @@ export {
   EditLabelForm,
   EditNodeTaintDropdownMenuItem,
   EditNodeTaintForm,
-  WidgetErrorContent as ErrorContent,
+  ErrorContent,
+  ErrorContentBody,
   ErrorContentType,
   ErrorWrapper,
   EventModel,
@@ -21020,7 +21166,6 @@ export {
   YamlEditorComponent,
   YamlForm,
   addDefaultRenderToColumns,
-  dnsSubDomainRules,
   dovetailRefineI18n,
   generateSchemaTypeValue,
   generateValueFromSchema,
@@ -21034,12 +21179,11 @@ export {
   relationPlugin,
   renderCommonFormFiled,
   resolveRef,
-  rfc1035LabelRules,
-  rfc1123LabelRules,
   routerProvider,
   shortenedImage,
   transformResourceKindInSentence,
   useApiGroupSchema,
+  useDeleteManyModal,
   useDeleteModal,
   useDeleteModalOnly,
   useDownloadYAML,