@dovetail-v2/refine 0.1.5 → 0.1.7

package/dist/{index-bac1b88c.js → index-45031697.js}

@@ -7,13 +7,13 @@ var __publicField = (obj, key2, value2) => {
 import i18n from "i18next";
 import * as React from "react";
 import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle, memo, PureComponent, useLayoutEffect, forwardRef, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useCan, useTable, useDeleteMany, CanAccess, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, CanAccess, useUpdate, useCan, useTable, useDeleteMany, useShow, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Modal, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Alert, usePopModal, Fields, DonutChart, Units, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
-import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
-import { omit as omit$1, merge, get as get$3, first, debounce, last, isObject as isObject$4, keyBy } from "lodash-es";
-import yaml from "js-yaml";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Alert, usePopModal, Modal, TableForm, Menu as Menu$1, Icon as Icon$1, Dropdown, Divider, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Fields, DonutChart, Units, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { EditPen16BlueIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
+import { first, omit as omit$1, merge, get as get$3, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
+import yaml$1 from "js-yaml";
 import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
@@ -1169,6 +1169,7 @@ const pv_phase_failed$1 = "Failed";
 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,
@@ -1340,7 +1341,8 @@ const dovetail$1 = {
   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
@@ -1519,6 +1521,14 @@ const disconnected = "连接异常。";
 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,
@@ -1696,7 +1706,15 @@ const dovetail = {
   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
@@ -5946,7 +5964,7 @@ lodash.exports;
         comparator = typeof comparator == "function" ? comparator : undefined$1;
         return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), undefined$1, comparator);
       });
-      function uniq(array) {
+      function uniq2(array) {
         return array && array.length ? baseUniq(array) : [];
       }
       function uniqBy(array, iteratee2) {
@@ -7608,7 +7626,7 @@ lodash.exports;
       lodash2.union = union;
       lodash2.unionBy = unionBy;
       lodash2.unionWith = unionWith;
-      lodash2.uniq = uniq;
+      lodash2.uniq = uniq2;
       lodash2.uniqBy = uniqBy;
       lodash2.uniqWith = uniqWith;
       lodash2.unset = unset2;
@@ -8079,18 +8097,19 @@ function resolveRef(schema, schemas, options) {
   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);
@@ -8135,6 +8154,9 @@ class K8sOpenAPI {
     });
   }
 }
