@localstack/appinspector-ui 1.0.99 → 1.0.101

package/dist/index.cjs

@@ -2472,6 +2472,7 @@ var EVENT_DETAILS_CLOSE_BUTTON_TEST_ID = "event-details-close-button";
 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";
+var EVENT_DETAILS_CFN_RESOURCE_TYPE_TEST_ID = "event-details-cfn-resource-type";
 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";
@@ -15357,34 +15358,20 @@ var StatusMessage = ({
             severity: "warning",
             sx: { maxWidth: 600, width: "100%" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.AlertTitle, { sx: { fontWeight: "bold" }, children: "App Inspector is Disabled" }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.Typography, { sx: { mb: 2 }, variant: "body2", children: "App Inspector is not enabled in LocalStack. Enable it now or via configuration on startup." }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.Typography, { sx: { mb: 1 }, variant: "body2", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("strong", { children: "App Inspector configuration:" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-                import_material8.Box,
-                {
-                  component: "pre",
-                  sx: {
-                    backgroundColor: "rgba(0, 0, 0, 0.05)",
-                    borderRadius: 1,
-                    fontSize: "0.875rem",
-                    p: 1
-                  },
-                  children: "LOCALSTACK_APP_INSPECTOR=1 localstack start"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_material8.Box, { sx: { display: "flex", gap: 1, mt: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.AlertTitle, { sx: { fontWeight: "bold" }, children: "App Inspector Is Not Enabled" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.Typography, { sx: { mb: 2 }, variant: "body2", children: "App Inspector is not currently enabled in LocalStack. You can enable it now, or at startup." }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_material8.Box, { sx: { display: "flex", gap: 1, mb: 2 }, children: [
                 onEnable && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   import_material8.Button,
                   {
-                    "aria-label": "Enable App Inspector",
+                    "aria-label": "Enable App Inspector Now",
                     disabled: enabling,
                     onClick: () => {
                       void handleEnable();
                     },
                     startIcon: enabling ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.CircularProgress, { size: 16 }) : void 0,
                     variant: "contained",
-                    children: "Enable App Inspector"
+                    children: "Enable App Inspector Now"
                   }
                 ),
                 onRetry && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
@@ -15398,6 +15385,20 @@ var StatusMessage = ({
                   }
                 )
               ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.Typography, { sx: { mb: 1 }, variant: "body2", children: "If you'd prefer to automatically enable App Inspector at start up, use:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                import_material8.Box,
+                {
+                  component: "pre",
+                  sx: {
+                    backgroundColor: "rgba(0, 0, 0, 0.05)",
+                    borderRadius: 1,
+                    fontSize: "0.875rem",
+                    p: 1
+                  },
+                  children: "LOCALSTACK_APP_INSPECTOR=1 localstack start"
+                }
+              ),
               Boolean(enableError) && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_material8.Typography, { color: "error", sx: { mt: 1 }, variant: "body2", children: enableError })
             ]
           }
@@ -30421,6 +30422,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
   const isSqsSendMessage = checkIsSqsSendMessage(selectedEvent);
   const requestId = typeof selectedEvent.attributes?.["localstack.request_id"] === "string" ? selectedEvent.attributes["localstack.request_id"] : void 0;
   const resourceArn = typeof selectedEvent.attributes?.["localstack.aws.resource_arn"] === "string" ? selectedEvent.attributes["localstack.aws.resource_arn"] : void 0;
+  const cfnResourceType = typeof selectedEvent.attributes?.["localstack.cfn.resource_type"] === "string" ? selectedEvent.attributes["localstack.cfn.resource_type"] : void 0;
   const requestPayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.request"]);
   if (parseNestedJson) {
     if (isLambdaInvoke && requestPayload && typeof requestPayload === "object" && "Payload" in requestPayload) {
@@ -30468,9 +30470,15 @@ var EventDetails = ({ onClose, selectedEvent }) => {
             /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_OPERATION_NAME_TEST_ID, variant: "body2", children: selectedEvent.operation_name })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource" }),
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_RESOURCE_NAME_TEST_ID, variant: "body2", children: selectedEvent.resource_name })
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { sx: cfnResourceType ? { display: "grid", gap: 2, gridTemplateColumns: "1.3fr 1fr" } : void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_RESOURCE_NAME_TEST_ID, variant: "body2", children: selectedEvent.resource_name })
+          ] }),
+          Boolean(cfnResourceType) && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource Type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_CFN_RESOURCE_TYPE_TEST_ID, variant: "body2", children: cfnResourceType })
+          ] })
         ] }),
         Boolean(resourceArn) && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource ARN" }),