@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.28 → 1.4.0-alpha.29

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

@@ -8602,91 +8602,44 @@
     ] });
   };
 
-  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$F = {
-    PositionRelativeContainer,
-    FullWidthContainer,
-    NoWrapContainer
+  const keysMatch = (a, b) => {
+    if (a.length !== b.length) return false;
+    return a.every((val, i) => Object.is(val, i < b.length ? b[i] : void 0));
   };
-
-  const CollapsibleBreadcrumb = ({ items }) => {
-    const [isCollapsed, setIsCollapsed] = React$1.useState(false);
-    const containerRef = React$1.useRef(null);
-    const breadcrumbRef = React$1.useRef(null);
-    React$1.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;
+  class ErrorBoundary extends React$1.Component {
+    constructor(props) {
+      super(props);
+      this.state = { hasError: false, error: null, prevResetKeys: props.resetKeys ?? [] };
+    }
+    static getDerivedStateFromError(error) {
+      return { hasError: true, error };
+    }
+    static getDerivedStateFromProps(props, state) {
+      const nextKeys = props.resetKeys ?? [];
+      if (state.hasError && !keysMatch(state.prevResetKeys, nextKeys)) {
+        return { hasError: false, error: null, prevResetKeys: nextKeys };
       }
-      if (items.length <= 2) {
-        return items;
+      if (!keysMatch(state.prevResetKeys, nextKeys)) {
+        return { prevResetKeys: nextKeys };
       }
-      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$F.PositionRelativeContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.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$E = {
-    HeightDiv: HeightDiv$1
-  };
-
-  const ManageableBreadcrumbs = ({ data }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
-  };
+      return null;
+    }
+    componentDidCatch(error, errorInfo) {
+      const { onError } = this.props;
+      onError?.(error, errorInfo);
+    }
+    render() {
+      const { hasError, error } = this.state;
+      const { fallback, children } = this.props;
+      if (hasError) {
+        if (fallback) {
+          return fallback;
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status: "500", title: "Something went wrong", subTitle: error?.message || "An unexpected error occurred" });
+      }
+      return children;
+    }
+  }
 
   const kindByGvr = (entries) => (gvr) => {
     const [group = "", v = "", resource = ""] = gvr.split("~", 3);
@@ -9632,6 +9585,154 @@
     };
   };
 
+  const MultiQueryContext = React$1.createContext(void 0);
+  const MultiQueryProvider = ({ items, dataToApplyToContext, children }) => {
+    const k8sItems = React$1.useMemo(
+      () => items.filter((x) => typeof x !== "string"),
+      [items]
+    );
+    const urlItems = React$1.useMemo(() => items.filter((x) => typeof x === "string"), [items]);
+    const k8sCount = k8sItems.length;
+    const urlCount = urlItems.length;
+    const k8sResults = useManyK8sSmartResource(k8sItems);
+    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 = (() => {
+      const data = {};
+      const errors = [];
+      const hasExtraReq0 = typeof dataToApplyToContext !== "undefined";
+      const baseIndex = hasExtraReq0 ? 1 : 0;
+      for (let i = 0; i < k8sCount; i++) {
+        const result = k8sResults[i];
+        const idx = baseIndex + i;
+        data[`req${idx}`] = result?.data;
+        errors[idx] = result?.isError ? result.error ?? null : null;
+      }
+      for (let i = 0; i < urlCount; i++) {
+        const q = urlQueries[i];
+        const idx = baseIndex + k8sCount + i;
+        data[`req${idx}`] = q?.data;
+        errors[idx] = q?.isError ? q.error ?? null : null;
+      }
+      if (hasExtraReq0) {
+        data.req0 = dataToApplyToContext;
+        errors[0] = null;
+      }
+      const isLoading = k8sResults.some((r) => r.isLoading) || urlQueries.some((q) => q.isLoading);
+      const isError = k8sResults.some((r) => r.isError) || urlQueries.some((q) => q.isError);
+      const hasErrorForReq = (reqIndex) => Boolean(errors[reqIndex]);
+      const getErrorForReq = (reqIndex) => errors[reqIndex] ?? null;
+      return { data, isLoading, isError, errors, hasErrorForReq, getErrorForReq };
+    })();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
+  };
+  const useMultiQuery = () => {
+    const ctx = React$1.useContext(MultiQueryContext);
+    if (!ctx) throw new Error("useMultiQuery must be used within a MultiQueryProvider");
+    return ctx;
+  };
+
+  const ErrorBoundaryWithDataReset = ({ children }) => {
+    const { isError } = useMultiQuery();
+    const location = reactRouterDom.useLocation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { resetKeys: [location.pathname, isError], children });
+  };
+
+  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$F = {
+    PositionRelativeContainer,
+    FullWidthContainer,
+    NoWrapContainer
+  };
+
+  const CollapsibleBreadcrumb = ({ items }) => {
+    const [isCollapsed, setIsCollapsed] = React$1.useState(false);
+    const containerRef = React$1.useRef(null);
+    const breadcrumbRef = React$1.useRef(null);
+    React$1.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$F.PositionRelativeContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.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$E = {
+    HeightDiv: HeightDiv$1
+  };
+
+  const ManageableBreadcrumbs = ({ data }) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  };
+
   const prepareTemplate = ({
     template,
     replaceValues
@@ -33821,6 +33922,39 @@
   var lodashExports = lodash.exports;
   const _$1 = /*@__PURE__*/getDefaultExportFromCjs(lodashExports);
 
+  const parseReqIndex = (reqIndex) => {
+    if (typeof reqIndex === "number") return Number.isNaN(reqIndex) ? void 0 : reqIndex;
+    if (typeof reqIndex === "string") {
+      const parsed = parseInt(reqIndex, 10);
+      return Number.isNaN(parsed) ? void 0 : parsed;
+    }
+    return void 0;
+  };
+  const REQ_INDEX_REGEX = /\{reqs(?:JsonPath)?\[(\d+)\]/g;
+  const extractReqIndices = (text) => {
+    const indices = /* @__PURE__ */ new Set();
+    REQ_INDEX_REGEX.lastIndex = 0;
+    let match = REQ_INDEX_REGEX.exec(text);
+    while (match !== null) {
+      indices.add(parseInt(match[1], 10));
+      match = REQ_INDEX_REGEX.exec(text);
+    }
+    return [...indices];
+  };
+  const extractReqIndicesFromData = (data) => {
+    const indices = /* @__PURE__ */ new Set();
+    const walk = (value) => {
+      if (typeof value === "string") {
+        extractReqIndices(value).forEach((idx) => indices.add(idx));
+      } else if (Array.isArray(value)) {
+        value.forEach(walk);
+      } else if (value !== null && typeof value === "object") {
+        Object.values(value).forEach(walk);
+      }
+    };
+    Object.values(data).forEach(walk);
+    return [...indices];
+  };
   const parsePartsOfUrl = ({
     template,
     replaceValues
@@ -34879,60 +35013,6 @@
     ] });
   };
 
-  const MultiQueryContext = React$1.createContext(void 0);
-  const MultiQueryProvider = ({ items, dataToApplyToContext, children }) => {
-    const k8sItems = React$1.useMemo(
-      () => items.filter((x) => typeof x !== "string"),
-      [items]
-    );
-    const urlItems = React$1.useMemo(() => items.filter((x) => typeof x === "string"), [items]);
-    const k8sCount = k8sItems.length;
-    const urlCount = urlItems.length;
-    const k8sResults = useManyK8sSmartResource(k8sItems);
-    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 = (() => {
-      const data = {};
-      const errors = [];
-      const hasExtraReq0 = typeof dataToApplyToContext !== "undefined";
-      const baseIndex = hasExtraReq0 ? 1 : 0;
-      for (let i = 0; i < k8sCount; i++) {
-        const result = k8sResults[i];
-        const idx = baseIndex + i;
-        data[`req${idx}`] = result?.data;
-        errors[idx] = result?.isError ? result.error ?? null : null;
-      }
-      for (let i = 0; i < urlCount; i++) {
-        const q = urlQueries[i];
-        const idx = baseIndex + k8sCount + i;
-        data[`req${idx}`] = q?.data;
-        errors[idx] = q?.isError ? q.error ?? null : null;
-      }
-      if (hasExtraReq0) {
-        data.req0 = dataToApplyToContext;
-        errors[0] = null;
-      }
-      const isLoading = k8sResults.some((r) => r.isLoading) || urlQueries.some((q) => q.isLoading);
-      const isError = k8sResults.some((r) => r.isError) || urlQueries.some((q) => q.isError);
-      return { data, isLoading, isError, errors };
-    })();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
-  };
-  const useMultiQuery = () => {
-    const ctx = React$1.useContext(MultiQueryContext);
-    if (!ctx) throw new Error("useMultiQuery must be used within a MultiQueryProvider");
-    return ctx;
-  };
-
   const createContextFactory = () => {
     const Context = React$1.createContext(null);
     const useTypedContext = () => {
@@ -34956,6 +35036,35 @@
   const PartsOfUrlProvider = partsOfUrlContext.Provider;
   const usePartsOfUrl = partsOfUrlContext.useTypedContext;
 
+  const useAutoPerRequestError = (data) => {
+    const { hasErrorForReq, getErrorForReq } = useMultiQuery();
+    const fromTemplates = extractReqIndicesFromData(data);
+    const raw = data.reqIndex;
+    if (typeof raw === "string" || typeof raw === "number") {
+      const explicit = parseReqIndex(raw);
+      if (explicit !== void 0) {
+        fromTemplates.push(explicit);
+      }
+    }
+    const reqIndices = [...new Set(fromTemplates)];
+    if (reqIndices.length === 0) {
+      return { shouldShowError: false, errorToShow: null };
+    }
+    const failedIdx = reqIndices.find((idx) => hasErrorForReq(idx));
+    if (failedIdx !== void 0) {
+      return { shouldShowError: true, errorToShow: getErrorForReq(failedIdx) };
+    }
+    return { shouldShowError: false, errorToShow: null };
+  };
+
+  const PerRequestError = ({ error }) => {
+    if (!error) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof error === "string" ? error : error.message }) })
+    ] });
+  };
+
   const isExternalHref = (href) => {
     if (!href) {
       return false;
@@ -34980,6 +35089,7 @@
   }) => {
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ ...data });
     const navigate = reactRouterDom.useNavigate();
     const { id, text, href, title, ...linkProps } = data;
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -34993,6 +35103,9 @@
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(
       antd.Typography.Link,
       {
@@ -35213,16 +35326,14 @@
   };
 
   const MultiQuery = ({ data }) => {
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const preparedText = parseMutliqueryText({ text: data.text, multiQueryData });
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: preparedText });
   };
