@dovetail-v2/refine 0.2.12 → 0.3.1

package/dist/{index-d6b404b9.cjs → index-e9523181.cjs}

@@ -1180,6 +1180,7 @@ const confirm = "确认";
 const cant_delete_resource = "无法删除{{resource}}";
 const cant_delete_resource_with_name = "无法删除{{resource}} <0>{{name}}</0> 。";
 const close = "关闭";
+const import_from_file = "从文件读取";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1421,7 +1422,8 @@ const dovetail = {
   confirm,
   cant_delete_resource,
   cant_delete_resource_with_name,
-  close
+  close,
+  import_from_file
 };
 const ZH = {
   dovetail
@@ -9317,7 +9319,7 @@ class JobModel extends WorkloadBaseModel {
         return matchSelector(p, (_a = this.spec) == null ? void 0 : _a.selector, this.metadata.namespace);
       }
     );
-    const result = lodashExports.sumBy(myPods, "restartCount");
+    const result = lodashExports.sumBy(myPods, "restarts");
     this.restarts = result;
   }
   get duration() {
@@ -9384,7 +9386,7 @@ class WorkloadModel extends WorkloadBaseModel {
         return matchSelector(p, (_a = this.spec) == null ? void 0 : _a.selector, this.metadata.namespace);
       }
     );
