@dovetail-v2/refine 0.0.25 → 0.0.26

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("@cloudtower/icons-react"), require("antd"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "@cloudtower/icons-react", "antd", "monaco-editor", "monaco-yaml", "react-dom", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.iconsReact, global2.antd, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.k8sApiProvider));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, iconsReact, antd, monaco, monacoYaml, ReactDOM, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -1228,24 +1228,30 @@ var __publicField = (obj, key, value) => {
     go: () => {
       const { search: existingSearch, hash: existingHash } = reactRouterDom.useLocation();
       const history = reactRouterDom.useHistory();
-      const fn = React.useCallback(({ to, type: type2, query, hash, options: { keepQuery, keepHash } = {} }) => {
-        const urlQuery = {
-          ...keepQuery && existingSearch && qs.parse(existingSearch, { ignoreQueryPrefix: true }),
-          ...query
-        };
-        if (urlQuery.to) {
-          urlQuery.to = encodeURIComponent(`${urlQuery.to}`);
-        }
-        const hasUrlQuery = Object.keys(urlQuery).length > 0;
-        const urlHash = `#${(hash || keepHash && existingHash || "").replace(/^#/, "")}`;
-        const hasUrlHash = urlHash.length > 1;
-        const urlTo = to || "";
-        const fullPath = `${urlTo}${hasUrlQuery ? qs.stringify(urlQuery, stringifyConfig) : ""}${hasUrlHash ? urlHash : ""}`;
-        if (type2 === "path") {
-          return fullPath;
-        }
-        return history[type2 || "push"](fullPath);
-      }, [existingHash, existingSearch, history]);
+      const fn = React.useCallback(
+        ({ to, type: type2, query, hash, options: { keepQuery, keepHash } = {} }) => {
+          const urlQuery = {
+            ...keepQuery && existingSearch && qs.parse(existingSearch, { ignoreQueryPrefix: true }),
+            ...query
+          };
+          if (urlQuery.to) {
+            urlQuery.to = encodeURIComponent(`${urlQuery.to}`);
+          }
+          const hasUrlQuery = Object.keys(urlQuery).length > 0;
+          const urlHash = `#${(hash || keepHash && existingHash || "").replace(
+            /^#/,
+            ""
+          )}`;
+          const hasUrlHash = urlHash.length > 1;
+          const urlTo = to || "";
+          const fullPath = `${urlTo}${hasUrlQuery ? qs.stringify(urlQuery, stringifyConfig) : ""}${hasUrlHash ? urlHash : ""}`;
+          if (type2 === "path") {
+            return fullPath;
+          }
+          return history[type2 || "push"](fullPath);
+        },
+        [existingHash, existingSearch, history]
+      );
       return fn;
     },
     back: () => {
@@ -1290,13 +1296,20 @@ var __publicField = (obj, key, value) => {
       return fn;
     },
     Link: React.forwardRef(function RefineLink(props, ref) {
-      return jsxRuntimeExports.jsx(reactRouterDom.Link, { ...props, ref });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Link, { ...props, ref });
     })
   };
   function useK8sYamlEditor() {
     const foldSymbol = React.useCallback(function(editor, symbol) {
       const model = editor.getModel();
-      const matchs = (model == null ? void 0 : model.findMatches(symbol, false, false, false, "", false).filter((match) => match.range.startColumn === 1)) || [];
+      const matchs = (model == null ? void 0 : model.findMatches(
+        symbol,
+        false,
+        false,
+        false,
+        "",
+        false
+      ).filter((match) => match.range.startColumn === 1)) || [];
       return new Promise(async (resolve, reject) => {
         try {
           for (const match of matchs) {
@@ -6832,14 +6845,19 @@ var __publicField = (obj, key, value) => {
         if (!schema.minItems || !schema.items || typeof schema.items === "boolean" || Array.isArray(schema.items)) {
           return (generateValue == null ? void 0 : generateValue(schema)) || [];
         }
-        return new Array(schema.minItems).fill(generateValueFromSchema(schema.items, options));
+        return new Array(schema.minItems).fill(
+          generateValueFromSchema(schema.items, options)
+        );
       case schema.type === "number":
       case schema.type === "integer":
         return (generateValue == null ? void 0 : generateValue(schema)) || 0;
       case schema.type === "object": {
         const obj = {};
         for (const key in schema.properties) {
-          obj[key] = generateValueFromSchema(schema.properties[key], options);
+          obj[key] = generateValueFromSchema(
+            schema.properties[key],
+            options
+          );
         }
         return obj;
       }
@@ -6922,22 +6940,27 @@ var __publicField = (obj, key, value) => {
   }
   class K8sOpenAPI {
     constructor(resourceBasePath) {
-      __publicField(this, "resourceBasePath");
       __publicField(this, "response", null);
       __publicField(this, "apiVersion");
       this.resourceBasePath = resourceBasePath;
       this.apiVersion = getApiVersion(resourceBasePath);
     }
     async fetch() {
-      const response = await fetch(`/api/sks/api/v1/clusters/sks-mgmt/proxy/openapi/v3${this.resourceBasePath}`);
+      const response = await fetch(
+        `/api/sks/api/v1/clusters/sks-mgmt/proxy/openapi/v3${this.resourceBasePath}`
+      );
       return response.json();
     }
     async findSchema(kind) {
       const result = this.response || await this.fetch();
-      const schema = Object.values(result.components.schemas).find((schema2) => {
-        var _a;
-        return (_a = schema2["x-kubernetes-group-version-kind"]) == null ? void 0 : _a.some(({ kind: schemaKind, version: schemaVersion, group: schemaGroup }) => kind === schemaKind && this.apiVersion === `${schemaGroup ? schemaGroup + "/" : ""}${schemaVersion}`);
-      });
+      const schema = Object.values(result.components.schemas).find(
+        (schema2) => {
+          var _a;
+          return (_a = schema2["x-kubernetes-group-version-kind"]) == null ? void 0 : _a.some(
+            ({ kind: schemaKind, version: schemaVersion, group: schemaGroup }) => kind === schemaKind && this.apiVersion === `${schemaGroup ? schemaGroup + "/" : ""}${schemaVersion}`
+          );
+        }
+      );
       if (schema) {
         resolveRef(schema, result.components.schemas, {
           prune: {
@@ -6959,10 +6982,13 @@ var __publicField = (obj, key, value) => {
     const [error, setError] = React.useState(null);
     const useResourceResult = core.useResource();
     const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
-    const openapi = React.useMemo(() => {
-      var _a2;
-      return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath);
-    }, [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath]);
+    const openapi = React.useMemo(
+      () => {
+        var _a2;
+        return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath);
+      },
+      [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath]
+    );
     const fetchSchema = React.useCallback(async () => {
       var _a2;
       setLoading(true);
@@ -7013,7 +7039,10 @@ var __publicField = (obj, key, value) => {
       for (const key in obj2) {
         if (key in obj1) {
           if (lodashEs.isObject(obj2[key]) && lodashEs.isObject(obj1[key])) {
-            merged2[key] = merge(obj1[key], obj2[key]);
+            merged2[key] = merge(
+              obj1[key],
+              obj2[key]
+            );
           }
         } else {
           merged2 = {
@@ -7032,7 +7061,35 @@ var __publicField = (obj, key, value) => {
   const useGlobalStore = () => {
     return React.useContext(GlobalStoreContext);
   };
-  const useEagleForm = ({ action, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter = false, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate } = {}) => {
+  const useEagleForm = ({
+    action,
+    resource,
+    onMutationSuccess: onMutationSuccessProp,
+    onMutationError,
+    submitOnEnter = false,
+    warnWhenUnsavedChanges: warnWhenUnsavedChangesProp,
+    redirect,
+    successNotification,
+    errorNotification,
+    meta,
+    metaData,
+    queryMeta,
+    mutationMeta,
+    liveMode,
+    liveParams,
+    mutationMode,
+    dataProviderName,
+    onLiveEvent,
+    invalidates,
+    undoableTimeout,
+    queryOptions,
+    createMutationOptions,
+    updateMutationOptions,
+    id: idFromProps,
+    overtimeOptions,
+    editorOptions,
+    initialValuesForCreate
+  } = {}) => {
     var _a, _b, _c;
     const editor = React.useRef(null);
     const isFoldRef = React.useRef(false);
@@ -7045,7 +7102,12 @@ var __publicField = (obj, key, value) => {
     const useResourceResult = core.useResource();
     const { globalStore } = useGlobalStore();
     const kit = eagle.useUIKit();
-    const { schema, loading: isLoadingSchema, error: loadSchemaError, fetchSchema } = useSchema({
+    const {
+      schema,
+      loading: isLoadingSchema,
+      error: loadSchemaError,
+      fetchSchema
+    } = useSchema({
       skip: editorOptions == null ? void 0 : editorOptions.isSkipSchema
     });
     const [formAnt] = kit.form.useForm();
@@ -7259,21 +7321,21 @@ var __publicField = (obj, key, value) => {
     return result.join(" ");
   };
   var cx_default = cx;
-  const index_13wdhs = "";
-  const BreadcrumbStyle = "bi2gsxy";
+  const index_hex8jv = "";
+  const BreadcrumbStyle = "b142d7q8";
   function Breadcrumb(props) {
     const {
       breadcrumbs
     } = core.useBreadcrumb();
-    return jsxRuntimeExports.jsx("ul", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
       className: cx_default(BreadcrumbStyle, props.className),
       children: breadcrumbs.map((breadcrumb) => {
-        return jsxRuntimeExports.jsx("li", {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
           className: "breadcrumb-item",
-          children: breadcrumb.href ? jsxRuntimeExports.jsx(reactRouterDom.Link, {
+          children: breadcrumb.href ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Link, {
             to: breadcrumb.href,
             children: breadcrumb.label
-          }) : jsxRuntimeExports.jsx("span", {
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
             children: breadcrumb.label
           })
         }, `breadcrumb-${breadcrumb.label}`);
@@ -7283,7 +7345,7 @@ var __publicField = (obj, key, value) => {
   function NameInputWidget(props) {
     const kit = eagle.useUIKit();
     const { action } = core.useResource();
-    return jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
   }
   const dnsSubDomainRules = [
     {
@@ -7337,7 +7399,7 @@ var __publicField = (obj, key, value) => {
         kind: "Namespace"
       }
     });
-    return jsxRuntimeExports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => jsxRuntimeExports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
   }
   const namespaceRules = [
     {
@@ -7348,23 +7410,33 @@ var __publicField = (obj, key, value) => {
   function KeyValueInput(props) {
     const { children, item } = props;
     const kit = eagle.useUIKit();
-    const onKeyChange = React.useCallback((event2) => {
-      var _a;
-      const key = event2.target.value;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, {
-        ...item,
-        key
-      });
-    }, [item, props]);
-    const onValueChange = React.useCallback((event2) => {
-      var _a;
-      const value = event2.target.value;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, {
-        ...item,
-        value
-      });
-    }, [item, props]);
-    return jsxRuntimeExports.jsxs(kit.space, { children: [jsxRuntimeExports.jsx(kit.input, { value: item.key, onChange: onKeyChange }), jsxRuntimeExports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }), children] });
+    const onKeyChange = React.useCallback(
+      (event2) => {
+        var _a;
+        const key = event2.target.value;
+        (_a = props.onChange) == null ? void 0 : _a.call(props, {
+          ...item,
+          key
+        });
+      },
+      [item, props]
+    );
+    const onValueChange = React.useCallback(
+      (event2) => {
+        var _a;
+        const value = event2.target.value;
+        (_a = props.onChange) == null ? void 0 : _a.call(props, {
+          ...item,
+          value
+        });
+      },
+      [item, props]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { value: item.key, onChange: onKeyChange }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }),
+      children
+    ] });
   }
   function KeyValueListWidget(props) {
     const kit = eagle.useUIKit();
@@ -7375,35 +7447,72 @@ var __publicField = (obj, key, value) => {
         value: value2
       }));
     }, [value]);
-    const onChange = React.useCallback((newItems) => {
-      var _a;
-      const newValue = newItems.reduce((result, item) => {
-        result[item.key] = item.value;
-        return result;
-      }, {});
-      (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
-    }, [props]);
-    const onRemove = React.useCallback((index) => {
-      const result = [...items];
-      result.splice(index, 1);
-      onChange(result);
-    }, [onChange, items]);
+    const onChange = React.useCallback(
+      (newItems) => {
+        var _a;
+        const newValue = newItems.reduce((result, item) => {
+          result[item.key] = item.value;
+          return result;
+        }, {});
+        (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
+      },
+      [props]
+    );
+    const onRemove = React.useCallback(
+      (index) => {
+        const result = [...items];
+        result.splice(index, 1);
+        onChange(result);
+      },
+      [onChange, items]
+    );
     const onAdd = React.useCallback(() => {
       onChange([...items, { key: "", value: "" }]);
     }, [onChange, items]);
-    return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [items.map((item, index) => {
-      return jsxRuntimeExports.jsx(KeyValueInput, { item, onChange: (newItem) => {
-        const temp = [...items];
-        temp.splice(index, 1, newItem);
-        onChange(temp);
-      }, children: jsxRuntimeExports.jsx(kit.button, { onClick: () => {
-        onRemove(index);
-      }, danger: true, children: "Remove" }) }, index);
-    }), jsxRuntimeExports.jsx(kit.form.Item, { children: jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      items.map((item, index) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          KeyValueInput,
+          {
+            item,
+            onChange: (newItem) => {
+              const temp = [...items];
+              temp.splice(index, 1, newItem);
+              onChange(temp);
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              kit.button,
+              {
+                onClick: () => {
+                  onRemove(index);
+                },
+                danger: true,
+                children: "Remove"
+              }
+            )
+          },
+          index
+        );
+      }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })
+    ] });
   }
   function MetadataForm() {
     const kit = eagle.useUIKit();
-    return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: jsxRuntimeExports.jsx(NameInputWidget, {}) }), jsxRuntimeExports.jsx(kit.form.Item, { label: "Namespace", name: ["metadata", "namespace"], rules: namespaceRules, children: jsxRuntimeExports.jsx(NamespaceSelectWidget, {}) }), jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: jsxRuntimeExports.jsx(KeyValueListWidget, {}) }), jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: jsxRuntimeExports.jsx(KeyValueListWidget, {}) })] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        kit.form.Item,
+        {
+          label: "Namespace",
+          name: ["metadata", "namespace"],
+          rules: namespaceRules,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(NamespaceSelectWidget, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
+    ] });
   }
   function addId(arr, idKey) {
     return arr.map((e) => {
@@ -7413,9 +7522,9 @@ var __publicField = (obj, key, value) => {
       };
     });
   }
-  const ErrorContent_ld9jzd = "";
-  const ErrorWrapper$1 = "e1b4sot";
-  const ErrorContent$1 = "e8uzm8w";
+  const ErrorContent_1t51xnx = "";
+  const ErrorWrapper$1 = "eckm4od";
+  const ErrorContent$1 = "e1hl982n";
   const WidgetErrorContent$1 = (props) => {
     const {
       refetch
@@ -7424,15 +7533,15 @@ var __publicField = (obj, key, value) => {
     const {
       t
     } = useTranslation();
-    return jsxRuntimeExports.jsx("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: ErrorWrapper$1,
       style: props.style,
-      children: jsxRuntimeExports.jsxs("div", {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ErrorContent$1,
-        children: [jsxRuntimeExports.jsx("p", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
           className: cx_default(eagle.Typo.Label.l1_regular_title, "title"),
           children: props.errorText || t("dovetail.obtain_data_error")
-        }), refetch ? jsxRuntimeExports.jsx(kit.button, {
+        }), refetch ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
           type: "ordinary",
           onClick: (e) => {
             e.stopPropagation();
@@ -7736,14 +7845,33 @@ var __publicField = (obj, key, value) => {
   var dayjs_minExports = dayjs_min.exports;
   const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
   const Time = (props) => {
-    const { className, date, dateTemplate = "YYYY-MM-DD", timeTemplate = "HH:mm", plainText } = props;
+    const {
+      className,
+      date,
+      dateTemplate = "YYYY-MM-DD",
+      timeTemplate = "HH:mm",
+      plainText
+    } = props;
     if (!date)
-      return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "-" });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "-" });
     const time = dayjs(date);
     if (plainText) {
-      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate)] });
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        dateTemplate !== null && time.format(dateTemplate),
+        " ",
+        timeTemplate !== null && time.format(timeTemplate)
+      ] });
     }
-    return jsxRuntimeExports.jsxs("span", { className: `time-wrapper ${className || ""}`, children: [dateTemplate !== null && jsxRuntimeExports.jsxs("span", { className: "date", children: [" ", time.format(dateTemplate)] }), timeTemplate !== null && jsxRuntimeExports.jsxs("span", { className: "time", children: [" ", time.format(timeTemplate)] })] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `time-wrapper ${className || ""}`, children: [
+      dateTemplate !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "date", children: [
+        " ",
+        time.format(dateTemplate)
+      ] }),
+      timeTemplate !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "time", children: [
+        " ",
+        time.format(timeTemplate)
+      ] })
+    ] });
   };
   const ConditionsTable = ({ conditions = [] }) => {
     const kit = eagle.useUIKit();
@@ -7779,7 +7907,7 @@ var __publicField = (obj, key, value) => {
         sortable: true,
         render: (value, record) => {
           const time = value || record.lastTransitionTime;
-          return jsxRuntimeExports.jsx(Time, { date: new Date(time) });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(time) });
         }
       },
       {
@@ -7791,9 +7919,18 @@ var __publicField = (obj, key, value) => {
       }
     ];
     if (conditionsWithId.length === 0) {
-      return jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
     }
-    return jsxRuntimeExports.jsx(kit.table, { loading: false, dataSource: conditionsWithId, columns, rowKey: "type", empty: t("dovetail.empty") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.table,
+      {
+        loading: false,
+        dataSource: conditionsWithId,
+        columns,
+        rowKey: "type",
+        empty: t("dovetail.empty")
+      }
+    );
   };
   function memoize(fn) {
     var cache = /* @__PURE__ */ Object.create(null);
@@ -7912,14 +8049,14 @@ var __publicField = (obj, key, value) => {
       return o(prop);
     }
   }) : styled;
-  const TableWidgets_ud7uex = "";
+  const TableWidgets_ny30pi = "";
   const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
     name: "AuxiliaryLine",
-    class: "a2h9tb1",
+    class: "ax1qopv",
     propsAsIs: false
   });
-  const index_u4u3rt = "";
-  const TableContainerStyle = "t1qlym8f";
+  const index_dmbxj3 = "";
+  const TableContainerStyle = "t1upn1sz";
   function Table(props) {
     const kit = eagle.useUIKit();
     const {
@@ -7955,7 +8092,7 @@ var __publicField = (obj, key, value) => {
           dataIndex: [],
           title: "",
           render: (_, record) => {
-            return jsxRuntimeExports.jsx(RowMenu, {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
               record
             });
           }
@@ -7965,9 +8102,9 @@ var __publicField = (obj, key, value) => {
       return columns;
     }, [columns, RowMenu]);
     if (loading) {
-      return jsxRuntimeExports.jsx(kit.loading, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
     } else if (error) {
-      return jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
         errorText: t("dovetail.retry_when_access_data_failed"),
         refetch,
         style: {
@@ -7975,17 +8112,17 @@ var __publicField = (obj, key, value) => {
         }
       });
     } else if (dataSource.length === 0) {
-      return jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
         errorText: t("dovetail.empty"),
         style: {
           padding: "15px 0"
         }
       });
     }
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       ref: wrapperRef,
       className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-      children: [jsxRuntimeExports.jsx(kit.table, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
         tableLayout: "fixed",
         rowSelection: onSelect ? {
           onChange: (keys, rows) => {
@@ -8000,9 +8137,9 @@ var __publicField = (obj, key, value) => {
         rowKey,
         wrapper: wrapperRef,
         scroll
-      }), jsxRuntimeExports.jsx(AuxiliaryLine, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
         ref: auxiliaryLineRef
-      }), jsxRuntimeExports.jsx(kit.pagination, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
         current: currentPage,
         size: currentSize,
         count: dataSource.length,
@@ -9621,15 +9758,15 @@ var __publicField = (obj, key, value) => {
   };
   CloseCircleFilled.displayName = "CloseCircleFilled";
   const CloseCircleFilled$1 = React__namespace.forwardRef(CloseCircleFilled);
-  const index_11jlzzy = "";
+  const index_1kmu85y = "";
   const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
     name: "ErrorWrapper",
-    class: "e1h11dp9",
+    class: "egn3dbn",
     propsAsIs: false
   });
   const ErrorContent = /* @__PURE__ */ styled_default("div")({
     name: "ErrorContent",
-    class: "etb8fud",
+    class: "e136jgy8",
     propsAsIs: false
   });
   const WidgetErrorContent = (props) => {
@@ -9642,14 +9779,14 @@ var __publicField = (obj, key, value) => {
     const {
       t
     } = useTranslation();
-    return jsxRuntimeExports.jsx(ErrorWrapper, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
       className: props.className,
       style: props.style,
-      children: jsxRuntimeExports.jsxs(ErrorContent, {
-        children: [jsxRuntimeExports.jsx("p", {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
           className: cx_default(eagle.Typo.Label.l1_regular_title, "title"),
           children: errorText || t("dovetail.obtain_data_error")
-        }), hiddenRetry ? null : jsxRuntimeExports.jsx(kit.button, {
+        }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
           size: "small",
           type: "ordinary",
           onClick: (e) => {
@@ -9664,11 +9801,23 @@ var __publicField = (obj, key, value) => {
   function FormErrorAlert(props) {
     const { errorMsgs, style, className } = props;
     const kit = eagle.useUIKit();
-    return errorMsgs.length ? jsxRuntimeExports.jsx(kit.alert, { message: errorMsgs.length > 1 ? jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index) => jsxRuntimeExports.jsxs("li", { children: [index + 1 + ". ", " ", errorMsg] }, errorMsg)) }) : lodashEs.first(errorMsgs), type: "error", style, className }) : null;
+    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.alert,
+      {
+        message: errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+          index + 1 + ". ",
+          " ",
+          errorMsg
+        ] }, errorMsg)) }) : lodashEs.first(errorMsgs),
+        type: "error",
+        style,
+        className
+      }
+    ) : null;
   }
