@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.10 → 1.4.0-alpha.12

package/dist/{index-BwCZPalv.mjs → index-CWMOa8gQ.mjs}

@@ -1,9 +1,9 @@
 import styled, { css, createGlobalStyle } from 'styled-components';
 import * as React$1 from 'react';
 import React__default, { useState, useRef, useLayoutEffect, useReducer, useEffect, useCallback, useMemo, Fragment, createContext, useContext, memo, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, forwardRef, useImperativeHandle, PureComponent, Children, Component, lazy, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip as Tooltip$1, Space, Button, Card as Card$2, Row, Col, Tabs, notification, Form, Popover, Switch, Segmented, Table, Progress, Statistic, message, InputNumber, Dropdown, Slider, Result, DatePicker, Radio, Checkbox, Empty } from 'antd';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip as Tooltip$1, Space, Button, ConfigProvider, Popover, Card as Card$2, Row, Col, Tabs, notification, Form, Switch, Segmented, Table, Progress, Statistic, message, InputNumber, Dropdown, Slider, Result, DatePicker, Radio, Checkbox, Empty } from 'antd';
 import * as AntIcons from '@ant-design/icons';
-import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, SearchOutlined, EyeOutlined, EyeInvisibleOutlined, CopyOutlined, WarningOutlined, MoreOutlined, DownOutlined, CheckOutlined, CloseOutlined, QuestionCircleOutlined, BugOutlined, EllipsisOutlined, PoweroffOutlined, FullscreenExitOutlined, FullscreenOutlined, SettingOutlined, ReloadOutlined } from '@ant-design/icons';
+import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, SearchOutlined, EyeOutlined, EyeInvisibleOutlined, CopyOutlined, WarningOutlined, MoreOutlined, DownOutlined, QuestionCircleOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined, PoweroffOutlined, FullscreenExitOutlined, FullscreenOutlined, SettingOutlined, ReloadOutlined } from '@ant-design/icons';
 import { useNavigate, useSearchParams, Link, useLocation, useParams } from 'react-router-dom';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import RFB from 'novnc-next';
@@ -1578,7 +1578,7 @@ const CustomTreeProvider = styled.div`
     justify-content: center;
   }
 `;
