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

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('antd'), require('@ant-design/icons'), require('react-router-dom'), require('@tanstack/react-query')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'antd', '@ant-design/icons', 'react-router-dom', '@tanstack/react-query'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@prorobotech/openapi-k8s-toolkit"] = {}, global.styled, global.React, global.antd, global.antdIcons, global.ReactRouterDOM, global.reactQuery));
-})(this, (function (exports, styled, K, antd, icons, reactRouterDom, reactQuery) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('antd'), require('@ant-design/icons'), require('@tanstack/react-query'), require('react-router-dom')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'antd', '@ant-design/icons', '@tanstack/react-query', 'react-router-dom'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@prorobotech/openapi-k8s-toolkit"] = {}, global.styled, global.React, global.antd, global.antdIcons, global.reactQuery, global.ReactRouterDOM));
+})(this, (function (exports, styled, K, antd, icons, reactQuery, reactRouterDom) { 'use strict';
 
   const Spacer$1 = styled.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
@@ -8315,6 +8315,63 @@
   padding: ${({ $padding }) => $padding};
 `;
 
+  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", group || "", version, plural],
+      refetchInterval: false,
+      isEnabled
+    });
+    const verbs = data?.verbs || [];
+    const canList = verbs.includes("list");
+    const canWatch = verbs.includes("watch");
+    return {
+      canList,
+      canWatch,
+      isError,
+      isLoading,
+      error
+    };
+  };
+
   const eventKey$1 = (e) => {
     const n = e.metadata?.name ?? "";
     const ns = e.metadata?.namespace ?? "";
@@ -8810,17 +8867,122 @@
     };
   };
 
-  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
+    });
+    const listUri = buildListUri({
+      cluster,
+      group,
+      version,
+      plural,
+      namespace,
+      fieldSelector,
+      labelSelector,
+      limit
+    });
+    const restEnabled = Boolean(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(isEnabled && canList && canWatch && !verbsLoading && !verbsIsError);
+    const { state, status, 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 === "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 = ({
@@ -8960,7 +9122,7 @@
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
   };
   const ManageableBreadcrumbsWithDataProvider = ({
-    wsUrl,
+    cluster,
     apiGroup,
     apiVersion,
     plural,
@@ -8969,28 +9131,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;
     }
@@ -9176,7 +9327,7 @@
     );
   };
   const ManageableSidebarWithDataProvider = ({
-    wsUrl,
+    cluster,
     apiGroup,
     apiVersion,
     plural,
@@ -9188,28 +9339,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 +33608,95 @@
   };
 
   const MultiQueryContext = K.createContext(void 0);
-  const MultiQueryProvider = ({ urls, dataToApplyToContext, children }) => {
-    const queries = reactQuery.useQueries({
-      queries: urls.map((url, index) => ({
-        queryKey: ["multi", index, url],
+  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
+        }
+      });
+    }, [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]
+    );
+    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 response = await axios.get(url);
-          return response.data;
+          const res = await axios.get(url);
+          return res.data;
         }
       }))
     });
-    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)]
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
+    const value = K.useMemo(() => {
+      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 };
+    }, [dataToApplyToContext, k8sCount, urlCount, state.entries, urlQueries]);
+    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 +33924,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 +33954,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 +33991,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 +34108,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({
@@ -34008,33 +34194,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);
   };
@@ -34654,7 +34813,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 +34880,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 +34937,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) => {
@@ -35163,7 +35322,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 +35597,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 +35866,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) => {
@@ -36080,7 +36239,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 +36520,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 +36738,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 +37555,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) => {
@@ -37528,7 +37687,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) => {
@@ -37709,13 +37868,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 +37901,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 })
+          }
+        ) }) }) })
       }
     );
   };
@@ -50308,28 +50491,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 +50627,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 +50936,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.length > 0 ? projectArr[0] : void 0;
     const [isDeleteModalOpen, setIsDeleteModalOpen] = K.useState(false);
     const updatePermission = usePermissions({
       group: baseProjectApiGroup,
@@ -53467,6 +53601,19 @@ 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;
@@ -53585,6 +53732,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;