@localstack/appinspector-ui 1.0.118 → 1.0.120

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 {
@@ -15349,7 +15349,7 @@ var SpansDataGrid = ({
               size: "small",
               sx: { px: 1 },
               variant: "text",
-              children: "View Details"
+              children: "View Graph"
             }
           )
         ] });
@@ -30700,7 +30700,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
   );
   const [parseNestedJson, setParseNestedJson] = useState15(true);
   if (!selectedEvent) {
-    return /* @__PURE__ */ jsx141(Box16, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx141(Typography11, { color: "text.secondary", variant: "body2", children: "Select an event to view details" }) });
+    return /* @__PURE__ */ jsx141(Box16, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx141(Typography11, { color: "text.secondary", variant: "body2", children: "Select an operation to view graph" }) });
   }
   const isLambdaInvoke = checkIsLambdaInvoke(selectedEvent);
   const isSqsSendMessage = checkIsSqsSendMessage(selectedEvent);
@@ -31519,6 +31519,27 @@ 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";
   return /* @__PURE__ */ jsxs136(Fragment14, { children: [
     /* @__PURE__ */ jsxs136(