-  const index_1nvab4 = "";
-  const WrapperStyle$3 = "w13658zk";
-  const TitleStyle$1 = "tttsxpo";
+  const index_17v8shn = "";
+  const WrapperStyle$3 = "w1akirqw";
+  const TitleStyle$1 = "t30srnq";
   function FormLayout(props) {
     var _a;
     const {
@@ -9682,13 +9831,13 @@ var __publicField = (obj, key, value) => {
     const {
       t
     } = useTranslation();
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: WrapperStyle$3,
-      children: [jsxRuntimeExports.jsxs("span", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
         className: cx_default(eagle.Typo.Display.d2_bold_title, TitleStyle$1),
         children: [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, ":", " ", action === "create" ? t("dovetail.create") : t("dovetail.edit")]
-      }), jsxRuntimeExports.jsx(kit.divider, {}), props.children, jsxRuntimeExports.jsx(kit.form.Item, {
-        children: jsxRuntimeExports.jsx(kit.button, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
           type: "primary",
           ...saveButtonProps,
           children: t("dovetail.save")
@@ -9696,99 +9845,267 @@ var __publicField = (obj, key, value) => {
       })]
     });
   }
-  const index_1sgw03v = "";
-  const Style = "sei4avj";
+  const index_12sfrn = "";
+  const Style = "s1bsn3us";
   const Separator = () => {
-    return jsxRuntimeExports.jsx("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: Style
     });
   };
-  const style_1vuohmz = "";
-  const ToolBarStyle = "t1c64d7f";
-  const ToolBarHeaderStyle = "tuo4vmb";
-  const ErrorIconStyle = "eleixrp";
-  const WrapperStyle$2 = "wnjy03b";
-  const TitleStyle = "t1co689z";
-  const IconStyle = "izmhznu";
-  const PlainCodeStyle = "pbgis81";
-  const ErrorMsgStyle = "e28avm5";
-  const ErrorWrapperStyle = "e1bgbp7x";
-  const YamlEditorStyle = "ygh9oo2";
+  const style_inzxm5 = "";
+  const ToolBarStyle = "t1joof7s";
+  const ToolBarHeaderStyle = "tti58uh";
+  const ErrorIconStyle = "e15yt16p";
+  const WrapperStyle$2 = "w3ccqks";
+  const TitleStyle = "t7zbd78";
+  const IconStyle = "i1e4ouxy";
+  const PlainCodeStyle = "pqch97v";
+  const ErrorMsgStyle = "eh2qjnl";
+  const ErrorWrapperStyle = "e19q2bnp";
+  const YamlEditorStyle = "y16u5v3w";
   const MonacoYamlEditor$2 = React.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
   const MonacoYamlDiffEditor$2 = React.lazy(() => Promise.resolve().then(() => MonacoYamlDiffEditor$1));
