@dovetail-v2/refine 0.3.13-alpha.1 → 0.3.14-alpha.2

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, 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 { 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, LegacyModal, 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";
@@ -9605,9 +9605,9 @@ class PodModel extends WorkloadBaseModel {
       }
     };
   }
-  getBelongToDeployment(deployments) {
+  getBelongToDeployment(deployments, replicaSets) {
     return deployments.find((deployment) => {
-      return deployment.replicaSets.find((replicaSet) => {
+      return deployment.getReplicaSets(replicaSets).find((replicaSet) => {
         return replicaSet.pods.find((pod2) => pod2.metadata.uid === this.metadata.uid);
       });
     });
@@ -9793,26 +9793,19 @@ 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) => {
+  getReplicaSets(replicaSets) {
+    return replicaSets.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;
@@ -9827,8 +9820,9 @@ class DeploymentModel extends WorkloadModel {
     var _a, _b;
     return (_b = (_a = this.metadata) == null ? void 0 : _a.annotations) == null ? void 0 : _b["deployment.kubernetes.io/revision"];
   }
-  get currentReplicaSet() {
-    return this.replicaSets.find((rs) => rs.revision === this.revision);
+  getCurrentReplicaSet(replicaSets) {
+    const myReplicaSets = this.getReplicaSets(replicaSets);
+    return myReplicaSets.find((rs) => rs.revision === this.revision);
   }
 }
 class DaemonSetModel extends WorkloadModel {
@@ -9836,6 +9830,22 @@ class DaemonSetModel extends WorkloadModel {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
+  getControllerRevisions(controllerVisions) {
+    return controllerVisions.filter(
+      (controllerRevision) => {
+        var _a, _b;
+        return (_b = (_a = controllerRevision.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some(
+          (ownerReference) => ownerReference.kind === "DaemonSet" && ownerReference.uid === this.metadata.uid
+        );
+      }
+    );
+  }
+  getRevision(controllerVisions) {
+    const myControllerVisions = this.getControllerRevisions(controllerVisions);
+    return myControllerVisions.reduce((result, controllerRevision) => {
+      return Math.max(result, Number(controllerRevision.revision || 0));
+    }, 0);
+  }
   get stateDisplay() {
     var _a, _b;
     if (((_a = this.status) == null ? void 0 : _a.desiredNumberScheduled) !== ((_b = this.status) == null ? void 0 : _b.numberReady)) {
@@ -9855,6 +9865,22 @@ class StatefulSetModel extends WorkloadModel {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
+  getControllerRevisions(controllerVisions) {
+    return controllerVisions.filter(
+      (controllerRevision) => {
+        var _a, _b;
+        return (_b = (_a = controllerRevision.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some(
+          (ownerReference) => ownerReference.kind === "DaemonSet" && ownerReference.uid === this.metadata.uid
+        );
+      }
+    );
+  }
+  getRevision(controllerVisions) {
+    const myControllerVisions = this.getControllerRevisions(controllerVisions);
+    return myControllerVisions.reduce((result, controllerRevision) => {
+      return Math.max(result, Number(controllerRevision.revision || 0));
+    }, 0);
+  }
   get stateDisplay() {
     var _a, _b, _c;
     if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
@@ -10057,6 +10083,29 @@ class PersistentVolumeClaimModel extends ResourceModel {
     return set(yaml2, "spec.resources.requests.storage", `${distributeStorage}Gi`);
   }
 }
+class ControllerRevisionModel extends ResourceModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    this._rawYaml = _rawYaml;
+  }
+  get revision() {
+    return this._rawYaml.revision;
+  }
+}
+class IngressClassModel extends ResourceModel {
+  constructor(_rawYaml, _globalStore) {
+    super(_rawYaml, _globalStore);
+    this._rawYaml = _rawYaml;
+  }
+  get isDefault() {
+    var _a, _b;
+    return ((_b = (_a = this._rawYaml.metadata) == null ? void 0 : _a.annotations) == null ? void 0 : _b["ingressclass.kubernetes.io/is-default-class"]) === "true";
+  }
+  get controller() {
+    var _a;
+    return (_a = this.spec) == null ? void 0 : _a.controller;
+  }
+}
 const index_1r58r8x = "";
 const ServiceInClusterAccessComponent = ({
   service
@@ -10951,7 +11000,7 @@ const DeleteManyButton = (props) => {
   }, [setVisible]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(LegacyModal, { ...modalProps }) : null
   ] });
 };
 const index_1iwpuwe = "";
@@ -13000,6 +13049,36 @@ const LabelsAndAnnotationsShow = ({
     })]
   });
 };
+const NetworkPolicyRulesViewer_r6jity = "";
+const MonacoYamlEditor$3 = lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
+const EditorStyle$1 = "e1cjl2b8";
+const NetworkPolicyRulesViewer = ({
+  ingressOrEgress,
+  kind
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  if (!ingressOrEgress) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: t2("dovetail.no_resource", {
+        kind: kind || t2("dovetail.rule")
+      }),
+      type: ErrorContentType.List
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}),
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$3, {
+      schemas: [],
+      defaultValue: yaml$2.dump(ingressOrEgress),
+      height: "100%",
+      className: EditorStyle$1,
+      readOnly: true,
+      isScrollOnFocus: true
+    })
+  });
+};
 const baseNoReset = "";
 const index_14irc29 = "";
 const WrapperStyle$3 = "wve7dfm";
@@ -13195,6 +13274,7 @@ const PodLog = ({
     })]
   });
 };