-    const result = lodashExports.sumBy(myPods, "restartCount");
+    const result = lodashExports.sumBy(myPods, "restarts");
     this.restarts = result;
   }
   get replicas() {
@@ -9393,6 +9395,9 @@ class WorkloadModel extends WorkloadBaseModel {
   get readyReplicas() {
     return this.status && "readyReplicas" in this.status ? this.status.readyReplicas : 0;
   }
+  get appKey() {
+    return `${this.kind}-${this.name}-${this.namespace}`;
+  }
   redeploy() {
     const rawYaml = this._globalStore.restoreItem(this);
     const newOne = lodashExports.cloneDeep(rawYaml);
@@ -9465,7 +9470,7 @@ class PodModel extends WorkloadBaseModel {
       (container2) => shortenedImage(container2.image || "")
     )) || [];
   }
-  get restartCount() {
+  get restarts() {
     var _a, _b;
     if ((_a = this._rawYaml.status) == null ? void 0 : _a.containerStatuses) {
       return ((_b = this._rawYaml.status) == null ? void 0 : _b.containerStatuses.reduce((count, container2) => {
@@ -10190,34 +10195,44 @@ function getInitialValues(config) {
     spec: {}
   };
 }
-function useOpenForm(options) {
+function useOpenForm() {
   const { resource } = core.useResource();
   const configs = React.useContext(ConfigsContext);
   const { edit: edit2 } = useEdit();
   const navigation = core.useNavigation();
   const pushModal = eagle.usePushModal();
   const go = core.useGo();
-  return function openForm() {
-    var _a, _b;
-    if (resource == null ? void 0 : resource.name) {
-      const config = configs[resource.name];
+  return function openForm(options) {
+    var _a;
+    const finalResourceName = (options == null ? void 0 : options.resourceName) || (resource == null ? void 0 : resource.name);
+    if (finalResourceName) {
+      const config = configs[finalResourceName];
       const formType = (_a = config.formConfig) == null ? void 0 : _a.formContainerType;
       if (formType === void 0 || formType === FormContainerType.MODAL) {
         pushModal({
-          component: ((_b = config.formConfig) == null ? void 0 : _b.CustomFormModal) || FormModal,
-          props: {
-            resource: resource.name,
-            id: options == null ? void 0 : options.id,
-            formProps: {
-              initialValues: getInitialValues(config)
-            }
-          }
+          component: () => {
+            var _a2;
+            const ModalComponent = ((_a2 = config.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
+            return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+              ModalComponent,
+              {
+                resource: finalResourceName,
+                id: options == null ? void 0 : options.id,
+                yamlFormProps: {
+                  config,
+                  initialValuesForCreate: getInitialValues(config)
+                },
+                onSuccess: options == null ? void 0 : options.onSuccess
+              }
+            );
+          },
+          props: {}
         });
       } else if (options == null ? void 0 : options.id) {
         edit2(options.id);
       } else {
         go({
-          to: navigation.createUrl(resource.name),
+          to: navigation.createUrl(finalResourceName),
           options: {
             keepQuery: true
           }
@@ -10226,28 +10241,78 @@ function useOpenForm(options) {
     }
   };
 }
+function getResourceNameByKind(kind, configs) {
+  var _a;
+  return (_a = Object.values(configs).find((config) => config.kind === kind)) == null ? void 0 : _a.name;
+}
+function validateDnsSubdomain(subdomain) {
+  const regex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
+  if (!regex.test(subdomain)) {
+    return { isValid: false };
+  }
+  if (subdomain && subdomain.length > 63) {
+    return { isValid: false };
+  }
+  return { isValid: true };
+}
+function validateLabelKey(key2) {
+  const labelRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
+  let prefix2, name2;
+  const splitResult = key2.split("/");
+  if (splitResult.length === 1) {
+    name2 = splitResult[0];
+  } else {
+    prefix2 = splitResult[0];
+    name2 = splitResult[1];
+  }
+  if (prefix2 === "") {
+    return { isValid: false };
+  }
+  if (prefix2 && !labelRegex.test(prefix2)) {
+    return { isValid: false };
+  }
+  if (prefix2 && prefix2.length > 253) {
+    return { isValid: false };
+  }
+  return validateDnsSubdomain(name2);
+}
+function validateLabelValue(value2, isOptional) {
+  const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
+  if (isOptional && value2 === "") {
+    return { isValid: true };
+  } else if (value2 === "") {
+    return { isValid: false };
+  }
+  if (value2.length > 63) {
+    return { isValid: false };
+  }
+  if (!labelValueRegex.test(value2)) {
+    return { isValid: false };
+  }
+  return { isValid: true };
+}
 function K8sDropdown(props) {
   var _a;
   const { record, size = "normal" } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = core.useResource();
-  const resource = useResourceResult.resource;
   const configs = React.useContext(ConfigsContext);
-  const config = configs[(resource == null ? void 0 : resource.name) || ""];
+  const resourceName = getResourceNameByKind(record.kind || "", configs);
+  const config = configs[resourceName || ""];
   const { t: t2 } = common.useTranslation();
-  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: (resource == null ? void 0 : resource.name) || "" });
+  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
   const download2 = useDownloadYAML();
-  const openForm = useOpenForm({ id: record.id });
+  const openForm = useOpenForm();
   const isInShowPage = useResourceResult.action === "show";
   const { data: canEditData } = core.useCan({
-    resource: resource == null ? void 0 : resource.name,
+    resource: resourceName,
     action: AccessControlAuth.Edit,
     params: {
       namespace: record.namespace
     }
   });
   const { data: canDeleteData } = core.useCan({
-    resource: resource == null ? void 0 : resource.name,
+    resource: resourceName,
     action: AccessControlAuth.Delete,
     params: {
       namespace: record.namespace
@@ -10258,7 +10323,7 @@ function K8sDropdown(props) {
     eagle.Dropdown,
     {
       overlay: /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Menu, { children: [
-        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || config.hideEdit ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: openForm, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: formType === FormType.FORM ? t2("dovetail.edit") : t2("dovetail.edit_yaml") }) }),
+        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || config.hideEdit ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: () => openForm({ id: record.id }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: formType === FormType.FORM ? t2("dovetail.edit") : t2("dovetail.edit_yaml") }) }),
         /* @__PURE__ */ common.jsxRuntimeExports.jsx(
           eagle.Menu.Item,
           {
@@ -10416,7 +10481,7 @@ function CreateButton(props) {
     {
       prefixIcon: /* @__PURE__ */ common.jsxRuntimeExports.jsx(iconsReact.PlusAddCreateNew16BoldOntintIcon, {}),
       type: "primary",
-      onClick: openForm,
+      onClick: () => openForm(),
       children: createButtonText || t2("dovetail.create_resource", {
         resource: transformResourceKindInSentence(label2, i18n2.language)
       })
@@ -10695,7 +10760,7 @@ const index_x36tts = "";
 const LinkStyle = "l1vnw9x0";
 const ResourceLink = (props) => {
   const {
-    resourceKind: resourceName,
+    resourceName,
     namespace: namespace2,
     name: name2,
     uid,
@@ -10786,7 +10851,7 @@ const IngressRulesTable = ({ ingress }) => {
         return record.serviceName ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(
           ResourceLink,
           {
-            resourceKind: "services",
+            resourceName: "services",
             namespace: ingress.metadata.namespace || "default",
             name: serviceName
           }
@@ -10813,7 +10878,7 @@ const IngressRulesTable = ({ ingress }) => {
         return secretName ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(
           ResourceLink,
           {
-            resourceKind: "secrets",
+            resourceName: "secrets",
             namespace: ingress.metadata.namespace || "default",
             name: secretName
           }
@@ -11036,9 +11101,7 @@ const ShowContent = (props) => {
   } = queryResult;
   const navigation = core.useNavigation();
   const go = core.useGo();
-  const openForm = useOpenForm({
-    id
-  });
+  const openForm = useOpenForm();
   const Component = React.useContext(ComponentContext);
   const configs = React.useContext(ConfigsContext);
   const config = configs[(resource == null ? void 0 : resource.name) || ""];
@@ -11141,7 +11204,9 @@ const ShowContent = (props) => {
             style: {
               marginRight: 8
             },
-            onClick: openForm,
+            onClick: () => openForm({
+              id
+            }),
             children: ((_f = config.formConfig) == null ? void 0 : _f.formType) === FormType.FORM ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
           })
         }) : null, /* @__PURE__ */ common.jsxRuntimeExports.jsx(Dropdown, {
@@ -11230,45 +11295,36 @@ function KeyValueSecret(props) {
     })
   });
 }
-function validateLabelKey(key2) {
-  const labelRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
-  let prefix2, name2;
-  const splitResult = key2.split("/");
-  if (splitResult.length === 1) {
-    name2 = splitResult[0];
-  } else {
-    prefix2 = splitResult[0];
-    name2 = splitResult[1];
-  }
-  if (prefix2 === "") {
-    return { isValid: false, errorMessage: "EMPTY_PREFIX" };
-  }
-  if (prefix2 && !labelRegex.test(prefix2)) {
-    return { isValid: false, errorMessage: "INVALID_PREFIX" };
-  }
-  if (!labelRegex.test(name2)) {
-    return { isValid: false, errorMessage: "INVALID_NAME" };
-  }
-  if (prefix2 && prefix2.length > 253) {
-    return { isValid: false, errorMessage: "MAX_253" };
-  }
-  if (name2 && name2.length > 63) {
-    return { isValid: false, errorMessage: "MAX_63" };
+function isUtf8(buffer) {
+  try {
+    const decoder = new TextDecoder("utf-8", { fatal: true });
+    decoder.decode(buffer);
+    return true;
+  } catch (e2) {
+    return false;
   }
-  return { isValid: true };
 }
-function validateLabelValue(value2) {
-  const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
-  if (value2 === "") {
-    return { isValid: true };
-  }
-  if (value2.length > 63) {
-    return { isValid: false, errorMessage: "MAX_63" };
-  }
-  if (!labelValueRegex.test(value2)) {
-    return { isValid: false, errorMessage: "INVALID_VALUE" };
-  }
-  return { isValid: true };
+function readFileAsBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = async () => {
+      const arrayBuffer = reader.result;
+      if (arrayBuffer instanceof ArrayBuffer) {
+        if (isUtf8(arrayBuffer)) {
+          resolve(await file.text());
+        } else {
+          const base64String = btoa(
+            String.fromCharCode(...new Uint8Array(arrayBuffer))
+          );
+          resolve(base64String);
+        }
+        return;
+      }
+      reject(new Error("Failed to read file"));
+    };
+    reader.onerror = reject;
+    reader.readAsArrayBuffer(file);
+  });
 }
 const LabelFormatPopover_piveun = "";
 const PodLabelFormatRulePopoverStyle = "p5jt6nm";
@@ -11356,59 +11412,86 @@ const LabelFormatPopover = ({
     })
   });
 };
-const KeyValueTableForm_1eydq7y = "";
-function _KeyValueTableFormForm(props, ref) {
+const index_t3zi07 = "";
+function _KeyValueTableForm(props, ref) {
   const {
+    value: value2,
     defaultValue,
-    onSubmit,
+    onChange,
     extraColumns,
     addButtonText,
-    noValueValidation
+    noValueValidation,
+    isHideLabelFormatPopover,
+    isValueOptional = true,
+    canImportFromFile,
+    minSize,
+    validateKey,
+    validateValue,
+    onSubmit
   } = props;
   const {
     t: t2
   } = common.useTranslation();
-  const [value2, setValue] = React.useState([]);
   const tableFormRef = React.useRef(null);
+  const [_value, _setValue] = React.useState(value2 || defaultValue);
+  const [forceUpdateCount, setForceUpdateCount] = React.useState(0);
+  const validate = React.useCallback(() => {
+    return new Promise((resolve) => {
+      var _a;
+      (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
+      setForceUpdateCount(forceUpdateCount + 1);
+      setTimeout(() => {
+        var _a2;
+        const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
+        resolve(isValid || false);
+      }, 0);
+    });
+  }, [forceUpdateCount]);
   React.useImperativeHandle(ref, () => ({
-    submit: () => {
-      return new Promise((res, rej) => {
-        var _a;
-        (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
-        setTimeout(() => {
-          var _a2;
-          const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
-          if (isValid) {
-            res(onSubmit(value2));
-          } else {
-            rej();
-          }
-        }, 0);
-      });
+    validate,
+    submit: async () => {
+      const isValid = await validate();
+      if (isValid) {
+        return onSubmit == null ? void 0 : onSubmit(_value);
+      }
+      return Promise.reject();
+    },
+    setValue: (value22) => {
+      var _a;
+      _setValue(value22);
+      (_a = tableFormRef.current) == null ? void 0 : _a.setData(value22);
+    }
+  }), [validate, onSubmit, _value]);
+  React.useEffect(() => {
+    var _a;
+    if (value2 && !lodashEs.isEqual(value2, _value)) {
+      _setValue(value2);
+      (_a = tableFormRef.current) == null ? void 0 : _a.setData(value2);
     }
-  }), [onSubmit, value2]);
+  }, [value2]);
   const renderTextAreaFunc = ({
     value: value22,
-    onChange
+    onChange: onChange2
   }) => {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TextArea, {
       autoSize: true,
-      className: "clsjtk2",
+      className: "c17gq8cd",
       size: "small",
       value: value22,
       onChange: (e2) => {
-        onChange(e2.target.value);
+        onChange2(e2.target.value);
       }
     });
   };
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
     size: 8,
     direction: "vertical",
-    className: "cq3mbby",
+    className: "c1n7fiws",
     children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TableForm, {
       ref: tableFormRef,
-      onBodyChange: (value22) => {
-        setValue(value22);
+      onBodyChange: (newValue) => {
+        _setValue(newValue);
+        onChange == null ? void 0 : onChange(newValue);
       },
       columns: [{
         key: "key",
@@ -11419,46 +11502,72 @@ function _KeyValueTableFormForm(props, ref) {
         }) => {
           if (!value22)
             return t2("dovetail.key_empty_text");
+          const validate2 = validateKey || validateLabelKey;
           const {
-            isValid
-          } = validateLabelKey(value22 || "");
+            isValid,
+            errorMessage
+          } = validate2(value22 || "");
           if (!isValid)
-            return t2("dovetail.format_error");
+            return errorMessage || t2("dovetail.format_error");
         },
         render: renderTextAreaFunc
       }, {
         key: "value",
-        title: t2("dovetail.value_optional"),
+        title: isValueOptional ? t2("dovetail.value_optional") : t2("dovetail.value"),
         type: "input",
         validator: ({
           value: value22
         }) => {
           if (noValueValidation)
             return;
+          const validate2 = validateValue || validateLabelValue;
           const {
-            isValid
-          } = validateLabelValue(value22 || "");
+            isValid,
+            errorMessage
+          } = validate2(value22 || "", isValueOptional);
           if (!isValid)
-            return t2("dovetail.format_error");
+            return errorMessage || t2("dovetail.format_error");
         },
         render: renderTextAreaFunc
       }, ...extraColumns || []],
-      disableBatchFilling: true,
-      hideEmptyTable: true,
       rowAddConfig: {
         addible: true,
         text: () => addButtonText
       },
       defaultData: defaultValue,
       row: {
-        deletable: true
-      }
-    }), /* @__PURE__ */ common.jsxRuntimeExports.jsx(LabelFormatPopover, {
+        deletable: _value.length > (minSize || 0)
+      },
+      disableBatchFilling: true,
+      hideEmptyTable: true
+    }), isHideLabelFormatPopover ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
-    })]
+    }), canImportFromFile ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Upload, {
+      multiple: false,
+      showUploadList: false,
+      onChange: async (e2) => {
+        var _a;
+        const fileValue = {
+          key: e2.file.name,
+          value: await readFileAsBase64(e2.file.originFileObj)
+        };
+        let newValue = [..._value, fileValue];
+        if (_value.some((v) => v.key === fileValue.key)) {
+          newValue = _value.map((v) => v.key === fileValue.key ? fileValue : v);
+        }
+        _setValue(newValue);
+        (_a = tableFormRef.current) == null ? void 0 : _a.setData(newValue);
+        onChange == null ? void 0 : onChange(newValue);
+      },
+      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+        type: "link",
+        size: "small",
+        children: t2("dovetail.import_from_file")
+      })
+    }) : null]
   });
 }
