@prorobotech/openapi-k8s-toolkit 1.1.0-alpha.8 → 1.1.0-alpha.9

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

@@ -1,9 +1,9 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import K, { useState, useRef, useReducer, useEffect, useCallback, useMemo, useLayoutEffect, Fragment, createContext, useContext, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox, Empty } from 'antd';
+import K, { useState, useRef, useLayoutEffect, useReducer, useEffect, useCallback, useMemo, Fragment, createContext, useContext, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox, Empty } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined } from '@ant-design/icons';
+import { useNavigate, Link, useLocation, useParams, useSearchParams } from 'react-router-dom';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
-import { Link, useNavigate, useLocation, useParams, useSearchParams } from 'react-router-dom';
 
 const Spacer$1 = styled.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
@@ -1574,7 +1574,7 @@ const CustomTreeProvider = styled.div`
     justify-content: center;
   }
 `;
-const Styled$A = {
+const Styled$C = {
   CustomTreeProvider
 };
 
@@ -1639,7 +1639,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$A.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -8168,14 +8168,14 @@ const ContentContainer = styled.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$z = {
+const Styled$B = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$z.ContentContainer,
+    Styled$B.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8236,13 +8236,13 @@ const UncontrolledSelect$1 = styled(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$y = {
+const Styled$A = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
 const CustomSelect$5 = styled(Select)`
@@ -8290,13 +8290,13 @@ const CustomSelect$5 = styled(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$x = {
+const Styled$z = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
 const CursorPointerTag = styled(Tag)`
@@ -8316,6 +8316,273 @@ const PaddingContainer = styled.div`
   padding: ${({ $padding }) => $padding};
 `;
 
+const getUppercase = (s) => {
+  const uppercases = [...s].filter((c) => c >= "A" && c <= "Z").join("");
+  return uppercases.length > 0 ? uppercases : s[0].toUpperCase();
+};
+
+const fnv1a32 = (str) => {
+  let h = 2166136261;
+  for (const ch of str) {
+    h ^= ch.codePointAt(0);
+    h = (h >>> 0) * 16777619;
+  }
+  return h >>> 0;
+};
+const pickInRange = (u32, min, max) => min + u32 % (max - min + 1);
+const hslFromString = (value, theme) => {
+  const hash = fnv1a32(value);
+  const hue = hash % 345;
+  const [sMin, sMax] = theme === "light" ? [90, 100] : [78, 80];
+  const [lMin, lMax] = theme === "light" ? [78, 80] : [25, 35];
+  const s = pickInRange(hash >>> 8, sMin, sMax);
+  const l = pickInRange(hash >>> 16, lMin, lMax);
+  return `hsl(${hue}, ${s}%, ${l}%)`;
+};
+
+const parseApiVersion$1 = (apiVersion) => {
+  const parts = apiVersion.split("/");
+  if (parts.length === 1) {
+    return {
+      apiGroup: void 0,
+      apiVersion: parts[0]
+    };
+  }
+  return {
+    apiGroup: parts[0],
+    apiVersion: parts[1]
+  };
+};
+const getFactoryKey = ({
+  apiGroup,
+  apiVersion,
+  resource,
+  namespace,
+  baseFactoriesMapping,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey
+}) => {
+  if (namespace) {
+    if (apiGroup) {
+      const forcedMapping3 = baseFactoriesMapping?.[`${baseFactoryNamespacedAPIKey}-${apiGroup}-${apiVersion}-${resource}`];
+      return forcedMapping3 || baseFactoryNamespacedAPIKey || "";
+    }
+    const forcedMapping2 = baseFactoriesMapping?.[`${baseFactoryNamespacedBuiltinKey}-${apiVersion}-${resource}`];
+    return forcedMapping2 || baseFactoryNamespacedBuiltinKey || "";
+  }
+  if (apiGroup) {
+    const forcedMapping2 = baseFactoriesMapping?.[`${baseFactoryClusterSceopedAPIKey}-${apiGroup}-${apiVersion}-${resource}`];
+    return forcedMapping2 || baseFactoryClusterSceopedAPIKey || "";
+  }
+  const forcedMapping = baseFactoriesMapping?.[`${baseFactoryClusterSceopedBuiltinKey}-${apiVersion}-${resource}`];
+  return forcedMapping || baseFactoryClusterSceopedBuiltinKey || "";
+};
+const getResourceLink = ({
+  baseprefix,
+  cluster,
+  namespace,
+  apiGroupVersion,
+  pluralName,
+  name,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseFactoriesMapping
+}) => {
+  if (!pluralName || !name) {
+    return void 0;
+  }
+  const { apiGroup, apiVersion } = parseApiVersion$1(apiGroupVersion);
+  if (apiGroupVersion === "v1") {
+    return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${getFactoryKey({
+      apiGroup,
+      apiVersion,
+      resource: pluralName,
+      namespace,
+      baseFactoriesMapping,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey
+    })}/${apiGroupVersion}/${pluralName}/${name}`;
+  }
+  return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${getFactoryKey({
+    apiGroup,
+    apiVersion,
+    resource: pluralName,
+    namespace,
+    baseFactoriesMapping,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey
+  })}/${apiGroupVersion}/${pluralName}/${name}`;
+};
+const getNamespaceLink = ({
+  baseprefix,
+  cluster,
+  apiGroupVersion,
+  pluralName,
+  namespace,
+  baseNamespaceFactoryKey
+}) => {
+  if (!namespace) {
+    return void 0;
+  }
+  return `${baseprefix}/${cluster}/factory/${baseNamespaceFactoryKey}/${apiGroupVersion}/${pluralName}/${namespace}`;
+};
+
+const Abbr$2 = styled.span`
+  background-color: ${({ $bgColor }) => $bgColor};
+  border-radius: 13px;
+  padding: 1px 5px;
+  font-size: 13px;
+  height: min-content;
+  margin-right: 4px;
+`;
+const Styled$y = {
+  Abbr: Abbr$2
+};
+
+const ResourceLink = ({
+  kind,
+  apiVersion,
+  namespace,
+  name,
+  forcedName,
+  theme,
+  baseprefix,
+  cluster,
+  getPlural,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseFactoriesMapping
+}) => {
+  const navigate = useNavigate();
+  const abbr = kind ? getUppercase(kind) : void 0;
+  const bgColor = kind && abbr ? hslFromString(kind, theme) : "initial";
+  const parsedKind = kind;
+  const parsedApiVersion = apiVersion;
+  const pluralName = parsedKind && parsedApiVersion ? getPlural?.(parsedKind, parsedApiVersion) : void 0;
+  const resourceLink = getResourceLink({
+    baseprefix,
+    cluster,
+    namespace,
+    apiGroupVersion: parsedApiVersion,
+    pluralName,
+    name,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey,
+    baseFactoriesMapping
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.Abbr, { $bgColor: bgColor, children: abbr }),
+    resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Typography.Link,
+      {
+        onClick: (e) => {
+          e.preventDefault();
+          navigate(resourceLink);
+        },
+        children: forcedName || name
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: forcedName || name })
+  ] });
+};
+
+const PositionRelativeContainer = styled.div`
+  position: relative;
+`;
+const FullWidthContainer = styled.div`
+  width: 100%;
+
+  .ant-dropdown-trigger svg {
+    display: none;
+  }
+`;
+const NoWrapContainer = styled.div`
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+
+  /* stylelint-disable declaration-no-important */
+
+  * {
+    white-space: nowrap !important;
+  }
+
+  ol {
+    flex-wrap: nowrap !important;
+  }
+`;
+const Styled$x = {
+  PositionRelativeContainer,
+  FullWidthContainer,
+  NoWrapContainer
+};
+
+const CollapsibleBreadcrumb = ({ items }) => {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const containerRef = useRef(null);
+  const breadcrumbRef = useRef(null);
+  useLayoutEffect(() => {
+    const checkWidth = () => {
+      if (containerRef.current && breadcrumbRef.current) {
+        const containerWidth = containerRef.current.clientWidth;
+        const breadcrumbWidth = breadcrumbRef.current.scrollWidth;
+        setIsCollapsed(breadcrumbWidth > containerWidth);
+      }
+    };
+    checkWidth();
+    window.addEventListener("resize", checkWidth);
+    return () => window.removeEventListener("resize", checkWidth);
+  }, [items]);
+  const renderItems = () => {
+    if (!isCollapsed) {
+      return items;
+    }
+    if (items.length <= 2) {
+      return items;
+    }
+    const firstItem = items[0];
+    const lastItem = items[items.length - 1];
+    const hiddenItems = items.slice(1, -1);
+    const menuItems = hiddenItems.map((item, index) => ({
+      key: String(index),
+      label: item.href ? /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: item.href, children: item.title }) : item.title
+    }));
+    const ellipsisItem = {
+      title: "...",
+      menu: { items: menuItems },
+      dropdownProps: { arrow: false }
+    };
+    return [firstItem, ellipsisItem, lastItem];
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$x.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  ] });
+};
+
+const HeightDiv$1 = styled.div`
+  min-height: 22px;
+  width: 100%;
+`;
+const Styled$w = {
+  HeightDiv: HeightDiv$1
+};
+
+const ManageableBreadcrumbs = ({ data }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+};
+
 const getDirectUnknownResource = async ({ uri }) => {
   return axios.get(uri);
 };
