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

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

@@ -1,9 +1,9 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import K, { useState, useRef, useReducer, useEffect, useCallback, useLayoutEffect, Fragment, createContext, useContext, useMemo, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
+import K, { useState, useRef, useReducer, useEffect, useCallback, useMemo, useLayoutEffect, Fragment, createContext, useContext, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
 import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox, Empty } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined } from '@ant-design/icons';
+import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import { Link, useNavigate, useLocation, useParams, useSearchParams } from 'react-router-dom';
-import { useQueries, useQuery, useQueryClient } from '@tanstack/react-query';
 
 const Spacer$1 = styled.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
@@ -8316,6 +8316,63 @@ const PaddingContainer = styled.div`
   padding: ${({ $padding }) => $padding};
 `;
 
+const getDirectUnknownResource = async ({ uri }) => {
+  return axios.get(uri);
+};
+
+const useDirectUnknownResource = ({
+  uri,
+  queryKey,
+  refetchInterval,
+  isEnabled
+}) => {
+  return useQuery({
+    queryKey,
+    queryFn: async () => {
+      const response = await getDirectUnknownResource({
+        uri
+      });
+      const data = JSON.parse(JSON.stringify(response.data));
+      if (data.metadata?.resourceVersion) {
+        delete data.metadata.resourceVersion;
+      }
+      return data;
+    },
+    refetchInterval: refetchInterval !== void 0 ? refetchInterval : 5e3,
+    enabled: isEnabled
+  });
+};
+
+const useK8sVerbs = ({
+  cluster,
+  group,
+  version,
+  plural,
+  isEnabled = true
+}) => {
+  const uri = `/api/clusters/${cluster}/openapi-bff/verbs/getResourceVerbs?${new URLSearchParams({
+    ...group ? { group } : {},
+    version,
+    plural
+  }).toString()}`;
+  const { data, isError, isLoading, error } = useDirectUnknownResource({
+    uri,
+    queryKey: ["k8s-verbs", 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 ?? "";
@@ -8811,17 +8868,122 @@ const useListWatch = ({
   };
 };
 
-const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
-  useEffect(() => {
-    const el = sentinelRef.current;
-    if (!el) return void 0;
-    const io = new IntersectionObserver((entries) => {
-      const visible = entries.some((e) => e.isIntersecting);
-      if (visible && hasMore) onNeedMore();
-    });
-    io.observe(el);
-    return () => io.disconnect();
-  }, [sentinelRef, hasMore, onNeedMore]);
+const buildApiPrefix = (group, version) => {
+  const g = (group ?? "").trim();
+  const v = (version ?? "").trim();
+  const isCore = !g || g === "core" || g === "v1";
+  return isCore ? `/api/${v}` : `/apis/${g}/${v}`;
+};
+const buildListUri = ({
+  cluster,
+  group,
+  version,
+  plural,
+  namespace,
+  fieldSelector,
+  labelSelector,
+  limit
+}) => {
+  const prefix = buildApiPrefix(group, version);
+  const ns = namespace ? `/namespaces/${namespace}` : "";
+  const base = `/api/clusters/${cluster}/k8s${prefix}${ns}/${plural}/`;
+  const params = new URLSearchParams();
+  if (fieldSelector) params.append("fieldSelector", fieldSelector);
+  if (labelSelector) params.append("labelSelector", labelSelector);
+  if (limit) params.append("limit", String(limit));
+  return params.toString() ? `${base}?${params.toString()}` : base;
+};
+const useK8sSmartResource = ({
+  cluster,
+  group,
+  version,
+  plural,
+  namespace,
+  fieldSelector,
+  labelSelector,
+  isEnabled = true,
+  listRefetchInterval = 5e3,
+  limit,
+  mapListWatchState
+}) => {
+  const {
+    canList,
+    canWatch,
+    isLoading: verbsLoading,
+    isError: verbsIsError,
+    error: verbsErrorObj
+  } = useK8sVerbs({
+    cluster,
+    group,
+    version,
+    plural,
+    isEnabled
+  });
+  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 = 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 = ({
@@ -8961,7 +9123,7 @@ const ManageableBreadcrumbs = ({ data }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
-  wsUrl,
+  cluster,
   apiGroup,
   apiVersion,
   plural,
@@ -8970,28 +9132,17 @@ const ManageableBreadcrumbsWithDataProvider = ({
   pathname,
   idToCompare
 }) => {
-  const { state, status, lastError } = useListWatch({
-    wsUrl,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion,
-      apiGroup,
-      plural
-    },
+  const {
+    data: rawData,
+    isError: rawDataError,
+    isLoading: rawDataLoading
+  } = useK8sSmartResource({
+    cluster: cluster || "",
+    group: apiGroup,
+    version: apiVersion,
+    plural,
     isEnabled
   });
-  const rawDataLoading = status === "connecting";
-  const rawDataError = status === "closed" && lastError ? lastError : void 0;
-  const rawData = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   if (rawDataError) {
     return null;
   }
@@ -9177,7 +9328,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
   );
 };
 const ManageableSidebarWithDataProvider = ({
-  wsUrl,
+  cluster,
   apiGroup,
   apiVersion,
   plural,
@@ -9189,28 +9340,17 @@ const ManageableSidebarWithDataProvider = ({
   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;
   }
@@ -33469,49 +33609,95 @@ const AntdText = ({
 };
 
 const MultiQueryContext = createContext(void 0);
-const MultiQueryProvider = ({ urls, dataToApplyToContext, children }) => {
-  const queries = 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);
+  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 = useMemo(
+    () => items.filter((x) => typeof x !== "string"),
+    [items]
+  );
+  const urlItems = useMemo(() => items.filter((x) => typeof x === "string"), [items]);
+  const k8sCount = k8sItems.length;
+  const urlCount = urlItems.length;
+  const [state, dispatch] = useReducer(aggReducer, { entries: Array.from({ length: k8sCount }, makeEmptyEntry) });
+  useEffect(() => {
+    dispatch({ type: "RESET", total: k8sCount });
+  }, [k8sCount]);
+  const urlQueries = useQueries({
+    queries: urlItems.map((url, i) => ({
+      queryKey: ["multi-url", i, url],
       queryFn: async () => {
-        const 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 = 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 = 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 = useContext(MultiQueryContext);
-  if (!context) {
-    throw new Error("useMultiQuery must be used within a MultiQueryProvider");
-  }
-  return context;
+  const ctx = useContext(MultiQueryContext);
+  if (!ctx) throw new Error("useMultiQuery must be used within a MultiQueryProvider");
+  return ctx;
 };
 
 const createContextFactory = () => {
@@ -33739,7 +33925,7 @@ const MultiQuery = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: preparedText });
@@ -33769,7 +33955,7 @@ const ParsedText = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -33806,7 +33992,7 @@ const ProjectInfoCard$1 = ({
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectInfoCard, { clusterName, namespace, accessGroups: parsedAccessGroups, ...props, children });
@@ -33923,7 +34109,7 @@ const StatusText$1 = ({
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const { type, text } = getResult({
@@ -34009,33 +34195,6 @@ const usePermissions = ({
   });
 };
 
-const getDirectUnknownResource = async ({ uri }) => {
-  return axios.get(uri);
-};
-
-const useDirectUnknownResource = ({
-  uri,
-  queryKey,
-  refetchInterval,
-  isEnabled
-}) => {
-  return useQuery({
-    queryKey,
-    queryFn: async () => {
-      const response = await getDirectUnknownResource({
-        uri
-      });
-      const data = JSON.parse(JSON.stringify(response.data));
-      if (data.metadata?.resourceVersion) {
-        delete data.metadata.resourceVersion;
-      }
-      return data;
-    },
-    refetchInterval: refetchInterval !== void 0 ? refetchInterval : 5e3,
-    enabled: isEnabled
-  });
-};
-
 const getBackLinkToTable = ({ fullPath }) => {
   return encodeURIComponent(fullPath);
 };
@@ -34655,7 +34814,7 @@ const ArrayOfObjectsToKeyValues = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const jsonRoot = multiQueryData[`req${reqIndex}`];
@@ -34722,7 +34881,7 @@ const ItemCounter = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -34779,7 +34938,7 @@ const KeyCounter = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35164,7 +35323,7 @@ const Labels = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35439,7 +35598,7 @@ const LabelsToSearchParams = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35708,7 +35867,7 @@ const Taints = ({ data, children }) => {
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36081,7 +36240,7 @@ const Tolerations = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36362,7 +36521,7 @@ const Annotations = ({
   if (isMultiQueryErrors) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36580,7 +36739,7 @@ const ConverterBytes = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -37397,7 +37556,7 @@ const SecretBase64Plain = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -37529,7 +37688,7 @@ const ResourceBadge = ({ data }) => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
     ] });
   }
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value2, index) => {
@@ -37710,13 +37869,30 @@ const prepareUrlsToFetchForDynamicRenderer = ({
   );
 };
 
+const STRING_KEYS = ["cluster", "group", "version", "plural", "namespace", "fieldSelector", "labelSelector"];
 const DynamicRendererWithProviders = (props) => {
   const location = useLocation();
   const { urlsToFetch, dataToApplyToContext, theme, nodeTerminalDefaultProfile, disableEventBubbling } = props;
+  const directUrls = urlsToFetch.filter((el) => typeof el === "string");
+  const k8sResourcesUrls = urlsToFetch.filter((el) => typeof el !== "string");
   const preparedUrlsToFetch = prepareUrlsToFetchForDynamicRenderer({
-    urls: urlsToFetch,
+    urls: directUrls,
     locationPathname: location.pathname
   });
+  const preparedK8sResoucesUrls = k8sResourcesUrls.map((res) => {
+    let next = { ...res };
+    for (const key of STRING_KEYS) {
+      const val = next[key];
+      if (typeof val === "string" && val.length > 0) {
+        const prepared = prepareUrlsToFetchForDynamicRenderer({
+          urls: [val],
+          locationPathname: location.pathname
+        });
+        next = { ...next, [key]: prepared[0] ?? val };
+      }
+    }
+    return next;
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     CursorDefaultDiv,
     {
@@ -37726,7 +37902,14 @@ const DynamicRendererWithProviders = (props) => {
           e.stopPropagation();
         }
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FactoryConfigContextProvider, { value: { nodeTerminalDefaultProfile }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryProvider, { urls: preparedUrlsToFetch, dataToApplyToContext, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props }) }) }) }) })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FactoryConfigContextProvider, { value: { nodeTerminalDefaultProfile }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        MultiQueryProvider,
+        {
+          items: [...preparedK8sResoucesUrls, ...preparedUrlsToFetch],
+          dataToApplyToContext,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props })
+        }
+      ) }) }) })
     }
   );
 };
@@ -50309,28 +50492,14 @@ const MarketplaceCard = ({
     apiVersion,
     baseprefix
   });
-  const { state, status, lastError } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      namespace,
-      apiVersion: apiVersion || "",
-      apiGroup,
-      plural: type
-    },
+  const { data: k8sList, error: k8sListError } = useK8sSmartResource({
+    cluster: clusterName || "",
+    namespace,
+    group: apiGroup,
+    version: apiVersion || "",
+    plural: type,
     isEnabled: Boolean(apiVersion && addedMode && type !== "direct")
   });
-  const k8sListError = status === "closed" && lastError ? lastError : void 0;
-  const k8sList = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   if (addedMode && (k8sListError || type === "direct") && !showZeroResources) {
     return null;
   }
@@ -50459,30 +50628,17 @@ const MarketPlace = ({
   const [filteredAndSortedData, setFilterAndSortedData] = useState([]);
   const [uniqueTags, setUniqueTags] = useState([]);
   const [selectedTags, setSelectedTags] = useState([]);
-  const { state, status, lastError } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion: baseApiVersion,
-      apiGroup: baseApiGroup,
-      plural: mpResourceName
-    },
-    isEnabled: clusterName !== void 0
+  const {
+    data: marketplacePanels,
+    isLoading,
+    error
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    group: baseApiGroup,
+    version: baseApiVersion,
+    plural: mpResourceName,
+    isEnabled: Boolean(clusterName !== void 0)
   });
-  const isLoading = status === "connecting";
-  const error = status === "closed" && lastError ? lastError : void 0;
-  const marketplacePanels = useMemo(() => {
-    return {
-      items: state.order.map((key) => {
-        const res = state.byKey[key];
-        return res;
-      })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    };
-  }, [state]);
   const createPermission = usePermissions({
     group: baseApiGroup,
     resource: mpResourceName,
@@ -50781,52 +50937,30 @@ const ProjectInfoCard = ({
   children
 }) => {
   const navigate = useNavigate();
-  const { state, status } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion: baseApiVersion,
-      apiGroup: baseApiGroup,
-      plural: mpResourceName
-    },
-    isEnabled: clusterName !== void 0
-  });
-  const marketplaceIsLoading = status === "connecting";
-  const marketplacePanels = {
-    items: state.order.map((key) => {
-      const res = state.byKey[key];
-      return res;
-    })
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  };
   const {
-    state: stateProject,
-    status: statusProject,
-    lastError: lastErrorProject
-  } = useListWatch({
-    wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-    paused: false,
-    ignoreRemove: false,
-    autoDrain: true,
-    preserveStateOnUrlChange: true,
-    query: {
-      apiVersion: baseProjectVersion,
-      apiGroup: baseProjectApiGroup,
-      plural: projectResourceName,
-      fieldSelector: `metadata.name=${namespace}`
-    },
-    isEnabled: clusterName !== void 0
+    data: marketplacePanels,
+    isLoading: marketplaceIsLoading
+    // error: marketplaceError,
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    group: baseApiGroup,
+    version: baseApiVersion,
+    plural: mpResourceName,
+    isEnabled: Boolean(clusterName !== void 0)
   });
-  const isLoading = statusProject === "connecting";
-  const error = statusProject === "closed" && lastErrorProject ? lastErrorProject : void 0;
-  const projectArr = stateProject.order.map((key) => {
-    const res = stateProject.byKey[key];
-    return res;
+  const {
+    data: projectArr,
+    isLoading,
+    error
+  } = useK8sSmartResource({
+    cluster: clusterName || "",
+    group: baseProjectApiGroup,
+    version: baseProjectVersion,
+    plural: projectResourceName,
+    fieldSelector: `metadata.name=${namespace}`,
+    isEnabled: Boolean(clusterName !== void 0)
   });
-  const project = projectArr.length > 0 ? projectArr[0] : void 0;
+  const project = projectArr && projectArr.length > 0 ? projectArr[0] : void 0;
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const updatePermission = usePermissions({
     group: baseProjectApiGroup,
@@ -53468,5 +53602,18 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useListWatch, usePermissions };
+const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
+  useEffect(() => {
+    const el = sentinelRef.current;
+    if (!el) return void 0;
+    const io = new IntersectionObserver((entries) => {
+      const visible = entries.some((e) => e.isIntersecting);
+      if (visible && hasMore) onNeedMore();
+    });
+    io.observe(el);
+    return () => io.disconnect();
+  }, [sentinelRef, hasMore, onNeedMore]);
+};
+
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useK8sSmartResource, useK8sVerbs, useListWatch, usePermissions };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map