@localstack/appinspector-ui 1.0.112 → 1.0.114

package/dist/index.cjs

@@ -2421,6 +2421,13 @@ var import_material23 = require("@mui/material");
 var import_react69 = require("react");
 
 // src/api/errors.ts
+var AppInspectorDisabledError = class extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.name = "AppInspectorDisabledError";
+    this.cause = cause;
+  }
+};
 var AppInspectorNotFoundError = class extends Error {
   localstackVersion;
   constructor(message, cause, localstackVersion) {
@@ -15012,7 +15019,7 @@ var LoadSpansRow = ({ colSpan, fetching, label, onFetch }) => /* @__PURE__ */ (0
   fetching && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.CircularProgress, { size: 24, sx: { m: 2 } })
 ] }) });
 var SpansDataGridRow = (0, import_react42.memo)(
-  ({ row }) => {
+  ({ onSpanClick, row }) => {
     const theme = (0, import_material6.useTheme)();
     return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       import_material6.TableRow,
@@ -15025,7 +15032,11 @@ var SpansDataGridRow = (0, import_react42.memo)(
         initial: {
           backgroundColor: theme.palette.mode === "light" ? newSpanBackgroundColor.light.from : newSpanBackgroundColor.dark.from
         },
+        onClick: () => {
+          onSpanClick(row.original);
+        },
         sx: {
+          cursor: "pointer",
           transition: "background-color 1200ms ease-in"
         },
         children: row.getVisibleCells().map((cell) => {
@@ -15142,7 +15153,8 @@ var SpansDataGrid = ({
           import_material6.Button,
           {
             "data-testid": VIEW_SPAN_DETAILS_TEST_ID,
-            onClick: () => {
+            onClick: (event) => {
+              event.stopPropagation();
               onSpanClick(props.row.original);
             },
             size: "small",
@@ -15303,7 +15315,7 @@ var SpansDataGrid = ({
                     for (let index = rows.length - 1; index >= 0; index--) {
                       const row = rows.at(index);
                       reversed.push(
-                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { row }, row.original.span_id)
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { onSpanClick, row }, row.original.span_id)
                       );
                     }
                     return reversed;
@@ -15314,7 +15326,7 @@ var SpansDataGrid = ({
                 !clearingSpans && order2 === "oldest_first" && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
                   hasRows && !hasMoreBackward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(StreamBoundaryRow, { colSpan: columnCount, label: LABEL_BEGINNING_OF_STREAM }),
                   hasRows && hasMoreBackward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LoadSpansRow, { colSpan: columnCount, fetching: fetchingBackward, label: LABEL_LOAD_OLDER, onFetch: onFetchBackward }),
-                  hasRows && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AnimatePresence, { initial: false, children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { row }, row.original.span_id)) }),
+                  hasRows && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AnimatePresence, { initial: false, children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { onSpanClick, row }, row.original.span_id)) }),
                   hasRows && hasMoreForward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LoadSpansRow, { colSpan: columnCount, fetching: fetchingForward, label: LABEL_LOAD_NEWER, onFetch: onFetchForward }),
                   hasRows && !hasMoreForward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(StreamBoundaryRow, { colSpan: columnCount, label: LABEL_END_OF_STREAM })
                 ] })
@@ -15510,7 +15522,7 @@ var StatusMessage = ({
       }
     );
   }
-  if (status?.status === "DISABLED") {
+  if (error instanceof AppInspectorDisabledError || status?.status === "DISABLED") {
     return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       import_material8.Box,
       {
@@ -15666,9 +15678,12 @@ var import_jsx_runtime130 = require("react/jsx-runtime");
 var AppInspectorStatusContext = (0, import_react45.createContext)(void 0);
 var StatusProvider = ({ children }) => {
   const { checking, checkStatus, error, status } = useStatus();
+  const reportDisabled = (0, import_react45.useCallback)(() => {
+    void checkStatus();
+  }, [checkStatus]);
   const value = (0, import_react45.useMemo)(
-    () => ({ checking, checkStatus, status, statusError: error }),
-    [checking, checkStatus, status, error]
+    () => ({ checking, checkStatus, reportDisabled, status, statusError: error }),
+    [checking, checkStatus, reportDisabled, status, error]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(AppInspectorStatusContext.Provider, { value, children });
 };
@@ -16026,17 +16041,19 @@ var makeRequest = async (options) => {
           new Error(`404 from ${url}: ${response.statusText}`)
         );
       }
+      if (response.status === 503) {
+        throw new AppInspectorDisabledError(
+          ERROR_MESSAGES.APP_INSPECTOR_DISABLED,
+          new Error(`503 from ${url}: ${response.statusText}`)
+        );
+      }
       throw new Error(`API request failed: ${response.status.toString()} ${response.statusText}`);
     }
     options.captureHeaders?.(response.headers);
     return await response.json();
   } catch (error) {
     if (error instanceof TypeError) {
-      const message = error.message.toLowerCase();
-      const isNetworkError = message.includes("fetch") || message.includes("network") || message.includes("failed to fetch");
-      if (isNetworkError) {
-        throw new ConnectionError(ERROR_MESSAGES.CONNECTION_FAILED, error);
-      }
+      throw new ConnectionError(ERROR_MESSAGES.CONNECTION_FAILED, error);
     }
     if (error instanceof Error) {
       throw error;
@@ -18283,6 +18300,7 @@ function useThrottledItems(items, getId, catchUpIncrement = 10) {
 var PAGE_SIZE = 30;
 var useSpans = () => {
   const api = useAppInspectorApi();
+  const { reportDisabled } = useAppInspectorStatus();
   const [spans, setSpans] = (0, import_react52.useState)();
   const throttledSpans = useThrottledItems(spans, (span) => span.span_id);
   const [fetchError, setFetchError] = (0, import_react52.useState)();
@@ -18387,6 +18405,11 @@ var useSpans = () => {
   const clearFetchError = (0, import_react52.useCallback)(() => {
     setFetchError(void 0);
   }, []);
+  (0, import_react52.useEffect)(() => {
+    if (fetchError instanceof AppInspectorDisabledError || fetchError instanceof ConnectionError) {
+      reportDisabled();
+    }
+  }, [fetchError, reportDisabled]);
   return {
     clearFetchError,
     clearingSpans,
@@ -31362,7 +31385,12 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
       spansReference.current = spans;
     }
   }, [spans, setSelectedEvent, spanId]);
-  const { checkStatus, status, statusError } = useAppInspectorStatus();
+  const { checkStatus, reportDisabled, status, statusError } = useAppInspectorStatus();
+  (0, import_react68.useEffect)(() => {
+    if (fetchError instanceof AppInspectorDisabledError || fetchError instanceof ConnectionError) {
+      reportDisabled();
+    }
+  }, [fetchError, reportDisabled]);
   const handleEnable = (0, import_react68.useCallback)(async () => {
     await api.setStatus({ status: "ENABLED" });
     void checkStatus();