@localstack/appinspector-ui 1.0.91 → 1.0.92

package/dist/index.js

@@ -520,6 +520,7 @@ import {
   TableHead,
   TableRow,
   TableSortLabel,
+  Tooltip as Tooltip3,
   Typography as Typography3,
   useTheme as useTheme2
 } from "@mui/material";
@@ -10235,6 +10236,7 @@ var EVENT_DETAILS_REQUEST_PAYLOAD = "event-details-request-payload";
 var EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID = "event-details-response-payload";
 var EVENT_DETAILS_EXCEPTION_PAYLOAD_TEST_ID = "event-details-exception-payload";
 var EVENT_DETAILS_IAM_ERRORS_SUPPRESSED_TEST_ID = "event-details-iam-errors-suppressed";
+var IAM_ERROR_COUNT_TEST_ID = "iam-error-count";
 var SERVICE_NODE_TEST_ID = "service-node";
 var SERVICE_NODE_SERVICE_NAME_TEST_ID = "service-node-service-name";
 var SERVICE_NODE_OPERATION_NAME_TEST_ID = "service-node-operation-name";
@@ -12915,6 +12917,7 @@ var SpansDataGrid = ({
   fetchingForward,
   hasMoreBackward,
   hasMoreForward,
+  iamErrorCount,
   licenseLimit,
   onClearSpans,
   onFetchBackward,
@@ -13011,6 +13014,24 @@ var SpansDataGrid = ({
   return /* @__PURE__ */ jsxs121(Fragment4, { children: [
     /* @__PURE__ */ jsx126(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs121(Box4, { sx: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
       /* @__PURE__ */ jsx126(SpanCountBadge, { licenseLimit, systemLimit, totalCount, visibleCount: spans?.length }),
+      iamErrorCount !== void 0 && iamErrorCount > 0 && /* @__PURE__ */ jsxs121(Fragment4, { children: [
+        /* @__PURE__ */ jsx126(Typography3, { color: "text.disabled", sx: { mr: 0.5 }, variant: "body2", children: "\u2014" }),
+        /* @__PURE__ */ jsx126(Tooltip3, { title: "Number of IAM permission errors detected across all operations", children: /* @__PURE__ */ jsxs121(
+          Box4,
+          {
+            "data-testid": IAM_ERROR_COUNT_TEST_ID,
+            sx: { alignItems: "center", borderBottom: "1px dotted", borderColor: "error.main", cursor: "default", display: "flex", gap: 0.5, mb: "-1px" },
+            children: [
+              /* @__PURE__ */ jsx126(Typography3, { color: "error", variant: "body2", children: iamErrorCount.toLocaleString() }),
+              /* @__PURE__ */ jsxs121(Typography3, { color: "error", variant: "caption", children: [
+                "IAM",
+                " ",
+                iamErrorCount === 1 ? "error" : "errors"
+              ] })
+            ]
+          }
+        ) })
+      ] }),
       /* @__PURE__ */ jsx126(Box4, { sx: { flexGrow: 1 } }),
       /* @__PURE__ */ jsx126(
         FormControlLabel,
@@ -13142,6 +13163,7 @@ var SpansList = (props) => {
         fetchingForward: props.fetchingForward,
         hasMoreBackward: props.hasMoreBackward,
         hasMoreForward: props.hasMoreForward,
+        iamErrorCount: props.iamErrorCount,
         licenseLimit: props.licenseLimit,
         onClearSpans: props.onClearSpans,
         onFetchBackward: props.onFetchBackward,
@@ -14121,6 +14143,7 @@ var useSpans = () => {
       setTotalCount(response.pagination.total_count);
       setLicenseLimit(response.limits.span_count_limit_license);
       setSystemLimit(response.limits.span_count_limit_system);
+      setIamErrorCount(response.iam_error_count);
       return {
         hasMoreBackward: response.pagination.has_prev,
         hasMoreForward: response.pagination.has_next,
@@ -14152,6 +14175,7 @@ var useSpans = () => {
   const [totalCount, setTotalCount] = useState10();
   const [licenseLimit, setLicenseLimit] = useState10();
   const [systemLimit, setSystemLimit] = useState10();
+  const [iamErrorCount, setIamErrorCount] = useState10();
   const [hasMoreBackward, setHasMoreBackward] = useState10();
   const [hasMoreForward, setHasMoreForward] = useState10();
   const fetchForward = useCallback7(() => {
@@ -14216,6 +14240,7 @@ var useSpans = () => {
     fetchingForward,
     hasMoreBackward,
     hasMoreForward,
+    iamErrorCount,
     licenseLimit,
     spans: throttledSpans.items,
     status,
@@ -26712,7 +26737,7 @@ import { memo as memo11 } from "react";
 
 // src/components/trace-graph/problem-indicator.tsx
 import { Error as ErrorIcon2, Info as Info2, Warning as Warning2 } from "@mui/icons-material";
-import { Box as Box15, Tooltip as Tooltip3 } from "@mui/material";
+import { Box as Box15, Tooltip as Tooltip4 } from "@mui/material";
 import { useMemo as useMemo12 } from "react";
 import { jsx as jsx138 } from "react/jsx-runtime";
 var ProblemIndicator = ({ error }) => {
@@ -26742,7 +26767,7 @@ var ProblemIndicator = ({ error }) => {
       }
     }
   }, [error.level]);
-  return /* @__PURE__ */ jsx138(Tooltip3, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx138(Tooltip4, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ jsx138(
     Box15,
     {
       sx: {
@@ -27332,6 +27357,7 @@ var SpansListPage = () => {
     fetchingForward,
     hasMoreBackward,
     hasMoreForward,
+    iamErrorCount,
     licenseLimit,
     spans,
     status,
@@ -27392,6 +27418,7 @@ var SpansListPage = () => {
             fetchingForward,
             hasMoreBackward,
             hasMoreForward,
+            iamErrorCount,
             licenseLimit,
             onClearSpans: clearSpansSync,
             onFetchBackward: fetchBackward,