@localstack/appinspector-ui 1.0.183 → 1.0.185

package/dist/index.cjs

@@ -2494,6 +2494,8 @@ var EVENT_DETAILS_SECTION_BASIC_INFORMATION_TEST_ID = "event-details-section-bas
 var EVENT_DETAILS_SERVICE_NAME_TEST_ID = "event-details-service-name";
 var EVENT_DETAILS_OPERATION_NAME_TEST_ID = "event-details-operation-name";
 var EVENT_DETAILS_CLOSE_BUTTON_TEST_ID = "event-details-close-button";
+var EVENT_DETAILS_HEADING_TEST_ID = "event-details-heading";
+var EVENT_DETAILS_HEADING_DURATION_TEST_ID = "event-details-heading-duration";
 var EVENT_DETAILS_STATUS_TEST_ID = "event-details-status";
 var EVENT_DETAILS_RESOURCE_NAME_TEST_ID = "event-details-resource-name";
 var EVENT_DETAILS_RESOURCE_ARN_TEST_ID = "event-details-resource-arn";
@@ -2502,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";
@@ -2527,6 +2526,7 @@ var TRACE_SIDEBAR_TEST_ID = "trace-sidebar";
 var TRACE_SIDEBAR_RESIZE_HANDLE_TEST_ID = "trace-sidebar-resize-handle";
 var TRACE_SIDEBAR_WATERFALL_BUTTON_TEST_ID = "trace-sidebar-waterfall-button";
 var TRACE_SIDEBAR_MAP_BUTTON_TEST_ID = "trace-sidebar-map-button";
+var TRACE_SIDEBAR_ROOT_HEADING_TEST_ID = "trace-sidebar-root-heading";
 var WATERFALL_TEST_ID = "waterfall";
 var WATERFALL_ROW_TEST_ID = "waterfall-row";
 var WATERFALL_ROW_TOGGLE_TEST_ID = "waterfall-row-toggle";
@@ -13101,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", 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"];
@@ -13758,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" }),
@@ -13770,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" }),
@@ -13782,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" }),
@@ -13794,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" }),
@@ -13806,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" }),
@@ -13818,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" }),
@@ -13830,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" }),
@@ -13842,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" }),
@@ -13854,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" }),
@@ -13866,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" }),
@@ -13878,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" }),
@@ -13890,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" }),
@@ -13902,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" }),
@@ -13914,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" }),
@@ -13926,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" }),
@@ -13938,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" }),
@@ -13950,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" }),
@@ -13962,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" }),
@@ -13974,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" }),
@@ -13986,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" }),
@@ -13998,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" }),
@@ -14010,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" }),
@@ -14022,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" }),
@@ -14034,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" }),
@@ -14046,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" }),
@@ -14058,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" }),
@@ -14070,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" }),
@@ -14082,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" }),
@@ -14094,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" }),
@@ -14106,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" }),
@@ -14118,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" }),
@@ -14130,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" }),
@@ -14142,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" }),
@@ -14154,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" }),
@@ -14166,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" }),
@@ -14178,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" }),
@@ -14190,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" }),
@@ -14202,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" }),
@@ -14214,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" }),
@@ -14226,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" }),
@@ -14238,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" }),
@@ -14250,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" }),
@@ -14262,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" }),
@@ -14274,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" }),
@@ -14286,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" }),
@@ -14298,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" }),
@@ -14310,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" }),
@@ -14322,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" }),
@@ -14334,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" }),
@@ -14346,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" }),
@@ -14358,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" }),
@@ -14370,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" }),
@@ -14382,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" }),
@@ -14394,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" }),
@@ -14406,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" }),
@@ -14418,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" }),
@@ -14430,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" }),
@@ -14442,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" }),
@@ -14454,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" }),
@@ -14466,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" }),
@@ -14478,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" }),
@@ -14490,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" }),
@@ -14502,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" }),
@@ -14514,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" }),
@@ -14526,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" }),
@@ -14538,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" }),
@@ -14550,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" }),
@@ -14562,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" }),
@@ -14574,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" }),
@@ -14586,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" }),
@@ -14598,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" }),
@@ -14610,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" }),
@@ -14622,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" }),
@@ -14634,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" }),
@@ -14646,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" }),
@@ -14658,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" }),
@@ -14670,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" }),
@@ -14682,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" }),
@@ -14694,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" }),
@@ -14706,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" }),
@@ -14718,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" }),
@@ -14730,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" }),
@@ -14742,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" }),
@@ -14754,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" }),
@@ -14766,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" }),
@@ -14778,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" }),
@@ -14790,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" }),
@@ -14802,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" }),
@@ -14814,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" }),
@@ -14826,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" }),
@@ -14838,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" }),
@@ -14850,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" }),
@@ -14862,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" }),
@@ -14874,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" }),
@@ -14886,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" }),
@@ -14895,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" }),
@@ -14907,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" }),
@@ -14919,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" }),
@@ -14931,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" }),
@@ -14943,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" }),
@@ -14955,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" }),
@@ -14967,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" }),
@@ -14979,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" }),
@@ -14991,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" }),
@@ -15003,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" }),
@@ -15015,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" }),
@@ -15027,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" }),
@@ -15036,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" }),
@@ -15048,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" }),
@@ -15060,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" }),
@@ -15072,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" }),
@@ -15084,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" }),
@@ -15096,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" }),
@@ -15108,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" }),
@@ -15120,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" }),
@@ -15132,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" }),
@@ -15144,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" }),
@@ -16056,6 +16062,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 }),
@@ -16120,11 +16127,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 ?? [],
@@ -31397,6 +31404,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
   }
   const exceptionPayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.exception"]);
   const duration = selectedEvent.end_time_unix_nano ? ((BigInt(selectedEvent.end_time_unix_nano) - BigInt(selectedEvent.start_time_unix_nano)) / BigInt("1000000")).toString() : void 0;
