@localstack/appinspector-ui 1.0.118 → 1.0.120

package/dist/index.cjs

@@ -15336,7 +15336,7 @@ var SpansDataGrid = ({
               size: "small",
               sx: { px: 1 },
               variant: "text",
-              children: "View Details"
+              children: "View Graph"
             }
           )
         ] });
@@ -30687,7 +30687,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
   );
   const [parseNestedJson, setParseNestedJson] = (0, import_react59.useState)(true);
   if (!selectedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material18.Box, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material18.Typography, { color: "text.secondary", variant: "body2", children: "Select an event to view details" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material18.Box, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material18.Typography, { color: "text.secondary", variant: "body2", children: "Select an operation to view graph" }) });
   }
   const isLambdaInvoke = checkIsLambdaInvoke(selectedEvent);
   const isSqsSendMessage = checkIsSqsSendMessage(selectedEvent);
@@ -31506,6 +31506,27 @@ var SpansListPage = () => {
     clearFetchError();
     void checkStatus();
   }, [api, checkStatus, clearFetchError]);
+  const isDelayedRefetchRef = (0, import_react68.useRef)(false);
+  const delayedRefetchTimerRef = (0, import_react68.useRef)();
+  const prevFetchingForwardRef = (0, import_react68.useRef)(false);
+  (0, import_react68.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(