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

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

@@ -1593,7 +1593,7 @@
     justify-content: center;
   }
 `;
-  const Styled$J = {
+  const Styled$K = {
     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$J.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$K.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Tree,
         {
           treeData: loop(treeData),
@@ -8258,14 +8258,14 @@
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-  const Styled$I = {
+  const Styled$J = {
     ContentContainer
   };
 
   const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
     const { token } = antd.theme.useToken();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$I.ContentContainer,
+      Styled$J.ContentContainer,
       {
         $flexGrow: flexGrow,
         $bgColor: token.colorBgContainer,
@@ -8326,13 +8326,13 @@
     padding-inline: 8px;
   }
 `;
-  const Styled$H = {
+  const Styled$I = {
     UncontrolledSelect: UncontrolledSelect$1
   };
 
   const UncontrolledSelect = (props) => {
     const { isCursorPointer } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
   };
 
   const CustomSelect$5 = styled(antd.Select)`
@@ -8380,13 +8380,13 @@
     margin-block: 0 !important;
   }
 `;
-  const Styled$G = {
+  const Styled$H = {
     CustomSelect: CustomSelect$5
   };
 
   const CustomSelect$4 = (props) => {
     const { paddingContainerEnd, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
   };
 
   const CursorPointerTag = styled(antd.Tag)`
@@ -8533,7 +8533,7 @@
   height: min-content;
   margin-right: 4px;
 `;
-  const Styled$F = {
+  const Styled$G = {
     Abbr: Abbr$2
   };
 
@@ -8573,7 +8573,7 @@
       baseFactoriesMapping
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.Abbr, { $bgColor: bgColor, children: abbr }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.Abbr, { $bgColor: bgColor, children: abbr }),
       resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Typography.Link,
         {
@@ -8612,7 +8612,7 @@
     flex-wrap: nowrap !important;
   }
 `;
-  const Styled$E = {
+  const Styled$F = {
     PositionRelativeContainer,
     FullWidthContainer,
     NoWrapContainer
@@ -8655,9 +8655,9 @@
       };
       return [firstItem, ellipsisItem, lastItem];
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$E.PositionRelativeContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$F.PositionRelativeContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
     ] });
   };
 
@@ -8665,12 +8665,12 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$D = {
+  const Styled$E = {
     HeightDiv: HeightDiv$1
   };
 
   const ManageableBreadcrumbs = ({ data }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
   };
 
   const kindByGvr = (entries) => (gvr) => {
@@ -9657,7 +9657,7 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$C = {
+  const Styled$D = {
     HeightDiv
   };
 
@@ -9687,7 +9687,7 @@
       return null;
     }
     if (rawDataLoading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     if (!rawData) {
       return null;
@@ -9703,7 +9703,7 @@
       fallbackIdToCompare
     });
     if (!result) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, {});
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result }, JSON.stringify(idToCompare));
   };
@@ -9731,7 +9731,7 @@
     margin: 0 !important;
   }
 `;
-  const Styled$B = {
+  const Styled$C = {
     CustomMenu
   };
 
@@ -9758,7 +9758,7 @@
       setSelectedKeys(data.selectedKeys);
     }, [data.selectedKeys]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$B.CustomMenu,
+      Styled$C.CustomMenu,
       {
         selectedKeys,
         onSelect: () => {
@@ -34299,7 +34299,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-  const Styled$A = {
+  const Styled$B = {
     ShortenedText
   };
 
@@ -34308,7 +34308,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$A.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.ShortenedText, { $maxWidth: maxWidth, children: text }) });
   };
 
   const FilterDropdown = ({
@@ -34444,18 +34444,48 @@
   text-align: ${({ $align }) => $align};
 `;
 
+  const TableTag = styled(antd.Tag)`
+  margin: 0;
+  flex-shrink: 0;
+`;
+  const TooltipTagsContainer = styled(antd.Flex)`
+  max-width: min(95vw, 900px);
+  min-width: min(60vw, 320px);
+`;
+  const TooltipTag = styled(antd.Tag)`
+  margin: 0;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+  const Styled$A = {
+    TableTag,
+    TooltipTagsContainer,
+    TooltipTag
+  };
+
   const TrimmedTags = ({ tags, trimLength }) => {
-    const renderTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { style: { margin: 0, flexShrink: 0 }, children: tag }, tag));
+    const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TableTag, { children: tag }, tag));
+    const popoverTheme = { components: { Popover: { zIndexPopup: 2100 } } };
+    const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TooltipTag, { children: tag }, tag)) });
     if (trimLength && trimLength < tags.length) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { wrap: "nowrap", gap: "4px", children: [
-        renderTags(tags.slice(0, trimLength)),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: renderTags(tags.slice(trimLength)) }), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Tag, { children: [
-          "+",
-          tags.length - trimLength
-        ] }, "more") })
+        renderTableTags(tags.slice(0, trimLength)),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(antd.ConfigProvider, { theme: popoverTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Popover,
+          {
+            content: renderTooltipTags(tags.slice(trimLength)),
+            styles: { root: { maxWidth: "min(95vw, 900px)" } },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$A.TableTag, { children: [
+              "+",
+              tags.length - trimLength
+            ] }, "more")
+          }
+        ) })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { wrap: "nowrap", gap: "4px", children: renderTags(tags) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { wrap: "nowrap", gap: "4px", children: renderTableTags(tags) });
   };
 
   const isFlatObject = (obj) => {
@@ -35025,8 +35055,100 @@
     data,
     children
   }) => {
-    const { id, ...tabsProps } = data;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tabs, { ...tabsProps, children });
+    const { id, syncActiveKeyWithHash, allowOpenInNewBrowserTab, unmountOnTabChange, ...tabsProps } = data;
+    const destroyOnHidden = unmountOnTabChange ?? tabsProps.destroyOnHidden ?? true;
+    const tabKeys = React$1.useMemo(
+      () => (tabsProps.items || []).map((item) => item?.key).filter((key) => typeof key === "string"),
+      [tabsProps.items]
+    );
+    const [hashActiveKey, setHashActiveKey] = React$1.useState(() => {
+      if (typeof window === "undefined") return void 0;
+      const hashValue = decodeURIComponent(window.location.hash.replace(/^#/, ""));
+      return hashValue || void 0;
+    });
+    const tabItemsWithLinks = React$1.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"));
+      }
+    };
+    React$1.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;
+    React$1.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(antd.Tabs, { ...tabsProps, items: tabItemsWithLinks, destroyOnHidden, children });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      antd.Tabs,
+      {
+        ...tabsProps,
+        items: tabItemsWithLinks,
+        destroyOnHidden,
+        activeKey: resolvedActiveKey,
+        onChange: onTabChange,
+        children
+      }
+    );
   };
 
   const AntdButton = ({
@@ -43459,14 +43581,55 @@
     }
     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";
@@ -43496,18 +43659,43 @@
     const latestPrefillYamlRef = React$1.useRef(null);
     const firstLoadRef = React$1.useRef(true);
     const editorRef = React$1.useRef(null);
+    const shouldCollapseOnNextYamlRef = React$1.useRef(false);
+    const collapseRetriesRef = React$1.useRef(0);
     const collapseManagedFieldsIfNeeded = React$1.useCallback(() => {
       const editor = editorRef.current;
-      if (!editor) return;
-      collapseManagedFieldsInEditor(editor);
+      if (!editor) return Promise.resolve(false);
+      return collapseManagedFieldsInEditor(editor);
+    }, []);
+    const setYamlDataWithManagedFieldsCollapsed = React$1.useCallback((nextYaml) => {
+      shouldCollapseOnNextYamlRef.current = true;
+      collapseRetriesRef.current = 0;
+      setYamlData(nextYaml);
     }, []);
+    const tryCollapseManagedFields = React$1.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 = React$1.useCallback(() => {
       api.destroy(NOTIFICATION_KEY);
       const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
       if (nextYaml !== null) {
-        setYamlData(nextYaml);
+        setYamlDataWithManagedFieldsCollapsed(nextYaml);
       }
-    }, [api]);
+    }, [api, setYamlDataWithManagedFieldsCollapsed]);
     const openNotificationYamlChanged = React$1.useCallback(() => {
       const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Button,
@@ -43535,7 +43723,7 @@
       if (firstLoadRef.current) {
         initialPrefillYamlRef.current = nextYaml;
         latestPrefillYamlRef.current = nextYaml;
-        setYamlData(nextYaml);
+        setYamlDataWithManagedFieldsCollapsed(nextYaml);
         firstLoadRef.current = false;
         return;
       }
@@ -43543,13 +43731,12 @@
         openNotificationYamlChanged();
       }
       latestPrefillYamlRef.current = nextYaml;
-    }, [prefillValuesSchema, openNotificationYamlChanged]);
+    }, [prefillValuesSchema, openNotificationYamlChanged, setYamlDataWithManagedFieldsCollapsed]);
     React$1.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);
