@localstack/appinspector-ui 1.0.100 → 1.0.102

package/dist/index.cjs

@@ -14868,9 +14868,9 @@ var newSpanBackgroundColor = {
 };
 var LABEL_BEGINNING_OF_STREAM = "This is the beginning of the stream";
 var LABEL_END_OF_STREAM = "This is the end of the stream";
-var LABEL_NO_SPANS = "There are no spans";
-var LABEL_LOAD_OLDER = "Load older spans";
-var LABEL_LOAD_NEWER = "Load newer spans";
+var LABEL_NO_SPANS = "There are no operations";
+var LABEL_LOAD_OLDER = "Load older operations";
+var LABEL_LOAD_NEWER = "Load newer operations";
 var StreamBoundaryRow = ({ colSpan, label }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.TableCell, { colSpan, sx: { fontStyle: "italic", textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { children: label }) }) });
 var LoadSpansRow = ({ colSpan, fetching, label, onFetch }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_material6.TableCell, { colSpan, sx: { textAlign: "center" }, children: [
   !fetching && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.Button, { onClick: onFetch, sx: { my: 1 }, children: label }),
@@ -15075,7 +15075,7 @@ var SpansDataGrid = ({
               "data-testid": CLEAR_SPANS_TEST_ID,
               onClick: onClearSpans,
               startIcon: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons_material2.DeleteForeverOutlined, {}),
-              children: "Clear Events"
+              children: "Clear Operations"
             }
           ),
           disabled: clearingSpans,
@@ -15358,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)(
@@ -15399,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 })
             ]
           }