+const ConstantsContext = createContext({
+  schemaUrlPrefix: ""
+});
 function useApiGroupSchema() {
   const [state2, setState] = useState({
     schemas: null,
@@ -8142,7 +8164,7 @@ function useApiGroupSchema() {
     loading: false,
     error: null
   });
-  const fetchSchema = useCallback(async (apiGroups) => {
+  const fetchSchema = useCallback(async (apiGroups, schemaUrlPrefix) => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
       const results = await Promise.all(
@@ -8150,7 +8172,7 @@ function useApiGroupSchema() {
           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 || [] };
         })
@@ -8173,18 +8195,19 @@ function useApiGroupSchema() {
   return { ...state2, fetchSchema };
 }
 function useSchema(options) {
-  var _a;
+  var _a, _b;
   const [schema, setSchema] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const useResourceResult = useResource();
   const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
+  const { schemaUrlPrefix } = useContext(ConstantsContext);
   const openapi = 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 = useCallback(async () => {
     var _a2;
@@ -8200,7 +8223,7 @@ function useSchema(options) {
     } finally {
       setLoading(false);
     }
-  }, [resource, openapi]);
+  }, [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, openapi]);
   useEffect(() => {
     if (options == null ? void 0 : options.skip)
       return;
@@ -8239,11 +8262,13 @@ var cx = function cx2() {
 };
 var cx_default = cx;
 const ConfigsContext = 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 = useContext(ConfigsContext);
   const config = configs[resource];
@@ -8258,7 +8283,7 @@ const useDeleteModal = (resource) => {
     t: t2
   } = useTranslation();
   const modalProps = {
-    className: ModalStyle,
+    className: SmallModalStyle,
     title: t2("dovetail.delete_resource", {
       resource: config.kind
     }),
@@ -8339,7 +8364,7 @@ const useDeleteModal = (resource) => {
     openDeleteConfirmModal
   };
 };
-const index_wrn16i = "";
+const index_18b69qa = "";
 const EMPTY_VALUES = [void 0, null, "", "-"];
 const EmptyStyle = "e5223w8";
 const ContentStyle$2 = "cdjsw14";
@@ -8351,7 +8376,7 @@ function ValueDisplay(props) {
     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", {
@@ -8423,7 +8448,7 @@ function DurationTime(props) {
   };
   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 {
@@ -8731,7 +8756,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_cp12i5 = "";
+const index_1q7r2i0 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -8792,13 +8817,13 @@ const WidgetErrorContent = (props) => {
     })
   });
 };
-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 {
@@ -9111,6 +9136,16 @@ class ResourceModel {
   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) {
@@ -9607,7 +9642,7 @@ const SERVER_INSTANCE_INIT_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",
@@ -9856,7 +9891,7 @@ class WorkloadModel extends WorkloadBaseModel {
     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;
   }
@@ -10232,7 +10267,7 @@ class PersistentVolumeClaimModel extends ResourceModel {
     this._rawYaml = _rawYaml;
   }
 }
-const index_1lzkrja = "";
+const index_1iq0dq9 = "";
 const ServiceInClusterAccessComponent = ({
   service
 }) => {
@@ -10311,7 +10346,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_10ylmu3 = "";
+const index_1sc40y3 = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10338,7 +10373,7 @@ const Tags = (props) => {
     children: tags
   });
 };
-const StateTag_1wmvw42 = "";
+const StateTag_1o2atxo = "";
 const StateTagStyle = "s8qkbck";
 const StateTag = ({
   state: state2 = WorkloadState.UPDATING,
@@ -10423,7 +10458,7 @@ var relativeTime$1 = { exports: {} };
 })(relativeTime$1);
 var relativeTimeExports = relativeTime$1.exports;
 const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-const index_1779z85 = "";
+const index_1jgp4p8 = "";
 dayjs.extend(relativeTime, {
   thresholds: [{
     l: "s",
@@ -10595,7 +10630,7 @@ function download(filename, content) {
 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);
   };
 }
@@ -10680,6 +10715,410 @@ function useOpenForm(options) {
     }
   };
 }
+function FormErrorAlert(props) {
+  const { title, errorMsgs, style, className, isEdit } = props;
+  const { i18n: i18n2 } = useTranslation();
+  return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    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)) }) : 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] = useState(false);
+  const [errorMsgs, setErrorMsgs] = useState([]);
+  const reset = useCallback(() => {
+    setSubmitting(false);
+    setErrorMsgs([]);
+  }, []);
+  const onSubmit = 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 = usePopModal();
+  const {
+    submitting,
+    errorMsgs,
+    reset,
+    onSubmit
+  } = useSubmitForm({
+    formRef: form2,
+    onSubmitSuccess: () => {
+      popModal();
+    }
+  });
+  const close = useCallback(() => {
+    popModal();
+    reset();
+  }, [reset]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(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
+  } = useResource();
+  const pushModal = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+      className: EditButtonStyle,
+      type: "link",
+      onClick: () => {
+        pushModal({
+          component: EditFieldModal,
+          props: modalProps
+        });
+      },
+      children: i18n2.t("dovetail.edit")
+    })
+  });
+}
+const EditLabelForm = React__default.forwardRef(
+  function EditLabelForm2(props, ref) {
+    var _a;
+    const { resourceModel } = props;
+    const { mutateAsync } = useUpdate();
+    const { t: t2 } = useTranslation();
+    const [value2, setValue] = useState([]);
+    const defaultValue = 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 = 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]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit
+      }),
+      [submit]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      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 = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Menu$1.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(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_label") })
+    }
+  );
+}
+const EditAnnotationForm = React__default.forwardRef(
+  function EditAnnotationForm2(props, ref) {
+    var _a;
+    const { resourceModel } = props;
+    const { mutateAsync } = useUpdate();
+    const { t: t2 } = useTranslation();
+    const [value2, setValue] = useState([]);
+    const defaultValue = 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 = 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]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit
+      }),
+      [submit]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      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 = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Menu$1.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(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
+    }
+  );
+}
 function K8sDropdown(props) {
   const { record, size = "normal" } = props;
   const { globalStore } = useGlobalStore();
@@ -10700,18 +11139,15 @@ function K8sDropdown(props) {
     resource: resource == null ? void 0 : resource.name,
     action: AccessControlAuth.Delete
   });
+  const formRef = 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(
       Dropdown,
       {
         overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
-          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Menu$1.Item,
-            {
-              onClick: openForm,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
-            }
-          ),
+          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Menu$1.Item,
             {
@@ -10727,6 +11163,8 @@ function K8sDropdown(props) {
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Download16GradientBlueIcon, children: t2("dovetail.download_yaml") })
             }
           ),
+          editLabelMenuItem,
+          editAnnotationMenuItem,
           props.children,
           (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { margin: 0 } }) : null,
           (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -10913,7 +11351,7 @@ const DeleteManyButton = (props) => {
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
-const TableToolBar_4s5vf2 = "";
+const TableToolBar_nvjftd = "";
 const ToolbarWrapperStyle = "t1v3ienx";
 const ToolbarStyle$3 = "tgejfwe";
 const TitleStyle$2 = "tq6dc79";
@@ -10949,7 +11387,7 @@ const TableToolBar = ({
     }) : null]
   });
 };
-const index_6qzjtx = "";
+const index_dyz3nd = "";
 const WrapperStyle$5 = "w16agr8o";
 function matchOwner(job, owner) {
   var _a;
@@ -11104,7 +11542,7 @@ const EventsTable = ({ uid }) => {
     }
   );
 };
-const index_218swh = "";
+const index_mvy4dx = "";
 const ImageWrapperStyle = "i1u1f5zp";
 const ImageNames = ({
   value: value2,
@@ -11118,7 +11556,7 @@ const ImageNames = ({
     }, `${image2}-${index2}`)) : value2.join(", ")
   });
 };
