@dovetail-v2/refine 0.1.5 → 0.1.7

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("k8s-api-provider"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "k8s-api-provider", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml, global2.k8sApiProvider, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml, k8sApiProvider, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("k8s-api-provider"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "k8s-api-provider", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml$1, global2.k8sApiProvider, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml$1, k8sApiProvider, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -1175,6 +1175,7 @@ var __publicField = (obj, key, value) => {
   const pv_phase_pending$1 = "Pending";
   const exec_pod = "Execute shell";
   const search$1 = "Search";
+  const edit_label$1 = "Edit label";
   const dovetail$1 = {
     copy: copy$2,
     reset_arguments: reset_arguments$1,
@@ -1346,7 +1347,8 @@ var __publicField = (obj, key, value) => {
     pv_phase_failed: pv_phase_failed$1,
     pv_phase_pending: pv_phase_pending$1,
     exec_pod,
-    search: search$1
+    search: search$1,
+    edit_label: edit_label$1
   };
   const EN = {
     dovetail: dovetail$1
@@ -1525,6 +1527,14 @@ var __publicField = (obj, key, value) => {
   const connecting = "正在连接...";
   const reconnect = "重新连接";
   const search = "搜索";
+  const edit_form = "编辑表单";
+  const exit_yaml_tip = "返回编辑表单，不会保留对 YAML 文件做出的所有更改。";
+  const form = "表单";
+  const yaml = "YAML";
+  const edit_label = "编辑标签";
+  const edit_label_success_toast = "编辑资源 {{name}} 的标签成功";
+  const edit_annotation = "编辑注解";
+  const edit_annotation_success_toast = "编辑资源 {{name}} 的注解成功";
   const dovetail = {
     copy: copy$1,
     reset_arguments,
@@ -1702,7 +1712,15 @@ var __publicField = (obj, key, value) => {
     disconnected,
     connecting,
     reconnect,
-    search
+    search,
+    edit_form,
+    exit_yaml_tip,
+    form,
+    yaml,
+    edit_label,
+    edit_label_success_toast,
+    edit_annotation,
+    edit_annotation_success_toast
   };
   const ZH = {
     dovetail
@@ -8085,18 +8103,19 @@ var __publicField = (obj, key, value) => {
     return schema;
   }
   class K8sOpenAPI {
-    constructor(resourceBasePath) {
+    constructor(resourceBasePath, pathPrefix) {
       // private response: OpenAPIResponse | null = null;
       __publicField(this, "apiVersion");
       __publicField(this, "schemas", null);
       this.resourceBasePath = resourceBasePath;
+      this.pathPrefix = pathPrefix;
       this.apiVersion = getApiVersion(resourceBasePath);
     }
     // Fetch and process OpenAPI schemas
     async fetch() {
       try {
         const response = await fetch(
-          `/api/sks/api/v1/clusters/sks-mgmt/proxy/openapi/v3${this.resourceBasePath}`
+          `${this.pathPrefix}${this.resourceBasePath}`
         );
         const result = await response.json();
         this.schemas = Object.values(result.components.schemas);
@@ -8141,6 +8160,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
+  const ConstantsContext = React.createContext({
+    schemaUrlPrefix: ""
+  });
   function useApiGroupSchema() {
     const [state2, setState] = React.useState({
       schemas: null,
@@ -8148,7 +8170,7 @@ var __publicField = (obj, key, value) => {
       loading: false,
       error: null
     });
-    const fetchSchema = React.useCallback(async (apiGroups) => {
+    const fetchSchema = React.useCallback(async (apiGroups, schemaUrlPrefix) => {
       setState((prev) => ({ ...prev, loading: true, error: null }));
       try {
         const results = await Promise.all(
@@ -8156,7 +8178,7 @@ var __publicField = (obj, key, value) => {
             if (state2.schemasMap[apiGroup]) {
               return { apiGroup, schemas: state2.schemasMap[apiGroup] };
             }
-            const openapi = new K8sOpenAPI(apiGroup);
+            const openapi = new K8sOpenAPI(apiGroup, schemaUrlPrefix);
             const groupSchemas = await openapi.fetch();
             return { apiGroup, schemas: groupSchemas || [] };
           })
@@ -8179,18 +8201,19 @@ var __publicField = (obj, key, value) => {
     return { ...state2, fetchSchema };
   }
   function useSchema(options) {
-    var _a;
+    var _a, _b;
     const [schema, setSchema] = React.useState(null);
     const [loading, setLoading] = React.useState(false);
     const [error, setError] = React.useState(null);
     const useResourceResult = core.useResource();
     const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
+    const { schemaUrlPrefix } = React.useContext(ConstantsContext);
     const openapi = React.useMemo(
       () => {
         var _a2;
-        return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath);
+        return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix);
       },
-      [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath]
+      [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath, schemaUrlPrefix]
     );
     const fetchSchema = React.useCallback(async () => {
       var _a2;
@@ -8206,7 +8229,7 @@ var __publicField = (obj, key, value) => {
       } finally {
         setLoading(false);
       }
-    }, [resource, openapi]);
+    }, [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, openapi]);
     React.useEffect(() => {
       if (options == null ? void 0 : options.skip)
         return;
@@ -8245,11 +8268,13 @@ var __publicField = (obj, key, value) => {
   };
   var cx_default = cx;
   const ConfigsContext = React.createContext({});
-  const useDeleteModal_vv2pzj = "";
+  const modal_1eijuvm = "";
+  const FullscreenModalStyle = "fq4465w";
+  const SmallModalStyle = "s1nc293e";
+  const useDeleteModal_mi8he5 = "";
   const TextStyle = "t1vq0ett";
   const TipStyle = "t139onst";
   const NameStyle$1 = "n18lzor8";
-  const ModalStyle = "mvvgkkc";
   const useDeleteModal = (resource) => {
     const configs = React.useContext(ConfigsContext);
     const config = configs[resource];
@@ -8264,7 +8289,7 @@ var __publicField = (obj, key, value) => {
       t: t2
     } = useTranslation();
     const modalProps = {
-      className: ModalStyle,
+      className: SmallModalStyle,
       title: t2("dovetail.delete_resource", {
         resource: config.kind
       }),
@@ -8345,7 +8370,7 @@ var __publicField = (obj, key, value) => {
       openDeleteConfirmModal
     };
   };
-  const index_wrn16i = "";
+  const index_18b69qa = "";
   const EMPTY_VALUES = [void 0, null, "", "-"];
   const EmptyStyle = "e5223w8";
   const ContentStyle$2 = "cdjsw14";
@@ -8357,7 +8382,7 @@ var __publicField = (obj, key, value) => {
       style
     } = props;
     return EMPTY_VALUES.includes(value2) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      className: cx_default(EmptyStyle, className),
+      className: cx_default(EmptyStyle, "empty-text", className),
       style,
       children: "-"
     }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -8429,7 +8454,7 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: elapsedTime(value2, i18nMap).label || /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" }) });
   }
-  const index_hex8jv = "";
+  const index_1xaw1mq = "";
   const BreadcrumbStyle = "b142d7q8";
   function Breadcrumb(props) {
     const {
@@ -8737,7 +8762,7 @@ var __publicField = (obj, key, value) => {
       return o(prop);
     }
   }) : styled;
-  const index_cp12i5 = "";
+  const index_1q7r2i0 = "";
   const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
     name: "ErrorWrapper",
     class: "egn3dbn",
@@ -8798,13 +8823,13 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  const TableWidgets_ny30pi = "";
+  const TableWidgets_sc2nyo = "";
   const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
     name: "AuxiliaryLine",
     class: "ax1qopv",
     propsAsIs: false
   });
-  const index_dmbxj3 = "";
+  const index_dp43sd = "";
   const TableContainerStyle = "t1upn1sz";
   function Table(props) {
     const {
@@ -9117,6 +9142,16 @@ var __publicField = (obj, key, value) => {
     restore() {
       return this._rawYaml;
     }
+    updateLabel(labels) {
+      const newYaml = this._globalStore.restoreItem(this);
+      newYaml.metadata.labels = labels;
+      return newYaml;
+    }
+    updateAnnotation(annotations) {
+      const newYaml = this._globalStore.restoreItem(this);
+      newYaml.metadata.annotations = annotations;
+      return newYaml;
+    }
   }
   class IngressModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
@@ -9613,7 +9648,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  const TIMESTAMP_LABEL = "sks.user.kubesmart.smtx.io/timestamp";
+  const REDEPLOY_TIMESTAMP_KEY = "kubectl.kubernetes.io/restartedAt";
   const SECRET_OPAQUE_INIT_VALUE = {
     "apiVersion": "v1",
     "kind": "Secret",
@@ -9862,7 +9897,7 @@ var __publicField = (obj, key, value) => {
       const annotations = lodashExports.get(newOne, path2, {});
       lodashExports.set(newOne, path2, {
         ...annotations,
-        [TIMESTAMP_LABEL]: (/* @__PURE__ */ new Date()).toISOString().replace(/\.\d+Z$/, "Z")
+        [REDEPLOY_TIMESTAMP_KEY]: (/* @__PURE__ */ new Date()).toISOString().replace(/\.\d+Z$/, "Z")
       });
       return newOne;
     }
@@ -10238,7 +10273,7 @@ var __publicField = (obj, key, value) => {
       this._rawYaml = _rawYaml;
     }
   }
-  const index_1lzkrja = "";
+  const index_1iq0dq9 = "";
   const ServiceInClusterAccessComponent = ({
     service
   }) => {
@@ -10317,7 +10352,7 @@ var __publicField = (obj, key, value) => {
       children: content || "-"
     });
   };
-  const index_10ylmu3 = "";
+  const index_1sc40y3 = "";
   const TagWrapper = "t13a6vox";
   const TagStyle = "t12ikbmp";
   const Tags = (props) => {
@@ -10344,7 +10379,7 @@ var __publicField = (obj, key, value) => {
       children: tags
     });
   };
-  const StateTag_1wmvw42 = "";
+  const StateTag_1o2atxo = "";
   const StateTagStyle = "s8qkbck";
   const StateTag = ({
     state: state2 = WorkloadState.UPDATING,
@@ -10429,7 +10464,7 @@ var __publicField = (obj, key, value) => {
   })(relativeTime$1);
   var relativeTimeExports = relativeTime$1.exports;
   const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-  const index_1779z85 = "";
+  const index_1jgp4p8 = "";
   dayjs.extend(relativeTime, {
     thresholds: [{
       l: "s",
@@ -10601,7 +10636,7 @@ var __publicField = (obj, key, value) => {
   function useDownloadYAML() {
     return function(options) {
       const { name: name2, item } = options;
-      const content = yaml.dump(item);
+      const content = yaml$1.dump(item);
       download(`${name2}.yaml`, content);
     };
   }
@@ -10686,6 +10721,410 @@ var __publicField = (obj, key, value) => {
       }
     };
   }
+  function FormErrorAlert(props) {
+    const { title, errorMsgs, style, className, isEdit } = props;
+    const { i18n: i18n2 } = useTranslation();
+    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Alert,
+      {
+        message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
+          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            index2 + 1 + ". ",
+            " ",
+            errorMsg
+          ] }, errorMsg)) }) : lodashEs.first(errorMsgs)
+        ] }),
+        type: "error",
+        style,
+        className
+      }
+    ) : null;
+  }
+  function getCommonErrors(responseBody, i18n2) {
+    var _a;
+    if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
+      return [];
+    }
+    const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
+    if (causes.length) {
+      return causes.map((cause) => {
+        let params = {};
+        let message2 = cause.message;
+        try {
+          const info = JSON.parse(cause.message);
+          params = info.params;
+          message2 = info.message;
+        } catch {
+          return i18n2.t(
+            [
+              `error.${cause.reason}`,
+              `error.${cause.code}`,
+              `${cause.field ? `${cause.field}: ` : ""}${message2}`
+            ],
+            {
+              ...params,
+              fallbackLng: ""
+            }
+          );
+        }
+        return i18n2.t(
+          [
+            `error.${cause.reason}`,
+            `error.${cause.code}`,
+            `${cause.field ? `${cause.field}: ` : ""}${message2}`
+          ],
+          {
+            ...params,
+            fallbackLng: ""
+          }
+        );
+      });
+    }
+    return [
+      i18n2.t(
+        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+        { fallbackLng: "" }
+      )
+    ];
+  }
+  function useSubmitForm(options) {
+    const { formRef, onSubmitSuccess } = options;
+    const { i18n: i18n2 } = useTranslation();
+    const [submitting, setSubmitting] = React.useState(false);
+    const [errorMsgs, setErrorMsgs] = React.useState([]);
+    const reset = React.useCallback(() => {
+      setSubmitting(false);
+      setErrorMsgs([]);
+    }, []);
+    const onSubmit = React.useCallback(async () => {
+      var _a;
+      try {
+        setSubmitting(true);
+        await ((_a = formRef.current) == null ? void 0 : _a.submit());
+        onSubmitSuccess == null ? void 0 : onSubmitSuccess();
+        reset();
+      } catch (error) {
+        if (error instanceof Object) {
+          if ("response" in error && error.response instanceof Response) {
+            const response = error.response;
+            const body = await response.json();
+            setErrorMsgs(getCommonErrors(body, i18n2));
+          } else if ("message" in error && typeof error.message === "string") {
+            setErrorMsgs([error.message]);
+          }
+        }
+      } finally {
+        setSubmitting(false);
+      }
+    }, [formRef, i18n2, reset, onSubmitSuccess]);
+    return {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    };
+  }
+  const index_130sdg8 = "";
+  const EditButtonStyle = "esoz3jw";
+  function EditFieldModal(props) {
+    const {
+      title,
+      formRef: form2,
+      renderContent,
+      fullscreen
+    } = props;
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const popModal = eagle.usePopModal();
+    const {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    } = useSubmitForm({
+      formRef: form2,
+      onSubmitSuccess: () => {
+        popModal();
+      }
+    });
+    const close = React.useCallback(() => {
+      popModal();
+      reset();
+    }, [reset]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
+      className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
+      title: title || i18n2.t("dovetail.edit"),
+      confirmLoading: submitting,
+      onOk: onSubmit,
+      onCancel: close,
+      okText: i18n2.t("dovetail.save"),
+      normal: true,
+      destroyOnClose: true,
+      fullscreen,
+      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+        style: {
+          marginTop: 16
+        },
+        errorMsgs,
+        isEdit: true
+      })]
+    });
+  }
+  function EditField(props) {
+    const {
+      modalProps
+    } = props;
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const {
+      resource
+    } = core.useResource();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
+        className: EditButtonStyle,
+        type: "link",
+        onClick: () => {
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: i18n2.t("dovetail.edit")
+      })
+    });
+  }
+  const EditLabelForm = React.forwardRef(
+    function EditLabelForm2(props, ref) {
+      var _a;
+      const { resourceModel } = props;
+      const { mutateAsync } = core.useUpdate();
+      const { t: t2 } = useTranslation();
+      const [value2, setValue] = React.useState([]);
+      const defaultValue = React.useMemo(() => {
+        var _a2;
+        return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.labels) || {}).map((key2) => {
+          var _a3, _b;
+          return { key: key2, value: (_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.labels) == null ? void 0 : _b[key2] };
+        });
+      }, [(_a = resourceModel.metadata) == null ? void 0 : _a.labels]);
+      const submit = React.useCallback(() => {
+        const newLabels = {};
+        value2.forEach(({ key: key2, value: value22 }) => {
+          newLabels[key2] = value22;
+        });
+        const newYaml = resourceModel.updateLabel(newLabels);
+        pruneBeforeEdit(newYaml);
+        return mutateAsync({
+          id: resourceModel.id,
+          resource: resourceModel.name || "",
+          values: newYaml,
+          meta: {
+            resourceBasePath: resourceModel.apiVersion,
+            kind: resourceModel.kind
+          },
+          successNotification() {
+            return {
+              message: t2("dovetail.edit_label_success_toast", {
+                kind: resourceModel.kind,
+                name: resourceModel.metadata.name,
+                interpolation: {
+                  escapeValue: false
+                }
+              }),
+              type: "success"
+            };
+          },
+          errorNotification: false
+        });
+      }, [value2, resourceModel, mutateAsync, t2]);
+      React.useImperativeHandle(
+        ref,
+        () => ({
+          submit
+        }),
+        [submit]
+      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        eagle.TableForm,
+        {
+          onBodyChange: (value22) => {
+            setValue(value22);
+          },
+          columns: [
+            {
+              key: "key",
+              title: "Key",
+              type: "input"
+            },
+            {
+              key: "value",
+              title: "Value",
+              type: "input"
+            }
+          ],
+          disableBatchFilling: true,
+          rowAddConfig: {
+            addible: true
+          },
+          defaultData: defaultValue,
+          row: {
+            deletable: true
+          }
+        }
+      );
+    }
+  );
+  function EditLabelDropdownMenuItem(props) {
+    const { formRef, resourceModel } = props;
+    const { t: t2 } = useTranslation();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.Item,
+      {
+        className: "ant-dropdown-menu-item",
+        onClick: () => {
+          const modalProps = {
+            formRef,
+            title: t2("dovetail.edit_label"),
+            fullscreen: true,
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                EditLabelForm,
+                {
+                  ref: formRef,
+                  resourceModel
+                }
+              );
+            }
+          };
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_label") })
+      }
+    );
+  }
+  const EditAnnotationForm = React.forwardRef(
+    function EditAnnotationForm2(props, ref) {
+      var _a;
+      const { resourceModel } = props;
+      const { mutateAsync } = core.useUpdate();
+      const { t: t2 } = useTranslation();
+      const [value2, setValue] = React.useState([]);
+      const defaultValue = React.useMemo(() => {
+        var _a2;
+        return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.annotations) || {}).map((key2) => {
+          var _a3, _b;
+          return { key: key2, value: (_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.annotations) == null ? void 0 : _b[key2] };
+        });
+      }, [(_a = resourceModel.metadata) == null ? void 0 : _a.annotations]);
+      const submit = React.useCallback(() => {
+        const newAnnotations = {};
+        value2.forEach(({ key: key2, value: value22 }) => {
+          newAnnotations[key2] = value22;
+        });
+        const newYaml = resourceModel.updateLabel(newAnnotations);
+        pruneBeforeEdit(newYaml);
+        return mutateAsync({
+          id: resourceModel.id,
+          resource: resourceModel.name || "",
+          values: newYaml,
+          meta: {
+            resourceBasePath: resourceModel.apiVersion,
+            kind: resourceModel.kind
+          },
+          successNotification() {
+            return {
+              message: t2("dovetail.edit_annotation_success_toast", {
+                kind: resourceModel.kind,
+                name: resourceModel.metadata.name,
+                interpolation: {
+                  escapeValue: false
+                }
+              }),
+              type: "success"
+            };
+          },
+          errorNotification: false
+        });
+      }, [value2, resourceModel, mutateAsync, t2]);
+      React.useImperativeHandle(
+        ref,
+        () => ({
+          submit
+        }),
+        [submit]
+      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        eagle.TableForm,
+        {
+          onBodyChange: (value22) => {
+            setValue(value22);
+          },
+          columns: [
+            {
+              key: "key",
+              title: "Key",
+              type: "input"
+            },
+            {
+              key: "value",
+              title: "Value",
+              type: "input"
+            }
+          ],
+          disableBatchFilling: true,
+          rowAddConfig: {
+            addible: true
+          },
+          defaultData: defaultValue,
+          row: {
+            deletable: true
+          }
+        }
+      );
+    }
+  );
+  function EditAnnotationDropdownMenuItem(props) {
+    const { formRef, resourceModel } = props;
+    const { t: t2 } = useTranslation();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.Item,
+      {
+        className: "ant-dropdown-menu-item",
+        onClick: () => {
+          const modalProps = {
+            formRef,
+            title: t2("dovetail.edit_annotation"),
+            fullscreen: true,
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                EditAnnotationForm,
+                {
+                  ref: formRef,
+                  resourceModel
+                }
+              );
+            }
+          };
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
+      }
+    );
+  }
   function K8sDropdown(props) {
     const { record, size = "normal" } = props;
     const { globalStore } = useGlobalStore();
@@ -10706,18 +11145,15 @@ var __publicField = (obj, key, value) => {
       resource: resource == null ? void 0 : resource.name,
       action: AccessControlAuth.Delete
     });