@@ -35243,16 +35354,14 @@
   };
 
   const ParsedText = ({ data }) => {
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -35270,16 +35379,14 @@
 
   const MappedParsedText = ({ data }) => {
     const { value, valueMap, style } = data;
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, item, index) => {
       acc[index.toString()] = item;
@@ -35295,7 +35402,7 @@
     children
   }) => {
     const { id, cluster, namespace, accessGroups, ...props } = data;
-    const { data: multiQueryData, isError, errors } = useMultiQuery();
+    const { data: multiQueryData } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -35306,11 +35413,9 @@
     const parsedAccessGroups = accessGroups.map(
       (accessGroup) => parseAll({ text: accessGroup, replaceValues, multiQueryData })
     );
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectInfoCard, { cluster: clusterPrepared, namespace: namespacePrepared, accessGroups: parsedAccessGroups, ...props, children });
   };
@@ -35321,7 +35426,7 @@
     children
   }) => {
     const { id, cluster, namespace, ...props } = data;
-    const { data: multiQueryData, isError, errors } = useMultiQuery();
+    const { data: multiQueryData } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -35329,11 +35434,9 @@
     }, {});
     const clusterPrepared = parseAll({ text: cluster, replaceValues, multiQueryData });
     const namespacePrepared = parseAll({ text: namespace, replaceValues, multiQueryData });
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(MarketPlace, { cluster: clusterPrepared, namespace: namespacePrepared, ...props });
   };
