@dovetail-v2/refine 0.3.1 → 0.3.3

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

@@ -1181,6 +1181,8 @@ const cant_delete_resource = "无法删除{{resource}}";
 const cant_delete_resource_with_name = "无法删除{{resource}} <0>{{name}}</0> 。";
 const close = "关闭";
 const import_from_file = "从文件读取";
+const view_all_info = "查看全部信息";
+const collapse = "收起";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1423,7 +1425,9 @@ const dovetail = {
   cant_delete_resource,
   cant_delete_resource_with_name,
   close,
-  import_from_file
+  import_from_file,
+  view_all_info,
+  collapse
 };
 const ZH = {
   dovetail
@@ -9271,7 +9275,7 @@ var ResourceState = /* @__PURE__ */ ((ResourceState2) => {
   return ResourceState2;
 })(ResourceState || {});
 function matchSelector(pod2, selector, namespace2 = "default") {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   let match = true;
   if (selector) {
     for (const key2 in selector.matchLabels) {
@@ -9280,7 +9284,7 @@ function matchSelector(pod2, selector, namespace2 = "default") {
       }
     }
   }
-  return match && pod2.metadata.namespace === namespace2;
+  return match && ((_d = pod2.metadata) == null ? void 0 : _d.namespace) === namespace2;
 }
 class WorkloadBaseModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
@@ -9370,10 +9374,14 @@ class WorkloadModel extends WorkloadBaseModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
     __publicField(this, "restarts", 0);
+    __publicField(this, "services", []);
+    __publicField(this, "ingresses", []);
     this._rawYaml = _rawYaml;
   }
   async init() {
     await this.getRestarts();
+    await this.getServices();
+    await this.getIngresses();
   }
   async getRestarts() {
     const pods = await this._globalStore.get("pods", {
@@ -9389,6 +9397,29 @@ class WorkloadModel extends WorkloadBaseModel {
     const result = lodashExports.sumBy(myPods, "restarts");
     this.restarts = result;
   }
+  async getServices() {
+    const services = await this._globalStore.get("services", {
+      resourceBasePath: "/api/v1",
+      kind: "Service"
+    });
+    const myServices = services.items.filter(
+      (p) => {
+        var _a;
+        return matchSelector(p, (_a = this.spec) == null ? void 0 : _a.selector, this.metadata.namespace);
+      }
+    );
+    this.services = myServices;
+  }
+  async getIngresses() {
+    const allIngresses = /* @__PURE__ */ new Map();
+    for (const service of this.services) {
+      for (const ingress of service.ingresses) {
+        const key2 = `${ingress.namespace}-${ingress.name}`;
+        allIngresses.set(key2, ingress);
+      }
+    }
+    this.ingresses = Array.from(allIngresses.values());
+  }
   get replicas() {
     return this.spec && "replicas" in this.spec ? this.spec.replicas : 0;
   }
@@ -9529,6 +9560,38 @@ class PodMetricsModel extends ResourceModel {
     };
   }
 }
+class ReplicaSetModel extends ResourceModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    __publicField(this, "pods", []);
+    __publicField(this, "restarts", 0);
+    this._rawYaml = _rawYaml;
+  }
+  async init() {
+    await this.getPods();
+  }
+  async getPods() {
+    const pods = await this._globalStore.get("pods", {
+      resourceBasePath: "/api/v1",
+      kind: "Pod"
+    });
+    const myPods = pods.items.filter(
+      (pod2) => {
+        var _a;
+        return matchSelector(pod2, (_a = this.spec) == null ? void 0 : _a.selector, this.metadata.namespace);
+      }
+    );
+    this.pods = myPods;
+    this.restarts = lodashExports.sumBy(this.pods, (pod2) => pod2.restarts || 0);
+  }
+  get ownerDeploymentName() {
+    var _a;
+    const ownerRef = (_a = this.metadata.ownerReferences) == null ? void 0 : _a.find(
+      (ref) => ref.kind === "Deployment" && ref.apiVersion === "apps/v1"
+    );
+    return ownerRef == null ? void 0 : ownerRef.name;
+  }
+}
 class CronJobModel extends WorkloadBaseModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
@@ -9571,8 +9634,27 @@ class EventModel extends ResourceModel {
 class DeploymentModel extends WorkloadModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
+    __publicField(this, "replicaSets", []);
     this._rawYaml = _rawYaml;
   }
+  async init() {
+    await super.init();
+    await this.getReplicaSets();
+  }
+  async getReplicaSets() {
+    const replicaSets = await this._globalStore.get("replicasets", {
+      resourceBasePath: "/apis/apps/v1",
+      kind: "ReplicaSet"
+    });
+    const myReplicaSets = replicaSets.items.filter((rs) => {
+      var _a, _b, _c;
+      const ownerRef = (_b = (_a = rs.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.find(
+        (ref) => ref.kind === "Deployment" && ref.apiVersion === "apps/v1" && ref.name === this.name && ref.uid === this.metadata.uid
+      );
+      return !!ownerRef && ((_c = rs.metadata) == null ? void 0 : _c.namespace) === this.metadata.namespace;
+    });
+    this.replicaSets = myReplicaSets;
+  }
   get stateDisplay() {
     var _a, _b, _c;
     if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
@@ -9628,8 +9710,25 @@ var ServiceTypeEnum = /* @__PURE__ */ ((ServiceTypeEnum2) => {
 class ServiceModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
+    __publicField(this, "ingresses", []);
     this._rawYaml = _rawYaml;
   }
+  async init() {
+    await this.getIngresses();
+  }
+  async getIngresses() {
+    const ingresses = await this._globalStore.get("ingresses", {
+      resourceBasePath: "/apis/networking.k8s.io/v1",
+      kind: "Ingress"
+    });
+    const myIngresses = ingresses.items.filter((ingress) => {
+      const rules = ingress.getFlattenedRules([]);
+      return rules.some(
+        (rule2) => rule2.serviceName === this.name
+      );
+    });
+    this.ingresses = myIngresses;
+  }
   get displayType() {
     const spec = this._rawYaml.spec;
     const type2 = spec.type;
@@ -10997,273 +11096,9 @@ function KeyValueAnnotation(props) {
     }) : null]
   });
 }