+    const formRef = React.useRef(null);
+    const editLabelMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelDropdownMenuItem, { formRef, resourceModel: record }) : null;
+    const editAnnotationMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationDropdownMenuItem, { formRef, resourceModel: record }) : null;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         eagle.Dropdown,
         {
           overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Menu, { children: [
-            isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-              eagle.Menu.Item,
-              {
-                onClick: openForm,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
-              }
-            ),
+            isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               eagle.Menu.Item,
               {
@@ -10733,6 +11169,8 @@ var __publicField = (obj, key, value) => {
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t2("dovetail.download_yaml") })
               }
             ),
+            editLabelMenuItem,
+            editAnnotationMenuItem,
             props.children,
             (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, { style: { margin: 0 } }) : null,
             (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -10919,7 +11357,7 @@ var __publicField = (obj, key, value) => {
       visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
-  const TableToolBar_4s5vf2 = "";
+  const TableToolBar_nvjftd = "";
   const ToolbarWrapperStyle = "t1v3ienx";
   const ToolbarStyle$3 = "tgejfwe";
   const TitleStyle$2 = "tq6dc79";
@@ -10955,7 +11393,7 @@ var __publicField = (obj, key, value) => {
       }) : null]
     });
   };
-  const index_6qzjtx = "";
+  const index_dyz3nd = "";
   const WrapperStyle$5 = "w16agr8o";
   function matchOwner(job, owner) {
     var _a;
@@ -11110,7 +11548,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const index_218swh = "";
+  const index_mvy4dx = "";
   const ImageWrapperStyle = "i1u1f5zp";
   const ImageNames = ({
     value: value2,
@@ -11124,7 +11562,7 @@ var __publicField = (obj, key, value) => {
       }, `${image2}-${index2}`)) : value2.join(", ")
     });
   };
