@dovetail-v2/refine 0.0.25 → 0.0.26

package/dist/{index-9ad8e030.js → index-d02782c8.js}

@@ -15,10 +15,10 @@ import yaml from "js-yaml";
 import { isObject, first, get, omit as omit$1, flatten, merge, keyBy } from "lodash-es";
 import { useForm } from "sunflower-antd";
 import { HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, EditPen16PrimaryIcon, TrashBinDelete16Icon, Download16GradientBlueIcon, MoreEllipsis316BoldBlueIcon, CheckmarkDoneSuccessCorrect16BoldGreenIcon, XmarkFailed16BoldRedIcon, DynamicResourceSchedule16BlueIcon, VmResume16Icon, SuspendedPause16GradientGrayIcon, Resume24Icon, SuspendedPause24GradientOrangeIcon } from "@cloudtower/icons-react";
-import { Drawer } from "antd";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
 import ReactDOM from "react-dom";
+import { Drawer } from "antd";
 import { dataProvider, liveProvider } from "k8s-api-provider";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -1222,24 +1222,30 @@ const routerProvider = {
   go: () => {
     const { search: existingSearch, hash: existingHash } = useLocation();
     const history = useHistory();
-    const fn = useCallback(({ to, type: type2, query, hash, options: { keepQuery, keepHash } = {} }) => {
-      const urlQuery = {
-        ...keepQuery && existingSearch && 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 ? stringify(urlQuery, stringifyConfig) : ""}${hasUrlHash ? urlHash : ""}`;
-      if (type2 === "path") {
-        return fullPath;
-      }
-      return history[type2 || "push"](fullPath);
-    }, [existingHash, existingSearch, history]);
+    const fn = useCallback(
+      ({ to, type: type2, query, hash, options: { keepQuery, keepHash } = {} }) => {
+        const urlQuery = {
+          ...keepQuery && existingSearch && 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 ? stringify(urlQuery, stringifyConfig) : ""}${hasUrlHash ? urlHash : ""}`;
+        if (type2 === "path") {
+          return fullPath;
+        }
+        return history[type2 || "push"](fullPath);
+      },
+      [existingHash, existingSearch, history]
+    );
     return fn;
   },
   back: () => {
@@ -1284,13 +1290,20 @@ const routerProvider = {
     return fn;
   },
   Link: React__default.forwardRef(function RefineLink(props, ref) {
-    return jsxRuntimeExports.jsx(Link, { ...props, ref });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { ...props, ref });
   })
 };
 function useK8sYamlEditor() {
   const foldSymbol = useCallback(function(editor, symbol) {
     const model = editor.getModel();
-    const matchs = (model == null ? void 0 : model.findMatches(symbol, false, false, false, "", false).filter((match) => match.range.startColumn === 1)) || [];
+    const matchs = (model == null ? void 0 : model.findMatches(
+      symbol,
+      false,
+      false,
+      false,
+      "",
+      false
+    ).filter((match) => match.range.startColumn === 1)) || [];
     return new Promise(async (resolve, reject) => {
       try {
         for (const match of matchs) {
@@ -6826,14 +6839,19 @@ function generateValueFromSchema(schema, options) {
       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;
     }
@@ -6916,22 +6934,27 @@ function resolveRef(schema, schemas, options) {
 }
 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: {
@@ -6953,10 +6976,13 @@ function useSchema(options) {
   const [error, setError] = useState(null);
   const useResourceResult = useResource();
   const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
-  const openapi = 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 = 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 = useCallback(async () => {
     var _a2;
     setLoading(true);
@@ -7007,7 +7033,10 @@ function generateYamlBySchema(defaultValue, schema) {
     for (const key in obj2) {
       if (key in obj1) {
         if (isObject(obj2[key]) && isObject(obj1[key])) {
-          merged2[key] = merge2(obj1[key], obj2[key]);
+          merged2[key] = merge2(
+            obj1[key],
+            obj2[key]
+          );
         }
       } else {
         merged2 = {
@@ -7026,7 +7055,35 @@ const GlobalStoreContext = createContext({});
 const useGlobalStore = () => {
   return 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 = useRef(null);
   const isFoldRef = useRef(false);
@@ -7039,7 +7096,12 @@ const useEagleForm = ({ action, resource, onMutationSuccess: onMutationSuccessPr
   const useResourceResult = useResource();
   const { globalStore } = useGlobalStore();
   const kit = 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();
@@ -7253,21 +7315,21 @@ var cx = function cx2() {
   return result.join(" ");
 };
 var cx_default = cx;
-const index_13wdhs = "";
-const BreadcrumbStyle = "bi2gsxy";
+const index_hex8jv = "";
+const BreadcrumbStyle = "b142d7q8";
 function Breadcrumb(props) {
   const {
     breadcrumbs
   } = 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(Link, {
+        children: breadcrumb.href ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, {
           to: breadcrumb.href,
           children: breadcrumb.label
-        }) : jsxRuntimeExports.jsx("span", {
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           children: breadcrumb.label
         })
       }, `breadcrumb-${breadcrumb.label}`);
@@ -7277,7 +7339,7 @@ function Breadcrumb(props) {
 function NameInputWidget(props) {
   const kit = useUIKit();
   const { action } = useResource();
-  return jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
 }
 const dnsSubDomainRules = [
   {
@@ -7331,7 +7393,7 @@ function NamespaceSelectWidget(props) {
       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 = [
   {
@@ -7342,23 +7404,33 @@ const namespaceRules = [
 function KeyValueInput(props) {
   const { children, item } = props;
   const kit = useUIKit();
-  const onKeyChange = useCallback((event2) => {
-    var _a;
-    const key = event2.target.value;
-    (_a = props.onChange) == null ? void 0 : _a.call(props, {
-      ...item,
-      key
-    });
-  }, [item, props]);
-  const onValueChange = 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 = useCallback(
+    (event2) => {
+      var _a;
+      const key = event2.target.value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, {
+        ...item,
+        key
+      });
+    },
+    [item, props]
+  );
+  const onValueChange = 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 = useUIKit();
@@ -7369,35 +7441,72 @@ function KeyValueListWidget(props) {
       value: value2
     }));
   }, [value]);
-  const onChange = 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 = useCallback((index) => {
-    const result = [...items];
-    result.splice(index, 1);
-    onChange(result);
-  }, [onChange, items]);
+  const onChange = 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 = useCallback(
+    (index) => {
+      const result = [...items];
+      result.splice(index, 1);
+      onChange(result);
+    },
+    [onChange, items]
+  );
   const onAdd = 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 = 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) => {
@@ -7407,9 +7516,9 @@ function addId(arr, idKey) {
     };
   });
 }
-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
@@ -7418,15 +7527,15 @@ const WidgetErrorContent$1 = (props) => {
   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(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();
@@ -7730,14 +7839,33 @@ var dayjs_min = { exports: {} };
 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 = useUIKit();
@@ -7773,7 +7901,7 @@ const ConditionsTable = ({ conditions = [] }) => {
       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) });
       }
     },
     {
@@ -7785,9 +7913,18 @@ const ConditionsTable = ({ conditions = [] }) => {
     }
   ];
   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);
@@ -7906,14 +8043,14 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     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 = useUIKit();
   const {
@@ -7949,7 +8086,7 @@ function Table(props) {
         dataIndex: [],
         title: "",
         render: (_, record) => {
-          return jsxRuntimeExports.jsx(RowMenu, {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
             record
           });
         }
@@ -7959,9 +8096,9 @@ function Table(props) {
     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: {
@@ -7969,17 +8106,17 @@ function Table(props) {
       }
     });
   } 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) => {
@@ -7994,9 +8131,9 @@ function Table(props) {
       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,
@@ -9615,15 +9752,15 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
 };
 CloseCircleFilled.displayName = "CloseCircleFilled";
 const CloseCircleFilled$1 = React.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) => {
@@ -9636,14 +9773,14 @@ const WidgetErrorContent = (props) => {
   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(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) => {
@@ -9658,11 +9795,23 @@ const WidgetErrorContent = (props) => {
 function FormErrorAlert(props) {
   const { errorMsgs, style, className } = props;
   const kit = 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)) }) : 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)) }) : 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 {
@@ -9676,13 +9825,13 @@ function FormLayout(props) {
   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(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")
@@ -9690,99 +9839,267 @@ function FormLayout(props) {
     })]
   });
 }
-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__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-09dd38a4.js"));
-const YamlEditorComponent = forwardRef(function YamlEditorComponent2(props, ref) {
-  const { title, collapsable = true, isDefaultCollapsed, defaultValue = "", height, readOnly, errorMsgs = [], schema, eleRef, className } = props;
-  const kit = useUIKit();
-  const { t } = useTranslation();
-  const [isCollapsed, setIsCollapsed] = useState(collapsable ? isDefaultCollapsed : false);
-  const [isDiff, setIsDiff] = useState(false);
-  const [value, setValue] = useState(defaultValue);
-  const editorInstance = useRef();
-  const [copyTooltip, setCopyTooltip] = useState(t("dovetail.copy"));
-  const [resetTooltip, setResetTooltip] = useState(t("dovetail.reset_arguments"));
-  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 MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-7505595f.js"));
+const YamlEditorComponent = forwardRef(
+  function YamlEditorComponent2(props, ref) {
+    const {
+      title,
+      collapsable = true,
+      isDefaultCollapsed,
+      defaultValue = "",
+      height,
+      readOnly,
+      errorMsgs = [],
+      schema,
+      eleRef,
+      className
+    } = props;
+    const kit = useUIKit();
+    const { t } = useTranslation();
+    const [isCollapsed, setIsCollapsed] = useState(
+      collapsable ? isDefaultCollapsed : false
+    );
+    const [isDiff, setIsDiff] = useState(false);
+    const [value, setValue] = useState(defaultValue);
+    const editorInstance = useRef();
+    const [copyTooltip, setCopyTooltip] = useState(t("dovetail.copy"));
+    const [resetTooltip, setResetTooltip] = useState(t("dovetail.reset_arguments"));
+    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 = useCallback(
+      (newVal) => {
+        var _a;
+        setValue(newVal);
+        (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
       },
-      getEditorValue: () => {
+      [props.onChange]
+    );
+    const onValidate = 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 = useCallback((newVal) => {
-    var _a;
-    setValue(newVal);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, newVal);
-  }, [props.onChange]);
-  const onValidate = useCallback((valid, schemaValid) => {
-    var _a;
-    (_a = props.onValidate) == null ? void 0 : _a.call(props, valid, schemaValid);
-  }, [props.onValidate]);
-  const onEditorCreate = useCallback((editor) => {
-    var _a, _b, _c;
-    if (editor.getValue() !== value) {
-      (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value);
-    }
-    (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
-  }, [value, props.onEditorCreate]);
-  const getInstance = 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(Icon$1, { src: HierarchyTriangleRight16GrayIcon, hoverSrc: 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(Icon$1, { "data-disabled": isCollapsed, src: ClipboardCopy16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : 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(Icon$1, { "data-disabled": isCollapsed, src: Retry16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : Retry16GradientBlueIcon, className: IconStyle, iconWidth: 16, iconHeight: 16, onClick: () => {
-    var _a;
-    if (!isCollapsed) {
-      (_a = editorInstance.current) == null ? void 0 : _a.setValue(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(Icon$1, { "data-disabled": isCollapsed, src: EditPen16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : EditPen16GradientBlueIcon, className: IconStyle, iconWidth: 16, iconHeight: 16, onClick: () => isCollapsed ? void 0 : setIsDiff(false) }) : jsxRuntimeExports.jsx(Icon$1, { "data-disabled": isCollapsed, src: Showdiff16GradientGrayIcon, hoverSrc: isCollapsed ? void 0 : 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(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(Suspense, { fallback: jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value }), children: jsxRuntimeExports.jsx(MonacoYamlDiffEditor, { id: props.id, origin: defaultValue, modified: value, height }) }) : jsxRuntimeExports.jsx(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 = 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 = 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(
+                      Icon$1,
+                      {
+                        src: HierarchyTriangleRight16GrayIcon,
+                        hoverSrc: HierarchyTriangleRight16BlueIcon,
+                        className: cx_default(IconStyle, isCollapsed ? "" : "arrow-down"),
+                        iconWidth: 16,
+                        iconHeight: 16,
+                        onClick: () => setIsCollapsed(!isCollapsed)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle, "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(
+                            Icon$1,
+                            {
+                              "data-disabled": isCollapsed,
+                              src: ClipboardCopy16GradientGrayIcon,
+                              hoverSrc: isCollapsed ? void 0 : 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(
+                            Icon$1,
+                            {
+                              "data-disabled": isCollapsed,
+                              src: Retry16GradientGrayIcon,
+                              hoverSrc: isCollapsed ? void 0 : Retry16GradientBlueIcon,
+                              className: IconStyle,
+                              iconWidth: 16,
+                              iconHeight: 16,
+                              onClick: () => {
+                                var _a;
+                                if (!isCollapsed) {
+                                  (_a = editorInstance.current) == null ? void 0 : _a.setValue(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(
+                          Icon$1,
+                          {
+                            "data-disabled": isCollapsed,
+                            src: EditPen16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : EditPen16GradientBlueIcon,
+                            className: IconStyle,
+                            iconWidth: 16,
+                            iconHeight: 16,
+                            onClick: () => isCollapsed ? void 0 : setIsDiff(false)
+                          }
+                        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          Icon$1,
+                          {
+                            "data-disabled": isCollapsed,
+                            src: Showdiff16GradientGrayIcon,
+                            hoverSrc: isCollapsed ? void 0 : Showdiff16GradientBlueIcon,
+                            className: IconStyle,
+                            iconWidth: 16,
+                            iconHeight: 16,
+                            onClick: () => isCollapsed ? void 0 : setIsDiff(true)
+                          }
+                        )
+                      }
+                    )
+                  ] })
+                ] }),
+                errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(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(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MonacoYamlDiffEditor,
+                {
+                  id: props.id,
+                  origin: defaultValue,
+                  modified: value,
+                  height
+                }
+              ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(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;
@@ -10009,42 +10326,51 @@ function getCommonErrors(responseBody, i18n2) {
         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";
-var SchemaStrategy;
-(function(SchemaStrategy2) {
+const index_1r3lc5t = "";
+const FormStyle = "f5ks0bl";
+const EditorStyle$1 = "e1tqaxpu";
+var SchemaStrategy = /* @__PURE__ */ ((SchemaStrategy2) => {
   SchemaStrategy2["Required"] = "Required";
   SchemaStrategy2["Optional"] = "Optional";
   SchemaStrategy2["None"] = "None";
-})(SchemaStrategy || (SchemaStrategy = {}));
+  return SchemaStrategy2;
+})(SchemaStrategy || {});
 function YamlForm(props) {
   const {
     id,
-    schemaStrategy = SchemaStrategy.Optional,
+    schemaStrategy = "Optional",
     isShowLayout = true,
     onSaveButtonPropsChange
   } = props;
@@ -10060,7 +10386,8 @@ function YamlForm(props) {
     id,
     action: id ? "edit" : "create",
     editorOptions: {
-      isSkipSchema: schemaStrategy === SchemaStrategy.None
+      isSkipSchema: schemaStrategy === "None"
+      /* None */
     },
     liveMode: "off",
     initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE
@@ -10083,9 +10410,9 @@ function YamlForm(props) {
   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",
@@ -10093,28 +10420,28 @@ function YamlForm(props) {
       onFinish,
       children: (() => {
         if (isLoadingSchema) {
-          return jsxRuntimeExports.jsx(kit.loading, {});
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
         }
-        return editorProps.schema || schemaStrategy !== 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
         });
@@ -10123,8 +10450,8 @@ function YamlForm(props) {
   });
 }
 const ConfigsContext = createContext({});
-const index_1yt09oz = "";
-const FullscreenModalStyle = "frcixbr";
+const index_16ywf6g = "";
+const FullscreenModalStyle = "fbinl28";
 function FormModal(props) {
   const {
     resource: resourceFromProps,
@@ -10155,12 +10482,12 @@ function FormModal(props) {
   const onFinish = useCallback(() => {
     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,
@@ -10171,7 +10498,7 @@ function FormModal(props) {
       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,
@@ -10185,31 +10512,34 @@ function useEdit() {
   const { resource } = useParsed();
   const go = useGo();
   const navigation = useNavigation();
-  const edit2 = 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 = 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 };
 }
-var RESOURCE_GROUP;
-(function(RESOURCE_GROUP2) {
+var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
   RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
   RESOURCE_GROUP2["STORAGE"] = "STORAGE";
   RESOURCE_GROUP2["NETWORK"] = "NETWORK";
   RESOURCE_GROUP2["CLUSTER"] = "CLUSTER";
-})(RESOURCE_GROUP || (RESOURCE_GROUP = {}));
-var FormType;
-(function(FormType2) {
+  return RESOURCE_GROUP2;
+})(RESOURCE_GROUP || {});
+var FormType = /* @__PURE__ */ ((FormType2) => {
   FormType2["PAGE"] = "PAGE";
   FormType2["MODAL"] = "MODAL";
-})(FormType || (FormType = {}));
+  return FormType2;
+})(FormType || {});
 function getInitialValues(config) {
   return config.initValue || {
     apiVersion: config.apiVersion,
@@ -10255,7 +10585,7 @@ function CreateButton() {
   const kit = 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 } = useDeleteMany();
@@ -10289,33 +10619,39 @@ const DeleteManyButton = (props) => {
   const { resource } = useResource();
   const kit = 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 = 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 = 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: 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;
@@ -10350,14 +10686,14 @@ const CronjobJobsTable = ({
     });
   }, [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 || [],
@@ -10380,52 +10716,69 @@ const EventsTable = ({}) => {
     meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" }
   });
   const parsed = useParsed();
-  const columns = 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 = 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 = 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
 }) => {
@@ -10433,18 +10786,18 @@ const ImageNames = ({
   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(Typo.Label.l4_regular, MoreTriggerStyle),
         children: ["+", value.length - 1, " ", t("dovetail.more")]
       })
@@ -10467,7 +10820,7 @@ const ResourceLink = (props) => {
       }
     });
   };
-  return jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
 };
 const IngressRulesTable = ({ ingress }) => {
   const kit = useUIKit();
@@ -10497,7 +10850,14 @@ const IngressRulesTable = ({ ingress }) => {
       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
+          }
+        );
       }
     },
     {
@@ -10509,14 +10869,23 @@ const IngressRulesTable = ({ ingress }) => {
     }
   ];
   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 = 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 {
@@ -10525,18 +10894,25 @@ const KeyValue = ({ value }) => {
       value: value[key]
     };
   });
-  return jsxRuntimeExports.jsx(kit.table, { loading: false, columns: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    kit.table,
     {
-      key: "key",
-      title: "Key",
-      dataIndex: ["key"]
-    },
-    {
-      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;
@@ -10548,7 +10924,7 @@ function matchSelector(pod, selector) {
   }
   return match;
 }
-const WorkloadPodsTable_1r3xl5w = "";
+const WorkloadPodsTable_1giuese = "";
 const WorkloadPodsTable = ({
   selector,
   hideToolbar
@@ -10577,14 +10953,14 @@ const WorkloadPodsTable = ({
     });
   }, [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 || [],
@@ -10636,9 +11012,9 @@ function useSubmitForm(options) {
     onSubmit
   };
 }
-const index_ddml0x = "";
-const EditFieldModalStyle = "e1m822bh";
-const EditButtonStyle = "e1yqcgb6";
+const index_13sllsf = "";
+const EditFieldModalStyle = "esoz3jw";
+const EditButtonStyle = "e1m0bgls";
 function EditFieldModal(props) {
   const {
     title,
@@ -10662,7 +11038,7 @@ function EditFieldModal(props) {
     popModal();
     reset();
   }, [reset]);
-  return jsxRuntimeExports.jsxs(kit.modal, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.modal, {
     className: EditFieldModalStyle,
     title: title || i18n2.t("dovetail.edit"),
     confirmLoading: submitting,
@@ -10670,7 +11046,7 @@ function EditFieldModal(props) {
     onCancel: close,
     normal: true,
     destroyOnClose: true,
-    children: [renderContent(), jsxRuntimeExports.jsx(FormErrorAlert, {
+    children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
       style: {
         marginTop: 16
       },
@@ -10686,7 +11062,7 @@ function EditField(props) {
   const {
     i18n: i18n2
   } = useTranslation();
-  return jsxRuntimeExports.jsx(kit.button, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
     className: EditButtonStyle,
     type: "link",
     onClick: () => {
@@ -10717,17 +11093,30 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
   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 = useRef(null);
@@ -10735,12 +11124,30 @@ function WorkloadReplicas({ record, label: label2, editable }) {
   const replicas2 = record.spec && "replicas" in record.spec ? record.spec.replicas : 0;
   const canScale = record.kind === "Deployment" || record.kind === "StatefulSet";
   const currentReplicas = 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 {
@@ -10749,7 +11156,7 @@ const ImageField = (i18n2) => {
     path: ["imageNames"],
     col: 12,
     renderContent(value) {
-      return jsxRuntimeExports.jsx(ImageNames, { value });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageNames, { value });
     }
   };
 };
@@ -10759,7 +11166,7 @@ const ReplicaField = (i18n2) => {
     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 });
     }
   };
 };
@@ -10769,7 +11176,7 @@ const ConditionsField = (i18n2) => {
     title: i18n2.t("dovetail.condition"),
     path: ["status", "conditions"],
     renderContent: (value) => {
-      return jsxRuntimeExports.jsx(ConditionsTable, { conditions: value });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value });
     }
   };
 };
@@ -10780,9 +11187,15 @@ const PodsField = () => {
     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
+        }
+      );
     }
   };
 };
@@ -10793,13 +11206,18 @@ const JobsField = () => {
     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) || ""
+          }
+        }
+      );
     }
   };
 };
@@ -10809,7 +11227,7 @@ const DataField = (i18n2) => {
     title: i18n2.t("dovetail.data"),
     path: ["data"],
     renderContent: (val) => {
-      return jsxRuntimeExports.jsx(KeyValue, { value: val });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { value: val });
     }
   };
 };
@@ -10823,7 +11241,7 @@ const SecretDataField = (i18n2) => {
       for (const key in val) {
         decodeVal[key] = atob(val[key]);
       }
-      return jsxRuntimeExports.jsx(KeyValue, { value: decodeVal });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { value: decodeVal });
     }
   };
 };
@@ -10834,7 +11252,7 @@ const StartTimeField = (i18n2) => {
     path: ["status", "startTime"],
     col: 12,
     renderContent(value) {
-      return jsxRuntimeExports.jsx(Time, { date: value });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: value });
     }
   };
 };
@@ -10866,9 +11284,14 @@ const ServicePodsField = () => {
     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
+        }
+      );
     }
   };
 };
@@ -10878,7 +11301,7 @@ const IngressRulesTableTabField = (i18n2) => {
     title: i18n2.t("dovetail.rule"),
     path: ["spec", "rules"],
     renderContent: (_, record) => {
-      return jsxRuntimeExports.jsx(IngressRulesTable, { ingress: record });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesTable, { ingress: record });
     }
   };
 };
@@ -10888,13 +11311,16 @@ const EventsTableTabField = (i18n2) => {
     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);
@@ -10915,29 +11341,64 @@ function K8sDropdown(props) {
   const { globalStore } = useGlobalStore();
   const useResourceResult = 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(Icon$1, { src: EditPen16PrimaryIcon, children: t("dovetail.edit") }) }), jsxRuntimeExports.jsx(kit.menuItem, { danger: true, onClick: () => {
-    openDeleteConfirmModal(record.id);
-  }, children: jsxRuntimeExports.jsx(Icon$1, { src: 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(Icon$1, { src: Download16GradientBlueIcon, children: t("dovetail.download_yaml") }) }), props.children] }), children: jsxRuntimeExports.jsx(kit.button, { type: "tertiary", size: "small", children: jsxRuntimeExports.jsx(Icon$1, { src: 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(Icon$1, { src: EditPen16PrimaryIcon, children: t("dovetail.edit") })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            kit.menuItem,
+            {
+              danger: true,
+              onClick: () => {
+                openDeleteConfirmModal(record.id);
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: 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(Icon$1, { src: Download16GradientBlueIcon, children: t("dovetail.download_yaml") })
+            }
+          ),
+          props.children
+        ] }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "tertiary", size: "small", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: 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,
@@ -10948,14 +11409,14 @@ function KeyValueData(props) {
   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: () => {
@@ -10963,12 +11424,12 @@ function KeyValueData(props) {
         },
         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, Typo.Label.l4_regular),
         children: key
-      }), jsxRuntimeExports.jsx("span", {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: Typo.Label.l4_regular,
         children: datas[key]
       })]
@@ -10979,7 +11440,19 @@ const schemaMap = /* @__PURE__ */ new Map();
 const MonacoYamlEditor = (props) => {
   const ref = useRef(null);
   const instanceRef = 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.Uri.parse(`${id}.yaml`) : void 0;
   useEffect(() => {
     if (schema) {
@@ -11099,17 +11572,23 @@ const MonacoYamlEditor = (props) => {
       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" }));
-var WorkloadState;
-(function(WorkloadState2) {
+var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
   WorkloadState2["UPDATEING"] = "updating";
   WorkloadState2["READY"] = "ready";
   WorkloadState2["COMPLETED"] = "completed";
@@ -11121,7 +11600,8 @@ var WorkloadState;
   WorkloadState2["TERMINATING"] = "terminating";
   WorkloadState2["PENDING"] = "pending";
   WorkloadState2["WAITING"] = "waiting";
-})(WorkloadState || (WorkloadState = {}));
+  return WorkloadState2;
+})(WorkloadState || {});
 const StateTag = ({ state: state2 = WorkloadState.UPDATEING, className }) => {
   const kit = useUIKit();
   const { t } = useTranslation();
@@ -11138,23 +11618,23 @@ const StateTag = ({ state: state2 = WorkloadState.UPDATEING, className }) => {
     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 = 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],
@@ -11162,25 +11642,20 @@ const Tags = (props) => {
       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 {
@@ -11196,12 +11671,15 @@ const ShowContent = (props) => {
   const {
     resource
   } = useResource();
-  const [mode, setMode] = useState(Mode.Detail);
+  const [mode, setMode] = useState(
+    "detail"
+    /* Detail */
+  );
   const {
     queryResult
   } = 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
@@ -11231,15 +11709,15 @@ const ShowContent = (props) => {
       if (field.renderContent) {
         content = field.renderContent(value, record, field);
       } else {
-        content = jsxRuntimeExports.jsx("span", {
+        content = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           children: 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: Typo.Label.l3_regular,
             style: {
               width: field.labelWidth || "64px"
@@ -11259,7 +11737,7 @@ const ShowContent = (props) => {
     title: t("dovetail.created_time"),
     path: ["metadata", "creationTimestamp"],
     renderContent(value) {
-      return jsxRuntimeExports.jsx(Time, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value)
       });
     }
@@ -11273,7 +11751,7 @@ const ShowContent = (props) => {
       if (!value) {
         return void 0;
       }
-      return jsxRuntimeExports.jsx(Tags, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
         value
       });
     }
@@ -11286,74 +11764,80 @@ const ShowContent = (props) => {
       if (!value) {
         return void 0;
       }
-      return jsxRuntimeExports.jsx(KeyValueData, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueData, {
         datas: value,
         expandable: true
       });
     }
   }];
   const stateDisplay = 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: 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: 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(get(record, field.path), record, field);
       } else {
-        content = jsxRuntimeExports.jsx("span", {
+        content = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           children: 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,
@@ -11361,13 +11845,13 @@ const ShowContent = (props) => {
       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) => {
@@ -11376,76 +11860,101 @@ const PageShow = (props) => {
   const parsed = useParsed();
   const { queryResult } = 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 = useUIKit();
   const { i18n: i18n2 } = useTranslation();
-  const columns = 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(Icon$1, { src: v ? CheckmarkDoneSuccessCorrect16BoldGreenIcon : 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(Icon$1, { src: CheckmarkDoneSuccessCorrect16BoldGreenIcon });
+  const columns = 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(
+          Icon$1,
+          {
+            src: v ? CheckmarkDoneSuccessCorrect16BoldGreenIcon : 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(Icon$1, { src: 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 = 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 = 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;
@@ -11453,21 +11962,27 @@ function WorkloadDropdown(props) {
   const { resource } = useResource();
   const { mutate } = 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(Icon$1, { src: 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(Icon$1, { src: DynamicResourceSchedule16BlueIcon, children: t("dovetail.redeploy") })
+    }
+  ) });
 }
 const ComponentContext = createContext({});
-const index_1wm00ab = "";
-const ListPageStyle = "l1bnwhst";
-const TableStyle = "t1e5fy2f";
+const index_3lw8k1 = "";
+const ListPageStyle = "laykzsq";
+const TableStyle = "t1ng0psc";
 function ListPage(props) {
   const {
     title,
@@ -11478,12 +11993,12 @@ function ListPage(props) {
     Table: TableComponent
   } = 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: {
@@ -11504,11 +12019,18 @@ function ResourceList(props) {
     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;
@@ -11517,17 +12039,40 @@ function ResourceForm(props) {
       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__default.Fragment, { children: [
-      jsxRuntimeExports.jsx(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(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__default.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(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(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 === FormType.PAGE ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/create`, children: jsxRuntimeExports.jsx(ResourceForm, { config }) }), jsxRuntimeExports.jsx(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(Route, { path: `${urlPrefix}/${config.name}/create`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { config }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/edit`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { config }) })
+      ] }) : null
     ] }, config.name);
   }) });
 }
@@ -11539,21 +12084,35 @@ function CronJobDropdown(props) {
   const { mutate } = 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(Icon$1, { src: suspended2 ? VmResume16Icon : 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(Icon$1, { src: suspended2 ? VmResume16Icon : 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) {
@@ -11611,8 +12170,8 @@ function parseSi(inValue, increment = null, allowFractional = true) {
   }
   return val;
 }
-const index_tgzi8r = "";
-const WrapperStyle = "w4e2xcn";
+const index_1wzdp7m = "";
+const WrapperStyle = "wfg6u6g";
 const InnerBar = ({
   usage: usage2,
   requestNum,
@@ -11624,33 +12183,33 @@ const InnerBar = ({
   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}%`
@@ -11664,12 +12223,12 @@ const ResourceUsageBar = (props) => {
     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
     })]
   });
@@ -11679,11 +12238,16 @@ const DeleteButton = () => {
   const { id } = useParsed();
   const kit = 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 = useUIKit();
   const {
@@ -11691,17 +12255,17 @@ const Menu = () => {
     selectedKey
   } = useMenu();
   function renderMenuItems(items) {
-    return items.map((item) => item.list ? jsxRuntimeExports.jsx(kit.menuItem, {
-      children: jsxRuntimeExports.jsx(NavLink, {
+    return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItem, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(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],
@@ -11856,21 +12420,30 @@ const NamespacesFilter = () => {
     }
   });
   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
 }) => {
@@ -11881,28 +12454,28 @@ const Layout = ({
     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, 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
       })]
@@ -11916,28 +12489,52 @@ const DrawerShow = (props) => {
   const nav = useNavigation();
   const { queryResult } = useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
   const { isLoading } = queryResult;
-  return jsxRuntimeExports.jsx(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(
+    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 } = useParsed();
   const kit = 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 = 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 = {};
@@ -17530,8 +18127,8 @@ const LogViewerBase = memo((_a) => {
 const LogViewer = React__default.forwardRef((props, ref) => React__default.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
 }) => {
@@ -17639,10 +18236,10 @@ const PodLog = ({
       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();
@@ -17653,31 +18250,31 @@ const PodLog = ({
           },
           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(Resume24Icon, {}) : jsxRuntimeExports.jsx(SuspendedPause24GradientOrangeIcon, {}),
+        prefixIcon: paused ? /* @__PURE__ */ jsxRuntimeExports.jsx(Resume24Icon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(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
@@ -17696,9 +18293,9 @@ const NetworkPolicyRulesTable = ({ ingressOrEgress }) => {
     const peers = get(gress, "from") || 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 = useUIKit();
@@ -17729,7 +18326,7 @@ const IngressRuleTable = ({ peers }) => {
       title: "CIDR",
       sortable: true,
       render(v) {
-        return jsxRuntimeExports.jsx("span", { children: v || "-" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: v || "-" });
       }
     },
     {
@@ -17741,7 +18338,7 @@ const IngressRuleTable = ({ peers }) => {
       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));
       }
     },
     {
@@ -17751,22 +18348,42 @@ const IngressRuleTable = ({ peers }) => {
       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 = 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);
@@ -17822,17 +18439,24 @@ const NameLink = (props) => {
   const navigation = useNavigation();
   const parsed = 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);
@@ -17853,7 +18477,7 @@ const NameColumnRenderer = (i18n2, resource = "") => {
     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 });
     }
   };
 };
@@ -17877,7 +18501,7 @@ const StateDisplayColumnRenderer = (i18n2) => {
     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) => {
@@ -17890,7 +18514,7 @@ const WorkloadImageColumnRenderer = (i18n2) => {
     sortable: true,
     sorter: CommonSorter(dataIndex),
     render(value, record) {
-      return jsxRuntimeExports.jsx(ImageNames, { value: record.imageNames });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageNames, { value: record.imageNames });
     }
   };
 };
@@ -17914,7 +18538,11 @@ const ReplicasColumnRenderer = (i18n2) => {
     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
+      ] });
     }
   };
 };
@@ -17936,7 +18564,7 @@ const AgeColumnRenderer = (i18n2) => {
       return -1;
     },
     render: (value) => {
-      return jsxRuntimeExports.jsx(Time, { date: new Date(value) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(value) });
     }
   };
 };
@@ -17990,7 +18618,7 @@ const DurationColumnRenderer = (i18n2) => {
         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 || "-" });
     }
   };
 };
@@ -18015,7 +18643,14 @@ const PodWorkloadColumnRenderer = (i18n2) => {
     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
+      ));
     }
   };
 };
@@ -18029,7 +18664,7 @@ const IngressRulesColumnRenderer = (i18n2) => {
     sortable: true,
     sorter: CommonSorter(dataIndex),
     render(_, record) {
-      return jsxRuntimeExports.jsx(IngressRulesComponent, { ingress: record });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesComponent, { ingress: record });
     }
   };
 };
@@ -18045,14 +18680,23 @@ const IngressDefaultBackendColumnRenderer = (i18n2) => {
     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) || ""
+          }
+        )
+      ] });
     }
   };
 };
-var ColumnKeys;
-(function(ColumnKeys2) {
+var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
   ColumnKeys2["age"] = "age";
   ColumnKeys2["name"] = "name";
   ColumnKeys2["namespace"] = "namespace";
@@ -18060,7 +18704,8 @@ var ColumnKeys;
   ColumnKeys2["replicas"] = "replicas";
   ColumnKeys2["deploymentImage"] = "deploymentImage";
   ColumnKeys2["podImage"] = "podImage";
-})(ColumnKeys || (ColumnKeys = {}));
+  return ColumnKeys2;
+})(ColumnKeys || {});
 const useEagleTable = (params) => {
   var _a;
   const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
@@ -18086,9 +18731,12 @@ const useEagleTable = (params) => {
     return mergedParams;
   }, [params.useTableParams, nsFilter]);
   const table = useTable(useTableParams);
-  const onPageChange = useCallback((page) => {
-    setCurrentPage(page);
-  }, [setCurrentPage]);
+  const onPageChange = 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 = {
@@ -18116,37 +18764,49 @@ const Dovetail = (props) => {
     return resourcesConfig.filter((c) => !c.isCustom);
   }, [resourcesConfig]);
   const content = useMemo(() => {
-    const _content = jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ModalStack, {}), jsxRuntimeExports.jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix }), props.children] });
+    const _content = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(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(Router, { history, children: jsxRuntimeExports.jsx(KitStoreProvider, { children: jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, "name"), children: jsxRuntimeExports.jsx(Refine, { dataProvider: {
-    default: dataProvider(globalStore)
-  }, routerProvider, liveProvider: 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(Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Refine,
+    {
+      dataProvider: {
+        default: 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: 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");
@@ -18186,8 +18846,6 @@ class IngressModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     var _a;
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     __publicField(this, "flattenedRules");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
@@ -18210,8 +18868,6 @@ class IngressModel extends ResourceModel {
 class NetworkPolicyModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
   }
@@ -18222,8 +18878,6 @@ function shortenedImage(image2) {
 class WorkloadBaseModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
   }
@@ -18242,8 +18896,6 @@ class WorkloadBaseModel extends ResourceModel {
 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;
@@ -18256,10 +18908,12 @@ class JobModel extends WorkloadBaseModel {
       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;
   }
@@ -18299,8 +18953,6 @@ class JobModel extends WorkloadBaseModel {
 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;
@@ -18313,10 +18965,12 @@ class WorkloadModel extends WorkloadBaseModel {
       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;
   }
@@ -18350,8 +19004,6 @@ class PodModel extends WorkloadBaseModel {
   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;
@@ -18397,7 +19049,9 @@ class PodModel extends WorkloadBaseModel {
   }
   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;
@@ -18429,8 +19083,6 @@ class PodModel extends WorkloadBaseModel {
 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;
@@ -18461,8 +19113,6 @@ class PodMetricsModel extends ResourceModel {
 class CronJobModel extends WorkloadBaseModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
   }
@@ -18491,8 +19141,6 @@ class CronJobModel extends WorkloadBaseModel {
 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;
@@ -18501,8 +19149,6 @@ class EventModel extends ResourceModel {
 class DeploymentModel extends WorkloadModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
   }
@@ -18517,8 +19163,6 @@ class DeploymentModel extends WorkloadModel {
 class DaemonSetModel extends WorkloadModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
   }
@@ -18533,8 +19177,6 @@ class DaemonSetModel extends WorkloadModel {
 class StatefulSetModel extends WorkloadModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
-    __publicField(this, "_rawYaml");
-    __publicField(this, "_globalStore");
     this._rawYaml = _rawYaml;
     this._globalStore = _globalStore;
   }
@@ -18566,12 +19208,14 @@ class ModelPlugin {
   }
   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
@@ -18602,12 +19246,16 @@ class RelationPlugin {
   }
   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