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

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

@@ -1573,7 +1573,7 @@
     justify-content: center;
   }
 `;
-  const Styled$A = {
+  const Styled$C = {
     CustomTreeProvider
   };
 
@@ -1638,7 +1638,7 @@
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Tree,
         {
           treeData: loop(treeData),
@@ -8167,14 +8167,14 @@
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-  const Styled$z = {
+  const Styled$B = {
     ContentContainer
   };
 
   const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
     const { token } = antd.theme.useToken();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$z.ContentContainer,
+      Styled$B.ContentContainer,
       {
         $flexGrow: flexGrow,
         $bgColor: token.colorBgContainer,
@@ -8235,13 +8235,13 @@
     padding-inline: 8px;
   }
 `;
-  const Styled$y = {
+  const Styled$A = {
     UncontrolledSelect: UncontrolledSelect$1
   };
 
   const UncontrolledSelect = (props) => {
     const { isCursorPointer } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
   };
 
   const CustomSelect$5 = styled(antd.Select)`
@@ -8289,13 +8289,13 @@
     margin-block: 0 !important;
   }
 `;
-  const Styled$x = {
+  const Styled$z = {
     CustomSelect: CustomSelect$5
   };
 
   const CustomSelect$4 = (props) => {
     const { paddingContainerEnd, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
   };
 
   const CursorPointerTag = styled(antd.Tag)`
@@ -8315,11 +8315,331 @@
   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 = reactRouterDom.useNavigate();
+    const abbr = kind ? getUppercase(kind) : void 0;
+    const bgColor = kind && abbr ? hslFromString(kind, theme) : "initial";
+    const parsedKind = kind;
+    const parsedApiVersion = apiVersion;
+    const pluralName = parsedKind && parsedApiVersion ? getPlural?.(parsedKind, parsedApiVersion) : void 0;
+    const resourceLink = getResourceLink({
+      baseprefix,
+      cluster,
+      namespace,
+      apiGroupVersion: parsedApiVersion,
+      pluralName,
+      name,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey,
+      baseFactoriesMapping
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.Abbr, { $bgColor: bgColor, children: abbr }),
+      resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        antd.Typography.Link,
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            navigate(resourceLink);
+          },
+          children: forcedName || name
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { children: forcedName || name })
+    ] });
+  };
+
+  const PositionRelativeContainer = styled.div`
+  position: relative;
+`;
+  const FullWidthContainer = styled.div`
+  width: 100%;
+
+  .ant-dropdown-trigger svg {
+    display: none;
+  }
+`;
+  const NoWrapContainer = styled.div`
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+
+  /* stylelint-disable declaration-no-important */
+
+  * {
+    white-space: nowrap !important;
+  }
+
+  ol {
+    flex-wrap: nowrap !important;
+  }
+`;
+  const Styled$x = {
+    PositionRelativeContainer,
+    FullWidthContainer,
+    NoWrapContainer
+  };
+
+  const CollapsibleBreadcrumb = ({ items }) => {
+    const [isCollapsed, setIsCollapsed] = K.useState(false);
+    const containerRef = K.useRef(null);
+    const breadcrumbRef = K.useRef(null);
+    K.useLayoutEffect(() => {
+      const checkWidth = () => {
+        if (containerRef.current && breadcrumbRef.current) {
+          const containerWidth = containerRef.current.clientWidth;
+          const breadcrumbWidth = breadcrumbRef.current.scrollWidth;
+          setIsCollapsed(breadcrumbWidth > containerWidth);
+        }
+      };
+      checkWidth();
+      window.addEventListener("resize", checkWidth);
+      return () => window.removeEventListener("resize", checkWidth);
+    }, [items]);
+    const renderItems = () => {
+      if (!isCollapsed) {
+        return items;
+      }
+      if (items.length <= 2) {
+        return items;
+      }
+      const firstItem = items[0];
+      const lastItem = items[items.length - 1];
+      const hiddenItems = items.slice(1, -1);
+      const menuItems = hiddenItems.map((item, index) => ({
+        key: String(index),
+        label: item.href ? /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: item.href, children: item.title }) : item.title
+      }));
+      const ellipsisItem = {
+        title: "...",
+        menu: { items: menuItems },
+        dropdownProps: { arrow: false }
+      };
+      return [firstItem, ellipsisItem, lastItem];
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$x.PositionRelativeContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+    ] });
+  };
+
+  const HeightDiv$1 = styled.div`
+  min-height: 22px;
+  width: 100%;
+`;
+  const Styled$w = {
+    HeightDiv: HeightDiv$1
+  };
+
+  const ManageableBreadcrumbs = ({ data }) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  };
+
+  const getDirectUnknownResource = async ({ uri }) => {
+    return axios.get(uri);
+  };
+
+  const useDirectUnknownResource = ({
+    uri,
+    queryKey,
+    refetchInterval,
+    isEnabled
+  }) => {
+    return reactQuery.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;
@@ -8403,6 +8723,7 @@
     const [lastError, setLastError] = K.useState(void 0);
     const [isPaused, setIsPaused] = K.useState(paused);
     const [isRemoveIgnored, setIsRemoveIgnored] = K.useState(ignoreRemove);
+    const [hasInitial, setHasInitial] = K.useState(false);
     const queryRef = K.useRef(query);
     const wsRef = K.useRef(null);
     const connectingRef = K.useRef(false);
@@ -8574,19 +8895,6 @@
       wsRef.current = null;
       connect();
     }, [closeWS, connect, setStatusSafe]);
-    K.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 = K.useCallback(
       (next) => {
         const changed = next !== urlRef.current;
@@ -8600,6 +8908,7 @@
             setHasMore(false);
             anchorRVRef.current = void 0;
             haveAnchorRef.current = false;
+            setHasInitial(false);
           }
           if (enabledRef.current) reconnect();
         }
@@ -8618,6 +8927,7 @@
           dispatch({ type: "RESET", items: [] });
           setContToken(void 0);
           setHasMore(false);
+          setHasInitial(false);
         }
         if (prevId !== nextId) {
           anchorRVRef.current = void 0;
@@ -8640,6 +8950,17 @@
           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);
@@ -8652,6 +8973,7 @@
             anchorRVRef.current = snapshotRV;
             haveAnchorRef.current = true;
           }
+          setHasInitial(true);
           return;
         }
         if (frame.type === "PAGE") {
@@ -8710,12 +9032,26 @@
     K.useEffect(() => {
       if (wsUrl !== urlRef.current) setUrl(wsUrl);
     }, [wsUrl, setUrl]);
+    K.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]);
     K.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();
@@ -8800,6 +9136,7 @@
       continueToken,
       status,
       lastError,
+      hasInitial,
       setPaused: setIsPaused,
       setIgnoreRemove: setIsRemoveIgnored,
       sendScroll,
@@ -8810,17 +9147,126 @@
     };
   };
 
-  const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
-    K.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 = K.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 = ({
@@ -8874,80 +9320,6 @@
     return result;
   };
 
-  const PositionRelativeContainer = styled.div`
-  position: relative;
-`;
-  const FullWidthContainer = styled.div`
-  width: 100%;
-
-  .ant-dropdown-trigger svg {
-    display: none;
-  }
-`;
-  const NoWrapContainer = styled.div`
-  position: absolute;
-  visibility: hidden;
-  pointer-events: none;
-
-  /* stylelint-disable declaration-no-important */
-
-  * {
-    white-space: nowrap !important;
-  }
-
-  ol {
-    flex-wrap: nowrap !important;
-  }
-`;
-  const Styled$w = {
-    PositionRelativeContainer,
-    FullWidthContainer,
-    NoWrapContainer
-  };
-
-  const CollapsibleBreadcrumb = ({ items }) => {
-    const [isCollapsed, setIsCollapsed] = K.useState(false);
-    const containerRef = K.useRef(null);
-    const breadcrumbRef = K.useRef(null);
-    K.useLayoutEffect(() => {
-      const checkWidth = () => {
-        if (containerRef.current && breadcrumbRef.current) {
-          const containerWidth = containerRef.current.clientWidth;
-          const breadcrumbWidth = breadcrumbRef.current.scrollWidth;
-          setIsCollapsed(breadcrumbWidth > containerWidth);
-        }
-      };
-      checkWidth();
-      window.addEventListener("resize", checkWidth);
-      return () => window.removeEventListener("resize", checkWidth);
-    }, [items]);
-    const renderItems = () => {
-      if (!isCollapsed) {
-        return items;
-      }
-      if (items.length <= 2) {
-        return items;
-      }
-      const firstItem = items[0];
-      const lastItem = items[items.length - 1];
-      const hiddenItems = items.slice(1, -1);
-      const menuItems = hiddenItems.map((item, index) => ({
-        key: String(index),
-        label: item.href ? /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: item.href, children: item.title }) : item.title
-      }));
-      const ellipsisItem = {
-        title: "...",
-        menu: { items: menuItems },
-        dropdownProps: { arrow: false }
-      };
-      return [firstItem, ellipsisItem, lastItem];
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$w.PositionRelativeContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
-    ] });
-  };
-
   const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
@@ -8956,11 +9328,8 @@
     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,
@@ -8969,28 +9338,17 @@
     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;
     }
@@ -9015,6 +9373,73 @@
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
   };
 
+  const CustomMenu = styled(antd.Menu)`
+  margin-top: ${({ $noMarginTop }) => $noMarginTop ? "0" : "16px"};
+  font-size: 14px;
+  line-height: 24px;
+  border: 0;
+  /* stylelint-disable declaration-no-important */
+  border-inline-end: 0 !important;
+  /* stylelint-enable declaration-no-important */
+
+  .ant-menu-submenu-expand-icon {
+    width: 16px;
+  }
+
+  && .ant-menu-item-only-child {
+    /* stylelint-disable declaration-no-important */
+
+    /* padding-left: 24px !important; */
+  }
+
+  && .ant-menu-sub .ant-menu-item {
+    margin: 0 !important;
+  }
+`;
+  const Styled$u = {
+    CustomMenu
+  };
+
+  const ManageableSidebar = ({ data, noMarginTop }) => {
+    const [selectedKeys, setSelectedKeys] = K.useState([]);
+    const [openKeys, setOpenKeys] = K.useState(() => {
+      try {
+        const saved = localStorage.getItem("menuOpenKeys");
+        return saved ? JSON.parse(saved) : [];
+      } catch (error) {
+        console.error("Failed to parse stored menu keys", error);
+        return [];
+      }
+    });
+    const handleOpenChange = (keys) => {
+      setOpenKeys(keys);
+      try {
+        localStorage.setItem("menuOpenKeys", JSON.stringify(keys));
+      } catch (error) {
+        console.error("Failed to save menu keys to localStorage", error);
+      }
+    };
+    K.useEffect(() => {
+      setSelectedKeys(data.selectedKeys);
+    }, [data.selectedKeys]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Styled$u.CustomMenu,
+      {
+        selectedKeys,
+        onSelect: () => {
+        },
+        onDeselect: () => {
+        },
+        defaultOpenKeys: data.selectedKeys,
+        openKeys,
+        onOpenChange: handleOpenChange,
+        mode: "inline",
+        items: data.menuItems,
+        $noMarginTop: noMarginTop
+      }
+    );
+  };
+
   const getLabel = ({
     preparedLink,
     label,
@@ -9109,74 +9534,8 @@
     return { ...result, selectedKeys: stringedOpenedKeys };
   };
 
-  const CustomMenu = styled(antd.Menu)`
-  margin-top: ${({ $noMarginTop }) => $noMarginTop ? "0" : "16px"};
-  font-size: 14px;
-  line-height: 24px;
-  border: 0;
-  /* stylelint-disable declaration-no-important */
-  border-inline-end: 0 !important;
-  /* stylelint-enable declaration-no-important */
-
-  .ant-menu-submenu-expand-icon {
-    width: 16px;
-  }
-
-  && .ant-menu-item-only-child {
-    /* stylelint-disable declaration-no-important */
-
-    /* padding-left: 24px !important; */
-  }
-
-  && .ant-menu-sub .ant-menu-item {
-    margin: 0 !important;
-  }
-`;
-  const Styled$u = {
-    CustomMenu
-  };
-
-  const ManageableSidebar = ({ data, noMarginTop }) => {
-    const [selectedKeys, setSelectedKeys] = K.useState([]);
-    const [openKeys, setOpenKeys] = K.useState(() => {
-      try {
-        const saved = localStorage.getItem("menuOpenKeys");
-        return saved ? JSON.parse(saved) : [];
-      } catch (error) {
-        console.error("Failed to parse stored menu keys", error);
-        return [];
-      }
-    });
-    const handleOpenChange = (keys) => {
-      setOpenKeys(keys);
-      try {
-        localStorage.setItem("menuOpenKeys", JSON.stringify(keys));
-      } catch (error) {
-        console.error("Failed to save menu keys to localStorage", error);
-      }
-    };
-    K.useEffect(() => {
-      setSelectedKeys(data.selectedKeys);
-    }, [data.selectedKeys]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$u.CustomMenu,
-      {
-        selectedKeys,
-        onSelect: () => {
-        },
-        onDeselect: () => {
-        },
-        defaultOpenKeys: data.selectedKeys,
-        openKeys,
-        onOpenChange: handleOpenChange,
-        mode: "inline",
-        items: data.menuItems,
-        $noMarginTop: noMarginTop
-      }
-    );
-  };
-  const ManageableSidebarWithDataProvider = ({
-    wsUrl,
+  const ManageableSidebarProvider = ({
+    cluster,
     apiGroup,
     apiVersion,
     plural,
@@ -9188,28 +9547,17 @@
     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;
     }
@@ -33468,49 +33816,97 @@
   };
 
   const MultiQueryContext = K.createContext(void 0);
-  const MultiQueryProvider = ({ urls, dataToApplyToContext, children }) => {
-    const queries = reactQuery.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);
+    K.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 = K.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 = K.useMemo(
+      () => items.filter((x) => typeof x !== "string"),
+      [items]
     );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
+    const urlItems = K.useMemo(() => items.filter((x) => typeof x === "string"), [items]);
+    const k8sCount = k8sItems.length;
+    const urlCount = urlItems.length;
+    const [state, dispatch] = K.useReducer(aggReducer, { entries: Array.from({ length: k8sCount }, makeEmptyEntry) });
+    K.useEffect(() => {
+      dispatch({ type: "RESET", total: k8sCount });
+    }, [k8sCount]);
+    const urlQueries = reactQuery.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 = K.useContext(MultiQueryContext);
-    if (!context) {
-      throw new Error("useMultiQuery must be used within a MultiQueryProvider");
-    }
-    return context;
+    const ctx = K.useContext(MultiQueryContext);
+    if (!ctx) throw new Error("useMultiQuery must be used within a MultiQueryProvider");
+    return ctx;
   };
 
   const createContextFactory = () => {
@@ -33738,7 +34134,7 @@
     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 });
@@ -33768,7 +34164,7 @@
     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) => {
@@ -33805,7 +34201,7 @@
     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 });
@@ -33922,7 +34318,7 @@
     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({
@@ -33954,7 +34350,7 @@
       acc[index.toString()] = value;
       return acc;
     }, {});
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarWithDataProvider, { replaceValues, ...props });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarProvider, { replaceValues, ...props });
   };
 
   const checkPermission = async ({
@@ -34008,33 +34404,6 @@
     });
   };
 
-  const getDirectUnknownResource = async ({ uri }) => {
-    return axios.get(uri);
-  };
-
-  const useDirectUnknownResource = ({
-    uri,
-    queryKey,
-    refetchInterval,
-    isEnabled
-  }) => {
-    return reactQuery.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);
   };
@@ -34115,6 +34484,7 @@
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
       fetchUrl,
+      k8sResourceToFetch,
       pathToItems,
       clusterNamePartOfUrl,
       labelSelector,
@@ -34158,7 +34528,13 @@
       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(
@@ -34195,21 +34571,48 @@
     } = 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 (k8sResourceToFetchPrepared && isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
-    if (isFetchedDataLoading) {
+    if (fetchUrlPrepared && isFetchedDataLoading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+    }
+    if (k8sResourceToFetchPrepared && isFetchedDataSocketLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
-    if (fetchedDataError) {
+    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 ",
@@ -34344,15 +34747,18 @@
     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" });
     }
@@ -34460,15 +34866,18 @@
     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" });
     }
@@ -34504,6 +34913,37 @@
     ] });
   };
 
+  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
@@ -34519,7 +34959,9 @@
       apiGroup,
       apiVersion,
       typeName,
+      forcedKind,
       prefillValuesRequestIndex,
+      pathToData,
       substractHeight,
       ...props
     } = data;
@@ -34545,7 +34987,9 @@
     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" });
     }
@@ -34555,7 +34999,7 @@
         {
           cluster: clusterPrepared,
           theme,
-          prefillValuesSchema: prefillValues,
+          prefillValuesSchema: prefillValuesWithForces,
           isNameSpaced,
           isCreate: false,
           type,
@@ -34654,7 +35098,7 @@
     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}`];
@@ -34721,7 +35165,7 @@
     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) => {
@@ -34778,7 +35222,7 @@
     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) => {
@@ -34956,11 +35400,7 @@
     p === void 0 ? void 0 : Array.isArray(p) ? p : [p]
   );
 
-  const HiddenContainer = ({
-    name,
-    secondName,
-    children
-  }) => {
+  const HiddenContainer = ({ name, secondName, children }) => {
     const hiddenPaths = useHiddenPathsLayout();
     const nameArr = toArray(name);
     const secondArr = toArray(secondName);
@@ -35163,7 +35603,7 @@
     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) => {
@@ -35438,7 +35878,7 @@
     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) => {
@@ -35707,7 +36147,7 @@
     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) => {
@@ -35951,10 +36391,15 @@
                     ...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(
                       antd.Select,
@@ -36080,7 +36525,7 @@
     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) => {
@@ -36361,7 +36806,7 @@
     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) => {
@@ -36579,7 +37024,7 @@
     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) => {
@@ -37396,7 +37841,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     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) => {
@@ -37470,30 +37915,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ] });
   };
 