-  const index_1m8lip = "";
+  const index_14bl0m = "";
   const LinkStyle$1 = "lmmrm55";
   function LinkFallback({
     fullPath
@@ -11141,7 +11579,7 @@ var __publicField = (obj, key, value) => {
       children: fullPath
     });
   }
-  const index_cbhkdt = "";
+  const index_x36tts = "";
   const LinkStyle = "l1vnw9x0";
   const ResourceLink = (props) => {
     const {
@@ -11280,7 +11718,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_q4vd5r = "";
+  const KeyValue_18l1y97 = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -11316,7 +11754,7 @@ var __publicField = (obj, key, value) => {
   function toAsterisk(str) {
     return Array(str.length).join("*");
   }
-  const KeyValueAnnotation_1inegjq = "";
+  const KeyValueAnnotation_ug7k2g = "";
   const WrapperStyle$4 = "w14056kz";
   const HeaderStyle$1 = "hisq2gt";
   const HeaderItemStyle = "h11urhaw";
@@ -11360,7 +11798,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ShowContent_1u0cbxv = "";
+  const ShowContent_11g4jr2 = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -11571,7 +12009,7 @@ var __publicField = (obj, key, value) => {
       }), tabs]
     });
   };
-  const KeyValueSecret_1ibo68a = "";
+  const KeyValueSecret_c3ji18 = "";
   const ButtonStyle = "b11tbgf7";
   const GroupStyle = "gtbyh5g";
   function KeyValueSecret(props) {
@@ -11626,7 +12064,7 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
   }
