@localstack/appinspector-ui 1.0.119 → 1.0.121

package/dist/index.js

@@ -2414,7 +2414,7 @@ var init_event_streams = __esm({
 
 // src/pages/spans-list-page.tsx
 import { Box as Box20 } from "@mui/material";
-import { useCallback as useCallback12, useState as useState17 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect22, useRef as useRef18, useState as useState17 } from "react";
 
 // src/api/errors.ts
 var AppInspectorDisabledError = class extends Error {
@@ -15597,8 +15597,8 @@ var StatusMessage = ({
       setEnabling(false);
     }
   };
-  if (error instanceof AppInspectorNotFoundError) {
-    const isBelowMinimum = localstackVersion !== void 0 && checkEmulatorVersion(localstackVersion) === "below-minimum";
+  const isBelowMinimum = localstackVersion !== void 0 && checkEmulatorVersion(localstackVersion) === "below-minimum";
+  if (isBelowMinimum || error instanceof AppInspectorNotFoundError) {
     return /* @__PURE__ */ jsx130(
       Box7,
       {
@@ -15618,7 +15618,7 @@ var StatusMessage = ({
             sx: { maxWidth: 600, width: "100%" },
             children: [
               /* @__PURE__ */ jsx130(AlertTitle, { sx: { fontWeight: "bold" }, children: "App Inspector Not Available" }),
-              /* @__PURE__ */ jsx130(Typography5, { sx: { mb: 2 }, variant: "body2", children: isBelowMinimum ? `App Inspector requires LocalStack ${MINIMUM_EMULATOR_VERSION} or later. You are running version ${localstackVersion}. Please update LocalStack.` : "App Inspector is not available in LocalStack. Ensure LocalStack is up-to-date." }),
+              /* @__PURE__ */ jsx130(Typography5, { sx: { mb: 2 }, variant: "body2", children: isBelowMinimum ? `App Inspector requires LocalStack ${MINIMUM_EMULATOR_VERSION} or later. You are running version ${localstackVersion}. Please update LocalStack.` : `App Inspector requires LocalStack ${MINIMUM_EMULATOR_VERSION} or later. Please update LocalStack.` }),
               /* @__PURE__ */ jsx130(Typography5, { sx: { mb: 1 }, variant: "body2", children: /* @__PURE__ */ jsx130("strong", { children: "Update LocalStack:" }) }),
               /* @__PURE__ */ jsx130(
                 Box7,
@@ -31519,7 +31519,49 @@ var SpansListPage = () => {
     clearFetchError();
     void checkStatus();
   }, [api, checkStatus, clearFetchError]);
+  const isDelayedRefetchRef = useRef18(false);
+  const delayedRefetchTimerRef = useRef18();
+  const prevFetchingForwardRef = useRef18(false);
+  useEffect22(() => {
+    const wasFetching = prevFetchingForwardRef.current;
+    prevFetchingForwardRef.current = fetchingForward;
+    if (wasFetching && !fetchingForward) {
+      if (isDelayedRefetchRef.current) {
+        isDelayedRefetchRef.current = false;
+      } else {
+        clearTimeout(delayedRefetchTimerRef.current);
+        delayedRefetchTimerRef.current = setTimeout(() => {
+          isDelayedRefetchRef.current = true;
+          fetchForward();
+        }, 2e3);
+      }
+    }
+    return () => {
+      clearTimeout(delayedRefetchTimerRef.current);
+    };
+  }, [fetchingForward, fetchForward]);
   const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
+  if (versionCompatibility === "below-minimum") {
+    return /* @__PURE__ */ jsx146(
+      StatusMessage,
+      {
+        localstackVersion,
+        onRetry: handleRetry
+      }
+    );
+  }
+  if (shouldShowStatusMessage) {
+    return /* @__PURE__ */ jsx146(
+      StatusMessage,
+      {
+        error: statusError,
+        localstackVersion,
+        onEnable: handleEnable,
+        onRetry: handleRetry,
+        status
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs136(Fragment14, { children: [
     /* @__PURE__ */ jsxs136(
       Box20,
@@ -31537,7 +31579,7 @@ var SpansListPage = () => {
           width: "100%"
         },
         children: [
-          !checking && !shouldShowStatusMessage && /* @__PURE__ */ jsx146(
+          !checking && /* @__PURE__ */ jsx146(
             EmulatorVersionBanner,
             {
               compatibility: bannerDismissed && versionCompatibility === "warning" ? "ok" : versionCompatibility,
@@ -31547,16 +31589,7 @@ var SpansListPage = () => {
               } : void 0
             }
           ),
-          shouldShowStatusMessage ? /* @__PURE__ */ jsx146(
-            StatusMessage,
-            {
-              error: statusError,
-              localstackVersion,
-              onEnable: handleEnable,
-              onRetry: handleRetry,
-              status
-            }
-          ) : /* @__PURE__ */ jsx146(
+          /* @__PURE__ */ jsx146(
             SpansList,
             {
               clearingSpans,