@@ -9054,80 +9321,6 @@ const prepareDataForManageableBreadcrumbs = ({
   return result;
 };
 
-const PositionRelativeContainer = styled.div`
-  position: relative;
-`;
-const FullWidthContainer = styled.div`
-  width: 100%;
-
-  .ant-dropdown-trigger svg {
-    display: none;
-  }
-`;
-const NoWrapContainer = styled.div`
-  position: absolute;
-  visibility: hidden;
-  pointer-events: none;
-
-  /* stylelint-disable declaration-no-important */
-
-  * {
-    white-space: nowrap !important;
-  }
-
-  ol {
-    flex-wrap: nowrap !important;
-  }
-`;
-const Styled$w = {
-  PositionRelativeContainer,
-  FullWidthContainer,
-  NoWrapContainer
-};
-
-const CollapsibleBreadcrumb = ({ items }) => {
-  const [isCollapsed, setIsCollapsed] = useState(false);
-  const containerRef = useRef(null);
-  const breadcrumbRef = useRef(null);
-  useLayoutEffect(() => {
-    const checkWidth = () => {
-      if (containerRef.current && breadcrumbRef.current) {
-        const containerWidth = containerRef.current.clientWidth;
-        const breadcrumbWidth = breadcrumbRef.current.scrollWidth;
-        setIsCollapsed(breadcrumbWidth > containerWidth);
-      }
-    };
-    checkWidth();
-    window.addEventListener("resize", checkWidth);
-    return () => window.removeEventListener("resize", checkWidth);
-  }, [items]);
-  const renderItems = () => {
-    if (!isCollapsed) {
-      return items;
-    }
-    if (items.length <= 2) {
-      return items;
-    }
-    const firstItem = items[0];
-    const lastItem = items[items.length - 1];
-    const hiddenItems = items.slice(1, -1);
-    const menuItems = hiddenItems.map((item, index) => ({
-      key: String(index),
-      label: item.href ? /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: item.href, children: item.title }) : item.title
-    }));
-    const ellipsisItem = {
-      title: "...",
-      menu: { items: menuItems },
-      dropdownProps: { arrow: false }
-    };
-    return [firstItem, ellipsisItem, lastItem];
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$w.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
-  ] });
-};
-
 const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