-  const WorkloadPodsTable_1giuese = "";
+  const WorkloadPodsTable_975j2t = "";
   const WorkloadPodsTable = ({
     namespace: namespace2,
     selector,
@@ -11695,183 +12133,7 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  function FormErrorAlert(props) {
-    const { errorMsgs, style, className, isEdit } = props;
-    const { i18n: i18n2 } = useTranslation();
-    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.Alert,
-      {
-        message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
-          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-            index2 + 1 + ". ",
-            " ",
-            errorMsg
-          ] }, errorMsg)) }) : lodashEs.first(errorMsgs)
-        ] }),
-        type: "error",
-        style,
-        className
-      }
-    ) : null;
-  }
-  function getCommonErrors(responseBody, i18n2) {
-    var _a;
-    if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
-      return [];
-    }
-    const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
-    if (causes.length) {
-      return causes.map((cause) => {
-        let params = {};
-        let message2 = cause.message;
-        try {
-          const info = JSON.parse(cause.message);
-          params = info.params;
-          message2 = info.message;
-        } catch {
-          return i18n2.t(
-            [
-              `error.${cause.reason}`,
-              `error.${cause.code}`,
-              `${cause.field ? `${cause.field}: ` : ""}${message2}`
-            ],
-            {
-              ...params,
-              fallbackLng: ""
-            }
-          );
-        }
-        return i18n2.t(
-          [
-            `error.${cause.reason}`,
-            `error.${cause.code}`,
-            `${cause.field ? `${cause.field}: ` : ""}${message2}`
-          ],
-          {
-            ...params,
-            fallbackLng: ""
-          }
-        );
-      });
-    }
-    return [
-      i18n2.t(
-        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
-        { fallbackLng: "" }
-      )
-    ];
-  }
-  function useSubmitForm(options) {
-    const { formRef, onSubmitSuccess } = options;
-    const { i18n: i18n2 } = useTranslation();
-    const [submitting, setSubmitting] = React.useState(false);
-    const [errorMsgs, setErrorMsgs] = React.useState([]);
-    const reset = React.useCallback(() => {
-      setSubmitting(false);
-      setErrorMsgs([]);
-    }, []);
-    const onSubmit = React.useCallback(async () => {
-      var _a;
-      try {
-        setSubmitting(true);
-        await ((_a = formRef.current) == null ? void 0 : _a.submit());
-        onSubmitSuccess == null ? void 0 : onSubmitSuccess();
-        reset();
-      } catch (error) {
-        if (error instanceof Object) {
-          if ("response" in error && error.response instanceof Response) {
-            const response = error.response;
-            const body = await response.json();
-            setErrorMsgs(getCommonErrors(body, i18n2));
-          } else if ("message" in error && typeof error.message === "string") {
-            setErrorMsgs([error.message]);
-          }
-        }
-      } finally {
-        setSubmitting(false);
-      }
-    }, [formRef, i18n2, reset, onSubmitSuccess]);
-    return {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    };
-  }
-  const index_1twfoei = "";
-  const EditButtonStyle = "esoz3jw";
-  function EditFieldModal(props) {
-    const {
-      title,
-      formRef: form,
-      renderContent
-    } = props;
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const popModal = eagle.usePopModal();
-    const {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    } = useSubmitForm({
-      formRef: form,
-      onSubmitSuccess: () => {
-        popModal();
-      }
-    });
-    const close = React.useCallback(() => {
-      popModal();
-      reset();
-    }, [reset]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
-      className: ModalStyle,
-      title: title || i18n2.t("dovetail.edit"),
-      confirmLoading: submitting,
-      onOk: onSubmit,
-      onCancel: close,
-      okText: i18n2.t("dovetail.save"),
-      normal: true,
-      destroyOnClose: true,
-      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-        style: {
-          marginTop: 16
-        },
-        errorMsgs,
-        isEdit: true
-      })]
-    });
-  }
-  function EditField(props) {
-    const {
-      modalProps
-    } = props;
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const {
-      resource
-    } = core.useResource();
-    const pushModal = eagle.usePushModal();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
-      resource: resource == null ? void 0 : resource.name,
-      action: AccessControlAuth.Edit,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
-        className: EditButtonStyle,
-        type: "link",
-        onClick: () => {
-          pushModal({
-            component: EditFieldModal,
-            props: modalProps
-          });
-        },
-        children: i18n2.t("dovetail.edit")
-      })
-    });
-  }
-  const index_c9frt4 = "";
+  const index_p1cude = "";
   const WorkloadReplicasWrapperStyle = "w8ychfk";
   const DonutChartWrapperStyle = "d1o004do";
   const DonutChartStyle = "dfo80qq";
@@ -17955,7 +18217,7 @@ var __publicField = (obj, key, value) => {
   const LogViewer = React.forwardRef((props, ref) => React.createElement(LogViewerBase, Object.assign({ innerRef: ref }, props)));
   LogViewer.displayName = "LogViewer";
   const baseNoReset = "";
-  const index_jv52b6 = "";
+  const index_v855ki = "";
   const WrapperStyle$3 = "wve7dfm";
   const ToolbarStyle$2 = "t9oeh3c";
   const ToolbarAreaStyle$1 = "t1u2zqn6";
@@ -18190,7 +18452,7 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
-  const style_inzxm5 = "";
+  const style_h6krld = "";
   const ToolBarStyle = "t1joof7s";
   const ToolBarHeaderStyle = "tti58uh";
   const ErrorIconStyle = "e15yt16p";
@@ -18248,6 +18510,7 @@ var __publicField = (obj, key, value) => {
           // https://github.com/microsoft/monaco-editor/issues/2007
         },
         tabSize: 2,
+        lineNumbersMinChars: 7,
         readOnly,
         autoIndent: {}.VITE_IS_TEST ? "none" : "advanced"
       });
@@ -18363,7 +18626,7 @@ var __publicField = (obj, key, value) => {
     __proto__: null,
     default: MonacoYamlEditor$1
   }, Symbol.toStringTag, { value: "Module" }));
