@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.6 → 1.4.0-alpha.8

package/dist/{index-DclFY72w.mjs → index-DGEm7Wqt.mjs}

@@ -3,7 +3,7 @@ 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, Dropdown, Slider, InputNumber, 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, 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, CheckOutlined, CloseOutlined, QuestionCircleOutlined, 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';
@@ -9760,178 +9760,6 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
   );
 };
 
-const getLabel$1 = ({
-  preparedLink,
-  label,
-  key,
-  externalKeys,
-  replaceValues
-}) => {
-  const preparedLabel = prepareTemplate({ template: label, replaceValues });
-  if (preparedLink) {
-    if (externalKeys && externalKeys.includes(key)) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "a",
-        {
-          onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            const url = preparedLink.startsWith("/") ? `${window.location.origin}${preparedLink}` : preparedLink;
-            window.open(url);
-          },
-          children: preparedLabel
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: preparedLink, children: preparedLabel });
-  }
-  return preparedLabel;
-};
-const mapLinksFromRaw = ({
-  rawLinks,
-  replaceValues,
-  externalKeys
-}) => {
-  return rawLinks.map(({ key, label, link, children }) => {
-    const preparedLink = link ? prepareTemplate({ template: link, replaceValues }) : void 0;
-    return {
-      key,
-      label: getLabel$1({ preparedLink, label, key, externalKeys, replaceValues }),
-      internalMetaLink: preparedLink,
-      children: children ? mapLinksFromRaw({
-        rawLinks: children,
-        replaceValues,
-        externalKeys
-      }) : void 0
-    };
-  });
-};
-const findMatchingItems = ({
-  items,
-  pathname,
-  searchParams,
-  tags
-}) => {
-  const normalizePath = (value) => {
-    if (!value) {
-      return void 0;
-    }
-    return value.startsWith("/") ? value.slice(1) : value;
-  };
-  const traverse = (nodes, parents) => nodes.flatMap((node) => {
-    const currentPath = [...parents, node.key ? node.key : String(node.key)];
-    const cleanNodeInternalMetaLink = normalizePath(node.internalMetaLink);
-    const cleanPathname = normalizePath(pathname.split("?")[0]);
-    let searchSuffix;
-    if (searchParams && searchParams.length > 0) {
-      searchSuffix = searchParams.startsWith("?") ? searchParams : `?${searchParams}`;
-    }
-    let pathnameWithSearch;
-    if (searchSuffix) {
-      pathnameWithSearch = `${pathname}${searchSuffix}`;
-    } else if (pathname.includes("?")) {
-      pathnameWithSearch = pathname;
-    }
-    const cleanPathnameWithSearch = normalizePath(pathnameWithSearch);
-    const matched = cleanNodeInternalMetaLink === cleanPathname || cleanPathnameWithSearch && cleanNodeInternalMetaLink === cleanPathnameWithSearch ? currentPath : [];
-    const tagsToMatch = tags && tags.keysAndTags && node.key ? tags.keysAndTags[typeof node.key === "string" ? node.key : String(node.key)] : void 0;
-    const matchedByTags = tags && tags.currentTags && tagsToMatch && tagsToMatch.some((tag) => tags.currentTags?.includes(tag)) ? currentPath : [];
-    let childrenResults = [];
-    if ("children" in node && node.children) {
-      childrenResults = traverse(node.children, currentPath);
-    }
-    return [...matched, ...matchedByTags, ...childrenResults];
-  });
-  return traverse(items, []);
-};
-const prepareDataForManageableSidebar = ({
-  data,
-  replaceValues,
-  pathname,
-  searchParams,
-  idToCompare,
-  fallbackIdToCompare,
-  currentTags
-}) => {
-  const foundData = data.find((el) => el.id === idToCompare) || (fallbackIdToCompare ? data.find((el) => el.id === fallbackIdToCompare) : void 0);
-  if (!foundData) {
-    return void 0;
-  }
-  const preparedCurrentTags = currentTags && currentTags.length > 0 ? currentTags.map((el) => prepareTemplate({ template: el, replaceValues })) : void 0;
-  const result = {
-    menuItems: mapLinksFromRaw({
-      rawLinks: foundData.menuItems,
-      replaceValues,
-      externalKeys: foundData.externalKeys
-    })
-  };
-  const openedKeys = result?.menuItems ? findMatchingItems({
-    items: result?.menuItems,
-    pathname,
-    searchParams,
-    tags: { keysAndTags: foundData.keysAndTags, currentTags: preparedCurrentTags }
-  }) : [];
-  const stringedOpenedKeys = openedKeys.map((el) => typeof el === "string" ? el : String(el));
-  return { ...result, selectedKeys: stringedOpenedKeys };
-};
-
-const ManageableSidebarProvider = ({
-  cluster,
-  apiGroup,
-  apiVersion,
-  plural,
-  isEnabled,
-  replaceValues,
-  pathname,
-  searchParams,
-  idToCompare,
-  fallbackIdToCompare,
-  currentTags,
-  hidden,
-  noMarginTop
-}) => {
-  const {
-    data: rawData,
-    isError: rawDataError,
-    isLoading: rawDataLoading
-  } = useK8sSmartResource({
-    cluster,
-    apiGroup,
-    apiVersion,
-    plural,
-    isEnabled
-  });
-  if (rawDataError) {
-    return null;
-  }
-  if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {});
-  }
-  if (!rawData) {
-    return null;
-  }
-  if (hidden) {
-    return null;
-  }
-  const parsedData = rawData?.items.map(({ spec }) => spec);
-  if (!parsedData) {
-    return null;
-  }
-  const result = prepareDataForManageableSidebar({
-    data: parsedData,
-    replaceValues,
-    pathname,
-    searchParams,
-    idToCompare,
-    fallbackIdToCompare,
-    currentTags
-  });
-  if (!result) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebar, { data: result, noMarginTop });
-};
-
 function commonjsRequire(path) {
 	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -33947,6 +33775,509 @@ lodash.exports;
 var lodashExports = lodash.exports;
 const _$1 = /*@__PURE__*/getDefaultExportFromCjs(lodashExports);
 
+const parsePartsOfUrl = ({
+  template,
+  replaceValues
+}) => {
+  return prepareTemplate({ template, replaceValues });
+};
+const parseMutliqueryText = ({
+  text,
+  multiQueryData,
+  customFallback
+}) => {
+  if (!text) {
+    return "";
+  }
+  return text.replace(
+    /\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\](?:\[\s*['"]([^'"]+)['"]\s*\])?\}/g,
+    (_match, reqIndexStr, rawPath, fallback) => {
+      try {
+        const reqIndex = parseInt(reqIndexStr, 10);
+        const path = Array.from(rawPath.matchAll(/['"]([^'"]+)['"]/g)).map(
+          (m) => m[1]
+        );
+        const value = _$1.get(multiQueryData[`req${reqIndex}`] || {}, path, fallback !== void 0 ? fallback : void 0);
+        if (value == null && !customFallback) {
+          return fallback ?? "Undefined with no fallback";
+        }
+        if (customFallback && (value === void 0 || value === null)) {
+          return customFallback;
+        }
+        return String(value);
+      } catch {
+        return _match;
+      }
+    }
+  );
+};
+const parseJsonPathTemplate = ({
+  text,
+  multiQueryData,
+  customFallback,
+  replaceValues
+}) => {
+  if (!text) return "";
+  const placeholderRegex = /\{reqsJsonPath\[(\d+)\]\s*\[\s*(['"])([\s\S]*?)\2\s*\](?:\s*\[\s*(['"])([\s\S]*?)\4\s*\])?\}/g;
+  const resolve = (input) => input.replace(
+    placeholderRegex,
+    (match, reqIndexStr, _quote, rawJsonPathExpr, _fallbackQuote, inlineFallback = "Undefined with no fallback") => {
+      try {
+        const reqIndex = Number(reqIndexStr);
+        const jsonRoot = multiQueryData[`req${reqIndex}`];
+        let jsonPathExpr = rawJsonPathExpr;
+        let previous2 = null;
+        let loopGuard = 0;
+        while (previous2 !== jsonPathExpr && loopGuard < 10) {
+          previous2 = jsonPathExpr;
+          jsonPathExpr = resolve(jsonPathExpr);
+          loopGuard++;
+        }
+        if (replaceValues) {
+          jsonPathExpr = prepareTemplate({
+            template: jsonPathExpr,
+            replaceValues
+          });
+        }
+        if (jsonRoot === void 0 && customFallback) return customFallback;
+        if (jsonRoot === void 0) return inlineFallback;
+        const results = jp.query(jsonRoot, `$${jsonPathExpr}`);
+        const value = results?.[0];
+        if (value == null) {
+          return customFallback ?? inlineFallback;
+        }
+        return String(value);
+      } catch {
+        return match;
+      }
+    }
+  );
+  let result = text;
+  let previous = null;
+  let iterations = 0;
+  while (result !== previous && iterations < 10) {
+    previous = result;
+    result = resolve(result);
+    iterations++;
+  }
+  return result;
+};
+const parseWithoutPartsOfUrl = ({
+  text,
+  multiQueryData,
+  customFallback
+}) => {
+  return parseJsonPathTemplate({
+    text: parseMutliqueryText({
+      text,
+      multiQueryData,
+      customFallback
+    }),
+    multiQueryData,
+    customFallback
+  });
+};
+const parseAll = ({
+  text,
+  replaceValues,
+  multiQueryData
+}) => {
+  return parsePartsOfUrl({
+    template: parseJsonPathTemplate({
+      text: parseMutliqueryText({
+        text,
+        multiQueryData
+      }),
+      multiQueryData,
+      replaceValues
+    }),
+    replaceValues
+  });
+};
+const parsePromTemplate = ({
+  text,
+  replaceValues,
+  multiQueryData
+}) => {
+  const parsed = parseJsonPathTemplate({
+    text: parseMutliqueryText({
+      text,
+      multiQueryData
+    }),
+    multiQueryData,
+    replaceValues
+  });
+  return parsed.replace(/\{(\d+)\}/g, (_2, key) => replaceValues[key] || "");
+};
+
+const collectLinksWithResourcesList = ({
+  items,
+  parentPath = "",
+  replaceValues,
+  multiQueryData,
+  isEnabled
+}) => items.flatMap((item) => {
+  const nodePath = parentPath ? `${parentPath}/${item.key}` : item.key;
+  const self = item.resourcesList ? (() => {
+    const clusterPrepared = parseAll({
+      text: item.resourcesList.cluster,
+      replaceValues,
+      multiQueryData
+    });
+    const apiGroupPrepared = item.resourcesList.apiGroup ? parseAll({
+      text: item.resourcesList.apiGroup,
+      replaceValues,
+      multiQueryData
+    }) : void 0;
+    const apiVersionPrepared = parseAll({
+      text: item.resourcesList.apiVersion,
+      replaceValues,
+      multiQueryData
+    });
+    const pluralPrepared = parseAll({
+      text: item.resourcesList.plural,
+      replaceValues,
+      multiQueryData
+    });
+    const namespacePrepared = item.resourcesList.namespace ? parseAll({
+      text: item.resourcesList.namespace,
+      replaceValues,
+      multiQueryData
+    }) : void 0;
+    return [
+      {
+        nodePath,
+        k8sParams: {
+          cluster: clusterPrepared,
+          apiGroup: apiGroupPrepared,
+          apiVersion: apiVersionPrepared,
+          plural: pluralPrepared,
+          namespace: namespacePrepared,
+          isEnabled: Boolean(clusterPrepared && apiVersionPrepared && pluralPrepared && isEnabled !== false)
+        }
+      }
+    ];
+  })() : [];
+  const nested = item.children ? collectLinksWithResourcesList({
+    items: item.children,
+    parentPath: nodePath,
+    replaceValues,
+    multiQueryData,
+    isEnabled
+  }) : [];
+  return [...self, ...nested];
+});
+const getLabel$1 = ({
+  preparedLink,
+  label,
+  key,
+  externalKeys,
+  replaceValues,
+  multiQueryData
+}) => {
+  const preparedLabel = parseAll({ text: label, replaceValues, multiQueryData });
+  if (preparedLink) {
+    if (externalKeys && externalKeys.includes(key)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "a",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            const url = preparedLink.startsWith("/") ? `${window.location.origin}${preparedLink}` : preparedLink;
+            window.open(url);
+          },
+          children: preparedLabel
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: preparedLink, children: preparedLabel });
+  }
+  return preparedLabel;
+};
+const mapLinksFromRaw = ({
+  rawLinks,
+  replaceValues,
+  multiQueryData,
+  externalKeys,
+  resourcesListData,
+  parentPath = ""
+}) => {
+  return rawLinks.map(({ key, label, link, children, resourcesList }) => {
+    const nodePath = parentPath ? `${parentPath}/${key}` : key;
+    const preparedLink = link ? parseAll({ text: link, replaceValues, multiQueryData }) : void 0;
+    const staticChildren = children ? mapLinksFromRaw({
+      rawLinks: children,
+      replaceValues,
+      multiQueryData,
+      externalKeys,
+      resourcesListData,
+      parentPath: nodePath
+    }) : [];
+    const dynamicChildrenRaw = resourcesList ? (resourcesListData?.[nodePath]?.items || []).map((item, index) => {
+      const resourceName = (() => {
+        try {
+          const value = jp.query(item, `$${resourcesList.jsonPathToName}`)[0];
+          return value !== void 0 && value !== null ? String(value) : void 0;
+        } catch {
+          return void 0;
+        }
+      })();
+      if (!resourceName) {
+        return void 0;
+      }
+      const childLink = parseAll({
+        text: resourcesList.linkToResource,
+        replaceValues: { ...replaceValues, resourceName },
+        multiQueryData
+      });
+      const childKey = `${key}-${resourceName}-${index}`;
+      return {
+        key: childKey,
+        label: getLabel$1({
+          preparedLink: childLink,
+          label: resourceName,
+          key: childKey,
+          externalKeys,
+          replaceValues,
+          multiQueryData
+        }),
+        internalMetaLink: childLink
+      };
+    }).filter(Boolean) : [];
+    const dynamicChildren = dynamicChildrenRaw;
+    const mergedChildren = [...staticChildren, ...dynamicChildren];
+    return {
+      key,
+      label: getLabel$1({ preparedLink, label, key, externalKeys, replaceValues, multiQueryData }),
+      internalMetaLink: preparedLink,
+      children: mergedChildren.length > 0 ? mergedChildren : void 0
+    };
+  });
+};
+const findMatchingItems = ({
+  items,
+  pathname,
+  searchParams,
+  tags
+}) => {
+  const normalizePath = (value) => {
+    if (!value) {
+      return void 0;
+    }
+    return value.startsWith("/") ? value.slice(1) : value;
+  };
+  const traverse = (nodes, parents) => nodes.flatMap((node) => {
+    const currentPath = [...parents, node.key ? node.key : String(node.key)];
+    const cleanNodeInternalMetaLink = normalizePath(node.internalMetaLink);
+    const cleanPathname = normalizePath(pathname.split("?")[0]);
+    let searchSuffix;
+    if (searchParams && searchParams.length > 0) {
+      searchSuffix = searchParams.startsWith("?") ? searchParams : `?${searchParams}`;
+    }
+    let pathnameWithSearch;
+    if (searchSuffix) {
+      pathnameWithSearch = `${pathname}${searchSuffix}`;
+    } else if (pathname.includes("?")) {
+      pathnameWithSearch = pathname;
+    }
+    const cleanPathnameWithSearch = normalizePath(pathnameWithSearch);
+    const matched = cleanNodeInternalMetaLink === cleanPathname || cleanPathnameWithSearch && cleanNodeInternalMetaLink === cleanPathnameWithSearch ? currentPath : [];
+    const tagsToMatch = tags && tags.keysAndTags && node.key ? tags.keysAndTags[typeof node.key === "string" ? node.key : String(node.key)] : void 0;
+    const matchedByTags = tags && tags.currentTags && tagsToMatch && tagsToMatch.some((tag) => tags.currentTags?.includes(tag)) ? currentPath : [];
+    let childrenResults = [];
+    if ("children" in node && node.children) {
+      childrenResults = traverse(node.children, currentPath);
+    }
+    return [...matched, ...matchedByTags, ...childrenResults];
+  });
+  return traverse(items, []);
+};
+const stripInternalMetaFromItems = (items) => items.map((item) => {
+  if (!item) {
+    return item;
+  }
+  const rest = { ...item };
+  delete rest.internalMetaLink;
+  if ("children" in rest && Array.isArray(rest.children)) {
+    return {
+      ...rest,
+      children: stripInternalMetaFromItems(rest.children)
+    };
+  }
+  return rest;
+});
+const prepareDataForManageableSidebar = ({
+  data,
+  replaceValues,
+  multiQueryData = {},
+  pathname,
+  searchParams,
+  idToCompare,
+  fallbackIdToCompare,
+  currentTags,
+  resourcesListData
+}) => {
+  const foundData = data.find((el) => el.id === idToCompare) || (fallbackIdToCompare ? data.find((el) => el.id === fallbackIdToCompare) : void 0);
+  if (!foundData) {
+    return void 0;
+  }
+  const preparedCurrentTags = currentTags && currentTags.length > 0 ? currentTags.map((el) => parseAll({ text: el, replaceValues, multiQueryData })) : void 0;
+  const result = {
+    menuItems: mapLinksFromRaw({
+      rawLinks: foundData.menuItems,
+      replaceValues,
+      multiQueryData,
+      externalKeys: foundData.externalKeys,
+      resourcesListData
+    })
+  };
+  const openedKeys = result?.menuItems ? findMatchingItems({
+    items: result?.menuItems,
+    pathname,
+    searchParams,
+    tags: { keysAndTags: foundData.keysAndTags, currentTags: preparedCurrentTags }
+  }) : [];
+  const stringedOpenedKeys = openedKeys.map((el) => typeof el === "string" ? el : String(el));
+  return { menuItems: stripInternalMetaFromItems(result.menuItems), selectedKeys: stringedOpenedKeys };
+};
+
+const ResourcesListFetcher = ({ nodePath, params, onUpdate }) => {
+  const { data, isLoading } = useK8sSmartResource(params);
+  useEffect(() => {
+    const maybeItems = data?.items;
+    const preparedItems = Array.isArray(maybeItems) ? maybeItems : [];
+    onUpdate({
+      nodePath,
+      entry: {
+        items: preparedItems,
+        isLoading
+      }
+    });
+  }, [nodePath, data?.items, isLoading, onUpdate]);
+  return null;
+};
+const ManageableSidebarProvider = ({
+  cluster,
+  apiGroup,
+  apiVersion,
+  plural,
+  isEnabled,
+  replaceValues,
+  multiQueryData,
+  pathname,
+  searchParams,
+  idToCompare,
+  fallbackIdToCompare,
+  currentTags,
+  hidden,
+  noMarginTop
+}) => {
+  const safeMultiQueryData = useMemo(() => multiQueryData || {}, [multiQueryData]);
+  const {
+    data: rawData,
+    isError: rawDataError,
+    isLoading: rawDataLoading
+  } = useK8sSmartResource({
+    cluster,
+    apiGroup,
+    apiVersion,
+    plural,
+    isEnabled
+  });
+  const parsedData = rawData?.items.map(({ spec }) => spec) || [];
+  const foundData = parsedData.find((el) => el.id === idToCompare) || (fallbackIdToCompare ? parsedData.find((el) => el.id === fallbackIdToCompare) : void 0);
+  const linksWithResourcesList = useMemo(
+    () => collectLinksWithResourcesList({
+      items: foundData?.menuItems || [],
+      replaceValues,
+      multiQueryData: safeMultiQueryData,
+      isEnabled
+    }),
+    [foundData?.menuItems, replaceValues, safeMultiQueryData, isEnabled]
+  );
+  const [resourcesByPath, setResourcesByPath] = useState({});
+  useEffect(() => {
+    setResourcesByPath((prev) => {
+      const next = linksWithResourcesList.reduce(
+        (acc, { nodePath, k8sParams }) => {
+          acc[nodePath] = prev[nodePath] || { items: [], isLoading: Boolean(k8sParams.isEnabled) };
+          return acc;
+        },
+        {}
+      );
+      return next;
+    });
+  }, [linksWithResourcesList]);
+  const handleResourceUpdate = useCallback(({ nodePath, entry }) => {
+    setResourcesByPath((prev) => {
+      const previous = prev[nodePath];
+      if (previous && previous.items === entry.items && previous.isLoading === entry.isLoading) {
+        return prev;
+      }
+      return { ...prev, [nodePath]: entry };
+    });
+  }, []);
+  const isResourcesLoading = linksWithResourcesList.some(({ nodePath, k8sParams }) => {
+    if (!k8sParams.isEnabled) {
+      return false;
+    }
+    return resourcesByPath[nodePath]?.isLoading !== false;
+  });
+  if (isResourcesLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      linksWithResourcesList.map(({ nodePath, k8sParams }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ResourcesListFetcher, { nodePath, params: k8sParams, onUpdate: handleResourceUpdate }, nodePath)),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {})
+    ] });
+  }
+  if (rawDataError) {
+    return null;
+  }
+  if (rawDataLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {});
+  }
+  if (!rawData) {
+    return null;
+  }
+  if (hidden) {
+    return null;
+  }
+  if (!parsedData || parsedData.length === 0) {
+    return null;
+  }
+  if (!foundData) {
+    return null;
+  }
+  const resourcesListData = linksWithResourcesList.reduce(
+    (acc, { nodePath }) => {
+      const result2 = resourcesByPath[nodePath];
+      acc[nodePath] = {
+        items: Array.isArray(result2?.items) ? result2.items : []
+      };
+      return acc;
+    },
+    {}
+  );
+  const result = prepareDataForManageableSidebar({
+    data: parsedData,
+    replaceValues,
+    multiQueryData: safeMultiQueryData,
+    pathname,
+    searchParams,
+    idToCompare,
+    fallbackIdToCompare,
+    currentTags,
+    resourcesListData
+  });
+  if (!result) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    linksWithResourcesList.map(({ nodePath, k8sParams }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ResourcesListFetcher, { nodePath, params: k8sParams, onUpdate: handleResourceUpdate }, nodePath)),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebar, { data: result, noMarginTop })
+  ] });
+};
+
 const ShortenedText = styled.div`
   max-width: ${({ $maxWidth }) => $maxWidth}px;
   overflow: hidden;
@@ -34593,141 +34924,6 @@ const partsOfUrlContext = createContextFactory();
 const PartsOfUrlProvider = partsOfUrlContext.Provider;
 const usePartsOfUrl = partsOfUrlContext.useTypedContext;
 
-const parsePartsOfUrl = ({
-  template,
-  replaceValues
-}) => {
-  return prepareTemplate({ template, replaceValues });
-};
-const parseMutliqueryText = ({
-  text,
-  multiQueryData,
-  customFallback
-}) => {
-  if (!text) {
-    return "";
-  }
-  return text.replace(
-    /\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\](?:\[\s*['"]([^'"]+)['"]\s*\])?\}/g,
-    (_match, reqIndexStr, rawPath, fallback) => {
-      try {
-        const reqIndex = parseInt(reqIndexStr, 10);
-        const path = Array.from(rawPath.matchAll(/['"]([^'"]+)['"]/g)).map(
-          (m) => m[1]
-        );
-        const value = _$1.get(multiQueryData[`req${reqIndex}`] || {}, path, fallback !== void 0 ? fallback : void 0);
-        if (value == null && !customFallback) {
-          return fallback ?? "Undefined with no fallback";
-        }
-        if (customFallback && (value === void 0 || value === null)) {
-          return customFallback;
-        }
-        return String(value);
-      } catch {
-        return _match;
-      }
-    }
-  );
-};
-const parseJsonPathTemplate = ({
-  text,
-  multiQueryData,
-  customFallback,
-  replaceValues
-}) => {
-  if (!text) return "";
-  const placeholderRegex = /\{reqsJsonPath\[(\d+)\]\s*\[\s*(['"])([\s\S]*?)\2\s*\](?:\s*\[\s*(['"])([\s\S]*?)\4\s*\])?\}/g;
-  const resolve = (input) => input.replace(
-    placeholderRegex,
-    (match, reqIndexStr, _quote, rawJsonPathExpr, _fallbackQuote, inlineFallback = "Undefined with no fallback") => {
-      try {
-        const reqIndex = Number(reqIndexStr);
-        const jsonRoot = multiQueryData[`req${reqIndex}`];
-        let jsonPathExpr = rawJsonPathExpr;
-        let previous2 = null;
-        let loopGuard = 0;
-        while (previous2 !== jsonPathExpr && loopGuard < 10) {
-          previous2 = jsonPathExpr;
-          jsonPathExpr = resolve(jsonPathExpr);
-          loopGuard++;
-        }
-        if (replaceValues) {
-          jsonPathExpr = prepareTemplate({
-            template: jsonPathExpr,
-            replaceValues
-          });
-        }
-        if (jsonRoot === void 0 && customFallback) return customFallback;
-        if (jsonRoot === void 0) return inlineFallback;
-        const results = jp.query(jsonRoot, `$${jsonPathExpr}`);
-        const value = results?.[0];
-        if (value == null) {
-          return customFallback ?? inlineFallback;
-        }
-        return String(value);
-      } catch {
-        return match;
-      }
-    }
-  );
-  let result = text;
-  let previous = null;
-  let iterations = 0;
-  while (result !== previous && iterations < 10) {
-    previous = result;
-    result = resolve(result);
-    iterations++;
-  }
-  return result;
-};
-const parseWithoutPartsOfUrl = ({
-  text,
-  multiQueryData,
-  customFallback
-}) => {
-  return parseJsonPathTemplate({
-    text: parseMutliqueryText({
-      text,
-      multiQueryData,
-      customFallback
-    }),
-    multiQueryData,
-    customFallback
-  });
-};
-const parseAll = ({
-  text,
-  replaceValues,
-  multiQueryData
-}) => {
-  return parsePartsOfUrl({
-    template: parseJsonPathTemplate({
-      text: parseMutliqueryText({
-        text,
-        multiQueryData
-      }),
-      multiQueryData,
-      replaceValues
-    }),
-    replaceValues
-  });
-};
-const parsePromTemplate = ({
-  text,
-  replaceValues,
-  multiQueryData
-}) => {
-  const parsed = parseJsonPathTemplate({
-    text: parseMutliqueryText({
-      text,
-      multiQueryData
-    }),
-    multiQueryData,
-    replaceValues
-  });
-  return parsed.replace(/\{(\d+)\}/g, (_2, key) => replaceValues[key] || "");
-};
-
 const isExternalHref = (href) => {
   if (!href) {
     return false;
@@ -77970,7 +78166,7 @@ const TolerationsModal = ({
 };
 
 const LazyEnrichedTableModal = lazy(
-  () => import('./index-eI1hWaeQ.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
+  () => import('./index-DPPcb4Gw.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
 );
 const renderActiveType = (activeType, extraProps) => {
   if (!activeType) return null;
@@ -81283,6 +81479,16 @@ const resolveFormPath = (pathInput, basePathForRelative) => {
 };
 const normalizeNameToPath = (name) => Array.isArray(name) ? name : [name];
 
+const prettyFieldPath = (name) => {
+  return Array.isArray(name) ? name.map((segment) => String(segment)).join(".") : String(name);
+};
+const getRequiredRule = (isRequired, name) => {
+  return {
+    required: isRequired,
+    message: `Please enter ${prettyFieldPath(name)}`
+  };
+};
+
 const FormListInput = ({
   name,
   arrKey,
@@ -81312,6 +81518,9 @@ const FormListInput = ({
   const rawRelatedFieldValue = Form.useWatch(relatedPath, form);
   const relatedFieldValue = relatedPath ? rawRelatedFieldValue : void 0;
   const relatedTouched = relatedPath ? form.isFieldTouched(relatedPath) : "~";
+  const isWaitingForRelatedValue = Boolean(relatedPath && !rawRelatedFieldValue);
+  const relatedPathLabel = relatedPath?.join(".");
+  const relatedValueTooltip = relatedPathLabel ? isWaitingForRelatedValue ? `Please select ${relatedPathLabel} first` : `Depends on ${relatedPathLabel}` : void 0;
   const hasFiredRef = useRef(false);
   const relatedFieldValuePrev = useRef("unset");
   const hasSeededRef = useRef(false);
@@ -81428,21 +81637,25 @@ const FormListInput = ({
       ResetedFormItem$1,
       {
         name: arrName || fixedName,
-        rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+        rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
         validateTrigger: "onBlur",
         hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Select,
-          {
-            mode: customProps.mode,
-            placeholder: "Select",
-            options: uniqueOptions,
-            filterOption: filterSelectOptions,
-            disabled: relatedPath && !rawRelatedFieldValue,
-            allowClear: true,
-            showSearch: true
-          }
-        )
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Select,
+            {
+              mode: customProps.mode,
+              placeholder: "Select",
+              options: uniqueOptions,
+              filterOption: filterSelectOptions,
+              disabled: isWaitingForRelatedValue,
+              allowClear: true,
+              showSearch: true,
+              style: { width: "100%" }
+            }
+          ),
+          relatedValueTooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: relatedValueTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionCircleOutlined, {}) })
+        ] })
       },
       arrKey !== void 0 ? arrKey : Array.isArray(name) ? name.slice(-1)[0] : name
     )
@@ -81612,7 +81825,7 @@ const RangeInput = ({
           ResetedFormItem$1,
           {
             name: arrName || name,
-            rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+            rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
             validateTrigger: "onBlur",
             hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(Slider, { min, max, step, ...props })
@@ -81628,7 +81841,7 @@ const RangeInput = ({
         ResetedFormItem$1,
         {
           name: arrName || name,
-          rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+          rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
           validateTrigger: "onBlur",
           hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { min, max, step, value, disabled: props.disabled })
@@ -81857,7 +82070,7 @@ const FormNamespaceInput = ({
       ResetedFormItem$1,
       {
         name,
-        rules: [{ required: true }],
+        rules: [getRequiredRule(true, name)],
         validateTrigger: "onBlur",
         hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -81908,7 +82121,7 @@ const FormStringInput = ({
       ResetedFormItem$1,
       {
         name: arrName || fixedName,
-        rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+        rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
         validateTrigger: "onBlur",
         hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: getStringByName(name) })
@@ -81989,7 +82202,7 @@ const FormStringMultilineInput = ({
       ResetedFormItem$1,
       {
         name: arrName || fixedName,
-        rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+        rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
         validateTrigger: "onBlur",
         hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
         style: {
@@ -82115,7 +82328,7 @@ const FormEnumStringInput = ({
       ResetedFormItem$1,
       {
         name: arrName || fixedName,
-        rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+        rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
         validateTrigger: "onBlur",
         hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { options: options.map((el) => ({ value: el, label: el })), placeholder: getStringByName(name) })
@@ -82157,7 +82370,7 @@ const FormNumberInput = ({
       ResetedFormItem$1,
       {
         name: arrName || name,
-        rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
+        rules: [getRequiredRule(forceNonRequired === false && !!required?.includes(getStringByName(name)), name)],
         validateTrigger: "onBlur",
         hasFeedback: designNewLayout ? { icons: feedbackIcons } : true,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { placeholder: getStringByName(name), step: isNumber ? 0.1 : 1 })
@@ -82777,7 +82990,7 @@ const getArrayFormItemFromSwagger = ({
             {
               validator: async (_, value) => {
                 if (!value || value.length < 1) {
-                  return Promise.reject(new Error("Field is required"));
+                  return Promise.reject(new Error(`Please enter ${prettyFieldPath(name)}`));
                 }
               }
             }
@@ -84378,6 +84591,18 @@ const BlackholeFormProvider = ({
       modeData.onDisabled();
     }
   }, [modeData]);
+  const applyForceViewMode = useCallback(
+    (forceViewMode) => {
+      if (!modeData || !forceViewMode) return;
+      if (forceViewMode === "Manual") {
+        modeData.onChange("Manual");
+        modeData.onDisabled();
+        return;
+      }
+      modeData.onChange("OpenAPI");
+    },
+    [modeData]
+  );
   const forcedCustomizationId = customizationId ? mappingData?.items?.[0]?.spec?.mappings?.[customizationId] : void 0;
   const hasMatchingOverride = Boolean(
     customizationId && overridesData?.items?.some((item) => item?.spec?.customizationId === customizationId)
@@ -84388,6 +84613,10 @@ const BlackholeFormProvider = ({
   const isResolutionReady = !customizationId || !overridesLoading && !mappingLoading;
   const resolvedCustomizationId = isResolutionReady ? hasMatchingOverride ? customizationId : hasForcedMatchingOverride ? forcedCustomizationId : forcingCustomization.fallbackId : void 0;
   useEffect(() => {
+    if (!cluster) {
+      setIsLoading(false);
+      return;
+    }
     if (!isResolutionReady) return;
     if (customizationId && !resolvedCustomizationId) return;
     setIsLoading(true);
@@ -84403,8 +84632,13 @@ const BlackholeFormProvider = ({
       if (data2.result === "error") {
         setIsError(data2.error);
         console.warn(data2.error);
-        fallbackToManualMode();
+        if (data2.forceViewMode) {
+          applyForceViewMode(data2.forceViewMode);
+        } else {
+          fallbackToManualMode();
+        }
       } else {
+        applyForceViewMode(data2.forceViewMode);
         setPreparedData({
           properties: data2.properties,
           required: data2.required || [],
@@ -84423,7 +84657,15 @@ const BlackholeFormProvider = ({
     }).finally(() => {
       setIsLoading(false);
     });
-  }, [cluster, data, customizationId, resolvedCustomizationId, isResolutionReady, fallbackToManualMode]);
+  }, [
+    cluster,
+    data,
+    customizationId,
+    resolvedCustomizationId,
+    isResolutionReady,
+    fallbackToManualMode,
+    applyForceViewMode
+  ]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {});
   }
@@ -84828,7 +85070,7 @@ const MarketplaceCard = ({
   onEditClick,
   addedMode,
   standalone,
-  showZeroResources
+  showZeroResources = false
 }) => {
   const { useToken } = theme;
   const { token } = useToken();
@@ -84866,7 +85108,13 @@ const MarketplaceCard = ({
     plural: type,
     isEnabled: Boolean(apiVersion && addedMode && type !== "direct")
   });
-  if (addedMode && (k8sListError || type === "direct") && !showZeroResources) {
+  const isAddedMode = Boolean(addedMode);
+  const isDirectType = type === "direct";
+  const hasK8sListError = Boolean(k8sListError);
+  const isUncountable = isAddedMode && (hasK8sListError || isDirectType);
+  const itemsCount = k8sList?.items?.length ?? 0;
+  const isCountableZero = isAddedMode && !isUncountable && itemsCount === 0;
+  if (showZeroResources === false && (isUncountable || isCountableZero)) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -84904,7 +85152,7 @@ const MarketplaceCard = ({
             " ",
             addedMode && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
               "x",
-              k8sList?.items?.length
+              itemsCount
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.TagsContainer, { children: tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.CustomTag, { children: tag }, tag)) }),
@@ -84981,7 +85229,7 @@ const MarketPlace = ({
   marketplaceKind,
   baseprefix,
   standalone,
-  forceAddedMode,
+  addedMode,
   showZeroResources
 }) => {
   const [api, contextHolder] = notification.useNotification();
@@ -85134,7 +85382,7 @@ const MarketPlace = ({
               setIsAddEditOpen(marketplacePanels.items.find(({ spec }) => spec.name === name) || false);
             },
             standalone,
-            addedMode: forceAddedMode,
+            addedMode,
             showZeroResources
           },
           name
@@ -88981,4 +89229,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-DclFY72w.mjs.map
+//# sourceMappingURL=index-DGEm7Wqt.mjs.map