-function Tabs(props) {
-  const { tabs, className } = props;
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tabs, { className, children: tabs.map((tab) => {
-    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
-  }) });
-}
-const StateTag = (props) => {
-  const {
-    state: state2 = ResourceState.UPDATING,
-    hideBackground,
-    className,
-    customResourceStateMap
-  } = props;
-  const { t: t2 } = common.useTranslation();
-  const defaultStateMap = {
-    [ResourceState.UPDATING]: "loading",
-    [ResourceState.READY]: "green",
-    [ResourceState.COMPLETED]: "gray",
-    [ResourceState.FAILED]: "red",
-    [ResourceState.SUSPENDED]: "warning",
-    [ResourceState.RUNNING]: "green",
-    [ResourceState.SUCCEEDED]: "blue",
-    [ResourceState.UNKNOWN]: "gray",
-    [ResourceState.TERMINATING]: "loading",
-    [ResourceState.PENDING]: "warning",
-    [ResourceState.WAITING]: "warning",
-    [ResourceState.TERMINATED]: "gray",
-    [ResourceState.STOPPED]: "gray",
-    [ResourceState.AVAILABLE]: "blue",
-    [ResourceState.BOUND]: "green",
-    [ResourceState.RELEASED]: "gray",
-    [ResourceState.LOST]: "red",
-    [ResourceState.ACTIVE]: "green",
-    [ResourceState.DELETING]: "loading"
-  };
-  const finalColorMap = (customResourceStateMap == null ? void 0 : customResourceStateMap.color) || defaultStateMap;
-  const finalTextMap = customResourceStateMap == null ? void 0 : customResourceStateMap.text;
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-    eagle.StatusCapsule,
-    {
-      className: common.cx_default(className, StateTagStyle, hideBackground && "no-background"),
-      color: finalColorMap[state2] !== "loading" ? finalColorMap[state2] : void 0,
-      loading: finalColorMap[state2] === "loading",
-      children: finalTextMap ? finalTextMap[state2] : t2(`dovetail.${state2 || "updating"}_state`)
-    }
-  );
-};
-const ShowContent_1g0ejph = "";
-const ShowContentWrapperStyle = "s9agep2";
-const BackButton = "bo89gfi";
-const ToolBarWrapper = "t1ohe42f";
-const NameStyle = "nqm4qz0";
-const TopBarStyle = "ticl0qc";
-const ShowContentHeaderStyle = "so9uwk1";
-const GroupStyle$1 = "ge26ou0";
-const GroupTitleStyle = "g17f8vl9";
-const FullTabContentStyle = "fykgn2i";
-const FieldWrapperStyle = "fngr745";
-const TabContentStyle = "t11wg61l";
-const ValueStyle$1 = "v1x3rivf";
-const TabsStyle = "tf5s6s";
-function ShowGroupComponent(props) {
-  const {
-    title,
-    className,
-    children,
-    operationEle
-  } = props;
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-    className: common.cx_default(GroupStyle$1, className),
-    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-      className: common.cx_default(eagle.Typo.Heading.h2_bold_title, GroupTitleStyle),
-      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
-        children: title
-      }), operationEle]
-    }), children]
-  });
-}
-const ShowContent = (props) => {
-  var _a, _b, _c, _d, _e, _f;
-  const {
-    showConfig,
-    formatter,
-    Dropdown = K8sDropdown
-  } = props;
-  const parsed = core.useParsed();
-  const {
-    resource
-  } = core.useResource();
-  const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
-  const {
-    queryResult
-  } = core.useShow({
-    id,
-    errorNotification: false
-  });
-  const {
-    t: t2
-  } = common.useTranslation();
-  const {
-    data: data2
-  } = queryResult;
-  const navigation = core.useNavigation();
-  const go = core.useGo();
-  const openForm = useOpenForm();
-  const Component = React.useContext(ComponentContext);
-  const configs = React.useContext(ConfigsContext);
-  const config = configs[(resource == null ? void 0 : resource.name) || ""];
-  const Tabs$1 = Component.Tabs || Tabs;
-  if (!(data2 == null ? void 0 : data2.data)) {
-    return null;
-  }
-  const model = data2.data;
-  const record = formatter ? formatter(model) : data2 == null ? void 0 : data2.data;
-  function renderFields(fields, areaType, hasCol = true) {
-    if (!record)
-      return null;
-    return fields.map((field) => {
-      if (field.hidden)
-        return null;
-      let content;
-      const value2 = lodashEs.get(record, field.path);
-      if (field.renderContent) {
-        content = field.renderContent(value2, record, field);
-      } else {
-        content = lodashEs.get(record, field.path);
-      }
-      return hasCol ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Col, {
-        flex: areaType === AreaType.Inline ? "none" : "",
-        span: field.col || 24,
-        children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-          className: FieldWrapperStyle,
-          children: [field.title && /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-            className: eagle.Typo.Label.l4_regular_title,
-            style: {
-              width: field.labelWidth || "165px",
-              marginRight: 8,
-              flexShrink: 0,
-              color: "#2C385299"
-            },
-            children: field.title
-          }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-            style: {
-              flex: 1,
-              minWidth: 0
-            },
-            children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
-              className: common.cx_default(eagle.Typo.Label.l4_regular_title, ValueStyle$1),
-              value: content,
-              useOverflow: false
-            })
-          })]
-        })
-      }, field.key) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
-        style: {
-          height: "100%"
-        },
-        value: content,
-        useOverflow: false
-      });
-    });
-  }
-  const stateDisplay = lodashEs.get(record, "stateDisplay");
-  const topBar = /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-    className: ToolBarWrapper,
-    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-      className: common.cx_default(eagle.Typo.Label.l4_bold, BackButton),
-      onClick: () => {
-        go({
-          to: navigation.listUrl((resource == null ? void 0 : resource.name) || "")
-        });
-      },
-      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
-        src: iconsReact.ArrowChevronLeft16BoldTertiaryIcon,
-        hoverSrc: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon,
-        style: {
-          marginRight: 4
-        },
-        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-          className: "button-text",
-          children: (config == null ? void 0 : config.displayName) || ((_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind)
-        })
-      })
-    }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
-      className: TopBarStyle,
-      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-        style: {
-          display: "flex"
-        },
-        children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-          className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
-          children: ((_c = showConfig.displayName) == null ? void 0 : _c.call(showConfig, record)) || ((_d = record == null ? void 0 : record.metadata) == null ? void 0 : _d.name)
-        }), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
-          state: stateDisplay,
-          customResourceStateMap: showConfig.resourceStateMap
-        }) : void 0]
-      }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
-        children: [(_e = showConfig.renderExtraButton) == null ? void 0 : _e.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
-          resource: resource == null ? void 0 : resource.name,
-          action: AccessControlAuth.Edit,
-          params: {
-            namespace: record.namespace
-          },
-          children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
-            style: {
-              marginRight: 8
-            },
-            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, {
-          record,
-          size: "large"
-        })]
-      })]
-    })]
-  });
-  const tabs = /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tabs$1, {
-    tabs: (showConfig.tabs || []).map((tab, tabIndex) => {
-      var _a2;
-      return {
-        title: tab.title,
-        key: tab.key,
-        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
-          className: common.cx_default(TabContentStyle, tab.groups.length <= 1 && tabIndex !== 0 && FullTabContentStyle),
-          children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => {
-            const GroupContainer = group.title ? ShowGroupComponent : React.Fragment;
-            const FieldContainer = group.title ? eagle.Row : React.Fragment;
-            const groupContainerProps = group.title ? {
-              title: group.title || ""
-            } : {};
-            const fieldContainerProps = group.title ? {
-              gutter: [24, 8]
-            } : {};
-            return /* @__PURE__ */ common.jsxRuntimeExports.jsx(GroupContainer, {
-              ...groupContainerProps,
-              children: group.areas.map((area, index2) => /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, {
-                children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(FieldContainer, {
-                  ...fieldContainerProps,
-                  children: renderFields(area.fields, area.type, !!group.title)
-                }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Divider, {
-                  style: {
-                    margin: "8px 0 12px 0"
-                  }
-                }) : null]
-              }))
-            }, group.title);
-          })
-        })
-      };
-    }),
-    className: TabsStyle
-  });
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-    className: ShowContentWrapperStyle,
-    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Space, {
-      direction: "vertical",
-      className: ShowContentHeaderStyle,
-      children: topBar
-    }), tabs]
-  });
-};
 const KeyValueSecret_c3ji18 = "";
 const ButtonStyle = "b11tbgf7";