-  const NetworkPolicyRulesViewer_13asgaq = "";
+  const NetworkPolicyRulesViewer_6z3c00 = "";
   const EditorStyle$1 = "e1cjl2b8";
   const NetworkPolicyRulesViewer = ({
     ingressOrEgress,
@@ -18385,7 +18648,7 @@ var __publicField = (obj, key, value) => {
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
       schemas: [],
-      defaultValue: yaml.dump(ingressOrEgress),
+      defaultValue: yaml$1.dump(ingressOrEgress),
       height: "300px",
       className: EditorStyle$1,
       readOnly: true,
@@ -18709,7 +18972,7 @@ var __publicField = (obj, key, value) => {
     }, [isError, nav, resource]);
     return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
   };
-  const index_17v8shn = "";
+  const index_az4wrx = "";
   const WrapperStyle$1 = "w1akirqw";
   const TitleStyle = "t30srnq";
   function FormLayout(props) {
@@ -31918,7 +32181,7 @@ WARNING: This link could potentially be dangerous`)) {
   }
   var copyToClipboard$1 = copy;
   const copyToClipboard$2 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboard$1);
-  const ShellToolbar_ox6trc = "";
+  const ShellToolbar_ihg418 = "";
   const ToolbarStyle$1 = "tzxa6d";
   const ToolbarAreaStyle = "t1sxu3rr";
   const IconWrapperStyle = "ix8ych8";
@@ -32027,7 +32290,7 @@ WARNING: This link could potentially be dangerous`)) {
     });
   }
   const xterm = "";
-  const index_z4cp87 = "";
+  const index_1bj2t02 = "";
   const ContainerStyle = "c1q5a2qi";
   const ShellStyle = "sdz5fm1";
   const LoadingStyle = "lbp0h2e";
@@ -32115,7 +32378,7 @@ WARNING: This link could potentially be dangerous`)) {
         });
       }
     }, [encode, send, props.fit]);
-    const debouncedFit = lodashEs.debounce(fit, 200);
+    const debouncedFit = React.useCallback(() => lodashEs.debounce(fit, 200), [fit]);
     const flush = React.useCallback(() => {
       const backlog = backlogRef.current.slice();
       backlogRef.current = [];
@@ -32302,6 +32565,10 @@ WARNING: This link could potentially be dangerous`)) {
       });
       fit();
     }, [fit]);
+    const writeln = React.useCallback((data2) => {
+      var _a;
+      (_a = termInstanceRef.current) == null ? void 0 : _a.writeln(data2);
+    }, []);
     React.useEffect(() => {
       const destroy = setupTerminal();
       return () => {
@@ -32337,8 +32604,9 @@ WARNING: This link could potentially be dangerous`)) {
       getAllTerminalContents,
       setOptions,
       setLoading,
-      setError
-    }), [send, searchNext, searchPrevious, getAllTerminalContents, fit, clear, connect, setOptions]);
+      setError,
+      writeln
+    }), [send, searchNext, searchPrevious, getAllTerminalContents, fit, clear, connect, setOptions, writeln]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       ref: containerRef,
       className: ContainerStyle,
@@ -32402,8 +32670,6 @@ WARNING: This link could potentially be dangerous`)) {
     });
   });
   const GlobalStoreContext = React.createContext({});
-  const modal_7iwhwk = "";
-  const FullscreenModalStyle = "fq4465w";
   var buffer = {};
   var base64Js = {};
   base64Js.byteLength = byteLength;
@@ -34643,7 +34909,7 @@ WARNING: This link could potentially be dangerous`)) {
       return void 0;
     }
   }
-  const index_1xad2h9 = "";
+  const index_1jqojte = "";
   const SelectStyle = "sj0ggy";
   const DropdownStyle = "d1eo8uqs";
   const SearchInputStyle = "s64gojc";
@@ -34849,7 +35115,7 @@ WARNING: This link could potentially be dangerous`)) {
     }), [nsFilters]);
     return filters;
   }
-  const index_hp158y = "";
+  const index_1l2xllo = "";
   const ListPageStyle = "laykzsq";
   const ListContentStyle = "l1ng0psc";
   const TableStyle = "tj6zpn4";
@@ -34943,6 +35209,8 @@ WARNING: This link could potentially be dangerous`)) {
       }
     );
   }
+  const button_1uhn9v1 = "";
+  const WarningButtonStyle = "wwyz7ti";
   var isCheckBoxInput = (element) => element.type === "checkbox";
   var isDateObject = (value2) => value2 instanceof Date;
   var isNullOrUndefined = (value2) => value2 == null;
@@ -36303,9 +36571,9 @@ WARNING: This link could potentially be dangerous`)) {
               if (field && field._f) {
                 const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
                 if (isHTMLElement(fieldReference)) {
-                  const form = fieldReference.closest("form");
-                  if (form) {
-                    form.reset();
+                  const form2 = fieldReference.closest("form");
+                  if (form2) {
+                    form2.reset();
                     break;
                   }
                 }
@@ -36520,43 +36788,41 @@ WARNING: This link could potentially be dangerous`)) {
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
   }
-  const RefineFormContent_1jki0fx = "";
-  const RefineFormContent = (props) => {
+  function useFieldsConfig(config, resourceId) {
     var _a, _b, _c, _d;
-    const {
-      config,
-      formResult,
-      resourceId,
-      errorMsg
-    } = props;
-    const {
-      control,
-      getValues
-    } = formResult;
     const action = resourceId ? "edit" : "create";
     const listQuery = core.useList({
       resource: config == null ? void 0 : config.name,
-      meta: {
-        resourceBasePath: config == null ? void 0 : config.basePath,
-        kind: config == null ? void 0 : config.kind
-      },
+      meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
       pagination: {
         mode: "off"
       }
     });
     const showQuery = core.useShow({
       resource: config == null ? void 0 : config.name,
-      meta: {
-        resourceBasePath: config == null ? void 0 : config.basePath,
-        kind: config == null ? void 0 : config.kind
-      },
+      meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
       id: resourceId
     });
-    const formFieldsConfig = (_d = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _d.call(_a, {
+    return (_d = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _d.call(_a, {
       record: (_b = showQuery.queryResult.data) == null ? void 0 : _b.data,
       records: ((_c = listQuery.data) == null ? void 0 : _c.data) || [],
       action
     });
+  }
+  const RefineFormContent_7gh3uw = "";
+  const RefineFormContent = (props) => {
+    const {
+      config,
+      formResult,
+      resourceId,
+      errorMsg
+    } = props;
+    const {
+      control,
+      getValues
+    } = formResult;
+    const action = resourceId ? "edit" : "create";
+    const formFieldsConfig = useFieldsConfig(config, resourceId);
     const fields = formFieldsConfig == null ? void 0 : formFieldsConfig.map((c2) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Controller, {
         control,
@@ -36586,7 +36852,7 @@ WARNING: This link could potentially be dangerous`)) {
           },
           fieldState
         }) => {
-          var _a2;
+          var _a;
           const formValue = getValues();
           let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Fields.String, {
             placeholder: c2.placeholder,
@@ -36639,7 +36905,7 @@ WARNING: This link could potentially be dangerous`)) {
             labelCol: {
               flex: "0 0 216px"
             },
-            help: (_a2 = fieldState.error) == null ? void 0 : _a2.message,
+            help: (_a = fieldState.error) == null ? void 0 : _a.message,
             validateStatus: fieldState.invalid ? "error" : void 0,
             children: ele
           }, c2.key);
@@ -37334,7 +37600,7 @@ WARNING: This link could potentially be dangerous`)) {
     }, [config.formConfig, result]);
     return { formResult: result, responseErrorMsg };
   };
