@dovetail-v2/refine 0.3.12-alpha.2 → 0.3.13-alpha.0

package/dist/refine.js

@@ -11,7 +11,7 @@ import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNav
 import { parse, stringify } from "qs";
 import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, lazy, Suspense, memo, forwardRef } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, Modal, StatusCapsule, Popover, AntdTable, TableForm, Upload, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, Modal, StatusCapsule, Popover, AntdTable, Upload, TableForm, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ArrowChevronDownSmall16BlueIcon, ArrowChevronUpSmall16BlueIcon, Retry16GradientBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$2, cloneDeep, set, omit as omit$1, merge, isEqual as isEqual$1, debounce, last, setWith, clone, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
@@ -549,7 +549,7 @@ const realtime_log$1 = "Real-time logs";
 const previous_log$1 = "Last startup logs";
 const auto_wrap$1 = "Auto wrap";
 const container_num$1 = "Containers";
-const edit_resource_success$1 = "{{resource}} {{name}} was edited successfully";
+const edit_resource_success$1 = "{{kind}} {{name}} was edited successfully";
 const redeploy_success_toast$1 = "{{kind}} {{name}} was redeployed successfully";
 const redeploy_failed_toast$1 = "Failed to redeploy {{kind}} {{name}}";
 const pause_success_toast$1 = "Successfully suspended";
@@ -1021,7 +1021,7 @@ const expand = "展开";
 const fold = "收起";
 const rule = "规则";
 const default_backend = "默认后端";
-const ingress_class = "Ingress 类";
+const ingress_class = "IngressClass";
 const port = "端口";
 const pod_ready_num = "Pod 就绪数量";
 const pod_complete_num = "Pod 完成数量";
@@ -1203,6 +1203,9 @@ const node_port_duplicated = "端口已被占用。";
 const all = "全部";
 const optional_with_bracket = "（选填）";
 const label_annotations = "标签与注解";
