@prorobotech/openapi-k8s-toolkit 1.1.0-alpha.1 → 1.1.0-alpha.11

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

@@ -1,9 +1,9 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import K, { useState, useRef, useReducer, useEffect, useCallback, useLayoutEffect, Fragment, createContext, useContext, useMemo, 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 { Link, useNavigate, useLocation, useParams, useSearchParams } from 'react-router-dom';
-import { useQueries, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useNavigate, Link, useLocation, useParams, useSearchParams } from 'react-router-dom';
+import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 
 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,11 +8316,331 @@ const PaddingContainer = styled.div`
   padding: ${({ $padding }) => $padding};
 `;
 
-const eventKey$1 = (e) => {
-  const n = e.metadata?.name ?? "";
-  const ns = e.metadata?.namespace ?? "";
-  return `${ns}/${n}`;
+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);
+};
+
+const useDirectUnknownResource = ({
+  uri,
+  queryKey,
+  refetchInterval,
+  isEnabled
+}) => {
+  return useQuery({
+    queryKey,
+    queryFn: async () => {
+      const response = await getDirectUnknownResource({
+        uri
+      });
+      const data = JSON.parse(JSON.stringify(response.data));
+      if (data.metadata?.resourceVersion) {
+        delete data.metadata.resourceVersion;
+      }
+      return data;
+    },
+    refetchInterval: refetchInterval !== void 0 ? refetchInterval : 5e3,
+    enabled: isEnabled
+  });
+};
+
+const useK8sVerbs = ({
+  cluster,
+  group,
+  version,
+  plural,
+  isEnabled = true
+}) => {
+  const uri = `/api/clusters/${cluster}/openapi-bff/verbs/getResourceVerbs?${new URLSearchParams({
+    ...group ? { group } : {},
+    version,
+    plural
+  }).toString()}`;
+  const { data, isError, isLoading, error } = useDirectUnknownResource({
+    uri,
+    queryKey: ["k8s-verbs", cluster, group || "", version, plural],
+    refetchInterval: false,
+    isEnabled: Boolean(isEnabled && cluster && version && plural)
+  });
+  const verbs = data?.verbs || [];
+  const canList = verbs.includes("list");
+  const canWatch = verbs.includes("watch");
+  return {
+    canList,
+    canWatch,
+    isError,
+    isLoading,
+    error
+  };
+};
+
+const eventKey$1 = (e) => e.metadata?.uid ?? `${e.metadata?.namespace ?? ""}/${e.metadata?.name ?? ""}`;
 const compareRV$1 = (a, b) => {
   if (a.length !== b.length) return a.length > b.length ? 1 : -1;
   return a > b ? 1 : a < b ? -1 : 0;
@@ -8404,6 +8724,7 @@ const useListWatch = ({
   const [lastError, setLastError] = useState(void 0);
   const [isPaused, setIsPaused] = useState(paused);
   const [isRemoveIgnored, setIsRemoveIgnored] = useState(ignoreRemove);
+  const [hasInitial, setHasInitial] = useState(false);
   const queryRef = useRef(query);
   const wsRef = useRef(null);
   const connectingRef = useRef(false);
@@ -8575,19 +8896,6 @@ const useListWatch = ({
     wsRef.current = null;
     connect();
   }, [closeWS, connect, setStatusSafe]);
-  useEffect(() => {
-    if (!mountedRef.current) return;
-    if (isEnabled) {
-      connect();
-    } else {
-      if (reconnectTimerRef.current) {
-        window.clearTimeout(reconnectTimerRef.current);
-        reconnectTimerRef.current = null;
-      }
-      closeWS();
-      setStatusSafe("closed");
-    }
-  }, [isEnabled, closeWS, connect, setStatusSafe]);
   const setUrl = useCallback(
     (next) => {
       const changed = next !== urlRef.current;
@@ -8601,6 +8909,7 @@ const useListWatch = ({
           setHasMore(false);
           anchorRVRef.current = void 0;
           haveAnchorRef.current = false;
+          setHasInitial(false);
         }
         if (enabledRef.current) reconnect();
       }
@@ -8619,6 +8928,7 @@ const useListWatch = ({
         dispatch({ type: "RESET", items: [] });
         setContToken(void 0);
         setHasMore(false);
+        setHasInitial(false);
       }
       if (prevId !== nextId) {
         anchorRVRef.current = void 0;
@@ -8641,6 +8951,17 @@ const useListWatch = ({
         return;
       }
       if (!frame) return;
+      if (frame.type === "SERVER_LOG") {
+        const level = frame.level || "info";
+        const msg = frame.message;
+        (console[level] || console.log).call(console, "[useListWatch][server]", msg);
+        return;
+      }
+      if (frame.type === "INITIAL_ERROR") {
+        const msg = frame.message;
+        setErrorSafe(msg);
+        return;
+      }
       if (frame.type === "INITIAL") {
         dispatch({ type: "RESET", items: frame.items });
         setContToken(frame.continue);
@@ -8653,6 +8974,7 @@ const useListWatch = ({
           anchorRVRef.current = snapshotRV;
           haveAnchorRef.current = true;
         }
+        setHasInitial(true);
         return;
       }
       if (frame.type === "PAGE") {
@@ -8711,12 +9033,26 @@ const useListWatch = ({
   useEffect(() => {
     if (wsUrl !== urlRef.current) setUrl(wsUrl);
   }, [wsUrl, setUrl]);
+  useEffect(() => {
+    if (!mountedRef.current) return;
+    if (isEnabled) {
+      connect();
+    } else {
+      if (reconnectTimerRef.current) {
+        window.clearTimeout(reconnectTimerRef.current);
+        reconnectTimerRef.current = null;
+      }
+      closeWS();
+      setStatusSafe("closed");
+    }
+  }, [isEnabled, closeWS, connect, setStatusSafe]);
   useEffect(() => {
     if (resIdRef.current !== resId) {
       clearErrorSafe();
       suppressErrorsRef.current = true;
       anchorRVRef.current = void 0;
       haveAnchorRef.current = false;
+      setHasInitial(false);
       resIdRef.current = resId;
       queryRef.current = query;
       if (enabledRef.current) reconnect();
@@ -8801,6 +9137,7 @@ const useListWatch = ({
     continueToken,
     status,
     lastError,
+    hasInitial,
     setPaused: setIsPaused,
     setIgnoreRemove: setIsRemoveIgnored,
     sendScroll,
@@ -8811,17 +9148,126 @@ const useListWatch = ({
   };
 };
 
-const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
-  useEffect(() => {
-    const el = sentinelRef.current;
-    if (!el) return void 0;
-    const io = new IntersectionObserver((entries) => {
-      const visible = entries.some((e) => e.isIntersecting);
-      if (visible && hasMore) onNeedMore();
-    });
-    io.observe(el);
-    return () => io.disconnect();
-  }, [sentinelRef, hasMore, onNeedMore]);
+const buildApiPrefix = (group, version) => {
+  const g = (group ?? "").trim();
+  const v = (version ?? "").trim();
+  const isCore = !g || g === "core" || g === "v1";
+  return isCore ? `/api/${v}` : `/apis/${g}/${v}`;
+};
+const buildListUri = ({
+  cluster,
+  group,
+  version,
+  plural,
+  namespace,
+  fieldSelector,
+  labelSelector,
+  limit
+}) => {
+  const prefix = buildApiPrefix(group, version);
+  const ns = namespace ? `/namespaces/${namespace}` : "";
+  const base = `/api/clusters/${cluster}/k8s${prefix}${ns}/${plural}/`;
+  const params = new URLSearchParams();
+  if (fieldSelector) params.append("fieldSelector", fieldSelector);
+  if (labelSelector) params.append("labelSelector", labelSelector);
+  if (limit) params.append("limit", String(limit));
+  return params.toString() ? `${base}?${params.toString()}` : base;
+};
+const useK8sSmartResource = ({
+  cluster,
+  group,
+  version,
+  plural,
+  namespace,
+  fieldSelector,
+  labelSelector,
+  isEnabled = true,
+  listRefetchInterval = 5e3,
+  limit,
+  mapListWatchState
+}) => {
+  const {
+    canList,
+    canWatch,
+    isLoading: verbsLoading,
+    isError: verbsIsError,
+    error: verbsErrorObj
+  } = useK8sVerbs({
+    cluster,
+    group,
+    version,
+    plural,
+    isEnabled: Boolean(isEnabled && cluster && cluster.length > 0)
+  });
+  const listUri = buildListUri({
+    cluster,
+    group,
+    version,
+    plural,
+    namespace,
+    fieldSelector,
+    labelSelector,
+    limit
+  });
+  const restEnabled = Boolean(
+    cluster && cluster.length > 0 && isEnabled && canList && !canWatch && !verbsLoading && !verbsIsError
+  );
+  const {
+    data: restData,
+    isLoading: restLoading,
+    isError: restIsError,
+    error: restError
+  } = useDirectUnknownResource({
+    uri: listUri,
+    queryKey: [
+      "k8s-list",
+      cluster,
+      group || "",
+      version,
+      namespace || "",
+      plural,
+      fieldSelector || "",
+      labelSelector || ""
+    ],
+    refetchInterval: listRefetchInterval,
+    isEnabled: restEnabled
+  });
+  const watchEnabled = Boolean(
+    cluster && cluster.length > 0 && isEnabled && canList && canWatch && !verbsLoading && !verbsIsError
+  );
+  const { state, status, hasInitial, lastError } = useListWatch({
+    wsUrl: `/api/clusters/${cluster}/openapi-bff-ws/listThenWatch/listWatchWs`,
+    paused: false,
+    ignoreRemove: false,
+    autoDrain: true,
+    preserveStateOnUrlChange: true,
+    isEnabled: watchEnabled,
+    pageSize: limit,
+    query: {
+      apiGroup: group,
+      apiVersion: version,
+      plural,
+      namespace,
+      fieldSelector,
+      labelSelector
+    }
+  });
+  const defaultMap = (s) => ({ items: s.order.map((k) => s.byKey[k]) });
+  const watchData = useMemo(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    () => watchEnabled ? (mapListWatchState ?? defaultMap)(state) : void 0,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [watchEnabled, state, mapListWatchState]
+  );
+  const used = !isEnabled ? "disabled" : verbsLoading ? "verbs-loading" : verbsIsError ? "verbs-error" : watchEnabled ? "watch" : restEnabled ? "list" : "disabled";
+  const isLoading = isEnabled && verbsLoading || used === "watch" && status === "connecting" || used === "watch" && status === "open" && !hasInitial || used === "list" && restLoading;
+  let error;
+  if (verbsIsError) error = verbsErrorObj;
+  else if (used === "watch" && status === "closed" && lastError) error = lastError;
+  else if (used === "list" && restIsError) error = restError;
+  const isError = Boolean(error);
+  const data = used === "watch" ? watchData : used === "list" ? restData : void 0;
+  return { data, isLoading, isError, error, _meta: { used } };
 };
 
 const prepareTemplate = ({
@@ -8875,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%;
@@ -8957,11 +9329,8 @@ const Styled$v = {
   HeightDiv
 };
 
-const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
-};
-const ManageableBreadcrumbsWithDataProvider = ({
-  wsUrl,
+const ManageableBreadcrumbsProvider = ({
+  cluster,
   apiGroup,
   apiVersion,
   plural,
@@ -8970,28 +9339,17 @@ const ManageableBreadcrumbsWithDataProvider = ({
   pathname,
   idToCompare
 }) => {
-  const { state, status, lastError } = useListWatch({
-    wsUrl,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion,
-      apiGroup,
-      plural
-    },
+  const {
+    data: rawData,
+    isError: rawDataError,
+    isLoading: rawDataLoading
+  } = useK8sSmartResource({
+    cluster: cluster || "",
+    group: apiGroup,
+    version: apiVersion,
+    plural,
     isEnabled
   });
-  const rawDataLoading = status === "connecting";
-  const rawDataError = status === "closed" && lastError ? lastError : void 0;
-  const rawData = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   if (rawDataError) {
     return null;
   }
@@ -9016,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,
@@ -9087,9 +9512,10 @@ const prepareDataForManageableSidebar = ({
   replaceValues,
   pathname,
   idToCompare,
+  fallbackIdToCompare,
   currentTags
 }) => {
-  const foundData = data.find((el) => el.id === idToCompare);
+  const foundData = data.find((el) => el.id === idToCompare) || (fallbackIdToCompare ? data.find((el) => el.id === fallbackIdToCompare) : void 0);
   if (!foundData) {
     return void 0;
   }
@@ -9110,74 +9536,8 @@ 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 = ({
-  wsUrl,
+const ManageableSidebarProvider = ({
+  cluster,
   apiGroup,
   apiVersion,
   plural,
@@ -9185,32 +9545,22 @@ const ManageableSidebarWithDataProvider = ({
   replaceValues,
   pathname,
   idToCompare,
+  fallbackIdToCompare,
   currentTags,
   hidden,
   noMarginTop
 }) => {
-  const { state, status, lastError } = useListWatch({
-    wsUrl,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion,
-      apiGroup,
-      plural
-    },
+  const {
+    data: rawData,
+    isError: rawDataError,
+    isLoading: rawDataLoading
+  } = useK8sSmartResource({
+    cluster,
+    group: apiGroup,
+    version: apiVersion,
+    plural,
     isEnabled
   });
-  const rawDataLoading = status === "connecting";
-  const rawDataError = status === "closed" && lastError ? lastError : void 0;
-  const rawData = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   if (rawDataError) {
     return null;
   }
@@ -9232,6 +9582,7 @@ const ManageableSidebarWithDataProvider = ({
     replaceValues,
     pathname,
     idToCompare,
+    fallbackIdToCompare,
     currentTags
   });
   if (!result) {
@@ -33469,49 +33820,97 @@ const AntdText = ({
 };
 
 const MultiQueryContext = createContext(void 0);
-const MultiQueryProvider = ({ urls, dataToApplyToContext, children }) => {
-  const queries = useQueries({
-    queries: urls.map((url, index) => ({
-      queryKey: ["multi", index, url],
-      queryFn: async () => {
-        const response = await axios.get(url);
-        return response.data;
+const makeEmptyEntry = () => ({
+  data: void 0,
+  isLoading: false,
+  isError: false,
+  error: null
+});
+const aggReducer = (state, action) => {
+  switch (action.type) {
+    case "RESET":
+      return { entries: Array.from({ length: action.total }, makeEmptyEntry) };
+    case "SET_ENTRY": {
+      const entries = state.entries.slice();
+      entries[action.index] = action.entry;
+      return { entries };
+    }
+    default:
+      return state;
+  }
+};
+const K8sFetcher = ({ index, params, dispatch }) => {
+  const res = useK8sSmartResource(params);
+  useEffect(() => {
+    dispatch({
+      type: "SET_ENTRY",
+      index,
+      entry: {
+        data: res.data,
+        isLoading: res.isLoading,
+        isError: res.isError,
+        error: res.error ?? null
       }
-    }))
-  });
-  const data = {};
-  const errors = [];
-  let isLoading;
-  let isError;
-  if (!dataToApplyToContext) {
-    queries.forEach((q, i) => {
-      data[`req${i}`] = q.data;
-      errors[i] = q.error ?? null;
     });
-    isLoading = queries.some((q) => q.isLoading);
-    isError = queries.some((q) => q.isError);
-  } else {
-    data.req0 = dataToApplyToContext;
-    isLoading = false;
-    isError = false;
-  }
-  const value = useMemo(
-    () => ({ data, isLoading, isError, errors }),
-    /*
-      We use JSON.stringify(data) and JSON.stringify(errors) as dependencies to safely memoize when values deeply change (since data is a new object every render).
-      Alternatively, you could use a deep comparison hook or lodash.isEqual if needed.
-    */
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [JSON.stringify(data), isLoading, isError, JSON.stringify(errors)]
+  }, [index, res.data, res.isLoading, res.isError, res.error, dispatch]);
+  return null;
+};
+const MultiQueryProvider = ({ items, dataToApplyToContext, children }) => {
+  const k8sItems = useMemo(
+    () => items.filter((x) => typeof x !== "string"),
+    [items]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
+  const urlItems = useMemo(() => items.filter((x) => typeof x === "string"), [items]);
+  const k8sCount = k8sItems.length;
+  const urlCount = urlItems.length;
+  const [state, dispatch] = useReducer(aggReducer, { entries: Array.from({ length: k8sCount }, makeEmptyEntry) });
+  useEffect(() => {
+    dispatch({ type: "RESET", total: k8sCount });
+  }, [k8sCount]);
+  const urlQueries = useQueries({
+    queries: urlItems.map((url, i) => ({
+      queryKey: ["multi-url", i, url],
+      queryFn: async () => {
+        const res = await axios.get(url);
+        return structuredClone(res.data);
+      },
+      structuralSharing: false,
+      refetchInterval: 5e3
+    }))
+  });
+  const value = (() => {
+    if (typeof dataToApplyToContext !== "undefined") {
+      return { data: { req0: dataToApplyToContext }, isLoading: false, isError: false, errors: [] };
+    }
+    const data = {};
+    const errors = [];
+    for (let i = 0; i < k8sCount; i++) {
+      const e = state.entries[i] ?? makeEmptyEntry();
+      data[`req${i}`] = e.data;
+      errors[i] = e.isError ? e.error : null;
+    }
+    for (let i = 0; i < urlCount; i++) {
+      const q = urlQueries[i];
+      const idx = k8sCount + i;
+      data[`req${idx}`] = q?.data;
+      errors[idx] = q?.isError ? q.error ?? null : null;
+    }
+    const isLoading = state.entries.some((e) => e.isLoading) || urlQueries.some((q) => q.isLoading);
+    const isError = state.entries.some((e) => e.isError) || urlQueries.some((q) => q.isError);
+    return { data, isLoading, isError, errors };
+  })();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(MultiQueryContext.Provider, { value, children: [
+    k8sItems.map((params, i) => (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsxRuntimeExports.jsx(K8sFetcher, { index: i, params, dispatch }, i)
+    )),
+    children
+  ] });
 };
 const useMultiQuery = () => {
-  const context = useContext(MultiQueryContext);
-  if (!context) {
-    throw new Error("useMultiQuery must be used within a MultiQueryProvider");
-  }
-  return context;
+  const ctx = useContext(MultiQueryContext);
+  if (!ctx) throw new Error("useMultiQuery must be used within a MultiQueryProvider");
+  return ctx;
 };
 
 const createContextFactory = () => {
@@ -33739,7 +34138,7 @@ const MultiQuery = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: preparedText });
@@ -33769,7 +34168,7 @@ const ParsedText = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -33806,7 +34205,7 @@ const ProjectInfoCard$1 = ({
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectInfoCard, { clusterName, namespace, accessGroups: parsedAccessGroups, ...props, children });
@@ -33923,7 +34322,7 @@ const StatusText$1 = ({
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const { type, text } = getResult({
@@ -33955,7 +34354,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 ({
@@ -34009,33 +34408,6 @@ const usePermissions = ({
   });
 };
 
-const getDirectUnknownResource = async ({ uri }) => {
-  return axios.get(uri);
-};
-
-const useDirectUnknownResource = ({
-  uri,
-  queryKey,
-  refetchInterval,
-  isEnabled
-}) => {
-  return useQuery({
-    queryKey,
-    queryFn: async () => {
-      const response = await getDirectUnknownResource({
-        uri
-      });
-      const data = JSON.parse(JSON.stringify(response.data));
-      if (data.metadata?.resourceVersion) {
-        delete data.metadata.resourceVersion;
-      }
-      return data;
-    },
-    refetchInterval: refetchInterval !== void 0 ? refetchInterval : 5e3,
-    enabled: isEnabled
-  });
-};
-
 const getBackLinkToTable = ({ fullPath }) => {
   return encodeURIComponent(fullPath);
 };
@@ -34116,6 +34488,7 @@ const EnrichedTable$1 = ({
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     id,
     fetchUrl,
+    k8sResourceToFetch,
     pathToItems,
     clusterNamePartOfUrl,
     labelSelector,
@@ -34159,7 +34532,13 @@ const EnrichedTable$1 = ({
     verb: "create",
     refetchInterval: false
   });
-  const fetchUrlPrepared = parseAll({ text: fetchUrl, replaceValues, multiQueryData });
+  const fetchUrlPrepared = fetchUrl ? parseAll({ text: fetchUrl, replaceValues, multiQueryData }) : void 0;
+  const k8sResourceToFetchPrepared = k8sResourceToFetch ? {
+    group: k8sResourceToFetch.group ? parseAll({ text: k8sResourceToFetch.group, replaceValues, multiQueryData }) : void 0,
+    version: parseAll({ text: k8sResourceToFetch.version, replaceValues, multiQueryData }),
+    plural: parseAll({ text: k8sResourceToFetch.plural, replaceValues, multiQueryData }),
+    namespace: k8sResourceToFetch.namespace ? parseAll({ text: k8sResourceToFetch.namespace, replaceValues, multiQueryData }) : void 0
+  } : void 0;
   const sParams = new URLSearchParams();
   if (labelSelector && Object.keys(labelSelector).length > 0) {
     const parsedObject = Object.fromEntries(
@@ -34196,21 +34575,48 @@ const EnrichedTable$1 = ({
   } = useDirectUnknownResource({
     uri: `${fetchUrlPrepared}${searchParams ? `?${searchParams}` : ""}`,
     queryKey: [`${fetchUrlPrepared}${searchParams ? `?${searchParams}` : ""}`],
-    isEnabled: !isMultiqueryLoading
+    isEnabled: Boolean(!isMultiqueryLoading && fetchUrlPrepared)
   });
-  if (isMultiqueryLoading) {
+  const {
+    data: fetchedDataSocket,
+    isLoading: isFetchedDataSocketLoading,
+    error: fetchedDataSocketError
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    namespace: k8sResourceToFetchPrepared?.namespace,
+    group: k8sResourceToFetchPrepared?.group,
+    version: k8sResourceToFetchPrepared?.version || "",
+    plural: k8sResourceToFetchPrepared?.plural || "",
+    fieldSelector: sParams.get("fieldSelector") || void 0,
+    labelSelector: sParams.get("labelSelector") || void 0,
+    isEnabled: Boolean(!isMultiqueryLoading && k8sResourceToFetchPrepared)
+  });
+  if (fetchUrlPrepared && isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
-  if (isFetchedDataLoading) {
+  if (k8sResourceToFetchPrepared && isMultiqueryLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
+  }
+  if (fetchUrlPrepared && isFetchedDataLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
-  if (fetchedDataError) {
+  if (k8sResourceToFetchPrepared && isFetchedDataSocketLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+  }
+  if (fetchUrlPrepared && fetchedDataError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       "Error: ",
       JSON.stringify(fetchedDataError)
     ] });
   }
-  const items = Array.isArray(pathToItems) ? _$1.get(fetchedData, pathToItems) : jp.query(fetchedData, `$${pathToItems}`)[0];
+  if (k8sResourceToFetchPrepared && fetchedDataSocketError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      "Error: ",
+      JSON.stringify(fetchedDataError)
+    ] });
+  }
+  const dataFromOneOfHooks = fetchedData || fetchedDataSocket;
+  const items = Array.isArray(pathToItems) ? _$1.get(dataFromOneOfHooks, pathToItems) : jp.query(dataFromOneOfHooks, `$${pathToItems}`)[0];
   if (!items) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       "No data on this path ",
@@ -34345,15 +34751,18 @@ const PodTerminal$1 = ({
   const namespacePrepared = parseAll({ text: namespace, replaceValues, multiQueryData });
   const podNamePrepared = parseAll({ text: podName, replaceValues, multiQueryData });
   const {
-    data: podInfo,
+    data: podInfoList,
     isError: isPodInfoError,
     isLoading: isLoadingPodInfo
-  } = useDirectUnknownResource({
-    uri: `/api/clusters/${clusterPrepared}/k8s/api/v1/namespaces/${namespacePrepared}/pods/${podNamePrepared}`,
-    refetchInterval: 5e3,
-    queryKey: [clusterPrepared || "no-cluster", "pods", podNamePrepared],
+  } = useK8sSmartResource({
+    cluster: clusterPrepared,
+    namespace: namespacePrepared,
+    version: "v1",
+    plural: "pods",
+    fieldSelector: `metadata.name=${podNamePrepared}`,
     isEnabled: clusterPrepared !== void 0 && namespacePrepared !== void 0 && podNamePrepared !== void 0
   });
+  const podInfo = podInfoList?.items && podInfoList.items.length > 0 ? podInfoList.items[0] : void 0;
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
@@ -34461,15 +34870,18 @@ const PodLogs$1 = ({
   const namespacePrepared = parseAll({ text: namespace, replaceValues, multiQueryData });
   const podNamePrepared = parseAll({ text: podName, replaceValues, multiQueryData });
   const {
-    data: podInfo,
+    data: podInfoList,
     isError: isPodInfoError,
     isLoading: isLoadingPodInfo
-  } = useDirectUnknownResource({
-    uri: `/api/clusters/${clusterPrepared}/k8s/api/v1/namespaces/${namespacePrepared}/pods/${podNamePrepared}`,
-    refetchInterval: 5e3,
-    queryKey: [clusterPrepared || "no-cluster", "pods", podNamePrepared],
+  } = useK8sSmartResource({
+    cluster: clusterPrepared,
+    namespace: namespacePrepared,
+    version: "v1",
+    plural: "pods",
+    fieldSelector: `metadata.name=${podNamePrepared}`,
     isEnabled: clusterPrepared !== void 0 && namespacePrepared !== void 0 && podNamePrepared !== void 0
   });
+  const podInfo = podInfoList?.items && podInfoList.items.length > 0 ? podInfoList.items[0] : void 0;
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
@@ -34505,6 +34917,37 @@ const PodLogs$1 = ({
   ] });
 };
 
+const getDataByPath = ({
+  prefillValuesRaw,
+  pathToData
+}) => {
+  return Array.isArray(pathToData) ? _$1.get(prefillValuesRaw, pathToData) : jp.query(prefillValuesRaw, `$${pathToData}`)[0];
+};
+const getPrefillValuesWithForces = ({
+  prefillValues,
+  forcedKind,
+  apiGroup,
+  apiVersion
+}) => {
+  if (!forcedKind) {
+    return prefillValues;
+  }
+  const newValues = { ...prefillValues };
+  if (typeof newValues === "object" && newValues !== null) {
+    if ("kind" in newValues) {
+      delete newValues.kind;
+    }
+    if ("apiVersion" in newValues) {
+      delete newValues.apiVersion;
+    }
+  }
+  return {
+    kind: forcedKind,
+    apiVersion: `${apiGroup ? `${apiGroup}/` : ""}${apiVersion}`,
+    ...newValues
+  };
+};
+
 const YamlEditorSingleton$1 = ({
   data,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -34520,7 +34963,9 @@ const YamlEditorSingleton$1 = ({
     apiGroup,
     apiVersion,
     typeName,
+    forcedKind,
     prefillValuesRequestIndex,
+    pathToData,
     substractHeight,
     ...props
   } = data;
@@ -34546,7 +34991,9 @@ const YamlEditorSingleton$1 = ({
   const apiGroupPrepared = apiGroup ? parseAll({ text: apiGroup, replaceValues, multiQueryData }) : "no-api-group";
   const apiVersionPrepared = apiVersion ? parseAll({ text: apiVersion, replaceValues, multiQueryData }) : "no-api-version";
   const typeNamePrepared = parseAll({ text: typeName, replaceValues, multiQueryData });
-  const prefillValues = multiQueryData[`req${prefillValuesRequestIndex}`];
+  const prefillValuesRaw = multiQueryData[`req${prefillValuesRequestIndex}`];
+  const prefillValues = pathToData ? getDataByPath({ prefillValuesRaw, pathToData }) : prefillValuesRaw;
+  const prefillValuesWithForces = getPrefillValuesWithForces({ prefillValues, forcedKind, apiGroup, apiVersion });
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
@@ -34556,7 +35003,7 @@ const YamlEditorSingleton$1 = ({
       {
         cluster: clusterPrepared,
         theme,
-        prefillValuesSchema: prefillValues,
+        prefillValuesSchema: prefillValuesWithForces,
         isNameSpaced,
         isCreate: false,
         type,
@@ -34655,7 +35102,7 @@ const ArrayOfObjectsToKeyValues = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const jsonRoot = multiQueryData[`req${reqIndex}`];
@@ -34722,7 +35169,7 @@ const ItemCounter = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -34779,7 +35226,7 @@ const KeyCounter = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -34957,11 +35404,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);
@@ -35164,7 +35607,7 @@ const Labels = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35439,7 +35882,7 @@ const LabelsToSearchParams = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35708,7 +36151,7 @@ const Taints = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35952,10 +36395,15 @@ const EditModal$1 = ({
                   ...restField,
                   name: [name, "operator"],
                   rules: [
-                    { required: true, message: "Operator is required." },
-                    {
-                      validator: (_, v) => v && operatorOptions.includes(v) ? Promise.resolve() : Promise.reject(new Error("Select a valid operator."))
-                    }
+                    ({ getFieldValue }) => ({
+                      validator(_, v) {
+                        const nameV = getFieldValue(["tolerations", name, "key"]);
+                        if ((nameV === "nameV" || !nameV) && (!v || v !== "Exists")) {
+                          return Promise.reject(new Error("Operator must be Exists when `key` is empty"));
+                        }
+                        return Promise.resolve();
+                      }
+                    })
                   ],
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     Select,
@@ -36081,7 +36529,7 @@ const Tolerations = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36362,7 +36810,7 @@ const Annotations = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36580,7 +37028,7 @@ const ConverterBytes = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -37397,7 +37845,7 @@ const SecretBase64Plain = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -37471,30 +37919,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;
@@ -37529,7 +37953,7 @@ const ResourceBadge = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value2, index) => {
@@ -37584,6 +38008,8 @@ const Events$1 = ({
     baseFactoryNamespacedBuiltinKey,
     baseFactoryClusterSceopedBuiltinKey,
     baseNamespaceFactoryKey,
+    baseNavigationPluralName,
+    baseNavigationSpecificName,
     ...props
   } = data;
   const theme = useTheme();
@@ -37648,6 +38074,354 @@ 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,
+  forcedNamespace,
+  theme,
+  baseprefix,
+  cluster,
+  getPlural,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseFactoriesMapping
+}) => {
+  let forcedName;
+  let objectNamespace;
+  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 {
+    }
+  }
+  if (rawObjectToFindLabel) {
+    try {
+      const defaultFetched = _$1.get(rawObjectToFindLabel, ["metadata", "namespace"]);
+      const socketFetched = _$1.get(rawObjectToFindLabel, ["items", 0, "metadata", "namespace"]);
+      objectNamespace = socketFetched || defaultFetched;
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ResourceLink,
+    {
+      kind: reference.kind,
+      apiVersion: reference.apiVersion,
+      namespace: forcedNamespace || reference.namespace || objectNamespace,
+      forcedName,
+      name: reference.name,
+      theme,
+      baseprefix,
+      cluster,
+      getPlural,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey,
+      baseFactoriesMapping
+    }
+  );
+};
+
+const RefsList = ({
+  theme,
+  baseprefix,
+  cluster,
+  refsArr,
+  keysToForcedLabel,
+  forcedRelatedValuePath,
+  rawObjectToFindLabel,
+  jsonPathToArrayOfRefs,
+  forcedNamespace,
+  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,
+      forcedNamespace,
+      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,
+    forcedNamespace,
+    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 preparedForcedNamespace = forcedNamespace ? prepareTemplate({
+    template: forcedNamespace,
+    replaceValues
+  }) : void 0;
+  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,
+        forcedNamespace: preparedForcedNamespace,
+        rawObjectToFindLabel: jsonRoot,
+        baseFactoryNamespacedAPIKey,
+        baseFactoryClusterSceopedAPIKey,
+        baseFactoryNamespacedBuiltinKey,
+        baseFactoryClusterSceopedBuiltinKey,
+        baseNavigationPluralName,
+        baseNavigationSpecificName,
+        listFlexProps,
         ...props
       }
     ),
@@ -37691,7 +38465,8 @@ const DynamicComponents = {
   ConverterBytes,
   SecretBase64Plain,
   ResourceBadge,
-  Events: Events$1
+  Events: Events$1,
+  OwnerRefs
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -37710,13 +38485,30 @@ const prepareUrlsToFetchForDynamicRenderer = ({
   );
 };
 
+const STRING_KEYS = ["cluster", "group", "version", "plural", "namespace", "fieldSelector", "labelSelector"];
 const DynamicRendererWithProviders = (props) => {
   const location = useLocation();
   const { urlsToFetch, dataToApplyToContext, theme, nodeTerminalDefaultProfile, disableEventBubbling } = props;
+  const directUrls = urlsToFetch.filter((el) => typeof el === "string");
+  const k8sResourcesUrls = urlsToFetch.filter((el) => typeof el !== "string");
   const preparedUrlsToFetch = prepareUrlsToFetchForDynamicRenderer({
-    urls: urlsToFetch,
+    urls: directUrls,
     locationPathname: location.pathname
   });
+  const preparedK8sResoucesUrls = k8sResourcesUrls.map((res) => {
+    let next = { ...res };
+    for (const key of STRING_KEYS) {
+      const val = next[key];
+      if (typeof val === "string" && val.length > 0) {
+        const prepared = prepareUrlsToFetchForDynamicRenderer({
+          urls: [val],
+          locationPathname: location.pathname
+        });
+        next = { ...next, [key]: prepared[0] ?? val };
+      }
+    }
+    return next;
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     CursorDefaultDiv,
     {
@@ -37726,7 +38518,14 @@ const DynamicRendererWithProviders = (props) => {
           e.stopPropagation();
         }
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FactoryConfigContextProvider, { value: { nodeTerminalDefaultProfile }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryProvider, { urls: preparedUrlsToFetch, dataToApplyToContext, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props }) }) }) }) })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FactoryConfigContextProvider, { value: { nodeTerminalDefaultProfile }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        MultiQueryProvider,
+        {
+          items: [...preparedK8sResoucesUrls, ...preparedUrlsToFetch],
+          dataToApplyToContext,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props })
+        }
+      ) }) }) })
     }
   );
 };
@@ -38335,6 +39134,7 @@ const EnrichedTableProvider = ({
     setIsError(void 0);
     setIsLoading(true);
     const payload = {
+      clusterName: cluster,
       customizationId,
       tableMappingsReplaceValues,
       forceDefaultAdditionalPrinterColumns,
@@ -46631,6 +47431,7 @@ const Styled$j = {
   BigText: BigText$1
 };
 
+const NOTIFICATION_KEY = "yaml-data-changed";
 const YamlEditorSingleton = ({
   theme: theme$1,
   cluster,
@@ -46652,9 +47453,52 @@ const YamlEditorSingleton = ({
   const [yamlData, setYamlData] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState();
+  const initialPrefillYamlRef = useRef(null);
+  const latestPrefillYamlRef = useRef(null);
+  const firstLoadRef = useRef(true);
+  const handleReload = useCallback(() => {
+    api.destroy(NOTIFICATION_KEY);
+    const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
+    if (nextYaml !== null) {
+      setYamlData(nextYaml);
+    }
+  }, [api]);
+  const openNotificationYamlChanged = useCallback(() => {
+    const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "primary",
+        size: "small",
+        onClick: () => {
+          handleReload();
+        },
+        children: "Reload"
+      }
+    );
+    api.info({
+      key: NOTIFICATION_KEY,
+      message: "Data changed",
+      description: "The source data has been updated. Reload to apply the latest changes (will discard your edits).",
+      btn,
+      placement: "bottomRight",
+      duration: 30
+    });
+  }, [api, handleReload]);
   useEffect(() => {
-    setYamlData(stringify(prefillValuesSchema));
-  }, [prefillValuesSchema]);
+    if (prefillValuesSchema === void 0) return;
+    const nextYaml = stringify(prefillValuesSchema);
+    if (firstLoadRef.current) {
+      initialPrefillYamlRef.current = nextYaml;
+      latestPrefillYamlRef.current = nextYaml;
+      setYamlData(nextYaml);
+      firstLoadRef.current = false;
+      return;
+    }
+    if (nextYaml !== latestPrefillYamlRef.current) {
+      openNotificationYamlChanged();
+    }
+    latestPrefillYamlRef.current = nextYaml;
+  }, [prefillValuesSchema, openNotificationYamlChanged]);
   const onSubmit = () => {
     setIsLoading(true);
     setError(void 0);
@@ -46726,7 +47570,8 @@ const YamlEditorSingleton = ({
     ) }),
     !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
-      backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" })
+      backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: handleReload, children: "Reload" })
     ] }) }),
     error && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Modal,
@@ -49819,7 +50664,7 @@ const BlackholeForm = ({
   ] });
 };
 
-const BlackholeFormDataProvider = ({
+const BlackholeFormProvider = ({
   theme,
   cluster,
   urlParams,
@@ -50309,28 +51154,14 @@ const MarketplaceCard = ({
     apiVersion,
     baseprefix
   });
-  const { state, status, lastError } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      namespace,
-      apiVersion: apiVersion || "",
-      apiGroup,
-      plural: type
-    },
+  const { data: k8sList, error: k8sListError } = useK8sSmartResource({
+    cluster: clusterName || "",
+    namespace,
+    group: apiGroup,
+    version: apiVersion || "",
+    plural: type,
     isEnabled: Boolean(apiVersion && addedMode && type !== "direct")
   });
-  const k8sListError = status === "closed" && lastError ? lastError : void 0;
-  const k8sList = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   if (addedMode && (k8sListError || type === "direct") && !showZeroResources) {
     return null;
   }
@@ -50459,30 +51290,17 @@ const MarketPlace = ({
   const [filteredAndSortedData, setFilterAndSortedData] = useState([]);
   const [uniqueTags, setUniqueTags] = useState([]);
   const [selectedTags, setSelectedTags] = useState([]);
-  const { state, status, lastError } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion: baseApiVersion,
-      apiGroup: baseApiGroup,
-      plural: mpResourceName
-    },
-    isEnabled: clusterName !== void 0
+  const {
+    data: marketplacePanels,
+    isLoading,
+    error
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    group: baseApiGroup,
+    version: baseApiVersion,
+    plural: mpResourceName,
+    isEnabled: Boolean(clusterName !== void 0)
   });
-  const isLoading = status === "connecting";
-  const error = status === "closed" && lastError ? lastError : void 0;
-  const marketplacePanels = useMemo(() => {
-    return {
-      items: state.order.map((key) => {
-        const res = state.byKey[key];
-        return res;
-      })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    };
-  }, [state]);
   const createPermission = usePermissions({
     group: baseApiGroup,
     resource: mpResourceName,
@@ -50781,52 +51599,30 @@ const ProjectInfoCard = ({
   children
 }) => {
   const navigate = useNavigate();
-  const { state, status } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion: baseApiVersion,
-      apiGroup: baseApiGroup,
-      plural: mpResourceName
-    },
-    isEnabled: clusterName !== void 0
-  });
-  const marketplaceIsLoading = status === "connecting";
-  const marketplacePanels = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   const {
-    state: stateProject,
-    status: statusProject,
-    lastError: lastErrorProject
-  } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion: baseProjectVersion,
-      apiGroup: baseProjectApiGroup,
-      plural: projectResourceName,
-      fieldSelector: `metadata.name=${namespace}`
-    },
-    isEnabled: clusterName !== void 0
+    data: marketplacePanels,
+    isLoading: marketplaceIsLoading
+    // error: marketplaceError,
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    group: baseApiGroup,
+    version: baseApiVersion,
+    plural: mpResourceName,
+    isEnabled: Boolean(clusterName !== void 0)
   });
-  const isLoading = statusProject === "connecting";
-  const error = statusProject === "closed" && lastErrorProject ? lastErrorProject : void 0;
-  const projectArr = stateProject.order.map((key) => {
-    const res = stateProject.byKey[key];
-    return res;
+  const {
+    data: projectArr,
+    isLoading,
+    error
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    group: baseProjectApiGroup,
+    version: baseProjectVersion,
+    plural: projectResourceName,
+    fieldSelector: `metadata.name=${namespace}`,
+    isEnabled: Boolean(clusterName !== void 0)
   });
-  const project = projectArr.length > 0 ? projectArr[0] : void 0;
+  const project = projectArr && projectArr.items && projectArr.items.length > 0 ? projectArr.items[0] : void 0;
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const updatePermission = usePermissions({
     group: baseProjectApiGroup,
@@ -52132,77 +52928,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 ?? "";
@@ -52272,39 +52997,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;
@@ -52383,28 +53075,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,
@@ -52421,19 +53097,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(
@@ -52563,7 +53244,9 @@ const Events = ({
   baseFactoryClusterSceopedAPIKey,
   baseFactoryNamespacedBuiltinKey,
   baseFactoryClusterSceopedBuiltinKey,
-  baseNamespaceFactoryKey
+  baseNamespaceFactoryKey,
+  baseNavigationPluralName,
+  baseNavigationSpecificName
 }) => {
   const { token } = theme.useToken();
   const [kindIndex, setKindIndex] = useState();
@@ -52576,6 +53259,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(() => {
@@ -52788,6 +53478,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: [
@@ -52848,7 +53539,8 @@ const Events = ({
           baseFactoryClusterSceopedAPIKey,
           baseFactoryNamespacedBuiltinKey,
           baseFactoryClusterSceopedBuiltinKey,
-          baseNamespaceFactoryKey
+          baseNamespaceFactoryKey,
+          baseFactoriesMapping
         },
         k
       )) : /* @__PURE__ */ jsxRuntimeExports.jsx(Empty, { description: "No events" }),
@@ -53047,6 +53739,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");
 };
@@ -53468,5 +54188,18 @@ const useCrdData = ({
   });
 };
 
-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, useListWatch, usePermissions };
+const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
+  useEffect(() => {
+    const el = sentinelRef.current;
+    if (!el) return void 0;
+    const io = new IntersectionObserver((entries) => {
+      const visible = entries.some((e) => e.isIntersecting);
+      if (visible && hasMore) onNeedMore();
+    });
+    io.observe(el);
+    return () => io.disconnect();
+  }, [sentinelRef, hasMore, onNeedMore]);
+};
+
+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