@prorobotech/openapi-k8s-toolkit 1.5.0-alpha.3 → 1.5.0-alpha.4

package/dist/openapi-k8s-toolkit.umd.js

@@ -1593,7 +1593,7 @@
     justify-content: center;
   }
 `;
-  const Styled$M = {
+  const Styled$O = {
     CustomTreeProvider
   };
 
@@ -1658,7 +1658,7 @@
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$M.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$O.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Tree,
         {
           treeData: loop(treeData),
@@ -8273,14 +8273,14 @@
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-  const Styled$L = {
+  const Styled$N = {
     ContentContainer
   };
 
   const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
     const { token } = antd.theme.useToken();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$L.ContentContainer,
+      Styled$N.ContentContainer,
       {
         $flexGrow: flexGrow,
         $bgColor: token.colorBgContainer,
@@ -8341,13 +8341,13 @@
     padding-inline: 8px;
   }
 `;
-  const Styled$K = {
+  const Styled$M = {
     UncontrolledSelect: UncontrolledSelect$1
   };
 
   const UncontrolledSelect = (props) => {
     const { isCursorPointer } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$K.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$M.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
   };
 
   const CustomSelect$5 = styled(antd.Select)`
@@ -8395,13 +8395,13 @@
     margin-block: 0 !important;
   }
 `;
-  const Styled$J = {
+  const Styled$L = {
     CustomSelect: CustomSelect$5
   };
 
   const CustomSelect$4 = (props) => {
     const { paddingContainerEnd, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$J.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$L.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
   };
 
   const CursorPointerTag = styled(antd.Tag)`
@@ -8551,7 +8551,7 @@
   height: min-content;
   margin-right: 4px;
 `;
-  const Styled$I = {
+  const Styled$K = {
     Abbr: Abbr$2
   };
 
@@ -8591,7 +8591,7 @@
       baseFactoriesMapping
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.Abbr, { $bgColor: bgColor, children: abbr }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$K.Abbr, { $bgColor: bgColor, children: abbr }),
       resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Typography.Link,
         {
@@ -9675,7 +9675,7 @@
     flex-wrap: nowrap !important;
   }
 `;
-  const Styled$H = {
+  const Styled$J = {
     PositionRelativeContainer,
     FullWidthContainer,
     NoWrapContainer
@@ -9718,9 +9718,9 @@
       };
       return [firstItem, ellipsisItem, lastItem];
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$H.PositionRelativeContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$J.PositionRelativeContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$J.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$J.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
     ] });
   };
 
@@ -9728,12 +9728,12 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$G = {
+  const Styled$I = {
     HeightDiv: HeightDiv$1
   };
 
   const ManageableBreadcrumbs = ({ data }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
   };
 
   const prepareTemplate = ({
@@ -9792,7 +9792,7 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$F = {
+  const Styled$H = {
     HeightDiv
   };
 
@@ -9822,7 +9822,7 @@
       return null;
     }
     if (rawDataLoading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     if (!rawData) {
       return null;
@@ -9838,7 +9838,7 @@
       fallbackIdToCompare
     });
     if (!result) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.HeightDiv, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.HeightDiv, {});
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result }, JSON.stringify(idToCompare));
   };
@@ -9866,7 +9866,7 @@
     margin: 0 !important;
   }
 `;
-  const Styled$E = {
+  const Styled$G = {
     CustomMenu
   };
 
@@ -9893,7 +9893,7 @@
       setSelectedKeys(data.selectedKeys);
     }, [data.selectedKeys]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$E.CustomMenu,
+      Styled$G.CustomMenu,
       {
         selectedKeys,
         onSelect: () => {
@@ -34467,7 +34467,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-  const Styled$D = {
+  const Styled$F = {
     ShortenedText
   };
 
@@ -34476,7 +34476,7 @@
       const trimmedText = text.substring(0, trimLength);
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, placement: "top", children: trimmedText });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.ShortenedText, { $maxWidth: maxWidth, children: text }) });
   };
 
   const FilterDropdown = ({
@@ -34627,16 +34627,16 @@
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-  const Styled$C = {
+  const Styled$E = {
     TableTag,
     TooltipTagsContainer,
     TooltipTag
   };
 
   const TrimmedTags = ({ tags, trimLength }) => {
-    const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.TableTag, { children: tag }, tag));
+    const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.TableTag, { children: tag }, tag));
     const popoverTheme = { components: { Popover: { zIndexPopup: 2100 } } };