+  const resource = shortResourceName(selectedEvent.resource_name, selectedEvent.arn);
   const showError = issues.error;
   const showPermissions = selectedEvent.iam_errors_suppressed === true || eventGroups.permissions !== void 0;
   const showLogs = isLambdaInvoke && requestId !== void 0;
@@ -31422,12 +31430,21 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           borderBottom: "1px solid",
           borderColor: "divider",
           display: "flex",
-          justifyContent: "space-between",
+          gap: 1.5,
           px: 2,
           py: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Typography, { sx: { fontWeight: 600 }, variant: "h6", children: "Operation Details" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_material19.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Typography, { color: "text.secondary", component: "div", sx: { lineHeight: 1.5 }, variant: "overline", children: "Selected operation" }),
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_material19.Box, { "data-testid": EVENT_DETAILS_HEADING_TEST_ID, sx: { alignItems: "center", display: "flex", gap: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(AwsServiceIcon, { hideTooltip: true, service: selectedEvent.service_name, size: "small" }),
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Typography, { noWrap: true, sx: { flex: "0 1 auto", fontWeight: 600, minWidth: 0 }, title: selectedEvent.operation_name, variant: "subtitle1", children: selectedEvent.operation_name }),
+              resource !== "" && resource !== "*" && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Typography, { color: "text.secondary", noWrap: true, sx: { flex: "1 1 0", minWidth: 0 }, title: resource, variant: "body2", children: resource }),
+              duration !== void 0 && // A fixed box, so a screenshot can mask the varying value without the mask edge moving.
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Typography, { color: "text.secondary", "data-testid": EVENT_DETAILS_HEADING_DURATION_TEST_ID, sx: { flex: "none", ml: "auto", textAlign: "right", width: 64 }, variant: "body2", children: formatDuration(Number(duration)) })
+            ] })
+          ] }),
           onClose && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.IconButton, { "data-testid": EVENT_DETAILS_CLOSE_BUTTON_TEST_ID, onClick: onClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_icons_material11.Close, {}) })
         ]
       }
@@ -31509,10 +31526,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,
@@ -31562,7 +31576,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 = {
@@ -32263,12 +32277,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];
@@ -32398,7 +32406,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");
@@ -32655,6 +32663,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);
@@ -32693,6 +32702,7 @@ var TraceSidebar = ({ onClose, onSelectSpan, selectedSpanId, spanMatches, spans
       }
     };
   }, [spans, selectedSpanId]);
+  const rootResource = root2 ? shortResourceName(root2.resource_name, root2.arn) : "";
   return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
     import_material25.Box,
     {
@@ -32746,9 +32756,11 @@ 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: [
-            root2 && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_material25.Box, { sx: { alignItems: "center", display: "flex", gap: 1 }, children: [
+            /* @__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: { fontWeight: 600 }, title: root2.operation_name, variant: "subtitle1", children: root2.operation_name })
+              /* @__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 }),
+              rootResource !== "" && rootResource !== "*" && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.Typography, { color: "text.secondary", noWrap: true, sx: { flex: "1 1 0", minWidth: 0 }, title: rootResource, variant: "body2", children: rootResource })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material25.Typography, { color: "text.secondary", variant: "caption", children: [
               formatDuration(stats.durationMs),
@@ -32768,8 +32780,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" })
               ]
             }
           ),