-const index_1m8lip = "";
+const index_14bl0m = "";
 const LinkStyle$1 = "lmmrm55";
 function LinkFallback({
   fullPath
@@ -11135,7 +11573,7 @@ function LinkFallback({
     children: fullPath
   });
 }
-const index_cbhkdt = "";
+const index_x36tts = "";
 const LinkStyle = "l1vnw9x0";
 const ResourceLink = (props) => {
   const {
@@ -11274,7 +11712,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_q4vd5r = "";
+const KeyValue_18l1y97 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -11310,7 +11748,7 @@ const KeyValue = (props) => {
 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";
@@ -11354,7 +11792,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContent_1u0cbxv = "";
+const ShowContent_11g4jr2 = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -11565,7 +12003,7 @@ const ShowContent = (props) => {
     }), tabs]
   });
 };
-const KeyValueSecret_1ibo68a = "";
+const KeyValueSecret_c3ji18 = "";
 const ButtonStyle = "b11tbgf7";
 const GroupStyle = "gtbyh5g";
 function KeyValueSecret(props) {
@@ -11620,7 +12058,7 @@ function PVVolumeModeDisplay(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
 }
-const WorkloadPodsTable_1giuese = "";
+const WorkloadPodsTable_975j2t = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
@@ -11689,183 +12127,7 @@ const WorkloadPodsTable = ({
     })]
   });
 };
-function FormErrorAlert(props) {
-  const { errorMsgs, style, className, isEdit } = props;
-  const { i18n: i18n2 } = useTranslation();
-  return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    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)) }) : 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] = useState(false);
-  const [errorMsgs, setErrorMsgs] = useState([]);
-  const reset = useCallback(() => {
-    setSubmitting(false);
-    setErrorMsgs([]);
-  }, []);
-  const onSubmit = 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 = usePopModal();
-  const {
-    submitting,
-    errorMsgs,
-    reset,
-    onSubmit
-  } = useSubmitForm({
-    formRef: form,
-    onSubmitSuccess: () => {
-      popModal();
-    }
-  });
-  const close = useCallback(() => {
-    popModal();
-    reset();
-  }, [reset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(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
-  } = useResource();
-  const pushModal = usePushModal();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Edit,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(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";
@@ -17949,7 +18211,7 @@ 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_jv52b6 = "";
+const index_v855ki = "";
 const WrapperStyle$3 = "wve7dfm";
 const ToolbarStyle$2 = "t9oeh3c";
 const ToolbarAreaStyle$1 = "t1u2zqn6";
@@ -18184,7 +18446,7 @@ const PodLogTab = (i18n2) => ({
     }
   ]
 });
-const style_inzxm5 = "";
+const style_h6krld = "";
 const ToolBarStyle = "t1joof7s";
 const ToolBarHeaderStyle = "tti58uh";
 const ErrorIconStyle = "e15yt16p";
@@ -18242,6 +18504,7 @@ const MonacoYamlEditor$1 = (props) => {
         // https://github.com/microsoft/monaco-editor/issues/2007
       },
       tabSize: 2,
+      lineNumbersMinChars: 7,
       readOnly,
       autoIndent: {}.VITE_IS_TEST ? "none" : "advanced"
     });
@@ -18357,7 +18620,7 @@ const MonacoYamlEditor$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   __proto__: null,
   default: MonacoYamlEditor$1
 }, Symbol.toStringTag, { value: "Module" }));
-const NetworkPolicyRulesViewer_13asgaq = "";
+const NetworkPolicyRulesViewer_6z3c00 = "";
 const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
@@ -18379,7 +18642,7 @@ const NetworkPolicyRulesViewer = ({
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
     schemas: [],
-    defaultValue: yaml.dump(ingressOrEgress),
+    defaultValue: yaml$1.dump(ingressOrEgress),
     height: "300px",
     className: EditorStyle$1,
     readOnly: true,
@@ -18703,7 +18966,7 @@ const PageShow = (props) => {
   }, [isError, nav, resource]);
   return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
 };
-const index_17v8shn = "";
+const index_az4wrx = "";
 const WrapperStyle$1 = "w1akirqw";
 const TitleStyle = "t30srnq";
 function FormLayout(props) {
@@ -31912,7 +32175,7 @@ function copy(text, options) {
 }
 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";
@@ -32021,7 +32284,7 @@ function ShellToolbar(props) {
   });
 }
 const xterm = "";
-const index_z4cp87 = "";
+const index_1bj2t02 = "";
 const ContainerStyle = "c1q5a2qi";
 const ShellStyle = "sdz5fm1";
 const LoadingStyle = "lbp0h2e";
@@ -32109,7 +32372,7 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
       });
     }
   }, [encode, send, props.fit]);
-  const debouncedFit = debounce(fit, 200);
+  const debouncedFit = useCallback(() => debounce(fit, 200), [fit]);
   const flush = useCallback(() => {
     const backlog = backlogRef.current.slice();
     backlogRef.current = [];
@@ -32296,6 +32559,10 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
     });
     fit();
   }, [fit]);