@@ -35411,7 +35514,7 @@
       fallbackText,
       ...props
     } = data;
-    const { data: multiQueryData, isLoading: isMultiqueryLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -35421,14 +35524,12 @@
     const errorTextPrepared = parseAll({ text: errorText, replaceValues, multiQueryData });
     const fallbackTextPrepared = parseAll({ text: fallbackText, replaceValues, multiQueryData });
     const valuesPrepared = values.map((el) => parseAll({ text: el, replaceValues, multiQueryData }));
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const { type, text } = getResult({
       valuesPrepared,
@@ -35577,6 +35678,18 @@
     return entries.map(([k, v]) => `${k}=${v}`).join(",");
   };
 
+  const mergePerRequestErrors = (autoResult, hasErrorForReq, nestedReqIndices) => {
+    if (autoResult.shouldShowError) return autoResult;
+    const failedIdx = nestedReqIndices.find((idx) => idx !== void 0 && hasErrorForReq(idx));
+    if (failedIdx !== void 0) {
+      return {
+        shouldShowError: true,
+        errorToShow: "A dependent request failed"
+      };
+    }
+    return autoResult;
+  };
+
   const isValidLabelSelectorObject = (input) => {
     if (typeof input !== "object" || input === null || Array.isArray(input) || Object.getPrototypeOf(input) !== Object.prototype) {
       return false;
@@ -35600,7 +35713,7 @@
     const [isDeleteModalManyOpen, setIsDeleteModalManyOpen] = React$1.useState(
       false
     );
-    const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiqueryLoading, hasErrorForReq } = useMultiQuery();
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -35621,6 +35734,11 @@
     } = data;
     const theme = useTheme();
     const partsOfUrl = usePartsOfUrl();
+    const autoErrorResult = useAutoPerRequestError(data);
+    const { shouldShowError, errorToShow } = mergePerRequestErrors(autoErrorResult, hasErrorForReq, [
+      labelSelectorFull?.reqIndex,
+      ...additionalReqsDataToEachItem ?? []
+    ]);
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -35716,6 +35834,9 @@
     if (k8sResourceToFetchPrepared && isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     if (fetchUrlPrepared && isFetchedDataLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
@@ -35859,6 +35980,7 @@
     children
   }) => {
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -35892,6 +36014,9 @@
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     if (isLoadingPodInfo) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
@@ -35927,6 +36052,7 @@
     children
   }) => {
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -35946,6 +36072,9 @@
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         NodeTerminal,
@@ -35973,6 +36102,7 @@
   }) => {
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
     const theme = useTheme();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -36010,6 +36140,9 @@
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     if (isLoadingPodInfo) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
@@ -43937,6 +44070,7 @@
     }, [substractHeight]);
     const theme = useTheme();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ ...data, reqIndex: data.prefillValuesRequestIndex });
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -43971,6 +44105,9 @@
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         YamlEditorSingleton$1,
@@ -44008,6 +44145,7 @@
   }) => {
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -44042,6 +44180,9 @@
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     const shouldAutoHide = !criteria && (!valuePrepared || valuePrepared === "~undefined-value~");
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
   };