-const Styled$I = {
+const Styled$J = {
   CustomTreeProvider
 };
 
@@ -1643,7 +1643,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$J.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -8243,14 +8243,14 @@ const ContentContainer = styled.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$H = {
+const Styled$I = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$H.ContentContainer,
+    Styled$I.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8311,13 +8311,13 @@ const UncontrolledSelect$1 = styled(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$G = {
+const Styled$H = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
 const CustomSelect$5 = styled(Select)`
@@ -8365,13 +8365,13 @@ const CustomSelect$5 = styled(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$F = {
+const Styled$G = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
 const CursorPointerTag = styled(Tag)`
@@ -8518,7 +8518,7 @@ const Abbr$2 = styled.span`
   height: min-content;
   margin-right: 4px;
 `;
-const Styled$E = {
+const Styled$F = {
   Abbr: Abbr$2
 };
 
@@ -8558,7 +8558,7 @@ const ResourceLink = ({
     baseFactoriesMapping
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.Abbr, { $bgColor: bgColor, children: abbr }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.Abbr, { $bgColor: bgColor, children: abbr }),
     resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       Typography.Link,
       {
@@ -8597,7 +8597,7 @@ const NoWrapContainer = styled.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$D = {
+const Styled$E = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -8640,9 +8640,9 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$D.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$E.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
@@ -8650,12 +8650,12 @@ const HeightDiv$1 = styled.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$C = {
+const Styled$D = {
   HeightDiv: HeightDiv$1
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 
 const kindByGvr = (entries) => (gvr) => {
@@ -9642,7 +9642,7 @@ const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$B = {
+const Styled$C = {
   HeightDiv
 };
 
@@ -9672,7 +9672,7 @@ const ManageableBreadcrumbsProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -9688,7 +9688,7 @@ const ManageableBreadcrumbsProvider = ({
     fallbackIdToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result }, JSON.stringify(idToCompare));
 };
@@ -9716,7 +9716,7 @@ const CustomMenu = styled(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$A = {
+const Styled$B = {
   CustomMenu
 };
 
@@ -9743,7 +9743,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$A.CustomMenu,
+    Styled$B.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -34284,7 +34284,7 @@ const ShortenedText = styled.div`
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$z = {
+const Styled$A = {
   ShortenedText
 };
 
@@ -34293,7 +34293,7 @@ const ShortenedTextWithTooltip = ({ text, trimLength, maxWidth = 200 }) => {
     const trimmedText = text.substring(0, trimLength);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: text, placement: "top", children: trimmedText });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -34429,18 +34429,48 @@ const TextAlignContainer = styled.div`
   text-align: ${({ $align }) => $align};
 `;
 
+const TableTag = styled(Tag)`
+  margin: 0;
+  flex-shrink: 0;
+`;
+const TooltipTagsContainer = styled(Flex)`
+  max-width: min(95vw, 900px);
+  min-width: min(60vw, 320px);
+`;
+const TooltipTag = styled(Tag)`
+  margin: 0;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+const Styled$z = {
+  TableTag,
+  TooltipTagsContainer,
+  TooltipTag
+};
+
 const TrimmedTags = ({ tags, trimLength }) => {
-  const renderTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { style: { margin: 0, flexShrink: 0 }, children: tag }, tag));
+  const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.TableTag, { children: tag }, tag));
+  const popoverTheme = { components: { Popover: { zIndexPopup: 2100 } } };
+  const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.TooltipTag, { children: tag }, tag)) });
   if (trimLength && trimLength < tags.length) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { wrap: "nowrap", gap: "4px", children: [
-      renderTags(tags.slice(0, trimLength)),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: renderTags(tags.slice(trimLength)) }), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tag, { children: [
-        "+",
-        tags.length - trimLength
-      ] }, "more") })
+      renderTableTags(tags.slice(0, trimLength)),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider, { theme: popoverTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Popover,
+        {
+          content: renderTooltipTags(tags.slice(trimLength)),
+          styles: { root: { maxWidth: "min(95vw, 900px)" } },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$z.TableTag, { children: [
+            "+",
+            tags.length - trimLength
+          ] }, "more")
+        }
+      ) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { wrap: "nowrap", gap: "4px", children: renderTags(tags) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { wrap: "nowrap", gap: "4px", children: renderTableTags(tags) });
 };
 
 const isFlatObject = (obj) => {
@@ -35010,8 +35040,100 @@ const AntdTabs = ({
   data,
   children
 }) => {
-  const { id, ...tabsProps } = data;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs, { ...tabsProps, children });
+  const { id, syncActiveKeyWithHash, allowOpenInNewBrowserTab, unmountOnTabChange, ...tabsProps } = data;
+  const destroyOnHidden = unmountOnTabChange ?? tabsProps.destroyOnHidden ?? true;
+  const tabKeys = useMemo(
+    () => (tabsProps.items || []).map((item) => item?.key).filter((key) => typeof key === "string"),
+    [tabsProps.items]
+  );
+  const [hashActiveKey, setHashActiveKey] = useState(() => {
+    if (typeof window === "undefined") return void 0;
+    const hashValue = decodeURIComponent(window.location.hash.replace(/^#/, ""));
+    return hashValue || void 0;
+  });
+  const tabItemsWithLinks = useMemo(() => {
+    if (!allowOpenInNewBrowserTab || !tabsProps.items || typeof window === "undefined") {
+      return tabsProps.items;
+    }
+    return tabsProps.items.map((item) => {
+      const tabKey = item?.key !== void 0 && item?.key !== null ? String(item.key) : "";
+      if (!tabKey) return item;
+      const href = `${window.location.pathname}${window.location.search}#${encodeURIComponent(tabKey)}`;
+      return {
+        ...item,
+        label: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: { color: "inherit", textDecoration: "none" },
+            onClick: (event) => {
+              if (event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey) {
+                event.preventDefault();
+              }
+            },
+            children: item.label
+          }
+        )
+      };
+    });
+  }, [allowOpenInNewBrowserTab, tabsProps.items]);
+  const updateUrlHash = (nextKey) => {
+    if (typeof window === "undefined") return;
+    const currentHash = decodeURIComponent(window.location.hash.replace(/^#/, ""));
+    if (currentHash === nextKey) return;
+    const oldUrl = window.location.href;
+    const nextHash = `#${encodeURIComponent(nextKey)}`;
+    const nextUrl = `${window.location.pathname}${window.location.search}${nextHash}`;
+    window.history.replaceState(window.history.state, "", nextUrl);
+    if (typeof HashChangeEvent === "function") {
+      window.dispatchEvent(new HashChangeEvent("hashchange", { oldURL: oldUrl, newURL: window.location.href }));
+    } else {
+      window.dispatchEvent(new Event("hashchange"));
+    }
+  };
+  useEffect(() => {
+    if (!syncActiveKeyWithHash || typeof window === "undefined") {
+      return void 0;
+    }
+    const readHashKey = () => {
+      const hashValue = decodeURIComponent(window.location.hash.replace(/^#/, ""));
+      setHashActiveKey(hashValue || void 0);
+    };
+    readHashKey();
+    window.addEventListener("hashchange", readHashKey);
+    return () => window.removeEventListener("hashchange", readHashKey);
+  }, [syncActiveKeyWithHash]);
+  const fallbackKey = (tabsProps.activeKey !== void 0 ? String(tabsProps.activeKey) : void 0) || (tabsProps.defaultActiveKey !== void 0 ? String(tabsProps.defaultActiveKey) : void 0) || tabKeys[0];
+  const shouldValidateHashAgainstItems = tabKeys.length > 0;
+  const isHashKeyValid = !!hashActiveKey && (!shouldValidateHashAgainstItems || tabKeys.includes(hashActiveKey));
+  const resolvedActiveKey = isHashKeyValid ? hashActiveKey : fallbackKey;
+  useEffect(() => {
+    if (!syncActiveKeyWithHash || typeof window === "undefined") return;
+    if (!resolvedActiveKey) return;
+    updateUrlHash(resolvedActiveKey);
+  }, [resolvedActiveKey, syncActiveKeyWithHash]);
+  const onTabChange = (activeKey) => {
+    tabsProps.onChange?.(activeKey);
+    if (!syncActiveKeyWithHash || typeof window === "undefined") return;
+    updateUrlHash(activeKey);
+    setHashActiveKey(activeKey);
+  };
+  if (!syncActiveKeyWithHash) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs, { ...tabsProps, items: tabItemsWithLinks, destroyOnHidden, children });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Tabs,
+    {
+      ...tabsProps,
+      items: tabItemsWithLinks,
+      destroyOnHidden,
+      activeKey: resolvedActiveKey,
+      onChange: onTabChange,
+      children
+    }
+  );
 };
 
 const AntdButton = ({
@@ -43444,14 +43566,55 @@ const findManagedFieldsLine = (model) => {
   }
   return null;
 };
-const collapseManagedFieldsInEditor = (editor) => {
+const findManagedFieldsRange = (model) => {
+  const startLineNumber = findManagedFieldsLine(model);
+  if (startLineNumber === null) return null;
+  const startLine = model.getLineContent(startLineNumber);
+  const managedFieldsIndent = startLine.match(/^\s*/)?.[0].length ?? 0;
+  for (let lineNumber = startLineNumber + 1; lineNumber <= model.getLineCount(); lineNumber++) {
+    const line = model.getLineContent(lineNumber);
+    const trimmed = line.trim();
+    const indent = line.match(/^\s*/)?.[0].length ?? 0;
+    if (trimmed && indent <= managedFieldsIndent) {
+      const endLineNumber = lineNumber - 1;
+      if (endLineNumber <= startLineNumber) return null;
+      return { startLineNumber, endLineNumber };
+    }
+  }
+  if (startLineNumber >= model.getLineCount()) return null;
+  return { startLineNumber, endLineNumber: model.getLineCount() };
+};
+const collapseManagedFieldsInEditor = async (editor) => {
   const model = editor.getModel();
-  if (!model) return;
-  const managedFieldsLine = findManagedFieldsLine(model);
-  if (managedFieldsLine === null) return;
-  if (managedFieldsLine >= model.getLineCount()) return;
-  editor.setPosition({ lineNumber: managedFieldsLine, column: 1 });
-  editor.trigger("managed-fields-collapse", "editor.fold", null);
+  if (!model) return false;
+  const range = findManagedFieldsRange(model);
+  if (!range) return false;
+  const managedFieldsLine = range.startLineNumber;
+  const foldingController = editor.getContribution?.(
+    "editor.contrib.folding"
+  );
+  if (!foldingController?.getFoldingModel) {
+    editor.trigger("managed-fields-collapse", "editor.fold", {
+      selectionLines: [managedFieldsLine],
+      levels: 1,
+      direction: "down"
+    });
+    return true;
+  }
+  const foldingModel = await foldingController.getFoldingModel();
+  if (!foldingModel) return false;
+  const { regions } = foldingModel;
+  let managedFieldsRegionIndex = -1;
+  for (let index = 0; index < regions.length; index++) {
+    if (regions.getStartLineNumber(index) === managedFieldsLine) {
+      managedFieldsRegionIndex = index;
+      break;
+    }
+  }
+  if (managedFieldsRegionIndex === -1) return false;
+  if (regions.isCollapsed(managedFieldsRegionIndex)) return true;
+  foldingModel.toggleCollapseState([{ regionIndex: managedFieldsRegionIndex }]);
+  return regions.isCollapsed(managedFieldsRegionIndex);
 };
 
 const NOTIFICATION_KEY = "yaml-data-changed";
@@ -43481,18 +43644,43 @@ const YamlEditorSingleton$1 = ({
   const latestPrefillYamlRef = useRef(null);
   const firstLoadRef = useRef(true);
   const editorRef = useRef(null);
+  const shouldCollapseOnNextYamlRef = useRef(false);
+  const collapseRetriesRef = useRef(0);
   const collapseManagedFieldsIfNeeded = useCallback(() => {
     const editor = editorRef.current;
-    if (!editor) return;
-    collapseManagedFieldsInEditor(editor);
+    if (!editor) return Promise.resolve(false);
+    return collapseManagedFieldsInEditor(editor);
+  }, []);
+  const setYamlDataWithManagedFieldsCollapsed = useCallback((nextYaml) => {
+    shouldCollapseOnNextYamlRef.current = true;
+    collapseRetriesRef.current = 0;
+    setYamlData(nextYaml);
   }, []);
+  const tryCollapseManagedFields = useCallback(() => {
+    if (!shouldCollapseOnNextYamlRef.current) return;
+    const MAX_RETRIES = 10;
+    const RETRY_DELAY_MS = 50;
+    setTimeout(() => {
+      collapseManagedFieldsIfNeeded().then((collapsed) => {
+        if (collapsed) {
+          shouldCollapseOnNextYamlRef.current = false;
+          collapseRetriesRef.current = 0;
+          return;
+        }
+        collapseRetriesRef.current += 1;
+        if (collapseRetriesRef.current <= MAX_RETRIES) {
+          tryCollapseManagedFields();
+        }
+      });
+    }, RETRY_DELAY_MS);
+  }, [collapseManagedFieldsIfNeeded]);
   const handleReload = useCallback(() => {
     api.destroy(NOTIFICATION_KEY);
     const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
     if (nextYaml !== null) {
-      setYamlData(nextYaml);
+      setYamlDataWithManagedFieldsCollapsed(nextYaml);
     }
-  }, [api]);
+  }, [api, setYamlDataWithManagedFieldsCollapsed]);
   const openNotificationYamlChanged = useCallback(() => {
     const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
@@ -43520,7 +43708,7 @@ const YamlEditorSingleton$1 = ({
     if (firstLoadRef.current) {
       initialPrefillYamlRef.current = nextYaml;
       latestPrefillYamlRef.current = nextYaml;
-      setYamlData(nextYaml);
+      setYamlDataWithManagedFieldsCollapsed(nextYaml);
       firstLoadRef.current = false;
       return;
     }
@@ -43528,13 +43716,12 @@ const YamlEditorSingleton$1 = ({
       openNotificationYamlChanged();
     }
     latestPrefillYamlRef.current = nextYaml;
-  }, [prefillValuesSchema, openNotificationYamlChanged]);
+  }, [prefillValuesSchema, openNotificationYamlChanged, setYamlDataWithManagedFieldsCollapsed]);
   useEffect(() => {
-    const id = setTimeout(() => {
-      collapseManagedFieldsIfNeeded();
-    }, 0);
-    return () => clearTimeout(id);
-  }, [yamlData, collapseManagedFieldsIfNeeded]);
+    if (!shouldCollapseOnNextYamlRef.current) return void 0;
+    tryCollapseManagedFields();
+    return void 0;
+  }, [yamlData, tryCollapseManagedFields]);
   const onSubmit = () => {
     setIsLoading(true);
     setError(void 0);
@@ -43594,9 +43781,9 @@ const YamlEditorSingleton$1 = ({
         value: yamlData,
         onMount: (editor) => {
           editorRef.current = editor;
-          setTimeout(() => {
-            collapseManagedFieldsIfNeeded();
-          }, 0);
+          if (shouldCollapseOnNextYamlRef.current) {
+            tryCollapseManagedFields();
+          }
         },
         onChange: (value) => {
           if (!readOnly) {
@@ -78364,7 +78551,7 @@ const TolerationsModal = ({
 };
 
 const LazyEnrichedTableModal = lazy(
-  () => import('./index-85og70S2.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
+  () => import('./index-DlJkWTNK.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
 );
 const renderActiveType = (activeType, extraProps) => {
   if (!activeType) return null;
@@ -79497,7 +79684,9 @@ const getMenuItems = (visibleActions, onActionClick, permissions) => visibleActi
   icon: getActionIcon(action),
   disabled: action.props.disabled || isActionDisabledByPermission(actionKey, permissions),
   danger: action.props.danger,
-  onClick: () => onActionClick(action)
+  onClick: () => {
+    onActionClick(action);
+  }
 }));
 
 const parseValueIfString = (value, ctx) => {
@@ -79814,6 +80003,96 @@ const useRerunHandlers = (ctx, multiQueryData, { showSuccess, showError }) => {
   };
   return { rerunModalData, isRerunLoading, handleRerunLastAction, handleRerunConfirm, handleRerunCancel };
 };
+const MAX_FAILED_PODS_SHOWN = 5;
+const buildDrainFailureDescription = ({ drained, failed, skipped }) => {
+  const lines = [`Evicted ${drained}, skipped ${skipped}, failed ${failed.length}`];
+  const shown = failed.slice(0, MAX_FAILED_PODS_SHOWN);
+  shown.forEach((pod) => {
+    lines.push(React__default.createElement("br", null), `${pod.namespace}/${pod.name}: ${pod.error}`);
+  });
+  if (failed.length > MAX_FAILED_PODS_SHOWN) {
+    lines.push(React__default.createElement("br", null), `+${failed.length - MAX_FAILED_PODS_SHOWN} more`);
+  }
+  return React__default.createElement(React__default.Fragment, null, ...lines);
+};
+const useDrainHandlers = (ctx, { showError }, notificationApi, invalidateMultiQuery) => {
+  const [drainModalData, setDrainModalData] = useState(null);
+  const [isDrainLoading, setIsDrainLoading] = useState(false);
+  const handleDrainAction = (action) => {
+    const bffEndpointPrepared = parseAll({ text: action.props.bffEndpoint, ...ctx });
+    const nodeNamePrepared = parseAll({ text: action.props.nodeName, ...ctx });
+    setDrainModalData({ bffEndpoint: bffEndpointPrepared, nodeName: nodeNamePrepared });
+  };
+  const handleDrainConfirm = () => {
+    if (!drainModalData) return;
+    setIsDrainLoading(true);
+    const drainLabel = `Drain ${drainModalData.nodeName}`;
+    axios.post(drainModalData.bffEndpoint, {
+      nodeName: drainModalData.nodeName,
+      apiPath: `/api/v1/nodes/${drainModalData.nodeName}`
+    }).then((response) => {
+      invalidateMultiQuery();
+      const { drained, failed, skipped } = response.data;
+      if (failed.length > 0) {
+        notificationApi.warning({
+          message: `${drainLabel} partially completed`,
+          description: buildDrainFailureDescription({ drained, failed, skipped }),
+          placement: "bottomRight",
+          duration: 0
+        });
+      } else {
+        notificationApi.success({
+          message: `${drainLabel} successful`,
+          description: `Evicted ${drained} pod(s), skipped ${skipped}`,
+          placement: "bottomRight"
+        });
+      }
+    }).catch((error) => {
+      showError(drainLabel, error);
+    }).finally(() => {
+      setIsDrainLoading(false);
+      setDrainModalData(null);
+    });
+  };
+  const handleDrainCancel = () => {
+    setDrainModalData(null);
+    setIsDrainLoading(false);
+  };
+  return { drainModalData, isDrainLoading, handleDrainAction, handleDrainConfirm, handleDrainCancel };
+};
+const useRollbackHandlers = (ctx, { showSuccess, showError }) => {
+  const [rollbackModalData, setRollbackModalData] = useState(null);
+  const [isRollbackLoading, setIsRollbackLoading] = useState(false);
+  const handleRollbackAction = (action) => {
+    const bffEndpointPrepared = parseAll({ text: action.props.bffEndpoint, ...ctx });
+    const resourceNamePrepared = parseAll({ text: action.props.resourceName, ...ctx });
+    const resourceEndpointPrepared = parseAll({ text: action.props.resourceEndpoint, ...ctx });
+    setRollbackModalData({
+      bffEndpoint: bffEndpointPrepared,
+      resourceName: resourceNamePrepared,
+      resourceEndpoint: resourceEndpointPrepared
+    });
+  };
+  const handleRollbackConfirm = () => {
+    if (!rollbackModalData) return;
+    setIsRollbackLoading(true);
+    const rollbackLabel = `Rollback ${rollbackModalData.resourceName}`;
+    axios.post(rollbackModalData.bffEndpoint, {
+      resourceEndpoint: rollbackModalData.resourceEndpoint,
+      resourceName: rollbackModalData.resourceName
+    }).then(() => showSuccess(rollbackLabel)).catch((error) => {
+      showError(rollbackLabel, error);
+    }).finally(() => {
+      setIsRollbackLoading(false);
+      setRollbackModalData(null);
+    });
+  };
+  const handleRollbackCancel = () => {
+    setRollbackModalData(null);
+    setIsRollbackLoading(false);
+  };
+  return { rollbackModalData, isRollbackLoading, handleRollbackAction, handleRollbackConfirm, handleRollbackCancel };
+};
 const fireTriggerRunAction = (action, ctx, multiQueryData, { showSuccess, showError }) => {
   const createEndpointPrepared = parseAll({ text: action.props.createEndpoint, ...ctx });
   const cronJobNamePrepared = parseAll({ text: action.props.cronJobName, ...ctx });
@@ -79886,6 +80165,13 @@ const useActionsDropdownHandlers = ({ replaceValues, multiQueryData }) => {
   );
   const { evictModalData, isEvictLoading, setEvictModalData, handleEvictConfirm, handleEvictCancel } = useEvictHandlers(notificationCallbacks);
   const { rerunModalData, isRerunLoading, handleRerunLastAction, handleRerunConfirm, handleRerunCancel } = useRerunHandlers(ctx, multiQueryData, notificationCallbacks);
+  const { drainModalData, isDrainLoading, handleDrainAction, handleDrainConfirm, handleDrainCancel } = useDrainHandlers(
+    ctx,
+    notificationCallbacks,
+    notificationApi,
+    invalidateMultiQuery
+  );
+  const { rollbackModalData, isRollbackLoading, handleRollbackAction, handleRollbackConfirm, handleRollbackCancel } = useRollbackHandlers(ctx, notificationCallbacks);
   const handleDeleteChildrenAction = (action) => {
     try {
       const data = buildDeleteChildrenData(action, ctx);
@@ -79941,7 +80227,12 @@ const useActionsDropdownHandlers = ({ replaceValues, multiQueryData }) => {
       handleRerunLastAction(action);
       return;
     }
-    if (action.type === "drain" || action.type === "rollback") {
+    if (action.type === "drain") {
+      handleDrainAction(action);
+      return;
+    }
+    if (action.type === "rollback") {
+      handleRollbackAction(action);
       return;
     }
     setActiveAction(action);
@@ -79973,6 +80264,10 @@ const useActionsDropdownHandlers = ({ replaceValues, multiQueryData }) => {
     deleteChildrenModalData,
     rerunModalData,
     isRerunLoading,
+    drainModalData,
+    isDrainLoading,
+    rollbackModalData,
+    isRollbackLoading,
     handleActionClick,
     handleCloseModal,
     handleDeleteModalClose,
@@ -79982,7 +80277,11 @@ const useActionsDropdownHandlers = ({ replaceValues, multiQueryData }) => {
     handleScaleCancel,
     handleDeleteChildrenClose,
     handleRerunConfirm,
-    handleRerunCancel
+    handleRerunCancel,
+    handleDrainConfirm,
+    handleDrainCancel,
+    handleRollbackConfirm,
+    handleRollbackCancel
   };
 };
 
@@ -80262,6 +80561,10 @@ const ActionsDropdown = ({ data, children }) => {
     deleteChildrenModalData,
     rerunModalData,
     isRerunLoading,
+    drainModalData,
+    isDrainLoading,
+    rollbackModalData,
+    isRollbackLoading,
     handleActionClick,
     handleCloseModal,
     handleDeleteModalClose,
@@ -80271,7 +80574,11 @@ const ActionsDropdown = ({ data, children }) => {
     handleScaleCancel,
     handleDeleteChildrenClose,
     handleRerunConfirm,
-    handleRerunCancel
+    handleRerunCancel,
+    handleDrainConfirm,
+    handleDrainCancel,
+    handleRollbackConfirm,
+    handleRollbackCancel
   } = useActionsDropdownHandlers({
     replaceValues,
     multiQueryData: safeMultiQueryData
@@ -80344,6 +80651,30 @@ const ActionsDropdown = ({ data, children }) => {
         children: "This will create a new Job with the same spec."
       }
     ),
+    drainModalData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfirmModal,
+      {
+        title: `Drain node «${drainModalData.nodeName}»?`,
+        onConfirm: handleDrainConfirm,
+        onClose: handleDrainCancel,
+        confirmText: "Drain",
+        confirmLoading: isDrainLoading,
+        danger: true,
+        children: "This will cordon the node and evict all eligible pods. DaemonSet pods will be skipped."
+      }
+    ),
+    rollbackModalData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfirmModal,
+      {
+        title: `Rollback «${rollbackModalData.resourceName}»?`,
+        onConfirm: handleRollbackConfirm,
+        onClose: handleRollbackCancel,
+        confirmText: "Rollback",
+        confirmLoading: isRollbackLoading,
+        danger: true,
+        children: "This will revert the resource to its previous revision."
+      }
+    ),
     children
   ] });
 };
@@ -80582,6 +80913,7 @@ const getEnrichedColumns = ({
   additionalPrinterColumnsUndefinedValues,
   additionalPrinterColumnsTrimLengths,
   additionalPrinterColumnsColWidths,
+  additionalPrinterColumnsTooltips,
   additionalPrinterColumnsKeyTypeProps,
   additionalPrinterColumnsCustomSortersAndFilters,
   theme,
@@ -80599,6 +80931,7 @@ const getEnrichedColumns = ({
     const possibleUndefinedValue = additionalPrinterColumnsUndefinedValues?.find(({ key }) => key === el.key)?.value;
     const possibleTrimLength = additionalPrinterColumnsTrimLengths?.find(({ key }) => key === el.key)?.value;
     const possibleColWidth = additionalPrinterColumnsColWidths?.find(({ key }) => key === el.key)?.value;
+    const possibleTooltip = additionalPrinterColumnsTooltips?.find(({ key }) => key === el.key)?.value;
     const possibleCustomTypeWithProps = additionalPrinterColumnsKeyTypeProps && el.key ? additionalPrinterColumnsKeyTypeProps[el.key.toString()] : void 0;
     const useFactorySearch = possibleCustomTypeWithProps?.type === "factory";
     const colKey = el.key != null && String(el.key) || (Array.isArray(el.dataIndex) ? el.dataIndex.join(".") : String(el.dataIndex ?? colIndex));
@@ -80639,8 +80972,22 @@ const getEnrichedColumns = ({
       if (bNaN) return -1;
       return a - b;
     };
+    const columnTitle = possibleTooltip && typeof el.title !== "function" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: el.title || String(el.key || "") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: possibleTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          onClick: (e) => e.stopPropagation(),
+          onMouseDown: (e) => e.stopPropagation(),
+          onKeyDown: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionCircleOutlined, {})
+        }
+      ) })
+    ] }) : el.title;
     return {
       ...el,
+      title: columnTitle,
+      showSorterTooltip: false,
       render: (value, record) => getCellRender({
         value,
         record,
@@ -80852,6 +81199,7 @@ const EnrichedTable = ({
   additionalPrinterColumnsUndefinedValues,
   additionalPrinterColumnsTrimLengths,
   additionalPrinterColumnsColWidths,
+  additionalPrinterColumnsTooltips,
   additionalPrinterColumnsKeyTypeProps,
   additionalPrinterColumnsCustomSortersAndFilters,
   selectData,
@@ -80868,6 +81216,7 @@ const EnrichedTable = ({
     additionalPrinterColumnsUndefinedValues,
     additionalPrinterColumnsTrimLengths,
     additionalPrinterColumnsColWidths,
+    additionalPrinterColumnsTooltips,
     additionalPrinterColumnsKeyTypeProps,
     additionalPrinterColumnsCustomSortersAndFilters,
     theme,
@@ -81285,6 +81634,7 @@ const EnrichedTableProvider = ({
       additionalPrinterColumnsUndefinedValues: preparedProps.additionalPrinterColumnsUndefinedValues,
       additionalPrinterColumnsTrimLengths: preparedProps.additionalPrinterColumnsTrimLengths,
       additionalPrinterColumnsColWidths: preparedProps.additionalPrinterColumnsColWidths,
+      additionalPrinterColumnsTooltips: preparedProps.additionalPrinterColumnsTooltips,
       additionalPrinterColumnsKeyTypeProps: preparedProps.additionalPrinterColumnsKeyTypeProps,
       additionalPrinterColumnsCustomSortersAndFilters: preparedProps.additionalPrinterColumnsCustomSortersAndFilters,
       selectData,
@@ -89781,4 +90131,4 @@ const usePluginManifest = ({
 };
 
 export { useInfiniteSentinel as $, getBuiltinResourceTypes as A, getCrdData as B, getDirectUnknownResource as C, DeleteIcon as D, EnrichedTableProvider as E, checkPermission as F, getSwagger as G, filterIfApiInstanceNamespaceScoped as H, filterIfBuiltInInstanceNamespaceScoped as I, checkIfApiInstanceNamespaceScoped as J, checkIfBuiltInInstanceNamespaceScoped as K, getKinds as L, useClusterList as M, useApiResources as N, useApiResourceSingle as O, PaddingContainer as P, useBuiltinResources as Q, ReadOnlyModal as R, useBuiltinResourceSingle as S, useCrdResources as T, useCrdResourceSingle as U, useApisResourceTypes as V, useApiResourceTypesByGroup as W, useBuiltinResourceTypes as X, useCrdData as Y, useListWatch as Z, _$1 as _, useTheme as a, parseQuotaValueMemoryAndStorage as a$, useK8sVerbs as a0, useManyK8sSmartResource as a1, useSmartResourceParams as a2, useResourceScope as a3, useKinds as a4, usePluginManifest as a5, Spacer$1 as a6, TreeWithSearch as a7, ConfirmModal as a8, UpIcon as a9, EnrichedTable as aA, getEnrichedColumns as aB, getEnrichedColumnsWithControls as aC, YamlEditorSingleton$1 as aD, BlackholeFormProvider as aE, BlackholeForm as aF, getObjectFormItemsDraft as aG, MarketPlace as aH, MarketplaceCard as aI, ProjectInfoCard as aJ, PodTerminal as aK, NodeTerminal as aL, PodLogs as aM, PodLogsMonaco as aN, VMVNC as aO, Search as aP, Events as aQ, DynamicRenderer as aR, DynamicComponents as aS, DynamicRendererWithProviders as aT, prepareTemplate as aU, isFlatObject as aV, filterSelectOptions as aW, getStringByName as aX, floorToDecimal as aY, parseQuotaValue as aZ, parseQuotaValueCpu as a_, DownIcon as aa, BackToDefaultIcon as ab, SuccessIcon as ac, feedbackIcons as ad, PlusIcon as ae, MinusIcon as af, LockedIcon as ag, UnlockedIcon as ah, PauseCircleIcon as ai, ResumeCircleIcon as aj, LookingGlassIcon as ak, EarthIcon as al, ContentCard$1 as am, FlexGrow as an, UncontrolledSelect as ao, CustomSelect$4 as ap, CursorPointerTag as aq, CursorPointerTagMinContent as ar, CursorDefaultDiv as as, ResourceLink as at, ManageableBreadcrumbsProvider as au, prepareDataForManageableBreadcrumbs as av, ManageableBreadcrumbs as aw, ManageableSidebarProvider as ax, prepareDataForManageableSidebar as ay, ManageableSidebar as az, usePartsOfUrl as b, normalizeValuesForQuotasToNumber as b0, getAllPathsFromObj as b1, getPrefixSubarrays as b2, groupsToTreeData as b3, getBuiltinTreeData as b4, getGroupsByCategory as b5, createContextFactory as b6, prepareUrlsToFetchForDynamicRenderer as b7, deepMerge as b8, getSortedKinds as b9, getSortedKindsAll as ba, hslFromString as bb, getUppercase as bc, kindByGvr as bd, pluralByKind as be, namespacedByGvr as bf, getLinkToBuiltinForm as bg, getLinkToApiForm as bh, isMultilineString as bi, isMultilineFromYaml as bj, includesArray as bk, getResourceLink as bl, getNamespaceLink as bm, convertBytes as bn, formatBytesAuto as bo, toBytes as bp, convertStorage as bq, parseValueWithUnit as br, convertCores as bs, formatCoresAuto as bt, toCores as bu, convertCompute as bv, parseCoresWithUnit as bw, formatDateAuto as bx, isValidRFC3339 as by, usePermissions as c, useDirectUnknownResource as d, useK8sSmartResource as e, jsxRuntimeExports as f, EditIcon as g, getLinkToForm as h, DeleteModal as i, jp as j, DeleteModalMany as k, getClusterList as l, createNewEntry as m, updateEntry as n, deleteEntry as o, parseAll as p, getApiResources as q, getApiResourceSingle as r, serializeLabelsWithNoEncoding$1 as s, getBuiltinResources as t, useMultiQuery as u, getBuiltinResourceSingle as v, getCrdResources as w, getCrdResourceSingle as x, getApiResourceTypes as y, getApiResourceTypesByApiGroup as z };
-//# sourceMappingURL=index-BwCZPalv.mjs.map
+//# sourceMappingURL=index-CWMOa8gQ.mjs.map