-  const fnv1a32 = (str) => {
-    let h = 2166136261;
-    for (const ch of str) {
-      h ^= ch.codePointAt(0);
-      h = (h >>> 0) * 16777619;
-    }
-    return h >>> 0;
-  };
-  const pickInRange = (u32, min, max) => min + u32 % (max - min + 1);
-  const hslFromString = (value, theme) => {
-    const hash = fnv1a32(value);
-    const hue = hash % 345;
-    const [sMin, sMax] = theme === "light" ? [90, 100] : [78, 80];
-    const [lMin, lMax] = theme === "light" ? [78, 80] : [25, 35];
-    const s = pickInRange(hash >>> 8, sMin, sMax);
-    const l = pickInRange(hash >>> 16, lMin, lMax);
-    return `hsl(${hue}, ${s}%, ${l}%)`;
-  };
-
-  const getUppercase = (s) => {
-    const uppercases = [...s].filter((c) => c >= "A" && c <= "Z").join("");
-    return uppercases.length > 0 ? uppercases : s[0].toUpperCase();
-  };
-
   const RoundSpan = styled.span`
   background-color: ${({ $bgColor }) => $bgColor || "none"};
   border-radius: 13px;
@@ -37528,7 +37949,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     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) => {
@@ -37583,6 +38004,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       baseFactoryNamespacedBuiltinKey,
       baseFactoryClusterSceopedBuiltinKey,
       baseNamespaceFactoryKey,
+      baseNavigationPluralName,
+      baseNavigationSpecificName,
       ...props
     } = data;
     const theme = useTheme();
@@ -37647,6 +38070,354 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
           baseFactoryNamespacedBuiltinKey,
           baseFactoryClusterSceopedBuiltinKey,
           baseNamespaceFactoryKey,
+          baseNavigationPluralName,
+          baseNavigationSpecificName,
+          ...props
+        }
+      ),
+      children
+    ] });
+  };
+
+  const getKinds = async ({ clusterName }) => {
+    const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
+    return result.data;
+  };
+
+  const parseK8sVersion$1 = (raw) => {
+    const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
+    if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
+    const stage = (m.groups.stage ?? "").toLowerCase();
+    const major = Number(m.groups.major);
+    const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
+    const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
+    return { rank, major, stageNum };
+  };
+  const versionToken$1 = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
+  const compareK8sVersionDesc$1 = (a, b) => {
+    const pa = parseK8sVersion$1(versionToken$1(a));
+    const pb = parseK8sVersion$1(versionToken$1(b));
+    return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
+  };
+  const orderVersions = (versions) => {
+    const preferredIdx = versions.findIndex((v) => v.preferred === true);
+    if (preferredIdx >= 0) {
+      const preferred = versions[preferredIdx];
+      const rest = versions.filter((_, i) => i !== preferredIdx).slice().sort(compareK8sVersionDesc$1);
+      return [preferred, ...rest];
+    }
+    return versions.slice().sort(compareK8sVersionDesc$1);
+  };
+  const getSortedKindsAll = (index) => {
+    const counts = index.items.reduce(
+      (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
+      {}
+    );
+    const rows = index.items.flatMap((item) => {
+      const ordered = orderVersions(item.versions);
+      return ordered.map((v) => ({
+        group: item.group,
+        kind: item.kind,
+        // clone to drop Readonly<> without changing fields (incl. preferred)
+        version: { ...v },
+        ...counts[item.kind] > 1 ? { notUnique: true } : {}
+      }));
+    });
+    return rows.sort(
+      (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
+    );
+  };
+
+  const parseApiVersion = (apiVersion) => {
+    const parts = apiVersion.trim().split("/");
+    return parts.length === 1 ? { group: "", version: parts[0] } : { group: parts[0], version: parts[1] };
+  };
+  const pluralByKind = (entries) => (kind, apiVersion) => {
+    const norm = (s) => s.trim();
+    const kindNorm = norm(kind);
+    const gv = apiVersion ? parseApiVersion(apiVersion) : void 0;
+    const candidates = entries.filter((e) => norm(e.kind) === kindNorm);
+    if (candidates.length === 0) return void 0;
+    const filtered = gv ? candidates.filter((e) => norm(e.group) === norm(gv.group) && e.version.version === gv.version) : candidates;
+    if (filtered.length === 0) return void 0;
+    const preferredFirst = gv ? filtered : [...filtered.filter((e) => e.version.preferred), ...filtered.filter((e) => !e.version.preferred)];
+    const resources = preferredFirst.map((e) => e.version.resource).filter(Boolean);
+    const uniq = Array.from(new Set(resources));
+    if (!gv && uniq.length > 1) {
+      const first = preferredFirst[0]?.version.resource;
+      return first ?? void 0;
+    }
+    return uniq.length === 1 ? uniq[0] : void 0;
+  };
+
+  const findOwnerReferencePath = (rawObject, jsonPathToArrayOfRefs, reference) => {
+    if (!rawObject || !jsonPathToArrayOfRefs) return void 0;
+    let arrayJsonPath = jsonPathToArrayOfRefs.trim();
+    if (arrayJsonPath.startsWith(".")) {
+      arrayJsonPath = `$${arrayJsonPath}`;
+    }
+    if (!arrayJsonPath.startsWith("$")) {
+      arrayJsonPath = `$${arrayJsonPath}`;
+    }
+    arrayJsonPath = arrayJsonPath.replace(/\[\*\]$/, "");
+    const nodes = jp.nodes(rawObject, arrayJsonPath);
+    if (!nodes.length) return void 0;
+    const arrayNode = nodes[0];
+    const arr = arrayNode.value;
+    if (!Array.isArray(arr)) return void 0;
+    const index = arr.findIndex((item) => {
+      if (!item) return false;
+      return item.name === reference.name && item.kind === reference.kind && item.apiVersion === reference.apiVersion;
+    });
+    if (index === -1) return void 0;
+    const basePathSegs = arrayNode.path.slice(1);
+    return [...basePathSegs, index];
+  };
+  const parseDotPath$1 = (dotPath) => dotPath.split(".").filter(Boolean).map((seg) => seg.match(/^\d+$/) ? Number(seg) : seg);
+  const resolveFormPath$1 = (pathInput, basePathForRelative) => {
+    if (!pathInput) return [];
+    if (Array.isArray(pathInput)) return pathInput;
+    const pathStr = String(pathInput);
+    const isRelative = pathStr.startsWith("./") || pathStr.startsWith("../");
+    if (!isRelative) {
+      return parseDotPath$1(pathStr);
+    }
+    let resolved = [...basePathForRelative];
+    const parts = pathStr.split("/").filter(Boolean);
+    for (const part of parts) {
+      if (part === ".") {
+        continue;
+      }
+      if (part === "..") {
+        resolved = resolved.slice(0, -1);
+        continue;
+      }
+      resolved.push(...parseDotPath$1(part));
+    }
+    return resolved;
+  };
+
+  const RefElement = ({
+    reference,
+    keysToForcedLabel,
+    forcedRelatedValuePath,
+    rawObjectToFindLabel,
+    jsonPathToArrayOfRefs,
+    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] = K.useState();
+    const [kindsWithVersion, setKindWithVersion] = K.useState();
+    K.useEffect(() => {
+      getKinds({ clusterName: cluster }).then((data) => {
+        setKindIndex(data);
+        setKindWithVersion(getSortedKindsAll(data));
+      }).catch((error) => {
+        console.error(error);
+      });
+    }, [cluster]);
+    const { data: navigationDataArr } = useK8sSmartResource({
+      cluster,
+      group: "front.in-cloud.io",
+      version: "v1alpha1",
+      plural: baseNavigationPluralName,
+      fieldSelector: `metadata.name=${baseNavigationSpecificName}`
+    });
+    const getPlural = kindsWithVersion ? pluralByKind(kindsWithVersion) : void 0;
+    const baseFactoriesMapping = navigationDataArr && navigationDataArr.items && navigationDataArr.items.length > 0 ? navigationDataArr.items[0].spec?.baseFactoriesMapping : void 0;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { vertical: true, gap: 8, ...listFlexProps, children: refsArr.map((ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RefElement,
+      {
+        reference: ref,
+        keysToForcedLabel,
+        forcedRelatedValuePath,
+        rawObjectToFindLabel,
+        jsonPathToArrayOfRefs,
+        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
         }
       ),
@@ -37690,7 +38461,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ConverterBytes,
     SecretBase64Plain,
     ResourceBadge,
-    Events: Events$1
+    Events: Events$1,
+    OwnerRefs
   };
 
   const prepareUrlsToFetchForDynamicRenderer = ({
@@ -37709,13 +38481,30 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     );
   };
 
+  const STRING_KEYS = ["cluster", "group", "version", "plural", "namespace", "fieldSelector", "labelSelector"];
   const DynamicRendererWithProviders = (props) => {
     const location = reactRouterDom.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,
       {
@@ -37725,7 +38514,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             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 })
+          }
+        ) }) }) })
       }
     );
   };
@@ -38334,6 +39130,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       setIsError(void 0);
       setIsLoading(true);
       const payload = {
+        clusterName: cluster,
         customizationId,
         tableMappingsReplaceValues,
         forceDefaultAdditionalPrinterColumns,
@@ -46651,9 +47448,56 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     const [yamlData, setYamlData] = K.useState("");
     const [isLoading, setIsLoading] = K.useState(false);
     const [error, setError] = K.useState();
+    const initialPrefillYamlRef = K.useRef(null);
+    const latestPrefillYamlRef = K.useRef(null);
+    const firstLoadRef = K.useRef(true);
+    const handleReload = () => {
+      const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
+      if (nextYaml !== null) {
+        setYamlData(nextYaml);
+      }
+    };
+    const openNotificationYamlChanged = K.useCallback(() => {
+      const key = `open${Date.now()}`;
+      const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
+        antd.Button,
+        {
+          type: "primary",
+          size: "small",
+          onClick: () => {
+            handleReload();
+            api.destroy(key);
+          },
+          children: "Reload"
+        }
+      );
+      api.info({
+        message: "Data changed",
+        description: "Reload will flush changes and reload data to latest",
+        btn,
+        key,
+        onClose: () => console.log("Notification closed"),
+        placement: "bottomRight",
+        duration: 30
+        // keep it open until user closes
+      });
+    }, [api]);
     K.useEffect(() => {
-      setYamlData(stringify(prefillValuesSchema));
-    }, [prefillValuesSchema]);
+      if (prefillValuesSchema === void 0) return;
+      console.log(prefillValuesSchema);
+      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);
@@ -46725,7 +47569,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       ) }),
       !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
-        backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: () => navigate(backlink), children: "Cancel" })
+        backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: () => navigate(backlink), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: handleReload, children: "Reload" })
       ] }) }),
       error && /* @__PURE__ */ jsxRuntimeExports.jsxs(
         antd.Modal,
@@ -49818,7 +50663,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ] });
   };
 
-  const BlackholeFormDataProvider = ({
+  const BlackholeFormProvider = ({
     theme,
     cluster,
     urlParams,
@@ -50308,28 +51153,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       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;
     }
@@ -50458,30 +51289,17 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     const [filteredAndSortedData, setFilterAndSortedData] = K.useState([]);
     const [uniqueTags, setUniqueTags] = K.useState([]);
     const [selectedTags, setSelectedTags] = K.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 = K.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,
@@ -50780,52 +51598,30 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     children
   }) => {
     const navigate = reactRouterDom.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] = K.useState(false);
     const updatePermission = usePermissions({
       group: baseProjectApiGroup,
@@ -52131,77 +52927,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     );
   };
 
-  const getKinds = async ({ clusterName }) => {
-    const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
-    return result.data;
-  };
-
-  const parseK8sVersion$1 = (raw) => {
-    const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
-    if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
-    const stage = (m.groups.stage ?? "").toLowerCase();
-    const major = Number(m.groups.major);
-    const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
-    const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
-    return { rank, major, stageNum };
-  };
-  const versionToken$1 = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
-  const compareK8sVersionDesc$1 = (a, b) => {
-    const pa = parseK8sVersion$1(versionToken$1(a));
-    const pb = parseK8sVersion$1(versionToken$1(b));
-    return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
-  };
-  const orderVersions = (versions) => {
-    const preferredIdx = versions.findIndex((v) => v.preferred === true);
-    if (preferredIdx >= 0) {
-      const preferred = versions[preferredIdx];
-      const rest = versions.filter((_, i) => i !== preferredIdx).slice().sort(compareK8sVersionDesc$1);
-      return [preferred, ...rest];
-    }
-    return versions.slice().sort(compareK8sVersionDesc$1);
-  };
-  const getSortedKindsAll = (index) => {
-    const counts = index.items.reduce(
-      (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
-      {}
-    );
-    const rows = index.items.flatMap((item) => {
-      const ordered = orderVersions(item.versions);
-      return ordered.map((v) => ({
-        group: item.group,
-        kind: item.kind,
-        // clone to drop Readonly<> without changing fields (incl. preferred)
-        version: { ...v },
-        ...counts[item.kind] > 1 ? { notUnique: true } : {}
-      }));
-    });
-    return rows.sort(
-      (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
-    );
-  };
-
-  const parseApiVersion = (apiVersion) => {
-    const parts = apiVersion.trim().split("/");
-    return parts.length === 1 ? { group: "", version: parts[0] } : { group: parts[0], version: parts[1] };
-  };
-  const pluralByKind = (entries) => (kind, apiVersion) => {
-    const norm = (s) => s.trim();
-    const kindNorm = norm(kind);
-    const gv = apiVersion ? parseApiVersion(apiVersion) : void 0;
-    const candidates = entries.filter((e) => norm(e.kind) === kindNorm);
-    if (candidates.length === 0) return void 0;
-    const filtered = gv ? candidates.filter((e) => norm(e.group) === norm(gv.group) && e.version.version === gv.version) : candidates;
-    if (filtered.length === 0) return void 0;
-    const preferredFirst = gv ? filtered : [...filtered.filter((e) => e.version.preferred), ...filtered.filter((e) => !e.version.preferred)];
-    const resources = preferredFirst.map((e) => e.version.resource).filter(Boolean);
-    const uniq = Array.from(new Set(resources));
-    if (!gv && uniq.length > 1) {
-      const first = preferredFirst[0]?.version.resource;
-      return first ?? void 0;
-    }
-    return uniq.length === 1 ? uniq[0] : void 0;
-  };
-
   const eventKey = (e) => {
     const n = e.metadata?.name ?? "";
     const ns = e.metadata?.namespace ?? "";
@@ -52271,39 +52996,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     }
     return new Date(iso).toLocaleString();
   };
-  const getResourceLink = ({
-    baseprefix,
-    cluster,
-    namespace,
-    apiGroupVersion,
-    pluralName,
-    name,
-    baseFactoryNamespacedAPIKey,
-    baseFactoryClusterSceopedAPIKey,
-    baseFactoryNamespacedBuiltinKey,
-    baseFactoryClusterSceopedBuiltinKey
-  }) => {
-    if (!pluralName || !name) {
-      return void 0;
-    }
-    if (apiGroupVersion === "v1") {
-      return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${namespace ? baseFactoryNamespacedBuiltinKey : baseFactoryClusterSceopedBuiltinKey}/${apiGroupVersion}/${pluralName}/${name}`;
-    }
-    return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${namespace ? baseFactoryNamespacedAPIKey : baseFactoryClusterSceopedAPIKey}/${apiGroupVersion}/${pluralName}/${name}`;
-  };
-  const getNamespaceLink = ({
-    baseprefix,
-    cluster,
-    apiGroupVersion,
-    pluralName,
-    namespace,
-    baseNamespaceFactoryKey
-  }) => {
-    if (!namespace) {
-      return void 0;
-    }
-    return `${baseprefix}/${cluster}/factory/${baseNamespaceFactoryKey}/${apiGroupVersion}/${pluralName}/${namespace}`;
-  };
   const formatEventSummary = (event) => {
     if (!event.deprecatedCount || !event.deprecatedFirstTimestamp) {
       return void 0;
@@ -52382,28 +53074,12 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     baseFactoryClusterSceopedAPIKey,
     baseFactoryNamespacedBuiltinKey,
     baseFactoryClusterSceopedBuiltinKey,
-    baseNamespaceFactoryKey
+    baseNamespaceFactoryKey,
+    baseFactoriesMapping
   }) => {
     const { token } = antd.theme.useToken();
     const navigate = reactRouterDom.useNavigate();
-    const abbr = e.regarding?.kind ? getUppercase(e.regarding.kind) : void 0;
-    const bgColor = e.regarding?.kind && abbr ? hslFromString(e.regarding?.kind, theme) : "initial";
     const bgColorNamespace = hslFromString("Namespace", theme);
-    const regardingKind = e.regarding?.kind;
-    const regardingApiVersion = e.regarding?.apiVersion || "v1";
-    const pluralName = regardingKind && regardingApiVersion ? getPlural?.(regardingKind, regardingApiVersion) : void 0;
-    const resourceLink = getResourceLink({
-      baseprefix,
-      cluster,
-      namespace: e.regarding?.namespace,
-      apiGroupVersion: regardingApiVersion,
-      pluralName,
-      name: e.regarding?.name,
-      baseFactoryNamespacedAPIKey,
-      baseFactoryClusterSceopedAPIKey,
-      baseFactoryNamespacedBuiltinKey,
-      baseFactoryClusterSceopedBuiltinKey
-    });
     const namespaceLink = getNamespaceLink({
       baseprefix,
       cluster,
@@ -52420,19 +53096,24 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { justify: "space-between", align: "center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 16, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColor, children: abbr }),
-                resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  antd.Typography.Link,
-                  {
-                    onClick: (e2) => {
-                      e2.preventDefault();
-                      navigate(resourceLink);
-                    },
-                    children: e.regarding?.name
-                  }
-                ) : /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { children: e.regarding?.name })
-              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResourceLink,
+                {
+                  kind: e.regarding?.kind,
+                  apiVersion: e.regarding?.apiVersion || "v1",
+                  namespace: e.regarding?.namespace,
+                  name: e.regarding?.name,
+                  theme,
+                  baseprefix,
+                  cluster,
+                  getPlural,
+                  baseFactoryNamespacedAPIKey,
+                  baseFactoryClusterSceopedAPIKey,
+                  baseFactoryNamespacedBuiltinKey,
+                  baseFactoryClusterSceopedBuiltinKey,
+                  baseFactoriesMapping
+                }
+              ),
               e.regarding?.namespace && /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColorNamespace, children: "NS" }),
                 namespaceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52562,7 +53243,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     baseFactoryClusterSceopedAPIKey,
     baseFactoryNamespacedBuiltinKey,
     baseFactoryClusterSceopedBuiltinKey,
-    baseNamespaceFactoryKey
+    baseNamespaceFactoryKey,
+    baseNavigationPluralName,
+    baseNavigationSpecificName
   }) => {
     const { token } = antd.theme.useToken();
     const [kindIndex, setKindIndex] = K.useState();
@@ -52575,6 +53258,13 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
         console.error(error);
       });
     }, [cluster]);
+    const { data: navigationDataArr } = useK8sSmartResource({
+      cluster,
+      group: "front.in-cloud.io",
+      version: "v1alpha1",
+      plural: baseNavigationPluralName,
+      fieldSelector: `metadata.name=${baseNavigationSpecificName}`
+    });
     const [isPaused, setIsPaused] = K.useState(false);
     const pausedRef = K.useRef(isPaused);
     K.useEffect(() => {
@@ -52787,6 +53477,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     }, [hasMore, sendScroll]);
     const total = state.order.length;
     const getPlural = kindsWithVersion ? pluralByKind(kindsWithVersion) : void 0;
+    const baseFactoriesMapping = navigationDataArr && navigationDataArr.items && navigationDataArr.items.length > 0 ? navigationDataArr.items[0].spec?.baseFactoriesMapping : void 0;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.Root, { $substractHeight: substractHeight || 340, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.Header, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.HeaderLeftSide, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { justify: "start", align: "center", gap: 10, children: [
@@ -52847,7 +53538,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             baseFactoryClusterSceopedAPIKey,
             baseFactoryNamespacedBuiltinKey,
             baseFactoryClusterSceopedBuiltinKey,
-            baseNamespaceFactoryKey
+            baseNamespaceFactoryKey,
+            baseFactoriesMapping
           },
           k
         )) : /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Empty, { description: "No events" }),
@@ -53046,6 +53738,34 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     }
   };
 
+  const arraysEqual = (arr1, arr2) => {
+    if (arr1.length !== arr2.length) {
+      return false;
+    }
+    for (let i = 0; i < arr1.length; i++) {
+      if (typeof arr2[i] === "number") {
+        if (arr1[i] !== String(arr2[i])) {
+          return false;
+        }
+      }
+      if (arr1[i] !== arr2[i]) {
+        return false;
+      }
+    }
+    return true;
+  };
+  const includesArray = (matrix, target) => {
+    if (!matrix) {
+      return false;
+    }
+    for (const row of matrix) {
+      if (arraysEqual(row, target)) {
+        return true;
+      }
+    }
+    return false;
+  };
+
   const getClusterList = async () => {
     return axios.get("/clusterlist");
   };
@@ -53467,9 +54187,22 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     });
   };
 
+  const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
+    K.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]);
+  };
+
   exports.BackToDefaultIcon = BackToDefaultIcon;
   exports.BlackholeForm = BlackholeForm;
-  exports.BlackholeFormDataProvider = BlackholeFormDataProvider;
+  exports.BlackholeFormProvider = BlackholeFormProvider;
   exports.ContentCard = ContentCard$1;
   exports.CursorDefaultDiv = CursorDefaultDiv;
   exports.CursorPointerTag = CursorPointerTag;
@@ -53491,9 +54224,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.LockedIcon = LockedIcon;
   exports.LookingGlassIcon = LookingGlassIcon;
   exports.ManageableBreadcrumbs = ManageableBreadcrumbs;
-  exports.ManageableBreadcrumbsWithDataProvider = ManageableBreadcrumbsWithDataProvider;
+  exports.ManageableBreadcrumbsProvider = ManageableBreadcrumbsProvider;
   exports.ManageableSidebar = ManageableSidebar;
-  exports.ManageableSidebarWithDataProvider = ManageableSidebarWithDataProvider;
+  exports.ManageableSidebarProvider = ManageableSidebarProvider;
   exports.MarketPlace = MarketPlace;
   exports.MarketplaceCard = MarketplaceCard;
   exports.MinusIcon = MinusIcon;
@@ -53505,6 +54238,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.PodLogsMonaco = PodLogsMonaco;
   exports.PodTerminal = PodTerminal;
   exports.ProjectInfoCard = ProjectInfoCard;
+  exports.ResourceLink = ResourceLink;
   exports.ResumeCircleIcon = ResumeCircleIcon;
   exports.Search = Search;
   exports.Spacer = Spacer$1;
@@ -53531,7 +54265,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.getApiResourceTypes = getApiResourceTypes;
   exports.getApiResourceTypesByApiGroup = getApiResourceTypesByApiGroup;
   exports.getApiResources = getApiResources;
-  exports.getBackLinkToTable = getBackLinkToTable;
   exports.getBuiltinResourceSingle = getBuiltinResourceSingle;
   exports.getBuiltinResourceTypes = getBuiltinResourceTypes;
   exports.getBuiltinResources = getBuiltinResources;
@@ -53548,8 +54281,10 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.getLinkToApiForm = getLinkToApiForm;
   exports.getLinkToBuiltinForm = getLinkToBuiltinForm;
   exports.getLinkToForm = getLinkToForm;
+  exports.getNamespaceLink = getNamespaceLink;
   exports.getObjectFormItemsDraft = getObjectFormItemsDraft;
   exports.getPrefixSubarrays = getPrefixSubarrays;
+  exports.getResourceLink = getResourceLink;
   exports.getSortedKinds = getSortedKinds;
   exports.getSortedKindsAll = getSortedKindsAll;
   exports.getStringByName = getStringByName;
@@ -53557,6 +54292,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.getUppercase = getUppercase;
   exports.groupsToTreeData = groupsToTreeData;
   exports.hslFromString = hslFromString;
+  exports.includesArray = includesArray;
   exports.isFlatObject = isFlatObject;
   exports.isMultilineFromYaml = isMultilineFromYaml;
   exports.isMultilineString = isMultilineString;
@@ -53585,6 +54321,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.useCrdResources = useCrdResources;
   exports.useDirectUnknownResource = useDirectUnknownResource;
   exports.useInfiniteSentinel = useInfiniteSentinel;
+  exports.useK8sSmartResource = useK8sSmartResource;
+  exports.useK8sVerbs = useK8sVerbs;
   exports.useListWatch = useListWatch;
   exports.usePermissions = usePermissions;