@localstack/appinspector-ui 1.0.107 → 1.0.109

package/dist/index.cjs

@@ -2484,7 +2484,8 @@ 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 ERROR_COUNT_TEST_ID = "error-count";
+var WARNING_COUNT_TEST_ID = "warning-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";
@@ -12262,6 +12263,138 @@ var ResponsiveTimestampCell = (0, import_react35.memo)(({ date, locale }) => {
 var import_material4 = require("@mui/material");
 var import_react40 = require("react");
 
+// src/utils/service-display-name.ts
+var SERVICE_DISPLAY_NAME = {
+  "account": "Account",
+  "acm": "Certificate Manager",
+  "acm-pca": "Private Certificate Authority",
+  "amplify": "Amplify",
+  "apigateway": "API Gateway",
+  "apigatewaymanagementapi": "API Gateway Management API",
+  "apigatewayv2": "API Gateway v2",
+  "appconfig": "AppConfig",
+  "appconfigdata": "AppConfig Data",
+  "application-autoscaling": "Application Auto Scaling",
+  "appsync": "AppSync",
+  "athena": "Athena",
+  "autoscaling": "EC2 Auto Scaling",
+  "backup": "Backup",
+  "batch": "Batch",
+  "bedrock": "Bedrock",
+  "bedrock-runtime": "Bedrock Runtime",
+  "ce": "Cost Explorer",
+  "cloudcontrol": "Cloud Control API",
+  "cloudformation": "CloudFormation",
+  "cloudfront": "CloudFront",
+  "cloudtrail": "CloudTrail",
+  "cloudwatch": "CloudWatch",
+  "codeartifact": "CodeArtifact",
+  "codebuild": "CodeBuild",
+  "codecommit": "CodeCommit",
+  "codeconnections": "CodeConnections",
+  "codedeploy": "CodeDeploy",
+  "codepipeline": "CodePipeline",
+  "codestar-connections": "CodeStar Connections",
+  "cognito-identity": "Cognito Identity Pools",
+  "cognito-idp": "Cognito User Pools",
+  "config": "Config",
+  "dms": "Database Migration Service",
+  "docdb": "DocumentDB",
+  "dynamodb": "DynamoDB",
+  "dynamodbstreams": "DynamoDB Streams",
+  "ec2": "EC2",
+  "ecr": "ECR",
+  "ecs": "ECS",
+  "efs": "EFS",
+  "eks": "EKS",
+  "elasticache": "ElastiCache",
+  "elasticbeanstalk": "Elastic Beanstalk",
+  "elastictranscoder": "Elastic Transcoder",
+  "elb": "ELB",
+  "elbv2": "ELB v2",
+  "emr": "EMR",
+  "emr-serverless": "EMR Serverless",
+  "es": "OpenSearch Service",
+  "events": "EventBridge",
+  "firehose": "Firehose",
+  "fis": "Fault Injection Service",
+  "glacier": "Amazon Glacier",
+  "glue": "Glue",
+  "iam": "IAM",
+  "identitystore": "Identity Store",
+  "infrastructure": "Infrastructure",
+  "iot": "IoT",
+  "iot-data": "IoT Data",
+  "iotanalytics": "IoT Analytics",
+  "iotwireless": "IoT Wireless",
+  "kafka": "MSK",
+  "kinesis": "Kinesis Data Streams",
+  "kinesisanalytics": "Kinesis Data Analytics",
+  "kinesisanalyticsv2": "Managed Service for Apache Flink",
+  "kms": "KMS",
+  "lakeformation": "Lake Formation",
+  "lambda": "Lambda",
+  "logs": "CloudWatch Logs",
+  "managedblockchain": "Managed Blockchain",
+  "mediaconvert": "MediaConvert",
+  "mediastore": "Elemental MediaStore",
+  "mediastore-data": "Elemental MediaStore Data",
+  "memorydb": "MemoryDB",
+  "mq": "MQ",
+  "mwaa": "Managed Workflows for Apache Airflow",
+  "neptune": "Neptune",
+  "opensearch": "OpenSearch Service",
+  "organizations": "Organizations",
+  "pinpoint": "Pinpoint",
+  "pipes": "EventBridge Pipes",
+  "qldb": "QLDB",
+  "qldb-session": "QLDB Session",
+  "ram": "Resource Access Manager",
+  "rds": "RDS",
+  "rds-data": "RDS Data",
+  "redshift": "Redshift",
+  "redshift-data": "Redshift Data",
+  "resource-groups": "Resource Groups",
+  "resourcegroupstaggingapi": "Resource Groups Tagging API",
+  "route53": "Route 53",
+  "route53resolver": "Route 53 Resolver",
+  "s3": "S3",
+  "s3control": "S3 Control",
+  "sagemaker": "SageMaker AI",
+  "sagemaker-runtime": "SageMaker AI Runtime",
+  "scheduler": "EventBridge Scheduler",
+  "secretsmanager": "Secrets Manager",
+  "serverlessrepo": "Serverless Application Repository",
+  "servicediscovery": "Cloud Map",
+  "ses": "SES",
+  "sesv2": "SES v2",
+  "sfn": "Step Functions",
+  "shield": "Shield",
+  "sns": "SNS",
+  "sqs": "SQS",
+  "ssm": "Systems Manager",
+  "sso-admin": "IAM Identity Center",
+  "stepfunctions": "Step Functions",
+  "sts": "STS",
+  "support": "Support",
+  "swf": "SWF",
+  "textract": "Textract",
+  "timestream": "Timestream",
+  "timestream-query": "Timestream Query",
+  "timestream-write": "Timestream Write",
+  "transcribe": "Transcribe",
+  "transfer": "Transfer Family",
+  "translate": "Translate",
+  "verifiedpermissions": "Verified Permissions",
+  "waf": "WAF Classic",
+  "wafv2": "WAF",
+  "xray": "X-Ray"
+};
+var getServiceDisplayName = (code) => {
+  if (!code) return "";
+  return SERVICE_DISPLAY_NAME[code] ?? code;
+};
+
 // src/components/aws-service-icon/aws-service-icon.tsx
 var import_material2 = require("@mui/material");
 var import_react38 = require("react");
@@ -14684,8 +14817,9 @@ var ServiceCell = (0, import_react40.memo)(({
       import_material4.Typography,
       {
         sx: {
-          flexShrink: 0,
+          flexShrink: 1,
           fontWeight: "bold",
+          minWidth: 0,
           overflow: "hidden",
           padding: "1px 8px",
           textOverflow: "ellipsis",
@@ -14700,7 +14834,7 @@ var ServiceCell = (0, import_react40.memo)(({
           }
         },
         variant: "body2",
-        children: service
+        children: getServiceDisplayName(service)
       }
     ),
     resource ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
@@ -14932,11 +15066,11 @@ var SpansDataGridRow = (0, import_react42.memo)(
 );
 var SpansDataGrid = ({
   clearingSpans,
+  errorCount,
   fetchingBackward,
   fetchingForward,
   hasMoreBackward,
   hasMoreForward,
-  iamErrorCount,
   licenseLimit,
   onClearSpans,
   onFetchBackward,
@@ -14948,7 +15082,8 @@ var SpansDataGrid = ({
   spans,
   streamPaused,
   systemLimit,
-  totalCount
+  totalCount,
+  warningCount
 }) => {
   const columns = (0, import_react42.useMemo)(() => [
     columnHelper.accessor("startTime", {
@@ -15055,20 +15190,30 @@ var SpansDataGrid = ({
   return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Grid, { item: true, xs: 12, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_material6.Box, { sx: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpanCountBadge, { licenseLimit, systemLimit, totalCount, visibleCount: spans?.length }),
-      iamErrorCount !== void 0 && iamErrorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      errorCount !== void 0 && errorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Typography, { color: "text.disabled", sx: { mr: 0.5 }, variant: "body2", children: "\u2014" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Tooltip, { title: "Number of IAM permission errors detected across all operations", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Tooltip, { title: "Number of errors detected across all operations", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
           import_material6.Box,
           {
-            "data-testid": IAM_ERROR_COUNT_TEST_ID,
+            "data-testid": 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_runtime127.jsx)(import_material6.Typography, { color: "error", variant: "body2", children: iamErrorCount.toLocaleString() }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_material6.Typography, { color: "error", variant: "caption", children: [
-                "IAM",
-                " ",
-                iamErrorCount === 1 ? "error" : "errors"
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Typography, { color: "error", variant: "body2", children: errorCount.toLocaleString() }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Typography, { color: "error", variant: "caption", children: errorCount === 1 ? "error" : "errors" })
+            ]
+          }
+        ) })
+      ] }),
+      warningCount !== void 0 && warningCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Typography, { color: "text.disabled", sx: { mr: 0.5 }, variant: "body2", children: "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Tooltip, { title: "Number of warnings detected across all operations", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+          import_material6.Box,
+          {
+            "data-testid": WARNING_COUNT_TEST_ID,
+            sx: { alignItems: "center", borderBottom: "1px dotted", borderColor: "warning.main", cursor: "default", display: "flex", gap: 0.5, mb: "-1px" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Typography, { color: "warning.main", variant: "body2", children: warningCount.toLocaleString() }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Typography, { color: "warning.main", variant: "caption", children: warningCount === 1 ? "warning" : "warnings" })
             ]
           }
         ) })
@@ -15202,11 +15347,11 @@ var SpansList = (props) => {
       SpansDataGrid,
       {
         clearingSpans: props.clearingSpans,
+        errorCount: props.errorCount,
         fetchingBackward: props.fetchingBackward,
         fetchingForward: props.fetchingForward,
         hasMoreBackward: props.hasMoreBackward,
         hasMoreForward: props.hasMoreForward,
-        iamErrorCount: props.iamErrorCount,
         licenseLimit: props.licenseLimit,
         onClearSpans: props.onClearSpans,
         onFetchBackward: props.onFetchBackward,
@@ -15218,7 +15363,8 @@ var SpansList = (props) => {
         spans: props.spans,
         streamPaused: props.streamPaused,
         systemLimit: props.systemLimit,
-        totalCount: props.totalCount
+        totalCount: props.totalCount,
+        warningCount: props.warningCount
       }
     )
   ] });
@@ -18151,7 +18297,8 @@ 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);
+      setErrorCount(response.error_count);
+      setWarningCount(response.warning_count);
       return {
         hasMoreBackward: response.pagination.has_prev,
         hasMoreForward: response.pagination.has_next,
@@ -18183,7 +18330,8 @@ var useSpans = () => {
   const [totalCount, setTotalCount] = (0, import_react52.useState)();
   const [licenseLimit, setLicenseLimit] = (0, import_react52.useState)();
   const [systemLimit, setSystemLimit] = (0, import_react52.useState)();
-  const [iamErrorCount, setIamErrorCount] = (0, import_react52.useState)();
+  const [errorCount, setErrorCount] = (0, import_react52.useState)();
+  const [warningCount, setWarningCount] = (0, import_react52.useState)();
   const [hasMoreBackward, setHasMoreBackward] = (0, import_react52.useState)();
   const [hasMoreForward, setHasMoreForward] = (0, import_react52.useState)();
   const fetchForward = (0, import_react52.useCallback)(() => {
@@ -18239,6 +18387,7 @@ var useSpans = () => {
   return {
     clearingSpans,
     clearSpans,
+    errorCount,
     fetchBackward,
     fetchError,
     fetchForward,
@@ -18246,13 +18395,13 @@ var useSpans = () => {
     fetchingForward,
     hasMoreBackward,
     hasMoreForward,
-    iamErrorCount,
     licenseLimit,
     spans: throttledSpans.items,
     streamPaused,
     systemLimit,
     toggleStream,
-    totalCount
+    totalCount,
+    warningCount
   };
 };
 
@@ -30488,7 +30637,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
         /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 2, gridTemplateColumns: "1.3fr 1fr" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Service" }),
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_SERVICE_NAME_TEST_ID, variant: "body2", children: selectedEvent.service_name })
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_SERVICE_NAME_TEST_ID, variant: "body2", children: getServiceDisplayName(selectedEvent.service_name) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Action" }),
@@ -30732,7 +30881,7 @@ var ServiceNode = (0, import_react62.memo)(({ data, selected }) => {
                     noWrap: true,
                     sx: { fontWeight: 700, lineHeight: 1.25 },
                     variant: "body2",
-                    children: data.event.service_name
+                    children: getServiceDisplayName(data.event.service_name)
                   }
                 ),
                 data.event.resource_name != "" && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
@@ -31260,6 +31409,7 @@ var SpansListPage = () => {
   const {
     clearingSpans,
     clearSpans,
+    errorCount,
     fetchBackward,
     fetchError,
     fetchForward,
@@ -31267,13 +31417,13 @@ var SpansListPage = () => {
     fetchingForward,
     hasMoreBackward,
     hasMoreForward,
-    iamErrorCount,
     licenseLimit,
     spans,
     streamPaused,
     systemLimit,
     toggleStream,
-    totalCount
+    totalCount,
+    warningCount
   } = useSpans();
   const { checking, checkStatus, status, statusError } = useAppInspectorStatus();
   const clearSpansSync = (0, import_react69.useCallback)(() => {
@@ -31338,12 +31488,12 @@ var SpansListPage = () => {
             SpansList,
             {
               clearingSpans,
+              errorCount,
               fetchError,
               fetchingBackward,
               fetchingForward,
               hasMoreBackward,
               hasMoreForward,
-              iamErrorCount,
               licenseLimit,
               onClearSpans: clearSpansSync,
               onFetchBackward: fetchBackward,
@@ -31355,7 +31505,8 @@ var SpansListPage = () => {
               spans,
               streamPaused,
               systemLimit,
-              totalCount
+              totalCount,
+              warningCount
             }
           )
         ]