@localstack/appinspector-ui 1.0.144 → 1.0.145

package/dist/index.cjs

@@ -15284,13 +15284,14 @@ function parseIAMEvent(payloadString) {
 
 // src/components/cells/status-cell.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
-var StatusIcon = ({ errorLevel, spanStatusCode }) => {
+var StatusIcon = ({ errorLevel, operationStatus, spanStatusCode }) => {
   switch (errorLevel) {
     case ErrorLevel.ERROR: {
       return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons_material.Cancel, { sx: { color: "red" } });
     }
     case ErrorLevel.IAM_PERMISSION: {
-      return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons_material.GppBad, { sx: { color: spanStatusCode === 2 ? "red" : "warning.main" } });
+      const isDenial = operationStatus ? operationStatus === "iam_explicit_deny" || operationStatus === "iam_implicit_deny" : spanStatusCode === 2;
+      return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons_material.GppBad, { sx: { color: isDenial ? "red" : "warning.main" } });
     }
     case ErrorLevel.WARNING: {
       return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons_material.Error, { sx: { color: "orange" } });
@@ -15301,6 +15302,22 @@ var StatusIcon = ({ errorLevel, spanStatusCode }) => {
   }
 };
 var calculateHighestErrorLevel = (span) => {
+  if (span.operation_status) {
+    switch (span.operation_status) {
+      case "error": {
+        return ErrorLevel.ERROR;
+      }
+      case "iam_explicit_deny":
+      case "iam_explicit_warn":
+      case "iam_implicit_deny":
+      case "iam_implicit_warn": {
+        return ErrorLevel.IAM_PERMISSION;
+      }
+      default: {
+        return ErrorLevel.OK;
+      }
+    }
+  }
   const hasIamDenial = span.events.some((event) => {
     if (!event.event_type?.toLowerCase().includes("iam")) return false;
     if (typeof event.attributes?.payload !== "string") return false;
@@ -15344,7 +15361,7 @@ var buildTooltipContent = (span) => {
 var StatusIconWithTooltip = ({ span }) => {
   const errorLevel = calculateHighestErrorLevel(span);
   if (errorLevel !== ErrorLevel.ERROR && errorLevel !== ErrorLevel.IAM_PERMISSION) return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material4.Tooltip, { title: buildTooltipContent(span), children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material4.Box, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(StatusIcon, { errorLevel, spanStatusCode: span.status_code }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material4.Tooltip, { title: buildTooltipContent(span), children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material4.Box, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(StatusIcon, { errorLevel, operationStatus: span.operation_status, spanStatusCode: span.status_code }) }) });
 };
 
 // src/components/spans-list/span-count-badge.tsx
@@ -31760,14 +31777,16 @@ var ServiceNode = (0, import_react56.memo)(({ data, selected }) => {
   const theme = (0, import_material19.useTheme)();
   const [isHovered, setIsHovered] = (0, import_react56.useState)(false);
   const nodeRef = (0, import_react56.useRef)(null);
-  const isError = data.event.status_code === 2;
-  const hasPermissionEvents = (0, import_react56.useMemo)(
+  const { operation_status } = data.event;
+  const hasPermissionEventsLegacy = (0, import_react56.useMemo)(
     () => data.event.events.some(
       (event) => event.event_type === "iam.policy_evaluation" && event.name === "iam.policy.denied"
     ),
     [data.event.events]
   );
-  const isWarning = !isError && data.event.status_code === 1 && hasPermissionEvents;
+  const isError = operation_status ? operation_status === "error" || operation_status === "iam_explicit_deny" || operation_status === "iam_implicit_deny" : data.event.status_code === 2;
+  const isWarning = operation_status ? operation_status === "iam_explicit_warn" || operation_status === "iam_implicit_warn" : !isError && data.event.status_code === 1 && hasPermissionEventsLegacy;
+  const hasPermissionEvents = operation_status ? operation_status.startsWith("iam_") : hasPermissionEventsLegacy;
   const outlineColor = isError ? theme.palette.error.main : isWarning ? theme.palette.warning.main : void 0;
   const sharedBoxSx = {
     backgroundColor: theme.palette.background.paper,