+  const writeln = useCallback((data2) => {
+    var _a;
+    (_a = termInstanceRef.current) == null ? void 0 : _a.writeln(data2);
+  }, []);
   useEffect(() => {
     const destroy = setupTerminal();
     return () => {
@@ -32331,8 +32598,9 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
     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,
@@ -32396,8 +32664,6 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
   });
 });
 const GlobalStoreContext = createContext({});
-const modal_7iwhwk = "";
-const FullscreenModalStyle = "fq4465w";
 var buffer = {};
 var base64Js = {};
 base64Js.byteLength = byteLength;
@@ -34637,7 +34903,7 @@ function parseJSON(value2) {
     return void 0;
   }
 }
-const index_1xad2h9 = "";
+const index_1jqojte = "";
 const SelectStyle = "sj0ggy";
 const DropdownStyle = "d1eo8uqs";
 const SearchInputStyle = "s64gojc";
@@ -34843,7 +35109,7 @@ function useNamespaceRefineFilter() {
   }), [nsFilters]);
   return filters;
 }
-const index_hp158y = "";
+const index_1l2xllo = "";
 const ListPageStyle = "laykzsq";
 const ListContentStyle = "l1ng0psc";
 const TableStyle = "tj6zpn4";
@@ -34937,6 +35203,8 @@ function ResourceShow(props) {
     }
   );
 }
+const button_1uhn9v1 = "";
+const WarningButtonStyle = "wwyz7ti";
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value2) => value2 instanceof Date;
 var isNullOrUndefined = (value2) => value2 == null;
@@ -36297,9 +36565,9 @@ function createFormControl(props = {}, flushRootRender) {
             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;
                 }
               }
@@ -36514,43 +36782,41 @@ function useForm$1(props = {}) {
   _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 = 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 = 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,
@@ -36580,7 +36846,7 @@ const RefineFormContent = (props) => {
         },
         fieldState
       }) => {
-        var _a2;
+        var _a;
         const formValue = getValues();
         let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.String, {
           placeholder: c2.placeholder,
@@ -36633,7 +36899,7 @@ const RefineFormContent = (props) => {
           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);
@@ -37328,7 +37594,7 @@ const useRefineForm = (props) => {
   }, [config.formConfig, result]);
   return { formResult: result, responseErrorMsg };
 };
-const index_12sfrn = "";
+const index_2ivb33 = "";
 const Style = "s1bsn3us";
 const Separator = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -37336,7 +37602,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-c2239ccf.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1593cfad.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -37668,7 +37934,7 @@ function generateYamlBySchema(defaultValue, schema) {
     return merged2;
   }
   const merged = merge2(defaultValue, typeObject);