-const GroupStyle = "gtbyh5g";
+const GroupStyle$1 = "gtbyh5g";
 function KeyValueSecret(props) {
   const {
     data: data2 = {}
@@ -11285,7 +11120,7 @@ function KeyValueSecret(props) {
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ShowGroupComponent, {
     title: i18n2.t("dovetail.data"),
     operationEle: toggleButton,
-    className: GroupStyle,
+    className: GroupStyle$1,
     children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValue, {
       data: data2,
       hideSecret,
@@ -11866,16 +11701,57 @@ function ResourceTable(props) {
     tableProps.onPageChange(1);
   }, []);
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-    Table,
+    Table,
+    {
+      tableProps,
+      displayName: config.displayName || config.kind,
+      errorContentProps: {
+        type: ErrorContentType.Card
+      }
+    }
+  );
+}
+const StateTag = (props) => {
+  const {
+    state: state2 = ResourceState.UPDATING,
+    hideBackground,
+    className,
+    customResourceStateMap
+  } = props;
+  const { t: t2 } = common.useTranslation();
+  const defaultStateMap = {
+    [ResourceState.UPDATING]: "loading",
+    [ResourceState.READY]: "green",
+    [ResourceState.COMPLETED]: "gray",
+    [ResourceState.FAILED]: "red",
+    [ResourceState.SUSPENDED]: "warning",
+    [ResourceState.RUNNING]: "green",
+    [ResourceState.SUCCEEDED]: "blue",
+    [ResourceState.UNKNOWN]: "gray",
+    [ResourceState.TERMINATING]: "loading",
+    [ResourceState.PENDING]: "warning",
+    [ResourceState.WAITING]: "warning",
+    [ResourceState.TERMINATED]: "gray",
+    [ResourceState.STOPPED]: "gray",
+    [ResourceState.AVAILABLE]: "blue",
+    [ResourceState.BOUND]: "green",
+    [ResourceState.RELEASED]: "gray",
+    [ResourceState.LOST]: "red",
+    [ResourceState.ACTIVE]: "green",
+    [ResourceState.DELETING]: "loading"
+  };
+  const finalColorMap = (customResourceStateMap == null ? void 0 : customResourceStateMap.color) || defaultStateMap;
+  const finalTextMap = customResourceStateMap == null ? void 0 : customResourceStateMap.text;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+    eagle.StatusCapsule,
     {
-      tableProps,
-      displayName: config.displayName || config.kind,
-      errorContentProps: {
-        type: ErrorContentType.Card
-      }
+      className: common.cx_default(className, StateTagStyle, hideBackground && "no-background"),
+      color: finalColorMap[state2] !== "loading" ? finalColorMap[state2] : void 0,
+      loading: finalColorMap[state2] === "loading",
+      children: finalTextMap ? finalTextMap[state2] : t2(`dovetail.${state2 || "updating"}_state`)
     }
   );
-}
+};
 const WorkloadPodsTable_975j2t = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