@@ -43609,9 +43796,9 @@
           value: yamlData,
           onMount: (editor) => {
             editorRef.current = editor;
-            setTimeout(() => {
-              collapseManagedFieldsIfNeeded();
-            }, 0);
+            if (shouldCollapseOnNextYamlRef.current) {
+              tryCollapseManagedFields();
+            }
           },
           onChange: (value) => {
             if (!readOnly) {
@@ -79512,7 +79699,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     icon: getActionIcon(action),
     disabled: action.props.disabled || isActionDisabledByPermission(actionKey, permissions),
     danger: action.props.danger,
-    onClick: () => onActionClick(action)
+    onClick: () => {
+      onActionClick(action);
+    }
   }));
 
   const parseValueIfString = (value, ctx) => {
@@ -79829,6 +80018,96 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     };
     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$1.createElement("br", null), `${pod.namespace}/${pod.name}: ${pod.error}`);
+    });
+    if (failed.length > MAX_FAILED_PODS_SHOWN) {
+      lines.push(React$1.createElement("br", null), `+${failed.length - MAX_FAILED_PODS_SHOWN} more`);
+    }
+    return React$1.createElement(React$1.Fragment, null, ...lines);
+  };
+  const useDrainHandlers = (ctx, { showError }, notificationApi, invalidateMultiQuery) => {
+    const [drainModalData, setDrainModalData] = React$1.useState(null);
+    const [isDrainLoading, setIsDrainLoading] = React$1.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] = React$1.useState(null);
+    const [isRollbackLoading, setIsRollbackLoading] = React$1.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 });
@@ -79901,6 +80180,13 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     );
     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);