@@ -9136,10 +9329,7 @@ const Styled$v = {
   HeightDiv
 };
 
-const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
-};
-const ManageableBreadcrumbsWithDataProvider = ({
+const ManageableBreadcrumbsProvider = ({
   cluster,
   apiGroup,
   apiVersion,
@@ -9184,6 +9374,73 @@ const ManageableBreadcrumbsWithDataProvider = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
 };
 
+const CustomMenu = styled(Menu)`
+  margin-top: ${({ $noMarginTop }) => $noMarginTop ? "0" : "16px"};
+  font-size: 14px;
+  line-height: 24px;
+  border: 0;
+  /* stylelint-disable declaration-no-important */
+  border-inline-end: 0 !important;
+  /* stylelint-enable declaration-no-important */
+
+  .ant-menu-submenu-expand-icon {
+    width: 16px;
+  }
+
+  && .ant-menu-item-only-child {
+    /* stylelint-disable declaration-no-important */
+
+    /* padding-left: 24px !important; */
+  }
+
+  && .ant-menu-sub .ant-menu-item {
+    margin: 0 !important;
+  }
+`;
+const Styled$u = {
+  CustomMenu
+};
+
+const ManageableSidebar = ({ data, noMarginTop }) => {
+  const [selectedKeys, setSelectedKeys] = useState([]);
+  const [openKeys, setOpenKeys] = useState(() => {
+    try {
+      const saved = localStorage.getItem("menuOpenKeys");
+      return saved ? JSON.parse(saved) : [];
+    } catch (error) {
+      console.error("Failed to parse stored menu keys", error);
+      return [];
+    }
+  });
+  const handleOpenChange = (keys) => {
+    setOpenKeys(keys);
+    try {
+      localStorage.setItem("menuOpenKeys", JSON.stringify(keys));
+    } catch (error) {
+      console.error("Failed to save menu keys to localStorage", error);
+    }
+  };
+  useEffect(() => {
+    setSelectedKeys(data.selectedKeys);
+  }, [data.selectedKeys]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Styled$u.CustomMenu,
+    {
+      selectedKeys,
+      onSelect: () => {
+      },
+      onDeselect: () => {
+      },
+      defaultOpenKeys: data.selectedKeys,
+      openKeys,
+      onOpenChange: handleOpenChange,
+      mode: "inline",
+      items: data.menuItems,
+      $noMarginTop: noMarginTop
+    }
+  );
+};
+
 const getLabel = ({
   preparedLink,
   label,
@@ -9278,73 +9535,7 @@ const prepareDataForManageableSidebar = ({
   return { ...result, selectedKeys: stringedOpenedKeys };
 };
 
-const CustomMenu = styled(Menu)`
-  margin-top: ${({ $noMarginTop }) => $noMarginTop ? "0" : "16px"};
-  font-size: 14px;
-  line-height: 24px;
-  border: 0;
-  /* stylelint-disable declaration-no-important */
-  border-inline-end: 0 !important;
-  /* stylelint-enable declaration-no-important */
-
-  .ant-menu-submenu-expand-icon {
-    width: 16px;
-  }
-
-  && .ant-menu-item-only-child {
-    /* stylelint-disable declaration-no-important */
-
-    /* padding-left: 24px !important; */
-  }
-
-  && .ant-menu-sub .ant-menu-item {
-    margin: 0 !important;
-  }
-`;
-const Styled$u = {
-  CustomMenu
-};
-
-const ManageableSidebar = ({ data, noMarginTop }) => {
-  const [selectedKeys, setSelectedKeys] = useState([]);
-  const [openKeys, setOpenKeys] = useState(() => {
-    try {
-      const saved = localStorage.getItem("menuOpenKeys");
-      return saved ? JSON.parse(saved) : [];
-    } catch (error) {
-      console.error("Failed to parse stored menu keys", error);
-      return [];
-    }
-  });
-  const handleOpenChange = (keys) => {
-    setOpenKeys(keys);
-    try {
-      localStorage.setItem("menuOpenKeys", JSON.stringify(keys));
-    } catch (error) {
-      console.error("Failed to save menu keys to localStorage", error);
-    }
-  };
-  useEffect(() => {
-    setSelectedKeys(data.selectedKeys);
-  }, [data.selectedKeys]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$u.CustomMenu,
-    {
-      selectedKeys,
-      onSelect: () => {
-      },
-      onDeselect: () => {
-      },
-      defaultOpenKeys: data.selectedKeys,
-      openKeys,
-      onOpenChange: handleOpenChange,
-      mode: "inline",
-      items: data.menuItems,
-      $noMarginTop: noMarginTop
-    }
-  );
-};
-const ManageableSidebarWithDataProvider = ({
+const ManageableSidebarProvider = ({
   cluster,
   apiGroup,
   apiVersion,
@@ -34158,7 +34349,7 @@ const SidebarProvider = ({
     acc[index.toString()] = value;
     return acc;
   }, {});
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarWithDataProvider, { replaceValues, ...props });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarProvider, { replaceValues, ...props });
 };
 
 const checkPermission = async ({
@@ -35208,11 +35399,7 @@ const toArray = (p) => (
   p === void 0 ? void 0 : Array.isArray(p) ? p : [p]
 );
 
-const HiddenContainer = ({
-  name,
-  secondName,
-  children
-}) => {
+const HiddenContainer = ({ name, secondName, children }) => {
   const hiddenPaths = useHiddenPathsLayout();
   const nameArr = toArray(name);
   const secondArr = toArray(secondName);
@@ -37727,30 +37914,6 @@ const SecretBase64Plain = ({ data }) => {
   ] });
 };
 
-const fnv1a32 = (str) => {
-  let h = 2166136261;
-  for (const ch of str) {
-    h ^= ch.codePointAt(0);
-    h = (h >>> 0) * 16777619;
-  }
-  return h >>> 0;
-};
-const pickInRange = (u32, min, max) => min + u32 % (max - min + 1);
-const hslFromString = (value, theme) => {
-  const hash = fnv1a32(value);
-  const hue = hash % 345;
-  const [sMin, sMax] = theme === "light" ? [90, 100] : [78, 80];
-  const [lMin, lMax] = theme === "light" ? [78, 80] : [25, 35];
-  const s = pickInRange(hash >>> 8, sMin, sMax);
-  const l = pickInRange(hash >>> 16, lMin, lMax);
-  return `hsl(${hue}, ${s}%, ${l}%)`;
-};
-
-const getUppercase = (s) => {
-  const uppercases = [...s].filter((c) => c >= "A" && c <= "Z").join("");
-  return uppercases.length > 0 ? uppercases : s[0].toUpperCase();
-};
-
 const RoundSpan = styled.span`
   background-color: ${({ $bgColor }) => $bgColor || "none"};
   border-radius: 13px;
@@ -37840,6 +38003,8 @@ const Events$1 = ({
     baseFactoryNamespacedBuiltinKey,
     baseFactoryClusterSceopedBuiltinKey,
     baseNamespaceFactoryKey,
+    baseNavigationPluralName,
+    baseNavigationSpecificName,
     ...props
   } = data;
   const theme = useTheme();
@@ -37904,6 +38069,336 @@ const Events$1 = ({
         baseFactoryNamespacedBuiltinKey,
         baseFactoryClusterSceopedBuiltinKey,
         baseNamespaceFactoryKey,
+        baseNavigationPluralName,
+        baseNavigationSpecificName,
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+
+const getKinds = async ({ clusterName }) => {
+  const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
+  return result.data;
+};
+
+const parseK8sVersion$1 = (raw) => {
+  const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
+  if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
+  const stage = (m.groups.stage ?? "").toLowerCase();
+  const major = Number(m.groups.major);
+  const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
+  const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
+  return { rank, major, stageNum };
+};
+const versionToken$1 = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
+const compareK8sVersionDesc$1 = (a, b) => {
+  const pa = parseK8sVersion$1(versionToken$1(a));
+  const pb = parseK8sVersion$1(versionToken$1(b));
+  return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
+};
+const orderVersions = (versions) => {
+  const preferredIdx = versions.findIndex((v) => v.preferred === true);
+  if (preferredIdx >= 0) {
+    const preferred = versions[preferredIdx];
+    const rest = versions.filter((_, i) => i !== preferredIdx).slice().sort(compareK8sVersionDesc$1);
+    return [preferred, ...rest];
+  }
+  return versions.slice().sort(compareK8sVersionDesc$1);
+};
+const getSortedKindsAll = (index) => {
+  const counts = index.items.reduce(
+    (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
+    {}
+  );
+  const rows = index.items.flatMap((item) => {
+    const ordered = orderVersions(item.versions);
+    return ordered.map((v) => ({
+      group: item.group,
+      kind: item.kind,
+      // clone to drop Readonly<> without changing fields (incl. preferred)
+      version: { ...v },
+      ...counts[item.kind] > 1 ? { notUnique: true } : {}
+    }));
+  });
+  return rows.sort(
+    (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
+  );
+};
+
+const parseApiVersion = (apiVersion) => {
+  const parts = apiVersion.trim().split("/");
+  return parts.length === 1 ? { group: "", version: parts[0] } : { group: parts[0], version: parts[1] };
+};
+const pluralByKind = (entries) => (kind, apiVersion) => {
+  const norm = (s) => s.trim();
+  const kindNorm = norm(kind);
+  const gv = apiVersion ? parseApiVersion(apiVersion) : void 0;
+  const candidates = entries.filter((e) => norm(e.kind) === kindNorm);
+  if (candidates.length === 0) return void 0;
+  const filtered = gv ? candidates.filter((e) => norm(e.group) === norm(gv.group) && e.version.version === gv.version) : candidates;
+  if (filtered.length === 0) return void 0;
+  const preferredFirst = gv ? filtered : [...filtered.filter((e) => e.version.preferred), ...filtered.filter((e) => !e.version.preferred)];
+  const resources = preferredFirst.map((e) => e.version.resource).filter(Boolean);
+  const uniq = Array.from(new Set(resources));
+  if (!gv && uniq.length > 1) {
+    const first = preferredFirst[0]?.version.resource;
+    return first ?? void 0;
+  }
+  return uniq.length === 1 ? uniq[0] : void 0;
+};
+
+const findOwnerReferencePath = (rawObject, jsonPathToArrayOfRefs, reference) => {
+  if (!rawObject || !jsonPathToArrayOfRefs) return void 0;
+  let arrayJsonPath = jsonPathToArrayOfRefs.trim();
+  if (arrayJsonPath.startsWith(".")) {
+    arrayJsonPath = `$${arrayJsonPath}`;
+  }
+  if (!arrayJsonPath.startsWith("$")) {
+    arrayJsonPath = `$${arrayJsonPath}`;
+  }
+  arrayJsonPath = arrayJsonPath.replace(/\[\*\]$/, "");
+  const nodes = jp.nodes(rawObject, arrayJsonPath);
+  if (!nodes.length) return void 0;
+  const arrayNode = nodes[0];
+  const arr = arrayNode.value;
+  if (!Array.isArray(arr)) return void 0;
+  const index = arr.findIndex((item) => {
+    if (!item) return false;
+    return item.name === reference.name && item.kind === reference.kind && item.apiVersion === reference.apiVersion;
+  });
+  if (index === -1) return void 0;
+  const basePathSegs = arrayNode.path.slice(1);
+  return [...basePathSegs, index];
+};
+const parseDotPath$1 = (dotPath) => dotPath.split(".").filter(Boolean).map((seg) => seg.match(/^\d+$/) ? Number(seg) : seg);
+const resolveFormPath$1 = (pathInput, basePathForRelative) => {
+  if (!pathInput) return [];
+  if (Array.isArray(pathInput)) return pathInput;
+  const pathStr = String(pathInput);
+  const isRelative = pathStr.startsWith("./") || pathStr.startsWith("../");
+  if (!isRelative) {
+    return parseDotPath$1(pathStr);
+  }
+  let resolved = [...basePathForRelative];
+  const parts = pathStr.split("/").filter(Boolean);
+  for (const part of parts) {
+    if (part === ".") {
+      continue;
+    }
+    if (part === "..") {
+      resolved = resolved.slice(0, -1);
+      continue;
+    }
+    resolved.push(...parseDotPath$1(part));
+  }
+  return resolved;
+};
+
+const RefElement = ({
+  reference,
+  keysToForcedLabel,
+  forcedRelatedValuePath,
+  rawObjectToFindLabel,
+  jsonPathToArrayOfRefs,
+  theme,
+  baseprefix,
+  cluster,
+  getPlural,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseFactoriesMapping
+}) => {
+  let forcedName;
+  if (keysToForcedLabel && rawObjectToFindLabel) {
+    forcedName = Array.isArray(keysToForcedLabel) ? _$1.get(rawObjectToFindLabel, keysToForcedLabel) : jp.query(rawObjectToFindLabel, `$${keysToForcedLabel}`)[0];
+  }
+  if (forcedRelatedValuePath && rawObjectToFindLabel) {
+    try {
+      const ownerRefPathSegs = findOwnerReferencePath(
+        rawObjectToFindLabel,
+        jsonPathToArrayOfRefs,
+        // ".spec.customRef"
+        reference
+      );
+      const relatedPath = forcedRelatedValuePath && ownerRefPathSegs ? resolveFormPath$1(forcedRelatedValuePath, ownerRefPathSegs) : void 0;
+      if (relatedPath) {
+        forcedName = _$1.get(rawObjectToFindLabel, relatedPath);
+      }
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ResourceLink,
+    {
+      kind: reference.kind,
+      apiVersion: reference.apiVersion,
+      namespace: reference.namespace,
+      forcedName,
+      name: reference.name,
+      theme,
+      baseprefix,
+      cluster,
+      getPlural,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey,
+      baseFactoriesMapping
+    }
+  );
+};
+
+const RefsList = ({
+  theme,
+  baseprefix,
+  cluster,
+  refsArr,
+  keysToForcedLabel,
+  forcedRelatedValuePath,
+  rawObjectToFindLabel,
+  jsonPathToArrayOfRefs,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseNavigationPluralName,
+  baseNavigationSpecificName,
+  listFlexProps
+}) => {
+  const [kindIndex, setKindIndex] = useState();
+  const [kindsWithVersion, setKindWithVersion] = useState();
+  useEffect(() => {
+    getKinds({ clusterName: cluster }).then((data) => {
+      setKindIndex(data);
+      setKindWithVersion(getSortedKindsAll(data));
+    }).catch((error) => {
+      console.error(error);
+    });
+  }, [cluster]);
+  const { data: navigationDataArr } = useK8sSmartResource({
+    cluster,
+    group: "front.in-cloud.io",
+    version: "v1alpha1",
+    plural: baseNavigationPluralName,
+    fieldSelector: `metadata.name=${baseNavigationSpecificName}`
+  });
+  const getPlural = kindsWithVersion ? pluralByKind(kindsWithVersion) : void 0;
+  const baseFactoriesMapping = navigationDataArr && navigationDataArr.items && navigationDataArr.items.length > 0 ? navigationDataArr.items[0].spec?.baseFactoriesMapping : void 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { vertical: true, gap: 8, ...listFlexProps, children: refsArr.map((ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    RefElement,
+    {
+      reference: ref,
+      keysToForcedLabel,
+      forcedRelatedValuePath,
+      rawObjectToFindLabel,
+      jsonPathToArrayOfRefs,
+      theme,
+      baseprefix,
+      cluster,
+      getPlural,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey,
+      baseFactoriesMapping
+    },
+    JSON.stringify(ref)
+  )) });
+};
+
+const isOwnerReference = (value) => {
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  if (value === null) {
+    return false;
+  }
+  if (!("apiVersion" in value) || typeof value.apiVersion !== "string" || !("kind" in value) || typeof value.kind !== "string" || !("name" in value) || typeof value.name !== "string") {
+    return false;
+  }
+  return true;
+};
+
+const OwnerRefs = ({
+  data,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  children
+}) => {
+  const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    id,
+    baseprefix,
+    clusterNamePartOfUrl,
+    reqIndex,
+    errorText,
+    notArrayErrorText,
+    emptyArrayErrorText,
+    isNotRefsArrayErrorText,
+    containerStyle,
+    listFlexProps,
+    keysToForcedLabel,
+    forcedRelatedValuePath,
+    jsonPathToArrayOfRefs,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey,
+    baseNavigationPluralName,
+    baseNavigationSpecificName,
+    ...props
+  } = data;
+  const theme = useTheme();
+  const partsOfUrl = usePartsOfUrl();
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const clusterName = prepareTemplate({
+    template: clusterNamePartOfUrl,
+    replaceValues
+  });
+  const jsonRoot = multiQueryData[`req${reqIndex}`];
+  if (jsonRoot === void 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: errorText });
+  }
+  const refsArr = jp.query(jsonRoot, `$${jsonPathToArrayOfRefs}`)[0];
+  if (!Array.isArray(refsArr)) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: notArrayErrorText });
+  }
+  if (refsArr.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: emptyArrayErrorText });
+  }
+  if (refsArr.some((el) => !isOwnerReference(el))) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: isNotRefsArrayErrorText });
+  }
+  const guardedRefsArr = refsArr;
+  if (isMultiqueryLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RefsList,
+      {
+        theme,
+        baseprefix,
+        cluster: clusterName,
+        refsArr: guardedRefsArr,
+        keysToForcedLabel,
+        forcedRelatedValuePath,
+        jsonPathToArrayOfRefs,
+        rawObjectToFindLabel: jsonRoot,
+        baseFactoryNamespacedAPIKey,
+        baseFactoryClusterSceopedAPIKey,
+        baseFactoryNamespacedBuiltinKey,
+        baseFactoryClusterSceopedBuiltinKey,
+        baseNavigationPluralName,
+        baseNavigationSpecificName,
+        listFlexProps,
         ...props
       }
     ),
@@ -37947,7 +38442,8 @@ const DynamicComponents = {
   ConverterBytes,
   SecretBase64Plain,
   ResourceBadge,
-  Events: Events$1
+  Events: Events$1,
+  OwnerRefs
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -50115,7 +50611,7 @@ const BlackholeForm = ({
   ] });
 };
 
-const BlackholeFormDataProvider = ({
+const BlackholeFormProvider = ({
   theme,
   cluster,
   urlParams,
@@ -52379,77 +52875,6 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
   );
 };
 
-const getKinds = async ({ clusterName }) => {
-  const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
-  return result.data;
-};
-
-const parseK8sVersion$1 = (raw) => {
-  const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
-  if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
-  const stage = (m.groups.stage ?? "").toLowerCase();
-  const major = Number(m.groups.major);
-  const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
-  const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
-  return { rank, major, stageNum };
-};
-const versionToken$1 = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
-const compareK8sVersionDesc$1 = (a, b) => {
-  const pa = parseK8sVersion$1(versionToken$1(a));
-  const pb = parseK8sVersion$1(versionToken$1(b));
-  return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
-};
-const orderVersions = (versions) => {
-  const preferredIdx = versions.findIndex((v) => v.preferred === true);
-  if (preferredIdx >= 0) {
-    const preferred = versions[preferredIdx];
-    const rest = versions.filter((_, i) => i !== preferredIdx).slice().sort(compareK8sVersionDesc$1);
-    return [preferred, ...rest];
-  }
-  return versions.slice().sort(compareK8sVersionDesc$1);
-};
-const getSortedKindsAll = (index) => {
-  const counts = index.items.reduce(
-    (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
-    {}
-  );
-  const rows = index.items.flatMap((item) => {
-    const ordered = orderVersions(item.versions);
-    return ordered.map((v) => ({
-      group: item.group,
-      kind: item.kind,
-      // clone to drop Readonly<> without changing fields (incl. preferred)
-      version: { ...v },
-      ...counts[item.kind] > 1 ? { notUnique: true } : {}
-    }));
-  });
-  return rows.sort(
-    (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
-  );
-};
-
-const parseApiVersion = (apiVersion) => {
-  const parts = apiVersion.trim().split("/");
-  return parts.length === 1 ? { group: "", version: parts[0] } : { group: parts[0], version: parts[1] };
-};
-const pluralByKind = (entries) => (kind, apiVersion) => {
-  const norm = (s) => s.trim();
-  const kindNorm = norm(kind);
-  const gv = apiVersion ? parseApiVersion(apiVersion) : void 0;
-  const candidates = entries.filter((e) => norm(e.kind) === kindNorm);
-  if (candidates.length === 0) return void 0;
-  const filtered = gv ? candidates.filter((e) => norm(e.group) === norm(gv.group) && e.version.version === gv.version) : candidates;
-  if (filtered.length === 0) return void 0;
-  const preferredFirst = gv ? filtered : [...filtered.filter((e) => e.version.preferred), ...filtered.filter((e) => !e.version.preferred)];
-  const resources = preferredFirst.map((e) => e.version.resource).filter(Boolean);
-  const uniq = Array.from(new Set(resources));
-  if (!gv && uniq.length > 1) {
-    const first = preferredFirst[0]?.version.resource;
-    return first ?? void 0;
-  }
-  return uniq.length === 1 ? uniq[0] : void 0;
-};
-
 const eventKey = (e) => {
   const n = e.metadata?.name ?? "";
   const ns = e.metadata?.namespace ?? "";
@@ -52519,39 +52944,6 @@ const timeAgo = (iso) => {
   }
   return new Date(iso).toLocaleString();
 };
-const getResourceLink = ({
-  baseprefix,
-  cluster,
-  namespace,
-  apiGroupVersion,
-  pluralName,
-  name,
-  baseFactoryNamespacedAPIKey,
-  baseFactoryClusterSceopedAPIKey,
-  baseFactoryNamespacedBuiltinKey,
-  baseFactoryClusterSceopedBuiltinKey
-}) => {
-  if (!pluralName || !name) {
-    return void 0;
-  }
-  if (apiGroupVersion === "v1") {
-    return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${namespace ? baseFactoryNamespacedBuiltinKey : baseFactoryClusterSceopedBuiltinKey}/${apiGroupVersion}/${pluralName}/${name}`;
-  }
-  return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${namespace ? baseFactoryNamespacedAPIKey : baseFactoryClusterSceopedAPIKey}/${apiGroupVersion}/${pluralName}/${name}`;
-};
-const getNamespaceLink = ({
-  baseprefix,
-  cluster,
-  apiGroupVersion,
-  pluralName,
-  namespace,
-  baseNamespaceFactoryKey
-}) => {
-  if (!namespace) {
-    return void 0;
-  }
-  return `${baseprefix}/${cluster}/factory/${baseNamespaceFactoryKey}/${apiGroupVersion}/${pluralName}/${namespace}`;
-};
 const formatEventSummary = (event) => {
   if (!event.deprecatedCount || !event.deprecatedFirstTimestamp) {
     return void 0;
@@ -52630,28 +53022,12 @@ const EventRow = ({
   baseFactoryClusterSceopedAPIKey,
   baseFactoryNamespacedBuiltinKey,
   baseFactoryClusterSceopedBuiltinKey,
-  baseNamespaceFactoryKey
+  baseNamespaceFactoryKey,
+  baseFactoriesMapping
 }) => {
   const { token } = theme.useToken();
   const navigate = useNavigate();
-  const abbr = e.regarding?.kind ? getUppercase(e.regarding.kind) : void 0;
-  const bgColor = e.regarding?.kind && abbr ? hslFromString(e.regarding?.kind, theme$1) : "initial";
   const bgColorNamespace = hslFromString("Namespace", theme$1);
-  const regardingKind = e.regarding?.kind;
-  const regardingApiVersion = e.regarding?.apiVersion || "v1";
-  const pluralName = regardingKind && regardingApiVersion ? getPlural?.(regardingKind, regardingApiVersion) : void 0;
-  const resourceLink = getResourceLink({
-    baseprefix,
-    cluster,
-    namespace: e.regarding?.namespace,
-    apiGroupVersion: regardingApiVersion,
-    pluralName,
-    name: e.regarding?.name,
-    baseFactoryNamespacedAPIKey,
-    baseFactoryClusterSceopedAPIKey,
-    baseFactoryNamespacedBuiltinKey,
-    baseFactoryClusterSceopedBuiltinKey
-  });
   const namespaceLink = getNamespaceLink({
     baseprefix,
     cluster,
@@ -52668,19 +53044,24 @@ const EventRow = ({
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", align: "center", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 16, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColor, children: abbr }),
-              resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Typography.Link,
-                {
-                  onClick: (e2) => {
-                    e2.preventDefault();
-                    navigate(resourceLink);
-                  },
-                  children: e.regarding?.name
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: e.regarding?.name })
-            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ResourceLink,
+              {
+                kind: e.regarding?.kind,
+                apiVersion: e.regarding?.apiVersion || "v1",
+                namespace: e.regarding?.namespace,
+                name: e.regarding?.name,
+                theme: theme$1,
+                baseprefix,
+                cluster,
+                getPlural,
+                baseFactoryNamespacedAPIKey,
+                baseFactoryClusterSceopedAPIKey,
+                baseFactoryNamespacedBuiltinKey,
+                baseFactoryClusterSceopedBuiltinKey,
+                baseFactoriesMapping
+              }
+            ),
             e.regarding?.namespace && /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColorNamespace, children: "NS" }),
               namespaceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52810,7 +53191,9 @@ const Events = ({
   baseFactoryClusterSceopedAPIKey,
   baseFactoryNamespacedBuiltinKey,
   baseFactoryClusterSceopedBuiltinKey,
-  baseNamespaceFactoryKey
+  baseNamespaceFactoryKey,
+  baseNavigationPluralName,
+  baseNavigationSpecificName
 }) => {
   const { token } = theme.useToken();
   const [kindIndex, setKindIndex] = useState();
@@ -52823,6 +53206,13 @@ const Events = ({
       console.error(error);
     });
   }, [cluster]);
+  const { data: navigationDataArr } = useK8sSmartResource({
+    cluster,
+    group: "front.in-cloud.io",
+    version: "v1alpha1",
+    plural: baseNavigationPluralName,
+    fieldSelector: `metadata.name=${baseNavigationSpecificName}`
+  });
   const [isPaused, setIsPaused] = useState(false);
   const pausedRef = useRef(isPaused);
   useEffect(() => {
@@ -53035,6 +53425,7 @@ const Events = ({
   }, [hasMore, sendScroll]);
   const total = state.order.length;
   const getPlural = kindsWithVersion ? pluralByKind(kindsWithVersion) : void 0;
+  const baseFactoriesMapping = navigationDataArr && navigationDataArr.items && navigationDataArr.items.length > 0 ? navigationDataArr.items[0].spec?.baseFactoriesMapping : void 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.Root, { $substractHeight: substractHeight || 340, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.Header, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.HeaderLeftSide, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 10, children: [
@@ -53095,7 +53486,8 @@ const Events = ({
           baseFactoryClusterSceopedAPIKey,
           baseFactoryNamespacedBuiltinKey,
           baseFactoryClusterSceopedBuiltinKey,
-          baseNamespaceFactoryKey
+          baseNamespaceFactoryKey,
+          baseFactoriesMapping
         },
         k
       )) : /* @__PURE__ */ jsxRuntimeExports.jsx(Empty, { description: "No events" }),
@@ -53294,6 +53686,34 @@ const isMultilineFromYaml = (yamlContent, fieldPath) => {
   }
 };
 
+const arraysEqual = (arr1, arr2) => {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  for (let i = 0; i < arr1.length; i++) {
+    if (typeof arr2[i] === "number") {
+      if (arr1[i] !== String(arr2[i])) {
+        return false;
+      }
+    }
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
+  }
+  return true;
+};
+const includesArray = (matrix, target) => {
+  if (!matrix) {
+    return false;
+  }
+  for (const row of matrix) {
+    if (arraysEqual(row, target)) {
+      return true;
+    }
+  }
+  return false;
+};
+
 const getClusterList = async () => {
   return axios.get("/clusterlist");
 };
@@ -53728,5 +54148,5 @@ const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
   }, [sentinelRef, hasMore, onNeedMore]);
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useK8sSmartResource, useK8sVerbs, useListWatch, usePermissions };
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsProvider, ManageableSidebar, ManageableSidebarProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResourceLink, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getNamespaceLink, getObjectFormItemsDraft, getPrefixSubarrays, getResourceLink, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, includesArray, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useK8sSmartResource, useK8sVerbs, useListWatch, usePermissions };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map