-  const index_12sfrn = "";
+  const index_2ivb33 = "";
   const Style = "s1bsn3us";
   const Separator = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -37674,7 +37940,7 @@ WARNING: This link could potentially be dangerous`)) {
       return merged2;
     }
     const merged = merge(defaultValue, typeObject);
-    const content = yaml.dump(merged);
+    const content = yaml$1.dump(merged);
     return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
   }
   const useGlobalStore = () => {
@@ -37708,8 +37974,10 @@ WARNING: This link could potentially be dangerous`)) {
     overtimeOptions,
     editorOptions,
     initialValuesForCreate,
+    initialValuesForEdit,
     transformInitValues,
-    transformApplyValues
+    transformApplyValues,
+    rules
   } = {}) => {
     var _a;
     const editor = React.useRef(null);
@@ -37718,6 +37986,7 @@ WARNING: This link could potentially be dangerous`)) {
     const [isYamlValid, setIsYamlValid] = React.useState(true);
     const [isSchemaValid, setIsSchemaValid] = React.useState(true);
     const [editorErrors, setEditorErrors] = React.useState([]);
+    const [rulesErrors, setRulesErrors] = React.useState([]);
     const [errorResponseBody, setErrorResponseBody] = React.useState(null);
     const useResourceResult = core.useResource();
     const { globalStore } = useGlobalStore();
@@ -37733,11 +38002,20 @@ WARNING: This link could potentially be dangerous`)) {
     const formSF = sunflowerAntd.useForm({
       form: formAnt
     });
-    const { form } = formSF;
+    const { form: form2 } = formSF;
     const { fold: fold2 } = useK8sYamlEditor();
     const useFormCoreResult = core.useForm({
       onMutationSuccess: onMutationSuccessProp ? onMutationSuccessProp : void 0,
-      onMutationError,
+      onMutationError: (error, ...restParams) => {
+        var _a2;
+        const response = error.response;
+        if (response && !(response == null ? void 0 : response.bodyUsed)) {
+          (_a2 = response.json) == null ? void 0 : _a2.call(response).then((body) => {
+            setErrorResponseBody(body);
+          });
+        }
+        onMutationError == null ? void 0 : onMutationError(error, ...restParams);
+      },
       redirect,
       action: actionFromProps,
       resource,
@@ -37763,30 +38041,24 @@ WARNING: This link could potentially be dangerous`)) {
     const { formLoading, onFinish, queryResult } = useFormCoreResult;
     const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = core.useWarnAboutChange();
     const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+    const action = React.useMemo(
+      () => actionFromProps || useResourceResult.action,
+      [actionFromProps, useResourceResult.action]
+    );
     const initialValues = React.useMemo(() => {
       var _a2;
-      const initialValues2 = (((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data) ? globalStore == null ? void 0 : globalStore.restoreItem(queryResult.data.data) : initialValuesForCreate) || {};
+      const initialValues2 = (action === "edit" && ((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data) ? initialValuesForEdit || (globalStore == null ? void 0 : globalStore.restoreItem(queryResult.data.data)) : initialValuesForCreate) || {};
       if (initialValues2) {
         pruneBeforeEdit(initialValues2);
       }
       return (transformInitValues == null ? void 0 : transformInitValues(initialValues2)) || initialValues2;
     }, [queryResult, globalStore, initialValuesForCreate, transformInitValues]);
-    const action = React.useMemo(
-      () => actionFromProps || useResourceResult.action,
-      [actionFromProps, useResourceResult.action]
-    );
-    React.useEffect(() => {
-      var _a2, _b;
-      const response = (_a2 = useFormCoreResult.mutationResult.error) == null ? void 0 : _a2.response;
-      if (response && !(response == null ? void 0 : response.bodyUsed)) {
-        (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-          setErrorResponseBody(body);
-        });
-      }
-    }, [useFormCoreResult.mutationResult]);
+    const finalErrors = React.useMemo(() => {
+      return lodashEs.uniq([...editorErrors, ...rulesErrors]);
+    }, [editorErrors, rulesErrors]);
     const onKeyUp = (event2) => {
       if (submitOnEnter && event2.key === "Enter") {
-        form.submit();
+        form2.submit();
       }
     };
     const onValuesChange = (changeValues) => {
@@ -37795,14 +38067,33 @@ WARNING: This link could potentially be dangerous`)) {
       }
       return changeValues;
     };
+    const validateYaml = (yamlValue) => {
+      const errorMap = {};
+      if (rules && isYamlValid && isSchemaValid) {
+        const formValue = yaml$1.load(yamlValue || "");
+        rules.forEach((rule2) => {
+          const { path: path2, validators } = rule2;
+          const value2 = lodashEs.get(formValue, path2);
+          for (const validator of validators || []) {
+            const { isValid, errorMsg } = validator(value2, formValue);
+            if (!isValid) {
+              errorMap[path2.join(".")] = `${errorMsg}(${path2.join(".")})`;
+              break;
+            }
+          }
+        });
+      }
+      setRulesErrors(lodashEs.uniq(Object.values(errorMap)));
+      return errorMap;
+    };
     const saveButtonProps = React.useMemo(
       () => ({
         loading: formLoading,
         onClick: () => {
-          form.submit();
+          form2.submit();
         }
       }),
-      [formLoading, form]
+      [formLoading, form2]
     );
     const schemas = React.useMemo(() => {
       return schema ? [schema] : [];
@@ -37811,10 +38102,10 @@ WARNING: This link could potentially be dangerous`)) {
       var _a2;
       return {
         ref: editor,
-        defaultValue: schema && (editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations) ? generateYamlBySchema(initialValues || {}, schema) : yaml.dump(initialValues),
+        defaultValue: schema && (editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations) ? generateYamlBySchema(initialValues || {}, schema) : yaml$1.dump(initialValues),
         schemas,
         id: ((_a2 = useResourceResult.resource) == null ? void 0 : _a2.name) || "",
-        errorMsgs: editorErrors,
+        errorMsgs: finalErrors,
         onValidate(yamlValid, schemaValid) {
           setIsYamlValid(yamlValid);
           setIsSchemaValid(schemaValid);
@@ -37824,7 +38115,7 @@ WARNING: This link could potentially be dangerous`)) {
         },
         onEditorCreate(editorInstance) {
           var _a3, _b;
-          const editorValue = yaml.dump(initialValues);
+          const editorValue = yaml$1.dump(initialValues);
           (_a3 = editor.current) == null ? void 0 : _a3.setEditorValue(editorValue);
           (_b = editor.current) == null ? void 0 : _b.setValue(editorValue);
           if (action === "edit") {
@@ -37832,13 +38123,13 @@ WARNING: This link could potentially be dangerous`)) {
           }
         }
       };
-    }, [schema, editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations, initialValues, schemas, (_a = useResourceResult.resource) == null ? void 0 : _a.name, editorErrors, action, fold2]);
+    }, [schema, editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations, initialValues, schemas, (_a = useResourceResult.resource) == null ? void 0 : _a.name, editorErrors, action, finalErrors, fold2]);
     return {
       form: formSF.form,
       formProps: {
         ...formSF.formProps,
         onFinish: (values) => {
-          var _a2;
+          var _a2, _b;
           const errors = [
             !isYamlValid ? t2("dovetail.yaml_format_wrong") : "",
             !isSchemaValid ? t2("dovetail.yaml_value_wrong") : ""
@@ -37847,8 +38138,13 @@ WARNING: This link could potentially be dangerous`)) {
             setEditorErrors(errors);
             return;
           }