-  const content = yaml.dump(merged);
+  const content = yaml$1.dump(merged);
   return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
 }
 const useGlobalStore = () => {
@@ -37702,8 +37968,10 @@ const useYamlForm = ({
   overtimeOptions,
   editorOptions,
   initialValuesForCreate,
+  initialValuesForEdit,
   transformInitValues,
-  transformApplyValues
+  transformApplyValues,
+  rules
 } = {}) => {
   var _a;
   const editor = useRef(null);
@@ -37712,6 +37980,7 @@ const useYamlForm = ({
   const [isYamlValid, setIsYamlValid] = useState(true);
   const [isSchemaValid, setIsSchemaValid] = useState(true);
   const [editorErrors, setEditorErrors] = useState([]);
+  const [rulesErrors, setRulesErrors] = useState([]);
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
   const { globalStore } = useGlobalStore();
@@ -37727,11 +37996,20 @@ const useYamlForm = ({
   const formSF = useForm$3({
     form: formAnt
   });
-  const { form } = formSF;
+  const { form: form2 } = formSF;
   const { fold: fold2 } = useK8sYamlEditor();
   const useFormCoreResult = useForm$2({
     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,
@@ -37757,30 +38035,24 @@ const useYamlForm = ({
   const { formLoading, onFinish, queryResult } = useFormCoreResult;
   const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = useWarnAboutChange();
   const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+  const action = useMemo(
+    () => actionFromProps || useResourceResult.action,
+    [actionFromProps, useResourceResult.action]
+  );
   const initialValues = 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 = useMemo(
-    () => actionFromProps || useResourceResult.action,
-    [actionFromProps, useResourceResult.action]
-  );
-  React__default.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 = useMemo(() => {
+    return uniq([...editorErrors, ...rulesErrors]);
+  }, [editorErrors, rulesErrors]);
   const onKeyUp = (event2) => {
     if (submitOnEnter && event2.key === "Enter") {
-      form.submit();
+      form2.submit();
     }
   };
   const onValuesChange = (changeValues) => {
@@ -37789,14 +38061,33 @@ const useYamlForm = ({
     }
     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 = get$3(formValue, path2);
+        for (const validator of validators || []) {
+          const { isValid, errorMsg } = validator(value2, formValue);
+          if (!isValid) {
+            errorMap[path2.join(".")] = `${errorMsg}(${path2.join(".")})`;
+            break;
+          }
+        }
+      });
+    }
+    setRulesErrors(uniq(Object.values(errorMap)));
+    return errorMap;
+  };
   const saveButtonProps = useMemo(
     () => ({
       loading: formLoading,
       onClick: () => {
-        form.submit();
+        form2.submit();
       }
     }),
-    [formLoading, form]
+    [formLoading, form2]
   );
   const schemas = useMemo(() => {
     return schema ? [schema] : [];
@@ -37805,10 +38096,10 @@ const useYamlForm = ({
     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);
@@ -37818,7 +38109,7 @@ const useYamlForm = ({
       },
       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") {
@@ -37826,13 +38117,13 @@ const useYamlForm = ({
         }
       }
     };
-  }, [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") : ""
@@ -37841,8 +38132,13 @@ const useYamlForm = ({
           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) {
@@ -37872,19 +38168,19 @@ const useYamlForm = ({
     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) => {
@@ -37903,7 +38199,8 @@ function YamlForm(props) {
     transformInitValues,
     transformApplyValues,
     onSaveButtonPropsChange,
-    onErrorsChange
+    onErrorsChange,
+    rules
   } = props;
   const {
     action: actionFromResource,
@@ -37927,7 +38224,9 @@ function YamlForm(props) {
       /* None */
     },
     liveMode: "off",
-    initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE,
+    initialValuesForCreate: props.initialValuesForCreate ?? BASE_INIT_VALUE,
+    initialValuesForEdit: props.initialValuesForEdit,
+    rules,
     successNotification(data2) {
       var _a;
       return {
@@ -38022,12 +38321,39 @@ function YamlForm(props) {
     })
   });
 }
-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 = usePopModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(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: 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,
@@ -38042,47 +38368,60 @@ function FormModal(props) {
   const configs = useContext(ConfigsContext);
   const [yamlSaveButtonProps, setYamlSaveButtonProps] = useState({});
   const [isError, setIsError] = useState(false);
+  const [mode, setMode] = useState(
+    "form"
+    /* Form */
+  );
+  const isYamlMode = mode === "yaml";
   const popModal = usePopModal();
+  const pushModal = 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 = 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
       });
@@ -38093,7 +38432,7 @@ function FormModal(props) {
       resourceId: id
     });
   })();
-  const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
+  const saveButtonProps = isYamlForm || isYamlMode ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
   const onCancel = useCallback(() => {
     popModal();
   }, [popModal]);
@@ -38102,6 +38441,23 @@ function FormModal(props) {
     setIsError(false);
     (_a2 = saveButtonProps.onClick) == null ? void 0 : _a2.call(saveButtonProps, e2);
   }, [saveButtonProps]);
+  const onChangeMode = 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");
@@ -38128,16 +38484,36 @@ function FormModal(props) {
     return "";
   }, [action, config.formConfig]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(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(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(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, {}),
@@ -38151,7 +38527,7 @@ function FormModal(props) {
     }) : void 0, formEle]
   });
 }
-const RefineFormPage_aqoiay = "";
+const RefineFormPage_1v0fhor = "";
 const RefineFormPage = (props) => {
   const {
     config
@@ -38277,7 +38653,7 @@ function CronJobDropdown(props) {
     }
   ) : null });
 }
-const index_1wzdp7m = "";
+const index_sazpyf = "";
 const WrapperStyle = "wfg6u6g";
 const InnerBar = ({
   usage: usage2,
@@ -38352,7 +38728,7 @@ const DeleteButton = () => {
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
-const index_1wt5px2 = "";
+const index_1tehui8 = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
   const {
@@ -38377,7 +38753,7 @@ const Menu = () => {
     children: renderMenuItems(menuItems)
   });
 };
-const index_1qxsm42 = "";
+const index_1po979g = "";
 const HeaderStyle = "h16z07g";
 const ContentLayoutStyle = "c1i80kj";
 const SiderStyle = "s18sezq1";
@@ -38533,7 +38909,7 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
 };
-const columns_1h38dp = "";
+const columns_irlsbh = "";
 const DashedTitleStyle = "dh5j833";
 const ServiceClusterTooltipStyle = "s1fcgan";
 const NameLink = (props) => {
@@ -39164,13 +39540,18 @@ const Dovetail = (props) => {
   const {
     resourcesConfig,
     urlPrefix = "",
+    schemaUrlPrefix,
     Layout: Layout2,
     history,
     globalStore,
     accessControlProvider,
-    routerProvider: customRouterProvider
+    routerProvider: customRouterProvider,
+    antdGetPopupContainer
   } = props;
   const msg = useMessage();
+  useEffect(() => {
+    msg.config({ getContainer: antdGetPopupContainer });
+  }, [msg, antdGetPopupContainer]);
   const notCustomResources = useMemo(() => {
     return resourcesConfig.filter((c2) => !c2.isCustom);
   }, [resourcesConfig]);
@@ -39202,37 +39583,48 @@ const Dovetail = (props) => {
     };
     return provider;
   }, [msg]);
-  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,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConstantsContext.Provider, { value: { schemaUrlPrefix }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ConfigProvider,
     {
-      dataProvider: {
-        default: dataProvider(globalStore)
+      antd5Configs: {
+        getPopupContainer: antdGetPopupContainer || (() => document.body)
       },
-      routerProvider: customRouterProvider || routerProvider,
-      liveProvider: 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(
+        Refine,
+        {
+          dataProvider: {
+            default: 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: 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
+        }
+      ) })
     }
   ) }) }) }) });
 };