-    const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.TooltipTag, { children: tag }, tag)) });
+    const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.TooltipTag, { children: tag }, tag)) });
     if (trimLength && trimLength < tags.length) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { wrap: "nowrap", gap: "4px", children: [
         renderTableTags(tags.slice(0, trimLength)),
@@ -34645,7 +34645,7 @@
           {
             content: renderTooltipTags(tags.slice(trimLength)),
             styles: { root: { maxWidth: "min(95vw, 900px)" } },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$C.TableTag, { children: [
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$E.TableTag, { children: [
               "+",
               tags.length - trimLength
             ] }, "more")
@@ -43781,7 +43781,7 @@
   font-size: 16px;
   line-height: 24px;
 `;
-  const Styled$B = {
+  const Styled$D = {
     BorderRadiusContainer: BorderRadiusContainer$1,
     ControlsRowContainer: ControlsRowContainer$1,
     BigText: BigText$1
@@ -44011,7 +44011,7 @@
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       contextHolder,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Ft$1,
         {
           defaultLanguage: "yaml",
@@ -44036,7 +44036,7 @@
           }
         }
       ) }),
-      !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+      !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { type: "primary", onClick: onSubmit, loading: isLoading, disabled: canEdit === false, children: "Submit" }),
         backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: () => navigate(backlink), children: "Cancel" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: handleReload, children: "Reload" })
@@ -44047,7 +44047,7 @@
           open: !!error,
           onOk: () => setError(void 0),
           onCancel: () => setError(void 0),
-          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.BigText, { children: "Error!" }) }),
+          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.BigText, { children: "Error!" }) }),
           cancelButtonProps: { style: { display: "none" } },
           centered: true,
           styles: {
@@ -44208,7 +44208,7 @@
   const VisibilityContainer$1 = styled.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-  const Styled$A = {
+  const Styled$C = {
     VisibilityContainer: VisibilityContainer$1
   };
 
@@ -44258,7 +44258,7 @@
       return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const shouldAutoHide = !criteria && (!valuePrepared || valuePrepared === "~undefined-value~");
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
   };
 
   const unknownToString = (value) => {
@@ -44511,7 +44511,7 @@
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-  const Styled$z = {
+  const Styled$B = {
     Container: Container$3,
     TitleBar,
     Content: Content$1
@@ -44538,14 +44538,14 @@
       }
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Styled$z.Container,
+      Styled$B.Container,
       {
         $designNewLayout: designNewLayout,
         $borderColor: token.colorBorder,
         $bgColor: token.colorBgContainer,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { justify: "space-between", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$z.TitleBar, { onClick: () => toggleCollapse(), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$B.TitleBar, { onClick: () => toggleCollapse(), children: [
               !designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.CaretDownOutlined, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.CaretRightOutlined, { size: 14 }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title }),
               designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(DownIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(UpIcon, {}) })
@@ -44556,7 +44556,7 @@
               persistedCheckbox
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
         ]
       }
     );
@@ -44636,13 +44636,13 @@
   const Content = styled.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-  const Styled$y = {
+  const Styled$A = {
     Content
   };
 
   const ArrayInsideContainer = ({ children }) => {
     const designNewLayout = useDesignNewLayout();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.Content, { $designNewLayout: designNewLayout, children });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.Content, { $designNewLayout: designNewLayout, children });
   };
 
   const includesPath = (haystack, needle) => haystack.some((h) => h.length === needle.length && h.every((seg, i) => seg === String(needle[i])));
@@ -44665,14 +44665,14 @@
   height: ${({ $height }) => $height}px;
 `;
 
-  const Styled$x = {
+  const Styled$z = {
     BulbIcon: styled(AntIcons.BulbOutlined)`
     margin-left: 6px;
   `
   };
 
   const ExampleTooltipIcon = ({ tooltip }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.BulbIcon, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.BulbIcon, {}) });
   };
 
   const NullToggleButton = ({ isNull, onSetNull, onClear, disabled }) => {
@@ -44829,7 +44829,7 @@
   const ResetedFormList$3 = styled(antd.Form.List)`
   margin-bottom: 8px;
 `;
-  const Styled$w = {
+  const Styled$y = {
     ResetedFormList: ResetedFormList$3
   };
 
@@ -44920,7 +44920,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[3], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Row, { gutter: [16, 16], children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ResetedFormItem$1,
@@ -44981,7 +44981,7 @@
   const ResetedFormList$2 = styled(antd.Form.List)`
   margin-bottom: 8px;
 `;
-  const Styled$v = {
+  const Styled$x = {
     ResetedFormList: ResetedFormList$2
   };
 
@@ -45082,7 +45082,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[4], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Row, { gutter: [16, 16], children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ResetedFormItem$1,
@@ -45174,7 +45174,7 @@
   const ResetedFormList$1 = styled(antd.Form.List)`
   margin-bottom: 8px;
 `;
-  const Styled$u = {
+  const Styled$w = {
     ResetedFormList: ResetedFormList$1
   };
 
@@ -45270,7 +45270,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Row, { gutter: [16, 16], children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ResetedFormItem$1,
@@ -47348,7 +47348,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     margin-bottom: 0 !important;
   }
 `;
-  const Styled$t = {
+  const Styled$v = {
     NoSelect,
     DisabledInput,
     DisabledTextArea,
@@ -47466,8 +47466,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       const shownValue = useNiceLooking ? value2 : effectiveHidden ? "" : value2;
       const resolvedMultilineRows = resolveMultilineRows(value2, multilineRows);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 8, ...flexProps, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NoSelect, { style: inputContainerStyle, children: useNiceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te, { theme, hidden: effectiveHidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$t.DisabledInput,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.NoSelect, { style: inputContainerStyle, children: useNiceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te, { theme, hidden: effectiveHidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled$v.DisabledInput,
           {
             $hidden: effectiveHidden,
             onClick: (e) => handleInputClick(e, effectiveHidden, value2),
@@ -47475,7 +47475,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             readOnly: true
           }
         ) }) : multiline ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$t.DisabledTextArea,
+          Styled$v.DisabledTextArea,
           {
             $hidden: effectiveHidden,
             onClick: (e) => handleInputClick(e, effectiveHidden, value2),
@@ -47484,7 +47484,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             readOnly: true
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$t.DisabledInput,
+          Styled$v.DisabledInput,
           {
             $hidden: effectiveHidden,
             onClick: (e) => handleInputClick(e, effectiveHidden, value2),
@@ -47507,13 +47507,13 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       const secretsEntries = objectToRender ? Object.entries(objectToRender) : [];
       if (secretsEntries.length === 0) {
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NotificationOverrides, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.NotificationOverrides, {}),
           emptyTextPrepared && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { style: textStyle, children: emptyTextPrepared }),
           contextHolder
         ] });
       }
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NotificationOverrides, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.NotificationOverrides, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { vertical: true, gap: 8, children: secretsEntries.map(([key, rawValue]) => {
           const parsedValue = parseAll({
             text: typeof rawValue === "string" ? rawValue : String(rawValue),
@@ -47539,7 +47539,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       ] });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NotificationOverrides, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.NotificationOverrides, {}),
       renderSecretField({
         value: decodedText,
         isHidden: hidden,
@@ -47562,7 +47562,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   letter-spacing: 0.02em;
   box-sizing: content-box;
 `;
-  const Styled$s = {
+  const Styled$u = {
     RoundSpan
   };
 
@@ -47599,7 +47599,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       multiQueryData
     }) : getUppercase(parsedValue);
     const bgColor = hslFromString(parsedValue, theme);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
   };
 
   const serializeLabelsWithNoEncoding = (input) => {
@@ -78306,7 +78306,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
   }
 `;
-  const Styled$r = {
+  const Styled$t = {
     TitleSelect
   };
 
@@ -78391,7 +78391,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$r.TitleSelect,
+        Styled$t.TitleSelect,
         {
           value: currentValuePrepared,
           onChange: handleChange,
@@ -78978,7 +78978,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   const HiddenContainer = styled.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "auto"};
 `;
-  const Styled$q = {
+  const Styled$s = {
     Card: Card$1,
     CardTitle,
     CardNumber,
@@ -79057,7 +79057,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const jsonRoot = multiQueryData[`req${counter.props.reqIndex}`];
     if (jsonRoot === void 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Styled$q.Card,
+        Styled$s.Card,
         {
           $colorBorder: token.colorBorder,
           $colorBgContainer: token.colorBgContainer,
@@ -79072,15 +79072,15 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 4, vertical: true, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled$q.CardTitle,
+                Styled$s.CardTitle,
                 {
                   $colorTextDescription: token.colorTextDescription,
                   children: `Counter: ${id}: No root for json path`
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardNumber, { $colorText: token.colorText, children: "-" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardNumber, { $colorText: token.colorText, children: "-" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
           ]
         }
       );
@@ -79090,7 +79090,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const { counter: counterToDisplay, error: errorParsingCounter } = counter.type === "item" ? getItemCounterItemsInside(anythingForNow) : getKeyCounterItemsInside(anythingForNow);
     if (errorParsingCounter) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Styled$q.Card,
+        Styled$s.Card,
         {
           $colorBorder: token.colorBorder,
           $colorBgContainer: token.colorBgContainer,
@@ -79104,10 +79104,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 4, vertical: true, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardTitle, { $colorTextDescription: token.colorTextDescription, children: errorParsingCounter }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardNumber, { $colorText: token.colorText, children: "-" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardTitle, { $colorTextDescription: token.colorTextDescription, children: errorParsingCounter }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardNumber, { $colorText: token.colorText, children: "-" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
           ]
         }
       );
@@ -79115,7 +79115,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const parsedText = parseAll({ text, replaceValues, multiQueryData });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Styled$q.Card,
+        Styled$s.Card,
         {
           $colorBorder: token.colorBorder,
           $colorBgContainer: token.colorBgContainer,
@@ -79129,14 +79129,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 4, vertical: true, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardTitle, { $colorTextDescription: token.colorTextDescription, children: parsedText }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardNumber, { $colorText: token.colorText, children: counterToDisplay })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardTitle, { $colorTextDescription: token.colorTextDescription, children: parsedText }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardNumber, { $colorText: token.colorText, children: counterToDisplay })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.HiddenContainer, { $isHidden: !open, children: canOpenActiveType && renderActiveType(activeType, {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HiddenContainer, { $isHidden: !open, children: canOpenActiveType && renderActiveType(activeType, {
         open,
         onClose: () => setOpen(false),
         disableSubmit: !canSubmitActiveType
@@ -79565,7 +79565,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   white-space: nowrap;
   z-index: 3;
 `;
-  const Styled$p = {
+  const Styled$r = {
     TooltipContent,
     TooltipRow,
     TooltipDot,
@@ -79715,17 +79715,17 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const usedPercent = clampPercent(resolvedUsed ?? NaN, resolvedLimit ?? NaN);
     const limitPercent = 100;
     const gradientMidStop = `${requestedPercent.toFixed(2)}%`;
-    const tooltipTitle = /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipContent, { $colorInfoBgHover: token.colorInfoBgHover, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipRow, { $colorText: token.colorText, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.TooltipDot, { $color: "#5EDBBD" }),
+    const tooltipTitle = /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.TooltipContent, { $colorInfoBgHover: token.colorInfoBgHover, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.TooltipRow, { $colorText: token.colorText, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.TooltipDot, { $color: "#5EDBBD" }),
         "Requested"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipRow, { $colorText: token.colorText, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.TooltipDot, { $color: "#FF1C1C" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.TooltipRow, { $colorText: token.colorText, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.TooltipDot, { $color: "#FF1C1C" }),
         "Used"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipRow, { $colorText: token.colorText, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.TooltipDot, { $color: "#FD9125" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.TooltipRow, { $colorText: token.colorText, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.TooltipDot, { $color: "#FD9125" }),
         "Limit"
       ] })
     ] });
@@ -79806,10 +79806,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     if (shouldShowError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.Wrapper, { style: containerStyle, $colorBgContainer: token.colorBgContainer, $colorBorder: token.colorBorder, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.Title, { $colorText: token.colorText, children: title }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.ChartContainer, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.ChartWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.ChartInner, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ComposedChart, { data: chartData, margin: { top: 8, right: 12, left: 12, bottom: 0 }, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.Wrapper, { style: containerStyle, $colorBgContainer: token.colorBgContainer, $colorBorder: token.colorBorder, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.Title, { $colorText: token.colorText, children: title }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.ChartContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.ChartWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.ChartInner, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ComposedChart, { data: chartData, margin: { top: 8, right: 12, left: 12, bottom: 0 }, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "index", hide: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { hide: true, domain: yDomain, padding: { top: 6, bottom: 24 } }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -79833,9 +79833,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             }
           )
         ] }) }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.ChartOverlay, { $isDark: isDark })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.ChartOverlay, { $isDark: isDark })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.GradientBarWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.GradientBarContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.GradientBarWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.GradientBarContainer, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           antd.Tooltip,
           {
@@ -79847,7 +79847,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
               body: { padding: 0, borderRadius: 6 }
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Styled$p.GradientBar,
+              Styled$r.GradientBar,
               {
                 $minColor: minColor,
                 $midColor: midColor,
@@ -79857,12 +79857,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.BadgesContainer, { ref: badgesContainerRef, children: [
-          resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.BarMarker, { $left: requestedPercent, $edgeAlign: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestedMarkerSvg, {}) }),
-          resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.BarMarker, { $left: usedPercent, $flipX: true, $paddingTop: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UsedMarkerSvg, {}) }),
-          resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.BarMarker, { $left: limitPercent, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LimitMarkerSvg, {}) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$r.BadgesContainer, { ref: badgesContainerRef, children: [
+          resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.BarMarker, { $left: requestedPercent, $edgeAlign: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestedMarkerSvg, {}) }),
+          resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.BarMarker, { $left: usedPercent, $flipX: true, $paddingTop: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UsedMarkerSvg, {}) }),
+          resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.BarMarker, { $left: limitPercent, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LimitMarkerSvg, {}) }),
           resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Styled$p.UsedBadge,
+            Styled$r.UsedBadge,
             {
               ref: usedBadgeRef,
               $left: clampedUsedPercent ?? usedPercent,
@@ -79884,7 +79884,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             }
           ),
           resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Styled$p.MarkerLabel,
+            Styled$r.MarkerLabel,
             {
               ref: requestedLabelRef,
               $left: clampedRequestedPercent ?? requestedPercent,
@@ -79905,7 +79905,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             }
           ),
           resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Styled$p.MarkerLabel,
+            Styled$r.MarkerLabel,
             {
               ref: limitLabelRef,
               $left: limitPercent,
@@ -79973,7 +79973,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     font-size: 16px;
   }
 `;
-  const Styled$o = {
+  const Styled$q = {
     IconWrapper,
     IconScaler,
     IconButton
@@ -80023,7 +80023,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   };
   const getActionIcon = (action) => {
     if (action.props.iconBase64Encoded) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.IconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.IconScaler, { children: renderIcon$1(action.props.iconBase64Encoded, "currentColor") }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.IconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.IconScaler, { children: renderIcon$1(action.props.iconBase64Encoded, "currentColor") }) });
     }
     if (action.props.icon) {
       return renderAntIcon(action.props.icon);
@@ -81446,7 +81446,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     };
     const renderButton = () => {
       if (buttonVariant === "icon") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.IconButton, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.MoreOutlined, {}) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.IconButton, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.MoreOutlined, {}) });
       }
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Button, { children: [
         buttonText,
@@ -82085,7 +82085,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   justify-content: center;
   flex: 1;
 `;
-  const Styled$n = {
+  const Styled$p = {
     CenteredResultWrapper
   };
 
@@ -82109,7 +82109,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       const status = data.status ?? result.resultStatus;
       const title = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : getDefaultTitle(status);
       const subTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : result.message;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style }) });
     }
     if (Array.isArray(data.reqIndex)) {
       const worst = findWorstError(data.reqIndex, multiQueryData, getErrorForReq, shouldCheckEmpty, data.itemsPath);
@@ -82119,11 +82119,11 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       const status = data.status ?? worst.resultStatus;
       const title = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : getDefaultTitle(status);
       const subTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : worst.message;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style }) });
     }
     const parsedTitle = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : void 0;
     const parsedSubTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : void 0;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status: data.status, title: parsedTitle, subTitle: parsedSubTitle, style: data.style, children }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status: data.status, title: parsedTitle, subTitle: parsedSubTitle, style: data.style, children }) });
   };
 
   const DynamicComponents = {
@@ -82924,6 +82924,22 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     );
   };
 
+  const getMinHeight = (minHeight) => {
+    if (typeof minHeight === "number") {
+      return `${minHeight}px`;
+    }
+    return minHeight || "auto";
+  };
+  const LoadingContainer$2 = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: ${({ $minHeight }) => getMinHeight($minHeight)};
+`;
+  const Styled$o = {
+    LoadingContainer: LoadingContainer$2
+  };
+
   const prepare = ({
     dataItems,
     pathToKey,
@@ -83207,13 +83223,13 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       // isNamespaced,
     ]);
     if (!preparedProps && isLoading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.LoadingContainer, { $minHeight: tableProps?.loadingMinHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Alert, { message: isError, type: "error" });
     }
     if (!preparedProps) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.LoadingContainer, { $minHeight: tableProps?.loadingMinHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     const fullPath = `${location.pathname}${location.search}`;
     const { dataSource, columns } = prepare({
@@ -83844,7 +83860,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     border-radius: 8px;
   }
 `;
-  const Styled$m = {
+  const Styled$n = {
     BorderRadiusContainer
   };
 
@@ -83891,7 +83907,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         }
       }
     }, [yamlData, editorUri]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft$1,
       {
         language: "yaml",
@@ -86465,7 +86481,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   const MarginBottom = styled.div`
   margin-bottom: 8px;
 `;
-  const Styled$l = {
+  const Styled$m = {
     MarginBottom
   };
 
@@ -86562,7 +86578,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         },
         arrKey !== void 0 ? arrKey : Array.isArray(name) ? name.slice(-1)[0] : name
       ),
-      isBase64 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.MarginBottom, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      isBase64 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.MarginBottom, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Input.TextArea,
         {
           placeholder,
@@ -86589,7 +86605,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   cursor: pointer;
   padding-top: 11px;
 `;
-  const Styled$k = {
+  const Styled$l = {
     SwitchAndCrossContainer,
     CrossContainer
   };
@@ -86617,7 +86633,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           onRemoveByMinus && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { size: "small", type: "text", onClick: onRemoveByMinus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$k.SwitchAndCrossContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$l.SwitchAndCrossContainer, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResetedFormItem$1,
           {
@@ -86636,7 +86652,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           }
         ),
         !defaultBtn.visible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$k.CrossContainer,
+          Styled$l.CrossContainer,
           {
             onClick: () => {
               if (makeValueUndefined) {
@@ -86937,7 +86953,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     border-radius: 8px;
   }
 `;
-  const Styled$j = {
+  const Styled$k = {
     Container: Container$2
   };
 
@@ -86991,7 +87007,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         }
       }
     }, [yamlText, modelUri]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.Container, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.Container, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft$1,
       {
         language: "yaml",
@@ -87274,7 +87290,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   font-size: 16px;
   line-height: 24px;
 `;
-  const Styled$i = {
+  const Styled$j = {
     ResetedFormList,
     Container: Container$1,
     OverflowContainer: OverflowContainer$1,
@@ -87629,7 +87645,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$i.ResetedFormList,
+          Styled$j.ResetedFormList,
           {
             name: arrName || name,
             rules: arrayRules.length > 0 ? arrayRules : void 0,
@@ -89566,8 +89582,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       setPersistedKeys([...persistedKeys.filter((arr) => JSON.stringify(arr) !== JSON.stringify(value))]);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$i.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$j.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           antd.Form,
           {
             form,
@@ -89614,7 +89630,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         ) })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(FlexGrow, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           antd.Button,
           {
@@ -89635,7 +89651,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           open: !!error,
           onOk: () => setError(void 0),
           onCancel: () => setError(void 0),
-          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.BigText, { children: "Error!" }) }),
+          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.BigText, { children: "Error!" }) }),
           cancelButtonProps: { style: { display: "none" } },
           centered: true,
           styles: {
@@ -89663,7 +89679,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
               paddingRight: "30px"
             }
           },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(React$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(React$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Editor,
             {
               defaultLanguage: "json",
@@ -89682,6 +89698,16 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
+  const LoadingContainer$1 = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: ${({ $minHeight }) => $minHeight ? `${$minHeight}px` : "auto"};
+`;
+  const Styled$i = {
+    LoadingContainer: LoadingContainer$1
+  };
+
   const BlackholeFormProvider = ({
     theme,
     cluster,
@@ -89830,7 +89856,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       applyForceViewMode
     ]);
     if (isLoading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.LoadingContainer, { $minHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     if (modeData?.current === "Manual") {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(