@@ -44092,15 +44233,13 @@
       keyFieldStyle,
       valueFieldStyle
     } = data;
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
@@ -44157,16 +44296,14 @@
       errorText,
       style
     } = data;
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -44212,16 +44349,14 @@
       errorText,
       style
     } = data;
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -45104,7 +45239,7 @@
     const navigate = reactRouterDom.useNavigate();
     const [open, setOpen] = React$1.useState(false);
     const { maxTagTextLength, ...restSelectProps } = selectProps || { maxTagTextLength: void 0 };
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const safeMultiQueryData = multiQueryData || {};
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -45131,14 +45266,12 @@
     const shouldGateEdit = Boolean(permissions || permissionContext);
     const canOpenEdit = !readOnly;
     const canSubmitEdit = !readOnly && (!shouldGateEdit || canPatch === true);
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
@@ -45405,16 +45538,14 @@
       ...linkProps
     } = data;
     const navigate = reactRouterDom.useNavigate();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -45565,7 +45696,7 @@
     } = data;
     const [api, contextHolder] = antd.notification.useNotification();
     const [open, setOpen] = React$1.useState(false);
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const safeMultiQueryData = multiQueryData || {};
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -45592,14 +45723,12 @@
     const shouldGateEdit = Boolean(permissions || permissionContext);
     const canOpenEdit = !readOnly;
     const canSubmitEdit = !readOnly && (!shouldGateEdit || canPatch === true);
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
@@ -45779,7 +45908,7 @@
     } = data;
     const [api, contextHolder] = antd.notification.useNotification();
     const [open, setOpen] = React$1.useState(false);
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const safeMultiQueryData = multiQueryData || {};
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -45806,14 +45935,12 @@
     const shouldGateEdit = Boolean(permissions || permissionContext);
     const canOpenEdit = !readOnly;
     const canSubmitEdit = !readOnly && (!shouldGateEdit || canPatch === true);
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
@@ -45969,7 +46096,7 @@
     } = data;
     const [api, contextHolder] = antd.notification.useNotification();
     const [open, setOpen] = React$1.useState(false);
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const safeMultiQueryData = multiQueryData || {};
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -45996,14 +46123,12 @@
     const shouldGateEdit = Boolean(permissions || permissionContext);
     const canOpenEdit = !readOnly;
     const canSubmitEdit = !readOnly && (!shouldGateEdit || canPatch === true);
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
@@ -46132,16 +46257,14 @@
       notANumberText,
       style
     } = data;
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -46232,16 +46355,14 @@
       notANumberText,
       style
     } = data;
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -47142,17 +47263,15 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     const [hidden, setHidden] = React$1.useState(hiddenDefault);
     const [hiddenByKey, setHiddenByKey] = React$1.useState({});
     const [notificationApi, contextHolder] = antd.notification.useNotification();
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const theme = useTheme();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value2, index) => {
       acc[index.toString()] = value2;
@@ -47317,17 +47436,15 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       abbreviation,
       style
     } = data;