-const KeyValueTableFormForm = React.forwardRef(_KeyValueTableFormForm);
+const KeyValueTableForm = React.forwardRef(_KeyValueTableForm);
 const EditNodeTaintForm_cgov7z = "";
 const UlStyle = "u19jcs7t";
 const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, ref) {
@@ -11471,6 +11580,7 @@ const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, re
   const {
     t: t2
   } = common.useTranslation();
+  const tableFormRef = React.useRef(null);
   const defaultValue = React.useMemo(() => {
     var _a;
     return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
@@ -11506,8 +11616,14 @@ const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, re
       errorNotification: false
     });
   }, [nodeModel, mutateAsync, t2]);
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValueTableFormForm, {
-    ref,
+  React.useImperativeHandle(ref, () => ({
+    submit: () => {
+      var _a;
+      return (_a = tableFormRef.current) == null ? void 0 : _a.submit();
+    }
+  }), []);
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValueTableForm, {
+    ref: tableFormRef,
     defaultValue,
     onSubmit,
     addButtonText: t2("dovetail.add_taint"),
@@ -11784,7 +11900,7 @@ const WorkloadPodsTable = ({
     title: i18n2.t("dovetail.ip_address"),
     sortable: true,
     width: 160
-  }, hideNodeColumn ? void 0 : NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), PodContainersNumColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2), AgeColumnRenderer(i18n2)].filter((v) => !!v);
+  }, hideNodeColumn ? void 0 : NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), PodContainersNumColumnRenderer(i18n2), RestartsColumnRenderer(i18n2), AgeColumnRenderer(i18n2)].filter((v) => !!v);
   const {
     tableProps
   } = useEagleTable({
@@ -12327,7 +12443,7 @@ const PVRefField = (i18n2) => {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
         ResourceLink,
         {
-          resourceKind: "persistentvolumes",
+          resourceName: "persistentvolumes",
           namespace: "",
           name: value2
         }
@@ -12341,7 +12457,7 @@ const PVStorageClassField = (i18n2) => {
     path: ["spec", "storageClassName"],
     title: i18n2.t("dovetail.storage_class"),
     renderContent(value2) {
-      return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceLink, { resourceKind: "storageclasses", namespace: "", name: value2 });
+      return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceLink, { resourceName: "storageclasses", namespace: "", name: value2 });
     }
   };
 };