+const target_service = "目标服务";
+const target_service_port = "目标服务端口";
+const select_workload = "选择工作负载";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1468,7 +1471,10 @@ const dovetail = {
   node_port_duplicated,
   all,
   optional_with_bracket,
-  label_annotations
+  label_annotations,
+  target_service,
+  target_service_port,
+  select_workload
 };
 const ZH = {
   dovetail
@@ -8684,7 +8690,7 @@ class IngressModel extends ResourceModel {
   getFlattenedRules(services) {
     var _a, _b, _c, _d;
     const protocal = !!this._rawYaml.spec.tls ? "https" : "http";
-    const servicePort = (_c = (_b = (_a = services.find((s2) => {
+    const servicePort = (_c = (_b = (_a = services == null ? void 0 : services.find((s2) => {
       var _a2, _b2;
       return ((_a2 = s2.metadata) == null ? void 0 : _a2.name) === "contour-envoy" && ((_b2 = s2.spec) == null ? void 0 : _b2.type) === "NodePort";
     })) == null ? void 0 : _a.spec) == null ? void 0 : _b.ports) == null ? void 0 : _c.find((p) => p.name === protocal);
@@ -9316,17 +9322,70 @@ var ResourceState = /* @__PURE__ */ ((ResourceState2) => {
   ResourceState2["DELETING"] = "deleting";
   return ResourceState2;
 })(ResourceState || {});
+function isLabelSelector(selector) {
+  if (!selector || typeof selector !== "object") {
+    return false;
+  }
+  const s2 = selector;
+  if ("matchExpressions" in s2) {
+    return true;
+  }
+  if ("matchLabels" in s2) {
+    const ml = s2.matchLabels;
+    return typeof ml === "object" && ml !== null;
+  }
+  return false;
+}
 function matchSelector(pod2, selector, namespace2 = "default") {
-  var _a, _b, _c, _d;
-  let match = true;
-  if (selector) {
-    for (const key2 in selector.matchLabels) {
-      if (!((_b = (_a = pod2.metadata) == null ? void 0 : _a.labels) == null ? void 0 : _b[key2]) || ((_c = pod2.metadata.labels) == null ? void 0 : _c[key2]) !== selector.matchLabels[key2]) {
-        match = false;
+  var _a, _b;
+  if (((_a = pod2.metadata) == null ? void 0 : _a.namespace) !== namespace2) {
+    return false;
+  }
+  if (!selector || Object.keys(selector).length === 0) {
+    return true;
+  }
+  const podLabels = ((_b = pod2.metadata) == null ? void 0 : _b.labels) || {};
+  let matchLabels;
+  let matchExpressions;
+  if (isLabelSelector(selector)) {
+    matchLabels = selector.matchLabels;
+    matchExpressions = selector.matchExpressions;
+  } else {
+    matchLabels = selector;
+  }
+  if (matchLabels) {
+    for (const key2 in matchLabels) {
+      if (podLabels[key2] !== matchLabels[key2]) {
+        return false;
       }
     }
   }
-  return match && ((_d = pod2.metadata) == null ? void 0 : _d.namespace) === namespace2;
+  if (matchExpressions) {
+    for (const req of matchExpressions) {
+      const { key: key2, operator, values } = req;
+      const labelValue = podLabels[key2];
+      const hasLabel = Object.prototype.hasOwnProperty.call(podLabels, key2);
+      switch (operator) {
+        case "In":
+          if (!hasLabel || !(values == null ? void 0 : values.includes(labelValue)))
+            return false;
+          break;
+        case "NotIn":
+          if (hasLabel && (values == null ? void 0 : values.includes(labelValue)))
+            return false;
+          break;
+        case "Exists":
+          if (!hasLabel)
+            return false;
+          break;
+        case "DoesNotExist":
+          if (hasLabel)
+            return false;
+          break;
+      }
+    }
+  }
+  return true;
 }
 class WorkloadBaseModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
@@ -10287,13 +10346,20 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 403
     }
   ];
-  const { data: finalData, currentPage, onPageChange, onSorterChange } = useTableData({
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
     data: conditionsWithId,
     columns,
-    defaultSorters: [{
-      field: "lastUpdateTime",
-      order: "desc"
-    }]
+    defaultSorters: [
+      {
+        field: "lastUpdateTime",
+        order: "desc"
+      }
+    ]
   });
   const currentSize = 10;
   if (conditionsWithId.length === 0) {
@@ -10301,7 +10367,7 @@ const ConditionsTable = ({ conditions = [] }) => {
       WidgetErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }),
-        type: ErrorContentType.Card
+        type: ErrorContentType.List
       }
     );
   }
@@ -10646,7 +10712,7 @@ function K8sDropdown(props) {
   const configs = useContext(ConfigsContext);
   const resourceName = getResourceNameByKind(record.kind || "", configs);
   const config = configs[resourceName || ""];
-  const { t: t2 } = useTranslation();
+  const { t: t2, i18n: i18n2 } = useTranslation();
   const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
@@ -10670,7 +10736,10 @@ function K8sDropdown(props) {
     Dropdown,
     {
       overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
-        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || config.hideEdit ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: () => openForm({ id: record.id, resourceName }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: EditPen16PrimaryIcon, children: formType === FormType.FORM ? t2("dovetail.edit") : t2("dovetail.edit_yaml") }) }),
+        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || config.hideEdit ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: () => openForm({ id: record.id, resourceName }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
+          (config == null ? void 0 : config.displayName) || record.kind || "",
+          i18n2.language
+        )}` : t2("dovetail.edit_yaml") }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Menu$1.Item,
           {
@@ -11001,10 +11070,17 @@ const EventsTable = ({ uid }) => {
         width: 120,
         render(value2) {
           const colorMap = {
-            "Warning": "warning",
-            "Normal": "green"
+            Warning: "warning",
+            Normal: "green"
           };
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, { color: colorMap[value2], className: cx_default(StateTagStyle, "no-background"), children: i18n2.t(`dovetail.${value2.toLowerCase()}`) });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            StatusCapsule,
+            {
+              color: colorMap[value2],
+              className: cx_default(StateTagStyle, "no-background"),
+              children: i18n2.t(`dovetail.${value2.toLowerCase()}`)
+            }
+          );
         },
         sorter: CommonSorter(["type"])
       },
@@ -11026,32 +11102,41 @@ const EventsTable = ({ uid }) => {
         width: 723,
         sorter: CommonSorter(["note"])
       },
-      AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen"), width: 160 }, { isRelativeTime: false })
+      AgeColumnRenderer(
+        i18n2,
+        { title: i18n2.t("dovetail.last_seen"), width: 160 },
+        { isRelativeTime: false }
+      )
     ],
     [i18n2]
   );
-  const params = useMemo(() => ({
-    columns,
-    tableProps: {
-      defaultSize: 50
-    },
-    useTableParams: {
-      resource: "events",
-      meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" },
-      filters: {
-        permanent: [{
-          operator: "and",
-          value: [
+  const params = useMemo(
+    () => ({
+      columns,
+      tableProps: {
+        defaultSize: 50
+      },
+      useTableParams: {
+        resource: "events",
+        meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" },
+        filters: {
+          permanent: [
             {
-              field: "regarding.uid",
-              operator: "eq",
-              value: uid
+              operator: "and",
+              value: [
+                {
+                  field: "regarding.uid",
+                  operator: "eq",
+                  value: uid
+                }
+              ]
             }
           ]
-        }]
+        }
       }
-    }
-  }), [columns, uid]);
+    }),
+    [columns, uid]
+  );
   const { tableProps } = useEagleTable(params);
   const component = useContext(ComponentContext);
   const Table2 = component.Table || Table$1;
@@ -11059,18 +11144,12 @@ const EventsTable = ({ uid }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
       {
-        errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") })
+        errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") }),
+        type: ErrorContentType.List
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table2,
-    {
-      ...tableProps,
-      tableKey: "events",
-      showMenuColumn: false
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, { ...tableProps, tableKey: "events", showMenuColumn: false });
 };
 const index_mvy4dx = "";
 const ImageWrapperStyle = "i1u1f5zp";
@@ -11162,7 +11241,10 @@ const IngressRulesTable = ({ ingress }) => {
       apiVersion: "v1"
     }
   });
-  const flattenedRules = useMemo(() => (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [], [serviceData == null ? void 0 : serviceData.data, ingress]);
+  const flattenedRules = useMemo(
+    () => (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [],
+    [serviceData == null ? void 0 : serviceData.data, ingress]
+  );
   const rows = useMemo(() => {
     return addId(flattenedRules || [], "fullPath");
   }, [flattenedRules]);
@@ -11193,7 +11275,7 @@ const IngressRulesTable = ({ ingress }) => {
       key: "serviceName",
       display: true,
       dataIndex: "serviceName",
-      title: t2("dovetail.backend"),
+      title: t2("dovetail.target_service"),
       sortable: true,
       width: 160,
       render: (serviceName, record) => {
@@ -11204,14 +11286,14 @@ const IngressRulesTable = ({ ingress }) => {
             namespace: ingress.metadata.namespace || "default",
             name: serviceName
           }
-        ) : record.resourceName;
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
       }
     },
     {
       key: "servicePort",
       display: true,
       dataIndex: "servicePort",
-      title: t2("dovetail.port"),
+      title: t2("dovetail.target_service_port"),
       width: 120,
       sortable: true
     },
@@ -11219,11 +11301,13 @@ const IngressRulesTable = ({ ingress }) => {
       key: "secret",
       display: true,
       dataIndex: "host",
-      title: "Secret",
+      title: t2("dovetail.cert"),
       width: 160,
       render(host2) {
         var _a, _b;
-        const secretName = (_b = (_a = ingress._rawYaml.spec.tls) == null ? void 0 : _a.find(({ hosts }) => hosts == null ? void 0 : hosts.includes(host2))) == null ? void 0 : _b.secretName;
+        const secretName = (_b = (_a = ingress._rawYaml.spec.tls) == null ? void 0 : _a.find(
+          ({ hosts }) => hosts == null ? void 0 : hosts.includes(host2)
+        )) == null ? void 0 : _b.secretName;
         return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
@@ -11250,7 +11334,7 @@ const IngressRulesTable = ({ ingress }) => {
       WidgetErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }),
-        type: ErrorContentType.Card
+        type: ErrorContentType.List
       }
     );
   }
@@ -11280,7 +11364,8 @@ const KeyValue = (props) => {
   const {
     data: data2 = {},
     hideSecret,
-    empty: empty2
+    empty: empty2,
+    errorContent = ErrorContentType.List
   } = props;
   const {
     t: t2
@@ -11298,7 +11383,7 @@ const KeyValue = (props) => {
   if (!result.length) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
-      type: ErrorContentType.Card
+      type: errorContent
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
@@ -11346,9 +11431,7 @@ function KeyValueAnnotation(props) {
     }) : null]
   });
 }
-const KeyValueSecret_c3ji18 = "";
-const ButtonStyle$1 = "b11tbgf7";
-const GroupStyle$1 = "gtbyh5g";
+const KeyValueSecret_ltbqs = "";
 function KeyValueSecret(props) {
   const {
     data: data2 = {}
@@ -11358,26 +11441,23 @@ function KeyValueSecret(props) {
   } = useTranslation();
   const [hideSecret, setHideSecret] = useState(true);
   const toggleButton = Object.keys(data2).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-    type: "quiet",
     prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
       src: hideSecret ? ViewEye16GradientGrayIcon : EntityFilterIgnoreGradient16GrayIcon
     }),
     onClick: () => setHideSecret((v) => !v),
-    className: ButtonStyle$1,
     size: "small",
+    className: "c11tbgf7",
     children: hideSecret ? i18n2.t("dovetail.show_data_value") : i18n2.t("dovetail.hide_data_value")
   }) : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ShowGroupWithTitleComponent, {
-    title: i18n2.t("dovetail.data"),
-    operationEle: toggleButton,
-    className: GroupStyle$1,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    className: "ctbyh5g",
+    children: [toggleButton, /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
       data: data2,
       hideSecret,
       empty: i18n2.t("dovetail.no_resource", {
         kind: i18n2.t("dovetail.data")
       })
-    })
+    })]
   });
 }
 function isUtf8(buffer) {
@@ -11524,6 +11604,37 @@ function _KeyValueTableForm(props, ref) {
   const tableFormRef = useRef(null);
   const [_value, _setValue] = useState(value2 || defaultValue);
   const [forceUpdateCount, setForceUpdateCount] = useState(0);
+  const finalExtraAction = useMemo(() => {
+    if (extraAction) {
+      return extraAction;
+    }
+    if (canImportFromFile) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Upload, {
+        multiple: true,
+        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__ */ jsxRuntimeExports.jsx(Button, {
+          type: "link",
+          size: "small",
+          children: t2("dovetail.import_from_file")
+        })
+      });
+    }
+    return null;
+  }, [canImportFromFile, t2, _value, onChange, extraAction]);
   const validate = useCallback(() => {
     return new Promise((resolve) => {
       var _a;
@@ -11644,7 +11755,7 @@ function _KeyValueTableForm(props, ref) {
       rowAddConfig: {
         addible: true,
         text: () => addButtonText,
-        extraAction
+        extraAction: finalExtraAction
       },
       defaultData: _value,
       row: {
@@ -11659,29 +11770,7 @@ function _KeyValueTableForm(props, ref) {
       hideEmptyTable: true
     }), isHideLabelFormatPopover ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
-    }), canImportFromFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(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__ */ jsxRuntimeExports.jsx(Button, {
-        type: "link",
-        size: "small",
-        children: t2("dovetail.import_from_file")
-      })
-    }) : null]
+    })]
   });
 }
 const KeyValueTableForm = React.forwardRef(_KeyValueTableForm);
@@ -12301,6 +12390,7 @@ function WorkloadReplicas({
     })]
   });
 }
+const fields_1lap7d5 = "";
 var AreaType = /* @__PURE__ */ ((AreaType2) => {
   AreaType2["Inline"] = "Inline";
   AreaType2["Grid"] = "Grid";
@@ -12313,7 +12403,10 @@ const ImageField = (i18n2) => {
     title: i18n2.t("dovetail.image"),
     path: ["imageNames"],
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageNames, { value: value2, breakLine: false });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageNames, {
+        value: value2,
+        breakLine: false
+      });
     }
   };
 };
@@ -12322,7 +12415,10 @@ const ReplicaField = () => {
     key: "Replicas",
     path: [],
     renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadReplicas, { record, editable: true });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadReplicas, {
+        record,
+        editable: true
+      });
     }
   };
 };
@@ -12331,7 +12427,9 @@ const ConditionsField = () => {
     key: "Conditions",
     path: ["status", "conditions"],
     renderContent: (value2) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, {
+        conditions: value2
+      });
     }
   };
 };
@@ -12340,7 +12438,9 @@ const NodeTaintsField = () => {
     key: "NodeTaints",
     path: ["spec", "taints"],
     renderContent: (value2) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTaintsTable, { taints: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTaintsTable, {
+        taints: value2
+      });
     }
   };
 };
@@ -12350,16 +12450,13 @@ const PodsField = () => {
     path: [],
     renderContent: (_, record) => {
       var _a, _b;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        WorkloadPodsTable,
-        {
-          selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r2) => {
-            return r2.kind === "Pod" && r2.type === "creates";
-          })) == null ? void 0 : _b.selector,
-          namespace: record.metadata.namespace,
-          hideToolbar: true
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadPodsTable, {
+        selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r2) => {
+          return r2.kind === "Pod" && r2.type === "creates";
+        })) == null ? void 0 : _b.selector,
+        namespace: record.metadata.namespace,
+        hideToolbar: true
+      });
     }
   };
 };
@@ -12369,19 +12466,16 @@ const JobsField = () => {
     path: [],
     renderContent: (_, record) => {
       var _a, _b, _c;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        CronjobJobsTable,
-        {
-          owner: {
-            apiVersion: record.apiVersion || "",
-            kind: record.kind || "",
-            name: ((_a = record.metadata) == null ? void 0 : _a.name) || "",
-            namespace: ((_b = record.metadata) == null ? void 0 : _b.namespace) || "",
-            uid: ((_c = record.metadata) == null ? void 0 : _c.uid) || ""
-          },
-          hideToolBar: true
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CronjobJobsTable, {
+        owner: {
+          apiVersion: record.apiVersion || "",
+          kind: record.kind || "",
+          name: ((_a = record.metadata) == null ? void 0 : _a.name) || "",
+          namespace: ((_b = record.metadata) == null ? void 0 : _b.namespace) || "",
+          uid: ((_c = record.metadata) == null ? void 0 : _c.uid) || ""
+        },
+        hideToolBar: true
+      });
     }
   };
 };
@@ -12390,13 +12484,15 @@ const DataField = (i18n2) => {
     key: "data",
     path: ["data"],
     renderContent: (val) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        KeyValue,
-        {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: "c91cpym",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
           data: val,
-          empty: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.data") })
-        }
-      );
+          empty: i18n2.t("dovetail.no_resource", {
+            kind: i18n2.t("dovetail.data")
+          })
+        })
+      });
     }
   };
 };
@@ -12409,7 +12505,12 @@ const SecretDataField = () => {
       for (const key2 in val) {
         decodeVal[key2] = atob(val[key2]);
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueSecret, { data: decodeVal });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: "ca9k82k",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueSecret, {
+          data: decodeVal
+        })
+      });
     }
   };
 };
@@ -12420,7 +12521,9 @@ const StartTimeField = (i18n2) => {
     title: i18n2.t("dovetail.started"),
     path: ["status", "startTime"],
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
+        date: value2
+      });
     }
   };
 };
@@ -12454,16 +12557,13 @@ const ServicePodsField = () => {
     path: [],
     renderContent: (_, record) => {
       var _a, _b, _c;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        WorkloadPodsTable,
-        {
-          selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r2) => {
-            return r2.kind === "Pod" && r2.type === "selects";
-          })) == null ? void 0 : _b.selector,
-          namespace: (_c = record.metadata) == null ? void 0 : _c.namespace,
-          hideToolbar: true
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadPodsTable, {
+        selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r2) => {
+          return r2.kind === "Pod" && r2.type === "selects";
+        })) == null ? void 0 : _b.selector,
+        namespace: (_c = record.metadata) == null ? void 0 : _c.namespace,
+        hideToolbar: true
+      });
     }
   };
 };
@@ -12472,7 +12572,12 @@ const IngressRulesTableTabField = () => {
     key: "rules",
     path: ["spec", "rules"],
     renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesTable, { ingress: record });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: "c1k4htrr",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesTable, {
+          ingress: record
+        })
+      });
     }
   };
 };
@@ -12484,7 +12589,15 @@ const EventsTableTabField = ({
     path: [],
     renderContent: (_, record) => {
       var _a;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: size === "small" ? "0 12px" : "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: (_a = record.metadata) == null ? void 0 : _a.uid }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        style: {
+          padding: size === "small" ? "0 12px" : "0 24px",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {
+          uid: (_a = record.metadata) == null ? void 0 : _a.uid
+        })
+      });
     }
   };
 };
@@ -12500,7 +12613,9 @@ const AgeField = (i18n2) => ({
   title: i18n2.t("dovetail.created_time"),
   path: ["metadata", "creationTimestamp"],
   renderContent(value2) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(value2) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
+      date: new Date(value2)
+    });
   }
 });
 const LabelsField = (i18n2) => ({
@@ -12511,7 +12626,9 @@ const LabelsField = (i18n2) => ({
     if (!value2) {
       return "-";
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { value: value2 });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
+      value: value2
+    });
   }
 });
 const AnnotationsField = (i18n2) => ({
@@ -12519,7 +12636,10 @@ const AnnotationsField = (i18n2) => ({
   title: i18n2.t("dovetail.annotation"),
   path: ["metadata", "annotations"],
   renderContent: (value2) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueAnnotation, { data: value2, expandable: true });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueAnnotation, {
+      data: value2,
+      expandable: true
+    });
   }
 });
 const ServiceInnerClusterAccessField = () => ({
@@ -12528,23 +12648,22 @@ const ServiceInnerClusterAccessField = () => ({
   title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessComponent, { service: record });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessComponent, {
+      service: record
+    });
   }
 });
 const ServiceOutClusterAccessField = (clusterVip) => ({
-  key: "innerClusterAccess",
+  key: "outClusterAccess",
   col: 12,
   title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ServiceOutClusterAccessComponent,
-      {
-        service: record,
-        breakLine: false,
-        clusterVip
-      }
-    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, {
+      service: record,
+      breakLine: false,
+      clusterVip
+    });
   }
 });
 const PodSelectorField = () => ({
@@ -12553,14 +12672,24 @@ const PodSelectorField = () => ({
   renderContent: (_, resource) => {
     const spec = resource._rawYaml.spec;
     const selector = spec && ("selector" in spec && spec.selector || "podSelector" in spec && spec.podSelector.matchLabels);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(PodSelectorTable, { podSelectors: selector || {} });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(PodSelectorTable, {
+      podSelectors: selector || {}
+    });
   }
 });
 const PortsTableField = () => ({
   key: "ports",
   path: [],
   renderContent: (_, service) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(PortsTable, { service });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+      style: {
+        padding: "0 24px",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(PortsTable, {
+        service
+      })
+    });
   }
 });
 const DurationField = (i18n2) => {
@@ -12570,7 +12699,9 @@ const DurationField = (i18n2) => {
     path: ["duration"],
     title: i18n2.t("dovetail.duration"),
     renderContent: (v) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(DurationTime, { value: v });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(DurationTime, {
+        value: v
+      });
     }
   };
 };
@@ -12587,26 +12718,21 @@ const StorageClassPvField = () => {
     key: "pvs",
     path: ["pvs"],
     renderContent: (_, sc) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResourceTable,
-        {
-          resource: "persistentvolumes",
-          useTableParams: {
-            filters: {
-              permanent: [
-                {
-                  field: "",
-                  value: "",
-                  fn(pv2) {
-                    var _a;
-                    return sc.filterPV(pv2, (_a = sc.metadata) == null ? void 0 : _a.name);
-                  }
-                }
-              ]
-            }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, {
+        resource: "persistentvolumes",
+        useTableParams: {
+          filters: {
+            permanent: [{
+              field: "",
+              value: "",
+              fn(pv2) {
+                var _a;
+                return sc.filterPV(pv2, (_a = sc.metadata) == null ? void 0 : _a.name);
+              }
+            }]
           }
         }
-      );
+      });
     }
   };
 };
@@ -12617,7 +12743,10 @@ const PVCapacityField = (i18n2) => {
     path: ["spec", "capacity", "storage"],
     title: i18n2.t("dovetail.capacity"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Units.Byte, { rawValue: parseSi(value2), decimals: 2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Units.Byte, {
+        rawValue: parseSi(value2),
+        decimals: 2
+      });
     }
   };
 };
@@ -12628,7 +12757,10 @@ const PVCStorageField = (i18n2) => {
     path: ["spec", "resources", "requests", "storage"],
     title: i18n2.t("dovetail.distributed"),
     renderContent(value2, pvc2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVCDistributeStorage, { pvc: pvc2, editable: true });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVCDistributeStorage, {
+        pvc: pvc2,
+        editable: true
+      });
     }
   };
 };
@@ -12639,14 +12771,11 @@ const PVRefField = (i18n2) => {
     path: ["pv"],
     title: i18n2.t("dovetail.pv"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResourceLink,
-        {
-          resourceName: "persistentvolumes",
-          namespace: "",
-          name: value2
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "persistentvolumes",
+        namespace: "",
+        name: value2
+      });
     }
   };
 };
@@ -12657,7 +12786,11 @@ const PVStorageClassField = (i18n2) => {
     path: ["spec", "storageClassName"],
     title: i18n2.t("dovetail.storage_class"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, { resourceName: "storageclasses", namespace: "", name: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "storageclasses",
+        namespace: "",
+        name: value2
+      });
     }
   };
 };
@@ -12668,7 +12801,10 @@ const PVPhaseField = (i18n2) => {
     path: ["stateDisplay"],
     title: i18n2.t("dovetail.state"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, hideBackground: true });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+        state: value2,
+        hideBackground: true
+      });
     }
   };
 };
@@ -12679,7 +12815,9 @@ const PVVolumeModeField = (i18n2) => {
     path: ["spec", "volumeMode"],
     title: i18n2.t("dovetail.volume_mode"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVVolumeModeDisplay, { value: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVVolumeModeDisplay, {
+        value: value2
+      });
     }
   };
 };
@@ -12700,22 +12838,17 @@ const PVCPodsField = () => {
     path: [],
     renderContent: (_, record) => {
       var _a;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        WorkloadPodsTable,
-        {
-          filter: (item) => {
-            var _a2, _b;
-            return !!((_b = (_a2 = item.spec) == null ? void 0 : _a2.volumes) == null ? void 0 : _b.some(
-              (v) => {
-                var _a3, _b2;
-                return ((_a3 = v.persistentVolumeClaim) == null ? void 0 : _a3.claimName) === ((_b2 = record.metadata) == null ? void 0 : _b2.name);
-              }
-            ));
-          },
-          namespace: (_a = record.metadata) == null ? void 0 : _a.namespace,
-          hideToolbar: true
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadPodsTable, {
+        filter: (item) => {
+          var _a2, _b;
+          return !!((_b = (_a2 = item.spec) == null ? void 0 : _a2.volumes) == null ? void 0 : _b.some((v) => {
+            var _a3, _b2;
+            return ((_a3 = v.persistentVolumeClaim) == null ? void 0 : _a3.claimName) === ((_b2 = record.metadata) == null ? void 0 : _b2.name);
+          }));
+        },
+        namespace: (_a = record.metadata) == null ? void 0 : _a.namespace,
+        hideToolbar: true
+      });
     }
   };
 };
@@ -12726,15 +12859,14 @@ const PVCRefField = (i18n2) => {
     path: ["pvc"],
     title: i18n2.t("dovetail.pvc"),
     renderContent(value2, pv2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResourceLink,
-        {
-          resourceName: "persistentvolumeclaims",
-          namespace: pv2.pvcNamespace || "default",
-          name: value2,
-          query: { uid: pv2.pvcUid }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceName: "persistentvolumeclaims",
+        namespace: pv2.pvcNamespace || "default",
+        name: value2,
+        query: {
+          uid: pv2.pvcUid
         }
-      );
+      });
     }
   };
 };
@@ -12788,7 +12920,10 @@ const ResourceTableField = (resource, useTableParams) => {
     key: resource,
     path: [],
     renderContent() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, { resource, useTableParams });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, {
+        resource,
+        useTableParams
+      });
     }
   };
 };
@@ -12797,9 +12932,17 @@ const PodCountOfJobField = (i18n2) => {
     key: "podCount",
     path: [],
     col: 12,
-    title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: i18n2.t("dovetail.job_pod_count_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: DashedTitleStyle, children: i18n2.t("dovetail.pod_num") }) }),
+    title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+      title: i18n2.t("dovetail.job_pod_count_tooltip"),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: DashedTitleStyle,
+        children: i18n2.t("dovetail.pod_num")
+      })
+    }),
     renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: record.podCountDisplay });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        children: record.podCountDisplay
+      });
     }
   };
 };
@@ -12824,8 +12967,11 @@ const LabelsAndAnnotationsShow = ({
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: SmallSectionTitleStyle,
         children: sksI18n.t("dovetail.label")
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
+      }), Object.keys(labels || {}).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
         value: labels
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+        errorText: sksI18n.t("dovetail.empty"),
+        type: ErrorContentType.Card
       })]
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ItemWrapperStyle,
@@ -12833,7 +12979,8 @@ const LabelsAndAnnotationsShow = ({
         className: SmallSectionTitleStyle,
         children: sksI18n.t("dovetail.annotation")
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
-        data: annotations
+        data: annotations,
+        errorContent: ErrorContentType.Card
       })]
     })]
   });
@@ -13139,6 +13286,58 @@ const PodLogTab = (i18n2, apiUrl) => ({
     }
   ]
 });
+const PortsTab = ({
+  i18n: i18n2
+}) => ({
+  title: i18n2.t("dovetail.port"),
+  key: "ports",
+  background: "white",
+  groups: [
+    {
+      areas: [
+        {
+          fields: [PortsTableField()]
+        }
+      ]
+    }
+  ]
+});
+const IngressRulesTab = ({
+  i18n: i18n2
+}) => ({
+  title: i18n2.t("dovetail.rule"),
+  key: "ingress-rules",
+  background: "white",
+  groups: [
+    {
+      areas: [{ fields: [IngressRulesTableTabField()] }]
+    }
+  ]
+});
+const DataTab = ({
+  i18n: i18n2
+}) => ({
+  title: i18n2.t("dovetail.data"),
+  key: "data",
+  background: "white",
+  groups: [
+    {
+      areas: [{ fields: [DataField(i18n2)] }]
+    }
+  ]
+});
+const SecretDataTab = ({
+  i18n: i18n2
+}) => ({
+  title: i18n2.t("dovetail.data"),
+  key: "secret-data",
+  background: "white",
+  groups: [
+    {
+      areas: [{ fields: [SecretDataField()] }]
+    }
+  ]
+});
 const NetworkPolicyRulesViewer_r6jity = "";
 const MonacoYamlEditor$3 = lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
 const EditorStyle$1 = "e1cjl2b8";
@@ -13369,13 +13568,6 @@ const NodeTaintsGroup = (i18n2) => ({
     }
   ]
 });
-const SecretDataGroup = () => ({
-  areas: [
-    {
-      fields: [SecretDataField()]
-    }
-  ]
-});
 const JobsGroup = () => ({
   title: "Job",
   areas: [
@@ -13384,14 +13576,6 @@ const JobsGroup = () => ({
     }
   ]
 });
-const IngressRulesGroup = (i18n2) => ({
-  title: i18n2.t("dovetail.rule"),
-  areas: [
-    {
-      fields: [IngressRulesTableTabField()]
-    }
-  ]
-});
 const PodSelectorGroup = (i18n2) => ({
   title: i18n2.t("dovetail.pod_selector"),
   areas: [
@@ -13408,14 +13592,6 @@ const PortsGroup = (i18n2) => ({
     }
   ]
 });
-const DataGroup = (i18n2) => ({
-  title: i18n2.t("dovetail.data"),
-  areas: [
-    {
-      fields: [DataField(i18n2)]
-    }
-  ]
-});
 const NetworkPolicyIngressRulesGroup = (i18n2) => ({
   title: i18n2.t("dovetail.ingress_rule"),
   areas: [
@@ -13574,7 +13750,8 @@ const ShowContentView = (props) => {
     if (!record)
       return null;
     return fields.map((field) => {
-      if (field.hidden)
+      const shouldHide = typeof field.hidden === "function" ? field.hidden(record) : field.hidden;
+      if (shouldHide)
         return null;
       let content;
       const value2 = get$2(record, field.path);
@@ -14560,10 +14737,9 @@ const MemoizedFormField = memo(function FormField({
       control,
       name: fieldConfig.path.join("."),
       rules: {
-        async validate(value2) {
+        async validate(value2, formValue) {
           if (fieldConfig.disabledWhenEdit && action === "edit")
             return true;
-          const formValue = watchedFormValues || getValues();
           if (!fieldConfig.validators || fieldConfig.validators.length === 0)
             return true;
           for (const func of fieldConfig.validators) {
@@ -14575,7 +14751,7 @@ const MemoizedFormField = memo(function FormField({
         }
       },
       render: ({ field, fieldState }) => {
-        var _a;
+        var _a, _b;
         const currentFormValue = watchedFormValues || getValues();
         const renderProps = {
           field,
@@ -14598,7 +14774,7 @@ const MemoizedFormField = memo(function FormField({
             colon: false,
             labelCol: fieldConfig.layout === FormItemLayout.VERTICAL ? {} : { flex: `0 0 ${(formConfig == null ? void 0 : formConfig.labelWidth) || "216px"}` },
             help: fieldConfig.isHideErrorStatus ? "" : (_a = fieldState.error) == null ? void 0 : _a.message,
-            extra: fieldConfig.helperText,
+            extra: ((_b = fieldState.error) == null ? void 0 : _b.message) === fieldConfig.helperText ? "" : fieldConfig.helperText,
             validateStatus: fieldState.invalid && !fieldConfig.isHideErrorStatus ? "error" : void 0,
             "data-test-id": fieldConfig.key,
             className: fieldConfig.layout === FormItemLayout.VERTICAL ? VerticalFormItemStyle : "",
@@ -17363,7 +17539,8 @@ function ResourceSelect(props) {
     namespace: namespace2,
     selectProps,
     value: value2,
-    onChange
+    onChange,
+    placeholder
   } = props;
   const { data: data2, isLoading, isError } = useList({
     resource,
@@ -17379,6 +17556,7 @@ function ResourceSelect(props) {
     Select,
     {
       className,
+      placeholder,
       input: {
         value: value2,
         onChange
@@ -17390,7 +17568,7 @@ function ResourceSelect(props) {
     }
   );
 }
-const SelectMatchLabelButton_1rnabop = "";
+const SelectMatchLabelButton_1uc76rw = "";
 const PopoverOverlayStyle = "p19yct45";
 const PopoverContentStyle = "p2255z4";
 const PopoverTitleStyle = "p16qejqa";
@@ -17406,12 +17584,16 @@ function ResourceMatchLabelSelector({
   value: value2,
   onChange
 }) {
+  const {
+    t: t2
+  } = useTranslation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceSelect, {
     namespace: namespace2,
     resource,
     resourceBasePath,
     kind,
     value: value2,
+    placeholder: t2("dovetail.select_workload"),
     onChange: (newValue, object2) => {
       var _a, _b;
       const resourceItem = object2.object;
@@ -17459,7 +17641,7 @@ function SelectMatchLabelButton(props) {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
           className: PopoverContentBodyStyle,
           children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-            className: cx_default(Typo.Display.d3_bold_title, PopoverTitleStyle),
+            className: cx_default(Typo.Heading.h2_bold_title, PopoverTitleStyle),
             children: t2("dovetail.specify_workload")
           }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
             className: FormWrapperStyle,
@@ -17516,9 +17698,12 @@ function SelectMatchLabelButton(props) {
           children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
             onClick: () => setPopoverVisible(false),
             type: "quiet",
+            size: "small",
             children: t2("dovetail.cancel")
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
             type: "primary",
+            size: "small",
+            disabled: !selectedResource,
             onClick: () => {
               onChange == null ? void 0 : onChange(selector);
               setPopoverVisible(false);
@@ -17576,8 +17761,7 @@ const MatchLabelSelector = React.forwardRef(function MatchLabelSelector2(props,
       onChange,
       isValueOptional: false,
       minSize: 1,
-      disabledChagneDefaultValues,
-      isHideLabelFormatPopover: true
+      disabledChagneDefaultValues
     }
   );
 });
@@ -18414,7 +18598,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
       },
       {
         key: "name",
-        title: `${i18n2.t("dovetail.name")}${i18n2.t("dovetail.optional_with_bracket")}`,
+        title: i18n2.t("dovetail.port_name"),
         type: "input",
         validator: ({ value: portName, rowIndex }) => {
           const { errorMessage } = validateRfc1123Name({
@@ -19601,8 +19785,8 @@ export {
   DEPLOYMENT_INIT_VALUE,
   DaemonSetModel,
   DataField,
-  DataGroup,
   DataKeysColumnRenderer,
+  DataTab,
   DeleteButton,
   DeleteManyButton,
   DeploymentModel,
@@ -19639,7 +19823,7 @@ export {
   IngressDefaultBackendColumnRenderer,
   IngressModel,
   IngressRulesColumnRenderer,
-  IngressRulesGroup,
+  IngressRulesTab,
   IngressRulesTableTabField,
   IngressTlsColumnRenderer,
   IsDefaultSCColumnRenderer,
@@ -19735,6 +19919,7 @@ export {
   PortMappingColumnRenderer,
   PortsConfigForm,
   PortsGroup,
+  PortsTab,
   PortsTableField,
   ProviderPlugins,
   ProvisionerColumnRenderer,
@@ -19780,7 +19965,7 @@ export {
   STORAGE_CLASS_INIT_VALUE,
   SchemaStrategy,
   SecretDataField,
-  SecretDataGroup,
+  SecretDataTab,
   SectionTitle,
   Separator,
   ServiceInClusterAccessColumnRenderer,