@localstack/appinspector-ui 1.0.90 → 1.0.92

package/dist/index.cjs

@@ -10223,6 +10223,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";
@@ -12903,6 +12904,7 @@ var SpansDataGrid = ({
   fetchingForward,
   hasMoreBackward,
   hasMoreForward,
+  iamErrorCount,
   licenseLimit,
   onClearSpans,
   onFetchBackward,
@@ -12999,6 +13001,24 @@ var SpansDataGrid = ({
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material5.Grid, { item: true, xs: 12, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_material5.Box, { sx: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SpanCountBadge, { licenseLimit, systemLimit, totalCount, visibleCount: spans?.length }),
+      iamErrorCount !== void 0 && iamErrorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material5.Typography, { color: "text.disabled", sx: { mr: 0.5 }, variant: "body2", children: "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material5.Tooltip, { title: "Number of IAM permission errors detected across all operations", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+          import_material5.Box,
+          {
+            "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__ */ (0, import_jsx_runtime126.jsx)(import_material5.Typography, { color: "error", variant: "body2", children: iamErrorCount.toLocaleString() }),
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_material5.Typography, { color: "error", variant: "caption", children: [
+                "IAM",
+                " ",
+                iamErrorCount === 1 ? "error" : "errors"
+              ] })
+            ]
+          }
+        ) })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material5.Box, { sx: { flexGrow: 1 } }),
       /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
         import_material5.FormControlLabel,
@@ -13130,6 +13150,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,
@@ -14109,6 +14130,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,
@@ -14140,6 +14162,7 @@ var useSpans = () => {
   const [totalCount, setTotalCount] = (0, import_react50.useState)();
   const [licenseLimit, setLicenseLimit] = (0, import_react50.useState)();
   const [systemLimit, setSystemLimit] = (0, import_react50.useState)();
+  const [iamErrorCount, setIamErrorCount] = (0, import_react50.useState)();
   const [hasMoreBackward, setHasMoreBackward] = (0, import_react50.useState)();
   const [hasMoreForward, setHasMoreForward] = (0, import_react50.useState)();
   const fetchForward = (0, import_react50.useCallback)(() => {
@@ -14204,6 +14227,7 @@ var useSpans = () => {
     fetchingForward,
     hasMoreBackward,
     hasMoreForward,
+    iamErrorCount,
     licenseLimit,
     spans: throttledSpans.items,
     status,
@@ -26515,12 +26539,13 @@ var EventDetails = ({ onClose, selectedEvent }) => {
       requestPayload.MessageBody = tryParseJson(requestPayload.MessageBody);
     }
   }
+  const isResponseSuppressed = selectedEvent.attributes?.["localstack.aws.service.response_suppressed"] === true;
   const responsePayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.response"]);
   if (parseNestedJson && isLambdaInvoke && responsePayload && typeof responsePayload === "object" && "Payload" in responsePayload) {
     responsePayload.Payload = tryParseJson(responsePayload.Payload);
   }
   const exceptionPayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.exception"]);
-  const hasPayloads = requestPayload !== void 0 || responsePayload !== void 0 || exceptionPayload !== void 0;
+  const hasPayloads = requestPayload !== void 0 || responsePayload !== void 0 || exceptionPayload !== void 0 || isResponseSuppressed;
   const duration = selectedEvent.end_time_unix_nano ? ((BigInt(selectedEvent.end_time_unix_nano) - BigInt(selectedEvent.start_time_unix_nano)) / BigInt("1000000")).toString() : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material15.Box, { "data-testid": EVENT_DETAILS_TEST_ID, sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
@@ -26626,9 +26651,9 @@ var EventDetails = ({ onClose, selectedEvent }) => {
                 /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Request" }),
                 /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(PayloadViewer, { testId: EVENT_DETAILS_REQUEST_PAYLOAD, value: requestPayload })
               ] }),
-              responsePayload !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material15.Box, { children: [
+              (responsePayload !== void 0 || isResponseSuppressed) && /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material15.Box, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Response" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(PayloadViewer, { testId: EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID, value: responsePayload })
+                isResponseSuppressed ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Box, { sx: { py: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Alert, { severity: "warning", sx: { mb: 1 }, children: "Response payload is available \u2014 upgrade your license to view" }) }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(PayloadViewer, { testId: EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID, value: responsePayload })
               ] }),
               exceptionPayload !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material15.Box, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Exception" }),
@@ -26672,7 +26697,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
 };
 var PayloadViewer = (0, import_react56.memo)(({ testId, value }) => {
   const theme = (0, import_material15.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Box, { "data-testid": testId, sx: { backgroundColor: "background.default", borderRadius: 1, fontSize: 12, overflow: "auto", p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Box, { "data-testid": testId, sx: { backgroundColor: "background.default", borderRadius: 1, fontSize: 12, overflow: "auto", py: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
     JsonViewer,
     {
       displayDataTypes: false,
@@ -27319,6 +27344,7 @@ var SpansListPage = () => {
     fetchingForward,
     hasMoreBackward,
     hasMoreForward,
+    iamErrorCount,
     licenseLimit,
     spans,
     status,
@@ -27379,6 +27405,7 @@ var SpansListPage = () => {
             fetchingForward,
             hasMoreBackward,
             hasMoreForward,
+            iamErrorCount,
             licenseLimit,
             onClearSpans: clearSpansSync,
             onFetchBackward: fetchBackward,