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

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('antd'), require('@ant-design/icons'), require('@tanstack/react-query'), require('react-router-dom')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'antd', '@ant-design/icons', '@tanstack/react-query', 'react-router-dom'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@prorobotech/openapi-k8s-toolkit"] = {}, global.styled, global.React, global.antd, global.antdIcons, global.reactQuery, global.ReactRouterDOM));
-})(this, (function (exports, styled, K, antd, icons, reactQuery, reactRouterDom) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('antd'), require('@ant-design/icons'), require('react-router-dom'), require('@tanstack/react-query')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'antd', '@ant-design/icons', 'react-router-dom', '@tanstack/react-query'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@prorobotech/openapi-k8s-toolkit"] = {}, global.styled, global.React, global.antd, global.antdIcons, global.ReactRouterDOM, global.reactQuery));
+})(this, (function (exports, styled, K, antd, icons, reactRouterDom, reactQuery) { 'use strict';
 
   const Spacer$1 = styled.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
@@ -1573,7 +1573,7 @@
     justify-content: center;
   }
 `;
-  const Styled$A = {
+  const Styled$C = {
     CustomTreeProvider
   };
 
@@ -1638,7 +1638,7 @@
     });
     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(
         antd.Tree,
         {
           treeData: loop(treeData),
@@ -8167,14 +8167,14 @@
   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 } = antd.theme.useToken();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$z.ContentContainer,
+      Styled$B.ContentContainer,
       {
         $flexGrow: flexGrow,
         $bgColor: token.colorBgContainer,
@@ -8235,13 +8235,13 @@
     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(antd.Select)`
@@ -8289,13 +8289,13 @@
     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(antd.Tag)`
@@ -8315,6 +8315,273 @@
   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 = reactRouterDom.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(antd.Flex, { align: "center", gap: 8, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.Abbr, { $bgColor: bgColor, children: abbr }),
+      resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        antd.Typography.Link,
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            navigate(resourceLink);
+          },
+          children: forcedName || name
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(antd.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] = K.useState(false);
+    const containerRef = K.useRef(null);
+    const breadcrumbRef = K.useRef(null);
+    K.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(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.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);
   };
@@ -9053,80 +9320,6 @@
     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] = K.useState(false);
-    const containerRef = K.useRef(null);
-    const breadcrumbRef = K.useRef(null);
-    K.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(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
-    ] });
-  };
-
   const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
@@ -9135,10 +9328,7 @@
     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,
@@ -9183,6 +9373,73 @@
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
   };
 
+  const CustomMenu = styled(antd.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] = K.useState([]);
+    const [openKeys, setOpenKeys] = K.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);
+      }
+    };
+    K.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,
@@ -9277,73 +9534,7 @@
     return { ...result, selectedKeys: stringedOpenedKeys };
   };
 
-  const CustomMenu = styled(antd.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] = K.useState([]);
-    const [openKeys, setOpenKeys] = K.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);
-      }
-    };
-    K.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,
@@ -34157,7 +34348,7 @@
       acc[index.toString()] = value;
       return acc;
     }, {});
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarWithDataProvider, { replaceValues, ...props });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarProvider, { replaceValues, ...props });
   };
 
   const checkPermission = async ({
@@ -35207,11 +35398,7 @@
     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);
@@ -37726,30 +37913,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ] });
   };
 
-  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;
@@ -37839,6 +38002,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       baseFactoryNamespacedBuiltinKey,
       baseFactoryClusterSceopedBuiltinKey,
       baseNamespaceFactoryKey,
+      baseNavigationPluralName,
+      baseNavigationSpecificName,
       ...props
     } = data;
     const theme = useTheme();
@@ -37903,6 +38068,336 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
           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] = K.useState();
+    const [kindsWithVersion, setKindWithVersion] = K.useState();
+    K.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(antd.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
         }
       ),
@@ -37946,7 +38441,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ConverterBytes,
     SecretBase64Plain,
     ResourceBadge,
-    Events: Events$1
+    Events: Events$1,
+    OwnerRefs
   };
 
   const prepareUrlsToFetchForDynamicRenderer = ({
@@ -38614,6 +39110,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       setIsError(void 0);
       setIsLoading(true);
       const payload = {
+        clusterName: cluster,
         customizationId,
         tableMappingsReplaceValues,
         forceDefaultAdditionalPrinterColumns,
@@ -50113,7 +50610,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ] });
   };
 
-  const BlackholeFormDataProvider = ({
+  const BlackholeFormProvider = ({
     theme,
     cluster,
     urlParams,
@@ -52377,77 +52874,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     );
   };
 
-  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 ?? "";
@@ -52517,39 +52943,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     }
     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;
@@ -52628,28 +53021,12 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     baseFactoryClusterSceopedAPIKey,
     baseFactoryNamespacedBuiltinKey,
     baseFactoryClusterSceopedBuiltinKey,
-    baseNamespaceFactoryKey
+    baseNamespaceFactoryKey,
+    baseFactoriesMapping
   }) => {
     const { token } = antd.theme.useToken();
     const navigate = reactRouterDom.useNavigate();
-    const abbr = e.regarding?.kind ? getUppercase(e.regarding.kind) : void 0;
-    const bgColor = e.regarding?.kind && abbr ? hslFromString(e.regarding?.kind, theme) : "initial";
     const bgColorNamespace = hslFromString("Namespace", theme);
-    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,
@@ -52666,19 +53043,24 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { justify: "space-between", align: "center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 16, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColor, children: abbr }),
-                resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  antd.Typography.Link,
-                  {
-                    onClick: (e2) => {
-                      e2.preventDefault();
-                      navigate(resourceLink);
-                    },
-                    children: e.regarding?.name
-                  }
-                ) : /* @__PURE__ */ jsxRuntimeExports.jsx(antd.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,
+                  baseprefix,
+                  cluster,
+                  getPlural,
+                  baseFactoryNamespacedAPIKey,
+                  baseFactoryClusterSceopedAPIKey,
+                  baseFactoryNamespacedBuiltinKey,
+                  baseFactoryClusterSceopedBuiltinKey,
+                  baseFactoriesMapping
+                }
+              ),
               e.regarding?.namespace && /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColorNamespace, children: "NS" }),
                 namespaceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52808,7 +53190,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     baseFactoryClusterSceopedAPIKey,
     baseFactoryNamespacedBuiltinKey,
     baseFactoryClusterSceopedBuiltinKey,
-    baseNamespaceFactoryKey
+    baseNamespaceFactoryKey,
+    baseNavigationPluralName,
+    baseNavigationSpecificName
   }) => {
     const { token } = antd.theme.useToken();
     const [kindIndex, setKindIndex] = K.useState();
@@ -52821,6 +53205,13 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
         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] = K.useState(false);
     const pausedRef = K.useRef(isPaused);
     K.useEffect(() => {
@@ -53033,6 +53424,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     }, [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(antd.Flex, { justify: "start", align: "center", gap: 10, children: [
@@ -53093,7 +53485,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             baseFactoryClusterSceopedAPIKey,
             baseFactoryNamespacedBuiltinKey,
             baseFactoryClusterSceopedBuiltinKey,
-            baseNamespaceFactoryKey
+            baseNamespaceFactoryKey,
+            baseFactoriesMapping
           },
           k
         )) : /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Empty, { description: "No events" }),
@@ -53292,6 +53685,34 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     }
   };
 
+  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,7 +54149,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
 
   exports.BackToDefaultIcon = BackToDefaultIcon;
   exports.BlackholeForm = BlackholeForm;
-  exports.BlackholeFormDataProvider = BlackholeFormDataProvider;
+  exports.BlackholeFormProvider = BlackholeFormProvider;
   exports.ContentCard = ContentCard$1;
   exports.CursorDefaultDiv = CursorDefaultDiv;
   exports.CursorPointerTag = CursorPointerTag;
@@ -53750,9 +54171,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.LockedIcon = LockedIcon;
   exports.LookingGlassIcon = LookingGlassIcon;
   exports.ManageableBreadcrumbs = ManageableBreadcrumbs;
-  exports.ManageableBreadcrumbsWithDataProvider = ManageableBreadcrumbsWithDataProvider;
+  exports.ManageableBreadcrumbsProvider = ManageableBreadcrumbsProvider;
   exports.ManageableSidebar = ManageableSidebar;
-  exports.ManageableSidebarWithDataProvider = ManageableSidebarWithDataProvider;
+  exports.ManageableSidebarProvider = ManageableSidebarProvider;
   exports.MarketPlace = MarketPlace;
   exports.MarketplaceCard = MarketplaceCard;
   exports.MinusIcon = MinusIcon;
@@ -53764,6 +54185,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.PodLogsMonaco = PodLogsMonaco;
   exports.PodTerminal = PodTerminal;
   exports.ProjectInfoCard = ProjectInfoCard;
+  exports.ResourceLink = ResourceLink;
   exports.ResumeCircleIcon = ResumeCircleIcon;
   exports.Search = Search;
   exports.Spacer = Spacer$1;
@@ -53790,7 +54212,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.getApiResourceTypes = getApiResourceTypes;
   exports.getApiResourceTypesByApiGroup = getApiResourceTypesByApiGroup;
   exports.getApiResources = getApiResources;
-  exports.getBackLinkToTable = getBackLinkToTable;
   exports.getBuiltinResourceSingle = getBuiltinResourceSingle;
   exports.getBuiltinResourceTypes = getBuiltinResourceTypes;
   exports.getBuiltinResources = getBuiltinResources;
@@ -53807,8 +54228,10 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.getLinkToApiForm = getLinkToApiForm;
   exports.getLinkToBuiltinForm = getLinkToBuiltinForm;
   exports.getLinkToForm = getLinkToForm;
+  exports.getNamespaceLink = getNamespaceLink;
   exports.getObjectFormItemsDraft = getObjectFormItemsDraft;
   exports.getPrefixSubarrays = getPrefixSubarrays;
+  exports.getResourceLink = getResourceLink;
   exports.getSortedKinds = getSortedKinds;
   exports.getSortedKindsAll = getSortedKindsAll;
   exports.getStringByName = getStringByName;
@@ -53816,6 +54239,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.getUppercase = getUppercase;
   exports.groupsToTreeData = groupsToTreeData;
   exports.hslFromString = hslFromString;
+  exports.includesArray = includesArray;
   exports.isFlatObject = isFlatObject;
   exports.isMultilineFromYaml = isMultilineFromYaml;
   exports.isMultilineString = isMultilineString;