@localstack/appinspector-ui 1.0.144 → 1.0.146

package/dist/index.js

@@ -15128,7 +15128,7 @@ var ICONS_MAP = {
 };
 var AwsServiceIconBase = memo5((props) => {
   const Icon = ICONS_MAP[props.service];
-  return Icon ? /* @__PURE__ */ jsx121(Icon, { ...props }) : void 0;
+  return Icon ? /* @__PURE__ */ jsx121(Icon, { ...props }) : null;
 });
 var supportedServiceNames = Object.keys(ICONS_MAP);
 
@@ -15300,13 +15300,14 @@ function parseIAMEvent(payloadString) {
 
 // src/components/cells/status-cell.tsx
 import { Fragment as Fragment2, jsx as jsx124, jsxs as jsxs119 } from "react/jsx-runtime";
-var StatusIcon = ({ errorLevel, spanStatusCode }) => {
+var StatusIcon = ({ errorLevel, operationStatus, spanStatusCode }) => {
   switch (errorLevel) {
     case ErrorLevel.ERROR: {
       return /* @__PURE__ */ jsx124(Cancel, { sx: { color: "red" } });
     }
     case ErrorLevel.IAM_PERMISSION: {
-      return /* @__PURE__ */ jsx124(GppBad, { sx: { color: spanStatusCode === 2 ? "red" : "warning.main" } });
+      const isDenial = operationStatus ? operationStatus === "iam_explicit_deny" || operationStatus === "iam_implicit_deny" : spanStatusCode === 2;
+      return /* @__PURE__ */ jsx124(GppBad, { sx: { color: isDenial ? "red" : "warning.main" } });
     }
     case ErrorLevel.WARNING: {
       return /* @__PURE__ */ jsx124(Error2, { sx: { color: "orange" } });
@@ -15317,6 +15318,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;
@@ -15360,7 +15377,7 @@ var buildTooltipContent = (span) => {
 var StatusIconWithTooltip = ({ span }) => {
   const errorLevel = calculateHighestErrorLevel(span);
   if (errorLevel !== ErrorLevel.ERROR && errorLevel !== ErrorLevel.IAM_PERMISSION) return /* @__PURE__ */ jsx124(Fragment2, {});
-  return /* @__PURE__ */ jsx124(Tooltip2, { title: buildTooltipContent(span), children: /* @__PURE__ */ jsx124(Box2, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: /* @__PURE__ */ jsx124(StatusIcon, { errorLevel, spanStatusCode: span.status_code }) }) });
+  return /* @__PURE__ */ jsx124(Tooltip2, { title: buildTooltipContent(span), children: /* @__PURE__ */ jsx124(Box2, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: /* @__PURE__ */ jsx124(StatusIcon, { errorLevel, operationStatus: span.operation_status, spanStatusCode: span.status_code }) }) });
 };
 
 // src/components/spans-list/span-count-badge.tsx
@@ -16642,17 +16659,6 @@ import { useCallback as useCallback5, useMemo as useMemo5 } from "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.",
@@ -16706,6 +16712,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");
@@ -31776,14 +31793,16 @@ var ServiceNode = memo11(({ data, selected }) => {
   const theme = useTheme4();
   const [isHovered, setIsHovered] = useState17(false);
   const nodeRef = useRef14(null);
-  const isError = data.event.status_code === 2;
-  const hasPermissionEvents = useMemo11(
+  const { operation_status } = data.event;
+  const hasPermissionEventsLegacy = useMemo11(
     () => 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,