@@ -12409,7 +12525,7 @@ const PVCRefField = (i18n2) => {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
         ResourceLink,
         {
-          resourceKind: "persistentvolumeclaims",
+          resourceName: "persistentvolumeclaims",
           namespace: pv2.pvcNamespace || "default",
           name: value2,
           uid: pv2.pvcUid
@@ -12699,7 +12815,7 @@ const PodLogTab = (i18n2) => ({
   ]
 });
 const NetworkPolicyRulesViewer_r6jity = "";
-const MonacoYamlEditor$1 = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-63a619ee.cjs")));
+const MonacoYamlEditor$1 = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-9b8b7cef.cjs")));
 const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
@@ -12776,13 +12892,13 @@ const PodContainersTable = ({
         }
       },
       {
-        key: "restartCount",
-        dataIndex: ["restartCount"],
+        key: "restarts",
+        dataIndex: ["restarts"],
         title: i18n2.t("dovetail.restarts"),
         sortable: true,
         align: "right",
         width: 120,
-        sorter: CommonSorter(["restartCount"])
+        sorter: CommonSorter(["restarts"])
       },
       {
         key: "started",
@@ -15086,18 +15202,26 @@ const NamespacesFilter = ({
 };
 function useNamespaceRefineFilter() {
   const { value: nsFilters = [] } = useNamespacesFilter();
-  const filters = React.useMemo(() => ({
-    permanent: [
-      {
-        operator: "or",
-        value: nsFilters.filter((filter) => filter !== ALL_NS).map((filter) => ({
-          field: "metadata.namespace",
-          operator: "eq",
-          value: filter
-        }))
-      }
-    ]
-  }), [nsFilters]);
+  const filters = React.useMemo(() => {
+    const filters2 = nsFilters.filter((filter) => filter !== ALL_NS);
+    if (filters2.length === 0) {
+      return {
+        permanent: []
+      };
+    }
+    return {
+      permanent: [
+        {
+          operator: "or",
+          value: filters2.map((filter) => ({
+            field: "metadata.namespace",
+            operator: "eq",
+            value: filter
+          }))
+        }
+      ]
+    };
+  }, [nsFilters]);
   return filters;
 }
 const index_1l2xllo = "";
@@ -15262,6 +15386,11 @@ function usePathMap(options) {
     transformApplyValues
   };
 }
+var FormItemLayout = /* @__PURE__ */ ((FormItemLayout2) => {
+  FormItemLayout2["VERTICAL"] = "VERTICAL";
+  FormItemLayout2["HORIZONTAL"] = "HORIZONTAL";
+  return FormItemLayout2;
+})(FormItemLayout || {});
 function useFieldsConfig(config, formConfig, resourceId) {
   var _a, _b, _c;
   const action = resourceId ? "edit" : "create";
@@ -15283,7 +15412,8 @@ function useFieldsConfig(config, formConfig, resourceId) {
     action
   });
 }
-const RefineFormContent_ahna8x = "";
+const RefineFormContent_lnhybh = "";
+const VerticalFormItemStyle = "v154n7ie";
 function renderCommonFormFiled(props) {
   const {
     field,
@@ -15310,7 +15440,7 @@ function renderCommonFormFiled(props) {
   switch (fieldConfig.type) {
     case "number":
       ele = /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Fields.Integer, {
-        className: "c154n7ie",
+        className: "c1c9j4da",
         placeholder: fieldConfig.placeholder,
         input: {
           value: value2,
@@ -15353,7 +15483,7 @@ const RefineFormContent = (props) => {
       control,
       name: fieldConfig.path.join("."),
       rules: {
-        validate(value2) {
+        async validate(value2) {
           const formValue = getValues();
           if (!fieldConfig.validators || fieldConfig.validators.length === 0)
             return true;
@@ -15361,7 +15491,7 @@ const RefineFormContent = (props) => {
             const {
               isValid,
               errorMsg
-            } = func(value2, formValue, FormType.FORM);
+            } = await func(value2, formValue, FormType.FORM);
             if (!isValid)
               return errorMsg;
           }
@@ -15389,13 +15519,14 @@ const RefineFormContent = (props) => {
         return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Form.Item, {
           label: fieldConfig.label,
           colon: false,
-          labelCol: {
+          labelCol: fieldConfig.layout === FormItemLayout.VERTICAL ? {} : {
             flex: `0 0 ${(formConfig == null ? void 0 : formConfig.labelWidth) || "216px"}`
           },
-          help: (_a2 = fieldState.error) == null ? void 0 : _a2.message,
+          help: fieldConfig.isHideErrorStatus ? "" : (_a2 = fieldState.error) == null ? void 0 : _a2.message,
           extra: fieldConfig.helperText,
-          validateStatus: fieldState.invalid ? "error" : void 0,
+          validateStatus: fieldState.invalid && !fieldConfig.isHideErrorStatus ? "error" : void 0,
           "data-test-id": fieldConfig.key,
+          className: fieldConfig.layout === FormItemLayout.VERTICAL ? VerticalFormItemStyle : "",
           children: ele
         }, fieldConfig.key);
       }
@@ -15404,7 +15535,7 @@ const RefineFormContent = (props) => {
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
     direction: "vertical",
     size: 16,
-    className: "c1c9j4da",
+    className: "cjxv8cf",
     children: [fields, /* @__PURE__ */ common.jsxRuntimeExports.jsx(FormErrorAlert, {
       errorMsgs: errorMsgs || [],
       style: {
@@ -16123,7 +16254,7 @@ const PlainCodeStyle = "pqch97v";
 const ErrorMsgStyle = "eh2qjnl";
 const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
-const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-63a619ee.cjs")));
+const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-9b8b7cef.cjs")));
 const MonacoYamlDiffEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlDiffEditor-7a07db88.cjs")));
 const YamlEditorComponent = React.forwardRef(
   function YamlEditorComponent2(props, ref) {
@@ -16648,21 +16779,21 @@ const useYamlForm = ({
     }
     return changeValues;
   };
-  const validateRules = (yamlValue) => {
+  const validateRules = async (yamlValue) => {
     const errorMap = {};
     if (rules && isYamlValid && isSchemaValid) {
       const formValue = yaml$2.load(yamlValue || "");
-      rules.forEach((rule2) => {
+      for (const rule2 of rules) {
         const { path: path2, validators } = rule2;
         const value2 = lodashEs.get(formValue, path2);
         for (const validator of validators || []) {
-          const { isValid, errorMsg } = validator(value2, formValue, FormType.YAML);
+          const { isValid, errorMsg } = await validator(value2, formValue, FormType.YAML);
           if (!isValid) {
             errorMap[path2.join(".")] = `${errorMsg}(${path2.join(".")})`;
             break;
           }
         }
-      });
+      }
     }
     setRulesErrors(lodashEs.uniq(Object.values(errorMap)));
     return errorMap;
@@ -16800,7 +16931,7 @@ function YamlForm(props) {
     try {
       const result = await ((_a = formProps.onFinish) == null ? void 0 : _a.call(formProps, store));
       if (result) {
-        (_b = props.onFinish) == null ? void 0 : _b.call(props);
+        (_b = props.onFinish) == null ? void 0 : _b.call(props, result);
       }
     } catch {
     } finally {
@@ -16871,20 +17002,21 @@ function RefineFormContainer({
     config,
     id,
     refineProps: {
-      onMutationSuccess: () => {
-        onSuccess == null ? void 0 : onSuccess();
+      onMutationSuccess: (data2) => {
+        onSuccess == null ? void 0 : onSuccess(data2);
       },
       onMutationError() {
         onError == null ? void 0 : onError();
       },
       redirect: false,
+      mutationMeta: {
+        updateType: "put"
+      },
       ...formConfig == null ? void 0 : formConfig.refineCoreProps
     },
     formConfig
   });
-  const {
-    transformApplyValues
-  } = usePathMap({
+  const { transformApplyValues } = usePathMap({
     pathMap: formConfig == null ? void 0 : formConfig.pathMap,
     transformInitValues: formConfig == null ? void 0 : formConfig.transformInitValues,
     transformApplyValues: (formConfig == null ? void 0 : formConfig.transformApplyValues) || ((v) => v)
@@ -16899,14 +17031,16 @@ function RefineFormContainer({
         initialValuesForCreate: transformApplyValues(
           refineFormResult.formResult.getValues()
         ),
-        initialValuesForEdit: transformApplyValues(refineFormResult.formResult.getValues()),
+        initialValuesForEdit: transformApplyValues(
+          refineFormResult.formResult.getValues()
+        ),
         id,
         action,
         isShowLayout: false,
         useFormProps: {
           redirect: false
         },
-        rules: fieldsConfig == null ? void 0 : fieldsConfig.map((config2) => ({
+        rules: fieldsConfig == null ? void 0 : fieldsConfig.filter((config2) => !config2.isSkipValidationInYaml).map((config2) => ({
           path: config2.path,
           validators: config2.validators
         })),
@@ -16974,51 +17108,45 @@ function YamlFormContainer({
   onSaveButtonPropsChange
 }) {
   const action = id ? "edit" : "create";
-  const {
-    transformInitValues,
-    transformApplyValues
-  } = usePathMap({
+  const { transformInitValues, transformApplyValues } = usePathMap({
     pathMap: formConfig == null ? void 0 : formConfig.pathMap,
     transformInitValues: formConfig == null ? void 0 : formConfig.transformInitValues,
     transformApplyValues: (formConfig == null ? void 0 : formConfig.transformApplyValues) || ((v) => v)
   });
-  const yamlFormProps = React.useMemo(
-    () => {
-      return {
-        ...customYamlFormProps,
-        config,
-        transformInitValues,
-        transformApplyValues,
-        initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || config.initValue,
-        initialValuesForEdit: void 0,
-        id,
-        action,
-        isShowLayout: false,
-        useFormProps: {
-          redirect: false
-        },
-        rules: void 0,
-        onSaveButtonPropsChange,
-        onErrorsChange(errors) {
-          if (errors.length) {
-            onError == null ? void 0 : onError();
-          }
-        },
-        onFinish: onSuccess
-      };
-    },
-    [
-      id,
-      action,
-      customYamlFormProps,
+  const yamlFormProps = React.useMemo(() => {
+    return {
+      ...customYamlFormProps,
       config,
       transformInitValues,
       transformApplyValues,
-      onSuccess,
-      onError,
-      onSaveButtonPropsChange
-    ]
-  );
+      initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || config.initValue,
+      initialValuesForEdit: void 0,
+      id,
+      action,
+      isShowLayout: false,
+      useFormProps: {
+        redirect: false
+      },
+      rules: void 0,
+      onSaveButtonPropsChange,
+      onErrorsChange(errors) {
+        if (errors.length) {
+          onError == null ? void 0 : onError();
+        }
+      },
+      onFinish: onSuccess
+    };
+  }, [
+    id,
+    action,
+    customYamlFormProps,
+    config,
+    transformInitValues,
+    transformApplyValues,
+    onSuccess,
+    onError,
+    onSaveButtonPropsChange
+  ]);
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(YamlForm, { ...yamlFormProps });
 }
 const FormModal_64brhp = "";
@@ -17058,7 +17186,8 @@ function FormModal(props) {
   const {
     resource: resourceFromProps,
     id,
-    yamlFormProps: customYamlFormProps
+    yamlFormProps: customYamlFormProps,
+    onSuccess
   } = props;
   const {
     i18n: i18n2
@@ -17137,9 +17266,10 @@ function FormModal(props) {
       onError: () => {
         setIsError(true);
       },
-      onSuccess: () => {
+      onSuccess: (data2) => {
         setIsError(false);
         popModal();
+        onSuccess == null ? void 0 : onSuccess(data2);
       }
     };
     if (config.formConfig && (((_a2 = config.formConfig) == null ? void 0 : _a2.formType) === FormType.FORM || "fields" in config.formConfig)) {
@@ -17153,7 +17283,7 @@ function FormModal(props) {
       ...commonFormProps,
       formConfig: config.formConfig
     });
-  }, [id, customYamlFormProps, config, isYamlMode, popModal, setSaveButtonProps]);
+  }, [id, customYamlFormProps, config, isYamlMode, popModal, setSaveButtonProps, onSuccess]);
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Modal, {
     className: common.cx_default(FullscreenModalStyle),
     style: {
@@ -17326,6 +17456,7 @@ const EditLabelForm = React.forwardRef(
     const { resourceModel } = props;
     const { mutateAsync } = core.useUpdate();
     const { t: t2 } = common.useTranslation();
+    const tableFormRef = React.useRef(null);
     const defaultValue = React.useMemo(() => {
       var _a2;
       return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.labels) || {}).map((key2) => {
@@ -17367,10 +17498,20 @@ const EditLabelForm = React.forwardRef(
       },
       [resourceModel, mutateAsync, t2]
     );
+    React.useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          var _a2;
+          return (_a2 = tableFormRef.current) == null ? void 0 : _a2.submit();
+        }
+      }),
+      []
+    );
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-      KeyValueTableFormForm,
+      KeyValueTableForm,
       {
-        ref,
+        ref: tableFormRef,
         defaultValue,
         onSubmit,
         addButtonText: t2("dovetail.add_label")
@@ -17413,6 +17554,7 @@ const EditAnnotationForm = React.forwardRef(function EditAnnotationForm2(props,
   const { resourceModel } = props;
   const { mutateAsync } = core.useUpdate();
   const { t: t2 } = common.useTranslation();
+  const tableFormRef = React.useRef(null);
   const defaultValue = React.useMemo(() => {
     var _a2;
     return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.annotations) || {}).map((key2) => {
@@ -17454,10 +17596,20 @@ const EditAnnotationForm = React.forwardRef(function EditAnnotationForm2(props,
     },
     [resourceModel, mutateAsync, t2]
   );
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      submit: () => {
+        var _a2;
+        return (_a2 = tableFormRef.current) == null ? void 0 : _a2.submit();
+      }
+    }),
+    []
+  );
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-    KeyValueTableFormForm,
+    KeyValueTableForm,
     {
-      ref,
+      ref: tableFormRef,
       defaultValue,
       onSubmit,
       addButtonText: t2("dovetail.add_annotation"),
@@ -17712,7 +17864,7 @@ const ReferenceLink = (props) => {
     ResourceLink,
     {
       name: ownerReference.name,
-      resourceKind: resource.name || "",
+      resourceName: resource.name || "",
       namespace: namespace2
     }
   );
@@ -17774,7 +17926,7 @@ const IngressRulesComponent = ({ ingress }) => {
             /* @__PURE__ */ common.jsxRuntimeExports.jsx(
               ResourceLink,
               {
-                resourceKind: "services",
+                resourceName: "services",
                 namespace: ingress.metadata.namespace || "default",
                 name: r2.serviceName
               }
@@ -17828,6 +17980,10 @@ const CommonSorter = (dataIndex) => (a2, b) => {
   const valB = lodashExports.get(b, dataIndex);
   if (valA === valB)
     return 0;
+  if (valA !== void 0 && valB === void 0)
+    return 1;
+  if (valA === void 0 && valB !== void 0)
+    return -1;
   if (valA > valB)
     return 1;
   return -1;
@@ -17912,7 +18068,7 @@ const WorkloadImageColumnRenderer = (i18n2) => {
     }
   };
 };
-const WorkloadRestartsColumnRenderer = (i18n2) => {
+const RestartsColumnRenderer = (i18n2) => {
   const dataIndex = ["restarts"];
   return {
     key: "restarts",
@@ -17920,7 +18076,14 @@ const WorkloadRestartsColumnRenderer = (i18n2) => {
     width: 120,
     dataIndex,
     align: "right",
-    title: i18n2.t("dovetail.restarts")
+    sortable: true,
+    sorter: CommonSorter(dataIndex),
+    title: i18n2.t("dovetail.restarts"),
+    render: (value2) => {
+      return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+        value: value2
+      });
+    }
   };
 };
 const ReplicasColumnRenderer = (i18n2) => {
@@ -17984,7 +18147,7 @@ const NodeNameColumnRenderer = (i18n2, options) => {
     sorter: CommonSorter(dataIndex),
     render: (v) => {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceLink, {
-        resourceKind: "nodes",
+        resourceName: "nodes",
         name: v,
         namespace: ""
       });
@@ -17992,19 +18155,6 @@ const NodeNameColumnRenderer = (i18n2, options) => {
     ...options
   };
 };
-const RestartCountColumnRenderer = (i18n2) => {
-  const dataIndex = ["restartCount"];
-  return {
-    key: "restartCount",
-    display: true,
-    dataIndex,
-    title: i18n2.t("dovetail.restarts"),
-    sortable: true,
-    width: 120,
-    align: "right",
-    sorter: CommonSorter(dataIndex)
-  };
-};
 const CompletionsCountColumnRenderer = (i18n2) => {
   const dataIndex = ["succeeded"];
   return {
@@ -18374,7 +18524,7 @@ const PVRefColumnRenderer = (i18n2) => {
     sortable: true,
     render(value2) {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceLink, {
-        resourceKind: "persistentvolumes",
+        resourceName: "persistentvolumes",
         namespace: "",
         name: value2
       });
@@ -18391,7 +18541,7 @@ const PVStorageClassColumnRenderer = (i18n2) => {
     sortable: true,
     render(value2) {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceLink, {
-        resourceKind: "storageclasses",
+        resourceName: "storageclasses",
         namespace: "",
         name: value2
       });
@@ -18424,7 +18574,7 @@ const PVCRefColumnRenderer = (i18n2) => {
     sortable: true,
     render(value2, pv2) {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceLink, {
-        resourceKind: "persistentvolumeclaims",
+        resourceName: "persistentvolumeclaims",
         namespace: pv2.pvcNamespace || "default",
         name: value2,
         uid: pv2.pvcUid
@@ -18802,6 +18952,7 @@ exports.EventsTab = EventsTab;
 exports.EventsTableTabField = EventsTableTabField;
 exports.FormContainerType = FormContainerType;
 exports.FormErrorAlert = FormErrorAlert;
+exports.FormItemLayout = FormItemLayout;
 exports.FormModal = FormModal;
 exports.FormMode = FormMode;
 exports.FormType = FormType;
@@ -18828,6 +18979,7 @@ exports.KeyValue = KeyValue;
 exports.KeyValueAnnotation = KeyValueAnnotation;
 exports.KeyValueListWidget = KeyValueListWidget;
 exports.KeyValueSecret = KeyValueSecret;
+exports.KeyValueTableForm = KeyValueTableForm;
 exports.LabelsField = LabelsField;
 exports.Layout = Layout;
 exports.ListPage = ListPage;
@@ -18921,7 +19073,7 @@ exports.ResourceTable = ResourceTable;
 exports.ResourceTableField = ResourceTableField;
 exports.ResourceTableGroup = ResourceTableGroup;
 exports.ResourceUsageBar = ResourceUsageBar;
-exports.RestartCountColumnRenderer = RestartCountColumnRenderer;
+exports.RestartsColumnRenderer = RestartsColumnRenderer;
 exports.SCAllowExpandColumnRenderer = SCAllowExpandColumnRenderer;
 exports.SCReclaimPolicyColumnRenderer = SCReclaimPolicyColumnRenderer;
 exports.SCReclaimPolicyField = SCReclaimPolicyField;
@@ -18981,7 +19133,6 @@ exports.WorkloadModel = WorkloadModel;
 exports.WorkloadPodsTable = WorkloadPodsTable;
 exports.WorkloadReplicas = WorkloadReplicas;
 exports.WorkloadReplicasForm = WorkloadReplicasForm;
-exports.WorkloadRestartsColumnRenderer = WorkloadRestartsColumnRenderer;
 exports.YamlEditorComponent = YamlEditorComponent;
 exports.YamlEditorStyle = YamlEditorStyle;
 exports.YamlForm = YamlForm;
@@ -18991,6 +19142,7 @@ exports.dovetailRefineI18n = dovetailRefineI18n;
 exports.generateSchemaTypeValue = generateSchemaTypeValue;
 exports.generateValueFromSchema = generateValueFromSchema;
 exports.getApiVersion = getApiVersion;
+exports.getResourceNameByKind = getResourceNameByKind;
 exports.index = index;
 exports.matchSelector = matchSelector;
 exports.modelPlugin = modelPlugin;
@@ -19015,3 +19167,6 @@ exports.useNamespacesFilter = useNamespacesFilter;
 exports.useOpenForm = useOpenForm;
 exports.useRefineForm = useRefineForm;
 exports.useSchema = useSchema;
+exports.validateDnsSubdomain = validateDnsSubdomain;
+exports.validateLabelKey = validateLabelKey;
+exports.validateLabelValue = validateLabelValue;