@localstack/appinspector-ui 1.0.184 → 1.0.186

package/dist/index.js

@@ -2422,7 +2422,7 @@ var init_event_streams = __esm({
 
 // src/pages/spans-list-page.tsx
 import { Box as Box22, Paper as Paper2 } from "@mui/material";
-import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo14, useRef as useRef19, useState as useState22 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo13, useRef as useRef19, useState as useState22 } from "react";
 
 // src/api/errors.ts
 var AppInspectorDisabledError = class extends Error {
@@ -2500,9 +2500,6 @@ var EVENT_DETAILS_ACCOUNT_TEST_ID = "event-details-account";
 var EVENT_DETAILS_REGION_TEST_ID = "event-details-region";
 var EVENT_DETAILS_START_TIME_TEST_ID = "event-details-start-time";
 var EVENT_DETAILS_DURATION_TEST_ID = "event-details-duration";
-var EVENT_DETAILS_SPAN_ID_TEST_ID = "event-details-span-id";
-var EVENT_DETAILS_TRACE_ID_TEST_ID = "event-details-trace-id";
-var EVENT_DETAILS_REQUEST_ID_TEST_ID = "event-details-request-id";
 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";
@@ -13117,6 +13114,12 @@ var ResponsiveTimestampCell = memo3(({ date }) => {
   return /* @__PURE__ */ jsx3("span", { "data-testid": TIMESTAMP_CELL_TEST_ID, style: { display: "inline-block", width: "100%" }, children: formattedTime });
 });
 
+// src/dev-settings.tsx
+import * as React5 from "react";
+var DEFAULT_DEV_SETTINGS = { requestTerms: "on", warningIcon: "iam shield", waterfallIssueBackgrounds: "on", waterfallLayout: "tree", waterfallStatusIcons: "first column" };
+var DevSettingsContext = React5.createContext(DEFAULT_DEV_SETTINGS);
+var useDevSettings = () => React5.useContext(DevSettingsContext);
+
 // src/utils/query.ts
 var EXTERNAL_PRODUCER = "external";
 var QUERY_KEYS = ["service", "producer", "status", "op", "resource", "client", "region", "account", "dur", "trace"];
@@ -13774,7 +13777,7 @@ var SERVICE_NAME = {
 };
 
 // src/components/aws-service-icon/icons/account.svg
-import * as React5 from "react";
+import * as React6 from "react";
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var SvgAccount = (props) => /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx5("title", { children: "Icon-Architecture-Group/32/AWS-Account_32" }),
@@ -13786,7 +13789,7 @@ var SvgAccount = (props) => /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3
 var account_default = SvgAccount;
 
 // src/components/aws-service-icon/icons/acm-pca.svg
-import * as React6 from "react";
+import * as React7 from "react";
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var SvgAcmPca = (props) => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx6("title", { children: "Icon-Architecture/64/Arch_AWS-Private-Certificate-Authority_64" }),
@@ -13798,7 +13801,7 @@ var SvgAcmPca = (props) => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.
 var acm_pca_default = SvgAcmPca;
 
 // src/components/aws-service-icon/icons/acm.svg
-import * as React7 from "react";
+import * as React8 from "react";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var SvgAcm = (props) => /* @__PURE__ */ jsxs4("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx7("title", { children: "Icon-Architecture/32/Arch_AWS-Certificate-Manager_32" }),
@@ -13810,7 +13813,7 @@ var SvgAcm = (props) => /* @__PURE__ */ jsxs4("svg", { xmlns: "http://www.w3.org
 var acm_default = SvgAcm;
 
 // src/components/aws-service-icon/icons/amplify.svg
-import * as React8 from "react";
+import * as React9 from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var SvgAmplify = (props) => /* @__PURE__ */ jsxs5("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx8("title", { children: "Icon-Architecture/64/Arch_AWS-Amplify-Console_64" }),
@@ -13822,7 +13825,7 @@ var SvgAmplify = (props) => /* @__PURE__ */ jsxs5("svg", { xmlns: "http://www.w3
 var amplify_default = SvgAmplify;
 
 // src/components/aws-service-icon/icons/apigateway.svg
-import * as React9 from "react";
+import * as React10 from "react";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var SvgApigateway = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx9("title", { children: "Icon-Architecture/64/Arch_ Amazon-API-Gateway_64" }),
@@ -13834,7 +13837,7 @@ var SvgApigateway = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www
 var apigateway_default = SvgApigateway;
 
 // src/components/aws-service-icon/icons/apigatewaymanagementapi.svg
-import * as React10 from "react";
+import * as React11 from "react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var SvgApigatewaymanagementapi = (props) => /* @__PURE__ */ jsxs7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx10("title", { children: "Icon-Architecture/64/Arch_ Amazon-API-Gateway_64" }),
@@ -13846,7 +13849,7 @@ var SvgApigatewaymanagementapi = (props) => /* @__PURE__ */ jsxs7("svg", { xmlns
 var apigatewaymanagementapi_default = SvgApigatewaymanagementapi;
 
 // src/components/aws-service-icon/icons/apigatewayv2.svg
-import * as React11 from "react";
+import * as React12 from "react";
 import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var SvgApigatewayv2 = (props) => /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx11("title", { children: "Icon-Architecture/64/Arch_ Amazon-API-Gateway_64" }),
@@ -13858,7 +13861,7 @@ var SvgApigatewayv2 = (props) => /* @__PURE__ */ jsxs8("svg", { xmlns: "http://w
 var apigatewayv2_default = SvgApigatewayv2;
 
 // src/components/aws-service-icon/icons/appconfig.svg
-import * as React12 from "react";
+import * as React13 from "react";
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var SvgAppconfig = (props) => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx12("title", { children: "Icon-Architecture/64/Arch_AWS-App-Config_64" }),
@@ -13870,7 +13873,7 @@ var SvgAppconfig = (props) => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.
 var appconfig_default = SvgAppconfig;
 
 // src/components/aws-service-icon/icons/application-autoscaling.svg
-import * as React13 from "react";
+import * as React14 from "react";
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var SvgApplicationAutoscaling = (props) => /* @__PURE__ */ jsxs10("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx13("title", { children: "Icon-Architecture/16/Arch_AWS-Auto-Scaling_16" }),
@@ -13882,7 +13885,7 @@ var SvgApplicationAutoscaling = (props) => /* @__PURE__ */ jsxs10("svg", { xmlns
 var application_autoscaling_default = SvgApplicationAutoscaling;
 
 // src/components/aws-service-icon/icons/appsync.svg
-import * as React14 from "react";
+import * as React15 from "react";
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var SvgAppsync = (props) => /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx14("title", { children: "Icon-Architecture/64/Arch_AWS-AppSync_64" }),
@@ -13894,7 +13897,7 @@ var SvgAppsync = (props) => /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w
 var appsync_default = SvgAppsync;
 
 // src/components/aws-service-icon/icons/athena.svg
-import * as React15 from "react";
+import * as React16 from "react";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var SvgAthena = (props) => /* @__PURE__ */ jsxs12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx15("title", { children: "Icon-Architecture/64/Arch_Amazon-Athena_64" }),
@@ -13906,7 +13909,7 @@ var SvgAthena = (props) => /* @__PURE__ */ jsxs12("svg", { xmlns: "http://www.w3
 var athena_default = SvgAthena;
 
 // src/components/aws-service-icon/icons/autoscaling.svg
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var SvgAutoscaling = (props) => /* @__PURE__ */ jsxs13("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx16("title", { children: "Icon-Architecture/16/Arch_AWS-Auto-Scaling_16" }),
@@ -13918,7 +13921,7 @@ var SvgAutoscaling = (props) => /* @__PURE__ */ jsxs13("svg", { xmlns: "http://w
 var autoscaling_default = SvgAutoscaling;
 
 // src/components/aws-service-icon/icons/backup.svg
-import * as React17 from "react";
+import * as React18 from "react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var SvgBackup = (props) => /* @__PURE__ */ jsxs14("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx17("title", { children: "Icon-Architecture/64/Arch_AWS-Backup_64" }),
@@ -13930,7 +13933,7 @@ var SvgBackup = (props) => /* @__PURE__ */ jsxs14("svg", { xmlns: "http://www.w3
 var backup_default = SvgBackup;
 
 // src/components/aws-service-icon/icons/batch.svg
-import * as React18 from "react";
+import * as React19 from "react";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var SvgBatch = (props) => /* @__PURE__ */ jsxs15("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx18("title", { children: "Icon-Architecture/64/Arch_AWS-Batch_64" }),
@@ -13942,7 +13945,7 @@ var SvgBatch = (props) => /* @__PURE__ */ jsxs15("svg", { xmlns: "http://www.w3.
 var batch_default = SvgBatch;
 
 // src/components/aws-service-icon/icons/bedrock.svg
-import * as React19 from "react";
+import * as React20 from "react";
 import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var SvgBedrock = (props) => /* @__PURE__ */ jsxs16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx19("title", { children: "Icon-Architecture/64/Arch_Amazon-Bedrock_64" }),
@@ -13954,7 +13957,7 @@ var SvgBedrock = (props) => /* @__PURE__ */ jsxs16("svg", { xmlns: "http://www.w
 var bedrock_default = SvgBedrock;
 
 // src/components/aws-service-icon/icons/ce.svg
-import * as React20 from "react";
+import * as React21 from "react";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var SvgCe = (props) => /* @__PURE__ */ jsxs17("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx20("title", { children: "Icon-Architecture/16/Arch_AWS-Cost-Explorer_16" }),
@@ -13966,7 +13969,7 @@ var SvgCe = (props) => /* @__PURE__ */ jsxs17("svg", { xmlns: "http://www.w3.org
 var ce_default = SvgCe;
 
 // src/components/aws-service-icon/icons/cloudcontrol.svg
-import * as React21 from "react";
+import * as React22 from "react";
 import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var SvgCloudcontrol = (props) => /* @__PURE__ */ jsxs18("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx21("title", { children: "Icon-Architecture/64/Arch_AWS-Cloud-Control-API_64" }),
@@ -13978,7 +13981,7 @@ var SvgCloudcontrol = (props) => /* @__PURE__ */ jsxs18("svg", { xmlns: "http://
 var cloudcontrol_default = SvgCloudcontrol;
 
 // src/components/aws-service-icon/icons/cloudformation.svg
-import * as React22 from "react";
+import * as React23 from "react";
 import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var SvgCloudformation = (props) => /* @__PURE__ */ jsxs19("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx22("title", { children: "Icon-Architecture/64/Arch_AWS-CloudFormation_64" }),
@@ -13990,7 +13993,7 @@ var SvgCloudformation = (props) => /* @__PURE__ */ jsxs19("svg", { xmlns: "http:
 var cloudformation_default = SvgCloudformation;
 
 // src/components/aws-service-icon/icons/cloudfront.svg
-import * as React23 from "react";
+import * as React24 from "react";
 import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var SvgCloudfront = (props) => /* @__PURE__ */ jsxs20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx23("title", { children: "Icon-Architecture/64/Arch_Amazon-CloudFront_64" }),
@@ -14002,7 +14005,7 @@ var SvgCloudfront = (props) => /* @__PURE__ */ jsxs20("svg", { xmlns: "http://ww
 var cloudfront_default = SvgCloudfront;
 
 // src/components/aws-service-icon/icons/cloudtrail.svg
-import * as React24 from "react";
+import * as React25 from "react";
 import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var SvgCloudtrail = (props) => /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx24("title", { children: "Icon-Architecture/64/Arch_AWS-Cloud-Trail_64" }),
@@ -14014,7 +14017,7 @@ var SvgCloudtrail = (props) => /* @__PURE__ */ jsxs21("svg", { xmlns: "http://ww
 var cloudtrail_default = SvgCloudtrail;
 
 // src/components/aws-service-icon/icons/cloudwatch.svg
-import * as React25 from "react";
+import * as React26 from "react";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var SvgCloudwatch = (props) => /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx25("title", { children: "Icon-Architecture/64/Arch_Amazon-CloudWatch_64" }),
@@ -14026,7 +14029,7 @@ var SvgCloudwatch = (props) => /* @__PURE__ */ jsxs22("svg", { xmlns: "http://ww
 var cloudwatch_default = SvgCloudwatch;
 
 // src/components/aws-service-icon/icons/codeartifact.svg
-import * as React26 from "react";
+import * as React27 from "react";
 import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var SvgCodeartifact = (props) => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx26("title", { children: "Icon-Architecture/64/Arch_AWS-CodeArtifact_64" }),
@@ -14038,7 +14041,7 @@ var SvgCodeartifact = (props) => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://
 var codeartifact_default = SvgCodeartifact;
 
 // src/components/aws-service-icon/icons/codebuild.svg
-import * as React27 from "react";
+import * as React28 from "react";
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var SvgCodebuild = (props) => /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx27("title", { children: "Icon-Architecture/64/Arch_AWS-CodeBuild_64" }),
@@ -14050,7 +14053,7 @@ var SvgCodebuild = (props) => /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www
 var codebuild_default = SvgCodebuild;
 
 // src/components/aws-service-icon/icons/codecommit.svg
-import * as React28 from "react";
+import * as React29 from "react";
 import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var SvgCodecommit = (props) => /* @__PURE__ */ jsxs25("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx28("title", { children: "Icon-Architecture/64/Arch_AWS-CodeCommit_64" }),
@@ -14062,7 +14065,7 @@ var SvgCodecommit = (props) => /* @__PURE__ */ jsxs25("svg", { xmlns: "http://ww
 var codecommit_default = SvgCodecommit;
 
 // src/components/aws-service-icon/icons/codeconnections.svg
-import * as React29 from "react";
+import * as React30 from "react";
 import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var SvgCodeconnections = (props) => /* @__PURE__ */ jsxs26("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx29("title", { children: "Icon-Architecture/64/Arch_AWS-CodeStar_64" }),
@@ -14074,7 +14077,7 @@ var SvgCodeconnections = (props) => /* @__PURE__ */ jsxs26("svg", { xmlns: "http
 var codeconnections_default = SvgCodeconnections;
 
 // src/components/aws-service-icon/icons/codedeploy.svg
-import * as React30 from "react";
+import * as React31 from "react";
 import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var SvgCodedeploy = (props) => /* @__PURE__ */ jsxs27("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx30("title", { children: "Icon-Architecture/64/Arch_AWS-CodeDeploy_64" }),
@@ -14086,7 +14089,7 @@ var SvgCodedeploy = (props) => /* @__PURE__ */ jsxs27("svg", { xmlns: "http://ww
 var codedeploy_default = SvgCodedeploy;
 
 // src/components/aws-service-icon/icons/codepipeline.svg
-import * as React31 from "react";
+import * as React32 from "react";
 import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 var SvgCodepipeline = (props) => /* @__PURE__ */ jsxs28("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx31("title", { children: "Icon-Architecture/64/Arch_AWS-CodePipeline_64" }),
@@ -14098,7 +14101,7 @@ var SvgCodepipeline = (props) => /* @__PURE__ */ jsxs28("svg", { xmlns: "http://
 var codepipeline_default = SvgCodepipeline;
 
 // src/components/aws-service-icon/icons/codestar-connections.svg
-import * as React32 from "react";
+import * as React33 from "react";
 import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 var SvgCodestarConnections = (props) => /* @__PURE__ */ jsxs29("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx32("title", { children: "Icon-Architecture/64/Arch_AWS-CodeStar_64" }),
@@ -14110,7 +14113,7 @@ var SvgCodestarConnections = (props) => /* @__PURE__ */ jsxs29("svg", { xmlns: "
 var codestar_connections_default = SvgCodestarConnections;
 
 // src/components/aws-service-icon/icons/cognito-identity.svg
-import * as React33 from "react";
+import * as React34 from "react";
 import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 var SvgCognitoIdentity = (props) => /* @__PURE__ */ jsxs30("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx33("title", { children: "Icon-Architecture/64/Arch_Amazon-Cognito_64" }),
@@ -14122,7 +14125,7 @@ var SvgCognitoIdentity = (props) => /* @__PURE__ */ jsxs30("svg", { xmlns: "http
 var cognito_identity_default = SvgCognitoIdentity;
 
 // src/components/aws-service-icon/icons/cognito-idp.svg
-import * as React34 from "react";
+import * as React35 from "react";
 import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 var SvgCognitoIdp = (props) => /* @__PURE__ */ jsxs31("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx34("title", { children: "Icon-Architecture/64/Arch_Amazon-Cognito_64" }),
@@ -14134,7 +14137,7 @@ var SvgCognitoIdp = (props) => /* @__PURE__ */ jsxs31("svg", { xmlns: "http://ww
 var cognito_idp_default = SvgCognitoIdp;
 
 // src/components/aws-service-icon/icons/config.svg
-import * as React35 from "react";
+import * as React36 from "react";
 import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 var SvgConfig = (props) => /* @__PURE__ */ jsxs32("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx35("title", { children: "Icon-Architecture/16/Arch_AWS-Config_16" }),
@@ -14146,7 +14149,7 @@ var SvgConfig = (props) => /* @__PURE__ */ jsxs32("svg", { xmlns: "http://www.w3
 var config_default = SvgConfig;
 
 // src/components/aws-service-icon/icons/dms.svg
-import * as React36 from "react";
+import * as React37 from "react";
 import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 var SvgDms = (props) => /* @__PURE__ */ jsxs33("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx36("title", { children: "Icon-Architecture/64/Arch_AWS-Database-Migration-Service_64" }),
@@ -14158,7 +14161,7 @@ var SvgDms = (props) => /* @__PURE__ */ jsxs33("svg", { xmlns: "http://www.w3.or
 var dms_default = SvgDms;
 
 // src/components/aws-service-icon/icons/docdb.svg
-import * as React37 from "react";
+import * as React38 from "react";
 import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
 var SvgDocdb = (props) => /* @__PURE__ */ jsxs34("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx37("title", { children: "Icon-Architecture/16/Arch_Amazon-DocumentDB_16" }),
@@ -14170,7 +14173,7 @@ var SvgDocdb = (props) => /* @__PURE__ */ jsxs34("svg", { xmlns: "http://www.w3.
 var docdb_default = SvgDocdb;
 
 // src/components/aws-service-icon/icons/dynamodb.svg
-import * as React38 from "react";
+import * as React39 from "react";
 import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 var SvgDynamodb = (props) => /* @__PURE__ */ jsxs35("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx38("title", { children: "Icon-Architecture/64/Arch_Amazon-DynamoDB_64" }),
@@ -14182,7 +14185,7 @@ var SvgDynamodb = (props) => /* @__PURE__ */ jsxs35("svg", { xmlns: "http://www.
 var dynamodb_default = SvgDynamodb;
 
 // src/components/aws-service-icon/icons/dynamodbstreams.svg
-import * as React39 from "react";
+import * as React40 from "react";
 import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
 var SvgDynamodbstreams = (props) => /* @__PURE__ */ jsxs36("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx39("title", { children: "Icon-Architecture/64/Arch_Amazon-DynamoDB_64" }),
@@ -14194,7 +14197,7 @@ var SvgDynamodbstreams = (props) => /* @__PURE__ */ jsxs36("svg", { xmlns: "http
 var dynamodbstreams_default = SvgDynamodbstreams;
 
 // src/components/aws-service-icon/icons/ec2.svg
-import * as React40 from "react";
+import * as React41 from "react";
 import { jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
 var SvgEc2 = (props) => /* @__PURE__ */ jsxs37("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx40("title", { children: "Icon-Architecture/64/Arch_Amazon-EC2_64" }),
@@ -14206,7 +14209,7 @@ var SvgEc2 = (props) => /* @__PURE__ */ jsxs37("svg", { xmlns: "http://www.w3.or
 var ec2_default = SvgEc2;
 
 // src/components/aws-service-icon/icons/ecr.svg
-import * as React41 from "react";
+import * as React42 from "react";
 import { jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
 var SvgEcr = (props) => /* @__PURE__ */ jsxs38("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx41("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Container-Registry_64" }),
@@ -14218,7 +14221,7 @@ var SvgEcr = (props) => /* @__PURE__ */ jsxs38("svg", { xmlns: "http://www.w3.or
 var ecr_default = SvgEcr;
 
 // src/components/aws-service-icon/icons/ecs.svg
-import * as React42 from "react";
+import * as React43 from "react";
 import { jsx as jsx42, jsxs as jsxs39 } from "react/jsx-runtime";
 var SvgEcs = (props) => /* @__PURE__ */ jsxs39("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx42("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Container-Service_64" }),
@@ -14230,7 +14233,7 @@ var SvgEcs = (props) => /* @__PURE__ */ jsxs39("svg", { xmlns: "http://www.w3.or
 var ecs_default = SvgEcs;
 
 // src/components/aws-service-icon/icons/efs.svg
-import * as React43 from "react";
+import * as React44 from "react";
 import { jsx as jsx43, jsxs as jsxs40 } from "react/jsx-runtime";
 var SvgEfs = (props) => /* @__PURE__ */ jsxs40("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx43("title", { children: "Icon-Architecture/16/Arch_Amazon-Elastic-File-System_16" }),
@@ -14242,7 +14245,7 @@ var SvgEfs = (props) => /* @__PURE__ */ jsxs40("svg", { xmlns: "http://www.w3.or
 var efs_default = SvgEfs;
 
 // src/components/aws-service-icon/icons/eks.svg
-import * as React44 from "react";
+import * as React45 from "react";
 import { jsx as jsx44, jsxs as jsxs41 } from "react/jsx-runtime";
 var SvgEks = (props) => /* @__PURE__ */ jsxs41("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx44("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Container-Kubernetes_64" }),
@@ -14254,7 +14257,7 @@ var SvgEks = (props) => /* @__PURE__ */ jsxs41("svg", { xmlns: "http://www.w3.or
 var eks_default = SvgEks;
 
 // src/components/aws-service-icon/icons/elasticache.svg
-import * as React45 from "react";
+import * as React46 from "react";
 import { jsx as jsx45, jsxs as jsxs42 } from "react/jsx-runtime";
 var SvgElasticache = (props) => /* @__PURE__ */ jsxs42("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx45("title", { children: "Icon-Architecture/64/Arch_Amazon-ElastiCache_64" }),
@@ -14266,7 +14269,7 @@ var SvgElasticache = (props) => /* @__PURE__ */ jsxs42("svg", { xmlns: "http://w
 var elasticache_default = SvgElasticache;
 
 // src/components/aws-service-icon/icons/elasticbeanstalk.svg
-import * as React46 from "react";
+import * as React47 from "react";
 import { jsx as jsx46, jsxs as jsxs43 } from "react/jsx-runtime";
 var SvgElasticbeanstalk = (props) => /* @__PURE__ */ jsxs43("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx46("title", { children: "Icon-Architecture/16/Arch_AWS-Elastic-Beanstalk_16" }),
@@ -14278,7 +14281,7 @@ var SvgElasticbeanstalk = (props) => /* @__PURE__ */ jsxs43("svg", { xmlns: "htt
 var elasticbeanstalk_default = SvgElasticbeanstalk;
 
 // src/components/aws-service-icon/icons/elasticsearch.svg
-import * as React47 from "react";
+import * as React48 from "react";
 import { jsx as jsx47, jsxs as jsxs44 } from "react/jsx-runtime";
 var SvgElasticsearch = (props) => /* @__PURE__ */ jsxs44("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx47("title", { children: "Icon-Architecture/64/Arch_Amazon-Elasticsearch-Service_64" }),
@@ -14290,7 +14293,7 @@ var SvgElasticsearch = (props) => /* @__PURE__ */ jsxs44("svg", { xmlns: "http:/
 var elasticsearch_default = SvgElasticsearch;
 
 // src/components/aws-service-icon/icons/elastictranscoder.svg
-import * as React48 from "react";
+import * as React49 from "react";
 import { jsx as jsx48, jsxs as jsxs45 } from "react/jsx-runtime";
 var SvgElastictranscoder = (props) => /* @__PURE__ */ jsxs45("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx48("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Transcoder_64" }),
@@ -14302,7 +14305,7 @@ var SvgElastictranscoder = (props) => /* @__PURE__ */ jsxs45("svg", { xmlns: "ht
 var elastictranscoder_default = SvgElastictranscoder;
 
 // src/components/aws-service-icon/icons/elb.svg
-import * as React49 from "react";
+import * as React50 from "react";
 import { jsx as jsx49, jsxs as jsxs46 } from "react/jsx-runtime";
 var SvgElb = (props) => /* @__PURE__ */ jsxs46("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx49("title", { children: "Icon-Architecture/32/Arch_Elastic-Load-Balancing_32" }),
@@ -14314,7 +14317,7 @@ var SvgElb = (props) => /* @__PURE__ */ jsxs46("svg", { xmlns: "http://www.w3.or
 var elb_default = SvgElb;
 
 // src/components/aws-service-icon/icons/elbv2.svg
-import * as React50 from "react";
+import * as React51 from "react";
 import { jsx as jsx50, jsxs as jsxs47 } from "react/jsx-runtime";
 var SvgElbv2 = (props) => /* @__PURE__ */ jsxs47("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx50("title", { children: "Icon-Architecture/32/Arch_Elastic-Load-Balancing_32" }),
@@ -14326,7 +14329,7 @@ var SvgElbv2 = (props) => /* @__PURE__ */ jsxs47("svg", { xmlns: "http://www.w3.
 var elbv2_default = SvgElbv2;
 
 // src/components/aws-service-icon/icons/emr-serverless.svg
-import * as React51 from "react";
+import * as React52 from "react";
 import { jsx as jsx51, jsxs as jsxs48 } from "react/jsx-runtime";
 var SvgEmrServerless = (props) => /* @__PURE__ */ jsxs48("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx51("title", { children: "Icon-Architecture/64/Arch_Amazon-EMR_64" }),
@@ -14338,7 +14341,7 @@ var SvgEmrServerless = (props) => /* @__PURE__ */ jsxs48("svg", { xmlns: "http:/
 var emr_serverless_default = SvgEmrServerless;
 
 // src/components/aws-service-icon/icons/emr.svg
-import * as React52 from "react";
+import * as React53 from "react";
 import { jsx as jsx52, jsxs as jsxs49 } from "react/jsx-runtime";
 var SvgEmr = (props) => /* @__PURE__ */ jsxs49("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx52("title", { children: "Icon-Architecture/64/Arch_Amazon-EMR_64" }),
@@ -14350,7 +14353,7 @@ var SvgEmr = (props) => /* @__PURE__ */ jsxs49("svg", { xmlns: "http://www.w3.or
 var emr_default = SvgEmr;
 
 // src/components/aws-service-icon/icons/events.svg
-import * as React53 from "react";
+import * as React54 from "react";
 import { jsx as jsx53, jsxs as jsxs50 } from "react/jsx-runtime";
 var SvgEvents = (props) => /* @__PURE__ */ jsxs50("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx53("title", { children: "Icon-Architecture/64/Arch_Amazon-EventBridge_64" }),
@@ -14362,7 +14365,7 @@ var SvgEvents = (props) => /* @__PURE__ */ jsxs50("svg", { xmlns: "http://www.w3
 var events_default = SvgEvents;
 
 // src/components/aws-service-icon/icons/firehose.svg
-import * as React54 from "react";
+import * as React55 from "react";
 import { jsx as jsx54, jsxs as jsxs51 } from "react/jsx-runtime";
 var SvgFirehose = (props) => /* @__PURE__ */ jsxs51("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx54("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis-Firehose_64" }),
@@ -14374,7 +14377,7 @@ var SvgFirehose = (props) => /* @__PURE__ */ jsxs51("svg", { xmlns: "http://www.
 var firehose_default = SvgFirehose;
 
 // src/components/aws-service-icon/icons/fis.svg
-import * as React55 from "react";
+import * as React56 from "react";
 import { jsx as jsx55, jsxs as jsxs52 } from "react/jsx-runtime";
 var SvgFis = (props) => /* @__PURE__ */ jsxs52("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx55("title", { children: "Icon-Architecture/16/Arch_AWS-Valkyrie_16" }),
@@ -14386,7 +14389,7 @@ var SvgFis = (props) => /* @__PURE__ */ jsxs52("svg", { xmlns: "http://www.w3.or
 var fis_default = SvgFis;
 
 // src/components/aws-service-icon/icons/glacier.svg
-import * as React56 from "react";
+import * as React57 from "react";
 import { jsx as jsx56, jsxs as jsxs53 } from "react/jsx-runtime";
 var SvgGlacier = (props) => /* @__PURE__ */ jsxs53("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx56("title", { children: "Icon-Architecture/64/Arch_Amazon-Glacier_64" }),
@@ -14398,7 +14401,7 @@ var SvgGlacier = (props) => /* @__PURE__ */ jsxs53("svg", { xmlns: "http://www.w
 var glacier_default = SvgGlacier;
 
 // src/components/aws-service-icon/icons/glue.svg
-import * as React57 from "react";
+import * as React58 from "react";
 import { jsx as jsx57, jsxs as jsxs54 } from "react/jsx-runtime";
 var SvgGlue = (props) => /* @__PURE__ */ jsxs54("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx57("title", { children: "Icon-Architecture/64/Arch_AWS-Glue_64" }),
@@ -14410,7 +14413,7 @@ var SvgGlue = (props) => /* @__PURE__ */ jsxs54("svg", { xmlns: "http://www.w3.o
 var glue_default = SvgGlue;
 
 // src/components/aws-service-icon/icons/iam.svg
-import * as React58 from "react";
+import * as React59 from "react";
 import { jsx as jsx58, jsxs as jsxs55 } from "react/jsx-runtime";
 var SvgIam = (props) => /* @__PURE__ */ jsxs55("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx58("title", { children: "Icon-Architecture/64/Arch_AWS-Identity-and-Access-Management_64" }),
@@ -14422,7 +14425,7 @@ var SvgIam = (props) => /* @__PURE__ */ jsxs55("svg", { xmlns: "http://www.w3.or
 var iam_default = SvgIam;
 
 // src/components/aws-service-icon/icons/identitystore.svg
-import * as React59 from "react";
+import * as React60 from "react";
 import { jsx as jsx59, jsxs as jsxs56 } from "react/jsx-runtime";
 var SvgIdentitystore = (props) => /* @__PURE__ */ jsxs56("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx59("title", { children: "Icon-Architecture/64/Arch_AWS-IAM-Identity-Center_64" }),
@@ -14434,7 +14437,7 @@ var SvgIdentitystore = (props) => /* @__PURE__ */ jsxs56("svg", { xmlns: "http:/
 var identitystore_default = SvgIdentitystore;
 
 // src/components/aws-service-icon/icons/iot-data.svg
-import * as React60 from "react";
+import * as React61 from "react";
 import { jsx as jsx60, jsxs as jsxs57 } from "react/jsx-runtime";
 var SvgIotData = (props) => /* @__PURE__ */ jsxs57("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx60("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14446,7 +14449,7 @@ var SvgIotData = (props) => /* @__PURE__ */ jsxs57("svg", { xmlns: "http://www.w
 var iot_data_default = SvgIotData;
 
 // src/components/aws-service-icon/icons/iot.svg
-import * as React61 from "react";
+import * as React62 from "react";
 import { jsx as jsx61, jsxs as jsxs58 } from "react/jsx-runtime";
 var SvgIot = (props) => /* @__PURE__ */ jsxs58("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx61("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14458,7 +14461,7 @@ var SvgIot = (props) => /* @__PURE__ */ jsxs58("svg", { xmlns: "http://www.w3.or
 var iot_default = SvgIot;
 
 // src/components/aws-service-icon/icons/iotanalytics.svg
-import * as React62 from "react";
+import * as React63 from "react";
 import { jsx as jsx62, jsxs as jsxs59 } from "react/jsx-runtime";
 var SvgIotanalytics = (props) => /* @__PURE__ */ jsxs59("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx62("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14470,7 +14473,7 @@ var SvgIotanalytics = (props) => /* @__PURE__ */ jsxs59("svg", { xmlns: "http://
 var iotanalytics_default = SvgIotanalytics;
 
 // src/components/aws-service-icon/icons/iotwireless.svg
-import * as React63 from "react";
+import * as React64 from "react";
 import { jsx as jsx63, jsxs as jsxs60 } from "react/jsx-runtime";
 var SvgIotwireless = (props) => /* @__PURE__ */ jsxs60("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx63("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14482,7 +14485,7 @@ var SvgIotwireless = (props) => /* @__PURE__ */ jsxs60("svg", { xmlns: "http://w
 var iotwireless_default = SvgIotwireless;
 
 // src/components/aws-service-icon/icons/kafka.svg
-import * as React64 from "react";
+import * as React65 from "react";
 import { jsx as jsx64, jsxs as jsxs61 } from "react/jsx-runtime";
 var SvgKafka = (props) => /* @__PURE__ */ jsxs61("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx64("title", { children: "Icon-Architecture/16/Arch_Amazon-Managed-Streaming-for-Kafka_16" }),
@@ -14494,7 +14497,7 @@ var SvgKafka = (props) => /* @__PURE__ */ jsxs61("svg", { xmlns: "http://www.w3.
 var kafka_default = SvgKafka;
 
 // src/components/aws-service-icon/icons/kinesis.svg
-import * as React65 from "react";
+import * as React66 from "react";
 import { jsx as jsx65, jsxs as jsxs62 } from "react/jsx-runtime";
 var SvgKinesis = (props) => /* @__PURE__ */ jsxs62("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx65("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis_64" }),
@@ -14506,7 +14509,7 @@ var SvgKinesis = (props) => /* @__PURE__ */ jsxs62("svg", { xmlns: "http://www.w
 var kinesis_default = SvgKinesis;
 
 // src/components/aws-service-icon/icons/kinesisanalytics.svg
-import * as React66 from "react";
+import * as React67 from "react";
 import { jsx as jsx66, jsxs as jsxs63 } from "react/jsx-runtime";
 var SvgKinesisanalytics = (props) => /* @__PURE__ */ jsxs63("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx66("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis_64" }),
@@ -14518,7 +14521,7 @@ var SvgKinesisanalytics = (props) => /* @__PURE__ */ jsxs63("svg", { xmlns: "htt
 var kinesisanalytics_default = SvgKinesisanalytics;
 
 // src/components/aws-service-icon/icons/kinesisanalyticsv2.svg
-import * as React67 from "react";
+import * as React68 from "react";
 import { jsx as jsx67, jsxs as jsxs64 } from "react/jsx-runtime";
 var SvgKinesisanalyticsv2 = (props) => /* @__PURE__ */ jsxs64("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx67("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis_64" }),
@@ -14530,7 +14533,7 @@ var SvgKinesisanalyticsv2 = (props) => /* @__PURE__ */ jsxs64("svg", { xmlns: "h
 var kinesisanalyticsv2_default = SvgKinesisanalyticsv2;
 
 // src/components/aws-service-icon/icons/kms.svg
-import * as React68 from "react";
+import * as React69 from "react";
 import { jsx as jsx68, jsxs as jsxs65 } from "react/jsx-runtime";
 var SvgKms = (props) => /* @__PURE__ */ jsxs65("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx68("title", { children: "Icon-Architecture/64/Arch_AWS-Key-Management-Services_64" }),
@@ -14542,7 +14545,7 @@ var SvgKms = (props) => /* @__PURE__ */ jsxs65("svg", { xmlns: "http://www.w3.or
 var kms_default = SvgKms;
 
 // src/components/aws-service-icon/icons/lakeformation.svg
-import * as React69 from "react";
+import * as React70 from "react";
 import { jsx as jsx69, jsxs as jsxs66 } from "react/jsx-runtime";
 var SvgLakeformation = (props) => /* @__PURE__ */ jsxs66("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx69("title", { children: "Icon-Architecture/16/Arch_AWS-Lake-Formation_16" }),
@@ -14554,7 +14557,7 @@ var SvgLakeformation = (props) => /* @__PURE__ */ jsxs66("svg", { xmlns: "http:/
 var lakeformation_default = SvgLakeformation;
 
 // src/components/aws-service-icon/icons/lambda.svg
-import * as React70 from "react";
+import * as React71 from "react";
 import { jsx as jsx70, jsxs as jsxs67 } from "react/jsx-runtime";
 var SvgLambda = (props) => /* @__PURE__ */ jsxs67("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx70("title", { children: "Icon-Architecture/64/Arch_AWS-Lambda_64" }),
@@ -14566,7 +14569,7 @@ var SvgLambda = (props) => /* @__PURE__ */ jsxs67("svg", { xmlns: "http://www.w3
 var lambda_default = SvgLambda;
 
 // src/components/aws-service-icon/icons/logs.svg
-import * as React71 from "react";
+import * as React72 from "react";
 import { jsx as jsx71, jsxs as jsxs68 } from "react/jsx-runtime";
 var SvgLogs = (props) => /* @__PURE__ */ jsxs68("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx71("title", { children: "Icon-Architecture/64/Arch_Amazon-CloudWatch_64" }),
@@ -14578,7 +14581,7 @@ var SvgLogs = (props) => /* @__PURE__ */ jsxs68("svg", { xmlns: "http://www.w3.o
 var logs_default = SvgLogs;
 
 // src/components/aws-service-icon/icons/managedblockchain.svg
-import * as React72 from "react";
+import * as React73 from "react";
 import { jsx as jsx72, jsxs as jsxs69 } from "react/jsx-runtime";
 var SvgManagedblockchain = (props) => /* @__PURE__ */ jsxs69("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx72("title", { children: "Icon-Architecture/64/Arch_Amazon-Managed-Blockchain_64" }),
@@ -14590,7 +14593,7 @@ var SvgManagedblockchain = (props) => /* @__PURE__ */ jsxs69("svg", { xmlns: "ht
 var managedblockchain_default = SvgManagedblockchain;
 
 // src/components/aws-service-icon/icons/mediaconvert.svg
-import * as React73 from "react";
+import * as React74 from "react";
 import { jsx as jsx73, jsxs as jsxs70 } from "react/jsx-runtime";
 var SvgMediaconvert = (props) => /* @__PURE__ */ jsxs70("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx73("title", { children: "Icon-Architecture/64/Arch_AWS-Elemental-MediaConvert_64" }),
@@ -14602,7 +14605,7 @@ var SvgMediaconvert = (props) => /* @__PURE__ */ jsxs70("svg", { xmlns: "http://
 var mediaconvert_default = SvgMediaconvert;
 
 // src/components/aws-service-icon/icons/mediastore-data.svg
-import * as React74 from "react";
+import * as React75 from "react";
 import { jsx as jsx74, jsxs as jsxs71 } from "react/jsx-runtime";
 var SvgMediastoreData = (props) => /* @__PURE__ */ jsxs71("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx74("title", { children: "Icon-Architecture/16/Arch_AWS-Elemental-MediaStore_16" }),
@@ -14614,7 +14617,7 @@ var SvgMediastoreData = (props) => /* @__PURE__ */ jsxs71("svg", { xmlns: "http:
 var mediastore_data_default = SvgMediastoreData;
 
 // src/components/aws-service-icon/icons/mediastore.svg
-import * as React75 from "react";
+import * as React76 from "react";
 import { jsx as jsx75, jsxs as jsxs72 } from "react/jsx-runtime";
 var SvgMediastore = (props) => /* @__PURE__ */ jsxs72("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx75("title", { children: "Icon-Architecture/16/Arch_AWS-Elemental-MediaStore_16" }),
@@ -14626,7 +14629,7 @@ var SvgMediastore = (props) => /* @__PURE__ */ jsxs72("svg", { xmlns: "http://ww
 var mediastore_default = SvgMediastore;
 
 // src/components/aws-service-icon/icons/memorydb.svg
-import * as React76 from "react";
+import * as React77 from "react";
 import { jsx as jsx76, jsxs as jsxs73 } from "react/jsx-runtime";
 var SvgMemorydb = (props) => /* @__PURE__ */ jsxs73("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx76("title", { children: "Icon-Architecture/64/Arch_Amazon-MemoryDB-for-Redis_64" }),
@@ -14638,7 +14641,7 @@ var SvgMemorydb = (props) => /* @__PURE__ */ jsxs73("svg", { xmlns: "http://www.
 var memorydb_default = SvgMemorydb;
 
 // src/components/aws-service-icon/icons/mq.svg
-import * as React77 from "react";
+import * as React78 from "react";
 import { jsx as jsx77, jsxs as jsxs74 } from "react/jsx-runtime";
 var SvgMq = (props) => /* @__PURE__ */ jsxs74("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx77("title", { children: "Icon-Architecture/16/Arch_Amazon-MQ_16" }),
@@ -14650,7 +14653,7 @@ var SvgMq = (props) => /* @__PURE__ */ jsxs74("svg", { xmlns: "http://www.w3.org
 var mq_default = SvgMq;
 
 // src/components/aws-service-icon/icons/mwaa.svg
-import * as React78 from "react";
+import * as React79 from "react";
 import { jsx as jsx78, jsxs as jsxs75 } from "react/jsx-runtime";
 var SvgMwaa = (props) => /* @__PURE__ */ jsxs75("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx78("title", { children: "Icon-Architecture/16/Arch_CN-Pinwheel_16" }),
@@ -14662,7 +14665,7 @@ var SvgMwaa = (props) => /* @__PURE__ */ jsxs75("svg", { xmlns: "http://www.w3.o
 var mwaa_default = SvgMwaa;
 
 // src/components/aws-service-icon/icons/neptune.svg
-import * as React79 from "react";
+import * as React80 from "react";
 import { jsx as jsx79, jsxs as jsxs76 } from "react/jsx-runtime";
 var SvgNeptune = (props) => /* @__PURE__ */ jsxs76("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx79("title", { children: "Icon-Architecture/16/Arch_Amazon-Neptune_16" }),
@@ -14674,7 +14677,7 @@ var SvgNeptune = (props) => /* @__PURE__ */ jsxs76("svg", { xmlns: "http://www.w
 var neptune_default = SvgNeptune;
 
 // src/components/aws-service-icon/icons/opensearch.svg
-import * as React80 from "react";
+import * as React81 from "react";
 import { jsx as jsx80, jsxs as jsxs77 } from "react/jsx-runtime";
 var SvgOpensearch = (props) => /* @__PURE__ */ jsxs77("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx80("title", { children: "Icon-Architecture/64/Arch_Amazon-Elasticsearch-Service_64" }),
@@ -14686,7 +14689,7 @@ var SvgOpensearch = (props) => /* @__PURE__ */ jsxs77("svg", { xmlns: "http://ww
 var opensearch_default = SvgOpensearch;
 
 // src/components/aws-service-icon/icons/organizations.svg
-import * as React81 from "react";
+import * as React82 from "react";
 import { jsx as jsx81, jsxs as jsxs78 } from "react/jsx-runtime";
 var SvgOrganizations = (props) => /* @__PURE__ */ jsxs78("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx81("title", { children: "Icon-Architecture/16/Arch_AWS-Organizations_16" }),
@@ -14698,7 +14701,7 @@ var SvgOrganizations = (props) => /* @__PURE__ */ jsxs78("svg", { xmlns: "http:/
 var organizations_default = SvgOrganizations;
 
 // src/components/aws-service-icon/icons/pinpoint.svg
-import * as React82 from "react";
+import * as React83 from "react";
 import { jsx as jsx82, jsxs as jsxs79 } from "react/jsx-runtime";
 var SvgPinpoint = (props) => /* @__PURE__ */ jsxs79("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx82("title", { children: "Icon-Architecture/64/Arch_Amazon-Pinpoint-APIs_64" }),
@@ -14710,7 +14713,7 @@ var SvgPinpoint = (props) => /* @__PURE__ */ jsxs79("svg", { xmlns: "http://www.
 var pinpoint_default = SvgPinpoint;
 
 // src/components/aws-service-icon/icons/pipes.svg
-import * as React83 from "react";
+import * as React84 from "react";
 import { jsx as jsx83, jsxs as jsxs80 } from "react/jsx-runtime";
 var SvgPipes = (props) => /* @__PURE__ */ jsxs80("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx83("title", { children: "Icon-Architecture/64/Arch_Amazon-EventBridge_64" }),
@@ -14722,7 +14725,7 @@ var SvgPipes = (props) => /* @__PURE__ */ jsxs80("svg", { xmlns: "http://www.w3.
 var pipes_default = SvgPipes;
 
 // src/components/aws-service-icon/icons/qldb-session.svg
-import * as React84 from "react";
+import * as React85 from "react";
 import { jsx as jsx84, jsxs as jsxs81 } from "react/jsx-runtime";
 var SvgQldbSession = (props) => /* @__PURE__ */ jsxs81("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx84("title", { children: "Icon-Architecture/64/Arch_Amazon-Quantum-Ledger-Database_64" }),
@@ -14734,7 +14737,7 @@ var SvgQldbSession = (props) => /* @__PURE__ */ jsxs81("svg", { xmlns: "http://w
 var qldb_session_default = SvgQldbSession;
 
 // src/components/aws-service-icon/icons/qldb.svg
-import * as React85 from "react";
+import * as React86 from "react";
 import { jsx as jsx85, jsxs as jsxs82 } from "react/jsx-runtime";
 var SvgQldb = (props) => /* @__PURE__ */ jsxs82("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx85("title", { children: "Icon-Architecture/64/Arch_Amazon-Quantum-Ledger-Database_64" }),
@@ -14746,7 +14749,7 @@ var SvgQldb = (props) => /* @__PURE__ */ jsxs82("svg", { xmlns: "http://www.w3.o
 var qldb_default = SvgQldb;
 
 // src/components/aws-service-icon/icons/ram.svg
-import * as React86 from "react";
+import * as React87 from "react";
 import { jsx as jsx86, jsxs as jsxs83 } from "react/jsx-runtime";
 var SvgRam = (props) => /* @__PURE__ */ jsxs83("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx86("title", { children: "Icon-Architecture/64/Arch_AWS-Resource-Access-Manager_64" }),
@@ -14758,7 +14761,7 @@ var SvgRam = (props) => /* @__PURE__ */ jsxs83("svg", { xmlns: "http://www.w3.or
 var ram_default = SvgRam;
 
 // src/components/aws-service-icon/icons/rds-data.svg
-import * as React87 from "react";
+import * as React88 from "react";
 import { jsx as jsx87, jsxs as jsxs84 } from "react/jsx-runtime";
 var SvgRdsData = (props) => /* @__PURE__ */ jsxs84("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx87("title", { children: "Icon-Architecture/64/Arch_Amazon-RDS_64" }),
@@ -14770,7 +14773,7 @@ var SvgRdsData = (props) => /* @__PURE__ */ jsxs84("svg", { xmlns: "http://www.w
 var rds_data_default = SvgRdsData;
 
 // src/components/aws-service-icon/icons/rds.svg
-import * as React88 from "react";
+import * as React89 from "react";
 import { jsx as jsx88, jsxs as jsxs85 } from "react/jsx-runtime";
 var SvgRds = (props) => /* @__PURE__ */ jsxs85("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx88("title", { children: "Icon-Architecture/64/Arch_Amazon-RDS_64" }),
@@ -14782,7 +14785,7 @@ var SvgRds = (props) => /* @__PURE__ */ jsxs85("svg", { xmlns: "http://www.w3.or
 var rds_default = SvgRds;
 
 // src/components/aws-service-icon/icons/redshift-data.svg
-import * as React89 from "react";
+import * as React90 from "react";
 import { jsx as jsx89, jsxs as jsxs86 } from "react/jsx-runtime";
 var SvgRedshiftData = (props) => /* @__PURE__ */ jsxs86("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx89("title", { children: "Icon-Architecture/64/Arch_Amazon-Redshiftct_64" }),
@@ -14794,7 +14797,7 @@ var SvgRedshiftData = (props) => /* @__PURE__ */ jsxs86("svg", { xmlns: "http://
 var redshift_data_default = SvgRedshiftData;
 
 // src/components/aws-service-icon/icons/redshift.svg
-import * as React90 from "react";
+import * as React91 from "react";
 import { jsx as jsx90, jsxs as jsxs87 } from "react/jsx-runtime";
 var SvgRedshift = (props) => /* @__PURE__ */ jsxs87("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx90("title", { children: "Icon-Architecture/64/Arch_Amazon-Redshiftct_64" }),
@@ -14806,7 +14809,7 @@ var SvgRedshift = (props) => /* @__PURE__ */ jsxs87("svg", { xmlns: "http://www.
 var redshift_default = SvgRedshift;
 
 // src/components/aws-service-icon/icons/resource-groups.svg
-import * as React91 from "react";
+import * as React92 from "react";
 import { jsx as jsx91, jsxs as jsxs88 } from "react/jsx-runtime";
 var SvgResourceGroups = (props) => /* @__PURE__ */ jsxs88("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx91("title", { children: "Icon-Architecture/16/Arch_AWS-Service-Catalog_16" }),
@@ -14818,7 +14821,7 @@ var SvgResourceGroups = (props) => /* @__PURE__ */ jsxs88("svg", { xmlns: "http:
 var resource_groups_default = SvgResourceGroups;
 
 // src/components/aws-service-icon/icons/resourcegroupstaggingapi.svg
-import * as React92 from "react";
+import * as React93 from "react";
 import { jsx as jsx92, jsxs as jsxs89 } from "react/jsx-runtime";
 var SvgResourcegroupstaggingapi = (props) => /* @__PURE__ */ jsxs89("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx92("title", { children: "Icon-Architecture/16/Arch_AWS-Service-Catalog_16" }),
@@ -14830,7 +14833,7 @@ var SvgResourcegroupstaggingapi = (props) => /* @__PURE__ */ jsxs89("svg", { xml
 var resourcegroupstaggingapi_default = SvgResourcegroupstaggingapi;
 
 // src/components/aws-service-icon/icons/route53.svg
-import * as React93 from "react";
+import * as React94 from "react";
 import { jsx as jsx93, jsxs as jsxs90 } from "react/jsx-runtime";
 var SvgRoute53 = (props) => /* @__PURE__ */ jsxs90("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx93("title", { children: "Icon-Architecture/16/Arch_Amazon-Route-53_16" }),
@@ -14842,7 +14845,7 @@ var SvgRoute53 = (props) => /* @__PURE__ */ jsxs90("svg", { xmlns: "http://www.w
 var route53_default = SvgRoute53;
 
 // src/components/aws-service-icon/icons/route53resolver.svg
-import * as React94 from "react";
+import * as React95 from "react";
 import { jsx as jsx94, jsxs as jsxs91 } from "react/jsx-runtime";
 var SvgRoute53Resolver = (props) => /* @__PURE__ */ jsxs91("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx94("title", { children: "Icon-Architecture/16/Arch_Amazon-Route-53_16" }),
@@ -14854,7 +14857,7 @@ var SvgRoute53Resolver = (props) => /* @__PURE__ */ jsxs91("svg", { xmlns: "http
 var route53resolver_default = SvgRoute53Resolver;
 
 // src/components/aws-service-icon/icons/s3.svg
-import * as React95 from "react";
+import * as React96 from "react";
 import { jsx as jsx95, jsxs as jsxs92 } from "react/jsx-runtime";
 var SvgS3 = (props) => /* @__PURE__ */ jsxs92("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx95("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Storage-Service_64" }),
@@ -14866,7 +14869,7 @@ var SvgS3 = (props) => /* @__PURE__ */ jsxs92("svg", { xmlns: "http://www.w3.org
 var s3_default = SvgS3;
 
 // src/components/aws-service-icon/icons/s3control.svg
-import * as React96 from "react";
+import * as React97 from "react";
 import { jsx as jsx96, jsxs as jsxs93 } from "react/jsx-runtime";
 var SvgS3Control = (props) => /* @__PURE__ */ jsxs93("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx96("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Storage-Service_64" }),
@@ -14878,7 +14881,7 @@ var SvgS3Control = (props) => /* @__PURE__ */ jsxs93("svg", { xmlns: "http://www
 var s3control_default = SvgS3Control;
 
 // src/components/aws-service-icon/icons/sagemaker-runtime.svg
-import * as React97 from "react";
+import * as React98 from "react";
 import { jsx as jsx97, jsxs as jsxs94 } from "react/jsx-runtime";
 var SvgSagemakerRuntime = (props) => /* @__PURE__ */ jsxs94("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx97("title", { children: "Icon-Architecture/64/Arch_AWS-SageMaker_64" }),
@@ -14890,7 +14893,7 @@ var SvgSagemakerRuntime = (props) => /* @__PURE__ */ jsxs94("svg", { xmlns: "htt
 var sagemaker_runtime_default = SvgSagemakerRuntime;
 
 // src/components/aws-service-icon/icons/sagemaker.svg
-import * as React98 from "react";
+import * as React99 from "react";
 import { jsx as jsx98, jsxs as jsxs95 } from "react/jsx-runtime";
 var SvgSagemaker = (props) => /* @__PURE__ */ jsxs95("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx98("title", { children: "Icon-Architecture/64/Arch_AWS-SageMaker_64" }),
@@ -14902,7 +14905,7 @@ var SvgSagemaker = (props) => /* @__PURE__ */ jsxs95("svg", { xmlns: "http://www
 var sagemaker_default = SvgSagemaker;
 
 // src/components/aws-service-icon/icons/scheduler.svg
-import * as React99 from "react";
+import * as React100 from "react";
 import { jsx as jsx99, jsxs as jsxs96 } from "react/jsx-runtime";
 var SvgScheduler = (props) => /* @__PURE__ */ jsxs96("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 48 48", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx99("title", { children: "Icon-Resource/Application-Integration/Res_Amazon-EventBridge_Scheduler_48" }),
@@ -14911,7 +14914,7 @@ var SvgScheduler = (props) => /* @__PURE__ */ jsxs96("svg", { xmlns: "http://www
 var scheduler_default = SvgScheduler;
 
 // src/components/aws-service-icon/icons/secretsmanager.svg
-import * as React100 from "react";
+import * as React101 from "react";
 import { jsx as jsx100, jsxs as jsxs97 } from "react/jsx-runtime";
 var SvgSecretsmanager = (props) => /* @__PURE__ */ jsxs97("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx100("title", { children: "Icon-Architecture/64/Arch_AWS-Secrets-Manager_64" }),
@@ -14923,7 +14926,7 @@ var SvgSecretsmanager = (props) => /* @__PURE__ */ jsxs97("svg", { xmlns: "http:
 var secretsmanager_default = SvgSecretsmanager;
 
 // src/components/aws-service-icon/icons/serverlessrepo.svg
-import * as React101 from "react";
+import * as React102 from "react";
 import { jsx as jsx101, jsxs as jsxs98 } from "react/jsx-runtime";
 var SvgServerlessrepo = (props) => /* @__PURE__ */ jsxs98("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx101("title", { children: "Icon-Architecture/16/Arch_AWS-Serverless-Application-Repository_16" }),
@@ -14935,7 +14938,7 @@ var SvgServerlessrepo = (props) => /* @__PURE__ */ jsxs98("svg", { xmlns: "http:
 var serverlessrepo_default = SvgServerlessrepo;
 
 // src/components/aws-service-icon/icons/servicediscovery.svg
-import * as React102 from "react";
+import * as React103 from "react";
 import { jsx as jsx102, jsxs as jsxs99 } from "react/jsx-runtime";
 var SvgServicediscovery = (props) => /* @__PURE__ */ jsxs99("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx102("title", { children: "Icon-Architecture/16/Arch_AWS-Application-Discovery-Service_16" }),
@@ -14947,7 +14950,7 @@ var SvgServicediscovery = (props) => /* @__PURE__ */ jsxs99("svg", { xmlns: "htt
 var servicediscovery_default = SvgServicediscovery;
 
 // src/components/aws-service-icon/icons/ses.svg
-import * as React103 from "react";
+import * as React104 from "react";
 import { jsx as jsx103, jsxs as jsxs100 } from "react/jsx-runtime";
 var SvgSes = (props) => /* @__PURE__ */ jsxs100("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx103("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Email-Service_64" }),
@@ -14959,7 +14962,7 @@ var SvgSes = (props) => /* @__PURE__ */ jsxs100("svg", { xmlns: "http://www.w3.o
 var ses_default = SvgSes;
 
 // src/components/aws-service-icon/icons/sesv2.svg
-import * as React104 from "react";
+import * as React105 from "react";
 import { jsx as jsx104, jsxs as jsxs101 } from "react/jsx-runtime";
 var SvgSesv2 = (props) => /* @__PURE__ */ jsxs101("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx104("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Email-Service_64" }),
@@ -14971,7 +14974,7 @@ var SvgSesv2 = (props) => /* @__PURE__ */ jsxs101("svg", { xmlns: "http://www.w3
 var sesv2_default = SvgSesv2;
 
 // src/components/aws-service-icon/icons/shield.svg
-import * as React105 from "react";
+import * as React106 from "react";
 import { jsx as jsx105, jsxs as jsxs102 } from "react/jsx-runtime";
 var SvgShield = (props) => /* @__PURE__ */ jsxs102("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx105("title", { children: "Icon-Architecture/64/Arch_AWS-Shield_64" }),
@@ -14983,7 +14986,7 @@ var SvgShield = (props) => /* @__PURE__ */ jsxs102("svg", { xmlns: "http://www.w
 var shield_default = SvgShield;
 
 // src/components/aws-service-icon/icons/sns.svg
-import * as React106 from "react";
+import * as React107 from "react";
 import { jsx as jsx106, jsxs as jsxs103 } from "react/jsx-runtime";
 var SvgSns = (props) => /* @__PURE__ */ jsxs103("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx106("title", { children: "Icon-Architecture/64/Arch_AWS-Simple-Notification-Service_64" }),
@@ -14995,7 +14998,7 @@ var SvgSns = (props) => /* @__PURE__ */ jsxs103("svg", { xmlns: "http://www.w3.o
 var sns_default = SvgSns;
 
 // src/components/aws-service-icon/icons/sqs.svg
-import * as React107 from "react";
+import * as React108 from "react";
 import { jsx as jsx107, jsxs as jsxs104 } from "react/jsx-runtime";
 var SvgSqs = (props) => /* @__PURE__ */ jsxs104("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx107("title", { children: "Icon-Architecture/64/Arch_AWS-Simple-Queue-Service_64" }),
@@ -15007,7 +15010,7 @@ var SvgSqs = (props) => /* @__PURE__ */ jsxs104("svg", { xmlns: "http://www.w3.o
 var sqs_default = SvgSqs;
 
 // src/components/aws-service-icon/icons/ssm.svg
-import * as React108 from "react";
+import * as React109 from "react";
 import { jsx as jsx108, jsxs as jsxs105 } from "react/jsx-runtime";
 var SvgSsm = (props) => /* @__PURE__ */ jsxs105("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx108("title", { children: "Icon-Architecture/64/Arch_AWS-Systems-Manager_64" }),
@@ -15019,7 +15022,7 @@ var SvgSsm = (props) => /* @__PURE__ */ jsxs105("svg", { xmlns: "http://www.w3.o
 var ssm_default = SvgSsm;
 
 // src/components/aws-service-icon/icons/sso-admin.svg
-import * as React109 from "react";
+import * as React110 from "react";
 import { jsx as jsx109, jsxs as jsxs106 } from "react/jsx-runtime";
 var SvgSsoAdmin = (props) => /* @__PURE__ */ jsxs106("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx109("title", { children: "Icon-Architecture/64/Arch_AWS-IAM-Identity-Center_64" }),
@@ -15031,7 +15034,7 @@ var SvgSsoAdmin = (props) => /* @__PURE__ */ jsxs106("svg", { xmlns: "http://www
 var sso_admin_default = SvgSsoAdmin;
 
 // src/components/aws-service-icon/icons/stepfunctions.svg
-import * as React110 from "react";
+import * as React111 from "react";
 import { jsx as jsx110, jsxs as jsxs107 } from "react/jsx-runtime";
 var SvgStepfunctions = (props) => /* @__PURE__ */ jsxs107("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx110("title", { children: "Icon-Architecture/64/Arch_AWS-Step-Functions_64" }),
@@ -15043,7 +15046,7 @@ var SvgStepfunctions = (props) => /* @__PURE__ */ jsxs107("svg", { xmlns: "http:
 var stepfunctions_default = SvgStepfunctions;
 
 // src/components/aws-service-icon/icons/sts.svg
-import * as React111 from "react";
+import * as React112 from "react";
 import { jsx as jsx111, jsxs as jsxs108 } from "react/jsx-runtime";
 var SvgSts = (props) => /* @__PURE__ */ jsxs108("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 48 48", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx111("title", { children: "Icon-Resource/General-Resource/Res_SAML-token_48_Light" }),
@@ -15052,7 +15055,7 @@ var SvgSts = (props) => /* @__PURE__ */ jsxs108("svg", { xmlns: "http://www.w3.o
 var sts_default = SvgSts;
 
 // src/components/aws-service-icon/icons/support.svg
-import * as React112 from "react";
+import * as React113 from "react";
 import { jsx as jsx112, jsxs as jsxs109 } from "react/jsx-runtime";
 var SvgSupport = (props) => /* @__PURE__ */ jsxs109("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx112("title", { children: "Icon-Architecture/16/Arch_AWS-Support_16" }),
@@ -15064,7 +15067,7 @@ var SvgSupport = (props) => /* @__PURE__ */ jsxs109("svg", { xmlns: "http://www.
 var support_default = SvgSupport;
 
 // src/components/aws-service-icon/icons/swf.svg
-import * as React113 from "react";
+import * as React114 from "react";
 import { jsx as jsx113, jsxs as jsxs110 } from "react/jsx-runtime";
 var SvgSwf = (props) => /* @__PURE__ */ jsxs110("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx113("title", { children: "Icon-Architecture/16/Arch_AWS-Step-Functions_16" }),
@@ -15076,7 +15079,7 @@ var SvgSwf = (props) => /* @__PURE__ */ jsxs110("svg", { xmlns: "http://www.w3.o
 var swf_default = SvgSwf;
 
 // src/components/aws-service-icon/icons/textract.svg
-import * as React114 from "react";
+import * as React115 from "react";
 import { jsx as jsx114, jsxs as jsxs111 } from "react/jsx-runtime";
 var SvgTextract = (props) => /* @__PURE__ */ jsxs111("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx114("title", { children: "Icon-Architecture/64/Arch_Amazon-Textract_64" }),
@@ -15088,7 +15091,7 @@ var SvgTextract = (props) => /* @__PURE__ */ jsxs111("svg", { xmlns: "http://www
 var textract_default = SvgTextract;
 
 // src/components/aws-service-icon/icons/timestream-query.svg
-import * as React115 from "react";
+import * as React116 from "react";
 import { jsx as jsx115, jsxs as jsxs112 } from "react/jsx-runtime";
 var SvgTimestreamQuery = (props) => /* @__PURE__ */ jsxs112("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx115("title", { children: "Icon-Architecture/64/Arch_Amazon-Timestream_64" }),
@@ -15100,7 +15103,7 @@ var SvgTimestreamQuery = (props) => /* @__PURE__ */ jsxs112("svg", { xmlns: "htt
 var timestream_query_default = SvgTimestreamQuery;
 
 // src/components/aws-service-icon/icons/timestream-write.svg
-import * as React116 from "react";
+import * as React117 from "react";
 import { jsx as jsx116, jsxs as jsxs113 } from "react/jsx-runtime";
 var SvgTimestreamWrite = (props) => /* @__PURE__ */ jsxs113("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx116("title", { children: "Icon-Architecture/64/Arch_Amazon-Timestream_64" }),
@@ -15112,7 +15115,7 @@ var SvgTimestreamWrite = (props) => /* @__PURE__ */ jsxs113("svg", { xmlns: "htt
 var timestream_write_default = SvgTimestreamWrite;
 
 // src/components/aws-service-icon/icons/transcribe.svg
-import * as React117 from "react";
+import * as React118 from "react";
 import { jsx as jsx117, jsxs as jsxs114 } from "react/jsx-runtime";
 var SvgTranscribe = (props) => /* @__PURE__ */ jsxs114("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx117("title", { children: "Icon-Architecture/16/Arch_Amazon-Transcribe_16" }),
@@ -15124,7 +15127,7 @@ var SvgTranscribe = (props) => /* @__PURE__ */ jsxs114("svg", { xmlns: "http://w
 var transcribe_default = SvgTranscribe;
 
 // src/components/aws-service-icon/icons/transfer.svg
-import * as React118 from "react";
+import * as React119 from "react";
 import { jsx as jsx118, jsxs as jsxs115 } from "react/jsx-runtime";
 var SvgTransfer = (props) => /* @__PURE__ */ jsxs115("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx118("title", { children: "Icon-Architecture/16/Arch_AWS-Transfer-Family_16" }),
@@ -15136,7 +15139,7 @@ var SvgTransfer = (props) => /* @__PURE__ */ jsxs115("svg", { xmlns: "http://www
 var transfer_default = SvgTransfer;
 
 // src/components/aws-service-icon/icons/verifiedpermissions.svg
-import * as React119 from "react";
+import * as React120 from "react";
 import { jsx as jsx119, jsxs as jsxs116 } from "react/jsx-runtime";
 var SvgVerifiedpermissions = (props) => /* @__PURE__ */ jsxs116("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx119("title", { children: "Icon-Architecture/64/Arch_Amazon-Verified-Permissions_64" }),
@@ -15148,7 +15151,7 @@ var SvgVerifiedpermissions = (props) => /* @__PURE__ */ jsxs116("svg", { xmlns:
 var verifiedpermissions_default = SvgVerifiedpermissions;
 
 // src/components/aws-service-icon/icons/wafv2.svg
-import * as React120 from "react";
+import * as React121 from "react";
 import { jsx as jsx120, jsxs as jsxs117 } from "react/jsx-runtime";
 var SvgWafv2 = (props) => /* @__PURE__ */ jsxs117("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx120("title", { children: "Icon-Architecture/64/Arch_AWS-WAF_64" }),
@@ -15160,7 +15163,7 @@ var SvgWafv2 = (props) => /* @__PURE__ */ jsxs117("svg", { xmlns: "http://www.w3
 var wafv2_default = SvgWafv2;
 
 // src/components/aws-service-icon/icons/xray.svg
-import * as React121 from "react";
+import * as React122 from "react";
 import { jsx as jsx121, jsxs as jsxs118 } from "react/jsx-runtime";
 var SvgXray = (props) => /* @__PURE__ */ jsxs118("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ jsx121("title", { children: "Icon-Architecture/64/Arch_AWS-X-Ray_64" }),
@@ -15365,22 +15368,6 @@ ServiceCell.displayName = "ServiceCell";
 import { Cancel as Cancel2, Error as Error2, GppBad } from "@mui/icons-material";
 import { Box as Box3, Divider, Tooltip as Tooltip3, Typography as Typography3 } from "@mui/material";
 
-// src/types/error-levels.ts
-var ErrorLevel = {
-  ERROR: 3,
-  // General error
-  IAM_PERMISSION: 5,
-  // IAM permission issues
-  OK: 2,
-  // OK
-  // Standard OTEL status codes
-  UNSET: 1,
-  // Unset
-  // Extended custom levels
-  WARNING: 4
-  // Warning
-};
-
 // src/utils/iam-utils.ts
 function determinePermissionStatus(payload) {
   if (payload.explicit_deny_count && payload.explicit_deny_count > 0) {
@@ -15479,58 +15466,40 @@ var getIamSummary = (span) => {
   return { denials, level: void 0 };
 };
 
-// src/utils/error-level.ts
-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;
-      }
-    }
+// src/utils/span-issues.ts
+var firstText = (...values) => values.find((value) => !!value) ?? void 0;
+var OTEL_STATUS_ERROR = 2;
+var getIamDenials = (span) => span.events.flatMap((event) => {
+  if (!event.event_type?.toLowerCase().includes("iam") || typeof event.attributes?.payload !== "string") {
+    return [];
   }
-  const hasIamDenial = span.events.some((event) => {
-    if (!event.event_type?.toLowerCase().includes("iam")) return false;
-    if (typeof event.attributes?.payload !== "string") return false;
-    const parsed = parseIAMEvent(event.attributes.payload);
-    return parsed?.permission === "explicitly_denied" || parsed?.permission === "implicitly_denied";
-  });
-  if (hasIamDenial) return ErrorLevel.IAM_PERMISSION;
-  if (span.status_code === 2) return ErrorLevel.ERROR;
-  const hasErrorInErrors = span.errors?.some((error) => error.level === "error");
-  if (hasErrorInErrors) return ErrorLevel.ERROR;
-  const hasWarning = span.errors?.some((error) => error.level === "warning");
-  if (hasWarning) return ErrorLevel.WARNING;
-  return span.status_code || ErrorLevel.UNSET;
+  const permission = parseIAMEvent(event.attributes.payload)?.permission;
+  if (permission === "explicitly_denied") return ["explicit"];
+  if (permission === "implicitly_denied") return ["implicit"];
+  return [];
+});
+var getSpanIssues = (span) => {
+  const status = span.operation_status;
+  const iamDenied = status === "iam_explicit_deny" || status === "iam_implicit_deny";
+  const iamWarned = status === "iam_explicit_warn" || status === "iam_implicit_warn";
+  const errorMessages = (span.errors ?? []).filter((item) => item.level === "error");
+  const warningMessages = (span.errors ?? []).filter((item) => item.level === "warning");
+  const denials = getIamDenials(span);
+  const unenforcedDenial = !iamDenied && (denials.length > 0 || span.attributes?.["localstack.has_iam_deny_event"] === true);
+  const error = status === "error" || iamDenied || span.status_code === OTEL_STATUS_ERROR || errorMessages.length > 0;
+  const warning2 = iamWarned || warningMessages.length > 0 || unenforcedDenial;
+  const denialCount = unenforcedDenial ? Math.max(1, denials.length) : 0;
+  return {
+    error,
+    errorType: error ? firstText(span.status_message, errorMessages[0]?.message) ?? (iamDenied ? "AccessDenied" : "Error") : void 0,
+    warning: warning2,
+    warningCount: warning2 ? Math.max(1, warningMessages.length + denialCount) : 0,
+    warningType: warning2 ? firstText(warningMessages[0]?.message) ?? (unenforcedDenial ? `IAM ${denials[0] ?? "implicit"} deny` : iamWarned ? "IAM permission warning" : "Warning") : void 0
+  };
 };
 
 // src/components/cells/status-cell.tsx
 import { Fragment as Fragment2, jsx as jsx125, jsxs as jsxs120 } from "react/jsx-runtime";
-var StatusIcon = ({ errorLevel, operationStatus, spanStatusCode }) => {
-  switch (errorLevel) {
-    case ErrorLevel.ERROR: {
-      return /* @__PURE__ */ jsx125(Cancel2, { sx: { color: "red" } });
-    }
-    case ErrorLevel.IAM_PERMISSION: {
-      const isDenial = operationStatus ? operationStatus === "iam_explicit_deny" || operationStatus === "iam_implicit_deny" : spanStatusCode === 2;
-      return /* @__PURE__ */ jsx125(GppBad, { sx: { color: isDenial ? "red" : "warning.main" } });
-    }
-    case ErrorLevel.WARNING: {
-      return /* @__PURE__ */ jsx125(Error2, { sx: { color: "orange" } });
-    }
-    default: {
-      return /* @__PURE__ */ jsx125(Fragment2, {});
-    }
-  }
-};
 var SPAN_STATUS_LABELS = {
   0: "Unset",
   1: "OK",
@@ -15558,9 +15527,14 @@ var buildTooltipContent = (span) => {
   ] });
 };
 var StatusIconWithTooltip = ({ span }) => {
-  const errorLevel = calculateHighestErrorLevel(span);
-  if (errorLevel !== ErrorLevel.ERROR && errorLevel !== ErrorLevel.IAM_PERMISSION) return /* @__PURE__ */ jsx125(Fragment2, {});
-  return /* @__PURE__ */ jsx125(Tooltip3, { title: buildTooltipContent(span), children: /* @__PURE__ */ jsx125(Box3, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: /* @__PURE__ */ jsx125(StatusIcon, { errorLevel, operationStatus: span.operation_status, spanStatusCode: span.status_code }) }) });
+  const { warningIcon } = useDevSettings();
+  const { error, warning: warning2 } = getSpanIssues(span);
+  if (!error && !warning2) return /* @__PURE__ */ jsx125(Fragment2, {});
+  const iamLevel = getIamSummary(span).level;
+  return /* @__PURE__ */ jsx125(Tooltip3, { title: buildTooltipContent(span), children: /* @__PURE__ */ jsxs120(Box3, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: [
+    error && /* @__PURE__ */ jsx125(Box3, { "aria-label": "Error", role: "img", sx: { display: "flex" }, children: iamLevel === "error" ? /* @__PURE__ */ jsx125(GppBad, { sx: { color: "error.main" } }) : /* @__PURE__ */ jsx125(Cancel2, { sx: { color: "error.main" } }) }),
+    warning2 && /* @__PURE__ */ jsx125(Box3, { "aria-label": "Warning", role: "img", sx: { display: "flex" }, children: iamLevel === "warning" && warningIcon === "iam shield" ? /* @__PURE__ */ jsx125(GppBad, { sx: { color: "warning.main" } }) : /* @__PURE__ */ jsx125(Error2, { sx: { color: "warning.main" } }) })
+  ] }) });
 };
 
 // src/components/spans-list/span-count-badge.tsx
@@ -16085,6 +16059,7 @@ var SpansDataGrid = ({
     return compute.topLevelIds.map((spanId) => getSpan(spanId)).filter((span) => span !== void 0);
   }, [compute.topLevelIds, getSpan, spansLoaded]);
   const downstreamOf = useCallback2((spanId) => compute.rows[spanId]?.downstream, [compute.rows]);
+  const { requestTerms } = useDevSettings();
   const columns = useMemo4(() => [
     columnHelper.display({
       cell: (props) => /* @__PURE__ */ jsx128(StatusIconWithTooltip, { span: props.row.original }),
@@ -16149,11 +16124,11 @@ var SpansDataGrid = ({
     }),
     columnHelper.display({
       cell: (props) => /* @__PURE__ */ jsx128(DownstreamCell, { downstream: downstreamOf(props.row.original.span_id) }),
-      header: "Downstream",
+      header: requestTerms === "on" ? "Request details" : "Downstream",
       id: "downstream",
       size: 160
     })
-  ], [downstreamOf, onOrderChange, order2]);
+  ], [downstreamOf, onOrderChange, order2, requestTerms]);
   const table = useReactTable({
     columns,
     data: spans ?? [],
@@ -16776,38 +16751,6 @@ var getEventGroupsByType = (events) => {
   return groups;
 };
 
-// src/utils/span-issues.ts
-var firstText = (...values) => values.find((value) => !!value) ?? void 0;
-var OTEL_STATUS_ERROR = 2;
-var getIamDenials = (span) => span.events.flatMap((event) => {
-  if (!event.event_type?.toLowerCase().includes("iam") || typeof event.attributes?.payload !== "string") {
-    return [];
-  }
-  const permission = parseIAMEvent(event.attributes.payload)?.permission;
-  if (permission === "explicitly_denied") return ["explicit"];
-  if (permission === "implicitly_denied") return ["implicit"];
-  return [];
-});
-var getSpanIssues = (span) => {
-  const status = span.operation_status;
-  const iamDenied = status === "iam_explicit_deny" || status === "iam_implicit_deny";
-  const iamWarned = status === "iam_explicit_warn" || status === "iam_implicit_warn";
-  const errorMessages = (span.errors ?? []).filter((item) => item.level === "error");
-  const warningMessages = (span.errors ?? []).filter((item) => item.level === "warning");
-  const denials = getIamDenials(span);
-  const unenforcedDenial = !iamDenied && (denials.length > 0 || span.attributes?.["localstack.has_iam_deny_event"] === true);
-  const error = status === "error" || iamDenied || span.status_code === OTEL_STATUS_ERROR || errorMessages.length > 0;
-  const warning2 = iamWarned || warningMessages.length > 0 || unenforcedDenial;
-  const denialCount = unenforcedDenial ? Math.max(1, denials.length) : 0;
-  return {
-    error,
-    errorType: error ? firstText(span.status_message, errorMessages[0]?.message) ?? (iamDenied ? "AccessDenied" : "Error") : void 0,
-    warning: warning2,
-    warningCount: warning2 ? Math.max(1, warningMessages.length + denialCount) : 0,
-    warningType: warning2 ? firstText(warningMessages[0]?.message) ?? (unenforcedDenial ? `IAM ${denials[0] ?? "implicit"} deny` : iamWarned ? "IAM permission warning" : "Warning") : void 0
-  };
-};
-
 // src/utils/time.ts
 function unixNanoToDate(unixNanoString) {
   const milliseconds = unixNanoToMilliseconds(unixNanoString);
@@ -16856,7 +16799,7 @@ import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef8, useSt
 import { Cancel as Cancel4, CheckCircle, Error as Error3, Info, RemoveCircle } from "@mui/icons-material";
 import { Box as Box9 } from "@mui/material";
 import { jsx as jsx132 } from "react/jsx-runtime";
-var StatusIcon2 = ({ errorLevel }) => {
+var StatusIcon = ({ errorLevel }) => {
   switch (errorLevel) {
     case EventLevel.LevelError: {
       return /* @__PURE__ */ jsx132(Cancel4, { sx: { color: "red" } });
@@ -17016,7 +16959,7 @@ import { Box as Box13, useTheme as useTheme3 } from "@mui/material";
 var import_copy_to_clipboard = __toESM(require_copy_to_clipboard(), 1);
 import { jsx as jsx135, jsxs as jsxs128, Fragment as Fragment7 } from "react/jsx-runtime";
 import { Box as Box12, InputBase, NoSsr, SvgIcon, createTheme, ThemeProvider, Paper } from "@mui/material";
-import { createContext as createContext8, useContext as useContext14, useState as useState9, useRef as useRef7, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect11, memo as memo9 } from "react";
+import { createContext as createContext9, useContext as useContext15, useState as useState9, useRef as useRef7, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect11, memo as memo9 } from "react";
 import { create, useStore, createStore } from "zustand";
 function r(e2) {
   var t, f2, n = "";
@@ -17132,10 +17075,10 @@ var createJsonViewerStore = (props) => {
     };
   });
 };
-var JsonViewerStoreContext = createContext8(void 0);
+var JsonViewerStoreContext = createContext9(void 0);
 JsonViewerStoreContext.Provider;
 var useJsonViewerStore = (selector2, equalityFn) => {
-  const store = useContext14(JsonViewerStoreContext);
+  const store = useContext15(JsonViewerStoreContext);
   return useStore(store, selector2, equalityFn);
 };
 var useTextColor = () => {
@@ -18173,10 +18116,10 @@ var createTypeRegistryStore = () => {
     }
   }));
 };
-var TypeRegistryStoreContext = /* @__PURE__ */ createContext8(void 0);
+var TypeRegistryStoreContext = /* @__PURE__ */ createContext9(void 0);
 TypeRegistryStoreContext.Provider;
 var useTypeRegistryStore = (selector2, equalityFn) => {
-  const store = useContext14(TypeRegistryStoreContext);
+  const store = useContext15(TypeRegistryStoreContext);
   return useStore(store, selector2, equalityFn);
 };
 function matchTypeComponents(value, path, registry) {
@@ -18644,7 +18587,7 @@ function useThemeDetector() {
   return isDark;
 }
 function useSetIfNotUndefinedEffect(key, value) {
-  const { setState } = useContext14(JsonViewerStoreContext);
+  const { setState } = useContext15(JsonViewerStoreContext);
   useEffect11(() => {
     if (value !== void 0) {
       setState({
@@ -18658,7 +18601,7 @@ function useSetIfNotUndefinedEffect(key, value) {
   ]);
 }
 var JsonViewerInner = (props) => {
-  const { setState } = useContext14(JsonViewerStoreContext);
+  const { setState } = useContext15(JsonViewerStoreContext);
   useEffect11(() => {
     setState((state) => ({
       prevValue: state.value,
@@ -18957,7 +18900,7 @@ var EventDetail = ({
   const eventLevel = getEventLevelFromGroup(type);
   return /* @__PURE__ */ jsxs129(Box14, { children: [
     /* @__PURE__ */ jsxs129(Box14, { sx: { alignItems: "center", display: "flex", mb: 0.5 }, children: [
-      /* @__PURE__ */ jsx137(StatusIcon2, { errorLevel: eventLevel }),
+      /* @__PURE__ */ jsx137(StatusIcon, { errorLevel: eventLevel }),
       /* @__PURE__ */ jsx137(Typography10, { color: "text.secondary", sx: { fontWeight: 600, ml: 0.5 }, variant: "caption", children: displayText })
     ] }),
     /* @__PURE__ */ jsx137(Box14, { children: events.map((event) => /* @__PURE__ */ jsx137(Box14, { sx: { maxWidth: "100%", mb: 0.5 }, children: /* @__PURE__ */ jsx137(EventMessage, { event }) }, `${event.span_id}-${event.event_id}`)) })
@@ -28921,7 +28864,7 @@ import { Box as Box15, CircularProgress as CircularProgress3, Stack as Stack3, T
 import { useEffect as useEffect15, useMemo as useMemo9, useRef as useRef11, useState as useState12 } from "react";
 
 // src/context.tsx
-import { createContext as createContext10, useContext as useContext16 } from "react";
+import { createContext as createContext11, useContext as useContext17 } from "react";
 import { useCallback as useCallback6, useMemo as useMemo8 } from "react";
 
 // src/api/client.ts
@@ -29206,7 +29149,7 @@ var createApiClient = ({ localstackEndpoint }) => {
 };
 
 // src/hooks/status-provider.tsx
-import { createContext as createContext9, useContext as useContext15 } from "react";
+import { createContext as createContext10, useContext as useContext16 } from "react";
 
 // src/hooks/use-connection-state-machine.ts
 import { useCallback as useCallback5, useEffect as useEffect13, useRef as useRef9, useState as useState11 } from "react";
@@ -29292,13 +29235,13 @@ function useConnectionStateMachine() {
 
 // src/hooks/status-provider.tsx
 import { jsx as jsx138 } from "react/jsx-runtime";
-var AppInspectorStatusContext = createContext9(void 0);
+var AppInspectorStatusContext = createContext10(void 0);
 var StatusProvider = ({ children }) => {
   const value = useConnectionStateMachine();
   return /* @__PURE__ */ jsx138(AppInspectorStatusContext.Provider, { value, children });
 };
 var useAppInspectorStatus = () => {
-  const value = useContext15(AppInspectorStatusContext);
+  const value = useContext16(AppInspectorStatusContext);
   if (!value) {
     throw new Error("@localstack-studio/ui: useAppInspectorStatus must be used within a <StatusProvider> (rendered internally by <AppInspectorContextProvider>)");
   }
@@ -31216,9 +31159,9 @@ var AppInspectorTheme = ({ children }) => /* @__PURE__ */ jsx139(ThemeProvider2,
 
 // src/context.tsx
 import { Fragment as Fragment9, jsx as jsx140 } from "react/jsx-runtime";
-var AppInspectorContext = createContext10(void 0);
+var AppInspectorContext = createContext11(void 0);
 var useAppInspector = () => {
-  const context = useContext16(AppInspectorContext);
+  const context = useContext17(AppInspectorContext);
   if (!context) {
     throw new Error("@localstack-studio/ui: components must be used within a <AppInspectorContextProvider>");
   }
@@ -31548,10 +31491,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           ] }),
           eventGroups.errors && /* @__PURE__ */ jsx142(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
           eventGroups.warnings && /* @__PURE__ */ jsx142(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" }),
-          eventGroups.info && /* @__PURE__ */ jsx142(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" }),
-          /* @__PURE__ */ jsx142(Field, { label: "Span ID", testId: EVENT_DETAILS_SPAN_ID_TEST_ID, children: selectedEvent.span_id }),
-          /* @__PURE__ */ jsx142(Field, { label: "Trace ID", testId: EVENT_DETAILS_TRACE_ID_TEST_ID, children: selectedEvent.trace_id }),
-          requestId !== void 0 && /* @__PURE__ */ jsx142(Field, { label: "Request ID", testId: EVENT_DETAILS_REQUEST_ID_TEST_ID, children: requestId })
+          eventGroups.info && /* @__PURE__ */ jsx142(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" })
         ] }),
         activeTab === "request" && (requestPayload === void 0 ? /* @__PURE__ */ jsx142(EmptyTab, { children: "No request payload recorded." }) : /* @__PURE__ */ jsxs131(Fragment10, { children: [
           rawDataSwitch,
@@ -31597,20 +31537,21 @@ import { Background, MarkerType, MiniMap, Position as Position2, ReactFlow, useE
 import { useCallback as useCallback7, useEffect as useEffect16, useRef as useRef13, useState as useState15 } from "react";
 
 // src/components/trace-graph/service-node.tsx
-import { Cancel as Cancel6, GppBad as GppBad2 } from "@mui/icons-material";
+import { Cancel as Cancel6, Error as ErrorIcon4, GppBad as GppBad2 } from "@mui/icons-material";
 import { Box as Box17, Divider as Divider4, Stack as Stack5, Tooltip as Tooltip6, Typography as Typography13, useTheme as useTheme4 } from "@mui/material";
 import { Handle, Position } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import "react";
-import { memo as memo11, useMemo as useMemo11, useRef as useRef12, useState as useState14 } from "react";
+import { memo as memo11, useRef as useRef12, useState as useState14 } from "react";
 import { Fragment as Fragment11, jsx as jsx143, jsxs as jsxs132 } from "react/jsx-runtime";
 var handleStyle = {
   backgroundColor: "white",
   borderColor: "lightgray",
   opacity: 0
 };
-var NodeContent = ({ event, expanded, hasPermissionEvents, isError, isWarning }) => {
+var NodeContent = ({ event, expanded, iamLevel, issues }) => {
   const theme = useTheme4();
+  const { warningIcon } = useDevSettings();
   return /* @__PURE__ */ jsxs132(Fragment11, { children: [
     /* @__PURE__ */ jsx143(Handle, { position: Position.Left, style: handleStyle, type: "target" }),
     /* @__PURE__ */ jsx143(Handle, { position: Position.Right, style: handleStyle, type: "source" }),
@@ -31665,8 +31606,8 @@ var NodeContent = ({ event, expanded, hasPermissionEvents, isError, isWarning })
                 width: "38px"
               },
               children: [
-                (isError || isWarning) && hasPermissionEvents && /* @__PURE__ */ jsx143(Tooltip6, { arrow: true, title: "Permission denied", children: /* @__PURE__ */ jsx143(GppBad2, { sx: { color: isError ? theme.palette.error.main : theme.palette.warning.main, fontSize: "16px" } }) }),
-                isError && !hasPermissionEvents && /* @__PURE__ */ jsx143(Tooltip6, { arrow: true, title: "Error", children: /* @__PURE__ */ jsx143(Cancel6, { sx: { color: theme.palette.error.main, fontSize: "16px" } }) })
+                issues.error && /* @__PURE__ */ jsx143(Tooltip6, { arrow: true, title: issues.errorType, children: /* @__PURE__ */ jsx143(Box17, { "aria-label": "Error", role: "img", sx: { display: "flex" }, children: iamLevel === "error" ? /* @__PURE__ */ jsx143(GppBad2, { sx: { color: theme.palette.error.main, fontSize: "16px" } }) : /* @__PURE__ */ jsx143(Cancel6, { sx: { color: theme.palette.error.main, fontSize: "16px" } }) }) }),
+                issues.warning && /* @__PURE__ */ jsx143(Tooltip6, { arrow: true, title: issues.warningType, children: /* @__PURE__ */ jsx143(Box17, { "aria-label": "Warning", role: "img", sx: { display: "flex" }, children: iamLevel === "warning" && warningIcon === "iam shield" ? /* @__PURE__ */ jsx143(GppBad2, { sx: { color: theme.palette.warning.main, fontSize: "16px" } }) : /* @__PURE__ */ jsx143(ErrorIcon4, { sx: { color: theme.palette.warning.main, fontSize: "16px" } }) }) })
               ]
             }
           ),
@@ -31689,17 +31630,9 @@ var ServiceNode = memo11(({ data, selected }) => {
   const theme = useTheme4();
   const [isHovered, setIsHovered] = useState14(false);
   const nodeRef = useRef12(null);
-  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 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 issues = getSpanIssues(data.event);
+  const iamLevel = getIamSummary(data.event).level;
+  const outlineColor = issues.error ? theme.palette.error.main : issues.warning ? theme.palette.warning.main : void 0;
   const sharedBoxSx = {
     backgroundColor: theme.palette.background.paper,
     borderLeft: `3px solid ${outlineColor ?? "transparent"}`,
@@ -31708,7 +31641,7 @@ var ServiceNode = memo11(({ data, selected }) => {
     minWidth: 140,
     outline: selected ? `2px solid ${outlineColor ?? theme.palette.primary.main}` : `1px solid ${theme.palette.divider}`
   };
-  const contentProps = { event: data.event, hasPermissionEvents, isError, isWarning };
+  const contentProps = { event: data.event, iamLevel, issues };
   const handleMouseEnter = () => {
     setIsHovered(true);
     const xyNode = nodeRef.current?.closest(".react-flow__node");
@@ -32297,17 +32230,11 @@ var getTraceBounds = (spans) => {
 };
 
 // src/components/trace-panel/waterfall.tsx
-import { AccountTreeOutlined, Cancel as Cancel7, Error as ErrorIcon4, FormatListBulleted, KeyboardArrowDown as KeyboardArrowDown2, KeyboardArrowRight as KeyboardArrowRight2 } from "@mui/icons-material";
+import { AccountTreeOutlined, Cancel as Cancel7, Error as ErrorIcon5, FormatListBulleted, KeyboardArrowDown as KeyboardArrowDown2, KeyboardArrowRight as KeyboardArrowRight2 } from "@mui/icons-material";
 import { Box as Box19, ButtonBase, ToggleButton as ToggleButton2, ToggleButtonGroup as ToggleButtonGroup2, Typography as Typography14 } from "@mui/material";
 import { alpha as alpha5 } from "@mui/material/styles";
 import * as React124 from "react";
 
-// src/dev-settings.tsx
-import * as React123 from "react";
-var DEFAULT_DEV_SETTINGS = { waterfallIssueBackgrounds: "on", waterfallLayout: "tree", waterfallStatusIcons: "first column" };
-var DevSettingsContext = React123.createContext(DEFAULT_DEV_SETTINGS);
-var useDevSettings = () => React123.useContext(DevSettingsContext);
-
 // src/components/trace-panel/axis-ticks.ts
 var getAxisTicks = (durationMs, maxIntervals) => {
   if (durationMs <= 0 || maxIntervals < 1) return [0];
@@ -32387,7 +32314,7 @@ var flatten = (nodes2, collapsed, depth = 0, branches = [], parent) => nodes2.fl
 var flattenAll = (nodes2) => flatten(nodes2, /* @__PURE__ */ new Set()).map((row) => ({ ...row, branches: [], depth: 0, last: true })).toSorted((left, right) => compareNano(left.node.span.start_time_unix_nano, right.node.span.start_time_unix_nano));
 var StatusIcons = ({ error, warning: warning2 }) => /* @__PURE__ */ jsxs136(Fragment13, { children: [
   error && /* @__PURE__ */ jsx147(Cancel7, { sx: { color: "error.main", fontSize: 14 } }),
-  warning2 && /* @__PURE__ */ jsx147(ErrorIcon4, { sx: { color: "warning.main", fontSize: 14 } })
+  warning2 && /* @__PURE__ */ jsx147(ErrorIcon5, { sx: { color: "warning.main", fontSize: 14 } })
 ] });
 var Line = ({ height, left, top = 0, width = 1 }) => /* @__PURE__ */ jsx147(
   Box19,
@@ -32437,7 +32364,7 @@ var WaterfallAxis = ({ durationMs, flat, gridColumns: gridColumns2, onFlatChange
         /* @__PURE__ */ jsx147(Box19, { sx: { alignItems: "center", borderRight: 1, borderRightColor: "divider", display: "flex", gridColumn: "1 / 3", pl: "5px" }, children: onFlatChange && /* @__PURE__ */ jsxs136(
           ToggleButtonGroup2,
           {
-            "aria-label": "Waterfall layout",
+            "aria-label": "Operations layout",
             exclusive: true,
             onChange: (_event, value) => {
               if (value) onFlatChange(value === "list");
@@ -32694,6 +32621,7 @@ var KEYBOARD_STEP = 24;
 var WIDTH_STORAGE_KEY = "appinspector-trace-sidebar-width";
 var noop = () => void 0;
 var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans }) => {
+  const { requestTerms } = useDevSettings();
   const [storedWidth, setStoredWidth] = useLocalStorage(WIDTH_STORAGE_KEY, DEFAULT_WIDTH);
   const [view, setView] = React125.useState("waterfall");
   const sidebarRef = React125.useRef(null);
@@ -32786,7 +32714,7 @@ var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans
         ),
         /* @__PURE__ */ jsxs137(Box20, { sx: { alignItems: "center", borderBottom: 1, borderColor: "divider", display: "flex", gap: 1.5, px: 2, py: 1 }, children: [
           /* @__PURE__ */ jsxs137(Box20, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx148(Typography15, { color: "text.secondary", component: "div", sx: { lineHeight: 1.5 }, variant: "overline", children: "Trace root" }),
+            /* @__PURE__ */ jsx148(Typography15, { color: "text.secondary", component: "div", sx: { lineHeight: 1.5 }, variant: "overline", children: requestTerms === "on" ? "Request" : "Trace root" }),
             root2 && /* @__PURE__ */ jsxs137(Box20, { "data-testid": TRACE_SIDEBAR_ROOT_HEADING_TEST_ID, sx: { alignItems: "center", display: "flex", gap: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ jsx148(AwsServiceIcon, { hideTooltip: true, service: root2.service_name, size: "small" }),
               /* @__PURE__ */ jsx148(Typography15, { noWrap: true, sx: { flex: "0 1 auto", fontWeight: 600, minWidth: 0 }, title: root2.operation_name, variant: "subtitle1", children: root2.operation_name }),
@@ -32810,8 +32738,8 @@ var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans
               size: "small",
               value: view,
               children: [
-                /* @__PURE__ */ jsx148(ToggleButton3, { "data-testid": TRACE_SIDEBAR_WATERFALL_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "waterfall", children: "Waterfall" }),
-                /* @__PURE__ */ jsx148(ToggleButton3, { "data-testid": TRACE_SIDEBAR_MAP_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "map", children: "Map" })
+                /* @__PURE__ */ jsx148(ToggleButton3, { "data-testid": TRACE_SIDEBAR_WATERFALL_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "waterfall", children: "Operations" }),
+                /* @__PURE__ */ jsx148(ToggleButton3, { "data-testid": TRACE_SIDEBAR_MAP_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "map", children: "Flow" })
               ]
             }
           ),
@@ -33607,11 +33535,11 @@ var SpansListPage = () => {
     setSelectedSpanId(void 0);
   }, []);
   const rootSpanId = selectedSpanId === void 0 ? void 0 : compute.rows[selectedSpanId]?.rootSpanId;
-  const treeSpans = useMemo14(() => {
+  const treeSpans = useMemo13(() => {
     if (rootSpanId === void 0) return [];
     return Object.entries(compute.rows).filter(([, row]) => row.rootSpanId === rootSpanId).map(([spanId]) => getSpan(spanId)).filter((span) => span !== void 0);
   }, [compute.rows, getSpan, rootSpanId]);
-  const spanMatches = useMemo14(
+  const spanMatches = useMemo13(
     () => compute.queryActive ? (spanId) => compute.rows[spanId]?.matches ?? false : void 0,
     [compute]
   );