+          const rulesErrors2 = validateYaml(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "");
+          if (Object.keys(rulesErrors2).length) {
+            setRulesErrors(Object.values(rulesErrors2));
+            return;
+          }
           try {
-            const objectValues = editor.current ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values;
+            const objectValues = editor.current ? yaml$1.load(((_b = editor.current) == null ? void 0 : _b.getEditorValue()) || "") : values;
             const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
             return onFinish(finalValues);
           } catch (error) {
@@ -37878,19 +38174,19 @@ WARNING: This link could potentially be dangerous`)) {
       switchEditor() {
         var _a2, _b;
         if (enableEditor && ((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue())) {
-          const value2 = yaml.load((_b = editor.current) == null ? void 0 : _b.getEditorValue());
-          form == null ? void 0 : form.setFieldsValue(value2);
+          const value2 = yaml$1.load((_b = editor.current) == null ? void 0 : _b.getEditorValue());
+          form2 == null ? void 0 : form2.setFieldsValue(value2);
         }
         setEnableEditor(!enableEditor);
       },
       onFinish: async (values) => {
         var _a2;
-        const finalValues = enableEditor ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values ?? formSF.form.getFieldsValue(true);
+        const finalValues = enableEditor ? yaml$1.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values ?? formSF.form.getFieldsValue(true);
         return await onFinish(finalValues);
       }
     };
   };
-  const YamlForm_1u3sf7g = "";
+  const YamlForm_1lo4xcc = "";
   const FormStyle = "f1aiwt90";
   const EditorStyle = "e1guqlj2";
   var SchemaStrategy = /* @__PURE__ */ ((SchemaStrategy2) => {
@@ -37909,7 +38205,8 @@ WARNING: This link could potentially be dangerous`)) {
       transformInitValues,
       transformApplyValues,
       onSaveButtonPropsChange,
-      onErrorsChange
+      onErrorsChange,
+      rules
     } = props;
     const {
       action: actionFromResource,
@@ -37933,7 +38230,9 @@ WARNING: This link could potentially be dangerous`)) {
         /* None */
       },
       liveMode: "off",
-      initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE,
+      initialValuesForCreate: props.initialValuesForCreate ?? BASE_INIT_VALUE,
+      initialValuesForEdit: props.initialValuesForEdit,
+      rules,
       successNotification(data2) {
         var _a;
         return {
@@ -38028,12 +38327,39 @@ WARNING: This link could potentially be dangerous`)) {
       })
     });
   }
-  const FormModal_bppzr9 = "";
+  const FormModal_64brhp = "";
   const FormDescStyle = "f1nltbcu";
-  const MaxWidthModalStyle = "m1qgcca6";
-  const ErrorStyle = "e1tl3wq2";
+  const ErrorStyle = "e1qgcca6";
+  const TitleWrapperStyle = "t1tl3wq2";
+  function ConfirmModal({
+    onOk
+  }) {
+    const {
+      t: t2
+    } = useTranslation();
+    const popModal = eagle.usePopModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, {
+      className: SmallModalStyle,
+      width: "414px",
+      title: t2("dovetail.edit_form"),
+      okButtonProps: {
+        type: "primary",
+        className: WarningButtonStyle
+      },
+      onOk: () => {
+        onOk == null ? void 0 : onOk();
+        popModal();
+      },
+      onCancel: popModal,
+      destroyOnClose: true,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: eagle.Typo.Label.l2_regular,
+        children: t2("dovetail.exit_yaml_tip")
+      })
+    });
+  }
   function FormModal(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const {
       resource: resourceFromProps,
       id,
@@ -38048,47 +38374,60 @@ WARNING: This link could potentially be dangerous`)) {
     const configs = React.useContext(ConfigsContext);
     const [yamlSaveButtonProps, setYamlSaveButtonProps] = React.useState({});
     const [isError, setIsError] = React.useState(false);
+    const [mode, setMode] = React.useState(
+      "form"
+      /* Form */
+    );
+    const isYamlMode = mode === "yaml";
     const popModal = eagle.usePopModal();
+    const pushModal = eagle.usePushModal();
     const config = configs[resourceFromProps || (resource == null ? void 0 : resource.name) || ""];
+    const isDisabledChangeMode = (_a = config.formConfig) == null ? void 0 : _a.isDisabledChangeMode;
     const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
     const action = id ? "edit" : "create";
+    const fieldsConfig = useFieldsConfig(config, id);
+    const refineFormResult = useRefineForm({
+      config,
+      id,
+      refineProps: {
+        onMutationSuccess: () => {
+          popModal();
+        },
+        redirect: false,
+        ...(_b = config.formConfig) == null ? void 0 : _b.refineCoreProps
+      }
+    });
     const yamlFormProps = React.useMemo(() => {
       var _a2, _b2, _c2;
       return {
         ...props.formProps,
         transformInitValues: (_a2 = config.formConfig) == null ? void 0 : _a2.transformInitValues,
         transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
-        initialValues: ((_c2 = props.formProps) == null ? void 0 : _c2.initialValues) || (config == null ? void 0 : config.initValue),
+        initialValuesForCreate: isYamlMode ? refineFormResult.formResult.getValues() : ((_c2 = props.formProps) == null ? void 0 : _c2.initialValuesForCreate) || (config == null ? void 0 : config.initValue),
+        initialValuesForEdit: isYamlMode ? refineFormResult.formResult.getValues() : void 0,
         id,
         action,
         isShowLayout: false,
         useFormProps: {
           redirect: false
         },
+        rules: isYamlMode ? fieldsConfig == null ? void 0 : fieldsConfig.map((config2) => ({
+          path: config2.path,
+          validators: config2.validators
+        })) : void 0,
         onSaveButtonPropsChange: setYamlSaveButtonProps,
         onErrorsChange(errors) {
           setIsError(!!errors.length);
         },
         onFinish: popModal
       };
-    }, [props.formProps, (_a = config.formConfig) == null ? void 0 : _a.transformInitValues, (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues, config == null ? void 0 : config.initValue, id, action, popModal]);
-    const refineFormResult = useRefineForm({
-      config,
-      id,
-      refineProps: {
-        onMutationSuccess: () => {
-          popModal();
-        },
-        redirect: false,
-        ...(_c = config.formConfig) == null ? void 0 : _c.refineCoreProps
-      }
-    });
-    const isYamlForm = !((_d = config.formConfig) == null ? void 0 : _d.fields);
+    }, [props.formProps, (_c = config.formConfig) == null ? void 0 : _c.transformInitValues, (_d = config.formConfig) == null ? void 0 : _d.transformApplyValues, config == null ? void 0 : config.initValue, id, action, refineFormResult.formResult, isYamlMode, fieldsConfig, popModal]);
+    const isYamlForm = !((_e = config.formConfig) == null ? void 0 : _e.fields);
     const formEle = (() => {
       if (renderForm) {
         return renderForm(yamlFormProps);
       }
-      if (isYamlForm)
+      if (isYamlForm || isYamlMode)
         return /* @__PURE__ */ jsxRuntimeExports.jsx(YamlForm, {
           ...yamlFormProps
         });
@@ -38099,7 +38438,7 @@ WARNING: This link could potentially be dangerous`)) {
         resourceId: id
       });
     })();
-    const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
+    const saveButtonProps = isYamlForm || isYamlMode ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
     const onCancel = React.useCallback(() => {
       popModal();
     }, [popModal]);
@@ -38108,6 +38447,23 @@ WARNING: This link could potentially be dangerous`)) {
       setIsError(false);
       (_a2 = saveButtonProps.onClick) == null ? void 0 : _a2.call(saveButtonProps, e2);
     }, [saveButtonProps]);
+    const onChangeMode = React.useCallback((value2) => {
+      if (value2 === "form") {
+        pushModal({
+          component: ConfirmModal,
+          props: {
+            onOk: () => {
+              setMode(
+                "form"
+                /* Form */
+              );
+            }
+          }
+        });
+      } else {
+        setMode(value2);
+      }
+    }, [pushModal]);
     const errorText = (() => {
       if (!!refineFormResult.responseErrorMsg || isError) {
         return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
@@ -38134,16 +38490,36 @@ WARNING: This link could potentially be dangerous`)) {
       return "";
     }, [action, config.formConfig]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
