@localstack/appinspector-ui 1.0.183 → 1.0.185

package/dist/index.js

@@ -2490,6 +2490,8 @@ var EVENT_DETAILS_SECTION_BASIC_INFORMATION_TEST_ID = "event-details-section-bas
 var EVENT_DETAILS_SERVICE_NAME_TEST_ID = "event-details-service-name";
 var EVENT_DETAILS_OPERATION_NAME_TEST_ID = "event-details-operation-name";
 var EVENT_DETAILS_CLOSE_BUTTON_TEST_ID = "event-details-close-button";
+var EVENT_DETAILS_HEADING_TEST_ID = "event-details-heading";
+var EVENT_DETAILS_HEADING_DURATION_TEST_ID = "event-details-heading-duration";
 var EVENT_DETAILS_STATUS_TEST_ID = "event-details-status";
 var EVENT_DETAILS_RESOURCE_NAME_TEST_ID = "event-details-resource-name";
 var EVENT_DETAILS_RESOURCE_ARN_TEST_ID = "event-details-resource-arn";
@@ -2498,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";
@@ -2523,6 +2522,7 @@ var TRACE_SIDEBAR_TEST_ID = "trace-sidebar";
 var TRACE_SIDEBAR_RESIZE_HANDLE_TEST_ID = "trace-sidebar-resize-handle";
 var TRACE_SIDEBAR_WATERFALL_BUTTON_TEST_ID = "trace-sidebar-waterfall-button";
 var TRACE_SIDEBAR_MAP_BUTTON_TEST_ID = "trace-sidebar-map-button";
+var TRACE_SIDEBAR_ROOT_HEADING_TEST_ID = "trace-sidebar-root-heading";
 var WATERFALL_TEST_ID = "waterfall";
 var WATERFALL_ROW_TEST_ID = "waterfall-row";
 var WATERFALL_ROW_TOGGLE_TEST_ID = "waterfall-row-toggle";