@@ -39381,7 +39773,7 @@ const relationPlugin = new RelationPlugin();
 const ProviderPlugins = [relationPlugin, modelPlugin];
 const dovetailRefineI18n = i18n;
 export {
-  rfc1035LabelRules as $,
+  NamespaceSelectWidget as $,
   AgeColumnRenderer as A,
   PVCStorageColumnRenderer as B,
   CommonSorter as C,
@@ -39394,200 +39786,201 @@ export {
   ColumnKeys as J,
   addDefaultRenderToColumns as K,
   useEagleTable as L,
-  ModalStyle as M,
+  useDownloadYAML as M,
   NameColumnRenderer as N,
-  useDownloadYAML as O,
+  useEdit as O,
   PlainTextNameColumnRenderer as P,
-  useEdit as Q,
+  useGlobalStore as Q,
   ReplicasColumnRenderer as R,
   StateDisplayColumnRenderer as S,
-  useGlobalStore as T,
-  useOpenForm as U,
-  index as V,
+  useOpenForm as T,
+  index as U,
+  Breadcrumb as V,
   WorkloadImageColumnRenderer as W,
-  Breadcrumb as X,
-  NameInputWidget as Y,
-  dnsSubDomainRules as Z,
-  rfc1123LabelRules as _,
+  NameInputWidget as X,
+  dnsSubDomainRules as Y,
+  rfc1123LabelRules as Z,
+  rfc1035LabelRules as _,
   useApiGroupSchema as a,
-  PVAccessModeField as a$,
-  NamespaceSelectWidget as a0,
-  namespaceRules as a1,
-  KeyValueListWidget as a2,
-  MetadataForm as a3,
-  PageShow as a4,
-  Time as a5,
-  ConditionsTable as a6,
-  FormErrorAlert as a7,
-  PodContainersTable as a8,
-  WorkloadDropdown as a9,
-  PodsField as aA,
-  JobsField as aB,
-  DataField as aC,
-  SecretDataField as aD,
-  StartTimeField as aE,
-  ServiceTypeField as aF,
-  ClusterIpField as aG,
-  SessionAffinityField as aH,
-  ServicePodsField as aI,
-  IngressRulesTableTabField as aJ,
-  EventsTableTabField as aK,
-  NamespaceField as aL,
-  AgeField as aM,
-  LabelsField as aN,
-  AnnotationsField as aO,
-  ServiceInnerClusterAccessField as aP,
-  ServiceOutClusterAccessField as aQ,
-  PodSelectorField as aR,
-  PortsTableField as aS,
-  DurationField as aT,
-  StorageClassProvisionerField as aU,
-  StorageClassPvField as aV,
-  PVCapacityField as aW,
-  PVCStorageField as aX,
-  PVStorageClassField as aY,
-  PVPhaseField as aZ,
-  PVVolumeModeField as a_,
-  ReplicasDropdown as aa,
-  PodDropdown as ab,
-  CreateButton as ac,
-  ImageNames as ad,
-  ResourceList as ae,
-  ResourceShow as af,
-  ResourceForm as ag,
-  ResourceCRUD as ah,
-  WorkloadPodsTable as ai,
-  CronJobDropdown as aj,
-  K8sDropdown as ak,
-  ResourceUsageBar as al,
-  WorkloadReplicasForm as am,
-  WorkloadReplicas as an,
-  CronjobJobsTable as ao,
-  KeyValue as ap,
-  KeyValueAnnotation as aq,
-  KeyValueSecret as ar,
-  Separator as as,
-  YamlEditorComponent as at,
-  DeleteButton as au,
-  Layout as av,
-  AreaType as aw,
-  ImageField as ax,
-  ReplicaField as ay,
-  ConditionsField as az,
+  PVVolumeModeField as a$,
+  namespaceRules as a0,
+  KeyValueListWidget as a1,
+  MetadataForm as a2,
+  PageShow as a3,
+  Time as a4,
+  ConditionsTable as a5,
+  FormErrorAlert as a6,
+  PodContainersTable as a7,
+  WorkloadDropdown as a8,
+  ReplicasDropdown as a9,
+  ConditionsField as aA,
+  PodsField as aB,
+  JobsField as aC,
+  DataField as aD,
+  SecretDataField as aE,
+  StartTimeField as aF,
+  ServiceTypeField as aG,
+  ClusterIpField as aH,
+  SessionAffinityField as aI,
+  ServicePodsField as aJ,
+  IngressRulesTableTabField as aK,
+  EventsTableTabField as aL,
+  NamespaceField as aM,
+  AgeField as aN,
+  LabelsField as aO,
+  AnnotationsField as aP,
+  ServiceInnerClusterAccessField as aQ,
+  ServiceOutClusterAccessField as aR,
+  PodSelectorField as aS,
+  PortsTableField as aT,
+  DurationField as aU,
+  StorageClassProvisionerField as aV,
+  StorageClassPvField as aW,
+  PVCapacityField as aX,
+  PVCStorageField as aY,
+  PVStorageClassField as aZ,
+  PVPhaseField as a_,
+  PodDropdown as aa,
+  CreateButton as ab,
+  ImageNames as ac,
+  ResourceList as ad,
+  ResourceShow as ae,
+  ResourceForm as af,
+  ResourceCRUD as ag,
+  WorkloadPodsTable as ah,
+  CronJobDropdown as ai,
+  K8sDropdown as aj,
+  EditLabelDropdownMenuItem as ak,
+  EditAnnotationDropdownMenuItem as al,
+  ResourceUsageBar as am,
+  WorkloadReplicasForm as an,
+  WorkloadReplicas as ao,
+  CronjobJobsTable as ap,
+  KeyValue as aq,
+  KeyValueAnnotation as ar,
+  KeyValueSecret as as,
+  Separator as at,
+  YamlEditorComponent as au,
+  DeleteButton as av,
+  Layout as aw,
+  AreaType as ax,
+  ImageField as ay,
+  ReplicaField as az,
   useSchema as b,
-  INGRESS_INIT_VALUE as b$,
-  EventsTab as b0,
-  PodLogTab as b1,
-  BasicGroup as b2,
-  PodsGroup as b3,
-  PodContainersGroup as b4,
-  ServicePodsGroup as b5,
-  ConditionsGroup as b6,
-  SecretDataGroup as b7,
-  JobsGroup as b8,
-  IngressRulesGroup as b9,
-  useRefineForm as bA,
-  ServiceInClusterAccessComponent as bB,
-  ServiceOutClusterAccessComponent as bC,
-  Tags as bD,
-  TextTags as bE,
-  PodLog as bF,
-  NetworkPolicyRulesViewer as bG,
-  PVPhaseDisplay as bH,
-  PVVolumeModeDisplay as bI,
-  Tabs as bJ,
-  ResourceSelect as bK,
-  SocketStatus as bL,
-  Shell as bM,
-  PodShellModal as bN,
-  PodShell as bO,
-  BASE_INIT_VALUE as bP,
-  DEPLOYMENT_INIT_VALUE as bQ,
-  CRONJOB_INIT_VALUE as bR,
-  DAEMONSET_INIT_VALUE as bS,
-  JOB_INIT_VALUE as bT,
-  STATEFULSET_INIT_VALUE as bU,
-  POD_INIT_VALUE as bV,
-  SERVICE_CLUSTER_IP_INIT_VALUE as bW,
-  SERVICE_NODE_PORT_INIT_VALUE as bX,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as bY,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as bZ,
-  SERVICE_HEADLESS_INIT_VALUE as b_,
-  PodSelectorGroup as ba,
-  PortsGroup as bb,
-  DataGroup as bc,
-  NetworkPolicyIngressRulesGroup as bd,
-  NetworkPolicyEgressRulesGroup as be,
-  StorageClassPvGroup as bf,
-  ShowGroupComponent as bg,
-  ShowContent as bh,
-  DeleteManyButton as bi,
-  ListPage as bj,
-  StateTagStyle as bk,
-  StateTag as bl,
-  DrawerShow as bm,
-  Menu as bn,
-  EditButton as bo,
-  ReferenceLink as bp,
-  ResourceLink as bq,
-  NS_STORE_KEY as br,
-  ALL_NS as bs,
-  useNamespacesFilter as bt,
-  NamespacesFilter as bu,
-  FormModal as bv,
-  RefineFormContent as bw,
-  RefineFormPage as bx,
-  SchemaStrategy as by,
-  YamlForm as bz,
+  SERVICE_HEADLESS_INIT_VALUE as b$,
+  PVAccessModeField as b0,
+  EventsTab as b1,
+  PodLogTab as b2,
+  BasicGroup as b3,
+  PodsGroup as b4,
+  PodContainersGroup as b5,
+  ServicePodsGroup as b6,
+  ConditionsGroup as b7,
+  SecretDataGroup as b8,
+  JobsGroup as b9,
+  YamlForm as bA,
+  useRefineForm as bB,
+  ServiceInClusterAccessComponent as bC,
+  ServiceOutClusterAccessComponent as bD,
+  Tags as bE,
+  TextTags as bF,
+  PodLog as bG,
+  NetworkPolicyRulesViewer as bH,
+  PVPhaseDisplay as bI,
+  PVVolumeModeDisplay as bJ,
+  Tabs as bK,
+  ResourceSelect as bL,
+  SocketStatus as bM,
+  Shell as bN,
+  PodShellModal as bO,
+  PodShell as bP,
+  BASE_INIT_VALUE as bQ,
+  DEPLOYMENT_INIT_VALUE as bR,
+  CRONJOB_INIT_VALUE as bS,
+  DAEMONSET_INIT_VALUE as bT,
+  JOB_INIT_VALUE as bU,
+  STATEFULSET_INIT_VALUE as bV,
+  POD_INIT_VALUE as bW,
+  SERVICE_CLUSTER_IP_INIT_VALUE as bX,
+  SERVICE_NODE_PORT_INIT_VALUE as bY,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as bZ,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as b_,
+  IngressRulesGroup as ba,
+  PodSelectorGroup as bb,
+  PortsGroup as bc,
+  DataGroup as bd,
+  NetworkPolicyIngressRulesGroup as be,
+  NetworkPolicyEgressRulesGroup as bf,
+  StorageClassPvGroup as bg,
+  ShowGroupComponent as bh,
+  ShowContent as bi,
+  DeleteManyButton as bj,
+  ListPage as bk,
+  StateTagStyle as bl,
+  StateTag as bm,
+  DrawerShow as bn,
+  Menu as bo,
+  EditButton as bp,
+  ReferenceLink as bq,
+  ResourceLink as br,
+  NS_STORE_KEY as bs,
+  ALL_NS as bt,
+  useNamespacesFilter as bu,
+  NamespacesFilter as bv,
+  FormModal as bw,
+  RefineFormContent as bx,
+  RefineFormPage as by,
+  SchemaStrategy as bz,
   useDeleteModal as c,
-  NETWORK_POLICY_INIT_VALUE as c0,
-  CONFIG_MAP_INIT_VALUE as c1,
-  SERVER_INSTANCE_INIT_VALUE as c2,
-  TIMESTAMP_LABEL as c3,
-  SECRET_OPAQUE_INIT_VALUE as c4,
-  SECRET_IMAGE_REPO_INIT_VALUE as c5,
-  SECRET_BASIC_AUTH_INIT_VALUE as c6,
-  SECRET_SSH_AUTH_INIT_VALUE as c7,
-  SECRET_TLS_INIT_VALUE as c8,
-  SECRET_CUSTOM_INIT_VALUE as c9,
-  NodeModel as cA,
-  StorageClassModel as cB,
-  PersistentVolumeModel as cC,
-  PersistentVolumeClaimModel as cD,
-  ProviderPlugins as cE,
-  ModelPlugin as cF,
-  modelPlugin as cG,
-  RelationPlugin as cH,
-  relationPlugin as cI,
-  generateValueFromSchema as cJ,
-  generateSchemaTypeValue as cK,
-  resolveRef as cL,
-  NODE_INIT_VALUE as ca,
-  STORAGE_CLASS_INIT_VALUE as cb,
-  WorkloadState as cc,
-  AccessControlAuth as cd,
-  Dovetail as ce,
-  RESOURCE_GROUP as cf,
-  FormType as cg,
-  ComponentContext as ch,
-  GlobalStoreContext as ci,
-  ConfigsContext as cj,
-  IngressModel as ck,
-  NetworkPolicyModel as cl,
-  JobModel as cm,
-  WorkloadModel as cn,
-  WorkloadBaseModel as co,
-  PodModel as cp,
-  PodMetricsModel as cq,
-  ResourceModel as cr,
-  CronJobModel as cs,
-  EventModel as ct,
-  DeploymentModel as cu,
-  DaemonSetModel as cv,
-  StatefulSetModel as cw,
-  ServiceTypeEnum as cx,
-  ServiceModel as cy,
-  NodeRole as cz,
+  INGRESS_INIT_VALUE as c0,
+  NETWORK_POLICY_INIT_VALUE as c1,
+  CONFIG_MAP_INIT_VALUE as c2,
+  SERVER_INSTANCE_INIT_VALUE as c3,
+  REDEPLOY_TIMESTAMP_KEY as c4,
+  SECRET_OPAQUE_INIT_VALUE as c5,
+  SECRET_IMAGE_REPO_INIT_VALUE as c6,
+  SECRET_BASIC_AUTH_INIT_VALUE as c7,
+  SECRET_SSH_AUTH_INIT_VALUE as c8,
+  SECRET_TLS_INIT_VALUE as c9,
+  NodeRole as cA,
+  NodeModel as cB,
+  StorageClassModel as cC,
+  PersistentVolumeModel as cD,
+  PersistentVolumeClaimModel as cE,
+  ProviderPlugins as cF,
+  ModelPlugin as cG,
+  modelPlugin as cH,
+  RelationPlugin as cI,
+  relationPlugin as cJ,
+  generateValueFromSchema as cK,
+  generateSchemaTypeValue as cL,
+  resolveRef as cM,
+  SECRET_CUSTOM_INIT_VALUE as ca,
+  NODE_INIT_VALUE as cb,
+  STORAGE_CLASS_INIT_VALUE as cc,
+  WorkloadState as cd,
+  AccessControlAuth as ce,
+  Dovetail as cf,
+  RESOURCE_GROUP as cg,
+  FormType as ch,
+  ComponentContext as ci,
+  GlobalStoreContext as cj,
+  ConfigsContext as ck,
+  IngressModel as cl,
+  NetworkPolicyModel as cm,
+  JobModel as cn,
+  WorkloadModel as co,
+  WorkloadBaseModel as cp,
+  PodModel as cq,
+  PodMetricsModel as cr,
+  ResourceModel as cs,
+  CronJobModel as ct,
+  EventModel as cu,
+  DeploymentModel as cv,
+  DaemonSetModel as cw,
+  StatefulSetModel as cx,
+  ServiceTypeEnum as cy,
+  ServiceModel as cz,
   dovetailRefineI18n as d,
   NameSpaceColumnRenderer as e,
   WorkloadRestartsColumnRenderer as f,