@hexclave/dashboard-ui-components 1.0.51 → 1.0.53

package/dist/dashboard-ui-components.global.js

@@ -4461,6 +4461,49 @@ This is likely an error in Hexclave. Please make sure you are running the newest
     return Object.assign(Result.error(new RetryError(errors)), { attempts: totalAttempts });
   }
 
+  // ../shared/dist/esm/utils/bytes.js
+  function decodeBase64(input) {
+    return new Uint8Array(atob(input).split("").map((char) => char.charCodeAt(0)));
+  }
+  function isBase64(input) {
+    return /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/.test(input);
+  }
+
+  // ../shared/dist/esm/utils/urls.js
+  function createUrlIfValid(...args) {
+    try {
+      return new URL(...args);
+    } catch (e40) {
+      return null;
+    }
+  }
+  function isValidUrl(url) {
+    return !!createUrlIfValid(url);
+  }
+  function isValidHostname(hostname) {
+    if (!hostname || hostname.startsWith(".") || hostname.endsWith(".") || hostname.includes("..")) return false;
+    const url = createUrlIfValid(`https://${hostname}`);
+    if (!url) return false;
+    return url.hostname === hostname;
+  }
+  function isValidHostnameWithWildcards(hostname) {
+    if (!hostname) return false;
+    if (!hostname.includes("*")) return isValidHostname(hostname);
+    if (hostname.startsWith(".") || hostname.endsWith(".")) return false;
+    if (hostname.includes("..")) return false;
+    const testHostname = hostname.replace(/\*+/g, "wildcard");
+    if (!/^[a-zA-Z0-9.-]+$/.test(testHostname)) return false;
+    const segments = hostname.split(/\*+/);
+    for (let i = 0; i < segments.length; i++) {
+      const segment = segments[i];
+      if (segment === "") continue;
+      if (i === 0 && segment.startsWith(".")) return false;
+      if (i === segments.length - 1 && segment.endsWith(".")) return false;
+      if (segment.includes("..")) return false;
+    }
+    return true;
+  }
+
   // ../shared/dist/esm/known-errors.js
   var KnownError = class extends StatusError {
     constructor(statusCode, humanReadableMessage, details) {
@@ -5217,49 +5260,6 @@ This is likely an error in Hexclave. Please make sure you are running the newest
     knownErrorCodes.add(KnownError2.errorCode);
   }
 
-  // ../shared/dist/esm/utils/bytes.js
-  function decodeBase64(input) {
-    return new Uint8Array(atob(input).split("").map((char) => char.charCodeAt(0)));
-  }
-  function isBase64(input) {
-    return /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/.test(input);
-  }
-
-  // ../shared/dist/esm/utils/urls.js
-  function createUrlIfValid(...args) {
-    try {
-      return new URL(...args);
-    } catch (e40) {
-      return null;
-    }
-  }
-  function isValidUrl(url) {
-    return !!createUrlIfValid(url);
-  }
-  function isValidHostname(hostname) {
-    if (!hostname || hostname.startsWith(".") || hostname.endsWith(".") || hostname.includes("..")) return false;
-    const url = createUrlIfValid(`https://${hostname}`);
-    if (!url) return false;
-    return url.hostname === hostname;
-  }
-  function isValidHostnameWithWildcards(hostname) {
-    if (!hostname) return false;
-    if (!hostname.includes("*")) return isValidHostname(hostname);
-    if (hostname.startsWith(".") || hostname.endsWith(".")) return false;
-    if (hostname.includes("..")) return false;
-    const testHostname = hostname.replace(/\*+/g, "wildcard");
-    if (!/^[a-zA-Z0-9.-]+$/.test(testHostname)) return false;
-    const segments = hostname.split(/\*+/);
-    for (let i = 0; i < segments.length; i++) {
-      const segment = segments[i];
-      if (segment === "") continue;
-      if (i === 0 && segment.startsWith(".")) return false;
-      if (i === segments.length - 1 && segment.endsWith(".")) return false;
-      if (segment.includes("..")) return false;
-    }
-    return true;
-  }
-
   // ../../node_modules/.pnpm/yup@1.7.1/node_modules/yup/index.esm.js
   var import_property_expr = __toESM(require_property_expr());
   var import_tiny_case = __toESM(require_tiny_case());
@@ -9780,14 +9780,17 @@ attempted value: ${formattedValue}
       if (error instanceof Error) concatStacktraces(error, currentError);
     });
   }