-    const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const theme = useTheme();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value2, index) => {
       acc[index.toString()] = value2;
@@ -47375,7 +47492,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     children
   }) => {
-    const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiqueryLoading, hasErrorForReq } = useMultiQuery();
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -47399,6 +47516,10 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     } = data;
     const theme = useTheme();
     const partsOfUrl = usePartsOfUrl();
+    const autoErrorResult = useAutoPerRequestError(data);
+    const { shouldShowError, errorToShow } = mergePerRequestErrors(autoErrorResult, hasErrorForReq, [
+      labelSelectorFull?.reqIndex
+    ]);
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -47469,6 +47590,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     if (isPermissionCheckEnabled && (listPermission.isPending || watchPermission.isPending)) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { vertical: true, gap: 8, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Alert, { type: "info", message: "Checking permissions for events stream...", showIcon: true }) });
     }
@@ -47736,6 +47860,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     } = data;
     const theme = useTheme();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -47755,6 +47880,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       template: forcedNamespace,
       replaceValues
     }) : void 0;
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: errorText });
@@ -47825,16 +47953,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     } = data;
     const [api, contextHolder] = antd.notification.useNotification();
     const queryClient = reactQuery.useQueryClient();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -47978,16 +48104,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     } = data;
     const [api, contextHolder] = antd.notification.useNotification();
     const queryClient = reactQuery.useQueryClient();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -48070,6 +48194,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     children
   }) => {
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       id,
@@ -48092,6 +48217,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         VMVNC,
@@ -77931,6 +78059,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ...props
     } = data;
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -77961,6 +78090,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     const Graph = COMPONENTS[type];
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Graph, { ...preparedProps }),
@@ -77977,16 +78109,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ...props
     } = data;
     const theme = useTheme();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ ...data });
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -78111,6 +78241,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       });
       navigate(finalUrl);
     };
+    const { shouldShowError: shouldShowMultiQueryError, errorToShow: multiQueryError } = useAutoPerRequestError(data);
+    if (shouldShowMultiQueryError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: multiQueryError });
+    }
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, { size: "small" });
     }