-      className: cx_default(FullscreenModalStyle, isYamlForm ? "" : MaxWidthModalStyle),
+      className: cx_default(FullscreenModalStyle),
+      style: {
+        "--max-modal-width": isYamlForm || !isDisabledChangeMode ? "1024px" : "648px"
+      },
       width: "calc(100vw - 16px)",
-      title,
+      title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        className: TitleWrapperStyle,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          children: title
+        }), !(isYamlForm || isDisabledChangeMode) ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.SegmentControl, {
+          value: mode,
+          options: [{
+            value: "form",
+            label: i18n2.t("dovetail.form")
+          }, {
+            value: "yaml",
+            label: i18n2.t("dovetail.yaml")
+          }],
+          onChange: (val) => {
+            onChangeMode(val);
+          }
+        }) : null]
+      }),
       error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ErrorStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
       }) : "",
       okButtonProps: {
         ...saveButtonProps,
-        children: (_e = config.formConfig) == null ? void 0 : _e.saveButtonText,
+        children: (_f = config.formConfig) == null ? void 0 : _f.saveButtonText,
         onClick: onOk
       },
       closeIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseCircleFilled$1, {}),
@@ -38157,7 +38533,7 @@ WARNING: This link could potentially be dangerous`)) {
       }) : void 0, formEle]
     });
   }
-  const RefineFormPage_aqoiay = "";
+  const RefineFormPage_1v0fhor = "";
   const RefineFormPage = (props) => {
     const {
       config
@@ -38283,7 +38659,7 @@ WARNING: This link could potentially be dangerous`)) {
       }
     ) : null });
   }
-  const index_1wzdp7m = "";
+  const index_sazpyf = "";
   const WrapperStyle = "wfg6u6g";
   const InnerBar = ({
     usage: usage2,
@@ -38358,7 +38734,7 @@ WARNING: This link could potentially be dangerous`)) {
       visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
-  const index_1wt5px2 = "";
+  const index_1tehui8 = "";
   const MenuStyle = "mdppgn0";
   const Menu = () => {
     const {
@@ -38383,7 +38759,7 @@ WARNING: This link could potentially be dangerous`)) {
       children: renderMenuItems(menuItems)
     });
   };
-  const index_1qxsm42 = "";
+  const index_1po979g = "";
   const HeaderStyle = "h16z07g";
   const ContentLayoutStyle = "c1i80kj";
   const SiderStyle = "s18sezq1";
@@ -38539,7 +38915,7 @@ WARNING: This link could potentially be dangerous`)) {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
-  const columns_1h38dp = "";
+  const columns_irlsbh = "";
   const DashedTitleStyle = "dh5j833";
   const ServiceClusterTooltipStyle = "s1fcgan";
   const NameLink = (props) => {
@@ -39170,13 +39546,18 @@ WARNING: This link could potentially be dangerous`)) {
     const {
       resourcesConfig,
       urlPrefix = "",
+      schemaUrlPrefix,
       Layout: Layout2,
       history,
       globalStore,
       accessControlProvider,
-      routerProvider: customRouterProvider
+      routerProvider: customRouterProvider,
+      antdGetPopupContainer
     } = props;
     const msg = eagle.useMessage();
+    React.useEffect(() => {
+      msg.config({ getContainer: antdGetPopupContainer });
+    }, [msg, antdGetPopupContainer]);
     const notCustomResources = React.useMemo(() => {
       return resourcesConfig.filter((c2) => !c2.isCustom);
     }, [resourcesConfig]);
@@ -39208,37 +39589,48 @@ WARNING: This link could potentially be dangerous`)) {
       };
       return provider;
     }, [msg]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: lodashEs.keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      core.Refine,
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: lodashEs.keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConstantsContext.Provider, { value: { schemaUrlPrefix }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.ConfigProvider,
       {
-        dataProvider: {
-          default: k8sApiProvider.dataProvider(globalStore)
+        antd5Configs: {
+          getPopupContainer: antdGetPopupContainer || (() => document.body)
         },
-        routerProvider: customRouterProvider || routerProvider,
-        liveProvider: k8sApiProvider.liveProvider(globalStore),
-        notificationProvider,
-        options: {
-          warnWhenUnsavedChanges: true,
-          liveMode: "auto",
-          disableTelemetry: true
+        antd4Configs: {
+          getPopupContainer: antdGetPopupContainer || (() => document.body)
         },
-        accessControlProvider,
-        resources: resourcesConfig.map((c2) => {
-          return {
-            name: c2.name,
-            meta: {
-              resourceBasePath: c2.basePath,
-              kind: c2.kind,
-              parent: c2.parent,
-              label: `${c2.kind}s`
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          core.Refine,
+          {
+            dataProvider: {
+              default: k8sApiProvider.dataProvider(globalStore)
             },
-            list: `${urlPrefix}/${c2.name}`,
-            show: `${urlPrefix}/${c2.name}/show`,
-            create: `${urlPrefix}/${c2.name}/create`,
-            edit: `${urlPrefix}/${c2.name}/edit`
-          };
-        }),
-        children: content
+            routerProvider: customRouterProvider || routerProvider,
+            liveProvider: k8sApiProvider.liveProvider(globalStore),
+            notificationProvider,
+            options: {
+              warnWhenUnsavedChanges: true,
+              liveMode: "auto",
+              disableTelemetry: true
+            },
+            accessControlProvider,
+            resources: resourcesConfig.map((c2) => {
+              return {
+                name: c2.name,
+                meta: {
+                  resourceBasePath: c2.basePath,
+                  kind: c2.kind,
+                  parent: c2.parent,
+                  label: `${c2.kind}s`
+                },
+                list: `${urlPrefix}/${c2.name}`,
+                show: `${urlPrefix}/${c2.name}/show`,
+                create: `${urlPrefix}/${c2.name}/create`,
+                edit: `${urlPrefix}/${c2.name}/edit`
+              };
+            }),
+            children: content
+          }
+        ) })
       }
     ) }) }) }) });
   };
@@ -39463,7 +39855,9 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.DrawerShow = DrawerShow;
   exports2.DurationColumnRenderer = DurationColumnRenderer;
   exports2.DurationField = DurationField;
+  exports2.EditAnnotationDropdownMenuItem = EditAnnotationDropdownMenuItem;
   exports2.EditButton = EditButton;
+  exports2.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
   exports2.EventModel = EventModel;
   exports2.EventsTab = EventsTab;
   exports2.EventsTableTabField = EventsTableTabField;
@@ -39495,7 +39889,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.ListPage = ListPage;
   exports2.Menu = Menu;
   exports2.MetadataForm = MetadataForm;
-  exports2.ModalStyle = ModalStyle;
   exports2.ModelPlugin = ModelPlugin;
   exports2.NETWORK_POLICY_INIT_VALUE = NETWORK_POLICY_INIT_VALUE;
   exports2.NODE_INIT_VALUE = NODE_INIT_VALUE;
@@ -39552,6 +39945,7 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.PortsTableField = PortsTableField;
   exports2.ProviderPlugins = ProviderPlugins;
   exports2.ProvisionerColumnRenderer = ProvisionerColumnRenderer;
+  exports2.REDEPLOY_TIMESTAMP_KEY = REDEPLOY_TIMESTAMP_KEY;
   exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReferenceLink = ReferenceLink;
   exports2.RefineFormContent = RefineFormContent;
@@ -39615,7 +40009,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.StorageClassProvisionerField = StorageClassProvisionerField;
   exports2.StorageClassPvField = StorageClassPvField;
   exports2.StorageClassPvGroup = StorageClassPvGroup;
-  exports2.TIMESTAMP_LABEL = TIMESTAMP_LABEL;
   exports2.Tabs = Tabs;
   exports2.Tags = Tags;
   exports2.TextTags = TextTags;