-  async function wait(ms) {
+  async function wait(ms, options) {
     if (!Number.isFinite(ms) || ms < 0) throw new HexclaveAssertionError(`wait() requires a non-negative integer number of milliseconds to wait. (found: ${ms}ms)`);
     if (ms >= 2 ** 31) throw new HexclaveAssertionError("The maximum timeout for wait() is 2147483647ms (2**31 - 1). (found: ${ms}ms)");
     return await traceSpan({
       description: "wait(...)",
       attributes: { "stack.wait.ms": ms }
     }, async (span) => {
-      return await new Promise((resolve) => setTimeout(resolve, ms));
+      return await new Promise((resolve) => {
+        const timeout = setTimeout(resolve, ms);
+        if (options?.unref === true && typeof timeout === "object") timeout.unref();
+      });
     });
   }
   function runAsynchronouslyWithAlert(...args) {
@@ -23991,10 +23994,15 @@ ${colorConfig.map(([key, itemConfig]) => {
     const [hasMore, setHasMore] = (0, import_react36.useState)(true);
     const [error, setError] = (0, import_react36.useState)(null);
     const cursorRef = (0, import_react36.useRef)(void 0);
-    const abortRef = (0, import_react36.useRef)(null);
+    const inFlightFetchRef = (0, import_react36.useRef)(null);
+    const pendingLoadMoreRef = (0, import_react36.useRef)(false);
+    const hasMoreRef = (0, import_react36.useRef)(true);
+    const paginationModeRef = (0, import_react36.useRef)(paginationMode);
+    paginationModeRef.current = paginationMode;
     const pageIndexRef = (0, import_react36.useRef)(0);
     const hasDataRef = (0, import_react36.useRef)(false);
     const hasMountedServerPaginationRef = (0, import_react36.useRef)(false);
+    const lastCompletedNonAppendFetchKeyRef = (0, import_react36.useRef)(null);
     const latestArgsRef = (0, import_react36.useRef)({
       dataSource,
       getRowId,
@@ -24007,6 +24015,9 @@ ${colorConfig.map(([key, itemConfig]) => {
     const quickSearchKey = quickSearch;
     const fetchPage = (0, import_react36.useCallback)(
       async (append) => {
+        if (append && inFlightFetchRef.current != null) {
+          return;
+        }
         const {
           dataSource: currentDataSource,
           getRowId: currentGetRowId,
@@ -24014,9 +24025,15 @@ ${colorConfig.map(([key, itemConfig]) => {
           quickSearch: currentQuickSearch,
           pagination: currentPagination
         } = latestArgsRef.current;
-        abortRef.current?.abort();
+        inFlightFetchRef.current?.abort();
         const controller = new AbortController();
-        abortRef.current = controller;
+        inFlightFetchRef.current = controller;
+        const fetchKey = {
+          dataSource: currentDataSource,
+          sortingKey: JSON.stringify(currentSorting),
+          quickSearchKey: currentQuickSearch,
+          pageSize: currentPagination.pageSize
+        };
         if (append) {
           setIsLoadingMore(true);
         } else {
@@ -24025,16 +24042,18 @@ ${colorConfig.map(([key, itemConfig]) => {
           } else {
             setIsLoading(true);
           }
-          cursorRef.current = void 0;
-          pageIndexRef.current = 0;
         }
         setError(null);
+        let cursor = append ? cursorRef.current : void 0;
+        let pageIndex = append ? pageIndexRef.current : 0;
+        let failed = false;
+        let committedResult = false;
         try {
           const params = {
             sorting: currentSorting,
             quickSearch: currentQuickSearch,
-            pagination: append ? { pageIndex: pageIndexRef.current, pageSize: currentPagination.pageSize } : currentPagination,
-            cursor: cursorRef.current
+            pagination: append ? { pageIndex, pageSize: currentPagination.pageSize } : currentPagination,
+            cursor
           };
           const gen = currentDataSource(params);
           for await (const result of gen) {
@@ -24043,9 +24062,11 @@ ${colorConfig.map(([key, itemConfig]) => {
               setTotalRowCount(result.totalRowCount);
             }
             if (result.nextCursor !== void 0) {
-              cursorRef.current = result.nextCursor;
+              cursor = result.nextCursor;
             }
-            setHasMore(result.hasMore !== false);
+            cursorRef.current = cursor;
+            hasMoreRef.current = result.hasMore !== false;
+            setHasMore(hasMoreRef.current);
             if (append) {
               setRows((prev) => {
                 const existingIds = new Set(prev.map(currentGetRowId));
@@ -24055,29 +24076,50 @@ ${colorConfig.map(([key, itemConfig]) => {
                 return [...prev, ...newRows];
               });
             } else {
+              lastCompletedNonAppendFetchKeyRef.current = null;
               setRows(result.rows);
             }
             hasDataRef.current = true;
-            pageIndexRef.current++;
+            committedResult = true;
+            pageIndex++;
+            pageIndexRef.current = pageIndex;
+          }
+          if (!append && committedResult && !controller.signal.aborted) {
+            lastCompletedNonAppendFetchKeyRef.current = fetchKey;
           }
         } catch (err) {
           if (controller.signal.aborted) return;
           console.error("[DataGrid] Data source error:", err);
+          failed = true;
           setError(err instanceof Error ? err : new Error(String(err)));
         } finally {
-          if (!controller.signal.aborted) {
+          if (inFlightFetchRef.current === controller) {
+            inFlightFetchRef.current = null;
             setIsLoading(false);
             setIsRefetching(false);
             setIsLoadingMore(false);
+            const shouldChainLoadMore = pendingLoadMoreRef.current && !failed && !controller.signal.aborted && hasMoreRef.current && paginationModeRef.current === "infinite";
+            pendingLoadMoreRef.current = false;
+            if (shouldChainLoadMore) {
+              runAsynchronously(fetchPage(true));
+            }
           }
         }
       },
       []
     );
     (0, import_react36.useEffect)(() => {
-      fetchPage(false).catch(() => {
-      });
-      return () => abortRef.current?.abort();
+      if (paginationMode !== "infinite") {
+        pendingLoadMoreRef.current = false;
+      }
+    }, [paginationMode]);
+    (0, import_react36.useEffect)(() => {
+      const lastCompletedKey = lastCompletedNonAppendFetchKeyRef.current;
+      const isSameCompletedFetch = hasDataRef.current && lastCompletedKey?.dataSource === dataSource && lastCompletedKey.sortingKey === sortingKey && lastCompletedKey.quickSearchKey === quickSearchKey && lastCompletedKey.pageSize === pagination.pageSize;
+      if (!isSameCompletedFetch) {
+        runAsynchronously(fetchPage(false));
+      }
+      return () => inFlightFetchRef.current?.abort();
     }, [fetchPage, dataSource, sortingKey, quickSearchKey, pagination.pageSize]);
     (0, import_react36.useEffect)(() => {
       if (paginationMode !== "server") {
@@ -24088,18 +24130,20 @@ ${colorConfig.map(([key, itemConfig]) => {
         hasMountedServerPaginationRef.current = true;
         return;
       }
-      fetchPage(false).catch(() => {
-      });
+      runAsynchronously(fetchPage(false));
     }, [fetchPage, paginationMode, pagination.pageIndex]);
     const loadMore = (0, import_react36.useCallback)(() => {
-      if (!isLoadingMore && hasMore && paginationMode === "infinite") {
-        fetchPage(true).catch(() => {
-        });
+      if (paginationMode !== "infinite" || !hasMore) {
+        return;
       }
-    }, [isLoadingMore, hasMore, paginationMode, fetchPage]);
+      if (inFlightFetchRef.current != null) {
+        pendingLoadMoreRef.current = true;
+        return;
+      }
+      runAsynchronously(fetchPage(true));
+    }, [hasMore, paginationMode, fetchPage]);
     const reload = (0, import_react36.useCallback)(() => {
-      fetchPage(false).catch(() => {
-      });
+      runAsynchronously(fetchPage(false));
     }, [fetchPage]);
     return {
       rows,