@@ -79956,7 +80242,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         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);
@@ -79988,6 +80279,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       deleteChildrenModalData,
       rerunModalData,
       isRerunLoading,
+      drainModalData,
+      isDrainLoading,
+      rollbackModalData,
+      isRollbackLoading,
       handleActionClick,
       handleCloseModal,
       handleDeleteModalClose,
@@ -79997,7 +80292,11 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       handleScaleCancel,
       handleDeleteChildrenClose,
       handleRerunConfirm,
-      handleRerunCancel
+      handleRerunCancel,
+      handleDrainConfirm,
+      handleDrainCancel,
+      handleRollbackConfirm,
+      handleRollbackCancel
     };
   };
 
@@ -80277,6 +80576,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       deleteChildrenModalData,
       rerunModalData,
       isRerunLoading,
+      drainModalData,
+      isDrainLoading,
+      rollbackModalData,
+      isRollbackLoading,
       handleActionClick,
       handleCloseModal,
       handleDeleteModalClose,
@@ -80286,7 +80589,11 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       handleScaleCancel,
       handleDeleteChildrenClose,
       handleRerunConfirm,
-      handleRerunCancel
+      handleRerunCancel,
+      handleDrainConfirm,
+      handleDrainCancel,
+      handleRollbackConfirm,
+      handleRollbackCancel
     } = useActionsDropdownHandlers({
       replaceValues,
       multiQueryData: safeMultiQueryData
@@ -80359,6 +80666,30 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           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
     ] });
   };
@@ -80597,6 +80928,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     additionalPrinterColumnsUndefinedValues,
     additionalPrinterColumnsTrimLengths,
     additionalPrinterColumnsColWidths,
+    additionalPrinterColumnsTooltips,
     additionalPrinterColumnsKeyTypeProps,
     additionalPrinterColumnsCustomSortersAndFilters,
     theme,
@@ -80614,6 +80946,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       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));
@@ -80654,8 +80987,22 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         if (bNaN) return -1;
         return a - b;
       };
+      const columnTitle = possibleTooltip && typeof el.title !== "function" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 4, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: el.title || String(el.key || "") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: possibleTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            onClick: (e) => e.stopPropagation(),
+            onMouseDown: (e) => e.stopPropagation(),
+            onKeyDown: (e) => e.stopPropagation(),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.QuestionCircleOutlined, {})
+          }
+        ) })
+      ] }) : el.title;
       return {
         ...el,
+        title: columnTitle,
+        showSorterTooltip: false,
         render: (value, record) => getCellRender({
           value,
           record,
@@ -80867,6 +81214,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     additionalPrinterColumnsUndefinedValues,
     additionalPrinterColumnsTrimLengths,
     additionalPrinterColumnsColWidths,
+    additionalPrinterColumnsTooltips,
     additionalPrinterColumnsKeyTypeProps,
     additionalPrinterColumnsCustomSortersAndFilters,
     selectData,
@@ -80883,6 +81231,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       additionalPrinterColumnsUndefinedValues,
       additionalPrinterColumnsTrimLengths,
       additionalPrinterColumnsColWidths,
+      additionalPrinterColumnsTooltips,
       additionalPrinterColumnsKeyTypeProps,
       additionalPrinterColumnsCustomSortersAndFilters,
       theme,
@@ -81300,6 +81649,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         additionalPrinterColumnsUndefinedValues: preparedProps.additionalPrinterColumnsUndefinedValues,
         additionalPrinterColumnsTrimLengths: preparedProps.additionalPrinterColumnsTrimLengths,
         additionalPrinterColumnsColWidths: preparedProps.additionalPrinterColumnsColWidths,
+        additionalPrinterColumnsTooltips: preparedProps.additionalPrinterColumnsTooltips,
         additionalPrinterColumnsKeyTypeProps: preparedProps.additionalPrinterColumnsKeyTypeProps,
         additionalPrinterColumnsCustomSortersAndFilters: preparedProps.additionalPrinterColumnsCustomSortersAndFilters,
         selectData,