@@ -78151,6 +78285,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const [messageApi, contextHolder] = antd.message.useMessage();
     const { data: multiQueryData, isLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -78172,6 +78307,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     if (isLoading) {
       return null;
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       contextHolder,
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -78210,16 +78348,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     paddingContainerEnd
   }) => {
     const [api, contextHolder] = antd.notification.useNotification();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ reqIndex });
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -78327,16 +78463,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     cols
   }) => {
     const [api, contextHolder] = antd.notification.useNotification();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ reqIndex });
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -78437,16 +78571,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     cols
   }) => {
     const [api, contextHolder] = antd.notification.useNotification();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ reqIndex });
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -78544,16 +78676,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     cols
   }) => {
     const [api, contextHolder] = antd.notification.useNotification();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError({ reqIndex });
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -78730,7 +78860,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     } = data;
     const { token } = antd.theme.useToken();
     const [open, setOpen] = React$1.useState(false);
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const safeMultiQueryData = multiQueryData || {};
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -78779,14 +78909,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         setOpen(false);
       }
     }, [open, canOpenActiveType]);
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(counter.props);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${counter.props.reqIndex}`];
     if (jsonRoot === void 0) {
@@ -79331,6 +79459,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const [clampedUsedPercent, setClampedUsedPercent] = React$1.useState(null);
     const [clampedRequestedPercent, setClampedRequestedPercent] = React$1.useState(null);
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     const { token } = antd.theme.useToken();
     const {
       title = "CPU, core",
@@ -79536,6 +79665,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         observer.disconnect();
       };
     }, [updateUsedBadgeClamp, updateRequestedLabelClamp]);
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.Wrapper, { style: containerStyle, $colorBgContainer: token.colorBgContainer, $colorBorder: token.colorBorder, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.Title, { $colorText: token.colorText, children: title }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.ChartContainer, { children: [
@@ -81085,7 +81217,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
 
   const ActionsDropdown = ({ data, children }) => {
     const { buttonText = "Actions", buttonVariant = "default", containerStyle, actions, permissions } = data;
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryError, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
@@ -81144,12 +81276,17 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       replaceValues,
       multiQueryData: safeMultiQueryData
     });
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, { size: "small" });
     }
-    if (isMultiQueryError) {
-      const errorMessage = errors.filter((e) => e !== null).map((e) => typeof e === "string" ? e : e.message).join("; ");
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: errorMessage || "Failed to load data", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.WarningOutlined, { style: { color: "red" } }) });
+    if (shouldShowError) {
+      const resolveMessage = () => {
+        if (!errorToShow) return "Failed to load data";
+        return typeof errorToShow === "string" ? errorToShow : errorToShow.message;
+      };
+      const errorMessage = resolveMessage();
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: errorMessage, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.WarningOutlined, { style: { color: "red" } }) });
     }
     const menuItems = getMenuItems(visibleActions, handleActionClick, effectivePermissions);
     const handleDropdownOpenChange = (nextOpen) => {
@@ -81642,7 +81779,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     } = data;
     const theme = useTheme();
     const partsOfUrl = usePartsOfUrl();
-    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading, hasErrorForReq } = useMultiQuery();
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -81666,8 +81803,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     });
     const baseFactoriesMapping = navigationDataArr && navigationDataArr.items && navigationDataArr.items.length > 0 ? navigationDataArr.items[0].spec?.baseFactoriesMapping : void 0;
     const customColumns = React$1.useMemo(() => buildCustomColumns(containerFactoryKey), [containerFactoryKey]);
+    const parsedReqIndex = typeof reqIndex === "string" ? parseInt(reqIndex, 10) : reqIndex;
+    const ownReqFailed = !Number.isNaN(parsedReqIndex) && hasErrorForReq(parsedReqIndex);
     const dataSourceWithoutHref = React$1.useMemo(() => {
-      if (isMultiQueryLoading || isMultiQueryErrors || !multiQueryData) return [];
+      if (isMultiQueryLoading || ownReqFailed || !multiQueryData) return [];
       const jsonRoot2 = multiQueryData[`req${reqIndex}`];
       if (jsonRoot2 === void 0) return [];
       const specResult = jp.query(jsonRoot2 || {}, `$${jsonPathToSpec}`);
@@ -81707,7 +81846,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }, [
       multiQueryData,
       isMultiQueryLoading,
-      isMultiQueryErrors,
+      ownReqFailed,
       reqIndex,
       jsonPathToSpec,
       jsonPathToPodName,
@@ -81738,7 +81877,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       baseFactoryClusterSceopedBuiltinKey
     }) : void 0;
     const hasPendingLinkPrefixInputs = hasLinkableVolumeTypes && (isPendingLinkSegment(clusterPrepared) || isPendingLinkSegment(linkableNamespace) || isPendingLinkSegment(configMapFactoryKey) || isPendingLinkSegment(secretFactoryKey));
-    const isLinkPrefixLoading = hasLinkableVolumeTypes && !isMultiQueryErrors && !isNavigationError && (isNavigationLoading || hasPendingLinkPrefixInputs);
+    const isLinkPrefixLoading = hasLinkableVolumeTypes && !ownReqFailed && !isNavigationError && (isNavigationLoading || hasPendingLinkPrefixInputs);
     const resourceLinkPrefixes = React$1.useMemo(() => {
       if (!hasLinkableVolumeTypes || isLinkPrefixLoading) {
         return void 0;
@@ -81792,14 +81931,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       })),
       [dataSourceWithoutHref, resourceLinkPrefixes]
     );
+    const { shouldShowError, errorToShow } = useAutoPerRequestError(data);
     if (isMultiQueryLoading || isLinkPrefixLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
-    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: typeof e === "string" ? e : e.message }, i)) })
-      ] });
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
     if (jsonRoot === void 0) {
@@ -81870,7 +82007,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     return "Error";
   };
   const AntdResult = ({ data, children }) => {
-    const { data: multiQueryData, isLoading, errors } = useMultiQuery();
+    const { data: multiQueryData, isLoading, getErrorForReq } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     if (isLoading) {
       return null;
@@ -81880,7 +82017,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       return acc;
     }, {});
     if (typeof data.reqIndex === "number") {
-      const error = errors[data.reqIndex];
+      const error = getErrorForReq(data.reqIndex);
       const shouldCheckEmpty = data.checkEmpty !== false;
       const itemsPath = data.itemsPath ?? ".items";
       const emptyListDetected = !error && shouldCheckEmpty && isEmptyAtPath(multiQueryData, data.reqIndex, itemsPath);
@@ -82022,7 +82159,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           {
             items: [...preparedK8sResoucesUrls, ...preparedUrlsToFetch],
             dataToApplyToContext,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundaryWithDataReset, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props }) })
           }
         ) }) }) })
       }
@@ -91689,9 +91826,32 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const [isDeleteModalManyOpen, setIsDeleteModalManyOpen] = React$1.useState(
       false
     );
-    const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+    const { data: multiQueryData, isLoading: isMultiqueryLoading, hasErrorForReq } = useMultiQuery();
     const theme = useTheme();
     const partsOfUrl = usePartsOfUrl();
+    const allProps = {
+      fetchUrl,
+      k8sResourceToFetch,
+      pathToItems,
+      additionalReqsDataToEachItem,
+      cluster,
+      labelSelector,
+      labelSelectorFull,
+      fieldSelector,
+      namespace,
+      k8sResource,
+      dataForControls,
+      baseprefix,
+      pathToKey,
+      modalTitle,
+      modalDescriptionText,
+      ...props
+    };
+    const autoErrorResult = useAutoPerRequestError(allProps);
+    const { shouldShowError, errorToShow } = mergePerRequestErrors(autoErrorResult, hasErrorForReq, [
+      labelSelectorFull?.reqIndex,
+      ...additionalReqsDataToEachItem ?? []
+    ]);
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
@@ -91785,6 +91945,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     if (k8sResourceToFetchPrepared && isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
+    if (shouldShowError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
+    }
     if (fetchUrlPrepared && isFetchedDataLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
@@ -91958,6 +92121,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   exports.EditIcon = EditIcon;
   exports.EnrichedTable = EnrichedTable;
   exports.EnrichedTableProvider = EnrichedTableProvider;
+  exports.ErrorBoundary = ErrorBoundary;
+  exports.ErrorBoundaryWithDataReset = ErrorBoundaryWithDataReset;
   exports.Events = Events;
   exports.FlexGrow = FlexGrow;
   exports.LockedIcon = LockedIcon;