@@ -11957,7 +11833,7 @@ const ReadyValueStyle = "r1bm8olw";
 const ReplicasValueStyle = "r1oqudbh";
 const ContentWrapperStyle = "c18i6jtg";
 const LabelStyle = "lpm22il";
-const ValueStyle = "v1ixr1me";
+const ValueStyle$1 = "v1ixr1me";
 const WorkloadReplicasForm = React.forwardRef(function WorkloadReplicasForm2(props, ref) {
   const {
     defaultValue,
@@ -12087,7 +11963,7 @@ function WorkloadReplicas({
           className: common.cx_default(LabelStyle, eagle.Typo.Label.l3_regular),
           children: record.kind === "Job" ? t2("dovetail.pod_complete_num") : t2("dovetail.pod_ready_num")
         }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("td", {
-          className: common.cx_default(ValueStyle, eagle.Typo.Label.l3_regular),
+          className: common.cx_default(ValueStyle$1, eagle.Typo.Label.l3_regular),
           children: readyReplicas
         })]
       }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs("tr", {
@@ -12095,7 +11971,7 @@ function WorkloadReplicas({
           className: common.cx_default(LabelStyle, eagle.Typo.Label.l3_regular),
           children: t2("dovetail.pod_replicas_num")
         }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("td", {
-          className: common.cx_default(ValueStyle, eagle.Typo.Label.l3_regular),
+          className: common.cx_default(ValueStyle$1, eagle.Typo.Label.l3_regular),
           children: replicas
         }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("td", {
           children: editable && canScale && /* @__PURE__ */ common.jsxRuntimeExports.jsx(EditField, {
@@ -12126,6 +12002,7 @@ var AreaType = /* @__PURE__ */ ((AreaType2) => {
 const ImageField = (i18n2) => {
   return {
     key: "Image",
+    col: 12,
     title: i18n2.t("dovetail.image"),
     path: ["imageNames"],
     renderContent(value2) {
@@ -12232,6 +12109,7 @@ const SecretDataField = () => {
 const StartTimeField = (i18n2) => {
   return {
     key: "started",
+    col: 12,
     title: i18n2.t("dovetail.started"),
     path: ["status", "startTime"],
     renderContent(value2) {
@@ -12242,6 +12120,7 @@ const StartTimeField = (i18n2) => {
 const ServiceTypeField = (i18n2) => {
   return {
     key: "type",
+    col: 12,
     title: i18n2.t("dovetail.type"),
     path: ["displayType"]
   };
@@ -12249,6 +12128,7 @@ const ServiceTypeField = (i18n2) => {
 const ClusterIpField = (i18n2) => {
   return {
     key: "clusterIp",
+    col: 12,
     title: i18n2.t("dovetail.clusterIp"),
     path: ["spec", "clusterIP"]
   };
@@ -12256,6 +12136,7 @@ const ClusterIpField = (i18n2) => {
 const SessionAffinityField = (i18n2) => {
   return {
     key: "clusterIp",
+    col: 12,
     title: i18n2.t("dovetail.sessionAffinity"),
     path: ["spec", "sessionAffinity"]
   };
@@ -12300,11 +12181,13 @@ const EventsTableTabField = () => {
 };
 const NamespaceField = (i18n2) => ({
   key: "NameSpace",
+  col: 12,
   title: i18n2.t("dovetail.namespace"),
   path: ["metadata", "namespace"]
 });
 const AgeField = (i18n2) => ({
   key: "Age",
+  col: 12,
   title: i18n2.t("dovetail.created_time"),
   path: ["metadata", "creationTimestamp"],
   renderContent(value2) {
@@ -12332,6 +12215,7 @@ const AnnotationsField = (i18n2) => ({
 });
 const ServiceInnerClusterAccessField = () => ({
   key: "innerClusterAccess",
+  col: 12,
   title: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ServiceInClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
@@ -12340,6 +12224,7 @@ const ServiceInnerClusterAccessField = () => ({
 });
 const ServiceOutClusterAccessField = (clusterVip) => ({
   key: "innerClusterAccess",
+  col: 12,
   title: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
@@ -12372,6 +12257,7 @@ const PortsTableField = () => ({
 const DurationField = (i18n2) => {
   return {
     key: "duration",
+    col: 12,
     path: ["duration"],
     title: i18n2.t("dovetail.duration"),
     renderContent: (v) => {
@@ -12382,6 +12268,7 @@ const DurationField = (i18n2) => {
 const StorageClassProvisionerField = (i18n2) => {
   return {
     key: "provisioner",
+    col: 12,
     path: ["provisioner"],
     title: i18n2.t("dovetail.provisioner")
   };
@@ -12417,6 +12304,7 @@ const StorageClassPvField = () => {
 const PVCapacityField = (i18n2) => {
   return {
     key: "capacity",
+    col: 12,
     path: ["spec", "capacity", "storage"],
     title: i18n2.t("dovetail.capacity"),
     renderContent(value2) {
@@ -12427,6 +12315,7 @@ const PVCapacityField = (i18n2) => {
 const PVCStorageField = (i18n2) => {
   return {
     key: "storage",
+    col: 12,
     path: ["spec", "resources", "requests", "storage"],
     title: i18n2.t("dovetail.distributed"),
     renderContent(value2, pvc2) {
@@ -12437,6 +12326,7 @@ const PVCStorageField = (i18n2) => {
 const PVRefField = (i18n2) => {
   return {
     key: "pv",
+    col: 12,
     path: ["pv"],
     title: i18n2.t("dovetail.pv"),
     renderContent(value2) {
@@ -12454,6 +12344,7 @@ const PVRefField = (i18n2) => {
 const PVStorageClassField = (i18n2) => {
   return {
     key: "storageClass",
+    col: 12,
     path: ["spec", "storageClassName"],
     title: i18n2.t("dovetail.storage_class"),
     renderContent(value2) {
@@ -12464,6 +12355,7 @@ const PVStorageClassField = (i18n2) => {
 const PVPhaseField = (i18n2) => {
   return {
     key: "phase",
+    col: 12,
     path: ["stateDisplay"],
     title: i18n2.t("dovetail.state"),
     renderContent(value2) {
@@ -12474,6 +12366,7 @@ const PVPhaseField = (i18n2) => {
 const PVVolumeModeField = (i18n2) => {
   return {
     key: "mode",
+    col: 12,
     path: ["spec", "volumeMode"],
     title: i18n2.t("dovetail.volume_mode"),
     renderContent(value2) {
@@ -12484,6 +12377,7 @@ const PVVolumeModeField = (i18n2) => {
 const PVAccessModeField = (i18n2) => {
   return {
     key: "accessMode",
+    col: 12,
     path: ["spec", "accessModes"],
     title: i18n2.t("dovetail.access_mode"),
     renderContent(value2) {
@@ -12519,6 +12413,7 @@ const PVCPodsField = () => {
 const PVCRefField = (i18n2) => {
   return {
     key: "pvc",
+    col: 12,
     path: ["pvc"],
     title: i18n2.t("dovetail.pvc"),
     renderContent(value2, pv2) {
@@ -12537,6 +12432,7 @@ const PVCRefField = (i18n2) => {
 const PVCSIRefField = (i18n2) => {
   return {
     key: "csi",
+    col: 12,
     path: ["csi"],
     title: i18n2.t("dovetail.csi")
   };
@@ -12544,6 +12440,7 @@ const PVCSIRefField = (i18n2) => {
 const IsDefaultSCField = (i18n2) => {
   return {
     key: "isDefaultSC",
+    col: 12,
     path: ["isDefaultSC"],
     title: i18n2.t("dovetail.default_sc"),
     renderContent(val) {
@@ -12554,6 +12451,7 @@ const IsDefaultSCField = (i18n2) => {
 const SCReclaimPolicyField = (i18n2) => {
   return {
     key: "reclaimPolicy",
+    col: 12,
     path: ["reclaimPolicy"],
     title: i18n2.t("dovetail.reclaim_policy"),
     renderContent(val) {
@@ -12568,6 +12466,7 @@ const SCReclaimPolicyField = (i18n2) => {
 const IsSCAllowVolumeExpansionField = (i18n2) => {
   return {
     key: "allowVolumeExpansion",
+    col: 12,
     path: ["allowVolumeExpansion"],
     title: i18n2.t("dovetail.allow_expand"),
     renderContent(val) {
@@ -12585,13 +12484,14 @@ const ResourceTableField = (resource, useTableParams) => {
   };
 };
 const baseNoReset = "";
-const index_v855ki = "";
+const index_14irc29 = "";
 const WrapperStyle$3 = "wve7dfm";
 const ToolbarStyle = "t9oeh3c";
 const ToolbarAreaStyle = "t1u2zqn6";
 const ContentStyle$1 = "c8wrcus";
 const PodLog = ({
-  pod: pod2
+  pod: pod2,
+  apiUrl
 }) => {
   var _a, _b, _c, _d, _e;
   const [selectedContainer, setSelectedContainer] = React.useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
@@ -12602,8 +12502,6 @@ const PodLog = ({
   const [wrap, setWrap] = React.useState(false);
   const logViewerRef = React.useRef(null);
   const abortControllerRef = React.useRef(null);
-  const dataProvider = core.useDataProvider();
-  const apiUrl = dataProvider()["getApiUrl"]();
   const {
     t: t2
   } = common.useTranslation();
@@ -12793,7 +12691,7 @@ const EventsTab = (i18n2) => ({
     }
   ]
 });
-const PodLogTab = (i18n2) => ({
+const PodLogTab = (i18n2, apiUrl) => ({
   title: i18n2.t("dovetail.log"),
   key: "pod-log",
   groups: [
@@ -12805,7 +12703,7 @@ const PodLogTab = (i18n2) => ({
               key: "log",
               path: [],
               renderContent: (_, record) => {
-                return /* @__PURE__ */ common.jsxRuntimeExports.jsx(PodLog, { pod: record });
+                return /* @__PURE__ */ common.jsxRuntimeExports.jsx(PodLog, { pod: record, apiUrl });
               }
             }
           ]
@@ -12815,7 +12713,7 @@ const PodLogTab = (i18n2) => ({
   ]
 });
 const NetworkPolicyRulesViewer_r6jity = "";
-const MonacoYamlEditor$1 = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-9b8b7cef.cjs")));
+const MonacoYamlEditor$1 = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-1554bc96.cjs")));
 const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
@@ -13153,6 +13051,318 @@ const ResourceTableGroup = (resource, title) => ({
     }
   ]
 });
+function Tabs(props) {
+  const { tabs, className } = props;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tabs, { className, children: tabs.map((tab) => {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
+  }) });
+}
+const ShowContentView_19saq6u = "";
+const ShowContentWrapperStyle = "soapvs9";
+const BackButton = "b13d603q";
+const ToolBarWrapper = "tm8eaia";
+const NameStyle = "nhnus27";
+const TopBarStyle = "t16t20f5";
+const ShowContentHeaderStyle = "s97y2wr";
+const GroupStyle = "g1rhnxqx";
+const BasicGroupStyle = "b1f1s2pc";
+const GroupTitleStyle = "g1qw3bxx";
+const FullTabContentStyle = "flfewds";
+const FieldWrapperStyle = "f1c7cta8";
+const TabContentStyle = "t1pt61xk";
+const ValueStyle = "v1to6fie";
+const TabsStyle = "tca5959";
+const KindTagStyle = "k3dcesi";
+function ShowGroupComponent(props) {
+  const {
+    title,
+    className,
+    children,
+    operationEle
+  } = props;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+    className: common.cx_default(GroupStyle, className),
+    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+      className: common.cx_default(eagle.Typo.Heading.h2_bold_title, GroupTitleStyle),
+      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+        children: title
+      }), operationEle]
+    }), children]
+  });
+}
+function BasicShowGroupComponent(props) {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+    className: BasicGroupStyle,
+    children
+  });
+}
+const ShowContentView = (props) => {
+  var _a, _b, _c, _d;
+  const {
+    id,
+    resourceName,
+    showConfig,
+    formatter,
+    children,
+    Dropdown = K8sDropdown,
+    hideBackButton = false,
+    canCollapseTabs = false
+  } = props;
+  const {
+    queryResult
+  } = core.useShow({
+    id,
+    resource: resourceName,
+    errorNotification: false
+  });
+  const {
+    t: t2
+  } = common.useTranslation();
+  const {
+    data: data2
+  } = queryResult;
+  const navigation = core.useNavigation();
+  const go = core.useGo();
+  const openForm = useOpenForm();
+  const Component = React.useContext(ComponentContext);
+  const configs = React.useContext(ConfigsContext);
+  const config = configs[resourceName];
+  const Tabs$1 = Component.Tabs || Tabs;
+  if (!(data2 == null ? void 0 : data2.data)) {
+    return null;
+  }
+  const model = data2.data;
+  const record = formatter ? formatter(model) : data2 == null ? void 0 : data2.data;
+  function renderFields(fields, areaType, hasCol = true) {
+    if (!record)
+      return null;
+    return fields.map((field) => {
+      if (field.hidden)
+        return null;
+      let content;
+      const value2 = lodashEs.get(record, field.path);
+      if (field.renderContent) {
+        content = field.renderContent(value2, record, field);
+      } else {
+        content = lodashEs.get(record, field.path);
+      }
+      return hasCol ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Col, {
+        flex: areaType === AreaType.Inline ? "none" : "",
+        span: field.col || 24,
+        className: "czyzuo8",
+        children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+          className: FieldWrapperStyle,
+          children: [field.title && /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+            className: eagle.Typo.Label.l4_regular_title,
+            style: {
+              width: field.labelWidth || "165px",
+              marginRight: 8,
+              flexShrink: 0,
+              color: "#2C385299"
+            },
+            children: field.title
+          }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+            style: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+              className: common.cx_default(eagle.Typo.Label.l4_regular_title, ValueStyle),
+              value: content,
+              useOverflow: false
+            })
+          })]
+        })
+      }, field.key) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+        style: {
+          height: "100%"
+        },
+        value: content,
+        useOverflow: false
+      });
+    });
+  }
+  function renderGroup(group, isBasicGroup = false) {
+    let GroupContainer = React.Fragment;
+    if (isBasicGroup) {
+      GroupContainer = BasicShowGroupComponent;
+    } else if (group.title) {
+      GroupContainer = ShowGroupComponent;
+    }
+    const FieldContainer = group.title ? eagle.Row : React.Fragment;
+    const groupContainerProps = group.title ? {
+      title: group.title || ""
+    } : {};
+    const fieldContainerProps = group.title ? {
+      gutter: [24, 8]
+    } : {};
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(GroupContainer, {
+      ...groupContainerProps,
+      children: group.areas.map((area, index2) => /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, {
+        children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(FieldContainer, {
+          ...fieldContainerProps,
+          children: renderFields(area.fields, area.type, !!group.title)
+        }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Divider, {
+          style: {
+            margin: "8px 0 12px 0"
+          }
+        }) : null]
+      }))
+    }, group.title);
+  }
+  const stateDisplay = lodashEs.get(record, "stateDisplay");
+  const topBar = /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+    className: ToolBarWrapper,
+    children: [!hideBackButton && /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+      className: common.cx_default(eagle.Typo.Label.l4_bold, BackButton),
+      onClick: () => {
+        go({
+          to: navigation.listUrl(resourceName)
+        });
+      },
+      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+        src: iconsReact.ArrowChevronLeft16BoldTertiaryIcon,
+        hoverSrc: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon,
+        style: {
+          marginRight: 4
+        },
+        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+          className: "button-text",
+          children: (config == null ? void 0 : config.displayName) || resourceName
+        })
+      })
+    }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
+      className: TopBarStyle,
+      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+        style: {
+          display: "flex"
+        },
+        children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tag.NameTag, {
+          className: KindTagStyle,
+          children: config.kind
+        }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+          className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
+          children: ((_a = showConfig.displayName) == null ? void 0 : _a.call(showConfig, record)) || ((_b = record == null ? void 0 : record.metadata) == null ? void 0 : _b.name)
+        }), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
+          state: stateDisplay,
+          customResourceStateMap: showConfig.resourceStateMap
+        }) : void 0]
+      }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
+        children: [(_c = showConfig.renderExtraButton) == null ? void 0 : _c.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
+          resource: resourceName,
+          action: AccessControlAuth.Edit,
+          params: {
+            namespace: record.namespace
+          },
+          children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+            style: {
+              marginRight: 8
+            },
+            onClick: () => openForm({
+              id
+            }),
+            children: ((_d = config.formConfig) == null ? void 0 : _d.formType) === FormType.FORM ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
+          })
+        }) : null, /* @__PURE__ */ common.jsxRuntimeExports.jsx(Dropdown, {
+          record,
+          size: "large"
+        })]
+      })]
+    })]
+  });
+  const tabs = /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tabs$1, {
+    tabs: (showConfig.tabs || []).map((tab, tabIndex) => {
+      var _a2;
+      return {
+        title: tab.title,
+        key: tab.key,
+        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+          className: common.cx_default(TabContentStyle, tab.groups.length <= 1 && tabIndex !== 0 && FullTabContentStyle),
+          children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => renderGroup(group, false))
+        })
+      };
+    }),
+    className: TabsStyle
+  });
+  const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup, true) : null;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+    className: ShowContentWrapperStyle,
+    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Space, {
+      direction: "vertical",
+      className: ShowContentHeaderStyle,
+      children: topBar
+    }), basicInfo, canCollapseTabs ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(CollapseTabs, {
+      children: tabs
+    }) : tabs, children]
+  });
+};
+const CollapseTabs = (props) => {
+  const [isCollapsed, setIsCollapsed] = React.useState(true);
+  const {
+    t: t2
+  } = common.useTranslation();
+  if (isCollapsed) {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+      style: {
+        display: "flex"
+      },
+      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+        style: {
+          margin: "auto",
+          cursor: "pointer"
+        },
+        type: "quiet",
+        onClick: () => setIsCollapsed((v) => !v),
+        suffixIcon: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+          src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
+        }),
+        children: t2("dovetail.view_all_info")
+      })
+    });
+  } else {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, {
+      children: [props.children, /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+        style: {
+          display: "flex"
+        },
+        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+          style: {
+            margin: "auto",
+            cursor: "pointer"
+          },
+          type: "quiet",
+          onClick: () => setIsCollapsed((v) => !v),
+          suffixIcon: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+            src: iconsReact.ArrowBoldDown16Icon
+          }),
+          children: t2("dovetail.collapse")
+        })
+      })]
+    });
+  }
+};
+const ShowContent = (props) => {
+  var _a;
+  const { showConfig, formatter, Dropdown = K8sDropdown, children, canCollapseTabs } = props;
+  const parsed = core.useParsed();
+  const { resource } = core.useResource();
+  const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+    ShowContentView,
+    {
+      id,
+      resourceName: (resource == null ? void 0 : resource.name) || "",
+      showConfig,
+      formatter,
+      Dropdown,
+      canCollapseTabs,
+      children
+    }
+  );
+};
 const PageShow = (props) => {
   var _a;
   const parsed = core.useParsed();
@@ -13202,7 +13412,7 @@ const PageShow = (props) => {
       nav.list(resource);
     }
   }, [isError, nav, resource, queryResult, parsed, msg, notExistMsg, isLoading]);
-  return isLoading ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ShowContent, { ...props });
+  return isLoading ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ShowContent, { ...props, children: props.children });
 };
 const index_az4wrx = "";
 const WrapperStyle$2 = "w1akirqw";
@@ -16254,7 +16464,7 @@ const PlainCodeStyle = "pqch97v";
 const ErrorMsgStyle = "eh2qjnl";
 const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
-const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-9b8b7cef.cjs")));
+const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-1554bc96.cjs")));
 const MonacoYamlDiffEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlDiffEditor-7a07db88.cjs")));
 const YamlEditorComponent = React.forwardRef(
   function YamlEditorComponent2(props, ref) {
@@ -16282,20 +16492,18 @@ const YamlEditorComponent = React.forwardRef(
     const editorInstance = React.useRef();
     const [copyTooltip, setCopyTooltip] = React.useState(t2("dovetail.copy"));
     const [resetTooltip, setResetTooltip] = React.useState(t2("dovetail.reset_arguments"));
-    React.useImperativeHandle(ref, () => {
-      return {
-        setValue: _setValue,
-        setEditorValue: (value22) => {
-          var _a, _b;
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value22);
-        },
-        getEditorValue: () => {
-          var _a;
-          return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
-        },
-        getEditorInstance: () => editorInstance.current || null
-      };
-    });
+    const defaultValueString = React.useMemo(() => {
+      if (typeof defaultValue === "string") {
+        return defaultValue;
+      }
+      return yaml$2.dump(defaultValue);
+    }, [defaultValue]);
+    const _valueString = React.useMemo(() => {
+      if (typeof _value === "string") {
+        return _value;
+      }
+      return yaml$2.dump(_value);
+    }, [_value]);
     const onChange = React.useCallback(
       (newVal) => {
         var _a;
@@ -16318,7 +16526,7 @@ const YamlEditorComponent = React.forwardRef(
       (editor) => {
         var _a, _b, _c;
         if (editor.getValue() !== _value) {
-          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(_value);
+          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(_valueString);
         }
         (_c = props.onEditorCreate) == null ? void 0 : _c.call(props, editor);
       },
@@ -16327,13 +16535,29 @@ const YamlEditorComponent = React.forwardRef(
     const getInstance = React.useCallback((ins) => {
       editorInstance.current = ins;
     }, []);
+    const getEditorValue = React.useCallback(() => {
+      var _a;
+      return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) ?? "";
+    }, []);
     React.useEffect(() => {
       var _a, _b;
-      if (value2 !== void 0 && value2 !== _value) {
+      if (value2 !== void 0 && !lodashEs.isEqual(value2, _value)) {
+        const valueString = typeof value2 === "string" ? value2 : yaml$2.dump(value2);
         _setValue(value2);
-        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value2);
+        (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(valueString);
       }
     }, [value2]);
+    React.useImperativeHandle(ref, () => {
+      return {
+        setValue: _setValue,
+        setEditorValue: (value22) => {
+          var _a, _b;
+          (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value22);
+        },
+        getEditorValue,
+        getEditorInstance: () => editorInstance.current || null
+      };
+    });
     return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(
       "div",
       {
@@ -16387,7 +16611,7 @@ const YamlEditorComponent = React.forwardRef(
                               iconHeight: 16,
                               onClick: () => {
                                 if (!isCollapsed) {
-                                  copyToClipboard(_value);
+                                  copyToClipboard(getEditorValue());
                                   setCopyTooltip(t2("dovetail.copied"));
                                 }
                               }
@@ -16419,7 +16643,7 @@ const YamlEditorComponent = React.forwardRef(
                               onClick: () => {
                                 var _a;
                                 if (!isCollapsed) {
-                                  (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValue);
+                                  (_a = editorInstance.current) == null ? void 0 : _a.setValue(defaultValueString);
                                   setResetTooltip(t2("dovetail.already_reset"));
                                 }
                               }
@@ -16480,7 +16704,7 @@ const YamlEditorComponent = React.forwardRef(
                 zIndex: 1
               },
               children: [
-                /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _value }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                   MonacoYamlEditor,
                   {
                     id: props.id,
@@ -16496,12 +16720,12 @@ const YamlEditorComponent = React.forwardRef(
                     isScrollOnFocus
                   }
                 ) }) }),
-                isDiff ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _value }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+                isDiff ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ common.jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: _valueString }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                   MonacoYamlDiffEditor,
                   {
                     id: props.id,
-                    origin: defaultValue,
-                    modified: _value,
+                    origin: defaultValueString,
+                    modified: _valueString,
                     height
                   }
                 ) }) : null
@@ -18778,7 +19002,8 @@ class ModelPlugin {
         Node: NodeModel,
         StorageClass: StorageClassModel,
         PersistentVolume: PersistentVolumeModel,
-        PersistentVolumeClaim: PersistentVolumeClaimModel
+        PersistentVolumeClaim: PersistentVolumeClaimModel,
+        ReplicaSet: ReplicaSetModel
       })
     ));
   }
@@ -18912,6 +19137,7 @@ exports.AnnotationsField = AnnotationsField;
 exports.AreaType = AreaType;
 exports.BASE_INIT_VALUE = BASE_INIT_VALUE;
 exports.BasicGroup = BasicGroup;
+exports.BasicShowGroupComponent = BasicShowGroupComponent;
 exports.Breadcrumb = Breadcrumb;
 exports.CONFIG_MAP_INIT_VALUE = CONFIG_MAP_INIT_VALUE;
 exports.CRONJOB_INIT_VALUE = CRONJOB_INIT_VALUE;
@@ -19059,6 +19285,7 @@ exports.RefineFormContent = RefineFormContent;
 exports.RefineFormPage = RefineFormPage;
 exports.RelationPlugin = RelationPlugin;
 exports.ReplicaField = ReplicaField;
+exports.ReplicaSetModel = ReplicaSetModel;
 exports.ReplicasColumnRenderer = ReplicasColumnRenderer;
 exports.ReplicasDropdown = ReplicasDropdown;
 exports.ResourceCRUD = ResourceCRUD;
@@ -19111,6 +19338,7 @@ exports.ServiceTypeEnum = ServiceTypeEnum;
 exports.ServiceTypeField = ServiceTypeField;
 exports.SessionAffinityField = SessionAffinityField;
 exports.ShowContent = ShowContent;
+exports.ShowContentView = ShowContentView;
 exports.ShowGroupComponent = ShowGroupComponent;
 exports.StartTimeField = StartTimeField;
 exports.StateDisplayColumnRenderer = StateDisplayColumnRenderer;