@localstack/appinspector-ui 1.0.144 → 1.0.146

package/dist/index.cjs

@@ -15112,7 +15112,7 @@ var ICONS_MAP = {
 };
 var AwsServiceIconBase = (0, import_react33.memo)((props) => {
   const Icon = ICONS_MAP[props.service];
-  return Icon ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { ...props }) : void 0;
+  return Icon ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { ...props }) : null;
 });
 var supportedServiceNames = Object.keys(ICONS_MAP);
 
@@ -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
@@ -16626,17 +16643,6 @@ var import_react44 = require("react");
 // src/api/client.ts
 var import_semver2 = __toESM(require_semver2(), 1);
 
-// src/utils/time.ts
-function unixNanoToDate(unixNanoString) {
-  const milliseconds = unixNanoToMilliseconds(unixNanoString);
-  if (!milliseconds) return void 0;
-  return new Date(milliseconds);
-}
-function unixNanoToMilliseconds(unixNanoString) {
-  if (!unixNanoString) return void 0;
-  return Number(BigInt(unixNanoString) / BigInt("1000000"));
-}
-
 // src/constants/error-messages.ts
 var ERROR_MESSAGES = {
   APP_INSPECTOR_DISABLED: "App Inspector is currently disabled.",
@@ -16690,6 +16696,17 @@ var createScopedLogger = (scope) => ({
   }
 });
 
+// src/utils/time.ts
+function unixNanoToDate(unixNanoString) {
+  const milliseconds = unixNanoToMilliseconds(unixNanoString);
+  if (!milliseconds) return void 0;
+  return new Date(milliseconds);
+}
+function unixNanoToMilliseconds(unixNanoString) {
+  if (!unixNanoString) return void 0;
+  return Number(BigInt(unixNanoString) / BigInt("1000000"));
+}
+
 // src/api/client.ts
 var apiLogger = createScopedLogger("API");
 var analyticsLogger = createScopedLogger("ANALYTICS");
@@ -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,