-  const YamlEditorComponent = React.forwardRef(function YamlEditorComponent2(props, ref) {
-    const { title, collapsable = true, isDefaultCollapsed, defaultValue = "", height, readOnly, errorMsgs = [], schema, eleRef, className } = props;
-    const kit = eagle.useUIKit();
-    const { t } = useTranslation();
-    const [isCollapsed, setIsCollapsed] = React.useState(collapsable ? isDefaultCollapsed : false);
-    const [isDiff, setIsDiff] = React.useState(false);
-    const [value, setValue] = React.useState(defaultValue);
-    const editorInstance = React.useRef();
-    const [copyTooltip, setCopyTooltip] = React.useState(t("dovetail.copy"));
-    const [resetTooltip, setResetTooltip] = React.useState(t("dovetail.reset_arguments"));
-    React.useImperativeHandle(ref, () => {
-      return {
-        setValue,
-        setEditorValue: (value2) => {
-          var _a, _b;
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value2);
+  const YamlEditorComponent = React.forwardRef(
+    function YamlEditorComponent2(props, ref) {
+      const {
+        title,
+        collapsable = true,
+        isDefaultCollapsed,
+        defaultValue = "",
+        height,
+        readOnly,
+        errorMsgs = [],
+        schema,
+        eleRef,
+        className
+      } = props;
+      const kit = eagle.useUIKit();
+      const { t } = useTranslation();
+      const [isCollapsed, setIsCollapsed] = React.useState(
+        collapsable ? isDefaultCollapsed : false
+      );
+      const [isDiff, setIsDiff] = React.useState(false);
+      const [value, setValue] = React.useState(defaultValue);
+      const editorInstance = React.useRef();
+      const [copyTooltip, setCopyTooltip] = React.useState(t("dovetail.copy"));
+      const [resetTooltip, setResetTooltip] = React.useState(t("dovetail.reset_arguments"));
+      React.useImperativeHandle(ref, () => {
+        return {
+          setValue,
+          setEditorValue: (value2) => {
+            var _a, _b;
+            (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value2);
+          },
+          getEditorValue: () => {
+            var _a;
+            return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
+          },
+          getEditorInstance: () => editorInstance.current || null
+        };
+      });
+      const onChange = React.useCallback(
+        (newVal) => {
+          var _a;
+          setValue(newVal);
+          (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
         },
-        getEditorValue: () => {
+        [props.onChange]
+      );
+      const onValidate = React.useCallback(
+        (valid, schemaValid) => {
           var _a;
-          return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
+          (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
         },
-        getEditorInstance: () => editorInstance.current || null
-      };
-    });
-    const onChange = React.useCallback((newVal) => {
-      var _a;
-      setValue(newVal);
-      (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
-    }, [props.onChange]);
-    const onValidate = React.useCallback((valid, schemaValid) => {
-      var _a;
-      (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
-    }, [props.onValidate]);
-    const onEditorCreate = React.useCallback((editor) => {
-      var _a, _b, _c;
-      if (editor.getValue() !== value) {
-        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value);
-      }
-      (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
-    }, [value, props.onEditorCreate]);
-    const getInstance = React.useCallback((ins) => {
-      editorInstance.current = ins;
-    }, []);
-    return jsxRuntimeExports.jsxs("div", { className: cx_default(WrapperStyle$2, className), "data-is-error": !!errorMsgs.length, ref: eleRef, children: [jsxRuntimeExports.jsxs(kit.space, { className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""), direction: "vertical", size: 0, children: [jsxRuntimeExports.jsxs(kit.space, { className: ToolBarHeaderStyle, children: [jsxRuntimeExports.jsxs(kit.space, { size: 8, children: [collapsable && jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.HierarchyTriangleRight16GrayIcon, hoverSrc: iconsReact.HierarchyTriangleRight16BlueIcon, className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"), iconWidth: 16, iconHeight: 16, onClick: () => setIsCollapsed(!isCollapsed) }), jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle, "yaml-editor-title"), children: title || t("dovetail.configure_file") })] }), jsxRuntimeExports.jsxs(kit.space, { size: 14, children: [isDiff ? void 0 : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(kit.tooltip, { title: isCollapsed ? "" : copyTooltip, onVisibleChange: (visible) => {
-      if (!visible) {
-        setTimeout(() => {
-          setCopyTooltip(t("dovetail.copy"));
-        }, 80);
-      }
-    }, children: jsxRuntimeExports.jsx(eagle.Icon, { "data-disabled": isCollapsed, src: iconsReact.ClipboardCopy16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : iconsReact.ClipboardCopy16GradientBlueIcon, className: IconStyle, iconWidth: 16, iconHeight: 16, onClick: () => {
-      if (!isCollapsed) {
-        copyToClipboard(value);
-        setCopyTooltip(t("dovetail.copied"));
-      }
-    } }) }), jsxRuntimeExports.jsx(Separator, {}), jsxRuntimeExports.jsx(kit.tooltip, { title: isCollapsed ? "" : resetTooltip, onVisibleChange: (visible) => {
-      if (!visible) {
-        setTimeout(() => {
-          setResetTooltip(t("dovetail.reset_arguments"));
-        }, 80);
-      }
-    }, children: jsxRuntimeExports.jsx(eagle.Icon, { "data-disabled": isCollapsed, src: iconsReact.Retry16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : iconsReact.Retry16GradientBlueIcon, className: IconStyle, iconWidth: 16, iconHeight: 16, onClick: () => {
-      var _a;
-      if (!isCollapsed) {
-        (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValue);
-        setResetTooltip(t("dovetail.already_reset"));
-      }
-    } }) }), jsxRuntimeExports.jsx(Separator, {})] }), jsxRuntimeExports.jsx(kit.tooltip, { title: isCollapsed ? "" : isDiff ? t("dovetail.back_to_edit") : t("dovetail.view_changes"), children: isDiff ? jsxRuntimeExports.jsx(eagle.Icon, { "data-disabled": isCollapsed, src: iconsReact.EditPen16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : iconsReact.EditPen16GradientBlueIcon, className: IconStyle, iconWidth: 16, iconHeight: 16, onClick: () => isCollapsed ? void 0 : setIsDiff(false) }) : jsxRuntimeExports.jsx(eagle.Icon, { "data-disabled": isCollapsed, src: iconsReact.Showdiff16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : iconsReact.Showdiff16GradientBlueIcon, className: IconStyle, iconWidth: 16, iconHeight: 16, onClick: () => isCollapsed ? void 0 : setIsDiff(true) }) })] })] }), errorMsgs.length ? jsxRuntimeExports.jsxs(kit.space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [jsxRuntimeExports.jsx(iconsReact.XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle }), jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index) => jsxRuntimeExports.jsxs("div", { className: ErrorMsgStyle, children: [errorMsgs.length > 1 ? `${index + 1}. ` : "", errorMsg] }, errorMsg)) })] }) : void 0] }), jsxRuntimeExports.jsx("div", { style: {
-      display: isCollapsed ? "none" : "block",
-      width: "100%",
-      height: height || "500px",
-      zIndex: 1
-    }, children: isDiff ? jsxRuntimeExports.jsx(React.Suspense, { fallback: jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value }), children: jsxRuntimeExports.jsx(MonacoYamlDiffEditor$2, { id: props.id, origin: defaultValue, modified: value, height }) }) : jsxRuntimeExports.jsx(React.Suspense, { fallback: jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value }), children: jsxRuntimeExports.jsx(MonacoYamlEditor$2, { id: props.id, getInstance, defaultValue, height, onChange, onValidate, onEditorCreate, onBlur: props.onBlur, schema, readOnly }) }) })] });
-  });
+        [props.onValidate]
+      );
+      const onEditorCreate = React.useCallback(
+        (editor) => {
+          var _a, _b, _c;
+          if (editor.getValue() !== value) {
+            (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value);
+          }
+          (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
+        },
+        [value, props.onEditorCreate]
+      );
+      const getInstance = React.useCallback((ins) => {
+        editorInstance.current = ins;
+      }, []);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cx_default(WrapperStyle$2, className),
+          "data-is-error": !!errorMsgs.length,
+          ref: eleRef,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              kit.space,
+              {
+                className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
+                direction: "vertical",
+                size: 0,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ToolBarHeaderStyle, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 8, children: [
+                      collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        eagle.Icon,
+                        {
+                          src: iconsReact.HierarchyTriangleRight16GrayIcon,
+                          hoverSrc: iconsReact.HierarchyTriangleRight16BlueIcon,
+                          className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
+                          iconWidth: 16,
+                          iconHeight: 16,
+                          onClick: () => setIsCollapsed(!isCollapsed)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle, "yaml-editor-title"), children: title || t("dovetail.configure_file") })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 14, children: [
+                      isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          kit.tooltip,
+                          {
+                            title: isCollapsed ? "" : copyTooltip,
+                            onVisibleChange: (visible) => {
+                              if (!visible) {
+                                setTimeout(() => {
+                                  setCopyTooltip(t("dovetail.copy"));
+                                }, 80);
+                              }
+                            },
+                            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              eagle.Icon,
+                              {
+                                "data-disabled": isCollapsed,
+                                src: iconsReact.ClipboardCopy16GradientGrayIcon,
+                                hoverSrc: isCollapsed ? void 0 : iconsReact.ClipboardCopy16GradientBlueIcon,
+                                className: IconStyle,
+                                iconWidth: 16,
+                                iconHeight: 16,
+                                onClick: () => {
+                                  if (!isCollapsed) {
+                                    copyToClipboard(value);
+                                    setCopyTooltip(t("dovetail.copied"));
+                                  }
+                                }
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          kit.tooltip,
+                          {
+                            title: isCollapsed ? "" : resetTooltip,
+                            onVisibleChange: (visible) => {
+                              if (!visible) {
+                                setTimeout(() => {
+                                  setResetTooltip(t("dovetail.reset_arguments"));
+                                }, 80);
+                              }
+                            },
+                            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              eagle.Icon,
+                              {
+                                "data-disabled": isCollapsed,
+                                src: iconsReact.Retry16GradientGrayIcon,
+                                hoverSrc: isCollapsed ? void 0 : iconsReact.Retry16GradientBlueIcon,
+                                className: IconStyle,
+                                iconWidth: 16,
+                                iconHeight: 16,
+                                onClick: () => {
+                                  var _a;
+                                  if (!isCollapsed) {
+                                    (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValue);
+                                    setResetTooltip(t("dovetail.already_reset"));
+                                  }
+                                }
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        kit.tooltip,
+                        {
+                          title: isCollapsed ? "" : isDiff ? t("dovetail.back_to_edit") : t("dovetail.view_changes"),
+                          children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            eagle.Icon,
+                            {
+                              "data-disabled": isCollapsed,
+                              src: iconsReact.EditPen16GradientGrayIcon,
+                              hoverSrc: isCollapsed ? void 0 : iconsReact.EditPen16GradientBlueIcon,
+                              className: IconStyle,
+                              iconWidth: 16,
+                              iconHeight: 16,
+                              onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                            }
+                          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            eagle.Icon,
+                            {
+                              "data-disabled": isCollapsed,
+                              src: iconsReact.Showdiff16GradientGrayIcon,
+                              hoverSrc: isCollapsed ? void 0 : iconsReact.Showdiff16GradientBlueIcon,
+                              className: IconStyle,
+                              iconWidth: 16,
+                              iconHeight: 16,
+                              onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ] }),
+                  errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: ErrorMsgStyle, children: [
+                      errorMsgs.length > 1 ? `${index + 1}. ` : "",
+                      errorMsg
+                    ] }, errorMsg)) })
+                  ] }) : void 0
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                style: {
+                  display: isCollapsed ? "none" : "block",
+                  width: "100%",
+                  height: height || "500px",
+                  zIndex: 1
+                },
+                children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  MonacoYamlDiffEditor$2,
+                  {
+                    id: props.id,
+                    origin: defaultValue,
+                    modified: value,
+                    height
+                  }
+                ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  MonacoYamlEditor$2,
+                  {
+                    id: props.id,
+                    getInstance,
+                    defaultValue,
+                    height,
+                    onChange,
+                    onValidate,
+                    onEditorCreate,
+                    onBlur: props.onBlur,
+                    schema,
+                    readOnly
+                  }
+                ) })
+              }
+            )
+          ]
+        }
+      );
+    }
+  );
   function copyToClipboard(text) {
     const input = document.createElement("textarea");
     input.value = text;
@@ -10015,42 +10332,51 @@ var __publicField = (obj, key, value) => {
           params = info.params;
           message2 = info.message;
         } catch {
-          return i18n2.t([
+          return i18n2.t(
+            [
+              `error.${cause.reason}`,
+              `error.${cause.code}`,
+              `${message2}${cause.field ? `(${cause.field})` : ""}`
+            ],
+            {
+              ...params,
+              fallbackLng: ""
+            }
+          );
+        }
+        return i18n2.t(
+          [
             `error.${cause.reason}`,
             `error.${cause.code}`,
             `${message2}${cause.field ? `(${cause.field})` : ""}`
-          ], {
+          ],
+          {
             ...params,
             fallbackLng: ""
-          });
-        }
-        return i18n2.t([
-          `error.${cause.reason}`,
-          `error.${cause.code}`,
-          `${message2}${cause.field ? `(${cause.field})` : ""}`
-        ], {
-          ...params,
-          fallbackLng: ""
-        });
+          }
+        );
       });
     }
     return [
-      i18n2.t([`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""], { fallbackLng: "" })
+      i18n2.t(
+        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+        { fallbackLng: "" }
+      )
     ];
   }
-  const index_sh1b5h = "";
-  const FormStyle = "ffa54xl";
-  const EditorStyle$1 = "efn9nig";
-  exports2.SchemaStrategy = void 0;
-  (function(SchemaStrategy) {
-    SchemaStrategy["Required"] = "Required";
-    SchemaStrategy["Optional"] = "Optional";
-    SchemaStrategy["None"] = "None";
-  })(exports2.SchemaStrategy || (exports2.SchemaStrategy = {}));
+  const index_1r3lc5t = "";
+  const FormStyle = "f5ks0bl";
+  const EditorStyle$1 = "e1tqaxpu";
+  var SchemaStrategy = /* @__PURE__ */ ((SchemaStrategy2) => {
+    SchemaStrategy2["Required"] = "Required";
+    SchemaStrategy2["Optional"] = "Optional";
+    SchemaStrategy2["None"] = "None";
+    return SchemaStrategy2;
+  })(SchemaStrategy || {});
   function YamlForm(props) {
     const {
       id,
-      schemaStrategy = exports2.SchemaStrategy.Optional,
+      schemaStrategy = "Optional",
       isShowLayout = true,
       onSaveButtonPropsChange
     } = props;
@@ -10066,7 +10392,8 @@ var __publicField = (obj, key, value) => {
       id,
       action: id ? "edit" : "create",
       editorOptions: {
-        isSkipSchema: schemaStrategy === exports2.SchemaStrategy.None
+        isSkipSchema: schemaStrategy === "None"
+        /* None */
       },
       liveMode: "off",
       initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE
@@ -10089,9 +10416,9 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       onSaveButtonPropsChange == null ? void 0 : onSaveButtonPropsChange(saveButtonProps);
     }, [saveButtonProps, onSaveButtonPropsChange]);
-    return jsxRuntimeExports.jsx(FormWrapper, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FormWrapper, {
       saveButtonProps,
-      children: jsxRuntimeExports.jsx(kit.form, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form, {
         ...formProps,
         initialValues: formProps.initialValues,
         layout: "horizontal",
@@ -10099,28 +10426,28 @@ var __publicField = (obj, key, value) => {
         onFinish,
         children: (() => {
           if (isLoadingSchema) {
-            return jsxRuntimeExports.jsx(kit.loading, {});
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
           }
-          return editorProps.schema || schemaStrategy !== exports2.SchemaStrategy.Required ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-            children: [jsxRuntimeExports.jsx(kit.form.Item, {
+          return editorProps.schema || schemaStrategy !== "Required" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
               style: {
                 flex: 1
               },
-              children: jsxRuntimeExports.jsx(YamlEditorComponent, {
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(YamlEditorComponent, {
                 ...editorProps,
                 className: EditorStyle$1,
                 schema,
                 collapsable: false
               })
-            }), jsxRuntimeExports.jsx(kit.form.Item, {
-              children: mutationResult.error && jsxRuntimeExports.jsx(FormErrorAlert, {
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+              children: mutationResult.error && /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
                 errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message],
                 style: {
                   marginBottom: 16
                 }
               })
             })]
-          }) : jsxRuntimeExports.jsx(WidgetErrorContent, {
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
             errorText: t("dovetail.fetch_schema_fail"),
             refetch: fetchSchema
           });
@@ -10129,8 +10456,8 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ConfigsContext = React.createContext({});
-  const index_1yt09oz = "";
-  const FullscreenModalStyle = "frcixbr";
+  const index_16ywf6g = "";
+  const FullscreenModalStyle = "fbinl28";
   function FormModal(props) {
     const {
       resource: resourceFromProps,
@@ -10161,12 +10488,12 @@ var __publicField = (obj, key, value) => {
     const onFinish = React.useCallback(() => {
       eagle.popModal();
     }, []);
-    return jsxRuntimeExports.jsx(kit.modal, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, {
       className: FullscreenModalStyle,
       width: "calc(100vw - 16px)",
       title,
       okButtonProps: saveButtonProps,
-      closeIcon: jsxRuntimeExports.jsx(CloseCircleFilled$1, {}),
+      closeIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseCircleFilled$1, {}),
       onOk,
       onCancel,
       destroyOnClose: true,
@@ -10177,7 +10504,7 @@ var __publicField = (obj, key, value) => {
         id,
         onSaveButtonPropsChange: setSaveButtonProps,
         onFinish
-      }) : jsxRuntimeExports.jsx(YamlForm, {
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(YamlForm, {
         ...formProps,
         initialValues: (formProps == null ? void 0 : formProps.initialValues) || (config == null ? void 0 : config.initValue),
         id,
@@ -10191,31 +10518,34 @@ var __publicField = (obj, key, value) => {
     const { resource } = core.useParsed();
     const go = core.useGo();
     const navigation = core.useNavigation();
-    const edit2 = React.useCallback((id) => {
-      go({
-        to: navigation.editUrl((resource == null ? void 0 : resource.name) || "", id),
-        query: {
-          id
-        },
-        options: {
-          keepQuery: true
-        }
-      });
-    }, [go, resource == null ? void 0 : resource.name]);
+    const edit2 = React.useCallback(
+      (id) => {
+        go({
+          to: navigation.editUrl((resource == null ? void 0 : resource.name) || "", id),
+          query: {
+            id
+          },
+          options: {
+            keepQuery: true
+          }
+        });
+      },
+      [go, resource == null ? void 0 : resource.name]
+    );
     return { edit: edit2 };
   }
-  exports2.RESOURCE_GROUP = void 0;
-  (function(RESOURCE_GROUP) {
-    RESOURCE_GROUP["WORKLOAD"] = "WORKLOAD";
-    RESOURCE_GROUP["STORAGE"] = "STORAGE";
-    RESOURCE_GROUP["NETWORK"] = "NETWORK";
-    RESOURCE_GROUP["CLUSTER"] = "CLUSTER";
-  })(exports2.RESOURCE_GROUP || (exports2.RESOURCE_GROUP = {}));
-  exports2.FormType = void 0;
-  (function(FormType) {
-    FormType["PAGE"] = "PAGE";
-    FormType["MODAL"] = "MODAL";
-  })(exports2.FormType || (exports2.FormType = {}));
+  var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
+    RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
+    RESOURCE_GROUP2["STORAGE"] = "STORAGE";
+    RESOURCE_GROUP2["NETWORK"] = "NETWORK";
+    RESOURCE_GROUP2["CLUSTER"] = "CLUSTER";
+    return RESOURCE_GROUP2;
+  })(RESOURCE_GROUP || {});
+  var FormType = /* @__PURE__ */ ((FormType2) => {
+    FormType2["PAGE"] = "PAGE";
+    FormType2["MODAL"] = "MODAL";
+    return FormType2;
+  })(FormType || {});
   function getInitialValues(config) {
     return config.initValue || {
       apiVersion: config.apiVersion,
@@ -10233,7 +10563,7 @@ var __publicField = (obj, key, value) => {
     return function openForm() {
       if (resource == null ? void 0 : resource.name) {
         const config = configs[resource.name];
-        if (config.formType === void 0 || config.formType === exports2.FormType.MODAL) {
+        if (config.formType === void 0 || config.formType === FormType.MODAL) {
           eagle.pushModal({
             component: config.FormModal || FormModal,
             props: {
@@ -10261,7 +10591,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const { t } = useTranslation();
     const openForm = useOpenForm();
-    return jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: openForm, children: t("dovetail.create") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: openForm, children: t("dovetail.create") });
   }
   const useDeleteManyModal = (resource, ids) => {
     const { mutate } = core.useDeleteMany();
@@ -10295,33 +10625,39 @@ var __publicField = (obj, key, value) => {
     const { resource } = core.useResource();
     const kit = eagle.useUIKit();
     const { t } = useTranslation();
-    const { modalProps, visible, setVisible } = useDeleteManyModal((resource == null ? void 0 : resource.name) || "", props.ids);
+    const { modalProps, visible, setVisible } = useDeleteManyModal(
+      (resource == null ? void 0 : resource.name) || "",
+      props.ids
+    );
     const onClick = React.useCallback(() => {
       setVisible(true);
     }, [setVisible]);
-    return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t("dovetail.delete") }), visible ? jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t("dovetail.delete") }),
+      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    ] });
   };
-  const TableToolBar_1cm5zcd = "";
-  const ToolbarStyle$1 = "t1mdbhf0";
+  const TableToolBar_1a3t35p = "";
+  const ToolbarStyle$1 = "t1v3ienx";
   const TableToolBar = ({
     title,
     selectedKeys,
     hideCreate
   }) => {
     const kit = eagle.useUIKit();
-    return jsxRuntimeExports.jsxs(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       className: cx_default(ToolbarStyle$1, "table-toolbar"),
-      children: [jsxRuntimeExports.jsx("span", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: eagle.Typo.Display.d2_bold_title,
         children: title
-      }), jsxRuntimeExports.jsxs(kit.space, {
-        children: [selectedKeys.length > 0 ? jsxRuntimeExports.jsx(DeleteManyButton, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+        children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
           ids: selectedKeys
-        }) : void 0, !hideCreate ? jsxRuntimeExports.jsx(CreateButton, {}) : null]
+        }) : void 0, !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null]
       })]
     });
   };
-  const index_13mze2u = "";
+  const index_1hr2h38 = "";
   function matchOwner(job, owner) {
     var _a;
     let match = false;
@@ -10356,14 +10692,14 @@ var __publicField = (obj, key, value) => {
       });
     }, [data2 == null ? void 0 : data2.data, owner]);
     const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
-    return jsxRuntimeExports.jsxs(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       direction: "vertical",
-      className: "c1eeaz4k",
-      children: [jsxRuntimeExports.jsx(TableToolBar, {
+      className: "c16agr8o",
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         title: "Jobs",
         selectedKeys,
         hideCreate: true
-      }), jsxRuntimeExports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
         tableKey: "cronjobs",
         loading: !dataSource,
         data: dataSource || [],
@@ -10386,52 +10722,69 @@ var __publicField = (obj, key, value) => {
       meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" }
     });
     const parsed = core.useParsed();
-    const columns = React.useMemo(() => [
-      NameSpaceColumnRenderer(i18n2),
-      {
-        key: "type",
-        display: true,
-        dataIndex: ["type"],
-        title: i18n2.t("dovetail.type"),
-        sortable: true,
-        sorter: CommonSorter(["type"])
-      },
-      {
-        key: "reason",
-        display: true,
-        dataIndex: ["reason"],
-        title: i18n2.t("dovetail.reason"),
-        sortable: true,
-        sorter: CommonSorter(["reason"])
-      },
-      {
-        key: "object",
-        display: true,
-        dataIndex: ["regarding", "name"],
-        title: i18n2.t("dovetail.object"),
-        sortable: true,
-        sorter: CommonSorter(["regarding", "name"])
-      },
-      {
-        key: "note",
-        display: true,
-        dataIndex: ["note"],
-        title: i18n2.t("dovetail.note"),
-        sortable: true,
-        sorter: CommonSorter(["note"])
-      },
-      AgeColumnRenderer(i18n2)
-    ], [i18n2]);
+    const columns = React.useMemo(
+      () => [
+        NameSpaceColumnRenderer(i18n2),
+        {
+          key: "type",
+          display: true,
+          dataIndex: ["type"],
+          title: i18n2.t("dovetail.type"),
+          sortable: true,
+          sorter: CommonSorter(["type"])
+        },
+        {
+          key: "reason",
+          display: true,
+          dataIndex: ["reason"],
+          title: i18n2.t("dovetail.reason"),
+          sortable: true,
+          sorter: CommonSorter(["reason"])
+        },
+        {
+          key: "object",
+          display: true,
+          dataIndex: ["regarding", "name"],
+          title: i18n2.t("dovetail.object"),
+          sortable: true,
+          sorter: CommonSorter(["regarding", "name"])
+        },
+        {
+          key: "note",
+          display: true,
+          dataIndex: ["note"],
+          title: i18n2.t("dovetail.note"),
+          sortable: true,
+          sorter: CommonSorter(["note"])
+        },
+        AgeColumnRenderer(i18n2)
+      ],
+      [i18n2]
+    );
     const dataSource = React.useMemo(() => {
       return data2 == null ? void 0 : data2.data.filter((d) => {
         const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
         return objectId === parsed.id;
       });
     }, [data2 == null ? void 0 : data2.data, parsed]);
-    return jsxRuntimeExports.jsx(Table, { tableKey: "events", loading: isLoading, data: dataSource || [], columns, rowKey: "id", error: false, currentPage, onPageChange: (p) => setCurrentPage(p), currentSize: 10, refetch: () => null });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Table,
+      {
+        tableKey: "events",
+        loading: isLoading,
+        data: dataSource || [],
+        columns,
+        rowKey: "id",
+        error: false,
+        currentPage,
+        onPageChange: (p) => setCurrentPage(p),
+        currentSize: 10,
+        refetch: () => null
+      }
+    );
   };
-  const index_1c5ypbl = "";
-  const MoreTriggerStyle = "m1d8kti3";
+  const index_86mllf = "";
+  const MoreTriggerStyle = "m1u1f5zp";
   const ImageNames = ({
     value
   }) => {
@@ -10439,18 +10792,18 @@ var __publicField = (obj, key, value) => {
     const {
       t
     } = useTranslation();
-    return jsxRuntimeExports.jsxs("span", {
-      children: [jsxRuntimeExports.jsx("span", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         children: value[0]
-      }), value.length > 1 && jsxRuntimeExports.jsx(kit.tooltip, {
-        title: jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+      }), value.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tooltip, {
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
           children: value.slice(1).map((name2, index) => {
-            return jsxRuntimeExports.jsx("div", {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
               children: name2
             }, index);
           })
         }),
-        children: jsxRuntimeExports.jsxs("div", {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
           className: cx_default(eagle.Typo.Label.l4_regular, MoreTriggerStyle),
           children: ["+", value.length - 1, " ", t("dovetail.more")]
         })
@@ -10473,7 +10826,7 @@ var __publicField = (obj, key, value) => {
         }
       });
     };
-    return jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
   };
   const IngressRulesTable = ({ ingress }) => {
     const kit = eagle.useUIKit();
@@ -10503,7 +10856,14 @@ var __publicField = (obj, key, value) => {
         title: t("dovetail.service"),
         sortable: true,
         render: (serviceName) => {
-          return jsxRuntimeExports.jsx(ResourceLink, { name: "services", namespace: ingress.metadata.namespace || "default", resourceId: serviceName });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ResourceLink,
+            {
+              name: "services",
+              namespace: ingress.metadata.namespace || "default",
+              resourceId: serviceName
+            }
+          );
         }
       },
       {
@@ -10515,14 +10875,23 @@ var __publicField = (obj, key, value) => {
       }
     ];
     if (rows.length === 0) {
-      return jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
     }
-    return jsxRuntimeExports.jsx(kit.table, { loading: false, dataSource: rows, columns, rowKey: "type", empty: t("dovetail.empty") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.table,
+      {
+        loading: false,
+        dataSource: rows,
+        columns,
+        rowKey: "type",
+        empty: t("dovetail.empty")
+      }
+    );
   };
   const KeyValue = ({ value }) => {
     const kit = eagle.useUIKit();
     if (!value || Object.keys.length === 0) {
-      return jsxRuntimeExports.jsx("div", { children: "Empty" });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Empty" });
     }
     const data2 = Object.keys(value).map((key) => {
       return {
@@ -10531,18 +10900,25 @@ var __publicField = (obj, key, value) => {
         value: value[key]
       };
     });
-    return jsxRuntimeExports.jsx(kit.table, { loading: false, columns: [
-      {
-        key: "key",
-        title: "Key",
-        dataIndex: ["key"]
-      },
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.table,
       {
-        key: "value",
-        title: "Value",
-        dataIndex: ["value"]
+        loading: false,
+        columns: [
+          {
+            key: "key",
+            title: "Key",
+            dataIndex: ["key"]
+          },
+          {
+            key: "value",
+            title: "Value",
+            dataIndex: ["value"]
+          }
+        ],
+        dataSource: data2
       }
-    ], dataSource: data2 });
+    );
   };
   function matchSelector(pod, selector) {
     var _a, _b, _c;
@@ -10554,7 +10930,7 @@ var __publicField = (obj, key, value) => {
     }
     return match;
   }
-  const WorkloadPodsTable_1r3xl5w = "";
+  const WorkloadPodsTable_1giuese = "";
   const WorkloadPodsTable = ({
     selector,
     hideToolbar
@@ -10583,14 +10959,14 @@ var __publicField = (obj, key, value) => {
       });
     }, [data2 == null ? void 0 : data2.data, selector]);
     const columns = [StateDisplayColumnRenderer(i18n2), NameColumnRenderer(i18n2, "pods"), NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2)];
-    return jsxRuntimeExports.jsxs(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       direction: "vertical",
-      className: "c1hihiu9",
-      children: [hideToolbar ? null : jsxRuntimeExports.jsx(TableToolBar, {
+      className: "c1dicff8",
+      children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         title: "",
         selectedKeys,
         hideCreate: true
-      }), jsxRuntimeExports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
         tableKey: "pods",
         loading: !dataSource,
         data: dataSource || [],
@@ -10642,9 +11018,9 @@ var __publicField = (obj, key, value) => {
       onSubmit
     };
   }
-  const index_ddml0x = "";
-  const EditFieldModalStyle = "e1m822bh";
-  const EditButtonStyle = "e1yqcgb6";
+  const index_13sllsf = "";
+  const EditFieldModalStyle = "esoz3jw";
+  const EditButtonStyle = "e1m0bgls";
   function EditFieldModal(props) {
     const {
       title,
@@ -10668,7 +11044,7 @@ var __publicField = (obj, key, value) => {
       eagle.popModal();
       reset();
     }, [reset]);
-    return jsxRuntimeExports.jsxs(kit.modal, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.modal, {
       className: EditFieldModalStyle,
       title: title || i18n2.t("dovetail.edit"),
       confirmLoading: submitting,
@@ -10676,7 +11052,7 @@ var __publicField = (obj, key, value) => {
       onCancel: close,
       normal: true,
       destroyOnClose: true,
-      children: [renderContent(), jsxRuntimeExports.jsx(FormErrorAlert, {
+      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
         style: {
           marginTop: 16
         },
@@ -10692,7 +11068,7 @@ var __publicField = (obj, key, value) => {
     const {
       i18n: i18n2
     } = useTranslation();
-    return jsxRuntimeExports.jsx(kit.button, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
       className: EditButtonStyle,
       type: "link",
       onClick: () => {
@@ -10723,17 +11099,30 @@ var __publicField = (obj, key, value) => {
     React.useImperativeHandle(ref, () => ({
       submit
     }), [submit]);
-    return jsxRuntimeExports.jsx(kit.form.Item, { label: label2, children: jsxRuntimeExports.jsx(kit.fields.Integer, { input: {
-      name: "replicas",
-      value: replicas2,
-      onChange: (value) => {
-        setReplicas(Number(value));
-      },
-      onBlur: () => {
-      },
-      onFocus: () => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.form.Item,
+      {
+        label: label2,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          kit.fields.Integer,
+          {
+            input: {
+              name: "replicas",
+              value: replicas2,
+              onChange: (value) => {
+                setReplicas(Number(value));
+              },
+              onBlur: () => {
+              },
+              onFocus: () => {
+              }
+            },
+            meta: {},
+            controls: true
+          }
+        )
       }
-    }, meta: {}, controls: true }) });
+    );
   });
   function WorkloadReplicas({ record, label: label2, editable }) {
     const formRef = React.useRef(null);
@@ -10741,12 +11130,30 @@ var __publicField = (obj, key, value) => {
     const replicas2 = record.spec && "replicas" in record.spec ? record.spec.replicas : 0;
     const canScale = record.kind === "Deployment" || record.kind === "StatefulSet";
     const currentReplicas = lodashEs.get(record, "spec.replicas", 0);
-    return jsxRuntimeExports.jsxs("span", { children: [readyReplicas, "/", replicas2, editable && canScale && jsxRuntimeExports.jsx(EditField, { modalProps: {
-      formRef,
-      renderContent() {
-        return jsxRuntimeExports.jsx(WorkloadReplicasForm, { ref: formRef, defaultValue: currentReplicas, record, label: label2 || "" });
-      }
-    } })] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      readyReplicas,
+      "/",
+      replicas2,
+      editable && canScale && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EditField,
+        {
+          modalProps: {
+            formRef,
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                WorkloadReplicasForm,
+                {
+                  ref: formRef,
+                  defaultValue: currentReplicas,
+                  record,
+                  label: label2 || ""
+                }
+              );
+            }
+          }
+        }
+      )
+    ] });
   }
   const ImageField = (i18n2) => {
     return {
@@ -10755,7 +11162,7 @@ var __publicField = (obj, key, value) => {
       path: ["imageNames"],
       col: 12,
       renderContent(value) {
-        return jsxRuntimeExports.jsx(ImageNames, { value });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageNames, { value });
       }
     };
   };
@@ -10765,7 +11172,7 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.replicas"),
       path: ["status", "replicas"],
       renderContent: (_, record, field) => {
-        return jsxRuntimeExports.jsx(WorkloadReplicas, { record, label: field.title, editable: true });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadReplicas, { record, label: field.title, editable: true });
       }
     };
   };
@@ -10775,7 +11182,7 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.condition"),
       path: ["status", "conditions"],
       renderContent: (value) => {
-        return jsxRuntimeExports.jsx(ConditionsTable, { conditions: value });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value });
       }
     };
   };
@@ -10786,9 +11193,15 @@ var __publicField = (obj, key, value) => {
       path: [],
       renderContent: (_, record) => {
         var _a, _b;
-        return jsxRuntimeExports.jsx(WorkloadPodsTable, { selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r) => {
-          return r.kind === "Pod" && r.type === "creates";
-        })) == null ? void 0 : _b.selector, hideToolbar: true });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          WorkloadPodsTable,
+          {
+            selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r) => {
+              return r.kind === "Pod" && r.type === "creates";
+            })) == null ? void 0 : _b.selector,
+            hideToolbar: true
+          }
+        );
       }
     };
   };
@@ -10799,13 +11212,18 @@ var __publicField = (obj, key, value) => {
       path: [],
       renderContent: (_, record) => {
         var _a, _b, _c;
-        return jsxRuntimeExports.jsx(CronjobJobsTable, { owner: {
-          apiVersion: record.apiVersion || "",
-          kind: record.kind || "",
-          name: ((_a = record.metadata) == null ? void 0 : _a.name) || "",
-          namespace: ((_b = record.metadata) == null ? void 0 : _b.namespace) || "",
-          uid: ((_c = record.metadata) == null ? void 0 : _c.uid) || ""
-        } });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CronjobJobsTable,
+          {
+            owner: {
+              apiVersion: record.apiVersion || "",
+              kind: record.kind || "",
+              name: ((_a = record.metadata) == null ? void 0 : _a.name) || "",
+              namespace: ((_b = record.metadata) == null ? void 0 : _b.namespace) || "",
+              uid: ((_c = record.metadata) == null ? void 0 : _c.uid) || ""
+            }
+          }
+        );
       }
     };
   };
@@ -10815,7 +11233,7 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.data"),
       path: ["data"],
       renderContent: (val) => {
-        return jsxRuntimeExports.jsx(KeyValue, { value: val });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { value: val });
       }
     };
   };
@@ -10829,7 +11247,7 @@ var __publicField = (obj, key, value) => {
         for (const key in val) {
           decodeVal[key] = atob(val[key]);
         }
-        return jsxRuntimeExports.jsx(KeyValue, { value: decodeVal });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { value: decodeVal });
       }
     };
   };
@@ -10840,7 +11258,7 @@ var __publicField = (obj, key, value) => {
       path: ["status", "startTime"],
       col: 12,
       renderContent(value) {
-        return jsxRuntimeExports.jsx(Time, { date: value });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: value });
       }
     };
   };
@@ -10872,9 +11290,14 @@ var __publicField = (obj, key, value) => {
       path: [],
       renderContent: (_, record) => {
         var _a, _b;
-        return jsxRuntimeExports.jsx(WorkloadPodsTable, { selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r) => {
-          return r.kind === "Pod" && r.type === "selects";
-        })) == null ? void 0 : _b.selector });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          WorkloadPodsTable,
+          {
+            selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r) => {
+              return r.kind === "Pod" && r.type === "selects";
+            })) == null ? void 0 : _b.selector
+          }
+        );
       }
     };
   };
@@ -10884,7 +11307,7 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.rule"),
       path: ["spec", "rules"],
       renderContent: (_, record) => {
-        return jsxRuntimeExports.jsx(IngressRulesTable, { ingress: record });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesTable, { ingress: record });
       }
     };
   };
@@ -10894,13 +11317,16 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.event"),
       path: [],
       renderContent: () => {
-        return jsxRuntimeExports.jsx(EventsTable, {});
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {});
       }
     };
   };
   function download(filename, content) {
     const element = document.createElement("a");
-    element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(content));
+    element.setAttribute(
+      "href",
+      "data:text/plain;charset=utf-8," + encodeURIComponent(content)
+    );
     element.setAttribute("download", filename);
     element.style.display = "none";
     document.body.appendChild(element);
@@ -10921,29 +11347,64 @@ var __publicField = (obj, key, value) => {
     const { globalStore } = useGlobalStore();
     const useResourceResult = core.useResource();
     const resource = useResourceResult.resource;
-    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal((resource == null ? void 0 : resource.name) || "");
+    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
+      (resource == null ? void 0 : resource.name) || ""
+    );
     const download2 = useDownloadYAML();
     const { t } = useTranslation();
     const openForm = useOpenForm({ id: record.id });
-    return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(kit.dropdown, { overlay: jsxRuntimeExports.jsxs(kit.menu, { children: [jsxRuntimeExports.jsx(kit.menuItem, { onClick: openForm, children: jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t("dovetail.edit") }) }), jsxRuntimeExports.jsx(kit.menuItem, { danger: true, onClick: () => {
-      openDeleteConfirmModal(record.id);
-    }, children: jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.TrashBinDelete16Icon, children: t("dovetail.delete") }) }), jsxRuntimeExports.jsx(kit.menu.Item, { onClick: () => {
-      var _a;
-      if (record.id) {
-        download2({
-          name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
-          item: (globalStore == null ? void 0 : globalStore.restoreItem(record)) || record
-        });
-      }
-    }, children: jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t("dovetail.download_yaml") }) }), props.children] }), children: jsxRuntimeExports.jsx(kit.button, { type: "tertiary", size: "small", children: jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.MoreEllipsis316BoldBlueIcon }) }) }), visible ? jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        kit.dropdown,
+        {
+          overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              kit.menuItem,
+              {
+                onClick: openForm,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t("dovetail.edit") })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              kit.menuItem,
+              {
+                danger: true,
+                onClick: () => {
+                  openDeleteConfirmModal(record.id);
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.TrashBinDelete16Icon, children: t("dovetail.delete") })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              kit.menu.Item,
+              {
+                onClick: () => {
+                  var _a;
+                  if (record.id) {
+                    download2({
+                      name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
+                      item: (globalStore == null ? void 0 : globalStore.restoreItem(record)) || record
+                    });
+                  }
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t("dovetail.download_yaml") })
+              }
+            ),
+            props.children
+          ] }),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "tertiary", size: "small", children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.MoreEllipsis316BoldBlueIcon }) })
+        }
+      ),
+      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    ] });
   }
-  const index_1oh57rm = "";
-  const WrapperStyle$1 = "w1yce3a8";
-  const HeaderStyle$1 = "h7one0q";
-  const HeaderItemStyle = "hzcpp2l";
-  const ExpandButtonStyle = "est6l5i";
-  const ContentBlockStyle = "cn4owzo";
-  const KeyStyle = "k3ydhf5";
+  const index_1j8sdg6 = "";
+  const WrapperStyle$1 = "woio6qj";
+  const HeaderStyle$1 = "h1pmxp8z";
+  const HeaderItemStyle = "h1btthoz";
+  const ExpandButtonStyle = "ewkumn1";
+  const ContentBlockStyle = "c1in0x5n";
+  const KeyStyle = "klhq5sj";
   function KeyValueData(props) {
     const {
       datas,
@@ -10954,14 +11415,14 @@ var __publicField = (obj, key, value) => {
     const {
       t
     } = useTranslation();
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: WrapperStyle$1,
-      children: [jsxRuntimeExports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: HeaderStyle$1,
-        children: [jsxRuntimeExports.jsx("span", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: HeaderItemStyle,
           children: Object.keys(datas).length
-        }), jsxRuntimeExports.jsx(kit.button, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
           type: "link",
           className: ExpandButtonStyle,
           onClick: () => {
@@ -10969,12 +11430,12 @@ var __publicField = (obj, key, value) => {
           },
           children: isExpand ? t("dovetail.fold") : t("dovetail.expand")
         })]
-      }), isExpand ? Object.keys(datas).map((key) => jsxRuntimeExports.jsxs("div", {
+      }), isExpand ? Object.keys(datas).map((key) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ContentBlockStyle,
-        children: [jsxRuntimeExports.jsx("span", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: cx_default(KeyStyle, eagle.Typo.Label.l4_regular),
           children: key
-        }), jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: eagle.Typo.Label.l4_regular,
           children: datas[key]
         })]
@@ -10985,7 +11446,19 @@ var __publicField = (obj, key, value) => {
   const MonacoYamlEditor = (props) => {
     const ref = React.useRef(null);
     const instanceRef = React.useRef({ editor: null });
-    const { defaultValue, id, height, readOnly, schema, isScrollOnFocus, onChange, onValidate, getInstance, onEditorCreate, onBlur } = props;
+    const {
+      defaultValue,
+      id,
+      height,
+      readOnly,
+      schema,
+      isScrollOnFocus,
+      onChange,
+      onValidate,
+      getInstance,
+      onEditorCreate,
+      onBlur
+    } = props;
     const uri = id ? monaco__namespace.Uri.parse(`${id}.yaml`) : void 0;
     React.useEffect(() => {
       if (schema) {
@@ -11105,30 +11578,37 @@ var __publicField = (obj, key, value) => {
         stops.forEach((stop) => stop.dispose());
       };
     }, [instanceRef.current.editor, isScrollOnFocus]);
-    return jsxRuntimeExports.jsx("div", { ref, className: cx_default(YamlEditorStyle, props.className), style: {
-      width: "100%",
-      height: height || "500px"
-    } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref,
+        className: cx_default(YamlEditorStyle, props.className),
+        style: {
+          width: "100%",
+          height: height || "500px"
+        }
+      }
+    );
   };
   const MonacoYamlEditor$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     default: MonacoYamlEditor
   }, Symbol.toStringTag, { value: "Module" }));
-  exports2.WorkloadState = void 0;
-  (function(WorkloadState) {
-    WorkloadState["UPDATEING"] = "updating";
-    WorkloadState["READY"] = "ready";
-    WorkloadState["COMPLETED"] = "completed";
-    WorkloadState["FAILED"] = "failed";
-    WorkloadState["SUSPENDED"] = "suspended";
-    WorkloadState["RUNNING"] = "running";
-    WorkloadState["SUCCEEDED"] = "succeeded";
-    WorkloadState["UNKNOWN"] = "unknown";
-    WorkloadState["TERMINATING"] = "terminating";
-    WorkloadState["PENDING"] = "pending";
-    WorkloadState["WAITING"] = "waiting";
-  })(exports2.WorkloadState || (exports2.WorkloadState = {}));
-  const StateTag = ({ state: state2 = exports2.WorkloadState.UPDATEING, className }) => {
+  var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
+    WorkloadState2["UPDATEING"] = "updating";
+    WorkloadState2["READY"] = "ready";
+    WorkloadState2["COMPLETED"] = "completed";
+    WorkloadState2["FAILED"] = "failed";
+    WorkloadState2["SUSPENDED"] = "suspended";
+    WorkloadState2["RUNNING"] = "running";
+    WorkloadState2["SUCCEEDED"] = "succeeded";
+    WorkloadState2["UNKNOWN"] = "unknown";
+    WorkloadState2["TERMINATING"] = "terminating";
+    WorkloadState2["PENDING"] = "pending";
+    WorkloadState2["WAITING"] = "waiting";
+    return WorkloadState2;
+  })(WorkloadState || {});
+  const StateTag = ({ state: state2 = WorkloadState.UPDATEING, className }) => {
     const kit = eagle.useUIKit();
     const { t } = useTranslation();
     const colorMap = {
@@ -11144,23 +11624,23 @@ var __publicField = (obj, key, value) => {
       pending: "gray",
       waiting: "gray"
     };
-    return jsxRuntimeExports.jsx(kit.tag, { className, color: colorMap[state2], children: t(`dovetail.${state2 || "updaing"}`) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tag, { className, color: colorMap[state2], children: t(`dovetail.${state2 || "updaing"}`) });
   };
-  const index_15mojsp = "";
-  const TagWrapper = "t1qv41tc";
-  const TagStyle = "tdlend1";
+  const index_1l7lkk4 = "";
+  const TagWrapper = "t13a6vox";
+  const TagStyle = "t12ikbmp";
   const Tags = (props) => {
     const {
       value
     } = props;
     const kit = eagle.useUIKit();
     if (!value) {
-      return jsxRuntimeExports.jsx("span", {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         children: "-"
       });
     }
     const tags = Object.keys(value).map((key) => {
-      return jsxRuntimeExports.jsx(kit.tag.SplitTag, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tag.SplitTag, {
         className: TagStyle,
         primaryContent: key,
         secondaryContent: value[key],
@@ -11168,25 +11648,20 @@ var __publicField = (obj, key, value) => {
         color: "gray"
       }, key);
     });
-    return jsxRuntimeExports.jsx(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
       className: TagWrapper,
       size: 8,
       children: tags
     });
   };
-  const ShowContent_y34ruk = "";
-  const ShowContentWrapperStyle = "s1tonzrt";
-  const TopBarStyle = "tx016kb";
-  const ShowContentHeaderStyle = "s1afagf1";
-  const EditorStyle = "e19vvwxj";
-  const FieldWrapperStyle = "f1nk5c0u";
-  const TabsStyle = "t56mufv";
-  const StateTagStyle = "s12qjpt2";
-  var Mode;
-  (function(Mode2) {
-    Mode2["Detail"] = "detail";
-    Mode2["Yaml"] = "yaml";
-  })(Mode || (Mode = {}));
+  const ShowContent_rmo7c5 = "";
+  const ShowContentWrapperStyle = "s9agep2";
+  const TopBarStyle = "to89gfi";
+  const ShowContentHeaderStyle = "s1ohe42f";
+  const EditorStyle = "eqm4qz0";
+  const FieldWrapperStyle = "ficl0qc";
+  const TabsStyle = "to9uwk1";
+  const StateTagStyle = "se26ou0";
   const ShowContent = (props) => {
     var _a, _b, _c;
     const {
@@ -11202,12 +11677,15 @@ var __publicField = (obj, key, value) => {
     const {
       resource
     } = core.useResource();
-    const [mode, setMode] = React.useState(Mode.Detail);
+    const [mode, setMode] = React.useState(
+      "detail"
+      /* Detail */
+    );
     const {
       queryResult
     } = core.useShow({
       id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id,
-      liveMode: mode === Mode.Yaml ? "off" : "auto"
+      liveMode: mode === "yaml" ? "off" : "auto"
     });
     const {
       t
@@ -11237,15 +11715,15 @@ var __publicField = (obj, key, value) => {
         if (field.renderContent) {
           content = field.renderContent(value, record, field);
         } else {
-          content = jsxRuntimeExports.jsx("span", {
+          content = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
             children: lodashEs.get(record, field.path)
           });
         }
-        return jsxRuntimeExports.jsx(kit.col, {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.col, {
           span: field.col,
-          children: field.render ? field.render(value, record, field) : jsxRuntimeExports.jsxs("div", {
+          children: field.render ? field.render(value, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
             className: FieldWrapperStyle,
-            children: [jsxRuntimeExports.jsxs("span", {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
               className: eagle.Typo.Label.l3_regular,
               style: {
                 width: field.labelWidth || "64px"
@@ -11265,7 +11743,7 @@ var __publicField = (obj, key, value) => {
       title: t("dovetail.created_time"),
       path: ["metadata", "creationTimestamp"],
       renderContent(value) {
-        return jsxRuntimeExports.jsx(Time, {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
           date: new Date(value)
         });
       }
@@ -11279,7 +11757,7 @@ var __publicField = (obj, key, value) => {
         if (!value) {
           return void 0;
         }
-        return jsxRuntimeExports.jsx(Tags, {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
           value
         });
       }
@@ -11292,74 +11770,80 @@ var __publicField = (obj, key, value) => {
         if (!value) {
           return void 0;
         }
-        return jsxRuntimeExports.jsx(KeyValueData, {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueData, {
           datas: value,
           expandable: true
         });
       }
     }];
     const stateDisplay = lodashEs.get(record, "stateDisplay");
-    const topBar = jsxRuntimeExports.jsxs(kit.space, {
+    const topBar = /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       className: TopBarStyle,
-      children: [jsxRuntimeExports.jsxs("div", {
-        children: [jsxRuntimeExports.jsxs("span", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
           className: eagle.Typo.Display.d2_bold_title,
           children: [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, ": "]
-        }), jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: eagle.Typo.Label.l1_regular,
           children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
-        }), stateDisplay ? jsxRuntimeExports.jsx(StateTag, {
+        }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           className: StateTagStyle,
           state: stateDisplay
         }) : void 0]
-      }), jsxRuntimeExports.jsxs(kit.space, {
-        children: [jsxRuntimeExports.jsxs(kit.radioGroup, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.radioGroup, {
           value: mode,
           onChange: (e) => setMode(e.target.value),
-          children: [jsxRuntimeExports.jsx(kit.radioButton, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.radioButton, {
             value: "detail",
             children: t("dovetail.detail")
-          }), jsxRuntimeExports.jsx(kit.radioButton, {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.radioButton, {
             value: "yaml",
             children: "YAML"
           })]
-        }), jsxRuntimeExports.jsx(Dropdown, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
           record
         })]
       })]
     });
-    const descriptions = jsxRuntimeExports.jsx(kit.row, {
+    const descriptions = /* @__PURE__ */ jsxRuntimeExports.jsx(kit.row, {
       gutter: 24,
       children: renderFields([...DESCRIPTION_DEFAULT_FIELDS, ...showConfig.descriptions || []])
     });
     const groups = (showConfig.groups || []).concat([{
       fields: LABELS_ANNOTATIONS_GROUP_FIELDS
-    }]).map((group, index) => jsxRuntimeExports.jsx(kit.row, {
+    }]).map((group, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.row, {
       gutter: [24, 16],
       children: renderFields(group.fields)
     }, index));
-    const tabs = jsxRuntimeExports.jsx(kit.tabs, {
+    const tabs = /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabs, {
       className: TabsStyle,
       children: (showConfig.tabs || []).map((field) => {
         let content;
         if (field.renderContent) {
           content = field.renderContent(lodashEs.get(record, field.path), record, field);
         } else {
-          content = jsxRuntimeExports.jsx("span", {
+          content = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
             children: lodashEs.get(record, field.path)
           });
         }
-        return jsxRuntimeExports.jsx(kit.tabsTabPane, {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, {
           tab: field.title,
           children: content
         }, field.key);
       })
     });
     const modeMap = {
-      [Mode.Detail]: jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [groups, jsxRuntimeExports.jsx(kit.divider, {}), tabs]
+      [
+        "detail"
+        /* Detail */
+      ]: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+        children: [groups, /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), tabs]
       }),
-      [Mode.Yaml]: jsxRuntimeExports.jsx(MonacoYamlEditor, {
+      [
+        "yaml"
+        /* Yaml */
+      ]: /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor, {
         className: EditorStyle,
         defaultValue: defaultEditorValue,
         schema,
@@ -11367,13 +11851,13 @@ var __publicField = (obj, key, value) => {
         readOnly: true
       })
     };
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ShowContentWrapperStyle,
-      children: [jsxRuntimeExports.jsxs(kit.space, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
         direction: "vertical",
         className: ShowContentHeaderStyle,
         children: [topBar, descriptions]
-      }), jsxRuntimeExports.jsx(kit.divider, {}), modeMap[mode]]
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), modeMap[mode]]
     });
   };
   const PageShow = (props) => {
@@ -11382,76 +11866,101 @@ var __publicField = (obj, key, value) => {
     const parsed = core.useParsed();
     const { queryResult } = core.useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
     const { isLoading } = queryResult;
-    return isLoading ? jsxRuntimeExports.jsx(kit.loading, {}) : jsxRuntimeExports.jsx(ShowContent, { ...props });
+    return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
   };
-  const PodContainersTable = ({ containerStatuses, initContainerStatuses }) => {
+  const PodContainersTable = ({
+    containerStatuses,
+    initContainerStatuses
+  }) => {
     const kit = eagle.useUIKit();
     const { i18n: i18n2 } = useTranslation();
-    const columns = React.useMemo(() => [
-      {
-        key: "state",
-        dataIndex: ["state"],
-        title: i18n2.t("dovetail.state"),
-        sortable: true,
-        sorter: CommonSorter(["state"]),
-        render: (v) => jsxRuntimeExports.jsx(StateTag, { state: Object.keys(v)[0] })
-      },
-      {
-        key: "ready",
-        dataIndex: ["ready"],
-        title: i18n2.t("dovetail.ready"),
-        sortable: true,
-        sorter: CommonSorter(["ready"]),
-        render: (v) => jsxRuntimeExports.jsx(eagle.Icon, { src: v ? iconsReact.CheckmarkDoneSuccessCorrect16BoldGreenIcon : iconsReact.XmarkFailed16BoldRedIcon })
-      },
-      {
-        key: "name",
-        dataIndex: ["name"],
-        title: i18n2.t("dovetail.name"),
-        sortable: true,
-        sorter: CommonSorter(["name"])
-      },
-      {
-        key: "image",
-        dataIndex: ["image"],
-        title: i18n2.t("dovetail.image"),
-        sortable: true,
-        sorter: CommonSorter(["image"])
-      },
-      {
-        key: "init",
-        dataIndex: [],
-        title: i18n2.t("dovetail.init_container"),
-        render: (_, record) => {
-          const isInit = initContainerStatuses.some((c) => c.containerID === record.containerID);
-          if (isInit) {
-            return jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.CheckmarkDoneSuccessCorrect16BoldGreenIcon });
+    const columns = React.useMemo(
+      () => [
+        {
+          key: "state",
+          dataIndex: ["state"],
+          title: i18n2.t("dovetail.state"),
+          sortable: true,
+          sorter: CommonSorter(["state"]),
+          render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: Object.keys(v)[0] })
+        },
+        {
+          key: "ready",
+          dataIndex: ["ready"],
+          title: i18n2.t("dovetail.ready"),
+          sortable: true,
+          sorter: CommonSorter(["ready"]),
+          render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            eagle.Icon,
+            {
+              src: v ? iconsReact.CheckmarkDoneSuccessCorrect16BoldGreenIcon : iconsReact.XmarkFailed16BoldRedIcon
+            }
+          )
+        },
+        {
+          key: "name",
+          dataIndex: ["name"],
+          title: i18n2.t("dovetail.name"),
+          sortable: true,
+          sorter: CommonSorter(["name"])
+        },
+        {
+          key: "image",
+          dataIndex: ["image"],
+          title: i18n2.t("dovetail.image"),
+          sortable: true,
+          sorter: CommonSorter(["image"])
+        },
+        {
+          key: "init",
+          dataIndex: [],
+          title: i18n2.t("dovetail.init_container"),
+          render: (_, record) => {
+            const isInit = initContainerStatuses.some(
+              (c) => c.containerID === record.containerID
+            );
+            if (isInit) {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.CheckmarkDoneSuccessCorrect16BoldGreenIcon });
+            }
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "-" });
+          }
+        },
+        {
+          key: "restartCount",
+          dataIndex: ["restartCount"],
+          title: i18n2.t("dovetail.restarts"),
+          sortable: true,
+          sorter: CommonSorter(["restartCount"])
+        },
+        {
+          key: "started",
+          dataIndex: ["state", "running", "startedAt"],
+          title: i18n2.t("dovetail.started"),
+          sortable: true,
+          sorter: CommonSorter(["state", "running", "startedAt"]),
+          render: (value) => {
+            if (value)
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(value) });
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "-" });
           }
-          return jsxRuntimeExports.jsx("span", { children: "-" });
         }
-      },
-      {
-        key: "restartCount",
-        dataIndex: ["restartCount"],
-        title: i18n2.t("dovetail.restarts"),
-        sortable: true,
-        sorter: CommonSorter(["restartCount"])
-      },
+      ],
+      [i18n2, initContainerStatuses]
+    );
+    const dataSource = React.useMemo(
+      () => addId(containerStatuses.concat(initContainerStatuses), "containerID"),
+      [containerStatuses, initContainerStatuses]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.table,
       {
-        key: "started",
-        dataIndex: ["state", "running", "startedAt"],
-        title: i18n2.t("dovetail.started"),
-        sortable: true,
-        sorter: CommonSorter(["state", "running", "startedAt"]),
-        render: (value) => {
-          if (value)
-            return jsxRuntimeExports.jsx(Time, { date: new Date(value) });
-          return jsxRuntimeExports.jsx("span", { children: "-" });
-        }
+        loading: false,
+        dataSource,
+        columns,
+        rowKey: "containerID",
+        error: false
       }
-    ], [i18n2, initContainerStatuses]);
-    const dataSource = React.useMemo(() => addId(containerStatuses.concat(initContainerStatuses), "containerID"), [containerStatuses, initContainerStatuses]);
-    return jsxRuntimeExports.jsx(kit.table, { loading: false, dataSource, columns, rowKey: "containerID", error: false });
+    );
   };
   function WorkloadDropdown(props) {
     const { record } = props;
@@ -11459,21 +11968,27 @@ var __publicField = (obj, key, value) => {
     const { resource } = core.useResource();
     const { mutate } = core.useUpdate();
     const { t } = useTranslation();
-    return jsxRuntimeExports.jsx(K8sDropdown, { record, children: jsxRuntimeExports.jsx(kit.menu.Item, { onClick: () => {
-      const v = record.redeploy();
-      const id = v.id;
-      pruneBeforeEdit(v);
-      mutate({
-        id,
-        resource: (resource == null ? void 0 : resource.name) || "",
-        values: v
-      });
-    }, children: jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.DynamicResourceSchedule16BlueIcon, children: t("dovetail.redeploy") }) }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.menu.Item,
+      {
+        onClick: () => {
+          const v = record.redeploy();
+          const id = v.id;
+          pruneBeforeEdit(v);
+          mutate({
+            id,
+            resource: (resource == null ? void 0 : resource.name) || "",
+            values: v
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.DynamicResourceSchedule16BlueIcon, children: t("dovetail.redeploy") })
+      }
+    ) });
   }
   const ComponentContext = React.createContext({});
-  const index_1wm00ab = "";
-  const ListPageStyle = "l1bnwhst";
-  const TableStyle = "t1e5fy2f";
+  const index_3lw8k1 = "";
+  const ListPageStyle = "laykzsq";
+  const TableStyle = "t1ng0psc";
   function ListPage(props) {
     const {
       title,
@@ -11484,12 +11999,12 @@ var __publicField = (obj, key, value) => {
       Table: TableComponent
     } = React.useContext(ComponentContext);
     const Table$1 = TableComponent || Table;
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ListPageStyle,
-      children: [jsxRuntimeExports.jsx(TableToolBar, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         title,
         selectedKeys
-      }), jsxRuntimeExports.jsx(Table$1, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
         ...tableProps,
         className: cx_default(tableProps.className, TableStyle),
         scroll: {
@@ -11510,11 +12025,18 @@ var __publicField = (obj, key, value) => {
       formatter,
       Dropdown
     });
-    return jsxRuntimeExports.jsx(ListPage, { title: name2 || "", selectedKeys, tableProps });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ListPage, { title: name2 || "", selectedKeys, tableProps });
   }
   function ResourceShow(props) {
     const { formatter, showConfig, Dropdown } = props;
-    return jsxRuntimeExports.jsx(PageShow, { showConfig, formatter, Dropdown });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PageShow,
+      {
+        showConfig,
+        formatter,
+        Dropdown
+      }
+    );
   }
   function ResourceForm(props) {
     const { config } = props;
@@ -11523,17 +12045,40 @@ var __publicField = (obj, key, value) => {
         initialValues: getInitialValues(config)
       };
     }, [config]);
-    return jsxRuntimeExports.jsx(YamlForm, { ...formProps });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      YamlForm,
+      {
+        ...formProps
+      }
+    );
   }
   function ResourceCRUD(props) {
     const { configs, urlPrefix } = props;
-    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: configs.map((config) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: configs.map((config) => {
       var _a, _b;
-      return jsxRuntimeExports.jsxs(React.Fragment, { children: [
-        jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}`, exact: true, children: jsxRuntimeExports.jsx(ResourceList, { name: config.kind, formatter: config.formatter, columns: ((_a = config.columns) == null ? void 0 : _a.call(config)) || [], Dropdown: config.Dropdown }) }),
-        jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/show`, children: jsxRuntimeExports.jsx(ResourceShow, { formatter: config.formatter, showConfig: ((_b = config.showConfig) == null ? void 0 : _b.call(config)) || {}, Dropdown: config.Dropdown }) }),
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}`, exact: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceList,
+          {
+            name: config.kind,
+            formatter: config.formatter,
+            columns: ((_a = config.columns) == null ? void 0 : _a.call(config)) || [],
+            Dropdown: config.Dropdown
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/show`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceShow,
+          {
+            formatter: config.formatter,
+            showConfig: ((_b = config.showConfig) == null ? void 0 : _b.call(config)) || {},
+            Dropdown: config.Dropdown
+          }
+        ) }),
         // the modals would render in ModalStack
-        config.formType === exports2.FormType.PAGE ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/create`, children: jsxRuntimeExports.jsx(ResourceForm, { config }) }), jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/edit`, children: jsxRuntimeExports.jsx(ResourceForm, { config }) })] }) : null
+        config.formType === FormType.PAGE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/create`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { config }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/edit`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { config }) })
+        ] }) : null
       ] }, config.name);
     }) });
   }
@@ -11545,21 +12090,35 @@ var __publicField = (obj, key, value) => {
     const { mutate } = core.useUpdate();
     const { t } = useTranslation();
     const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
-    return jsxRuntimeExports.jsx(K8sDropdown, { record, children: jsxRuntimeExports.jsx(kit.menu.Item, { onClick: () => {
-      const v = suspended2 ? record.resume() : record.suspend();
-      const id = record.id;
-      pruneBeforeEdit(v);
-      mutate({
-        id,
-        resource: (resource == null ? void 0 : resource.name) || "",
-        values: v
-      });
-    }, children: jsxRuntimeExports.jsx(eagle.Icon, { src: suspended2 ? iconsReact.VmResume16Icon : iconsReact.SuspendedPause16GradientGrayIcon, children: t(suspended2 ? "dovetail.resume" : "dovetail.suspend") }) }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.menu.Item,
+      {
+        onClick: () => {
+          const v = suspended2 ? record.resume() : record.suspend();
+          const id = record.id;
+          pruneBeforeEdit(v);
+          mutate({
+            id,
+            resource: (resource == null ? void 0 : resource.name) || "",
+            values: v
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: suspended2 ? iconsReact.VmResume16Icon : iconsReact.SuspendedPause16GradientGrayIcon, children: t(suspended2 ? "dovetail.resume" : "dovetail.suspend") })
+      }
+    ) });
   }
   const UNITS = ["", "K", "M", "G", "T", "P"];
   const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
   function formatSi(inValue, options) {
-    const { increment = 1e3, suffix = null, firstSuffix = null, startingExponent = 0, minExponent = 0, maxPrecision = 2, atLeastOne = true } = options || {};
+    const {
+      increment = 1e3,
+      suffix = null,
+      firstSuffix = null,
+      startingExponent = 0,
+      minExponent = 0,
+      maxPrecision = 2,
+      atLeastOne = true
+    } = options || {};
     let val = inValue;
     let exp = startingExponent;
     while (val >= increment && exp + 1 < UNITS.length || exp < minExponent) {
@@ -11617,8 +12176,8 @@ var __publicField = (obj, key, value) => {
     }
     return val;
   }
-  const index_tgzi8r = "";
-  const WrapperStyle = "w4e2xcn";
+  const index_1wzdp7m = "";
+  const WrapperStyle = "wfg6u6g";
   const InnerBar = ({
     usage: usage2,
     requestNum,
@@ -11630,33 +12189,33 @@ var __publicField = (obj, key, value) => {
     const usageInRequestPercent = 100 * Math.min(usageNum / requestNum, 1);
     const usageInRequestToLimitPercent = 100 * Math.min(Math.max(usageNum - requestNum, 0) / (totalNum - requestNum), 1);
     const noLimit = limitNum === 0;
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: "usage-bar",
       style: {
         marginLeft: 4
       },
-      children: [jsxRuntimeExports.jsx("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: "request-anchor",
         style: {
           left: `${requestPercent}%`
         }
-      }), jsxRuntimeExports.jsx("div", {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: "request-bar",
         style: {
           width: `${requestPercent}%`
         },
-        children: jsxRuntimeExports.jsx("div", {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: "usage-fill-bar",
           style: {
             width: `${usageInRequestPercent}%`
           }
         })
-      }), jsxRuntimeExports.jsx("div", {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: cx_default("request-to-limit-bar", noLimit && "no-limit", usageInRequestToLimitPercent > 0 && "exceed-request"),
         style: {
           width: `${100 - requestPercent}%`
         },
-        children: !noLimit && jsxRuntimeExports.jsx("div", {
+        children: !noLimit && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: "usage-fill-bar",
           style: {
             width: `${usageInRequestToLimitPercent}%`
@@ -11670,12 +12229,12 @@ var __publicField = (obj, key, value) => {
       usage: usage2,
       requestNum
     } = props;
-    return jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: cx_default("usage-wrapper", WrapperStyle),
-      children: [jsxRuntimeExports.jsx("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: "usage-text",
         children: usage2
-      }), requestNum > 0 && jsxRuntimeExports.jsx(InnerBar, {
+      }), requestNum > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(InnerBar, {
         ...props
       })]
     });
@@ -11685,11 +12244,16 @@ var __publicField = (obj, key, value) => {
     const { id } = core.useParsed();
     const kit = eagle.useUIKit();
     const { t } = useTranslation();
-    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal((resource == null ? void 0 : resource.name) || "");
-    return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t("dovetail.delete") }), visible ? jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null] });
+    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
+      (resource == null ? void 0 : resource.name) || ""
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t("dovetail.delete") }),
+      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    ] });
   };
-  const index_1hlz796 = "";
-  const MenuStyle = "me49qn7";
+  const index_1wt5px2 = "";
+  const MenuStyle = "mdppgn0";
   const Menu = () => {
     const kit = eagle.useUIKit();
     const {
@@ -11697,17 +12261,17 @@ var __publicField = (obj, key, value) => {
       selectedKey
     } = core.useMenu();
     function renderMenuItems(items) {
-      return items.map((item) => item.list ? jsxRuntimeExports.jsx(kit.menuItem, {
-        children: jsxRuntimeExports.jsx(reactRouterDom.NavLink, {
+      return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItem, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.NavLink, {
           to: item.route || "",
           children: item.label
         })
-      }, item.key) : jsxRuntimeExports.jsx(kit.menuItemGroup, {
+      }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItemGroup, {
         title: item.name,
         children: renderMenuItems(item.children)
       }, item.key));
     }
-    return jsxRuntimeExports.jsx(kit.menu, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menu, {
       className: MenuStyle,
       theme: "light",
       selectedKeys: [selectedKey],
@@ -11862,21 +12426,30 @@ var __publicField = (obj, key, value) => {
       }
     });
     const [value, setValue] = useLocalStorage(NS_STORE_KEY, ALL_NS);
-    return jsxRuntimeExports.jsxs(kit.select, { input: {
-      value,
-      onChange(value2) {
-        setValue(value2);
-      }
-    }, children: [jsxRuntimeExports.jsx(kit.option, { value: "_all", children: t("dovetail.all_namespaces") }, "_all"), data2 == null ? void 0 : data2.data.map((namespace2) => {
-      const { name: name2 } = namespace2.metadata;
-      return jsxRuntimeExports.jsx(kit.option, { value: name2, children: name2 }, name2);
-    })] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      kit.select,
+      {
+        input: {
+          value,
+          onChange(value2) {
+            setValue(value2);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, { value: "_all", children: t("dovetail.all_namespaces") }, "_all"),
+          data2 == null ? void 0 : data2.data.map((namespace2) => {
+            const { name: name2 } = namespace2.metadata;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, { value: name2, children: name2 }, name2);
+          })
+        ]
+      }
+    );
   };
-  const index_l28284 = "";
-  const HeaderStyle = "h1b9eivt";
-  const ContentLayoutStyle = "csrsoaj";
-  const SiderStyle = "s1fla366";
-  const ContentStyle = "c4xb0fi";
+  const index_1q7s7td = "";
+  const HeaderStyle = "h16z07g";
+  const ContentLayoutStyle = "c1i80kj";
+  const SiderStyle = "s18sezq1";
+  const ContentStyle = "cyc9hl2";
   const Layout = ({
     children
   }) => {
@@ -11887,28 +12460,28 @@ var __publicField = (obj, key, value) => {
       Content,
       Sider
     } = kit.layout;
-    return jsxRuntimeExports.jsxs(kit.layout, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
       style: {
         height: "100%"
       },
-      children: [jsxRuntimeExports.jsxs(Header, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(Header, {
         className: cx_default(HeaderStyle, eagle.Typo.Heading.h1_bold_title),
-        children: ["Dovetail 2", jsxRuntimeExports.jsx("div", {
+        children: ["Dovetail 2", /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           style: {
             width: 300
           },
-          children: jsxRuntimeExports.jsx(NamespacesFilter, {})
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {})
         })]
-      }), jsxRuntimeExports.jsxs(kit.layout, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
         className: ContentLayoutStyle,
-        children: [jsxRuntimeExports.jsx(Sider, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Sider, {
           width: 256,
           className: SiderStyle,
           theme: "light",
           collapsed,
           onCollapse: (value) => setCollapsed(value),
-          children: jsxRuntimeExports.jsx(Menu, {})
-        }), jsxRuntimeExports.jsx(Content, {
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, {})
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Content, {
           className: ContentStyle,
           children
         })]
@@ -11922,28 +12495,52 @@ var __publicField = (obj, key, value) => {
     const nav = core.useNavigation();
     const { queryResult } = core.useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
     const { isLoading } = queryResult;
-    return jsxRuntimeExports.jsx(antd.Drawer, { title: "Show Drawer", placement: "right", onClose: () => nav.goBack(), width: "50%", visible: !!((_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id), children: isLoading ? jsxRuntimeExports.jsx(kit.loading, {}) : jsxRuntimeExports.jsx(ShowContent, { ...props }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      antd.Drawer,
+      {
+        title: "Show Drawer",
+        placement: "right",
+        onClose: () => nav.goBack(),
+        width: "50%",
+        visible: !!((_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id),
+        children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
+      }
+    );
   };
   const EditButton = () => {
     const { id } = core.useParsed();
     const kit = eagle.useUIKit();
     const { edit: edit2 } = useEdit();
-    return jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: () => {
-      if (id)
-        edit2(id);
-    }, children: "Edit" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.button,
+      {
+        type: "primary",
+        onClick: () => {
+          if (id)
+            edit2(id);
+        },
+        children: "Edit"
+      }
+    );
   };
   const ReferenceLink = (props) => {
     const { ownerReference, namespace: namespace2 } = props;
     const configs = React.useContext(ConfigsContext);
     if (ownerReference.kind === "ReplicaSet") {
-      return jsxRuntimeExports.jsx("span", { children: ownerReference.name });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: ownerReference.name });
     }
     const resource = Object.values(configs).find((c) => c.kind === ownerReference.kind);
     if (!resource) {
-      return jsxRuntimeExports.jsx("span", { children: "-" });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "-" });
     }
-    return jsxRuntimeExports.jsx(ResourceLink, { resourceId: ownerReference.name, name: resource.name || "", namespace: namespace2 });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ResourceLink,
+      {
+        resourceId: ownerReference.name,
+        name: resource.name || "",
+        namespace: namespace2
+      }
+    );
   };
   function __rest(s, e) {
     var t = {};
@@ -17536,8 +18133,8 @@ var __publicField = (obj, key, value) => {
   const LogViewer = React.forwardRef((props, ref) => React.createElement(LogViewerBase, Object.assign({ innerRef: ref }, props)));
   LogViewer.displayName = "LogViewer";
   const baseNoReset = "";
-  const index_1nem5lq = "";
-  const ToolbarStyle = "t1ff1pde";
+  const index_645izu = "";
+  const ToolbarStyle = "tve7dfm";
   const PodLog = ({
     pod
   }) => {
@@ -17645,10 +18242,10 @@ var __publicField = (obj, key, value) => {
         stopFetchingLogs();
       };
     }, [fetchLogs, stopFetchingLogs]);
-    return jsxRuntimeExports.jsxs("div", {
-      children: [jsxRuntimeExports.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ToolbarStyle,
-        children: [jsxRuntimeExports.jsxs(kit.select, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
           input: {
             onChange: (newValue) => {
               stopFetchingLogs();
@@ -17659,31 +18256,31 @@ var __publicField = (obj, key, value) => {
             },
             value: selectedContainer
           },
-          children: [jsxRuntimeExports.jsx(kit.option, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
             value: "",
             disabled: true,
             children: t("dovetail.select_container")
-          }), (((_e = pod.spec) == null ? void 0 : _e.containers) || []).map((container2) => jsxRuntimeExports.jsx(kit.option, {
+          }), (((_e = pod.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
             value: container2.name,
             children: container2.name
           }, container2.name))]
-        }), jsxRuntimeExports.jsx(kit.checkbox, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.checkbox, {
           checked: wrap2,
           onChange: (e) => setWrap(e.target.checked),
           children: t("dovetail.wrap")
-        }), jsxRuntimeExports.jsx(kit.button, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
           onClick: () => setPaused((prev) => !prev),
-          prefixIcon: paused ? jsxRuntimeExports.jsx(iconsReact.Resume24Icon, {}) : jsxRuntimeExports.jsx(iconsReact.SuspendedPause24GradientOrangeIcon, {}),
+          prefixIcon: paused ? /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.Resume24Icon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.SuspendedPause24GradientOrangeIcon, {}),
           children: paused ? t("dovetail.resume_log") : t("dovetail.suspend")
         })]
-      }), jsxRuntimeExports.jsx(LogViewer, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(LogViewer, {
         innerRef: logViewerRef,
         hasLineNumbers: true,
         height: 300,
         data: logs,
         theme: "light",
         isTextWrapped: wrap2,
-        footer: paused && jsxRuntimeExports.jsxs(kit.button, {
+        footer: paused && /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.button, {
           type: "primary",
           style: {
             borderRadius: 0
@@ -17702,9 +18299,9 @@ var __publicField = (obj, key, value) => {
       const peers = lodashEs.get(gress, "from") || lodashEs.get(gress, "to");
       if (!peers)
         return null;
-      return jsxRuntimeExports.jsx(IngressRuleTable, { peers }, i);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRuleTable, { peers }, i);
     });
-    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
   const IngressRuleTable = ({ peers }) => {
     const kit = eagle.useUIKit();
@@ -17735,7 +18332,7 @@ var __publicField = (obj, key, value) => {
         title: "CIDR",
         sortable: true,
         render(v) {
-          return jsxRuntimeExports.jsx("span", { children: v || "-" });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: v || "-" });
         }
       },
       {
@@ -17747,7 +18344,7 @@ var __publicField = (obj, key, value) => {
         render: (except) => {
           if (!except)
             return "-";
-          return except == null ? void 0 : except.map((str) => jsxRuntimeExports.jsx("div", { children: str }, str));
+          return except == null ? void 0 : except.map((str) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: str }, str));
         }
       },
       {
@@ -17757,22 +18354,42 @@ var __publicField = (obj, key, value) => {
         title: "Match Labels",
         sortable: true,
         render(matchLabels) {
-          return jsxRuntimeExports.jsx(Tags, { value: matchLabels });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { value: matchLabels });
         }
       }
     ];
     if (rows.length === 0) {
-      return jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
     }
-    return jsxRuntimeExports.jsx(kit.table, { loading: false, dataSource: rows, columns, rowKey: "type", empty: t("dovetail.empty") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.table,
+      {
+        loading: false,
+        dataSource: rows,
+        columns,
+        rowKey: "type",
+        empty: t("dovetail.empty")
+      }
+    );
   };
   const IngressRulesComponent = ({ ingress }) => {
     const kit = eagle.useUIKit();
     const result = ingress.flattenedRules.map((r) => {
       const divider = " > ";
-      return jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(kit.Link, { disabled: !r.host, href: r.fullPath, children: r.fullPath }), jsxRuntimeExports.jsx("span", { children: divider }), jsxRuntimeExports.jsx(ResourceLink, { name: "services", namespace: ingress.metadata.namespace || "default", resourceId: r.serviceName })] }, r.fullPath);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { disabled: !r.host, href: r.fullPath, children: r.fullPath }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: divider }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceLink,
+          {
+            name: "services",
+            namespace: ingress.metadata.namespace || "default",
+            resourceId: r.serviceName
+          }
+        )
+      ] }, r.fullPath);
     });
-    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
   function getSecondsDiff(startDate, endDate) {
     return Math.round(Math.abs(Date.parse(endDate) - Date.parse(startDate)) / 1e3);
@@ -17828,17 +18445,24 @@ var __publicField = (obj, key, value) => {
     const navigation = core.useNavigation();
     const parsed = core.useParsed();
     const resourceName = resource || ((_a = parsed.resource) == null ? void 0 : _a.name) || "";
-    return jsxRuntimeExports.jsx(kit.button, { type: "link", onClick: () => {
-      go({
-        to: navigation.showUrl(resourceName, ""),
-        query: {
-          id
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.button,
+      {
+        type: "link",
+        onClick: () => {
+          go({
+            to: navigation.showUrl(resourceName, ""),
+            query: {
+              id
+            },
+            options: {
+              keepQuery: true
+            }
+          });
         },
-        options: {
-          keepQuery: true
-        }
-      });
-    }, children: name2 });
+        children: name2
+      }
+    );
   };
   const CommonSorter = (dataIndex) => (a, b) => {
     const valA = lodashExports.get(a, dataIndex);
@@ -17859,7 +18483,7 @@ var __publicField = (obj, key, value) => {
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (v, record) => {
-        return jsxRuntimeExports.jsx(NameLink, { name: v, id: record.id, resource });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(NameLink, { name: v, id: record.id, resource });
       }
     };
   };
@@ -17883,7 +18507,7 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.state"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
-      render: (v) => jsxRuntimeExports.jsx(StateTag, { state: v })
+      render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: v })
     };
   };
   const WorkloadImageColumnRenderer = (i18n2) => {
@@ -17896,7 +18520,7 @@ var __publicField = (obj, key, value) => {
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render(value, record) {
-        return jsxRuntimeExports.jsx(ImageNames, { value: record.imageNames });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageNames, { value: record.imageNames });
       }
     };
   };
@@ -17920,7 +18544,11 @@ var __publicField = (obj, key, value) => {
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (_, record) => {
-        return jsxRuntimeExports.jsxs("span", { children: [record.readyReplicas, "/", record.replicas] });
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          record.readyReplicas,
+          "/",
+          record.replicas
+        ] });
       }
     };
   };
@@ -17942,7 +18570,7 @@ var __publicField = (obj, key, value) => {
         return -1;
       },
       render: (value) => {
-        return jsxRuntimeExports.jsx(Time, { date: new Date(value) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(value) });
       }
     };
   };
@@ -17996,7 +18624,7 @@ var __publicField = (obj, key, value) => {
           min: i18n2.t("dovetail.min"),
           hr: i18n2.t("dovetail.hr")
         };
-        return jsxRuntimeExports.jsx("span", { children: elapsedTime(v, i18nMap).label || "-" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: elapsedTime(v, i18nMap).label || "-" });
       }
     };
   };
@@ -18021,7 +18649,14 @@ var __publicField = (obj, key, value) => {
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render(value, record) {
-        return value.map((o) => jsxRuntimeExports.jsx(ReferenceLink, { ownerReference: o, namespace: record.metadata.namespace || "default" }, o.name));
+        return value.map((o) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ReferenceLink,
+          {
+            ownerReference: o,
+            namespace: record.metadata.namespace || "default"
+          },
+          o.name
+        ));
       }
     };
   };
@@ -18035,7 +18670,7 @@ var __publicField = (obj, key, value) => {
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render(_, record) {
-        return jsxRuntimeExports.jsx(IngressRulesComponent, { ingress: record });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesComponent, { ingress: record });
       }
     };
   };
@@ -18051,22 +18686,32 @@ var __publicField = (obj, key, value) => {
       render: (defaultBackend, record) => {
         var _a, _b;
         if (!((_a = defaultBackend == null ? void 0 : defaultBackend.service) == null ? void 0 : _a.name))
-          return jsxRuntimeExports.jsx("span", { children: "-" });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "-" });
         const divider = "Default > ";
-        return jsxRuntimeExports.jsxs("span", { children: [divider, jsxRuntimeExports.jsx(ResourceLink, { name: "services", namespace: record.metadata.namespace || "default", resourceId: ((_b = defaultBackend.service) == null ? void 0 : _b.name) || "" })] });
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          divider,
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ResourceLink,
+            {
+              name: "services",
+              namespace: record.metadata.namespace || "default",
+              resourceId: ((_b = defaultBackend.service) == null ? void 0 : _b.name) || ""
+            }
+          )
+        ] });
       }
     };
   };
-  exports2.ColumnKeys = void 0;
-  (function(ColumnKeys) {
-    ColumnKeys["age"] = "age";
-    ColumnKeys["name"] = "name";
-    ColumnKeys["namespace"] = "namespace";
-    ColumnKeys["phase"] = "phase";
-    ColumnKeys["replicas"] = "replicas";
-    ColumnKeys["deploymentImage"] = "deploymentImage";
-    ColumnKeys["podImage"] = "podImage";
-  })(exports2.ColumnKeys || (exports2.ColumnKeys = {}));
+  var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
+    ColumnKeys2["age"] = "age";
+    ColumnKeys2["name"] = "name";
+    ColumnKeys2["namespace"] = "namespace";
+    ColumnKeys2["phase"] = "phase";
+    ColumnKeys2["replicas"] = "replicas";
+    ColumnKeys2["deploymentImage"] = "deploymentImage";
+    ColumnKeys2["podImage"] = "podImage";
+    return ColumnKeys2;
+  })(ColumnKeys || {});
   const useEagleTable = (params) => {
     var _a;
     const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
@@ -18092,9 +18737,12 @@ var __publicField = (obj, key, value) => {
       return mergedParams;
     }, [params.useTableParams, nsFilter]);
     const table = core.useTable(useTableParams);
-    const onPageChange = React.useCallback((page) => {
-      setCurrentPage(page);
-    }, [setCurrentPage]);
+    const onPageChange = React.useCallback(
+      (page) => {
+        setCurrentPage(page);
+      },
+      [setCurrentPage]
+    );
     const data2 = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data;
     const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
     const finalProps = {
@@ -18122,37 +18770,49 @@ var __publicField = (obj, key, value) => {
       return resourcesConfig.filter((c) => !c.isCustom);
     }, [resourcesConfig]);
     const content = React.useMemo(() => {
-      const _content = jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(eagle.ModalStack, {}), jsxRuntimeExports.jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix }), props.children] });
+      const _content = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.ModalStack, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix }),
+        props.children
+      ] });
       if (Layout2) {
-        return jsxRuntimeExports.jsx(Layout2, { children: _content });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Layout2, { children: _content });
       }
       return _content;
     }, [Layout2, notCustomResources, props.children, urlPrefix]);
-    return jsxRuntimeExports.jsx(reactRouterDom.Router, { history, children: jsxRuntimeExports.jsx(eagle.KitStoreProvider, { children: jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: lodashEs.keyBy(resourcesConfig, "name"), children: jsxRuntimeExports.jsx(core.Refine, { dataProvider: {
-      default: k8sApiProvider.dataProvider(globalStore)
-    }, routerProvider, liveProvider: k8sApiProvider.liveProvider(globalStore), options: {
-      warnWhenUnsavedChanges: true,
-      liveMode: "auto"
-    }, resources: resourcesConfig.map((c) => {
-      return {
-        name: c.name,
-        meta: {
-          resourceBasePath: c.basePath,
-          kind: c.kind,
-          parent: c.parent,
-          label: `${c.kind}s`
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: lodashEs.keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      core.Refine,
+      {
+        dataProvider: {
+          default: k8sApiProvider.dataProvider(globalStore)
         },
-        list: `${urlPrefix}/${c.name}`,
-        show: `${urlPrefix}/${c.name}/show`,
-        create: `${urlPrefix}/${c.name}/create`,
-        edit: `${urlPrefix}/${c.name}/edit`
-      };
-    }), children: content }) }) }) }) });
+        routerProvider,
+        liveProvider: k8sApiProvider.liveProvider(globalStore),
+        options: {
+          warnWhenUnsavedChanges: true,
+          liveMode: "auto"
+        },
+        resources: resourcesConfig.map((c) => {
+          return {
+            name: c.name,
+            meta: {
+              resourceBasePath: c.basePath,
+              kind: c.kind,
+              parent: c.parent,
+              label: `${c.kind}s`
+            },
+            list: `${urlPrefix}/${c.name}`,
+            show: `${urlPrefix}/${c.name}/show`,
+            create: `${urlPrefix}/${c.name}/create`,
+            edit: `${urlPrefix}/${c.name}/edit`
+          };
+        }),
+        children: content
+      }
+    ) }) }) }) });
   };
   class ResourceModel {
     constructor(_rawYaml, _globalStore) {
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       __publicField(this, "id");
       __publicField(this, "apiVersion");
       __publicField(this, "kind");
@@ -18192,8 +18852,6 @@ var __publicField = (obj, key, value) => {
     constructor(_rawYaml, _globalStore) {
       var _a;
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       __publicField(this, "flattenedRules");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
@@ -18216,8 +18874,6 @@ var __publicField = (obj, key, value) => {
   class NetworkPolicyModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
@@ -18228,8 +18884,6 @@ var __publicField = (obj, key, value) => {
   class WorkloadBaseModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
@@ -18248,8 +18902,6 @@ var __publicField = (obj, key, value) => {
   class JobModel extends WorkloadBaseModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       __publicField(this, "restarts", 0);
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
@@ -18262,10 +18914,12 @@ var __publicField = (obj, key, value) => {
         resourceBasePath: "/api/v1",
         kind: "Pod"
       });
-      const myPods = pods.items.filter((p) => {
-        var _a, _b;
-        return ((_a = this.spec) == null ? void 0 : _a.selector) ? matchSelector(p, (_b = this.spec) == null ? void 0 : _b.selector) : false;
-      });
+      const myPods = pods.items.filter(
+        (p) => {
+          var _a, _b;
+          return ((_a = this.spec) == null ? void 0 : _a.selector) ? matchSelector(p, (_b = this.spec) == null ? void 0 : _b.selector) : false;
+        }
+      );
       const result = lodashExports.sumBy(myPods, "restartCount");
       this.restarts = result;
     }
@@ -18288,25 +18942,23 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       if (!((_a = this.spec) == null ? void 0 : _a.completions) && !((_b = this.status) == null ? void 0 : _b.succeeded)) {
-        return exports2.WorkloadState.RUNNING;
+        return WorkloadState.RUNNING;
       }
       if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded)) {
-        return exports2.WorkloadState.COMPLETED;
+        return WorkloadState.COMPLETED;
       }
       if ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c) => c.type === "Failed" && c.status === "True")) {
-        return exports2.WorkloadState.FAILED;
+        return WorkloadState.FAILED;
       }
       if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c) => c.type === "Suspended" && c.status === "True")) {
-        return exports2.WorkloadState.SUSPENDED;
+        return WorkloadState.SUSPENDED;
       }
-      return exports2.WorkloadState.RUNNING;
+      return WorkloadState.RUNNING;
     }
   }
   class WorkloadModel extends WorkloadBaseModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       __publicField(this, "restarts", 0);
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
@@ -18319,10 +18971,12 @@ var __publicField = (obj, key, value) => {
         resourceBasePath: "/api/v1",
         kind: "Pod"
       });
-      const myPods = pods.items.filter((p) => {
-        var _a, _b;
-        return ((_a = this.spec) == null ? void 0 : _a.selector) ? matchSelector(p, (_b = this.spec) == null ? void 0 : _b.selector) : false;
-      });
+      const myPods = pods.items.filter(
+        (p) => {
+          var _a, _b;
+          return ((_a = this.spec) == null ? void 0 : _a.selector) ? matchSelector(p, (_b = this.spec) == null ? void 0 : _b.selector) : false;
+        }
+      );
       const result = lodashExports.sumBy(myPods, "restartCount");
       this.restarts = result;
     }
@@ -18356,8 +19010,6 @@ var __publicField = (obj, key, value) => {
     constructor(_rawYaml, _globalStore) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       __publicField(this, "request");
       __publicField(this, "limit");
       this._rawYaml = _rawYaml;
@@ -18403,7 +19055,9 @@ var __publicField = (obj, key, value) => {
     }
     get imageNames() {
       var _a;
-      return ((_a = this._rawYaml.spec) == null ? void 0 : _a.containers.map((container2) => shortenedImage(container2.image || ""))) || [];
+      return ((_a = this._rawYaml.spec) == null ? void 0 : _a.containers.map(
+        (container2) => shortenedImage(container2.image || "")
+      )) || [];
     }
     get restartCount() {
       var _a, _b;
@@ -18427,16 +19081,14 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b;
       if (this.metadata.deletionTimestamp) {
-        return exports2.WorkloadState.TERMINATING;
+        return WorkloadState.TERMINATING;
       }
-      return ((_b = (_a = this.status) == null ? void 0 : _a.phase) == null ? void 0 : _b.toLowerCase()) || exports2.WorkloadState.UNKNOWN;
+      return ((_b = (_a = this.status) == null ? void 0 : _a.phase) == null ? void 0 : _b.toLowerCase()) || WorkloadState.UNKNOWN;
     }
   }
   class PodMetricsModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       __publicField(this, "usage");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
@@ -18467,17 +19119,15 @@ var __publicField = (obj, key, value) => {
   class CronJobModel extends WorkloadBaseModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
     get stateDisplay() {
       var _a;
       if (!((_a = this.spec) == null ? void 0 : _a.suspend)) {
-        return exports2.WorkloadState.SUSPENDED;
+        return WorkloadState.SUSPENDED;
       }
-      return exports2.WorkloadState.RUNNING;
+      return WorkloadState.RUNNING;
     }
     suspend() {
       const newOne = lodashExports.cloneDeep(this._rawYaml);
@@ -18497,8 +19147,6 @@ var __publicField = (obj, key, value) => {
   class EventModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
       this.id = _rawYaml.metadata.uid || _rawYaml.id;
@@ -18507,49 +19155,43 @@ var __publicField = (obj, key, value) => {
   class DeploymentModel extends WorkloadModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
     get stateDisplay() {
       var _a, _b;
       if (((_a = this.spec) == null ? void 0 : _a.replicas) !== ((_b = this.status) == null ? void 0 : _b.readyReplicas)) {
-        return exports2.WorkloadState.UPDATEING;
+        return WorkloadState.UPDATEING;
       }
-      return exports2.WorkloadState.READY;
+      return WorkloadState.READY;
     }
   }
   class DaemonSetModel extends WorkloadModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
     get stateDisplay() {
       var _a, _b;
       if (((_a = this.status) == null ? void 0 : _a.desiredNumberScheduled) !== ((_b = this.status) == null ? void 0 : _b.numberReady)) {
-        return exports2.WorkloadState.UPDATEING;
+        return WorkloadState.UPDATEING;
       }
-      return exports2.WorkloadState.READY;
+      return WorkloadState.READY;
     }
   }
   class StatefulSetModel extends WorkloadModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
-      __publicField(this, "_rawYaml");
-      __publicField(this, "_globalStore");
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
     get stateDisplay() {
       var _a, _b;
       if (((_a = this.spec) == null ? void 0 : _a.replicas) !== ((_b = this.status) == null ? void 0 : _b.readyReplicas)) {
-        return exports2.WorkloadState.UPDATEING;
+        return WorkloadState.UPDATEING;
       }
-      return exports2.WorkloadState.READY;
+      return WorkloadState.READY;
     }
   }
   const ModelMap = {
@@ -18572,12 +19214,14 @@ var __publicField = (obj, key, value) => {
     }
     async processData(res) {
       const { kind, apiVersion } = res;
-      const items = await Promise.all(res.items.map((item) => {
-        const newItem = { ...item };
-        newItem.kind = kind.replace(/List$/g, "");
-        newItem.apiVersion = apiVersion;
-        return this.processItem(newItem);
-      }));
+      const items = await Promise.all(
+        res.items.map((item) => {
+          const newItem = { ...item };
+          newItem.kind = kind.replace(/List$/g, "");
+          newItem.apiVersion = apiVersion;
+          return this.processItem(newItem);
+        })
+      );
       return {
         ...res,
         items
@@ -18608,12 +19252,16 @@ var __publicField = (obj, key, value) => {
     }
     async processData(res) {
       const { kind, apiVersion } = res;
-      const items = await Promise.all(res.items.map((item) => this.processItem({
-        // TODO: unify this with data-provider getOne method
-        kind: kind.replace(/List$/g, ""),
-        apiVersion,
-        ...lodashExports.omit(item, ["apiVersion", "kind"])
-      })));
+      const items = await Promise.all(
+        res.items.map(
+          (item) => this.processItem({
+            // TODO: unify this with data-provider getOne method
+            kind: kind.replace(/List$/g, ""),
+            apiVersion,
+            ...lodashExports.omit(item, ["apiVersion", "kind"])
+          })
+        )
+      );
       return {
         ...res,
         items
@@ -18705,10 +19353,16 @@ var __publicField = (obj, key, value) => {
         modifiedModel.dispose();
       };
     }, [modified, origin, id]);
-    return jsxRuntimeExports.jsx("div", { ref, style: {
-      width: "100%",
-      height: height || "500px"
-    } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref,
+        style: {
+          width: "100%",
+          height: height || "500px"
+        }
+      }
+    );
   };
   const MonacoYamlDiffEditor$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
@@ -18720,6 +19374,7 @@ var __publicField = (obj, key, value) => {
   exports2.Breadcrumb = Breadcrumb;
   exports2.CRONJOB_INIT_VALUE = CRONJOB_INIT_VALUE;
   exports2.ClusterIpField = ClusterIpField;
+  exports2.ColumnKeys = ColumnKeys;
   exports2.CommonSorter = CommonSorter;
   exports2.CompletionsCountColumnRenderer = CompletionsCountColumnRenderer;
   exports2.ComponentContext = ComponentContext;
@@ -18744,6 +19399,7 @@ var __publicField = (obj, key, value) => {
   exports2.EventModel = EventModel;
   exports2.EventsTableTabField = EventsTableTabField;
   exports2.FormModal = FormModal;
+  exports2.FormType = FormType;
   exports2.GlobalStoreContext = GlobalStoreContext;
   exports2.INGRESS_INIT_VALUE = INGRESS_INIT_VALUE;
   exports2.ImageField = ImageField;
@@ -18780,6 +19436,7 @@ var __publicField = (obj, key, value) => {
   exports2.PodWorkloadColumnRenderer = PodWorkloadColumnRenderer;
   exports2.PodsField = PodsField;
   exports2.ProviderPlugins = ProviderPlugins;
+  exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReferenceLink = ReferenceLink;
   exports2.ReplicaField = ReplicaField;
   exports2.ReplicasColumnRenderer = ReplicasColumnRenderer;
@@ -18793,6 +19450,7 @@ var __publicField = (obj, key, value) => {
   exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
   exports2.SERVICE_INIT_VALUE = SERVICE_INIT_VALUE;
   exports2.STATEFULSET_INIT_VALUE = STATEFULSET_INIT_VALUE;
+  exports2.SchemaStrategy = SchemaStrategy;
   exports2.SecretDataField = SecretDataField;
   exports2.Separator = Separator;
   exports2.ServicePodsField = ServicePodsField;
@@ -18813,6 +19471,7 @@ var __publicField = (obj, key, value) => {
   exports2.WorkloadPodsTable = WorkloadPodsTable;
   exports2.WorkloadReplicas = WorkloadReplicas;
   exports2.WorkloadRestartsColumnRenderer = WorkloadRestartsColumnRenderer;
+  exports2.WorkloadState = WorkloadState;
   exports2.YamlEditorComponent = YamlEditorComponent;
   exports2.dnsSubDomainRules = dnsSubDomainRules;
   exports2.dovetailRefineI18n = dovetailRefineI18n;