@@ -13114,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", 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"];
@@ -13771,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" }),
@@ -13783,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" }),
@@ -13795,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" }),
@@ -13807,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" }),
@@ -13819,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" }),
@@ -13831,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" }),
@@ -13843,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" }),
@@ -13855,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" }),
@@ -13867,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" }),
@@ -13879,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" }),
@@ -13891,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" }),
@@ -13903,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" }),
@@ -13915,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" }),
@@ -13927,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" }),
@@ -13939,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" }),
@@ -13951,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" }),
@@ -13963,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" }),
@@ -13975,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" }),
@@ -13987,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" }),
@@ -13999,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" }),
@@ -14011,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" }),
@@ -14023,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" }),
@@ -14035,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" }),
@@ -14047,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" }),
@@ -14059,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" }),
@@ -14071,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" }),
@@ -14083,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" }),
@@ -14095,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" }),
@@ -14107,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" }),
@@ -14119,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" }),
@@ -14131,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" }),
@@ -14143,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" }),
@@ -14155,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" }),
@@ -14167,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" }),
@@ -14179,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" }),
@@ -14191,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" }),
@@ -14203,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" }),
@@ -14215,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" }),
@@ -14227,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" }),
@@ -14239,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" }),
@@ -14251,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" }),
@@ -14263,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" }),
@@ -14275,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" }),
@@ -14287,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" }),
@@ -14299,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" }),
@@ -14311,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" }),
@@ -14323,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" }),
@@ -14335,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" }),
@@ -14347,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" }),
@@ -14359,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" }),
@@ -14371,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" }),
@@ -14383,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" }),
@@ -14395,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" }),
@@ -14407,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" }),
@@ -14419,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" }),
@@ -14431,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" }),
@@ -14443,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" }),
@@ -14455,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" }),
@@ -14467,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" }),
@@ -14479,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" }),
@@ -14491,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" }),
@@ -14503,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" }),
@@ -14515,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" }),
@@ -14527,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" }),
@@ -14539,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" }),
@@ -14551,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" }),
@@ -14563,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" }),
@@ -14575,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" }),
@@ -14587,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" }),
@@ -14599,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" }),
@@ -14611,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" }),
@@ -14623,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" }),
@@ -14635,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" }),
@@ -14647,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" }),
@@ -14659,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" }),
@@ -14671,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" }),
@@ -14683,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" }),
@@ -14695,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" }),
@@ -14707,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" }),
@@ -14719,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" }),
@@ -14731,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" }),
@@ -14743,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" }),
@@ -14755,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" }),
@@ -14767,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" }),
@@ -14779,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" }),
@@ -14791,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" }),
@@ -14803,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" }),
@@ -14815,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" }),
@@ -14827,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" }),
@@ -14839,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" }),
@@ -14851,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" }),
@@ -14863,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" }),
@@ -14875,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" }),
@@ -14887,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" }),
@@ -14899,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" }),
@@ -14908,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" }),
@@ -14920,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" }),
@@ -14932,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" }),
@@ -14944,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" }),
@@ -14956,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" }),
@@ -14968,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" }),
@@ -14980,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" }),
@@ -14992,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" }),
@@ -15004,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" }),
@@ -15016,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" }),
@@ -15028,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" }),
@@ -15040,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" }),
@@ -15049,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" }),
@@ -15061,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" }),
@@ -15073,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" }),
@@ -15085,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" }),
@@ -15097,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" }),
@@ -15109,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" }),
@@ -15121,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" }),
@@ -15133,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" }),
@@ -15145,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" }),
@@ -15157,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" }),
@@ -16082,6 +16088,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 }),
@@ -16146,11 +16153,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 ?? [],
@@ -17013,7 +17020,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 = "";
@@ -17129,10 +17136,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 = () => {
@@ -18170,10 +18177,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) {
@@ -18641,7 +18648,7 @@ function useThemeDetector() {
   return isDark;
 }
 function useSetIfNotUndefinedEffect(key, value) {
-  const { setState } = useContext14(JsonViewerStoreContext);
+  const { setState } = useContext15(JsonViewerStoreContext);
   useEffect11(() => {
     if (value !== void 0) {
       setState({
@@ -18655,7 +18662,7 @@ function useSetIfNotUndefinedEffect(key, value) {
   ]);
 }
 var JsonViewerInner = (props) => {
-  const { setState } = useContext14(JsonViewerStoreContext);
+  const { setState } = useContext15(JsonViewerStoreContext);
   useEffect11(() => {
     setState((state) => ({
       prevValue: state.value,
@@ -28918,7 +28925,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
@@ -29203,7 +29210,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";
@@ -29289,13 +29296,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>)");
   }
@@ -31213,9 +31220,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>");
   }
@@ -31423,6 +31430,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
   }
   const exceptionPayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.exception"]);
   const duration = selectedEvent.end_time_unix_nano ? ((BigInt(selectedEvent.end_time_unix_nano) - BigInt(selectedEvent.start_time_unix_nano)) / BigInt("1000000")).toString() : void 0;
+  const resource = shortResourceName(selectedEvent.resource_name, selectedEvent.arn);
   const showError = issues.error;
   const showPermissions = selectedEvent.iam_errors_suppressed === true || eventGroups.permissions !== void 0;
   const showLogs = isLambdaInvoke && requestId !== void 0;
@@ -31448,12 +31456,21 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           borderBottom: "1px solid",
           borderColor: "divider",
           display: "flex",
-          justifyContent: "space-between",
+          gap: 1.5,
           px: 2,
           py: 1
         },
         children: [
-          /* @__PURE__ */ jsx142(Box16, { children: /* @__PURE__ */ jsx142(Typography12, { sx: { fontWeight: 600 }, variant: "h6", children: "Operation Details" }) }),
+          /* @__PURE__ */ jsxs131(Box16, { sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx142(Typography12, { color: "text.secondary", component: "div", sx: { lineHeight: 1.5 }, variant: "overline", children: "Selected operation" }),
+            /* @__PURE__ */ jsxs131(Box16, { "data-testid": EVENT_DETAILS_HEADING_TEST_ID, sx: { alignItems: "center", display: "flex", gap: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx142(AwsServiceIcon, { hideTooltip: true, service: selectedEvent.service_name, size: "small" }),
+              /* @__PURE__ */ jsx142(Typography12, { noWrap: true, sx: { flex: "0 1 auto", fontWeight: 600, minWidth: 0 }, title: selectedEvent.operation_name, variant: "subtitle1", children: selectedEvent.operation_name }),
+              resource !== "" && resource !== "*" && /* @__PURE__ */ jsx142(Typography12, { color: "text.secondary", noWrap: true, sx: { flex: "1 1 0", minWidth: 0 }, title: resource, variant: "body2", children: resource }),
+              duration !== void 0 && // A fixed box, so a screenshot can mask the varying value without the mask edge moving.
+              /* @__PURE__ */ jsx142(Typography12, { color: "text.secondary", "data-testid": EVENT_DETAILS_HEADING_DURATION_TEST_ID, sx: { flex: "none", ml: "auto", textAlign: "right", width: 64 }, variant: "body2", children: formatDuration(Number(duration)) })
+            ] })
+          ] }),
           onClose && /* @__PURE__ */ jsx142(IconButton6, { "data-testid": EVENT_DETAILS_CLOSE_BUTTON_TEST_ID, onClick: onClose, size: "small", children: /* @__PURE__ */ jsx142(Close3, {}) })
         ]
       }
@@ -31535,10 +31552,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,
@@ -32289,12 +32303,6 @@ import { Box as Box19, ButtonBase, ToggleButton as ToggleButton2, ToggleButtonGr
 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];
@@ -32424,7 +32432,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");
@@ -32681,6 +32689,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);
@@ -32719,6 +32728,7 @@ var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans
       }
     };
   }, [spans, selectedSpanId]);
+  const rootResource = root2 ? shortResourceName(root2.resource_name, root2.arn) : "";
   return /* @__PURE__ */ jsxs137(
     Box20,
     {
@@ -32772,9 +32782,11 @@ 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: [
-            root2 && /* @__PURE__ */ jsxs137(Box20, { sx: { alignItems: "center", display: "flex", gap: 1 }, children: [
+            /* @__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: { fontWeight: 600 }, title: root2.operation_name, variant: "subtitle1", children: root2.operation_name })
+              /* @__PURE__ */ jsx148(Typography15, { noWrap: true, sx: { flex: "0 1 auto", fontWeight: 600, minWidth: 0 }, title: root2.operation_name, variant: "subtitle1", children: root2.operation_name }),
+              rootResource !== "" && rootResource !== "*" && /* @__PURE__ */ jsx148(Typography15, { color: "text.secondary", noWrap: true, sx: { flex: "1 1 0", minWidth: 0 }, title: rootResource, variant: "body2", children: rootResource })
             ] }),
             /* @__PURE__ */ jsx148(Typography15, { color: "text.secondary", variant: "caption", children: [
               formatDuration(stats.durationMs),
@@ -32794,8 +32806,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" })
               ]
             }
           ),