@localstack/appinspector-ui 1.0.184 → 1.0.186

package/dist/index.cjs

@@ -2504,9 +2504,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";
@@ -13104,6 +13101,12 @@ var ResponsiveTimestampCell = (0, import_react31.memo)(({ date }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-testid": TIMESTAMP_CELL_TEST_ID, style: { display: "inline-block", width: "100%" }, children: formattedTime });
 });
 
+// src/dev-settings.tsx
+var React5 = __toESM(require("react"), 1);
+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"];
@@ -13761,7 +13764,7 @@ var SERVICE_NAME = {
 };
 
 // src/components/aws-service-icon/icons/account.svg
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var SvgAccount = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: "Icon-Architecture-Group/32/AWS-Account_32" }),
@@ -13773,7 +13776,7 @@ var SvgAccount = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg",
 var account_default = SvgAccount;
 
 // src/components/aws-service-icon/icons/acm-pca.svg
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var SvgAcmPca = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Private-Certificate-Authority_64" }),
@@ -13785,7 +13788,7 @@ var SvgAcmPca = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg",
 var acm_pca_default = SvgAcmPca;
 
 // src/components/aws-service-icon/icons/acm.svg
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var SvgAcm = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: "Icon-Architecture/32/Arch_AWS-Certificate-Manager_32" }),
@@ -13797,7 +13800,7 @@ var SvgAcm = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { x
 var acm_default = SvgAcm;
 
 // src/components/aws-service-icon/icons/amplify.svg
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var SvgAmplify = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Amplify-Console_64" }),
@@ -13809,7 +13812,7 @@ var SvgAmplify = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg",
 var amplify_default = SvgAmplify;
 
 // src/components/aws-service-icon/icons/apigateway.svg
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var SvgApigateway = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { children: "Icon-Architecture/64/Arch_ Amazon-API-Gateway_64" }),
@@ -13821,7 +13824,7 @@ var SvgApigateway = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("sv
 var apigateway_default = SvgApigateway;
 
 // src/components/aws-service-icon/icons/apigatewaymanagementapi.svg
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var SvgApigatewaymanagementapi = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: "Icon-Architecture/64/Arch_ Amazon-API-Gateway_64" }),
@@ -13833,7 +13836,7 @@ var SvgApigatewaymanagementapi = (props) => /* @__PURE__ */ (0, import_jsx_runti
 var apigatewaymanagementapi_default = SvgApigatewaymanagementapi;
 
 // src/components/aws-service-icon/icons/apigatewayv2.svg
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var SvgApigatewayv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: "Icon-Architecture/64/Arch_ Amazon-API-Gateway_64" }),
@@ -13845,7 +13848,7 @@ var SvgApigatewayv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
 var apigatewayv2_default = SvgApigatewayv2;
 
 // src/components/aws-service-icon/icons/appconfig.svg
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var SvgAppconfig = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-App-Config_64" }),
@@ -13857,7 +13860,7 @@ var SvgAppconfig = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("sv
 var appconfig_default = SvgAppconfig;
 
 // src/components/aws-service-icon/icons/application-autoscaling.svg
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SvgApplicationAutoscaling = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Auto-Scaling_16" }),
@@ -13869,7 +13872,7 @@ var SvgApplicationAutoscaling = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var application_autoscaling_default = SvgApplicationAutoscaling;
 
 // src/components/aws-service-icon/icons/appsync.svg
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var SvgAppsync = (props) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-AppSync_64" }),
@@ -13881,7 +13884,7 @@ var SvgAppsync = (props) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg"
 var appsync_default = SvgAppsync;
 
 // src/components/aws-service-icon/icons/athena.svg
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var SvgAthena = (props) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Athena_64" }),
@@ -13893,7 +13896,7 @@ var SvgAthena = (props) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg",
 var athena_default = SvgAthena;
 
 // src/components/aws-service-icon/icons/autoscaling.svg
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var SvgAutoscaling = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Auto-Scaling_16" }),
@@ -13905,7 +13908,7 @@ var SvgAutoscaling = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("
 var autoscaling_default = SvgAutoscaling;
 
 // src/components/aws-service-icon/icons/backup.svg
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var SvgBackup = (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Backup_64" }),
@@ -13917,7 +13920,7 @@ var SvgBackup = (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg",
 var backup_default = SvgBackup;
 
 // src/components/aws-service-icon/icons/batch.svg
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var SvgBatch = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Batch_64" }),
@@ -13929,7 +13932,7 @@ var SvgBatch = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg",
 var batch_default = SvgBatch;
 
 // src/components/aws-service-icon/icons/bedrock.svg
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var SvgBedrock = (props) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Bedrock_64" }),
@@ -13941,7 +13944,7 @@ var SvgBedrock = (props) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg"
 var bedrock_default = SvgBedrock;
 
 // src/components/aws-service-icon/icons/ce.svg
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var SvgCe = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Cost-Explorer_16" }),
@@ -13953,7 +13956,7 @@ var SvgCe = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { x
 var ce_default = SvgCe;
 
 // src/components/aws-service-icon/icons/cloudcontrol.svg
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SvgCloudcontrol = (props) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Cloud-Control-API_64" }),
@@ -13965,7 +13968,7 @@ var SvgCloudcontrol = (props) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
 var cloudcontrol_default = SvgCloudcontrol;
 
 // src/components/aws-service-icon/icons/cloudformation.svg
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var SvgCloudformation = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CloudFormation_64" }),
@@ -13977,7 +13980,7 @@ var SvgCloudformation = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs
 var cloudformation_default = SvgCloudformation;
 
 // src/components/aws-service-icon/icons/cloudfront.svg
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var SvgCloudfront = (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-CloudFront_64" }),
@@ -13989,7 +13992,7 @@ var SvgCloudfront = (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("s
 var cloudfront_default = SvgCloudfront;
 
 // src/components/aws-service-icon/icons/cloudtrail.svg
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var SvgCloudtrail = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Cloud-Trail_64" }),
@@ -14001,7 +14004,7 @@ var SvgCloudtrail = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("s
 var cloudtrail_default = SvgCloudtrail;
 
 // src/components/aws-service-icon/icons/cloudwatch.svg
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var SvgCloudwatch = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-CloudWatch_64" }),
@@ -14013,7 +14016,7 @@ var SvgCloudwatch = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("s
 var cloudwatch_default = SvgCloudwatch;
 
 // src/components/aws-service-icon/icons/codeartifact.svg
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var SvgCodeartifact = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodeArtifact_64" }),
@@ -14025,7 +14028,7 @@ var SvgCodeartifact = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
 var codeartifact_default = SvgCodeartifact;
 
 // src/components/aws-service-icon/icons/codebuild.svg
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var SvgCodebuild = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodeBuild_64" }),
@@ -14037,7 +14040,7 @@ var SvgCodebuild = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("sv
 var codebuild_default = SvgCodebuild;
 
 // src/components/aws-service-icon/icons/codecommit.svg
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var SvgCodecommit = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodeCommit_64" }),
@@ -14049,7 +14052,7 @@ var SvgCodecommit = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("s
 var codecommit_default = SvgCodecommit;
 
 // src/components/aws-service-icon/icons/codeconnections.svg
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var SvgCodeconnections = (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodeStar_64" }),
@@ -14061,7 +14064,7 @@ var SvgCodeconnections = (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx
 var codeconnections_default = SvgCodeconnections;
 
 // src/components/aws-service-icon/icons/codedeploy.svg
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var SvgCodedeploy = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodeDeploy_64" }),
@@ -14073,7 +14076,7 @@ var SvgCodedeploy = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("s
 var codedeploy_default = SvgCodedeploy;
 
 // src/components/aws-service-icon/icons/codepipeline.svg
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var SvgCodepipeline = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodePipeline_64" }),
@@ -14085,7 +14088,7 @@ var SvgCodepipeline = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
 var codepipeline_default = SvgCodepipeline;
 
 // src/components/aws-service-icon/icons/codestar-connections.svg
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var SvgCodestarConnections = (props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-CodeStar_64" }),
@@ -14097,7 +14100,7 @@ var SvgCodestarConnections = (props) => /* @__PURE__ */ (0, import_jsx_runtime32
 var codestar_connections_default = SvgCodestarConnections;
 
 // src/components/aws-service-icon/icons/cognito-identity.svg
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var SvgCognitoIdentity = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Cognito_64" }),
@@ -14109,7 +14112,7 @@ var SvgCognitoIdentity = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx
 var cognito_identity_default = SvgCognitoIdentity;
 
 // src/components/aws-service-icon/icons/cognito-idp.svg
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var SvgCognitoIdp = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Cognito_64" }),
@@ -14121,7 +14124,7 @@ var SvgCognitoIdp = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("s
 var cognito_idp_default = SvgCognitoIdp;
 
 // src/components/aws-service-icon/icons/config.svg
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var SvgConfig = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Config_16" }),
@@ -14133,7 +14136,7 @@ var SvgConfig = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg",
 var config_default = SvgConfig;
 
 // src/components/aws-service-icon/icons/dms.svg
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var SvgDms = (props) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Database-Migration-Service_64" }),
@@ -14145,7 +14148,7 @@ var SvgDms = (props) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("svg", {
 var dms_default = SvgDms;
 
 // src/components/aws-service-icon/icons/docdb.svg
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var SvgDocdb = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-DocumentDB_16" }),
@@ -14157,7 +14160,7 @@ var SvgDocdb = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg",
 var docdb_default = SvgDocdb;
 
 // src/components/aws-service-icon/icons/dynamodb.svg
-var React38 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var SvgDynamodb = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-DynamoDB_64" }),
@@ -14169,7 +14172,7 @@ var SvgDynamodb = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg
 var dynamodb_default = SvgDynamodb;
 
 // src/components/aws-service-icon/icons/dynamodbstreams.svg
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var SvgDynamodbstreams = (props) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-DynamoDB_64" }),
@@ -14181,7 +14184,7 @@ var SvgDynamodbstreams = (props) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx
 var dynamodbstreams_default = SvgDynamodbstreams;
 
 // src/components/aws-service-icon/icons/ec2.svg
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var SvgEc2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-EC2_64" }),
@@ -14193,7 +14196,7 @@ var SvgEc2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("svg", {
 var ec2_default = SvgEc2;
 
 // src/components/aws-service-icon/icons/ecr.svg
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var SvgEcr = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Container-Registry_64" }),
@@ -14205,7 +14208,7 @@ var SvgEcr = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", {
 var ecr_default = SvgEcr;
 
 // src/components/aws-service-icon/icons/ecs.svg
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var SvgEcs = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Container-Service_64" }),
@@ -14217,7 +14220,7 @@ var SvgEcs = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", {
 var ecs_default = SvgEcs;
 
 // src/components/aws-service-icon/icons/efs.svg
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var SvgEfs = (props) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-Elastic-File-System_16" }),
@@ -14229,7 +14232,7 @@ var SvgEfs = (props) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("svg", {
 var efs_default = SvgEfs;
 
 // src/components/aws-service-icon/icons/eks.svg
-var React44 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var SvgEks = (props) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Container-Kubernetes_64" }),
@@ -14241,7 +14244,7 @@ var SvgEks = (props) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", {
 var eks_default = SvgEks;
 
 // src/components/aws-service-icon/icons/elasticache.svg
-var React45 = __toESM(require("react"));
+var React46 = __toESM(require("react"));
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var SvgElasticache = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-ElastiCache_64" }),
@@ -14253,7 +14256,7 @@ var SvgElasticache = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("
 var elasticache_default = SvgElasticache;
 
 // src/components/aws-service-icon/icons/elasticbeanstalk.svg
-var React46 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var SvgElasticbeanstalk = (props) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Elastic-Beanstalk_16" }),
@@ -14265,7 +14268,7 @@ var SvgElasticbeanstalk = (props) => /* @__PURE__ */ (0, import_jsx_runtime46.js
 var elasticbeanstalk_default = SvgElasticbeanstalk;
 
 // src/components/aws-service-icon/icons/elasticsearch.svg
-var React47 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var SvgElasticsearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Elasticsearch-Service_64" }),
@@ -14277,7 +14280,7 @@ var SvgElasticsearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)
 var elasticsearch_default = SvgElasticsearch;
 
 // src/components/aws-service-icon/icons/elastictranscoder.svg
-var React48 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var SvgElastictranscoder = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Elastic-Transcoder_64" }),
@@ -14289,7 +14292,7 @@ var SvgElastictranscoder = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.j
 var elastictranscoder_default = SvgElastictranscoder;
 
 // src/components/aws-service-icon/icons/elb.svg
-var React49 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var SvgElb = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: "Icon-Architecture/32/Arch_Elastic-Load-Balancing_32" }),
@@ -14301,7 +14304,7 @@ var SvgElb = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", {
 var elb_default = SvgElb;
 
 // src/components/aws-service-icon/icons/elbv2.svg
-var React50 = __toESM(require("react"));
+var React51 = __toESM(require("react"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var SvgElbv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: "Icon-Architecture/32/Arch_Elastic-Load-Balancing_32" }),
@@ -14313,7 +14316,7 @@ var SvgElbv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg",
 var elbv2_default = SvgElbv2;
 
 // src/components/aws-service-icon/icons/emr-serverless.svg
-var React51 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var SvgEmrServerless = (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-EMR_64" }),
@@ -14325,7 +14328,7 @@ var SvgEmrServerless = (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)
 var emr_serverless_default = SvgEmrServerless;
 
 // src/components/aws-service-icon/icons/emr.svg
-var React52 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var SvgEmr = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-EMR_64" }),
@@ -14337,7 +14340,7 @@ var SvgEmr = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", {
 var emr_default = SvgEmr;
 
 // src/components/aws-service-icon/icons/events.svg
-var React53 = __toESM(require("react"));
+var React54 = __toESM(require("react"));
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var SvgEvents = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-EventBridge_64" }),
@@ -14349,7 +14352,7 @@ var SvgEvents = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg",
 var events_default = SvgEvents;
 
 // src/components/aws-service-icon/icons/firehose.svg
-var React54 = __toESM(require("react"));
+var React55 = __toESM(require("react"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var SvgFirehose = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis-Firehose_64" }),
@@ -14361,7 +14364,7 @@ var SvgFirehose = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg
 var firehose_default = SvgFirehose;
 
 // src/components/aws-service-icon/icons/fis.svg
-var React55 = __toESM(require("react"));
+var React56 = __toESM(require("react"));
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var SvgFis = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Valkyrie_16" }),
@@ -14373,7 +14376,7 @@ var SvgFis = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", {
 var fis_default = SvgFis;
 
 // src/components/aws-service-icon/icons/glacier.svg
-var React56 = __toESM(require("react"));
+var React57 = __toESM(require("react"));
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var SvgGlacier = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Glacier_64" }),
@@ -14385,7 +14388,7 @@ var SvgGlacier = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg"
 var glacier_default = SvgGlacier;
 
 // src/components/aws-service-icon/icons/glue.svg
-var React57 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var SvgGlue = (props) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Glue_64" }),
@@ -14397,7 +14400,7 @@ var SvgGlue = (props) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", {
 var glue_default = SvgGlue;
 
 // src/components/aws-service-icon/icons/iam.svg
-var React58 = __toESM(require("react"));
+var React59 = __toESM(require("react"));
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var SvgIam = (props) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Identity-and-Access-Management_64" }),
@@ -14409,7 +14412,7 @@ var SvgIam = (props) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", {
 var iam_default = SvgIam;
 
 // src/components/aws-service-icon/icons/identitystore.svg
-var React59 = __toESM(require("react"));
+var React60 = __toESM(require("react"));
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var SvgIdentitystore = (props) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-IAM-Identity-Center_64" }),
@@ -14421,7 +14424,7 @@ var SvgIdentitystore = (props) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)
 var identitystore_default = SvgIdentitystore;
 
 // src/components/aws-service-icon/icons/iot-data.svg
-var React60 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var SvgIotData = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14433,7 +14436,7 @@ var SvgIotData = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg"
 var iot_data_default = SvgIotData;
 
 // src/components/aws-service-icon/icons/iot.svg
-var React61 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var SvgIot = (props) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14445,7 +14448,7 @@ var SvgIot = (props) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", {
 var iot_default = SvgIot;
 
 // src/components/aws-service-icon/icons/iotanalytics.svg
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var SvgIotanalytics = (props) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14457,7 +14460,7 @@ var SvgIotanalytics = (props) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
 var iotanalytics_default = SvgIotanalytics;
 
 // src/components/aws-service-icon/icons/iotwireless.svg
-var React63 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var SvgIotwireless = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-IoT-Core_64" }),
@@ -14469,7 +14472,7 @@ var SvgIotwireless = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("
 var iotwireless_default = SvgIotwireless;
 
 // src/components/aws-service-icon/icons/kafka.svg
-var React64 = __toESM(require("react"));
+var React65 = __toESM(require("react"));
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var SvgKafka = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-Managed-Streaming-for-Kafka_16" }),
@@ -14481,7 +14484,7 @@ var SvgKafka = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg",
 var kafka_default = SvgKafka;
 
 // src/components/aws-service-icon/icons/kinesis.svg
-var React65 = __toESM(require("react"));
+var React66 = __toESM(require("react"));
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var SvgKinesis = (props) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis_64" }),
@@ -14493,7 +14496,7 @@ var SvgKinesis = (props) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg"
 var kinesis_default = SvgKinesis;
 
 // src/components/aws-service-icon/icons/kinesisanalytics.svg
-var React66 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var SvgKinesisanalytics = (props) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis_64" }),
@@ -14505,7 +14508,7 @@ var SvgKinesisanalytics = (props) => /* @__PURE__ */ (0, import_jsx_runtime66.js
 var kinesisanalytics_default = SvgKinesisanalytics;
 
 // src/components/aws-service-icon/icons/kinesisanalyticsv2.svg
-var React67 = __toESM(require("react"));
+var React68 = __toESM(require("react"));
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var SvgKinesisanalyticsv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Kinesis_64" }),
@@ -14517,7 +14520,7 @@ var SvgKinesisanalyticsv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.
 var kinesisanalyticsv2_default = SvgKinesisanalyticsv2;
 
 // src/components/aws-service-icon/icons/kms.svg
-var React68 = __toESM(require("react"));
+var React69 = __toESM(require("react"));
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var SvgKms = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Key-Management-Services_64" }),
@@ -14529,7 +14532,7 @@ var SvgKms = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", {
 var kms_default = SvgKms;
 
 // src/components/aws-service-icon/icons/lakeformation.svg
-var React69 = __toESM(require("react"));
+var React70 = __toESM(require("react"));
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var SvgLakeformation = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Lake-Formation_16" }),
@@ -14541,7 +14544,7 @@ var SvgLakeformation = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)
 var lakeformation_default = SvgLakeformation;
 
 // src/components/aws-service-icon/icons/lambda.svg
-var React70 = __toESM(require("react"));
+var React71 = __toESM(require("react"));
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var SvgLambda = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Lambda_64" }),
@@ -14553,7 +14556,7 @@ var SvgLambda = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg",
 var lambda_default = SvgLambda;
 
 // src/components/aws-service-icon/icons/logs.svg
-var React71 = __toESM(require("react"));
+var React72 = __toESM(require("react"));
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var SvgLogs = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-CloudWatch_64" }),
@@ -14565,7 +14568,7 @@ var SvgLogs = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", {
 var logs_default = SvgLogs;
 
 // src/components/aws-service-icon/icons/managedblockchain.svg
-var React72 = __toESM(require("react"));
+var React73 = __toESM(require("react"));
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var SvgManagedblockchain = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Managed-Blockchain_64" }),
@@ -14577,7 +14580,7 @@ var SvgManagedblockchain = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.j
 var managedblockchain_default = SvgManagedblockchain;
 
 // src/components/aws-service-icon/icons/mediaconvert.svg
-var React73 = __toESM(require("react"));
+var React74 = __toESM(require("react"));
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var SvgMediaconvert = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Elemental-MediaConvert_64" }),
@@ -14589,7 +14592,7 @@ var SvgMediaconvert = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
 var mediaconvert_default = SvgMediaconvert;
 
 // src/components/aws-service-icon/icons/mediastore-data.svg
-var React74 = __toESM(require("react"));
+var React75 = __toESM(require("react"));
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var SvgMediastoreData = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Elemental-MediaStore_16" }),
@@ -14601,7 +14604,7 @@ var SvgMediastoreData = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs
 var mediastore_data_default = SvgMediastoreData;
 
 // src/components/aws-service-icon/icons/mediastore.svg
-var React75 = __toESM(require("react"));
+var React76 = __toESM(require("react"));
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var SvgMediastore = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Elemental-MediaStore_16" }),
@@ -14613,7 +14616,7 @@ var SvgMediastore = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("s
 var mediastore_default = SvgMediastore;
 
 // src/components/aws-service-icon/icons/memorydb.svg
-var React76 = __toESM(require("react"));
+var React77 = __toESM(require("react"));
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var SvgMemorydb = (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-MemoryDB-for-Redis_64" }),
@@ -14625,7 +14628,7 @@ var SvgMemorydb = (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("svg
 var memorydb_default = SvgMemorydb;
 
 // src/components/aws-service-icon/icons/mq.svg
-var React77 = __toESM(require("react"));
+var React78 = __toESM(require("react"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var SvgMq = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-MQ_16" }),
@@ -14637,7 +14640,7 @@ var SvgMq = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", { x
 var mq_default = SvgMq;
 
 // src/components/aws-service-icon/icons/mwaa.svg
-var React78 = __toESM(require("react"));
+var React79 = __toESM(require("react"));
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var SvgMwaa = (props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: "Icon-Architecture/16/Arch_CN-Pinwheel_16" }),
@@ -14649,7 +14652,7 @@ var SvgMwaa = (props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("svg", {
 var mwaa_default = SvgMwaa;
 
 // src/components/aws-service-icon/icons/neptune.svg
-var React79 = __toESM(require("react"));
+var React80 = __toESM(require("react"));
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var SvgNeptune = (props) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-Neptune_16" }),
@@ -14661,7 +14664,7 @@ var SvgNeptune = (props) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("svg"
 var neptune_default = SvgNeptune;
 
 // src/components/aws-service-icon/icons/opensearch.svg
-var React80 = __toESM(require("react"));
+var React81 = __toESM(require("react"));
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var SvgOpensearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Elasticsearch-Service_64" }),
@@ -14673,7 +14676,7 @@ var SvgOpensearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("s
 var opensearch_default = SvgOpensearch;
 
 // src/components/aws-service-icon/icons/organizations.svg
-var React81 = __toESM(require("react"));
+var React82 = __toESM(require("react"));
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SvgOrganizations = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Organizations_16" }),
@@ -14685,7 +14688,7 @@ var SvgOrganizations = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)
 var organizations_default = SvgOrganizations;
 
 // src/components/aws-service-icon/icons/pinpoint.svg
-var React82 = __toESM(require("react"));
+var React83 = __toESM(require("react"));
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var SvgPinpoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Pinpoint-APIs_64" }),
@@ -14697,7 +14700,7 @@ var SvgPinpoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("svg
 var pinpoint_default = SvgPinpoint;
 
 // src/components/aws-service-icon/icons/pipes.svg
-var React83 = __toESM(require("react"));
+var React84 = __toESM(require("react"));
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var SvgPipes = (props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-EventBridge_64" }),
@@ -14709,7 +14712,7 @@ var SvgPipes = (props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("svg",
 var pipes_default = SvgPipes;
 
 // src/components/aws-service-icon/icons/qldb-session.svg
-var React84 = __toESM(require("react"));
+var React85 = __toESM(require("react"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var SvgQldbSession = (props) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Quantum-Ledger-Database_64" }),
@@ -14721,7 +14724,7 @@ var SvgQldbSession = (props) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("
 var qldb_session_default = SvgQldbSession;
 
 // src/components/aws-service-icon/icons/qldb.svg
-var React85 = __toESM(require("react"));
+var React86 = __toESM(require("react"));
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var SvgQldb = (props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Quantum-Ledger-Database_64" }),
@@ -14733,7 +14736,7 @@ var SvgQldb = (props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", {
 var qldb_default = SvgQldb;
 
 // src/components/aws-service-icon/icons/ram.svg
-var React86 = __toESM(require("react"));
+var React87 = __toESM(require("react"));
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var SvgRam = (props) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Resource-Access-Manager_64" }),
@@ -14745,7 +14748,7 @@ var SvgRam = (props) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("svg", {
 var ram_default = SvgRam;
 
 // src/components/aws-service-icon/icons/rds-data.svg
-var React87 = __toESM(require("react"));
+var React88 = __toESM(require("react"));
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var SvgRdsData = (props) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-RDS_64" }),
@@ -14757,7 +14760,7 @@ var SvgRdsData = (props) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("svg"
 var rds_data_default = SvgRdsData;
 
 // src/components/aws-service-icon/icons/rds.svg
-var React88 = __toESM(require("react"));
+var React89 = __toESM(require("react"));
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var SvgRds = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-RDS_64" }),
@@ -14769,7 +14772,7 @@ var SvgRds = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("svg", {
 var rds_default = SvgRds;
 
 // src/components/aws-service-icon/icons/redshift-data.svg
-var React89 = __toESM(require("react"));
+var React90 = __toESM(require("react"));
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var SvgRedshiftData = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Redshiftct_64" }),
@@ -14781,7 +14784,7 @@ var SvgRedshiftData = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
 var redshift_data_default = SvgRedshiftData;
 
 // src/components/aws-service-icon/icons/redshift.svg
-var React90 = __toESM(require("react"));
+var React91 = __toESM(require("react"));
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var SvgRedshift = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Redshiftct_64" }),
@@ -14793,7 +14796,7 @@ var SvgRedshift = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("svg
 var redshift_default = SvgRedshift;
 
 // src/components/aws-service-icon/icons/resource-groups.svg
-var React91 = __toESM(require("react"));
+var React92 = __toESM(require("react"));
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var SvgResourceGroups = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Service-Catalog_16" }),
@@ -14805,7 +14808,7 @@ var SvgResourceGroups = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs
 var resource_groups_default = SvgResourceGroups;
 
 // src/components/aws-service-icon/icons/resourcegroupstaggingapi.svg
-var React92 = __toESM(require("react"));
+var React93 = __toESM(require("react"));
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var SvgResourcegroupstaggingapi = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Service-Catalog_16" }),
@@ -14817,7 +14820,7 @@ var SvgResourcegroupstaggingapi = (props) => /* @__PURE__ */ (0, import_jsx_runt
 var resourcegroupstaggingapi_default = SvgResourcegroupstaggingapi;
 
 // src/components/aws-service-icon/icons/route53.svg
-var React93 = __toESM(require("react"));
+var React94 = __toESM(require("react"));
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var SvgRoute53 = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-Route-53_16" }),
@@ -14829,7 +14832,7 @@ var SvgRoute53 = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("svg"
 var route53_default = SvgRoute53;
 
 // src/components/aws-service-icon/icons/route53resolver.svg
-var React94 = __toESM(require("react"));
+var React95 = __toESM(require("react"));
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var SvgRoute53Resolver = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-Route-53_16" }),
@@ -14841,7 +14844,7 @@ var SvgRoute53Resolver = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx
 var route53resolver_default = SvgRoute53Resolver;
 
 // src/components/aws-service-icon/icons/s3.svg
-var React95 = __toESM(require("react"));
+var React96 = __toESM(require("react"));
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var SvgS3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Storage-Service_64" }),
@@ -14853,7 +14856,7 @@ var SvgS3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("svg", { x
 var s3_default = SvgS3;
 
 // src/components/aws-service-icon/icons/s3control.svg
-var React96 = __toESM(require("react"));
+var React97 = __toESM(require("react"));
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var SvgS3Control = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Storage-Service_64" }),
@@ -14865,7 +14868,7 @@ var SvgS3Control = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("sv
 var s3control_default = SvgS3Control;
 
 // src/components/aws-service-icon/icons/sagemaker-runtime.svg
-var React97 = __toESM(require("react"));
+var React98 = __toESM(require("react"));
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var SvgSagemakerRuntime = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-SageMaker_64" }),
@@ -14877,7 +14880,7 @@ var SvgSagemakerRuntime = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.js
 var sagemaker_runtime_default = SvgSagemakerRuntime;
 
 // src/components/aws-service-icon/icons/sagemaker.svg
-var React98 = __toESM(require("react"));
+var React99 = __toESM(require("react"));
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var SvgSagemaker = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-SageMaker_64" }),
@@ -14889,7 +14892,7 @@ var SvgSagemaker = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("sv
 var sagemaker_default = SvgSagemaker;
 
 // src/components/aws-service-icon/icons/scheduler.svg
-var React99 = __toESM(require("react"));
+var React100 = __toESM(require("react"));
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var SvgScheduler = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 48 48", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("title", { children: "Icon-Resource/Application-Integration/Res_Amazon-EventBridge_Scheduler_48" }),
@@ -14898,7 +14901,7 @@ var SvgScheduler = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("sv
 var scheduler_default = SvgScheduler;
 
 // src/components/aws-service-icon/icons/secretsmanager.svg
-var React100 = __toESM(require("react"));
+var React101 = __toESM(require("react"));
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var SvgSecretsmanager = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Secrets-Manager_64" }),
@@ -14910,7 +14913,7 @@ var SvgSecretsmanager = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx
 var secretsmanager_default = SvgSecretsmanager;
 
 // src/components/aws-service-icon/icons/serverlessrepo.svg
-var React101 = __toESM(require("react"));
+var React102 = __toESM(require("react"));
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var SvgServerlessrepo = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Serverless-Application-Repository_16" }),
@@ -14922,7 +14925,7 @@ var SvgServerlessrepo = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx
 var serverlessrepo_default = SvgServerlessrepo;
 
 // src/components/aws-service-icon/icons/servicediscovery.svg
-var React102 = __toESM(require("react"));
+var React103 = __toESM(require("react"));
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var SvgServicediscovery = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Application-Discovery-Service_16" }),
@@ -14934,7 +14937,7 @@ var SvgServicediscovery = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.j
 var servicediscovery_default = SvgServicediscovery;
 
 // src/components/aws-service-icon/icons/ses.svg
-var React103 = __toESM(require("react"));
+var React104 = __toESM(require("react"));
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var SvgSes = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Email-Service_64" }),
@@ -14946,7 +14949,7 @@ var SvgSes = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("svg", {
 var ses_default = SvgSes;
 
 // src/components/aws-service-icon/icons/sesv2.svg
-var React104 = __toESM(require("react"));
+var React105 = __toESM(require("react"));
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var SvgSesv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Simple-Email-Service_64" }),
@@ -14958,7 +14961,7 @@ var SvgSesv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("svg",
 var sesv2_default = SvgSesv2;
 
 // src/components/aws-service-icon/icons/shield.svg
-var React105 = __toESM(require("react"));
+var React106 = __toESM(require("react"));
 var import_jsx_runtime105 = require("react/jsx-runtime");
 var SvgShield = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Shield_64" }),
@@ -14970,7 +14973,7 @@ var SvgShield = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("svg"
 var shield_default = SvgShield;
 
 // src/components/aws-service-icon/icons/sns.svg
-var React106 = __toESM(require("react"));
+var React107 = __toESM(require("react"));
 var import_jsx_runtime106 = require("react/jsx-runtime");
 var SvgSns = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Simple-Notification-Service_64" }),
@@ -14982,7 +14985,7 @@ var SvgSns = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("svg", {
 var sns_default = SvgSns;
 
 // src/components/aws-service-icon/icons/sqs.svg
-var React107 = __toESM(require("react"));
+var React108 = __toESM(require("react"));
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var SvgSqs = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Simple-Queue-Service_64" }),
@@ -14994,7 +14997,7 @@ var SvgSqs = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("svg", {
 var sqs_default = SvgSqs;
 
 // src/components/aws-service-icon/icons/ssm.svg
-var React108 = __toESM(require("react"));
+var React109 = __toESM(require("react"));
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var SvgSsm = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Systems-Manager_64" }),
@@ -15006,7 +15009,7 @@ var SvgSsm = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("svg", {
 var ssm_default = SvgSsm;
 
 // src/components/aws-service-icon/icons/sso-admin.svg
-var React109 = __toESM(require("react"));
+var React110 = __toESM(require("react"));
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var SvgSsoAdmin = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-IAM-Identity-Center_64" }),
@@ -15018,7 +15021,7 @@ var SvgSsoAdmin = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("sv
 var sso_admin_default = SvgSsoAdmin;
 
 // src/components/aws-service-icon/icons/stepfunctions.svg
-var React110 = __toESM(require("react"));
+var React111 = __toESM(require("react"));
 var import_jsx_runtime110 = require("react/jsx-runtime");
 var SvgStepfunctions = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-Step-Functions_64" }),
@@ -15030,7 +15033,7 @@ var SvgStepfunctions = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs
 var stepfunctions_default = SvgStepfunctions;
 
 // src/components/aws-service-icon/icons/sts.svg
-var React111 = __toESM(require("react"));
+var React112 = __toESM(require("react"));
 var import_jsx_runtime111 = require("react/jsx-runtime");
 var SvgSts = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 48 48", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("title", { children: "Icon-Resource/General-Resource/Res_SAML-token_48_Light" }),
@@ -15039,7 +15042,7 @@ var SvgSts = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("svg", {
 var sts_default = SvgSts;
 
 // src/components/aws-service-icon/icons/support.svg
-var React112 = __toESM(require("react"));
+var React113 = __toESM(require("react"));
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var SvgSupport = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Support_16" }),
@@ -15051,7 +15054,7 @@ var SvgSupport = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("svg
 var support_default = SvgSupport;
 
 // src/components/aws-service-icon/icons/swf.svg
-var React113 = __toESM(require("react"));
+var React114 = __toESM(require("react"));
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var SvgSwf = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Step-Functions_16" }),
@@ -15063,7 +15066,7 @@ var SvgSwf = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("svg", {
 var swf_default = SvgSwf;
 
 // src/components/aws-service-icon/icons/textract.svg
-var React114 = __toESM(require("react"));
+var React115 = __toESM(require("react"));
 var import_jsx_runtime114 = require("react/jsx-runtime");
 var SvgTextract = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Textract_64" }),
@@ -15075,7 +15078,7 @@ var SvgTextract = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("sv
 var textract_default = SvgTextract;
 
 // src/components/aws-service-icon/icons/timestream-query.svg
-var React115 = __toESM(require("react"));
+var React116 = __toESM(require("react"));
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var SvgTimestreamQuery = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Timestream_64" }),
@@ -15087,7 +15090,7 @@ var SvgTimestreamQuery = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.js
 var timestream_query_default = SvgTimestreamQuery;
 
 // src/components/aws-service-icon/icons/timestream-write.svg
-var React116 = __toESM(require("react"));
+var React117 = __toESM(require("react"));
 var import_jsx_runtime116 = require("react/jsx-runtime");
 var SvgTimestreamWrite = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Timestream_64" }),
@@ -15099,7 +15102,7 @@ var SvgTimestreamWrite = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.js
 var timestream_write_default = SvgTimestreamWrite;
 
 // src/components/aws-service-icon/icons/transcribe.svg
-var React117 = __toESM(require("react"));
+var React118 = __toESM(require("react"));
 var import_jsx_runtime117 = require("react/jsx-runtime");
 var SvgTranscribe = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("title", { children: "Icon-Architecture/16/Arch_Amazon-Transcribe_16" }),
@@ -15111,7 +15114,7 @@ var SvgTranscribe = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("
 var transcribe_default = SvgTranscribe;
 
 // src/components/aws-service-icon/icons/transfer.svg
-var React118 = __toESM(require("react"));
+var React119 = __toESM(require("react"));
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var SvgTransfer = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("title", { children: "Icon-Architecture/16/Arch_AWS-Transfer-Family_16" }),
@@ -15123,7 +15126,7 @@ var SvgTransfer = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("sv
 var transfer_default = SvgTransfer;
 
 // src/components/aws-service-icon/icons/verifiedpermissions.svg
-var React119 = __toESM(require("react"));
+var React120 = __toESM(require("react"));
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var SvgVerifiedpermissions = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("title", { children: "Icon-Architecture/64/Arch_Amazon-Verified-Permissions_64" }),
@@ -15135,7 +15138,7 @@ var SvgVerifiedpermissions = (props) => /* @__PURE__ */ (0, import_jsx_runtime11
 var verifiedpermissions_default = SvgVerifiedpermissions;
 
 // src/components/aws-service-icon/icons/wafv2.svg
-var React120 = __toESM(require("react"));
+var React121 = __toESM(require("react"));
 var import_jsx_runtime120 = require("react/jsx-runtime");
 var SvgWafv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-WAF_64" }),
@@ -15147,7 +15150,7 @@ var SvgWafv2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg",
 var wafv2_default = SvgWafv2;
 
 // src/components/aws-service-icon/icons/xray.svg
-var React121 = __toESM(require("react"));
+var React122 = __toESM(require("react"));
 var import_jsx_runtime121 = require("react/jsx-runtime");
 var SvgXray = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 80 80", fill: "currentColor", ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("title", { children: "Icon-Architecture/64/Arch_AWS-X-Ray_64" }),
@@ -15352,22 +15355,6 @@ ServiceCell.displayName = "ServiceCell";
 var import_icons_material2 = require("@mui/icons-material");
 var import_material5 = require("@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) {
@@ -15466,58 +15453,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
 var import_jsx_runtime125 = require("react/jsx-runtime");
-var StatusIcon = ({ errorLevel, operationStatus, spanStatusCode }) => {
-  switch (errorLevel) {
-    case ErrorLevel.ERROR: {
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.Cancel, { sx: { color: "red" } });
-    }
-    case ErrorLevel.IAM_PERMISSION: {
-      const isDenial = operationStatus ? operationStatus === "iam_explicit_deny" || operationStatus === "iam_implicit_deny" : spanStatusCode === 2;
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.GppBad, { sx: { color: isDenial ? "red" : "warning.main" } });
-    }
-    case ErrorLevel.WARNING: {
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.Error, { sx: { color: "orange" } });
-    }
-    default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {});
-    }
-  }
-};
 var SPAN_STATUS_LABELS = {
   0: "Unset",
   1: "OK",
@@ -15545,9 +15514,14 @@ var buildTooltipContent = (span) => {
   ] });
 };
 var StatusIconWithTooltip = ({ span }) => {
-  const errorLevel = calculateHighestErrorLevel(span);
-  if (errorLevel !== ErrorLevel.ERROR && errorLevel !== ErrorLevel.IAM_PERMISSION) return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Tooltip, { title: buildTooltipContent(span), children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Box, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(StatusIcon, { errorLevel, operationStatus: span.operation_status, spanStatusCode: span.status_code }) }) });
+  const { warningIcon } = useDevSettings();
+  const { error, warning: warning2 } = getSpanIssues(span);
+  if (!error && !warning2) return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {});
+  const iamLevel = getIamSummary(span).level;
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Tooltip, { title: buildTooltipContent(span), children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_material5.Box, { sx: { alignItems: "center", cursor: "default", display: "flex" }, children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Box, { "aria-label": "Error", role: "img", sx: { display: "flex" }, children: iamLevel === "error" ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.GppBad, { sx: { color: "error.main" } }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.Cancel, { sx: { color: "error.main" } }) }),
+    warning2 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Box, { "aria-label": "Warning", role: "img", sx: { display: "flex" }, children: iamLevel === "warning" && warningIcon === "iam shield" ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.GppBad, { sx: { color: "warning.main" } }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons_material2.Error, { sx: { color: "warning.main" } }) })
+  ] }) });
 };
 
 // src/components/spans-list/span-count-badge.tsx
@@ -16059,6 +16033,7 @@ var SpansDataGrid = ({
     return compute.topLevelIds.map((spanId) => getSpan(spanId)).filter((span) => span !== void 0);
   }, [compute.topLevelIds, getSpan, spansLoaded]);
   const downstreamOf = (0, import_react38.useCallback)((spanId) => compute.rows[spanId]?.downstream, [compute.rows]);
+  const { requestTerms } = useDevSettings();
   const columns = (0, import_react38.useMemo)(() => [
     columnHelper.display({
       cell: (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(StatusIconWithTooltip, { span: props.row.original }),
@@ -16123,11 +16098,11 @@ var SpansDataGrid = ({
     }),
     columnHelper.display({
       cell: (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(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 ?? [],
@@ -16750,38 +16725,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);
@@ -16830,7 +16773,7 @@ var import_react44 = require("react");
 var import_icons_material8 = require("@mui/icons-material");
 var import_material12 = require("@mui/material");
 var import_jsx_runtime132 = require("react/jsx-runtime");
-var StatusIcon2 = ({ errorLevel }) => {
+var StatusIcon = ({ errorLevel }) => {
   switch (errorLevel) {
     case EventLevel.LevelError: {
       return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material8.Cancel, { sx: { color: "red" } });
@@ -18931,7 +18874,7 @@ var EventDetail = ({
   const eventLevel = getEventLevelFromGroup(type);
   return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material17.Box, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material17.Box, { sx: { alignItems: "center", display: "flex", mb: 0.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(StatusIcon2, { errorLevel: eventLevel }),
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(StatusIcon, { errorLevel: eventLevel }),
       /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material17.Typography, { color: "text.secondary", sx: { fontWeight: 600, ml: 0.5 }, variant: "caption", children: displayText })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material17.Box, { children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material17.Box, { sx: { maxWidth: "100%", mb: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventMessage, { event }) }, `${event.span_id}-${event.event_id}`)) })
@@ -31522,10 +31465,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           ] }),
           eventGroups.errors && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
           eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" }),
-          eventGroups.info && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Field, { label: "Span ID", testId: EVENT_DETAILS_SPAN_ID_TEST_ID, children: selectedEvent.span_id }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Field, { label: "Trace ID", testId: EVENT_DETAILS_TRACE_ID_TEST_ID, children: selectedEvent.trace_id }),
-          requestId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Field, { label: "Request ID", testId: EVENT_DETAILS_REQUEST_ID_TEST_ID, children: requestId })
+          eventGroups.info && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" })
         ] }),
         activeTab === "request" && (requestPayload === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(EmptyTab, { children: "No request payload recorded." }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
           rawDataSwitch,
@@ -31575,7 +31515,7 @@ var import_icons_material12 = require("@mui/icons-material");
 var import_material20 = require("@mui/material");
 var import_react52 = require("@xyflow/react");
 var import_style = require("@xyflow/react/dist/style.css");
-var React122 = require("react");
+var React123 = require("react");
 var import_react53 = require("react");
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var handleStyle = {
@@ -31583,8 +31523,9 @@ var handleStyle = {
   borderColor: "lightgray",
   opacity: 0
 };
-var NodeContent = ({ event, expanded, hasPermissionEvents, isError, isWarning }) => {
+var NodeContent = ({ event, expanded, iamLevel, issues }) => {
   const theme = (0, import_material20.useTheme)();
+  const { warningIcon } = useDevSettings();
   return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_react52.Handle, { position: import_react52.Position.Left, style: handleStyle, type: "target" }),
     /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_react52.Handle, { position: import_react52.Position.Right, style: handleStyle, type: "source" }),
@@ -31639,8 +31580,8 @@ var NodeContent = ({ event, expanded, hasPermissionEvents, isError, isWarning })
                 width: "38px"
               },
               children: [
-                (isError || isWarning) && hasPermissionEvents && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material20.Tooltip, { arrow: true, title: "Permission denied", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material12.GppBad, { sx: { color: isError ? theme.palette.error.main : theme.palette.warning.main, fontSize: "16px" } }) }),
-                isError && !hasPermissionEvents && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material20.Tooltip, { arrow: true, title: "Error", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material12.Cancel, { sx: { color: theme.palette.error.main, fontSize: "16px" } }) })
+                issues.error && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material20.Tooltip, { arrow: true, title: issues.errorType, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material20.Box, { "aria-label": "Error", role: "img", sx: { display: "flex" }, children: iamLevel === "error" ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material12.GppBad, { sx: { color: theme.palette.error.main, fontSize: "16px" } }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material12.Cancel, { sx: { color: theme.palette.error.main, fontSize: "16px" } }) }) }),
+                issues.warning && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material20.Tooltip, { arrow: true, title: issues.warningType, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material20.Box, { "aria-label": "Warning", role: "img", sx: { display: "flex" }, children: iamLevel === "warning" && warningIcon === "iam shield" ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material12.GppBad, { sx: { color: theme.palette.warning.main, fontSize: "16px" } }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material12.Error, { sx: { color: theme.palette.warning.main, fontSize: "16px" } }) }) })
               ]
             }
           ),
@@ -31663,17 +31604,9 @@ var ServiceNode = (0, import_react53.memo)(({ data, selected }) => {
   const theme = (0, import_material20.useTheme)();
   const [isHovered, setIsHovered] = (0, import_react53.useState)(false);
   const nodeRef = (0, import_react53.useRef)(null);
-  const { operation_status } = data.event;
-  const hasPermissionEventsLegacy = (0, import_react53.useMemo)(
-    () => 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"}`,
@@ -31682,7 +31615,7 @@ var ServiceNode = (0, import_react53.memo)(({ 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");
@@ -32276,12 +32209,6 @@ var import_material24 = require("@mui/material");
 var import_styles4 = require("@mui/material/styles");
 var React124 = __toESM(require("react"), 1);
 
-// src/dev-settings.tsx
-var React123 = __toESM(require("react"), 1);
-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];
@@ -32411,7 +32338,7 @@ var WaterfallAxis = ({ durationMs, flat, gridColumns: gridColumns2, onFlatChange
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material24.Box, { sx: { alignItems: "center", borderRight: 1, borderRightColor: "divider", display: "flex", gridColumn: "1 / 3", pl: "5px" }, children: onFlatChange && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
           import_material24.ToggleButtonGroup,
           {
-            "aria-label": "Waterfall layout",
+            "aria-label": "Operations layout",
             exclusive: true,
             onChange: (_event, value) => {
               if (value) onFlatChange(value === "list");
@@ -32668,6 +32595,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);
@@ -32760,7 +32688,7 @@ var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans
         ),
         /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_material25.Box, { sx: { alignItems: "center", borderBottom: 1, borderColor: "divider", display: "flex", gap: 1.5, px: 2, py: 1 }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_material25.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.Typography, { color: "text.secondary", component: "div", sx: { lineHeight: 1.5 }, variant: "overline", children: "Trace root" }),
+            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.Typography, { color: "text.secondary", component: "div", sx: { lineHeight: 1.5 }, variant: "overline", children: requestTerms === "on" ? "Request" : "Trace root" }),
             root2 && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_material25.Box, { "data-testid": TRACE_SIDEBAR_ROOT_HEADING_TEST_ID, sx: { alignItems: "center", display: "flex", gap: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(AwsServiceIcon, { hideTooltip: true, service: root2.service_name, size: "small" }),
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.Typography, { noWrap: true, sx: { flex: "0 1 auto", fontWeight: 600, minWidth: 0 }, title: root2.operation_name, variant: "subtitle1", children: root2.operation_name }),
@@ -32784,8 +32712,8 @@ var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans
               size: "small",
               value: view,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.ToggleButton, { "data-testid": TRACE_SIDEBAR_WATERFALL_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "waterfall", children: "Waterfall" }),
-                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.ToggleButton, { "data-testid": TRACE_SIDEBAR_MAP_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "map", children: "Map" })
+                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.ToggleButton, { "data-testid": TRACE_SIDEBAR_WATERFALL_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "waterfall", children: "Operations" }),
+                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.ToggleButton, { "data-testid": TRACE_SIDEBAR_MAP_BUTTON_TEST_ID, sx: { px: 1.5, py: 0.25, textTransform: "none" }, value: "map", children: "Flow" })
               ]
             }
           ),