+const tabs_1q5et9v = "";
 const EventsTab = ({
   i18n: i18n2,
   size
@@ -13202,15 +13282,13 @@ const EventsTab = ({
   title: i18n2.t("dovetail.event"),
   key: "events",
   background: "white",
-  groups: [
-    {
-      areas: [
-        {
-          fields: [EventsTableTabField({ size })]
-        }
-      ]
-    }
-  ]
+  groups: [{
+    areas: [{
+      fields: [EventsTableTabField({
+        size
+      })]
+    }]
+  }]
 });
 const ConditionsTab = ({
   i18n: i18n2,
@@ -13219,32 +13297,25 @@ const ConditionsTab = ({
   title: i18n2.t("dovetail.condition"),
   key: "conditions",
   background: "white",
-  groups: [
-    {
-      areas: [
-        {
-          fields: [
-            {
-              key: "Conditions",
-              path: ["status", "conditions"],
-              renderContent: (value2) => {
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "div",
-                  {
-                    style: {
-                      padding: size === "small" ? "0 12px" : "0 24px",
-                      height: "100%"
-                    },
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value2 })
-                  }
-                );
-              }
-            }
-          ]
+  groups: [{
+    areas: [{
+      fields: [{
+        key: "Conditions",
+        path: ["status", "conditions"],
+        renderContent: (value2) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+            style: {
+              padding: size === "small" ? "0 12px" : "0 24px",
+              height: "100%"
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, {
+              conditions: value2
+            })
+          });
         }
-      ]
-    }
-  ]
+      }]
+    }]
+  }]
 });
 const LabelAnnotationsTab = ({
   i18n: i18n2,
@@ -13253,53 +13324,41 @@ const LabelAnnotationsTab = ({
   title: i18n2.t("dovetail.label_annotations"),
   key: "label-annotations",
   background: "white",
-  groups: [
-    {
-      areas: [
-        {
-          fields: [
-            {
-              key: "label-annotations",
-              path: [],
-              renderContent: (_, record) => {
-                var _a, _b;
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  LabelsAndAnnotationsShow,
-                  {
-                    labels: (_a = record.metadata) == null ? void 0 : _a.labels,
-                    annotations: (_b = record.metadata) == null ? void 0 : _b.annotations,
-                    size
-                  }
-                );
-              }
-            }
-          ]
+  groups: [{
+    areas: [{
+      fields: [{
+        key: "label-annotations",
+        path: [],
+        renderContent: (_, record) => {
+          var _a, _b;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(LabelsAndAnnotationsShow, {
+            labels: (_a = record.metadata) == null ? void 0 : _a.labels,
+            annotations: (_b = record.metadata) == null ? void 0 : _b.annotations,
+            size
+          });
         }
-      ]
-    }
-  ]
+      }]
+    }]
+  }]
 });
 const PodLogTab = (i18n2, apiUrl) => ({
   title: i18n2.t("dovetail.log"),
   key: "pod-log",
   background: "white",
-  groups: [
-    {
-      areas: [
-        {
-          fields: [
-            {
-              key: "log",
-              path: [],
-              renderContent: (_, record) => {
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(PodLog, { pod: record, apiUrl });
-              }
-            }
-          ]
+  groups: [{
+    areas: [{
+      fields: [{
+        key: "log",
+        path: [],
+        renderContent: (_, record) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(PodLog, {
+            pod: record,
+            apiUrl
+          });
         }
-      ]
-    }
-  ]
+      }]
+    }]
+  }]
 });
 const PortsTab = ({
   i18n: i18n2
@@ -13307,15 +13366,11 @@ const PortsTab = ({
   title: i18n2.t("dovetail.port"),
   key: "ports",
   background: "white",
-  groups: [
-    {
-      areas: [
-        {
-          fields: [PortsTableField()]
-        }
-      ]
-    }
-  ]
+  groups: [{
+    areas: [{
+      fields: [PortsTableField()]
+    }]
+  }]
 });
 const IngressRulesTab = ({
   i18n: i18n2
@@ -13323,11 +13378,11 @@ const IngressRulesTab = ({
   title: i18n2.t("dovetail.rule"),
   key: "ingress-rules",
   background: "white",
-  groups: [
-    {
-      areas: [{ fields: [IngressRulesTableTabField()] }]
-    }
-  ]
+  groups: [{
+    areas: [{
+      fields: [IngressRulesTableTabField()]
+    }]
+  }]
 });
 const DataTab = ({
   i18n: i18n2
@@ -13335,11 +13390,11 @@ const DataTab = ({
   title: i18n2.t("dovetail.data"),
   key: "data",
   background: "white",
-  groups: [
-    {
-      areas: [{ fields: [DataField(i18n2)] }]
-    }
-  ]
+  groups: [{
+    areas: [{
+      fields: [DataField(i18n2)]
+    }]
+  }]
 });
 const SecretDataTab = ({
   i18n: i18n2
@@ -13347,42 +13402,59 @@ const SecretDataTab = ({
   title: i18n2.t("dovetail.data"),
   key: "secret-data",
   background: "white",
-  groups: [
-    {
-      areas: [{ fields: [SecretDataField()] }]
-    }
-  ]
+  groups: [{
+    areas: [{
+      fields: [SecretDataField()]
+    }]
+  }]
+});
+const NetworkPolicyRulesViewerStyle = "nrkw30o";
+const NetworkPolicyIngressRulesTab = ({
+  i18n: i18n2
+}) => ({
+  title: i18n2.t("dovetail.ingress_rule"),
+  key: "ingress-rules",
+  background: "white",
+  groups: [{
+    areas: [{
+      fields: [{
+        key: "Ingress",
+        path: ["spec", "ingress"],
+        render: (ingress) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+            className: NetworkPolicyRulesViewerStyle,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(NetworkPolicyRulesViewer, {
+              ingressOrEgress: ingress
+            })
+          });
+        }
+      }]
+    }]
+  }]
+});
+const NetworkPolicyEgressRulesTab = ({
+  i18n: i18n2
+}) => ({
+  title: i18n2.t("dovetail.egress_rule"),
+  key: "egress-rules",
+  background: "white",
+  groups: [{
+    areas: [{
+      fields: [{
+        key: "Egress",
+        path: ["spec", "egress"],
+        render: (egress) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+            className: NetworkPolicyRulesViewerStyle,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(NetworkPolicyRulesViewer, {
+              ingressOrEgress: egress
+            })
+          });
+        }
+      }]
+    }]
+  }]
 });
-const NetworkPolicyRulesViewer_r6jity = "";
-const MonacoYamlEditor$3 = lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
-const EditorStyle$1 = "e1cjl2b8";
-const NetworkPolicyRulesViewer = ({
-  ingressOrEgress,
-  kind
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  if (!ingressOrEgress) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
-      errorText: t2("dovetail.no_resource", {
-        kind: kind || t2("dovetail.rule")
-      }),
-      type: ErrorContentType.Card
-    });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$3, {
-      schemas: [],
-      defaultValue: yaml$2.dump(ingressOrEgress),
-      height: "300px",
-      className: EditorStyle$1,
-      readOnly: true,
-      isScrollOnFocus: true
-    })
-  });
-};
 const PodContainersTable = ({
   containerStatuses,
   initContainerStatuses
@@ -13673,7 +13745,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_m77hzs = "";
+const ShowContentView_1gmp0tu = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -13831,7 +13903,8 @@ const ShowContentView = (props) => {
     if (shouldRenderRow) {
       FieldContainer = Row;
       fieldContainerProps = {
-        gutter: [24, 8]
+        gutter: [24, 8],
+        className: "c1lh8loq"
       };
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(GroupContainer, {
@@ -16550,7 +16623,7 @@ function ConfirmModal({
     t: t2
   } = useTranslation();
   const popModal = usePopModal();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(LegacyModal, {
     className: SmallModalStyle,
     width: "414px",
     title: t2("dovetail.edit_form"),
@@ -18959,7 +19032,7 @@ const AgeColumnRenderer = (i18n2, config, {
     dataIndex,
     title: i18n2.t("dovetail.created_time"),
     width: 120,
-    sorter: true,
+    sorter: CommonSorter(dataIndex),
     render: (value2) => {
       return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
@@ -19299,9 +19372,9 @@ const PortMappingColumnRenderer = (i18n2) => {
           style: {
             whiteSpace: "pre"
           },
-          children: [v.servicePort, " > ", v.targetPort, "/", v.protocol]
+          children: [v.servicePort, " → ", v.targetPort, "/", v.protocol]
         }),
-        tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
+        tooltip: `${v.servicePort} → ${v.targetPort}/${v.protocol}`
       }, v.servicePort));
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         value: content
@@ -19692,7 +19765,9 @@ class ModelPlugin {
         StorageClass: StorageClassModel,
         PersistentVolume: PersistentVolumeModel,
         PersistentVolumeClaim: PersistentVolumeClaimModel,
-        ReplicaSet: ReplicaSetModel
+        ReplicaSet: ReplicaSetModel,
+        ControllerRevision: ControllerRevisionModel,
+        IngressClass: IngressClassModel
       })
     ));
   }
@@ -19840,6 +19915,7 @@ export {
   ConditionsTab,
   ConditionsTable,
   ConfigsContext,
+  ControllerRevisionModel,
   CreateButton,
   CronJobDropdown,
   CronJobModel,
@@ -19883,6 +19959,7 @@ export {
   ImageField,
   ImageNames,
   IngressClassColumnRenderer,
+  IngressClassModel,
   IngressDefaultBackendColumnRenderer,
   IngressModel,
   IngressRulesColumnRenderer,
@@ -19924,7 +20001,9 @@ export {
   NamespaceSelectWidget,
   NamespacesFilter,
   NetworkPolicyEgressRulesGroup,
+  NetworkPolicyEgressRulesTab,
   NetworkPolicyIngressRulesGroup,
+  NetworkPolicyIngressRulesTab,
   NetworkPolicyModel,
   NetworkPolicyRulesViewer,
   NodeModel,

package/dist/style.css

@@ -2033,6 +2033,61 @@
 .c1wn08fn {
   display: flex;
   flex-direction: column;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
+.e1cjl2b8 {
+  border-radius: 8px;
+  border: 1px solid rgba(211, 218, 235, 0.6);
+}
+.e1cjl2b8 .monaco-editor,
+.e1cjl2b8 .monaco-scrollable-element,
+.e1cjl2b8 .overflow-guard > .margin {
+  border-radius: 8px;
 }.pf-v5-t-light {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -3391,14 +3446,11 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.e1cjl2b8 {
-  border-radius: 8px;
-  border: 1px solid rgba(211, 218, 235, 0.6);
-}
-.e1cjl2b8 .monaco-editor,
-.e1cjl2b8 .monaco-scrollable-element,
-.e1cjl2b8 .overflow-guard > .margin {
-  border-radius: 8px;
+.nrkw30o {
+  padding: 16px 24px;
+  width: 100%;
+  height: 100%;
+  min-height: 300px;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -3452,9 +3504,6 @@
   flex-direction: column;
   background: linear-gradient(180deg, #fff 0%, #edf0f7 100%);
 }
-.soapvs9 .ant-row {
-  margin-right: 0 !important;
-}
 
 .b13d603q {
   color: rgba(0, 21, 64, 0.3);
@@ -3577,6 +3626,11 @@
 
 .cxd8k68 {
   padding: 4px 0;
+}
+
+.c1lh8loq.ant-row {
+  row-gap: 4px;
+  margin-right: 0 !important;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*