@localstack/appinspector-ui 1.0.98 → 1.0.99

package/dist/index.cjs

@@ -2418,7 +2418,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/pages/spans-list-page.tsx
 var import_material23 = require("@mui/material");
-var import_react67 = require("react");
+var import_react69 = require("react");
 
 // src/api/errors.ts
 var AppInspectorNotFoundError = class extends Error {
@@ -4838,20 +4838,20 @@ var RowSorting = {
   createColumn: (column, table) => {
     column.getAutoSortingFn = () => {
       const firstRows = table.getFilteredRowModel().flatRows.slice(10);
-      let isString2 = false;
+      let isString3 = false;
       for (const row of firstRows) {
         const value = row == null ? void 0 : row.getValue(column.id);
         if (Object.prototype.toString.call(value) === "[object Date]") {
           return sortingFns.datetime;
         }
         if (typeof value === "string") {
-          isString2 = true;
+          isString3 = true;
           if (value.split(reSplitAlphaNumeric).length > 1) {
             return sortingFns.alphanumeric;
           }
         }
       }
-      if (isString2) {
+      if (isString3) {
         return sortingFns.text;
       }
       return sortingFns.basic;
@@ -15444,10 +15444,74 @@ var StatusMessage = ({
   return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, {});
 };
 
-// src/hooks/use-local-storage.tsx
+// src/hooks/status-provider.tsx
+var import_react45 = require("react");
+
+// src/hooks/use-status.tsx
 var import_react44 = require("react");
+var useStatus = () => {
+  const api = useAppInspectorApi();
+  const [checking, setChecking] = (0, import_react44.useState)(true);
+  const [status, setStatus] = (0, import_react44.useState)();
+  const [error, setError] = (0, import_react44.useState)();
+  const hasFetchedReference = (0, import_react44.useRef)(false);
+  const abortControllerReference = (0, import_react44.useRef)(null);
+  const checkStatus = (0, import_react44.useCallback)(async () => {
+    if (abortControllerReference.current !== null) {
+      abortControllerReference.current.abort();
+    }
+    const abortController = new AbortController();
+    abortControllerReference.current = abortController;
+    setChecking(true);
+    try {
+      const response = await api.getStatus();
+      if (!abortController.signal.aborted) {
+        setStatus(response);
+        setError(void 0);
+      }
+    } catch (error_) {
+      if (!abortController.signal.aborted) {
+        setError(error_ instanceof Error ? error_ : new Error("Unknown error"));
+        setStatus(void 0);
+      }
+    } finally {
+      if (!abortController.signal.aborted) {
+        setChecking(false);
+      }
+    }
+  }, [api]);
+  (0, import_react44.useEffect)(() => {
+    if (!hasFetchedReference.current) {
+      hasFetchedReference.current = true;
+      void checkStatus();
+    }
+  }, [checkStatus]);
+  return { checking, checkStatus, error, status };
+};
+
+// src/hooks/status-provider.tsx
+var import_jsx_runtime130 = require("react/jsx-runtime");
+var AppInspectorStatusContext = (0, import_react45.createContext)(void 0);
+var StatusProvider = ({ children }) => {
+  const { checking, checkStatus, error, status } = useStatus();
+  const value = (0, import_react45.useMemo)(
+    () => ({ checking, checkStatus, status, statusError: error }),
+    [checking, checkStatus, status, error]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(AppInspectorStatusContext.Provider, { value, children });
+};
+var useAppInspectorStatus = () => {
+  const value = (0, import_react45.useContext)(AppInspectorStatusContext);
+  if (!value) {
+    throw new Error("@localstack-studio/ui: useAppInspectorStatus must be used within a <StatusProvider> (rendered internally by <AppInspectorContextProvider>)");
+  }
+  return value;
+};
+
+// src/hooks/use-local-storage.tsx
+var import_react46 = require("react");
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = (0, import_react44.useState)(() => {
+  const [storedValue, setStoredValue] = (0, import_react46.useState)(() => {
     try {
       const item = globalThis.localStorage.getItem(key);
       return item ? JSON.parse(item) : initialValue;
@@ -15456,7 +15520,7 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = (0, import_react44.useCallback)((value) => {
+  const setValue = (0, import_react46.useCallback)((value) => {
     try {
       setStoredValue((previousState) => {
         const next = typeof value === "function" ? value(previousState) : value;
@@ -15471,7 +15535,7 @@ function useLocalStorage(key, initialValue) {
       console.error(`Error setting localStorage key "${key}":`, error);
     }
   }, [key]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const handleStorageChange = (event) => {
       if (event.key === key && event.newValue !== null) {
         try {
@@ -15490,49 +15554,7 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/use-spans.ts
-var import_react50 = require("react");
-
-// src/hooks/use-status.tsx
-var import_react45 = require("react");
-var useStatus = () => {
-  const api = useAppInspectorApi();
-  const [checking, setChecking] = (0, import_react45.useState)(true);
-  const [status, setStatus] = (0, import_react45.useState)();
-  const [error, setError] = (0, import_react45.useState)();
-  const hasFetchedReference = (0, import_react45.useRef)(false);
-  const abortControllerReference = (0, import_react45.useRef)(null);
-  const checkStatus = (0, import_react45.useCallback)(async () => {
-    if (abortControllerReference.current !== null) {
-      abortControllerReference.current.abort();
-    }
-    const abortController = new AbortController();
-    abortControllerReference.current = abortController;
-    setChecking(true);
-    try {
-      const response = await api.getStatus();
-      if (!abortController.signal.aborted) {
-        setStatus(response);
-        setError(void 0);
-      }
-    } catch (error_) {
-      if (!abortController.signal.aborted) {
-        setError(error_ instanceof Error ? error_ : new Error("Unknown error"));
-        setStatus(void 0);
-      }
-    } finally {
-      if (!abortController.signal.aborted) {
-        setChecking(false);
-      }
-    }
-  }, [api]);
-  (0, import_react45.useEffect)(() => {
-    if (!hasFetchedReference.current) {
-      hasFetchedReference.current = true;
-      void checkStatus();
-    }
-  }, [checkStatus]);
-  return { checking, checkStatus, error, status };
-};
+var import_react52 = require("react");
 
 // src/utils/pagination-buffer.ts
 var insertSorted = (array, item, compareFunction, hint = "back") => {
@@ -15713,12 +15735,13 @@ var createPaginationBuffer = (options) => {
 };
 
 // src/hooks/use-spans-ws.tsx
-var import_react48 = require("react");
+var import_react50 = require("react");
 
 // src/config.ts
 var APPINSPECTOR_API_PREFIX = "/_localstack/appinspector";
 var API_VERSION = "v1";
 var API_ENDPOINTS = {
+  ANALYTICS: "/analytics",
   EVENTS: "/traces/*/spans/*/events",
   ROOT: "/",
   SPANS: "/traces/*/spans",
@@ -15741,8 +15764,8 @@ var getAppInspectorApiUrl = (localstackEndpoint, endpoint) => {
 var LOCALSTACK_INFO_PATH = "/_localstack/info";
 
 // src/context.tsx
-var import_react46 = require("react");
-var import_react47 = require("react");
+var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/api/client.ts
 var import_semver2 = __toESM(require_semver2(), 1);
@@ -15813,6 +15836,7 @@ var createScopedLogger = (scope) => ({
 
 // src/api/client.ts
 var apiLogger = createScopedLogger("API");
+var analyticsLogger = createScopedLogger("ANALYTICS");
 var makeRequest = async (options) => {
   const url = getAppInspectorApiUrl(options.localstackEndpoint, options.endpoint);
   try {
@@ -15885,110 +15909,2031 @@ var buildEventsEndpoint = (request) => {
   if (request.pagination_token) {
     queryParameters.set("pagination_token", request.pagination_token);
   }
-  for (const [key, value] of Object.entries(request)) {
-    if (value !== void 0 && key !== "limit" && key !== "pagination_token" && value !== null) {
-      queryParameters.set(key, String(value));
+  for (const [key, value] of Object.entries(request)) {
+    if (value !== void 0 && key !== "limit" && key !== "pagination_token" && value !== null) {
+      queryParameters.set(key, String(value));
+    }
+  }
+  const queryString = queryParameters.toString();
+  return queryString ? `${basePath}?${queryString}` : basePath;
+};
+var fetchLocalStackVersion = async (localstackEndpoint) => {
+  try {
+    const response = await fetch(`${localstackEndpoint}${LOCALSTACK_INFO_PATH}`);
+    if (!response.ok) return void 0;
+    const info = await response.json();
+    return info.version;
+  } catch {
+    return void 0;
+  }
+};
+var createApiClient = ({ localstackEndpoint }) => {
+  return {
+    deleteSpans: async (_request) => {
+      return makeRequest({
+        endpoint: API_ENDPOINTS.SPANS,
+        localstackEndpoint,
+        request: {
+          method: "DELETE"
+        }
+      });
+    },
+    getEvents: async (request) => {
+      const endpoint = buildEventsEndpoint(request);
+      return makeRequest({ endpoint, localstackEndpoint });
+    },
+    getIamEvents: async (request) => {
+      const iamEventsRequest = {
+        ...request,
+        event_type: "iam.policy_evaluation"
+      };
+      const endpoint = buildEventsEndpoint(iamEventsRequest);
+      return makeRequest({ endpoint, localstackEndpoint });
+    },
+    getSpans: async (request) => {
+      const endpoint = buildSpansEndpoint(request);
+      const response = await makeRequest({ endpoint, localstackEndpoint });
+      return {
+        ...response,
+        spans: response.spans.map((span) => ({
+          ...span,
+          endTime: unixNanoToDate(span.end_time_unix_nano),
+          startTime: unixNanoToDate(span.start_time_unix_nano)
+        }))
+      };
+    },
+    getStatus: async () => {
+      let headerVersion;
+      const [statusResult, infoVersion] = await Promise.allSettled([
+        makeRequest({
+          captureHeaders: (headers) => {
+            headerVersion = headers.get("x-localstack") ?? void 0;
+          },
+          endpoint: API_ENDPOINTS.STATUS,
+          localstackEndpoint
+        }),
+        fetchLocalStackVersion(localstackEndpoint)
+      ]);
+      if (statusResult.status === "rejected") {
+        const reason = statusResult.reason;
+        if (reason instanceof AppInspectorNotFoundError) {
+          reason.localstackVersion = infoVersion.status === "fulfilled" ? infoVersion.value : void 0;
+        }
+        throw reason instanceof Error ? reason : new Error("Unknown error occurred");
+      }
+      const localstackVersion = headerVersion && import_semver2.default.coerce(headerVersion) ? headerVersion : infoVersion.status === "fulfilled" ? infoVersion.value : void 0;
+      return { ...statusResult.value, localstackVersion };
+    },
+    postAnalytics: async (request) => {
+      try {
+        await makeRequest({
+          endpoint: API_ENDPOINTS.ANALYTICS,
+          localstackEndpoint,
+          request: {
+            body: JSON.stringify(request),
+            method: "POST"
+          }
+        });
+      } catch (error) {
+        analyticsLogger.warn("Failed to post analytics event:", { error, event: request.event });
+      }
+    },
+    setStatus: async (request) => {
+      return makeRequest({
+        endpoint: API_ENDPOINTS.STATUS,
+        localstackEndpoint,
+        request: {
+          body: JSON.stringify(request),
+          method: "PUT"
+        }
+      });
+    }
+  };
+};
+
+// src/hooks/use-appinspector-open-analytics.ts
+var import_react47 = require("react");
+
+// node_modules/ua-parser-js/src/main/ua-parser.mjs
+var LIBVERSION = "2.0.9";
+var UA_MAX_LENGTH = 500;
+var USER_AGENT = "user-agent";
+var EMPTY = "";
+var UNKNOWN = "?";
+var TYPEOF = {
+  FUNCTION: "function",
+  OBJECT: "object",
+  STRING: "string",
+  UNDEFINED: "undefined"
+};
+var BROWSER = "browser";
+var CPU = "cpu";
+var DEVICE = "device";
+var ENGINE = "engine";
+var OS = "os";
+var RESULT = "result";
+var NAME = "name";
+var TYPE = "type";
+var VENDOR = "vendor";
+var VERSION = "version";
+var ARCHITECTURE = "architecture";
+var MAJOR = "major";
+var MODEL = "model";
+var CONSOLE = "console";
+var MOBILE = "mobile";
+var TABLET = "tablet";
+var SMARTTV = "smarttv";
+var WEARABLE = "wearable";
+var XR = "xr";
+var EMBEDDED = "embedded";
+var FETCHER = "fetcher";
+var INAPP = "inapp";
+var BRANDS = "brands";
+var FORMFACTORS = "formFactors";
+var FULLVERLIST = "fullVersionList";
+var PLATFORM = "platform";
+var PLATFORMVER = "platformVersion";
+var BITNESS = "bitness";
+var CH = "sec-ch-ua";
+var CH_FULL_VER_LIST = CH + "-full-version-list";
+var CH_ARCH = CH + "-arch";
+var CH_BITNESS = CH + "-" + BITNESS;
+var CH_FORM_FACTORS = CH + "-form-factors";
+var CH_MOBILE = CH + "-" + MOBILE;
+var CH_MODEL = CH + "-" + MODEL;
+var CH_PLATFORM = CH + "-" + PLATFORM;
+var CH_PLATFORM_VER = CH_PLATFORM + "-version";
+var CH_ALL_VALUES = [BRANDS, FULLVERLIST, MOBILE, MODEL, PLATFORM, PLATFORMVER, ARCHITECTURE, FORMFACTORS, BITNESS];
+var AMAZON = "Amazon";
+var APPLE = "Apple";
+var ASUS = "ASUS";
+var BLACKBERRY = "BlackBerry";
+var GOOGLE = "Google";
+var HUAWEI = "Huawei";
+var LENOVO = "Lenovo";
+var HONOR = "Honor";
+var LG = "LG";
+var MICROSOFT = "Microsoft";
+var MOTOROLA = "Motorola";
+var NVIDIA = "Nvidia";
+var ONEPLUS = "OnePlus";
+var OPPO = "OPPO";
+var SAMSUNG = "Samsung";
+var SHARP = "Sharp";
+var SONY = "Sony";
+var XIAOMI = "Xiaomi";
+var ZEBRA = "Zebra";
+var CHROME = "Chrome";
+var CHROMIUM = "Chromium";
+var CHROMECAST = "Chromecast";
+var EDGE = "Edge";
+var FIREFOX = "Firefox";
+var OPERA = "Opera";
+var FACEBOOK = "Facebook";
+var SOGOU = "Sogou";
+var PREFIX_MOBILE = "Mobile ";
+var SUFFIX_BROWSER = " Browser";
+var WINDOWS = "Windows";
+var isWindow = typeof window !== TYPEOF.UNDEFINED;
+var NAVIGATOR = isWindow && window.navigator ? window.navigator : void 0;
+var NAVIGATOR_UADATA = NAVIGATOR && NAVIGATOR.userAgentData ? NAVIGATOR.userAgentData : void 0;
+var extend = function(defaultRgx, extensions) {
+  var mergedRgx = {};
+  var extraRgx = extensions;
+  if (!isExtensions(extensions)) {
+    extraRgx = {};
+    for (var i2 in extensions) {
+      for (var j2 in extensions[i2]) {
+        extraRgx[j2] = extensions[i2][j2].concat(extraRgx[j2] ? extraRgx[j2] : []);
+      }
+    }
+  }
+  for (var k2 in defaultRgx) {
+    mergedRgx[k2] = extraRgx[k2] && extraRgx[k2].length % 2 === 0 ? extraRgx[k2].concat(defaultRgx[k2]) : defaultRgx[k2];
+  }
+  return mergedRgx;
+};
+var enumerize = function(arr) {
+  var enums = {};
+  for (var i2 = 0; i2 < arr.length; i2++) {
+    enums[arr[i2].toUpperCase()] = arr[i2];
+  }
+  return enums;
+};
+var has = function(str1, str2) {
+  if (typeof str1 === TYPEOF.OBJECT && str1.length > 0) {
+    for (var i2 in str1) {
+      if (lowerize(str2) == lowerize(str1[i2])) return true;
+    }
+    return false;
+  }
+  return isString2(str1) ? lowerize(str2) == lowerize(str1) : false;
+};
+var isExtensions = function(obj, deep) {
+  for (var prop in obj) {
+    return /^(browser|cpu|device|engine|os)$/.test(prop) || (deep ? isExtensions(obj[prop]) : false);
+  }
+};
+var isString2 = function(val) {
+  return typeof val === TYPEOF.STRING;
+};
+var itemListToArray = function(header) {
+  if (!header) return void 0;
+  var arr = [];
+  var tokens = strip(/\\?\"/g, header).split(",");
+  for (var i2 = 0; i2 < tokens.length; i2++) {
+    if (tokens[i2].indexOf(";") > -1) {
+      var token = trim(tokens[i2]).split(";v=");
+      arr[i2] = { brand: token[0], version: token[1] };
+    } else {
+      arr[i2] = trim(tokens[i2]);
+    }
+  }
+  return arr;
+};
+var lowerize = function(str) {
+  return isString2(str) ? str.toLowerCase() : str;
+};
+var majorize = function(version) {
+  return isString2(version) ? strip(/[^\d\.]/g, version).split(".")[0] : void 0;
+};
+var setProps = function(arr) {
+  for (var i2 in arr) {
+    if (!arr.hasOwnProperty(i2)) continue;
+    var propName = arr[i2];
+    if (typeof propName == TYPEOF.OBJECT && propName.length == 2) {
+      this[propName[0]] = propName[1];
+    } else {
+      this[propName] = void 0;
+    }
+  }
+  return this;
+};
+var strip = function(pattern, str) {
+  return isString2(str) ? str.replace(pattern, EMPTY) : str;
+};
+var stripQuotes = function(str) {
+  return strip(/\\?\"/g, str);
+};
+var trim = function(str, len) {
+  str = strip(/^\s\s*/, String(str));
+  return typeof len === TYPEOF.UNDEFINED ? str : str.substring(0, len);
+};
+var rgxMapper = function(ua, arrays) {
+  if (!ua || !arrays) return;
+  var i2 = 0, j2, k2, p2, q2, matches, match;
+  while (i2 < arrays.length && !matches) {
+    var regex = arrays[i2], props = arrays[i2 + 1];
+    j2 = k2 = 0;
+    while (j2 < regex.length && !matches) {
+      if (!regex[j2]) {
+        break;
+      }
+      matches = regex[j2++].exec(ua);
+      if (!!matches) {
+        for (p2 = 0; p2 < props.length; p2++) {
+          match = matches[++k2];
+          q2 = props[p2];
+          if (typeof q2 === TYPEOF.OBJECT && q2.length > 0) {
+            if (q2.length === 2) {
+              if (typeof q2[1] == TYPEOF.FUNCTION) {
+                this[q2[0]] = q2[1].call(this, match);
+              } else {
+                this[q2[0]] = q2[1];
+              }
+            } else if (q2.length >= 3) {
+              if (typeof q2[1] === TYPEOF.FUNCTION && !(q2[1].exec && q2[1].test)) {
+                if (q2.length > 3) {
+                  this[q2[0]] = match ? q2[1].apply(this, q2.slice(2)) : void 0;
+                } else {
+                  this[q2[0]] = match ? q2[1].call(this, match, q2[2]) : void 0;
+                }
+              } else {
+                if (q2.length == 3) {
+                  this[q2[0]] = match ? match.replace(q2[1], q2[2]) : void 0;
+                } else if (q2.length == 4) {
+                  this[q2[0]] = match ? q2[3].call(this, match.replace(q2[1], q2[2])) : void 0;
+                } else if (q2.length > 4) {
+                  this[q2[0]] = match ? q2[3].apply(this, [match.replace(q2[1], q2[2])].concat(q2.slice(4))) : void 0;
+                }
+              }
+            }
+          } else {
+            this[q2] = match ? match : void 0;
+          }
+        }
+      }
+    }
+    i2 += 2;
+  }
+};
+var strMapper = function(str, map) {
+  for (var i2 in map) {
+    if (typeof map[i2] === TYPEOF.OBJECT && map[i2].length > 0) {
+      for (var j2 = 0; j2 < map[i2].length; j2++) {
+        if (has(map[i2][j2], str)) {
+          return i2 === UNKNOWN ? void 0 : i2;
+        }
+      }
+    } else if (has(map[i2], str)) {
+      return i2 === UNKNOWN ? void 0 : i2;
+    }
+  }
+  return map.hasOwnProperty("*") ? map["*"] : str;
+};
+var windowsVersionMap = {
+  "ME": "4.90",
+  "NT 3.51": "3.51",
+  "NT 4.0": "4.0",
+  "2000": ["5.0", "5.01"],
+  "XP": ["5.1", "5.2"],
+  "Vista": "6.0",
+  "7": "6.1",
+  "8": "6.2",
+  "8.1": "6.3",
+  "10": ["6.4", "10.0"],
+  "NT": ""
+};
+var formFactorsMap = {
+  "embedded": "Automotive",
+  "mobile": "Mobile",
+  "tablet": ["Tablet", "EInk"],
+  "smarttv": "TV",
+  "wearable": "Watch",
+  "xr": ["VR", "XR"],
+  "?": ["Desktop", "Unknown"],
+  "*": void 0
+};
+var browserHintsMap = {
+  "Chrome": "Google Chrome",
+  "Edge": "Microsoft Edge",
+  "Edge WebView2": "Microsoft Edge WebView2",
+  "Chrome WebView": "Android WebView",
+  "Chrome Headless": "HeadlessChrome",
+  "Huawei Browser": "HuaweiBrowser",
+  "MIUI Browser": "Miui Browser",
+  "Opera Mobi": "OperaMobile",
+  "Yandex": "YaBrowser"
+};
+var defaultRegexes = {
+  browser: [
+    [
+      // Most common regardless engine
+      /\b(?:crmo|crios)\/([\w\.]+)/i
+      // Chrome for Android/iOS
+    ],
+    [VERSION, [NAME, PREFIX_MOBILE + "Chrome"]],
+    [
+      /webview.+edge\/([\w\.]+)/i
+      // Microsoft Edge
+    ],
+    [VERSION, [NAME, EDGE + " WebView"]],
+    [
+      /edg(?:e|ios|a)?\/([\w\.]+)/i
+    ],
+    [VERSION, [NAME, "Edge"]],
+    [
+      // Presto based
+      /(opera mini)\/([-\w\.]+)/i,
+      // Opera Mini
+      /(opera [mobiletab]{3,6})\b.+version\/([-\w\.]+)/i,
+      // Opera Mobi/Tablet
+      /(opera)(?:.+version\/|[\/ ]+)([\w\.]+)/i
+      // Opera
+    ],
+    [NAME, VERSION],
+    [
+      /opios[\/ ]+([\w\.]+)/i
+      // Opera mini on iphone >= 8.0
+    ],
+    [VERSION, [NAME, OPERA + " Mini"]],
+    [
+      /\bop(?:rg)?x\/([\w\.]+)/i
+      // Opera GX
+    ],
+    [VERSION, [NAME, OPERA + " GX"]],
+    [
+      /\bopr\/([\w\.]+)/i
+      // Opera Webkit
+    ],
+    [VERSION, [NAME, OPERA]],
+    [
+      // Mixed
+      /\bb[ai]*d(?:uhd|[ub]*[aekoprswx]{5,6})[\/ ]?([\w\.]+)/i
+      // Baidu
+    ],
+    [VERSION, [NAME, "Baidu"]],
+    [
+      /\b(?:mxbrowser|mxios|myie2)\/?([-\w\.]*)\b/i
+      // Maxthon
+    ],
+    [VERSION, [NAME, "Maxthon"]],
+    [
+      /(kindle)\/([\w\.]+)/i,
+      // Kindle
+      /(lunascape|maxthon|netfront|jasmine|blazer|sleipnir)[\/ ]?([\w\.]*)/i,
+      // Lunascape/Maxthon/Netfront/Jasmine/Blazer/Sleipnir
+      // Trident based
+      /(avant|iemobile|slim(?:browser|boat|jet))[\/ ]?([\d\.]*)/i,
+      // Avant/IEMobile/SlimBrowser/SlimBoat/Slimjet
+      /(?:ms|\()(ie) ([\w\.]+)/i,
+      // Internet Explorer
+      // Blink/Webkit/KHTML based                                         // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon/LG Browser/Otter/qutebrowser/Dooble/Palemoon/HiBrowser
+      /(atlas|flock|rockmelt|midori|epiphany|silk|skyfire|bolt|iron|vivaldi|iridium|phantomjs|bowser|qupzilla|falkon|rekonq|puffin|whale(?!.+naver)|qqbrowserlite|duckduckgo|klar|helio|(?=comodo_)?dragon|otter|dooble|(?:hi|lg |ovi|qute)browser|palemoon)\/v?([-\w\.]+)/i,
+      // Atlas/Rekonq/Puffin/Whale/QQBrowserLite/QQ//Vivaldi/DuckDuckGo/Klar/Helio/Dragon
+      /(brave)(?: chrome)?\/([\d\.]+)/i,
+      // Brave
+      /(aloha|heytap|ovi|115|surf|qwant)browser\/([\d\.]+)/i,
+      // Aloha/HeyTap/Ovi/115/Surf
+      /(qwant)(?:ios|mobile)\/([\d\.]+)/i,
+      // Qwant
+      /(ecosia|weibo)(?:__| \w+@)([\d\.]+)/i
+      // Ecosia/Weibo
+    ],
+    [NAME, VERSION],
+    [
+      /quark(?:pc)?\/([-\w\.]+)/i
+      // Quark
+    ],
+    [VERSION, [NAME, "Quark"]],
+    [
+      /\bddg\/([\w\.]+)/i
+      // DuckDuckGo
+    ],
+    [VERSION, [NAME, "DuckDuckGo"]],
+    [
+      /(?:\buc? ?browser|(?:juc.+)ucweb)[\/ ]?([\w\.]+)/i
+      // UCBrowser
+    ],
+    [VERSION, [NAME, "UCBrowser"]],
+    [
+      /microm.+\bqbcore\/([\w\.]+)/i,
+      // WeChat Desktop for Windows Built-in Browser
+      /\bqbcore\/([\w\.]+).+microm/i,
+      /micromessenger\/([\w\.]+)/i
+      // WeChat
+    ],
+    [VERSION, [NAME, "WeChat"]],
+    [
+      /konqueror\/([\w\.]+)/i
+      // Konqueror
+    ],
+    [VERSION, [NAME, "Konqueror"]],
+    [
+      /trident.+rv[: ]([\w\.]{1,9})\b.+like gecko/i
+      // IE11
+    ],
+    [VERSION, [NAME, "IE"]],
+    [
+      /ya(?:search)?browser\/([\w\.]+)/i
+      // Yandex
+    ],
+    [VERSION, [NAME, "Yandex"]],
+    [
+      /slbrowser\/([\w\.]+)/i
+      // Smart Lenovo Browser
+    ],
+    [VERSION, [NAME, "Smart " + LENOVO + SUFFIX_BROWSER]],
+    [
+      /(av(?:ast|g|ira))\/([\w\.]+)/i
+      // Avast/AVG/Avira Secure Browser
+    ],
+    [[NAME, /(.+)/, "$1 Secure" + SUFFIX_BROWSER], VERSION],
+    [
+      /norton\/([\w\.]+)/i
+      // Norton Private Browser
+    ],
+    [VERSION, [NAME, "Norton Private" + SUFFIX_BROWSER]],
+    [
+      /\bfocus\/([\w\.]+)/i
+      // Firefox Focus
+    ],
+    [VERSION, [NAME, FIREFOX + " Focus"]],
+    [
+      / mms\/([\w\.]+)$/i
+      // Opera Neon
+    ],
+    [VERSION, [NAME, OPERA + " Neon"]],
+    [
+      / opt\/([\w\.]+)$/i
+      // Opera Touch
+    ],
+    [VERSION, [NAME, OPERA + " Touch"]],
+    [
+      /coc_coc\w+\/([\w\.]+)/i
+      // Coc Coc Browser
+    ],
+    [VERSION, [NAME, "Coc Coc"]],
+    [
+      /dolfin\/([\w\.]+)/i
+      // Dolphin
+    ],
+    [VERSION, [NAME, "Dolphin"]],
+    [
+      /coast\/([\w\.]+)/i
+      // Opera Coast
+    ],
+    [VERSION, [NAME, OPERA + " Coast"]],
+    [
+      /miuibrowser\/([\w\.]+)/i
+      // MIUI Browser
+    ],
+    [VERSION, [NAME, "MIUI" + SUFFIX_BROWSER]],
+    [
+      /fxios\/([\w\.-]+)/i
+      // Firefox for iOS
+    ],
+    [VERSION, [NAME, PREFIX_MOBILE + FIREFOX]],
+    [
+      /\bqihoobrowser\/?([\w\.]*)/i
+      // 360
+    ],
+    [VERSION, [NAME, "360"]],
+    [
+      /\b(qq)\/([\w\.]+)/i
+      // QQ
+    ],
+    [[NAME, /(.+)/, "$1Browser"], VERSION],
+    [
+      /(oculus|sailfish|huawei|vivo|pico)browser\/([\w\.]+)/i
+    ],
+    [[NAME, /(.+)/, "$1" + SUFFIX_BROWSER], VERSION],
+    [
+      // Oculus/Sailfish/HuaweiBrowser/VivoBrowser/PicoBrowser
+      /samsungbrowser\/([\w\.]+)/i
+      // Samsung Internet
+    ],
+    [VERSION, [NAME, SAMSUNG + " Internet"]],
+    [
+      /metasr[\/ ]?([\d\.]+)/i
+      // Sogou Explorer
+    ],
+    [VERSION, [NAME, SOGOU + " Explorer"]],
+    [
+      /(sogou)mo\w+\/([\d\.]+)/i
+      // Sogou Mobile
+    ],
+    [[NAME, SOGOU + " Mobile"], VERSION],
+    [
+      /(electron)\/([\w\.]+) safari/i,
+      // Electron-based App
+      /(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w\.]+))/i,
+      // Tesla
+      /m?(qqbrowser|2345(?=browser|chrome|explorer))\w*[\/ ]?v?([\w\.]+)/i
+      // QQ/2345
+    ],
+    [NAME, VERSION],
+    [
+      /(lbbrowser|luakit|rekonq|steam(?= (clie|tenf|gameo)))/i
+      // LieBao Browser/Luakit/Rekonq/Steam
+    ],
+    [NAME],
+    [
+      /ome\/([\w\.]+).+(iron(?= saf)|360(?=[es]e$))/i
+      // Iron / 360
+    ],
+    [VERSION, NAME],
+    [
+      // WebView
+      /((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w\.]+);)/i
+      // Facebook App for iOS & Android
+    ],
+    [[NAME, FACEBOOK], VERSION, [TYPE, INAPP]],
+    [
+      /(kakao(?:talk|story))[\/ ]([\w\.]+)/i,
+      // Kakao App
+      /(naver)\(.*?(\d+\.[\w\.]+).*\)/i,
+      // Naver InApp
+      /(daum)apps[\/ ]([\w\.]+)/i,
+      // Daum App
+      /safari (line)\/([\w\.]+)/i,
+      // Line App for iOS
+      /\b(line)\/([\w\.]+)\/iab/i,
+      // Line App for Android
+      /(alipay)client\/([\w\.]+)/i,
+      // Alipay
+      /(twitter)(?:and| f.+e\/([\w\.]+))/i,
+      // Twitter
+      /(bing)(?:web|sapphire)\/([\w\.]+)/i,
+      // Bing
+      /(instagram|snapchat|klarna)[\/ ]([-\w\.]+)/i
+      // Instagram/Snapchat/Klarna
+    ],
+    [NAME, VERSION, [TYPE, INAPP]],
+    [
+      /\bgsa\/([\w\.]+) .*safari\//i
+      // Google Search Appliance on iOS
+    ],
+    [VERSION, [NAME, "GSA"], [TYPE, INAPP]],
+    [
+      /(?:musical_ly|trill)(?:.+app_?version\/|_)([\w\.]+)/i
+      // TikTok
+    ],
+    [VERSION, [NAME, "TikTok"], [TYPE, INAPP]],
+    [
+      /\[(linkedin)app\]/i
+      // LinkedIn App for iOS & Android
+    ],
+    [NAME, [TYPE, INAPP]],
+    [
+      /(zalo(?:app)?)[\/\sa-z]*([\w\.-]+)/i
+      // Zalo 
+    ],
+    [[NAME, /(.+)/, "Zalo"], VERSION, [TYPE, INAPP]],
+    [
+      /(chromium)[\/ ]([-\w\.]+)/i
+      // Chromium
+    ],
+    [NAME, VERSION],
+    [
+      /ome-(lighthouse)$/i
+      // Chrome Lighthouse
+    ],
+    [NAME, [TYPE, FETCHER]],
+    [
+      /headlesschrome(?:\/([\w\.]+)| )/i
+      // Chrome Headless
+    ],
+    [VERSION, [NAME, CHROME + " Headless"]],
+    [
+      /wv\).+chrome\/([\w\.]+).+edgw\//i
+      // Edge WebView2
+    ],
+    [VERSION, [NAME, EDGE + " WebView2"]],
+    [
+      / wv\).+(chrome)\/([\w\.]+)/i
+      // Chrome WebView
+    ],
+    [[NAME, CHROME + " WebView"], VERSION],
+    [
+      /droid.+ version\/([\w\.]+)\b.+(?:mobile safari|safari)/i
+      // Android Browser
+    ],
+    [VERSION, [NAME, "Android" + SUFFIX_BROWSER]],
+    [
+      /chrome\/([\w\.]+) mobile/i
+      // Chrome Mobile
+    ],
+    [VERSION, [NAME, PREFIX_MOBILE + "Chrome"]],
+    [
+      /(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w\.]+)/i
+      // Chrome/OmniWeb/Arora/Tizen/Nokia
+    ],
+    [NAME, VERSION],
+    [
+      /version\/([\w\.\,]+) .*mobile(?:\/\w+ | ?)safari/i
+      // Safari Mobile
+    ],
+    [VERSION, [NAME, PREFIX_MOBILE + "Safari"]],
+    [
+      /iphone .*mobile(?:\/\w+ | ?)safari/i
+    ],
+    [[NAME, PREFIX_MOBILE + "Safari"]],
+    [
+      /version\/([\w\.\,]+) .*(safari)/i
+      // Safari
+    ],
+    [VERSION, NAME],
+    [
+      /webkit.+?(mobile ?safari|safari)(\/[\w\.]+)/i
+      // Safari < 3.0
+    ],
+    [NAME, [VERSION, "1"]],
+    [
+      /(webkit|khtml)\/([\w\.]+)/i
+    ],
+    [NAME, VERSION],
+    [
+      // Gecko based
+      /(?:mobile|tablet);.*(firefox)\/([\w\.-]+)/i
+      // Firefox Mobile
+    ],
+    [[NAME, PREFIX_MOBILE + FIREFOX], VERSION],
+    [
+      /(navigator|netscape\d?)\/([-\w\.]+)/i
+      // Netscape
+    ],
+    [[NAME, "Netscape"], VERSION],
+    [
+      /(wolvic|librewolf)\/([\w\.]+)/i
+      // Wolvic/LibreWolf
+    ],
+    [NAME, VERSION],
+    [
+      /mobile vr; rv:([\w\.]+)\).+firefox/i
+      // Firefox Reality
+    ],
+    [VERSION, [NAME, FIREFOX + " Reality"]],
+    [
+      /ekiohf.+(flow)\/([\w\.]+)/i,
+      // Flow
+      /(swiftfox)/i,
+      // Swiftfox
+      /(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror)[\/ ]?([\w\.\+]+)/i,
+      // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror
+      /(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|basilisk|waterfox)\/([-\w\.]+)$/i,
+      // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix
+      /(firefox)\/([\w\.]+)/i,
+      // Other Firefox-based
+      /(mozilla)\/([\w\.]+(?= .+rv\:.+gecko\/\d+)|[0-4][\w\.]+(?!.+compatible))/i,
+      // Mozilla
+      // Other
+      /(amaya|dillo|doris|icab|ladybird|lynx|mosaic|netsurf|obigo|polaris|w3m|(?:go|ice|up)[\. ]?browser)[-\/ ]?v?([\w\.]+)/i,
+      // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Obigo/Mosaic/Go/ICE/UP.Browser/Ladybird
+      /\b(links) \(([\w\.]+)/i
+      // Links
+    ],
+    [NAME, [VERSION, /_/g, "."]],
+    [
+      /(cobalt)\/([\w\.]+)/i
+      // Cobalt
+    ],
+    [NAME, [VERSION, /[^\d\.]+./, EMPTY]]
+  ],
+  cpu: [
+    [
+      /\b((amd|x|x86[-_]?|wow|win)64)\b/i
+      // AMD64 (x64)
+    ],
+    [[ARCHITECTURE, "amd64"]],
+    [
+      /(ia32(?=;))/i,
+      // IA32 (quicktime)
+      /\b((i[346]|x)86)(pc)?\b/i
+      // IA32 (x86)
+    ],
+    [[ARCHITECTURE, "ia32"]],
+    [
+      /\b(aarch64|arm(v?[89]e?l?|_?64))\b/i
+      // ARM64
+    ],
+    [[ARCHITECTURE, "arm64"]],
+    [
+      /\b(arm(v[67])?ht?n?[fl]p?)\b/i
+      // ARMHF
+    ],
+    [[ARCHITECTURE, "armhf"]],
+    [
+      // PocketPC mistakenly identified as PowerPC
+      /( (ce|mobile); ppc;|\/[\w\.]+arm\b)/i
+    ],
+    [[ARCHITECTURE, "arm"]],
+    [
+      / sun4\w[;\)]/i
+      // SPARC
+    ],
+    [[ARCHITECTURE, "sparc"]],
+    [
+      // IA64, 68K, ARM/64, AVR/32, IRIX/64, MIPS/64, SPARC/64, PA-RISC
+      /\b(avr32|ia64(?=;)|68k(?=\))|\barm(?=v([1-7]|[5-7]1)l?|;|eabi)|(irix|mips|sparc)(64)?\b|pa-risc)/i,
+      /((ppc|powerpc)(64)?)( mac|;|\))/i,
+      // PowerPC
+      /(?:osf1|[freopnt]{3,4}bsd) (alpha)/i
+      // Alpha
+    ],
+    [[ARCHITECTURE, /ower/, EMPTY, lowerize]],
+    [
+      /mc680.0/i
+    ],
+    [[ARCHITECTURE, "68k"]],
+    [
+      /winnt.+\[axp/i
+    ],
+    [[ARCHITECTURE, "alpha"]]
+  ],
+  device: [
+    [
+      //////////////////////////
+      // MOBILES & TABLETS
+      /////////////////////////
+      // Samsung
+      /\b(sch-i[89]0\d|shw-m380s|sm-[ptx]\w{2,4}|gt-[pn]\d{2,4}|sgh-t8[56]9|nexus 10)/i
+    ],
+    [MODEL, [VENDOR, SAMSUNG], [TYPE, TABLET]],
+    [
+      /\b((?:s[cgp]h|gt|sm)-(?![lr])\w+|sc[g-]?[\d]+a?|galaxy nexus)/i,
+      /samsung[- ]((?!sm-[lr]|browser)[-\w]+)/i,
+      /sec-(sgh\w+)/i
+    ],
+    [MODEL, [VENDOR, SAMSUNG], [TYPE, MOBILE]],
+    [
+      // Apple
+      /(?:\/|\()(ip(?:hone|od)[\w, ]*)[\/\);]/i
+      // iPod/iPhone
+    ],
+    [MODEL, [VENDOR, APPLE], [TYPE, MOBILE]],
+    [
+      /\b(?:ios|apple\w+)\/.+[\(\/](ipad)/i,
+      // iPad
+      /\b(ipad)[\d,]*[;\] ].+(mac |i(pad)?)os/i
+    ],
+    [MODEL, [VENDOR, APPLE], [TYPE, TABLET]],
+    [
+      /(macintosh);/i
+    ],
+    [MODEL, [VENDOR, APPLE]],
+    [
+      // Sharp
+      /\b(sh-?[altvz]?\d\d[a-ekm]?)/i
+    ],
+    [MODEL, [VENDOR, SHARP], [TYPE, MOBILE]],
+    [
+      // Honor
+      /\b((?:brt|eln|hey2?|gdi|jdn)-a?[lnw]09|(?:ag[rm]3?|jdn2|kob2)-a?[lw]0[09]hn)(?: bui|\)|;)/i
+    ],
+    [MODEL, [VENDOR, HONOR], [TYPE, TABLET]],
+    [
+      /honor([-\w ]+)[;\)]/i
+    ],
+    [MODEL, [VENDOR, HONOR], [TYPE, MOBILE]],
+    [
+      // Huawei
+      /\b((?:ag[rs][2356]?k?|bah[234]?|bg[2o]|bt[kv]|cmr|cpn|db[ry]2?|jdn2|got|kob2?k?|mon|pce|scm|sht?|[tw]gr|vrd)-[ad]?[lw][0125][09]b?|605hw|bg2-u03|(?:gem|fdr|m2|ple|t1)-[7a]0[1-4][lu]|t1-a2[13][lw]|mediapad[\w\. ]*(?= bui|\)))\b(?!.+d\/s)/i
+    ],
+    [MODEL, [VENDOR, HUAWEI], [TYPE, TABLET]],
+    [
+      /(?:huawei) ?([-\w ]+)[;\)]/i,
+      /\b(nexus 6p|\w{2,4}e?-[atu]?[ln][\dx][\dc][adnt]?)\b(?!.+d\/s)/i
+    ],
+    [MODEL, [VENDOR, HUAWEI], [TYPE, MOBILE]],
+    [
+      // Xiaomi
+      /oid[^\)]+; (2[\dbc]{4}(182|283|rp\w{2})[cgl]|m2105k81a?c)(?: bui|\))/i,
+      /\b(?:xiao)?((?:red)?mi[-_ ]?pad[\w- ]*)(?: bui|\))/i
+      // Mi Pad tablets
+    ],
+    [[MODEL, /_/g, " "], [VENDOR, XIAOMI], [TYPE, TABLET]],
+    [
+      /\b; (\w+) build\/hm\1/i,
+      // Xiaomi Hongmi 'numeric' models
+      /\b(hm[-_ ]?note?[_ ]?(?:\d\w)?) bui/i,
+      // Xiaomi Hongmi
+      // Xiaomi Redmi / POCO / Black Shark / Qin
+      /oid[^\)]+; (redmi[\-_ ]?(?:note|k)?[\w_ ]+|m?[12]\d[01]\d\w{3,6}|poco[\w ]+|(shark )?\w{3}-[ah]0|qin ?[1-3](s\+|ultra| pro)?)( bui|; wv|\))/i,
+      // Xiaomi Mi
+      /\b(mi[-_ ]?(?:a\d|one|one[_ ]plus|note|max|cc)?[_ ]?(?:\d{0,2}\w?)[_ ]?(?:plus|se|lite|pro)?( 5g|lte)?)(?: bui|\))/i,
+      / ([\w ]+) miui\/v?\d/i
+    ],
+    [[MODEL, /_/g, " "], [VENDOR, XIAOMI], [TYPE, MOBILE]],
+    [
+      // OnePlus
+      /droid.+; (cph2[3-6]\d[13579]|((gm|hd)19|(ac|be|in|kb)20|(d[en]|eb|le|mt)21|ne22)[0-2]\d|p[g-l]\w[1m]10)\b/i,
+      /(?:one)?(?:plus)? (a\d0\d\d)(?: b|\))/i
+    ],
+    [MODEL, [VENDOR, ONEPLUS], [TYPE, MOBILE]],
+    [
+      // OPPO
+      /; (\w+) bui.+ oppo/i,
+      /\b(cph[12]\d{3}|p(?:af|c[al]|d\w|e[ar])[mt]\d0|x9007|a101op)\b/i
+    ],
+    [MODEL, [VENDOR, OPPO], [TYPE, MOBILE]],
+    [
+      /\b(opd2(\d{3}a?))(?: bui|\))/i
+    ],
+    [MODEL, [VENDOR, strMapper, { "OnePlus": ["203", "304", "403", "404", "413", "415"], "*": OPPO }], [TYPE, TABLET]],
+    [
+      // BLU
+      /(vivo (5r?|6|8l?|go|one|s|x[il]?[2-4]?)[\w\+ ]*)(?: bui|\))/i
+      // Vivo series
+    ],
+    [MODEL, [VENDOR, "BLU"], [TYPE, MOBILE]],
+    [
+      // Vivo
+      /; vivo (\w+)(?: bui|\))/i,
+      /\b(v[12]\d{3}\w?[at])(?: bui|;)/i
+    ],
+    [MODEL, [VENDOR, "Vivo"], [TYPE, MOBILE]],
+    [
+      // Realme
+      /\b(rmx[1-3]\d{3})(?: bui|;|\))/i
+    ],
+    [MODEL, [VENDOR, "Realme"], [TYPE, MOBILE]],
+    [
+      // Lenovo
+      /(ideatab[-\w ]+|602lv|d-42a|a101lv|a2109a|a3500-hv|s[56]000|pb-6505[my]|tb-?x?\d{3,4}(?:f[cu]|xu|[av])|yt\d?-[jx]?\d+[lfmx])( bui|;|\)|\/)/i,
+      /lenovo ?(b[68]0[08]0-?[hf]?|tab(?:[\w- ]+?)|tb[\w-]{6,7})( bui|;|\)|\/)/i
+    ],
+    [MODEL, [VENDOR, LENOVO], [TYPE, TABLET]],
+    [
+      /lenovo[-_ ]?([-\w ]+?)(?: bui|\)|\/)/i
+    ],
+    [MODEL, [VENDOR, LENOVO], [TYPE, MOBILE]],
+    [
+      // Motorola
+      /\b(milestone|droid(?:[2-4x]| (?:bionic|x2|pro|razr))?:?( 4g)?)\b[\w ]+build\//i,
+      /\bmot(?:orola)?[- ]([\w\s]+)(\)| bui)/i,
+      /((?:moto(?! 360)[-\w\(\) ]+|xt\d{3,4}[cgkosw\+]?[-\d]*|nexus 6)(?= bui|\)))/i
+    ],
+    [MODEL, [VENDOR, MOTOROLA], [TYPE, MOBILE]],
+    [
+      /\b(mz60\d|xoom[2 ]{0,2}) build\//i
+    ],
+    [MODEL, [VENDOR, MOTOROLA], [TYPE, TABLET]],
+    [
+      // LG
+      /\b(?:lg)?([vl]k\-?\d{3}) bui| 3\.[-\w; ]{10}lg?-([06cv9]{3,4})/i
+    ],
+    [MODEL, [VENDOR, LG], [TYPE, TABLET]],
+    [
+      /(lm(?:-?f100[nv]?|-[\w\.]+)(?= bui|\))|nexus [45])/i,
+      /\blg[-e;\/ ]+(?!.*(?:browser|netcast|android tv|watch|webos))(\w+)/i,
+      /\blg-?([\d\w]+) bui/i
+    ],
+    [MODEL, [VENDOR, LG], [TYPE, MOBILE]],
+    [
+      // Nokia
+      /(nokia) (t[12][01])/i
+    ],
+    [VENDOR, MODEL, [TYPE, TABLET]],
+    [
+      /(?:maemo|nokia).*(n900|lumia \d+|rm-\d+)/i,
+      /nokia[-_ ]?(([-\w\. ]*?))( bui|\)|;|\/)/i
+    ],
+    [[MODEL, /_/g, " "], [TYPE, MOBILE], [VENDOR, "Nokia"]],
+    [
+      // Google
+      /(pixel (c|tablet))\b/i
+      // Google Pixel C/Tablet
+    ],
+    [MODEL, [VENDOR, GOOGLE], [TYPE, TABLET]],
+    [
+      // Google Pixel
+      /droid.+;(?: google)? (g(01[13]a|020[aem]|025[jn]|1b60|1f8f|2ybb|4s1m|576d|5nz6|8hhn|8vou|a02099|c15s|d1yq|e2ae|ec77|gh2x|kv4x|p4bc|pj41|r83y|tt9q|ur25|wvk6)|pixel[\d ]*a?( pro)?( xl)?( fold)?( \(5g\))?)( bui|\))/i
+    ],
+    [MODEL, [VENDOR, GOOGLE], [TYPE, MOBILE]],
+    [
+      /(google) (pixelbook( go)?)/i
+    ],
+    [VENDOR, MODEL],
+    [
+      // Sony
+      /droid.+; (a?\d[0-2]{2}so|[c-g]\d{4}|so[-gl]\w+|xq-\w\w\d\d)(?= bui|\).+chrome\/(?![1-6]{0,1}\d\.))/i
+    ],
+    [MODEL, [VENDOR, SONY], [TYPE, MOBILE]],
+    [
+      /sony tablet [ps]/i,
+      /\b(?:sony)?sgp\w+(?: bui|\))/i
+    ],
+    [[MODEL, "Xperia Tablet"], [VENDOR, SONY], [TYPE, TABLET]],
+    [
+      // Amazon
+      /(alexa)webm/i,
+      /(kf[a-z]{2}wi|aeo(?!bc)\w\w)( bui|\))/i,
+      // Kindle Fire without Silk / Echo Show
+      /(kf[a-z]+)( bui|\)).+silk\//i
+      // Kindle Fire HD
+    ],
+    [MODEL, [VENDOR, AMAZON], [TYPE, TABLET]],
+    [
+      /((?:sd|kf)[0349hijorstuw]+)( bui|\)).+silk\//i
+      // Fire Phone
+    ],
+    [[MODEL, /(.+)/g, "Fire Phone $1"], [VENDOR, AMAZON], [TYPE, MOBILE]],
+    [
+      // BlackBerry
+      /(playbook);[-\w\),; ]+(rim)/i
+      // BlackBerry PlayBook
+    ],
+    [MODEL, VENDOR, [TYPE, TABLET]],
+    [
+      /\b((?:bb[a-f]|st[hv])100-\d)/i,
+      /(?:blackberry|\(bb10;) (\w+)/i
+    ],
+    [MODEL, [VENDOR, BLACKBERRY], [TYPE, MOBILE]],
+    [
+      // Asus
+      /(?:\b|asus_)(transfo[prime ]{4,10} \w+|eeepc|slider \w+|nexus 7|padfone|p00[cj])/i
+    ],
+    [MODEL, [VENDOR, ASUS], [TYPE, TABLET]],
+    [
+      / (z[bes]6[027][012][km][ls]|zenfone \d\w?)\b/i
+    ],
+    [MODEL, [VENDOR, ASUS], [TYPE, MOBILE]],
+    [
+      // HTC
+      /(nexus 9)/i
+      // HTC Nexus 9
+    ],
+    [MODEL, [VENDOR, "HTC"], [TYPE, TABLET]],
+    [
+      /(htc)[-;_ ]{1,2}([\w ]+(?=\)| bui)|\w+)/i,
+      // HTC
+      // ZTE
+      /(zte)[- ]([\w ]+?)(?: bui|\/|\))/i,
+      /(alcatel|geeksphone|nexian|panasonic(?!(?:;|\.))|sony(?!-bra))[-_ ]?([-\w]*)/i
+      // Alcatel/GeeksPhone/Nexian/Panasonic/Sony
+    ],
+    [VENDOR, [MODEL, /_/g, " "], [TYPE, MOBILE]],
+    [
+      // TCL
+      /tcl (xess p17aa)/i,
+      /droid [\w\.]+; ((?:8[14]9[16]|9(?:0(?:48|60|8[01])|1(?:3[27]|66)|2(?:6[69]|9[56])|466))[gqswx])(_\w(\w|\w\w))?(\)| bui)/i
+    ],
+    [MODEL, [VENDOR, "TCL"], [TYPE, TABLET]],
+    [
+      /droid [\w\.]+; (418(?:7d|8v)|5087z|5102l|61(?:02[dh]|25[adfh]|27[ai]|56[dh]|59k|65[ah])|a509dl|t(?:43(?:0w|1[adepqu])|50(?:6d|7[adju])|6(?:09dl|10k|12b|71[efho]|76[hjk])|7(?:66[ahju]|67[hw]|7[045][bh]|71[hk]|73o|76[ho]|79w|81[hks]?|82h|90[bhsy]|99b)|810[hs]))(_\w(\w|\w\w))?(\)| bui)/i
+    ],
+    [MODEL, [VENDOR, "TCL"], [TYPE, MOBILE]],
+    [
+      // itel
+      /(itel) ((\w+))/i
+    ],
+    [[VENDOR, lowerize], MODEL, [TYPE, strMapper, { "tablet": ["p10001l", "w7001"], "*": "mobile" }]],
+    [
+      // Acer
+      /droid.+; ([ab][1-7]-?[0178a]\d\d?)/i
+    ],
+    [MODEL, [VENDOR, "Acer"], [TYPE, TABLET]],
+    [
+      // Meizu
+      /droid.+; (m[1-5] note) bui/i,
+      /\bmz-([-\w]{2,})/i
+    ],
+    [MODEL, [VENDOR, "Meizu"], [TYPE, MOBILE]],
+    [
+      // Ulefone
+      /; ((?:power )?armor(?:[\w ]{0,8}))(?: bui|\))/i
+    ],
+    [MODEL, [VENDOR, "Ulefone"], [TYPE, MOBILE]],
+    [
+      // Energizer
+      /; (energy ?\w+)(?: bui|\))/i,
+      /; energizer ([\w ]+)(?: bui|\))/i
+    ],
+    [MODEL, [VENDOR, "Energizer"], [TYPE, MOBILE]],
+    [
+      // Cat
+      /; cat (b35);/i,
+      /; (b15q?|s22 flip|s48c|s62 pro)(?: bui|\))/i
+    ],
+    [MODEL, [VENDOR, "Cat"], [TYPE, MOBILE]],
+    [
+      // Smartfren
+      /((?:new )?andromax[\w- ]+)(?: bui|\))/i
+    ],
+    [MODEL, [VENDOR, "Smartfren"], [TYPE, MOBILE]],
+    [
+      // Nothing
+      /droid.+; (a(in)?(0(15|59|6[35])|142)p?)/i
+    ],
+    [MODEL, [VENDOR, "Nothing"], [TYPE, MOBILE]],
+    [
+      // Archos
+      /; (x67 5g|tikeasy \w+|ac[1789]\d\w+)( b|\))/i,
+      /archos ?(5|gamepad2?|([\w ]*[t1789]|hello) ?\d+[\w ]*)( b|\))/i
+    ],
+    [MODEL, [VENDOR, "Archos"], [TYPE, TABLET]],
+    [
+      /archos ([\w ]+)( b|\))/i,
+      /; (ac[3-6]\d\w{2,8})( b|\))/i
+    ],
+    [MODEL, [VENDOR, "Archos"], [TYPE, MOBILE]],
+    [
+      // HMD
+      /; (n159v)/i
+    ],
+    [MODEL, [VENDOR, "HMD"], [TYPE, MOBILE]],
+    [
+      // MIXED
+      /(imo) (tab \w+)/i,
+      // IMO
+      /(infinix|tecno) (x1101b?|p904|dp(7c|8d|10a)( pro)?|p70[1-3]a?|p904|t1101)/i
+      // Infinix XPad / Tecno
+    ],
+    [VENDOR, MODEL, [TYPE, TABLET]],
+    [
+      /(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus(?! zenw)|dell|jolla|meizu|motorola|polytron|tecno|micromax|advan)[-_ ]?([-\w]*)/i,
+      // BlackBerry/BenQ/Palm/Sony-Ericsson/Acer/Asus/Dell/Meizu/Motorola/Polytron/Tecno/Micromax/Advan
+      // BLU/HMD/IMO/Infinix/Lava/OnePlus/TCL/Wiko
+      /; (blu|hmd|imo|infinix|lava|oneplus|tcl|wiko)[_ ]([\w\+ ]+?)(?: bui|\)|; r)/i,
+      /(hp) ([\w ]+\w)/i,
+      // HP iPAQ
+      /(microsoft); (lumia[\w ]+)/i,
+      // Microsoft Lumia
+      /(oppo) ?([\w ]+) bui/i,
+      // OPPO
+      /(hisense) ([ehv][\w ]+)\)/i,
+      // Hisense
+      /droid[^;]+; (philips)[_ ]([sv-x][\d]{3,4}[xz]?)/i
+      // Philips
+    ],
+    [VENDOR, MODEL, [TYPE, MOBILE]],
+    [
+      /(kobo)\s(ereader|touch)/i,
+      // Kobo
+      /(hp).+(touchpad(?!.+tablet)|tablet)/i,
+      // HP TouchPad
+      /(kindle)\/([\w\.]+)/i
+      // Kindle
+    ],
+    [VENDOR, MODEL, [TYPE, TABLET]],
+    [
+      /(surface duo)/i
+      // Surface Duo
+    ],
+    [MODEL, [VENDOR, MICROSOFT], [TYPE, TABLET]],
+    [
+      /droid [\d\.]+; (fp\du?)(?: b|\))/i
+      // Fairphone
+    ],
+    [MODEL, [VENDOR, "Fairphone"], [TYPE, MOBILE]],
+    [
+      /((?:tegranote|shield t(?!.+d tv))[\w- ]*?)(?: b|\))/i
+      // Nvidia Tablets
+    ],
+    [MODEL, [VENDOR, NVIDIA], [TYPE, TABLET]],
+    [
+      /(sprint) (\w+)/i
+      // Sprint Phones
+    ],
+    [VENDOR, MODEL, [TYPE, MOBILE]],
+    [
+      /(kin\.[onetw]{3})/i
+      // Microsoft Kin
+    ],
+    [[MODEL, /\./g, " "], [VENDOR, MICROSOFT], [TYPE, MOBILE]],
+    [
+      /droid.+; ([c6]+|et5[16]|mc[239][23]x?|vc8[03]x?)\)/i
+      // Zebra
+    ],
+    [MODEL, [VENDOR, ZEBRA], [TYPE, TABLET]],
+    [
+      /droid.+; (ec30|ps20|tc[2-8]\d[kx])\)/i
+    ],
+    [MODEL, [VENDOR, ZEBRA], [TYPE, MOBILE]],
+    [
+      ///////////////////
+      // SMARTTVS
+      ///////////////////
+      /(philips)[\w ]+tv/i,
+      // Philips
+      /smart-tv.+(samsung)/i
+      // Samsung
+    ],
+    [VENDOR, [TYPE, SMARTTV]],
+    [
+      /hbbtv.+maple;(\d+)/i
+    ],
+    [[MODEL, /^/, "SmartTV"], [VENDOR, SAMSUNG], [TYPE, SMARTTV]],
+    [
+      /(vizio)(?: |.+model\/)(\w+-\w+)/i,
+      // Vizio
+      /tcast.+(lg)e?. ([-\w]+)/i
+      // LG SmartTV
+    ],
+    [VENDOR, MODEL, [TYPE, SMARTTV]],
+    [
+      /(nux; netcast.+smarttv|lg (netcast\.tv-201\d|android tv))/i
+    ],
+    [[VENDOR, LG], [TYPE, SMARTTV]],
+    [
+      /(apple) ?tv/i
+      // Apple TV
+    ],
+    [VENDOR, [MODEL, APPLE + " TV"], [TYPE, SMARTTV]],
+    [
+      /crkey.*devicetype\/chromecast/i
+      // Google Chromecast Third Generation
+    ],
+    [[MODEL, CHROMECAST + " Third Generation"], [VENDOR, GOOGLE], [TYPE, SMARTTV]],
+    [
+      /crkey.*devicetype\/([^/]*)/i
+      // Google Chromecast with specific device type
+    ],
+    [[MODEL, /^/, "Chromecast "], [VENDOR, GOOGLE], [TYPE, SMARTTV]],
+    [
+      /fuchsia.*crkey/i
+      // Google Chromecast Nest Hub
+    ],
+    [[MODEL, CHROMECAST + " Nest Hub"], [VENDOR, GOOGLE], [TYPE, SMARTTV]],
+    [
+      /crkey/i
+      // Google Chromecast, Linux-based or unknown
+    ],
+    [[MODEL, CHROMECAST], [VENDOR, GOOGLE], [TYPE, SMARTTV]],
+    [
+      /(portaltv)/i
+      // Facebook Portal TV
+    ],
+    [MODEL, [VENDOR, FACEBOOK], [TYPE, SMARTTV]],
+    [
+      /droid.+aft(\w+)( bui|\))/i
+      // Fire TV
+    ],
+    [MODEL, [VENDOR, AMAZON], [TYPE, SMARTTV]],
+    [
+      /(shield \w+ tv)/i
+      // Nvidia Shield TV
+    ],
+    [MODEL, [VENDOR, NVIDIA], [TYPE, SMARTTV]],
+    [
+      /\(dtv[\);].+(aquos)/i,
+      /(aquos-tv[\w ]+)\)/i
+      // Sharp
+    ],
+    [MODEL, [VENDOR, SHARP], [TYPE, SMARTTV]],
+    [
+      /(bravia[\w ]+)( bui|\))/i
+      // Sony
+    ],
+    [MODEL, [VENDOR, SONY], [TYPE, SMARTTV]],
+    [
+      /(mi(tv|box)-?\w+) bui/i
+      // Xiaomi
+    ],
+    [MODEL, [VENDOR, XIAOMI], [TYPE, SMARTTV]],
+    [
+      /Hbbtv.*(technisat) (.*);/i
+      // TechniSAT
+    ],
+    [VENDOR, MODEL, [TYPE, SMARTTV]],
+    [
+      /\b(roku)[\dx]*[\)\/]((?:dvp-)?[\d\.]*)/i,
+      // Roku
+      /hbbtv\/\d+\.\d+\.\d+ +\([\w\+ ]*; *([\w\d][^;]*);([^;]*)/i
+      // HbbTV devices
+    ],
+    [[VENDOR, /.+\/(\w+)/, "$1", strMapper, { "LG": "lge" }], [MODEL, trim], [TYPE, SMARTTV]],
+    [
+      ///////////////////
+      // CONSOLES
+      ///////////////////
+      /(playstation \w+)/i
+      // Playstation
+    ],
+    [MODEL, [VENDOR, SONY], [TYPE, CONSOLE]],
+    [
+      /\b(xbox(?: one)?(?!; xbox))[\); ]/i
+      // Microsoft Xbox
+    ],
+    [MODEL, [VENDOR, MICROSOFT], [TYPE, CONSOLE]],
+    [
+      /(ouya)/i,
+      // Ouya
+      /(nintendo) (\w+)/i,
+      // Nintendo
+      /(retroid) (pocket ([^\)]+))/i,
+      // Retroid Pocket
+      /(valve).+(steam deck)/i,
+      /droid.+; ((shield|rgcube|gr0006))( bui|\))/i
+      // Nvidia Portable/Anbernic/Logitech
+    ],
+    [[VENDOR, strMapper, { "Nvidia": "Shield", "Anbernic": "RGCUBE", "Logitech": "GR0006" }], MODEL, [TYPE, CONSOLE]],
+    [
+      ///////////////////
+      // WEARABLES
+      ///////////////////
+      /\b(sm-[lr]\d\d[0156][fnuw]?s?|gear live)\b/i
+      // Samsung Galaxy Watch
+    ],
+    [MODEL, [VENDOR, SAMSUNG], [TYPE, WEARABLE]],
+    [
+      /((pebble))app/i,
+      // Pebble
+      /(asus|google|lg|oppo|xiaomi) ((pixel |zen)?watch[\w ]*)( bui|\))/i
+      // Asus ZenWatch / LG Watch / Pixel Watch / Xiaomi Watch
+    ],
+    [VENDOR, MODEL, [TYPE, WEARABLE]],
+    [
+      /(ow(?:19|20)?we?[1-3]{1,3})/i
+      // Oppo Watch
+    ],
+    [MODEL, [VENDOR, OPPO], [TYPE, WEARABLE]],
+    [
+      /(watch)(?: ?os[,\/]|\d,\d\/)[\d\.]+/i
+      // Apple Watch
+    ],
+    [MODEL, [VENDOR, APPLE], [TYPE, WEARABLE]],
+    [
+      /(opwwe\d{3})/i
+      // OnePlus Watch
+    ],
+    [MODEL, [VENDOR, ONEPLUS], [TYPE, WEARABLE]],
+    [
+      /(moto 360)/i
+      // Motorola 360
+    ],
+    [MODEL, [VENDOR, MOTOROLA], [TYPE, WEARABLE]],
+    [
+      /(smartwatch 3)/i
+      // Sony SmartWatch
+    ],
+    [MODEL, [VENDOR, SONY], [TYPE, WEARABLE]],
+    [
+      /(g watch r)/i
+      // LG G Watch R
+    ],
+    [MODEL, [VENDOR, LG], [TYPE, WEARABLE]],
+    [
+      /droid.+; (wt63?0{2,3})\)/i
+    ],
+    [MODEL, [VENDOR, ZEBRA], [TYPE, WEARABLE]],
+    [
+      ///////////////////
+      // XR
+      ///////////////////
+      /droid.+; (glass) \d/i
+      // Google Glass
+    ],
+    [MODEL, [VENDOR, GOOGLE], [TYPE, XR]],
+    [
+      /(pico) ([\w ]+) os\d/i
+      // Pico
+    ],
+    [VENDOR, MODEL, [TYPE, XR]],
+    [
+      /(quest( \d| pro)?s?).+vr/i
+      // Meta Quest
+    ],
+    [MODEL, [VENDOR, FACEBOOK], [TYPE, XR]],
+    [
+      /mobile vr; rv.+firefox/i
+      // Unidentifiable VR device using Firefox Reality / Wolvic
+    ],
+    [[TYPE, XR]],
+    [
+      ///////////////////
+      // EMBEDDED
+      ///////////////////
+      /(tesla)(?: qtcarbrowser|\/[-\w\.]+)/i
+      // Tesla
+    ],
+    [VENDOR, [TYPE, EMBEDDED]],
+    [
+      /(aeobc)\b/i
+      // Echo Dot
+    ],
+    [MODEL, [VENDOR, AMAZON], [TYPE, EMBEDDED]],
+    [
+      /(homepod).+mac os/i
+      // Apple HomePod
+    ],
+    [MODEL, [VENDOR, APPLE], [TYPE, EMBEDDED]],
+    [
+      /windows iot/i
+      // Unidentifiable embedded device using Windows IoT
+    ],
+    [[TYPE, EMBEDDED]],
+    [
+      ////////////////////
+      // MIXED (GENERIC)
+      ///////////////////
+      /droid.+; ([\w- ]+) (4k|android|smart|google)[- ]?tv/i
+      // Unidentifiable SmartTV
+    ],
+    [MODEL, [TYPE, SMARTTV]],
+    [
+      /\b((4k|android|smart|opera)[- ]?tv|tv; rv:|large screen[\w ]+safari)\b/i
+    ],
+    [[TYPE, SMARTTV]],
+    [
+      /droid .+?; ([^;]+?)(?: bui|; wv\)|\) applew|; hmsc).+?(mobile|vr|\d) safari/i
+    ],
+    [MODEL, [TYPE, strMapper, { "mobile": "Mobile", "xr": "VR", "*": TABLET }]],
+    [
+      /\b((tablet|tab)[;\/]|focus\/\d(?!.+mobile))/i
+      // Unidentifiable Tablet
+    ],
+    [[TYPE, TABLET]],
+    [
+      /(phone|mobile(?:[;\/]| [ \w\/\.]*safari)|pda(?=.+windows ce))/i
+      // Unidentifiable Mobile
+    ],
+    [[TYPE, MOBILE]],
+    [
+      /droid .+?; ([\w\. -]+)( bui|\))/i
+      // Generic Android Device
+    ],
+    [MODEL, [VENDOR, "Generic"]]
+  ],
+  engine: [
+    [
+      /windows.+ edge\/([\w\.]+)/i
+      // EdgeHTML
+    ],
+    [VERSION, [NAME, EDGE + "HTML"]],
+    [
+      /(arkweb)\/([\w\.]+)/i
+      // ArkWeb
+    ],
+    [NAME, VERSION],
+    [
+      /webkit\/537\.36.+chrome\/(?!27)([\w\.]+)/i
+      // Blink
+    ],
+    [VERSION, [NAME, "Blink"]],
+    [
+      /(presto)\/([\w\.]+)/i,
+      // Presto
+      /(webkit|trident|netfront|netsurf|amaya|lynx|w3m|goanna|servo)\/([\w\.]+)/i,
+      // WebKit/Trident/NetFront/NetSurf/Amaya/Lynx/w3m/Goanna/Servo
+      /ekioh(flow)\/([\w\.]+)/i,
+      // Flow
+      /(khtml|tasman|links|dillo)[\/ ]\(?([\w\.]+)/i,
+      // KHTML/Tasman/Links/Dillo
+      /(icab)[\/ ]([23]\.[\d\.]+)/i,
+      // iCab
+      /\b(libweb)/i
+      // LibWeb
+    ],
+    [NAME, VERSION],
+    [
+      /ladybird\//i
+    ],
+    [[NAME, "LibWeb"]],
+    [
+      /rv\:([\w\.]{1,9})\b.+(gecko)/i
+      // Gecko
+    ],
+    [VERSION, NAME]
+  ],
+  os: [
+    [
+      // Windows
+      /(windows nt) (6\.[23]); arm/i
+      // Windows RT
+    ],
+    [[NAME, /N/, "R"], [VERSION, strMapper, windowsVersionMap]],
+    [
+      /(windows (?:phone|mobile|iot))(?: os)?[\/ ]?([\d\.]*( se)?)/i,
+      // Windows IoT/Mobile/Phone
+      // Windows NT/3.1/95/98/ME/2000/XP/Vista/7/8/8.1/10/11
+      /(windows)[\/ ](1[01]|2000|3\.1|7|8(\.1)?|9[58]|me|server 20\d\d( r2)?|vista|xp)/i
+    ],
+    [NAME, VERSION],
+    [
+      /windows nt ?([\d\.\)]*)(?!.+xbox)/i,
+      /\bwin(?=3| ?9|n)(?:nt| 9x )?([\d\.;]*)/i
+    ],
+    [[VERSION, /(;|\))/g, "", strMapper, windowsVersionMap], [NAME, WINDOWS]],
+    [
+      /(windows ce)\/?([\d\.]*)/i
+      // Windows CE
+    ],
+    [NAME, VERSION],
+    [
+      // iOS/macOS
+      /[adehimnop]{4,7}\b(?:.*os ([\w]+) like mac|; opera)/i,
+      // iOS
+      /(?:ios;fbsv|ios(?=.+ip(?:ad|hone)|.+apple ?tv)|ip(?:ad|hone)(?: |.+i(?:pad)?)os|apple ?tv.+ios)[\/ ]([\w\.]+)/i,
+      /\btvos ?([\w\.]+)/i,
+      /cfnetwork\/.+darwin/i
+    ],
+    [[VERSION, /_/g, "."], [NAME, "iOS"]],
+    [
+      /(mac os x) ?([\w\. ]*)/i,
+      /(macintosh|mac_powerpc\b)(?!.+(haiku|morphos))/i
+      // Mac OS
+    ],
+    [[NAME, "macOS"], [VERSION, /_/g, "."]],
+    [
+      // Google Chromecast
+      /android ([\d\.]+).*crkey/i
+      // Google Chromecast, Android-based
+    ],
+    [VERSION, [NAME, CHROMECAST + " Android"]],
+    [
+      /fuchsia.*crkey\/([\d\.]+)/i
+      // Google Chromecast, Fuchsia-based
+    ],
+    [VERSION, [NAME, CHROMECAST + " Fuchsia"]],
+    [
+      /crkey\/([\d\.]+).*devicetype\/smartspeaker/i
+      // Google Chromecast, Linux-based Smart Speaker
+    ],
+    [VERSION, [NAME, CHROMECAST + " SmartSpeaker"]],
+    [
+      /linux.*crkey\/([\d\.]+)/i
+      // Google Chromecast, Legacy Linux-based
+    ],
+    [VERSION, [NAME, CHROMECAST + " Linux"]],
+    [
+      /crkey\/([\d\.]+)/i
+      // Google Chromecast, unknown
+    ],
+    [VERSION, [NAME, CHROMECAST]],
+    [
+      // Mobile OSes
+      /droid ([\w\.]+)\b.+(android[- ]x86)/i
+      // Android-x86
+    ],
+    [VERSION, NAME],
+    [
+      /(ubuntu) ([\w\.]+) like android/i
+      // Ubuntu Touch
+    ],
+    [[NAME, /(.+)/, "$1 Touch"], VERSION],
+    [
+      /(harmonyos)[\/ ]?([\d\.]*)/i,
+      // HarmonyOS
+      // Android/Blackberry/WebOS/QNX/Bada/RIM/KaiOS/Maemo/MeeGo/S40/Sailfish OS/OpenHarmony/Tizen
+      /(android|bada|blackberry|kaios|maemo|meego|openharmony|qnx|rim tablet os|sailfish|series40|symbian|tizen)\w*[-\/\.; ]?([\d\.]*)/i
+    ],
+    [NAME, VERSION],
+    [
+      /\(bb(10);/i
+      // BlackBerry 10
+    ],
+    [VERSION, [NAME, BLACKBERRY]],
+    [
+      /(?:symbian ?os|symbos|s60(?=;)|series ?60)[-\/ ]?([\w\.]*)/i
+      // Symbian
+    ],
+    [VERSION, [NAME, "Symbian"]],
+    [
+      /mozilla\/[\d\.]+ \((?:mobile[;\w ]*|tablet|tv|[^\)]*(?:viera|lg(?:l25|-d300)|alcatel ?o.+|y300-f1)); rv:([\w\.]+)\).+gecko\//i
+      // Firefox OS
+    ],
+    [VERSION, [NAME, FIREFOX + " OS"]],
+    [
+      /\b(?:hp)?wos(?:browser)?\/([\w\.]+)/i,
+      // WebOS
+      /webos(?:[ \/]?|\.tv-20(?=2[2-9]))(\d[\d\.]*)/i
+    ],
+    [VERSION, [NAME, "webOS"]],
+    [
+      /web0s;.+?(?:chr[o0]me|safari)\/(\d+)/i
+      // https://webostv.developer.lge.com/develop/specifications/web-api-and-web-engine
+    ],
+    [[VERSION, strMapper, { "25": "120", "24": "108", "23": "94", "22": "87", "6": "79", "5": "68", "4": "53", "3": "38", "2": "538", "1": "537", "*": "TV" }], [NAME, "webOS"]],
+    [
+      /watch(?: ?os[,\/ ]|\d,\d\/)([\d\.]+)/i
+      // watchOS
+    ],
+    [VERSION, [NAME, "watchOS"]],
+    [
+      // Google ChromeOS
+      /cros [\w]+(?:\)| ([\w\.]+)\b)/i
+      // Chromium OS
+    ],
+    [VERSION, [NAME, "Chrome OS"]],
+    [
+      // Smart TVs
+      /kepler ([\w\.]+); (aft|aeo)/i
+      // Vega OS
+    ],
+    [VERSION, [NAME, "Vega OS"]],
+    [
+      /(netrange)mmh/i,
+      // Netrange
+      /(nettv)\/(\d+\.[\w\.]+)/i,
+      // NetTV
+      // Console
+      /(nintendo|playstation) (\w+)/i,
+      // Nintendo/Playstation
+      /(xbox); +xbox ([^\);]+)/i,
+      // Microsoft Xbox (360, One, X, S, Series X, Series S)
+      /(pico) .+os([\w\.]+)/i,
+      // Pico
+      // Other
+      /\b(joli|palm)\b ?(?:os)?\/?([\w\.]*)/i,
+      // Joli/Palm
+      /linux.+(mint)[\/\(\) ]?([\w\.]*)/i,
+      // Mint
+      /(mageia|vectorlinux|fuchsia|arcaos|arch(?= ?linux))[;l ]([\d\.]*)/i,
+      // Mageia/VectorLinux/Fuchsia/ArcaOS/Arch
+      /([kxln]?ubuntu|debian|suse|opensuse|gentoo|slackware|fedora|mandriva|centos|pclinuxos|red ?hat|zenwalk|linpus|raspbian|plan 9|minix|risc os|contiki|deepin|manjaro|elementary os|sabayon|linspire|knoppix)(?: gnu[\/ ]linux)?(?: enterprise)?(?:[- ]linux)?(?:-gnu)?[-\/ ]?(?!chrom|package)([-\w\.]*)/i,
+      // Ubuntu/Debian/SUSE/Gentoo/Slackware/Fedora/Mandriva/CentOS/PCLinuxOS/RedHat/Zenwalk/Linpus/Raspbian/Plan9/Minix/RISCOS/Contiki/Deepin/Manjaro/elementary/Sabayon/Linspire/Knoppix
+      /((?:open)?solaris)[-\/ ]?([\w\.]*)/i,
+      // Solaris
+      /\b(aix)[; ]([1-9\.]{0,4})/i,
+      // AIX
+      /(hurd|linux|morphos)(?: (?:arm|x86|ppc)\w*| ?)([\w\.]*)/i,
+      // Hurd/Linux/MorphOS
+      /(gnu) ?([\w\.]*)/i,
+      // GNU
+      /\b([-frentopcghs]{0,5}bsd|dragonfly)[\/ ]?(?!amd|[ix346]{1,2}86)([\w\.]*)/i,
+      // FreeBSD/NetBSD/OpenBSD/PC-BSD/GhostBSD/DragonFly
+      /(haiku) ?(r\d)?/i
+      // Haiku
+    ],
+    [NAME, VERSION],
+    [
+      /(sunos) ?([\d\.]*)/i
+      // Solaris
+    ],
+    [[NAME, "Solaris"], VERSION],
+    [
+      /\b(beos|os\/2|amigaos|openvms|hp-ux|serenityos)/i,
+      // BeOS/OS2/AmigaOS/OpenVMS/HP-UX/SerenityOS
+      /(unix) ?([\w\.]*)/i
+      // UNIX
+    ],
+    [NAME, VERSION]
+  ]
+};
+var defaultProps = (function() {
+  var props = { init: {}, isIgnore: {}, isIgnoreRgx: {}, toString: {} };
+  setProps.call(props.init, [
+    [BROWSER, [NAME, VERSION, MAJOR, TYPE]],
+    [CPU, [ARCHITECTURE]],
+    [DEVICE, [TYPE, MODEL, VENDOR]],
+    [ENGINE, [NAME, VERSION]],
+    [OS, [NAME, VERSION]]
+  ]);
+  setProps.call(props.isIgnore, [
+    [BROWSER, [VERSION, MAJOR]],
+    [ENGINE, [VERSION]],
+    [OS, [VERSION]]
+  ]);
+  setProps.call(props.isIgnoreRgx, [
+    [BROWSER, / ?browser$/i],
+    [OS, / ?os$/i]
+  ]);
+  setProps.call(props.toString, [
+    [BROWSER, [NAME, VERSION]],
+    [CPU, [ARCHITECTURE]],
+    [DEVICE, [VENDOR, MODEL]],
+    [ENGINE, [NAME, VERSION]],
+    [OS, [NAME, VERSION]]
+  ]);
+  return props;
+})();
+var createIData = function(item, itemType) {
+  var init_props = defaultProps.init[itemType], is_ignoreProps = defaultProps.isIgnore[itemType] || 0, is_ignoreRgx = defaultProps.isIgnoreRgx[itemType] || 0, toString_props = defaultProps.toString[itemType] || 0;
+  function IData() {
+    setProps.call(this, init_props);
+  }
+  IData.prototype.getItem = function() {
+    return item;
+  };
+  IData.prototype.withClientHints = function() {
+    if (!NAVIGATOR_UADATA) {
+      return item.parseCH().get();
+    }
+    return NAVIGATOR_UADATA.getHighEntropyValues(CH_ALL_VALUES).then(function(res) {
+      return item.setCH(new UACHData(res, false)).parseCH().get();
+    });
+  };
+  IData.prototype.withFeatureCheck = function() {
+    return item.detectFeature().get();
+  };
+  if (itemType != RESULT) {
+    IData.prototype.is = function(strToCheck) {
+      var is = false;
+      for (var i2 in this) {
+        if (this.hasOwnProperty(i2) && !has(is_ignoreProps, i2) && lowerize(is_ignoreRgx ? strip(is_ignoreRgx, this[i2]) : this[i2]) == lowerize(is_ignoreRgx ? strip(is_ignoreRgx, strToCheck) : strToCheck)) {
+          is = true;
+          if (strToCheck != TYPEOF.UNDEFINED) break;
+        } else if (strToCheck == TYPEOF.UNDEFINED && is) {
+          is = !is;
+          break;
+        }
+      }
+      return is;
+    };
+    IData.prototype.toString = function() {
+      var str = EMPTY;
+      for (var i2 in toString_props) {
+        if (typeof this[toString_props[i2]] !== TYPEOF.UNDEFINED) {
+          str += (str ? " " : EMPTY) + this[toString_props[i2]];
+        }
+      }
+      return str || TYPEOF.UNDEFINED;
+    };
+  }
+  IData.prototype.then = function(cb2) {
+    var that = this;
+    var IDataResolve = function() {
+      for (var prop in that) {
+        if (that.hasOwnProperty(prop)) {
+          this[prop] = that[prop];
+        }
+      }
+    };
+    IDataResolve.prototype = {
+      is: IData.prototype.is,
+      toString: IData.prototype.toString,
+      withClientHints: IData.prototype.withClientHints,
+      withFeatureCheck: IData.prototype.withFeatureCheck
+    };
+    var resolveData = new IDataResolve();
+    cb2(resolveData);
+    return resolveData;
+  };
+  return new IData();
+};
+function UACHData(uach, isHttpUACH) {
+  uach = uach || {};
+  setProps.call(this, CH_ALL_VALUES);
+  if (isHttpUACH) {
+    setProps.call(this, [
+      [BRANDS, itemListToArray(uach[CH])],
+      [FULLVERLIST, itemListToArray(uach[CH_FULL_VER_LIST])],
+      [MOBILE, /\?1/.test(uach[CH_MOBILE])],
+      [MODEL, stripQuotes(uach[CH_MODEL])],
+      [PLATFORM, stripQuotes(uach[CH_PLATFORM])],
+      [PLATFORMVER, stripQuotes(uach[CH_PLATFORM_VER])],
+      [ARCHITECTURE, stripQuotes(uach[CH_ARCH])],
+      [FORMFACTORS, itemListToArray(uach[CH_FORM_FACTORS])],
+      [BITNESS, stripQuotes(uach[CH_BITNESS])]
+    ]);
+  } else {
+    for (var prop in uach) {
+      if (this.hasOwnProperty(prop) && typeof uach[prop] !== TYPEOF.UNDEFINED) this[prop] = uach[prop];
     }
   }
-  const queryString = queryParameters.toString();
-  return queryString ? `${basePath}?${queryString}` : basePath;
+}
+function UAItem(itemType, ua, rgxMap, uaCH) {
+  setProps.call(this, [
+    ["itemType", itemType],
+    ["ua", ua],
+    ["uaCH", uaCH],
+    ["rgxMap", rgxMap],
+    ["data", createIData(this, itemType)]
+  ]);
+  return this;
+}
+UAItem.prototype.get = function(prop) {
+  if (!prop) return this.data;
+  return this.data.hasOwnProperty(prop) ? this.data[prop] : void 0;
 };
-var fetchLocalStackVersion = async (localstackEndpoint) => {
-  try {
-    const response = await fetch(`${localstackEndpoint}${LOCALSTACK_INFO_PATH}`);
-    if (!response.ok) return void 0;
-    const info = await response.json();
-    return info.version;
-  } catch {
-    return void 0;
+UAItem.prototype.set = function(prop, val) {
+  this.data[prop] = val;
+  return this;
+};
+UAItem.prototype.setCH = function(ch) {
+  this.uaCH = ch;
+  return this;
+};
+UAItem.prototype.detectFeature = function() {
+  if (NAVIGATOR && NAVIGATOR.userAgent == this.ua) {
+    switch (this.itemType) {
+      case BROWSER:
+        if (NAVIGATOR.brave && typeof NAVIGATOR.brave.isBrave == TYPEOF.FUNCTION) {
+          this.set(NAME, "Brave");
+        }
+        break;
+      case DEVICE:
+        if (!this.get(TYPE) && NAVIGATOR_UADATA && NAVIGATOR_UADATA[MOBILE]) {
+          this.set(TYPE, MOBILE);
+        }
+        if (this.get(MODEL) == "Macintosh" && NAVIGATOR && typeof NAVIGATOR.standalone !== TYPEOF.UNDEFINED && NAVIGATOR.maxTouchPoints && NAVIGATOR.maxTouchPoints > 2) {
+          this.set(MODEL, "iPad").set(TYPE, TABLET);
+        }
+        break;
+      case OS:
+        if (!this.get(NAME) && NAVIGATOR_UADATA && NAVIGATOR_UADATA[PLATFORM]) {
+          this.set(NAME, NAVIGATOR_UADATA[PLATFORM]);
+        }
+        break;
+      case RESULT:
+        var data = this.data;
+        var detect = function(itemType) {
+          return data[itemType].getItem().detectFeature().get();
+        };
+        this.set(BROWSER, detect(BROWSER)).set(CPU, detect(CPU)).set(DEVICE, detect(DEVICE)).set(ENGINE, detect(ENGINE)).set(OS, detect(OS));
+    }
   }
+  return this;
 };
-var createApiClient = ({ localstackEndpoint }) => {
-  return {
-    deleteSpans: async (_request) => {
-      return makeRequest({
-        endpoint: API_ENDPOINTS.SPANS,
-        localstackEndpoint,
-        request: {
-          method: "DELETE"
+UAItem.prototype.parseUA = function() {
+  if (this.itemType != RESULT) {
+    rgxMapper.call(this.data, this.ua, this.rgxMap);
+  }
+  switch (this.itemType) {
+    case BROWSER:
+      this.set(MAJOR, majorize(this.get(VERSION)));
+      break;
+    case OS:
+      if (this.get(NAME) == "iOS" && this.get(VERSION) == "18.6") {
+        var realVersion = /\) Version\/([\d\.]+)/.exec(this.ua);
+        if (realVersion && parseInt(realVersion[1].substring(0, 2), 10) >= 26) {
+          this.set(VERSION, realVersion[1]);
         }
-      });
-    },
-    getEvents: async (request) => {
-      const endpoint = buildEventsEndpoint(request);
-      return makeRequest({ endpoint, localstackEndpoint });
-    },
-    getIamEvents: async (request) => {
-      const iamEventsRequest = {
-        ...request,
-        event_type: "iam.policy_evaluation"
-      };
-      const endpoint = buildEventsEndpoint(iamEventsRequest);
-      return makeRequest({ endpoint, localstackEndpoint });
-    },
-    getSpans: async (request) => {
-      const endpoint = buildSpansEndpoint(request);
-      const response = await makeRequest({ endpoint, localstackEndpoint });
-      return {
-        ...response,
-        spans: response.spans.map((span) => ({
-          ...span,
-          endTime: unixNanoToDate(span.end_time_unix_nano),
-          startTime: unixNanoToDate(span.start_time_unix_nano)
-        }))
-      };
-    },
-    getStatus: async () => {
-      let headerVersion;
-      const [statusResult, infoVersion] = await Promise.allSettled([
-        makeRequest({
-          captureHeaders: (headers) => {
-            headerVersion = headers.get("x-localstack") ?? void 0;
-          },
-          endpoint: API_ENDPOINTS.STATUS,
-          localstackEndpoint
-        }),
-        fetchLocalStackVersion(localstackEndpoint)
-      ]);
-      if (statusResult.status === "rejected") {
-        const reason = statusResult.reason;
-        if (reason instanceof AppInspectorNotFoundError) {
-          reason.localstackVersion = infoVersion.status === "fulfilled" ? infoVersion.value : void 0;
+      }
+      break;
+  }
+  return this;
+};
+UAItem.prototype.parseCH = function() {
+  var uaCH = this.uaCH, rgxMap = this.rgxMap;
+  switch (this.itemType) {
+    case BROWSER:
+    case ENGINE:
+      var brands = uaCH[FULLVERLIST] || uaCH[BRANDS], prevName;
+      if (brands) {
+        for (var i2 = 0; i2 < brands.length; i2++) {
+          var brandName = brands[i2].brand || brands[i2], brandVersion = brands[i2].version;
+          if (this.itemType == BROWSER && !/not.a.brand/i.test(brandName) && (!prevName || /Chrom/.test(prevName) && brandName != CHROMIUM || prevName == EDGE && /WebView2/.test(brandName))) {
+            brandName = strMapper(brandName, browserHintsMap);
+            prevName = this.get(NAME);
+            if (!(prevName && !/Chrom/.test(prevName) && /Chrom/.test(brandName))) {
+              this.set(NAME, brandName).set(VERSION, brandVersion).set(MAJOR, majorize(brandVersion));
+            }
+            prevName = brandName;
+          }
+          if (this.itemType == ENGINE && brandName == CHROMIUM) {
+            this.set(VERSION, brandVersion);
+          }
         }
-        throw reason instanceof Error ? reason : new Error("Unknown error occurred");
       }
-      const localstackVersion = headerVersion && import_semver2.default.coerce(headerVersion) ? headerVersion : infoVersion.status === "fulfilled" ? infoVersion.value : void 0;
-      return { ...statusResult.value, localstackVersion };
-    },
-    setStatus: async (request) => {
-      return makeRequest({
-        endpoint: API_ENDPOINTS.STATUS,
-        localstackEndpoint,
-        request: {
-          body: JSON.stringify(request),
-          method: "PUT"
+      break;
+    case CPU:
+      var archName = uaCH[ARCHITECTURE];
+      if (archName) {
+        if (archName && uaCH[BITNESS] == "64") archName += "64";
+        rgxMapper.call(this.data, archName + ";", rgxMap);
+      }
+      break;
+    case DEVICE:
+      if (uaCH[MOBILE]) {
+        this.set(TYPE, MOBILE);
+      }
+      if (uaCH[MODEL]) {
+        this.set(MODEL, uaCH[MODEL]);
+        if (!this.get(TYPE) || !this.get(VENDOR)) {
+          var reParse = {};
+          rgxMapper.call(reParse, "droid 9; " + uaCH[MODEL] + ")", rgxMap);
+          if (!this.get(TYPE) && !!reParse.type) {
+            this.set(TYPE, reParse.type);
+          }
+          if (!this.get(VENDOR) && !!reParse.vendor) {
+            this.set(VENDOR, reParse.vendor);
+          }
+        }
+      }
+      if (uaCH[FORMFACTORS]) {
+        var ff;
+        if (typeof uaCH[FORMFACTORS] !== "string") {
+          var idx = 0;
+          while (!ff && idx < uaCH[FORMFACTORS].length) {
+            ff = strMapper(uaCH[FORMFACTORS][idx++], formFactorsMap);
+          }
+        } else {
+          ff = strMapper(uaCH[FORMFACTORS], formFactorsMap);
         }
+        this.set(TYPE, ff);
+      }
+      break;
+    case OS:
+      var osName = uaCH[PLATFORM];
+      if (osName) {
+        var osVersion = uaCH[PLATFORMVER];
+        if (osName == WINDOWS) osVersion = parseInt(majorize(osVersion), 10) >= 13 ? "11" : "10";
+        this.set(NAME, osName).set(VERSION, osVersion);
+      }
+      if (this.get(NAME) == WINDOWS && uaCH[MODEL] == "Xbox") {
+        this.set(NAME, "Xbox").set(VERSION, void 0);
+      }
+      break;
+    case RESULT:
+      var data = this.data;
+      var parse2 = function(itemType) {
+        return data[itemType].getItem().setCH(uaCH).parseCH().get();
+      };
+      this.set(BROWSER, parse2(BROWSER)).set(CPU, parse2(CPU)).set(DEVICE, parse2(DEVICE)).set(ENGINE, parse2(ENGINE)).set(OS, parse2(OS));
+  }
+  return this;
+};
+function UAParser(ua, extensions, headers) {
+  if (typeof ua === TYPEOF.OBJECT) {
+    if (isExtensions(ua, true)) {
+      if (typeof extensions === TYPEOF.OBJECT) {
+        headers = extensions;
+      }
+      extensions = ua;
+    } else {
+      headers = ua;
+      extensions = void 0;
+    }
+    ua = void 0;
+  } else if (typeof ua === TYPEOF.STRING && !isExtensions(extensions, true)) {
+    headers = extensions;
+    extensions = void 0;
+  }
+  if (headers) {
+    if (typeof headers.append === TYPEOF.FUNCTION) {
+      var kv = {};
+      headers.forEach(function(v2, k2) {
+        kv[String(k2).toLowerCase()] = v2;
       });
+      headers = kv;
+    } else {
+      var normalized = {};
+      for (var header in headers) {
+        if (headers.hasOwnProperty(header)) {
+          normalized[String(header).toLowerCase()] = headers[header];
+        }
+      }
+      headers = normalized;
+    }
+  }
+  if (!(this instanceof UAParser)) {
+    return new UAParser(ua, extensions, headers).getResult();
+  }
+  var userAgent = typeof ua === TYPEOF.STRING ? ua : (
+    // Passed user-agent string
+    headers && headers[USER_AGENT] ? headers[USER_AGENT] : (
+      // User-Agent from passed headers
+      NAVIGATOR && NAVIGATOR.userAgent ? NAVIGATOR.userAgent : (
+        // navigator.userAgent
+        EMPTY
+      )
+    )
+  ), httpUACH = new UACHData(headers, true), regexMap = extensions ? extend(defaultRegexes, extensions) : defaultRegexes, createItemFunc = function(itemType) {
+    if (itemType == RESULT) {
+      return function() {
+        return new UAItem(itemType, userAgent, regexMap, httpUACH).set("ua", userAgent).set(BROWSER, this.getBrowser()).set(CPU, this.getCPU()).set(DEVICE, this.getDevice()).set(ENGINE, this.getEngine()).set(OS, this.getOS()).get();
+      };
+    } else {
+      return function() {
+        return new UAItem(itemType, userAgent, regexMap[itemType], httpUACH).parseUA().get();
+      };
     }
   };
+  setProps.call(this, [
+    ["getBrowser", createItemFunc(BROWSER)],
+    ["getCPU", createItemFunc(CPU)],
+    ["getDevice", createItemFunc(DEVICE)],
+    ["getEngine", createItemFunc(ENGINE)],
+    ["getOS", createItemFunc(OS)],
+    ["getResult", createItemFunc(RESULT)],
+    ["getUA", function() {
+      return userAgent;
+    }],
+    ["setUA", function(ua2) {
+      if (isString2(ua2)) userAgent = trim(ua2, UA_MAX_LENGTH);
+      return this;
+    }]
+  ]).setUA(userAgent);
+  return this;
+}
+UAParser.VERSION = LIBVERSION;
+UAParser.BROWSER = enumerize([NAME, VERSION, MAJOR, TYPE]);
+UAParser.CPU = enumerize([ARCHITECTURE]);
+UAParser.DEVICE = enumerize([MODEL, VENDOR, TYPE, CONSOLE, MOBILE, SMARTTV, TABLET, WEARABLE, EMBEDDED]);
+UAParser.ENGINE = UAParser.OS = enumerize([NAME, VERSION]);
+
+// src/utils/browser.ts
+var FALLBACK = { browser: "Other", browser_version: "unknown" };
+var detectBrowser = () => {
+  if (typeof navigator === "undefined" || typeof navigator.userAgent !== "string") {
+    return FALLBACK;
+  }
+  const { name, version } = new UAParser(navigator.userAgent).getBrowser();
+  if (!name || !version) {
+    return FALLBACK;
+  }
+  return { browser: name, browser_version: version };
+};
+
+// src/hooks/use-appinspector-open-analytics.ts
+var buildPayload = (container) => {
+  if (container.source === "vscode") {
+    return {
+      extension_version: container.extensionVersion,
+      ide_version: container.ideVersion,
+      source: "vscode"
+    };
+  }
+  const { browser, browser_version } = detectBrowser();
+  return { browser, browser_version, source: "web" };
+};
+var useAppInspectorOpenAnalytics = () => {
+  const api = useAppInspectorApi();
+  const { deploymentContainer } = useAppInspector();
+  const { status, statusError } = useAppInspectorStatus();
+  const firedRef = (0, import_react47.useRef)(false);
+  (0, import_react47.useEffect)(() => {
+    if (firedRef.current) {
+      return;
+    }
+    if (statusError) {
+      return;
+    }
+    if (status?.status !== "ENABLED") {
+      return;
+    }
+    firedRef.current = true;
+    api.postAnalytics({
+      event: "appinspector_open",
+      payload: buildPayload(deploymentContainer)
+    }).catch(() => {
+    });
+  }, [api, deploymentContainer, status, statusError]);
 };
 
 // src/context.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
-var AppInspectorContext = (0, import_react46.createContext)(void 0);
+var import_jsx_runtime131 = require("react/jsx-runtime");
+var AppInspectorContext = (0, import_react48.createContext)(void 0);
 var useAppInspector = () => {
-  const context = (0, import_react46.useContext)(AppInspectorContext);
+  const context = (0, import_react48.useContext)(AppInspectorContext);
   if (!context) {
     throw new Error("@localstack-studio/ui: components must be used within a <AppInspectorContextProvider>");
   }
   return context;
 };
+var AppInspectorAnalyticsBoundary = ({ children }) => {
+  useAppInspectorOpenAnalytics();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_jsx_runtime131.Fragment, { children });
+};
 var AppInspectorContextProvider = (props) => {
-  const api = (0, import_react47.useMemo)(
+  const api = (0, import_react49.useMemo)(
     () => createApiClient({ localstackEndpoint: props.localstackEndpoint }),
     [props.localstackEndpoint]
   );
-  const resolveLink = (0, import_react47.useCallback)(
+  const resolveLink = (0, import_react49.useCallback)(
     (options) => {
       if (options.to === "settings") {
         return `${props.routePrefix}/settings`;
@@ -16000,29 +17945,34 @@ var AppInspectorContextProvider = (props) => {
     },
     [props.routePrefix]
   );
-  const contextValue = (0, import_react47.useMemo)(
+  const deploymentContainer = (0, import_react49.useMemo)(
+    () => props.deploymentContainer ?? { source: "web" },
+    [props.deploymentContainer]
+  );
+  const contextValue = (0, import_react49.useMemo)(
     () => ({
+      deploymentContainer,
       linkComponent: props.linkComponent,
       localstackEndpoint: props.localstackEndpoint,
       resolveLink
     }),
-    [props.linkComponent, props.localstackEndpoint, resolveLink]
+    [deploymentContainer, props.linkComponent, props.localstackEndpoint, resolveLink]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ApiProvider, { api, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(AppInspectorContext.Provider, { value: contextValue, children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ApiProvider, { api, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(StatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(AppInspectorContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(AppInspectorAnalyticsBoundary, { children: props.children }) }) }) });
 };
 
 // src/hooks/use-spans-ws.tsx
 function useSpansWebSocket(options) {
   const { onMessage } = options;
-  const onMessageRef = (0, import_react48.useRef)(onMessage);
-  (0, import_react48.useEffect)(() => {
+  const onMessageRef = (0, import_react50.useRef)(onMessage);
+  (0, import_react50.useEffect)(() => {
     onMessageRef.current = onMessage;
   }, [onMessage]);
-  const [connected, setConnected] = (0, import_react48.useState)(false);
-  const wsRef = (0, import_react48.useRef)(void 0);
-  const reconnectRef = (0, import_react48.useRef)(void 0);
+  const [connected, setConnected] = (0, import_react50.useState)(false);
+  const wsRef = (0, import_react50.useRef)(void 0);
+  const reconnectRef = (0, import_react50.useRef)(void 0);
   const { localstackEndpoint } = useAppInspector();
-  const connect = (0, import_react48.useCallback)(() => {
+  const connect = (0, import_react50.useCallback)(() => {
     if (wsRef.current !== void 0) return;
     const url = new URL(getAppInspectorApiUrl(localstackEndpoint, API_ENDPOINTS.WEBSOCKET_SPANS));
     url.protocol = globalThis.location.protocol === "https:" ? "wss" : "ws";
@@ -16048,7 +17998,7 @@ function useSpansWebSocket(options) {
       }
     });
   }, [localstackEndpoint]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     connect();
     return () => {
       if (reconnectRef.current !== void 0) clearTimeout(reconnectRef.current);
@@ -16065,17 +18015,17 @@ function useSpansWebSocket(options) {
 }
 
 // src/hooks/use-throttled-items.ts
-var import_react49 = require("react");
+var import_react51 = require("react");
 function useThrottledItems(items, getId, catchUpIncrement = 10) {
-  const [displayedItems, setDisplayedItems] = (0, import_react49.useState)([]);
-  const [isCatchingUpForward, setIsCatchingUpForward] = (0, import_react49.useState)(false);
-  const [isCatchingUpBackward, setIsCatchingUpBackward] = (0, import_react49.useState)(false);
-  const targetRef = (0, import_react49.useRef)([]);
-  const rafRef = (0, import_react49.useRef)(void 0);
-  const leftHiddenRef = (0, import_react49.useRef)(0);
-  const rightHiddenRef = (0, import_react49.useRef)(0);
-  const shrinkRafPendingRef = (0, import_react49.useRef)(false);
-  (0, import_react49.useEffect)(() => {
+  const [displayedItems, setDisplayedItems] = (0, import_react51.useState)([]);
+  const [isCatchingUpForward, setIsCatchingUpForward] = (0, import_react51.useState)(false);
+  const [isCatchingUpBackward, setIsCatchingUpBackward] = (0, import_react51.useState)(false);
+  const targetRef = (0, import_react51.useRef)([]);
+  const rafRef = (0, import_react51.useRef)(void 0);
+  const leftHiddenRef = (0, import_react51.useRef)(0);
+  const rightHiddenRef = (0, import_react51.useRef)(0);
+  const shrinkRafPendingRef = (0, import_react51.useRef)(false);
+  (0, import_react51.useEffect)(() => {
     const previousTarget = targetRef.current;
     const target = items ?? [];
     targetRef.current = target;
@@ -16146,7 +18096,7 @@ function useThrottledItems(items, getId, catchUpIncrement = 10) {
       });
     }
   }, [items, getId, catchUpIncrement]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     return () => {
       if (rafRef.current !== void 0) {
         cancelAnimationFrame(rafRef.current);
@@ -16161,12 +18111,12 @@ function useThrottledItems(items, getId, catchUpIncrement = 10) {
 var PAGE_SIZE = 30;
 var useSpans = () => {
   const api = useAppInspectorApi();
-  const [spans, setSpans] = (0, import_react50.useState)();
+  const [spans, setSpans] = (0, import_react52.useState)();
   const throttledSpans = useThrottledItems(spans, (span) => span.span_id);
-  const [fetchError, setFetchError] = (0, import_react50.useState)();
-  const [fetchingForward, setFetchingForward] = (0, import_react50.useState)(false);
-  const [fetchingBackward, setFetchingBackward] = (0, import_react50.useState)(false);
-  const paginationBufferRef = (0, import_react50.useRef)(createPaginationBuffer({
+  const [fetchError, setFetchError] = (0, import_react52.useState)();
+  const [fetchingForward, setFetchingForward] = (0, import_react52.useState)(false);
+  const [fetchingBackward, setFetchingBackward] = (0, import_react52.useState)(false);
+  const paginationBufferRef = (0, import_react52.useRef)(createPaginationBuffer({
     async fetchPage(token) {
       const response = await api.getSpans({
         limit: PAGE_SIZE,
@@ -16193,9 +18143,9 @@ var useSpans = () => {
     onError: (error) => {
       setFetchError(error);
     },
-    onStatusChange(status2) {
-      setFetchingBackward(status2.fetchingBackward);
-      setFetchingForward(status2.fetchingForward);
+    onStatusChange(status) {
+      setFetchingBackward(status.fetchingBackward);
+      setFetchingForward(status.fetchingForward);
     },
     // The spans endpoint is sorted by span ingestion time, which might differ from
     // the span timestamp. In order to accomodate for this, we will sort the spans
@@ -16204,24 +18154,23 @@ var useSpans = () => {
       return a3.start_time_unix_nano < b3.start_time_unix_nano ? -1 : 1;
     }
   }));
-  const [totalCount, setTotalCount] = (0, import_react50.useState)();
-  const [licenseLimit, setLicenseLimit] = (0, import_react50.useState)();
-  const [systemLimit, setSystemLimit] = (0, import_react50.useState)();
-  const [iamErrorCount, setIamErrorCount] = (0, import_react50.useState)();
-  const [hasMoreBackward, setHasMoreBackward] = (0, import_react50.useState)();
-  const [hasMoreForward, setHasMoreForward] = (0, import_react50.useState)();
-  const fetchForward = (0, import_react50.useCallback)(() => {
+  const [totalCount, setTotalCount] = (0, import_react52.useState)();
+  const [licenseLimit, setLicenseLimit] = (0, import_react52.useState)();
+  const [systemLimit, setSystemLimit] = (0, import_react52.useState)();
+  const [iamErrorCount, setIamErrorCount] = (0, import_react52.useState)();
+  const [hasMoreBackward, setHasMoreBackward] = (0, import_react52.useState)();
+  const [hasMoreForward, setHasMoreForward] = (0, import_react52.useState)();
+  const fetchForward = (0, import_react52.useCallback)(() => {
     void paginationBufferRef.current.fetchForward();
   }, []);
-  const fetchBackward = (0, import_react50.useCallback)(() => {
+  const fetchBackward = (0, import_react52.useCallback)(() => {
     void paginationBufferRef.current.fetchBackward();
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     fetchForward();
   }, [fetchForward]);
-  const { checking, checkStatus, error: statusError, status } = useStatus();
-  const [clearingSpans, setClearingSpans] = (0, import_react50.useState)(false);
-  const clearSpans = (0, import_react50.useCallback)(async () => {
+  const [clearingSpans, setClearingSpans] = (0, import_react52.useState)(false);
+  const clearSpans = (0, import_react52.useCallback)(async () => {
     if (clearingSpans) {
       return;
     }
@@ -16238,11 +18187,11 @@ var useSpans = () => {
       setClearingSpans(false);
     }
   }, [clearingSpans, api]);
-  const [streamPaused, setStreamPaused] = (0, import_react50.useState)(false);
-  const toggleStream = (0, import_react50.useCallback)(() => {
+  const [streamPaused, setStreamPaused] = (0, import_react52.useState)(false);
+  const toggleStream = (0, import_react52.useCallback)(() => {
     setStreamPaused((previous) => !previous);
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (hasMoreForward === true && !fetchingForward && !streamPaused) {
       void paginationBufferRef.current.fetchForward();
     }
@@ -16262,8 +18211,6 @@ var useSpans = () => {
     }
   });
   return {
-    checking,
-    checkStatus,
     clearingSpans,
     clearSpans,
     fetchBackward,
@@ -16276,8 +18223,6 @@ var useSpans = () => {
     iamErrorCount,
     licenseLimit,
     spans: throttledSpans.items,
-    status,
-    statusError,
     streamPaused,
     systemLimit,
     toggleStream,
@@ -16289,13 +18234,13 @@ var useSpans = () => {
 var import_icons_material12 = require("@mui/icons-material");
 var import_material22 = require("@mui/material");
 var import_styles = require("@mui/material/styles");
-var import_react65 = require("@xyflow/react");
-var import_react66 = require("react");
+var import_react67 = require("@xyflow/react");
+var import_react68 = require("react");
 
 // src/components/event-details/event-details.tsx
 var import_icons_material9 = require("@mui/icons-material");
 var import_material17 = require("@mui/material");
-var import_react57 = require("react");
+var import_react59 = require("react");
 
 // src/utils/iam-utils.ts
 function determinePermissionStatus(payload) {
@@ -16494,28 +18439,28 @@ var getEventGroupsByType = (events) => {
 // src/components/event-details/event-detail.tsx
 var import_icons_material7 = require("@mui/icons-material");
 var import_material14 = require("@mui/material");
-var import_react54 = require("react");
+var import_react56 = require("react");
 
 // src/components/status-icon.tsx
 var import_icons_material4 = require("@mui/icons-material");
 var import_material9 = require("@mui/material");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var StatusIcon = ({ errorLevel }) => {
   switch (errorLevel) {
     case EventLevel.LevelError: {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons_material4.Cancel, { sx: { color: "red" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material4.Cancel, { sx: { color: "red" } });
     }
     case EventLevel.LevelInfo: {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons_material4.Info, { sx: { color: "gray" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material4.Info, { sx: { color: "gray" } });
     }
     case EventLevel.LevelPermission: {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons_material4.RemoveCircle, { sx: { color: "blue" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material4.RemoveCircle, { sx: { color: "blue" } });
     }
     case EventLevel.LevelWarning: {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons_material4.Error, { sx: { color: "orange" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material4.Error, { sx: { color: "orange" } });
     }
     default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons_material4.CheckCircle, { sx: { color: "lightgray" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material4.CheckCircle, { sx: { color: "lightgray" } });
     }
   }
 };
@@ -16523,39 +18468,39 @@ var StatusIcon = ({ errorLevel }) => {
 // src/components/event-details/iam-event-detail.tsx
 var import_icons_material5 = require("@mui/icons-material");
 var import_material10 = require("@mui/material");
-var import_jsx_runtime132 = require("react/jsx-runtime");
-var DetailRow = ({ content, label }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Box, { children: typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { sx: { color: "text.primary", wordBreak: "break-word" }, variant: "caption", children: content }) : content })
+var import_jsx_runtime133 = require("react/jsx-runtime");
+var DetailRow = ({ content, label }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Box, { children: typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { sx: { color: "text.primary", wordBreak: "break-word" }, variant: "caption", children: content }) : content })
 ] });
 var PermissionIcon = ({ status }) => {
   switch (status) {
     case "explicitly_allowed":
     case "implicitly_allowed": {
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material5.CheckCircle, { sx: { color: "success.main", fontSize: "1rem" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons_material5.CheckCircle, { sx: { color: "success.main", fontSize: "1rem" } });
     }
     case "explicitly_denied": {
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material5.Error, { sx: { color: "error.main", fontSize: "1rem" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons_material5.Error, { sx: { color: "error.main", fontSize: "1rem" } });
     }
     case "implicitly_denied": {
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons_material5.Warning, { sx: { color: "warning.main", fontSize: "1rem" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons_material5.Warning, { sx: { color: "warning.main", fontSize: "1rem" } });
     }
   }
 };
 var IAMEventDetail = ({ event }) => {
   const payloadString = event.attributes?.payload;
   if (!payloadString) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "No IAM policy evaluation data available" });
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "No IAM policy evaluation data available" });
   }
   const parsedIAM = parseIAMEvent(payloadString);
   if (!parsedIAM) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Failed to parse IAM event data" });
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Failed to parse IAM event data" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Box, { sx: { mb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Box, { sx: { mb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       import_material10.Chip,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(PermissionIcon, { status: parsedIAM.permission }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PermissionIcon, { status: parsedIAM.permission }),
         label: formatPermissionStatus(parsedIAM.permission),
         size: "small",
         sx: {
@@ -16565,36 +18510,36 @@ var IAMEventDetail = ({ event }) => {
         variant: "outlined"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DetailRow, { content: `${parsedIAM.service}:${parsedIAM.operation}`, label: "Operation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DetailRow, { content: parsedIAM.principal, label: "Principal" }),
-    parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DetailRow, { content: `${parsedIAM.service}:${parsedIAM.operation}`, label: "Operation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DetailRow, { content: parsedIAM.principal, label: "Principal" }),
+    parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       DetailRow,
       {
-        content: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Box, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { sx: { color: "text.primary", display: "block" }, variant: "caption", children: action }, action)) }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Box, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { sx: { color: "text.primary", display: "block" }, variant: "caption", children: action }, action)) }),
         label: "Actions"
       }
     ),
-    parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       DetailRow,
       {
-        content: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Box, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { sx: { color: "text.primary", display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Box, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { sx: { color: "text.primary", display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) }),
         label: "Resources"
       }
     ),
-    (parsedIAM.details.explicitAllows !== void 0 || parsedIAM.details.explicitDenies !== void 0 || parsedIAM.details.implicitDenies !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { sx: { mt: 1.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", sx: { display: "block", fontWeight: 600, mb: 0.5 }, variant: "caption", children: "Policy Evaluation" }),
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "repeat(3, 1fr)" }, children: [
-        parsedIAM.details.explicitAllows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "success.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitAllows }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Explicit Allows" })
+    (parsedIAM.details.explicitAllows !== void 0 || parsedIAM.details.explicitDenies !== void 0 || parsedIAM.details.implicitDenies !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { sx: { mt: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", sx: { display: "block", fontWeight: 600, mb: 0.5 }, variant: "caption", children: "Policy Evaluation" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "repeat(3, 1fr)" }, children: [
+        parsedIAM.details.explicitAllows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { sx: { textAlign: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "success.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitAllows }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Explicit Allows" })
         ] }),
-        parsedIAM.details.explicitDenies !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "error.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitDenies }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Explicit Denies" })
+        parsedIAM.details.explicitDenies !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { sx: { textAlign: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "error.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitDenies }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Explicit Denies" })
         ] }),
-        parsedIAM.details.implicitDenies !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material10.Box, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "warning.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.implicitDenies }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Implicit Denies" })
+        parsedIAM.details.implicitDenies !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material10.Box, { sx: { textAlign: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "warning.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.implicitDenies }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material10.Typography, { color: "text.secondary", variant: "caption", children: "Implicit Denies" })
         ] })
       ] })
     ] })
@@ -16604,19 +18549,19 @@ var IAMEventDetail = ({ event }) => {
 // src/components/event-details/iam-permission-detail.tsx
 var import_icons_material6 = require("@mui/icons-material");
 var import_material11 = require("@mui/material");
-var import_react51 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_react53 = require("react");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var getChipColors = (status) => ({
   backgroundColor: getPermissionStatusColor(status),
   color: "white"
 });
-var LabelValue = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Typography, { sx: { wordBreak: "break-all" }, variant: "caption", children: value })
+var LabelValue = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Typography, { sx: { wordBreak: "break-all" }, variant: "caption", children: value })
 ] });
 var IAMPermissionItem = ({ event }) => {
-  const [isOpen, setIsOpen] = (0, import_react51.useState)(false);
-  const parsedData = (0, import_react51.useMemo)(() => {
+  const [isOpen, setIsOpen] = (0, import_react53.useState)(false);
+  const parsedData = (0, import_react53.useMemo)(() => {
     const payloadString = event.attributes?.payload;
     if (!payloadString) return;
     const parsedIAM2 = parseIAMEvent(payloadString);
@@ -16627,40 +18572,40 @@ var IAMPermissionItem = ({ event }) => {
     return null;
   }
   const { chipColors, parsedIAM } = parsedData;
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Box, { sx: { mb: 0.5 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Box, { sx: { alignItems: "center", display: "flex", gap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.IconButton, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Box, { sx: { mb: 0.5 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Box, { sx: { alignItems: "center", display: "flex", gap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.IconButton, { onClick: () => {
         setIsOpen(!isOpen);
-      }, size: "small", sx: { p: 0 }, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons_material6.KeyboardArrowDown, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons_material6.KeyboardArrowRight, { sx: { fontSize: 16 } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Chip, { label: formatPermissionStatus(parsedIAM.permission), size: "small", sx: { ...chipColors, fontWeight: 500 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Typography, { color: "text.secondary", noWrap: true, sx: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, variant: "caption", children: [
+      }, size: "small", sx: { p: 0 }, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_icons_material6.KeyboardArrowDown, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_icons_material6.KeyboardArrowRight, { sx: { fontSize: 16 } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Chip, { label: formatPermissionStatus(parsedIAM.permission), size: "small", sx: { ...chipColors, fontWeight: 500 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Typography, { color: "text.secondary", noWrap: true, sx: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, variant: "caption", children: [
         parsedIAM.service,
         ":",
         parsedIAM.operation
       ] })
     ] }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Box, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(LabelValue, { label: "Principal", value: parsedIAM.principal }),
-      parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Actions" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Box, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Typography, { sx: { display: "block" }, variant: "caption", children: action }, action)) })
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Box, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(LabelValue, { label: "Principal", value: parsedIAM.principal }),
+      parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Actions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Box, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Typography, { sx: { display: "block" }, variant: "caption", children: action }, action)) })
       ] }),
-      parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_material11.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Resources" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Box, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Typography, { sx: { display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) })
+      parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material11.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Resources" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Box, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Typography, { sx: { display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) })
       ] })
     ] })
   ] });
 };
-var IAMPermissionDetail = ({ events }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material11.Box, { children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(IAMPermissionItem, { event }, `${event.span_id}-${event.event_id}`)) });
+var IAMPermissionDetail = ({ events }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material11.Box, { children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IAMPermissionItem, { event }, `${event.span_id}-${event.event_id}`)) });
 
 // src/components/event-details/payload-viewer.tsx
 var import_material13 = require("@mui/material");
 
 // node_modules/@textea/json-viewer/dist/index.mjs
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var import_material12 = require("@mui/material");
-var import_react52 = require("react");
+var import_react54 = require("react");
 var import_zustand = require("zustand");
 var import_copy_to_clipboard = __toESM(require_copy_to_clipboard(), 1);
 function r(e2) {
@@ -16777,10 +18722,10 @@ var createJsonViewerStore = (props) => {
     };
   });
 };
-var JsonViewerStoreContext = (0, import_react52.createContext)(void 0);
+var JsonViewerStoreContext = (0, import_react54.createContext)(void 0);
 JsonViewerStoreContext.Provider;
 var useJsonViewerStore = (selector2, equalityFn) => {
-  const store = (0, import_react52.useContext)(JsonViewerStoreContext);
+  const store = (0, import_react54.useContext)(JsonViewerStoreContext);
   return (0, import_zustand.useStore)(store, selector2, equalityFn);
 };
 var useTextColor = () => {
@@ -16905,9 +18850,9 @@ async function copyString(value) {
 }
 function useClipboard() {
   let { timeout = 2e3 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const [copied, setCopied] = (0, import_react52.useState)(false);
-  const copyTimeout = (0, import_react52.useRef)(null);
-  const handleCopyResult = (0, import_react52.useCallback)((value) => {
+  const [copied, setCopied] = (0, import_react54.useState)(false);
+  const copyTimeout = (0, import_react54.useRef)(null);
+  const handleCopyResult = (0, import_react54.useCallback)((value) => {
     const current = copyTimeout.current;
     if (current) {
       window.clearTimeout(current);
@@ -16918,7 +18863,7 @@ function useClipboard() {
     timeout
   ]);
   const onCopy = useJsonViewerStore((store) => store.onCopy);
-  const copy = (0, import_react52.useCallback)(async (path, value) => {
+  const copy = (0, import_react54.useCallback)(async (path, value) => {
     if (typeof onCopy === "function") {
       try {
         await onCopy(path, value, copyString);
@@ -16939,7 +18884,7 @@ function useClipboard() {
     handleCopyResult,
     onCopy
   ]);
-  const reset = (0, import_react52.useCallback)(() => {
+  const reset = (0, import_react54.useCallback)(() => {
     setCopied(false);
     if (copyTimeout.current) {
       clearTimeout(copyTimeout.current);
@@ -16953,7 +18898,7 @@ function useClipboard() {
 }
 function useIsCycleReference(path, value) {
   const rootValue = useJsonViewerStore((store) => store.value);
-  return (0, import_react52.useMemo)(() => isCycleReference(rootValue, path, value), [
+  return (0, import_react54.useMemo)(() => isCycleReference(rootValue, path, value), [
     path,
     value,
     rootValue
@@ -16966,7 +18911,7 @@ function useInspect(path, value, nestedIndex) {
   const setInspectCache = useJsonViewerStore((store) => store.setInspectCache);
   const defaultInspectDepth = useJsonViewerStore((store) => store.defaultInspectDepth);
   const defaultInspectControl = useJsonViewerStore((store) => store.defaultInspectControl);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     const inspect2 = getInspectCache(path, nestedIndex);
     if (inspect2 !== void 0) {
       return;
@@ -16988,7 +18933,7 @@ function useInspect(path, value, nestedIndex) {
     value,
     setInspectCache
   ]);
-  const [inspect, set] = (0, import_react52.useState)(() => {
+  const [inspect, set] = (0, import_react54.useState)(() => {
     const shouldInspect = getInspectCache(path, nestedIndex);
     if (shouldInspect !== void 0) {
       return shouldInspect;
@@ -16998,7 +18943,7 @@ function useInspect(path, value, nestedIndex) {
     }
     return isTrap ? false : typeof defaultInspectControl === "function" ? defaultInspectControl(path, value) : depth < defaultInspectDepth;
   });
-  const setInspect = (0, import_react52.useCallback)((apply) => {
+  const setInspect = (0, import_react54.useCallback)((apply) => {
     set((oldState) => {
       const newState = typeof apply === "boolean" ? apply : apply(oldState);
       setInspectCache(path, newState, nestedIndex);
@@ -17014,7 +18959,7 @@ function useInspect(path, value, nestedIndex) {
     setInspect
   ];
 }
-var DataBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+var DataBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
   component: "div",
   ...props,
   sx: {
@@ -17025,7 +18970,7 @@ var DataBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_m
 var DataTypeLabel = (param) => {
   let { dataType, enable = true } = param;
   if (!enable) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataBox, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataBox, {
     className: "data-type-label",
     sx: {
       mx: 0.5,
@@ -17038,23 +18983,23 @@ var DataTypeLabel = (param) => {
 };
 function defineEasyType(param) {
   let { is, serialize, deserialize, type, colorKey, displayTypeLabel = true, Renderer } = param;
-  const Render = /* @__PURE__ */ (0, import_react52.memo)(Renderer);
+  const Render = /* @__PURE__ */ (0, import_react54.memo)(Renderer);
   const EasyType = (props) => {
     const storeDisplayDataTypes = useJsonViewerStore((store) => store.displayDataTypes);
     const color2 = useJsonViewerStore((store) => store.colorspace[colorKey]);
     const onSelect = useJsonViewerStore((store) => store.onSelect);
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(DataBox, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(DataBox, {
       onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(props.path, props.value),
       sx: {
         color: color2
       },
       children: [
-        displayTypeLabel && storeDisplayDataTypes && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataTypeLabel, {
+        displayTypeLabel && storeDisplayDataTypes && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataTypeLabel, {
           dataType: type
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataBox, {
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataBox, {
           className: "".concat(type, "-value"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Render, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Render, {
             path: props.path,
             inspect: props.inspect,
             setInspect: props.setInspect,
@@ -17075,7 +19020,7 @@ function defineEasyType(param) {
   const EasyTypeEditor = (param2) => {
     let { value, setValue, abortEditing, commitEditing } = param2;
     const color2 = useJsonViewerStore((store) => store.colorspace[colorKey]);
-    const handleKeyDown = (0, import_react52.useCallback)((event) => {
+    const handleKeyDown = (0, import_react54.useCallback)((event) => {
       if (event.key === "Enter") {
         event.preventDefault();
         commitEditing(value);
@@ -17089,12 +19034,12 @@ function defineEasyType(param) {
       commitEditing,
       value
     ]);
-    const handleChange = (0, import_react52.useCallback)((event) => {
+    const handleChange = (0, import_react54.useCallback)((event) => {
       setValue(event.target.value);
     }, [
       setValue
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.InputBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.InputBase, {
       autoFocus: true,
       value,
       onChange: handleChange,
@@ -17134,7 +19079,7 @@ var booleanType = defineEasyType({
   },
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
       children: value ? "true" : "false"
     });
   }
@@ -17153,7 +19098,7 @@ var dateType = defineEasyType({
   colorKey: "base0D",
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
       children: value.toLocaleTimeString("en-us", displayOptions)
     });
   }
@@ -17182,12 +19127,12 @@ var functionName = (func) => {
 var lb = "{";
 var rb = "}";
 var PreFunctionType = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material12.NoSsr, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_material12.NoSsr, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataTypeLabel, {
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataTypeLabel, {
         dataType: "function"
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material12.Box, {
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_material12.Box, {
         component: "span",
         className: "data-function-start",
         sx: {
@@ -17203,8 +19148,8 @@ var PreFunctionType = (props) => {
   });
 };
 var PostFunctionType = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.NoSsr, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.NoSsr, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
       component: "span",
       className: "data-function-end",
       children: rb
@@ -17213,15 +19158,15 @@ var PostFunctionType = () => {
 };
 var FunctionType = (props) => {
   const functionColor = useJsonViewerStore((store) => store.colorspace.base05);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.NoSsr, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.NoSsr, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
       className: "data-function",
       sx: {
         display: props.inspect ? "block" : "inline-block",
         pl: props.inspect ? 2 : 0,
         color: functionColor
       },
-      children: props.inspect ? functionBody(props.value) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+      children: props.inspect ? functionBody(props.value) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
         component: "span",
         className: "data-function-body",
         onClick: () => props.setInspect(true),
@@ -17249,7 +19194,7 @@ var nullType = defineEasyType({
   displayTypeLabel: false,
   Renderer: () => {
     const backgroundColor = useJsonViewerStore((store) => store.colorspace.base02);
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
       sx: {
         fontSize: "0.8rem",
         backgroundColor,
@@ -17272,7 +19217,7 @@ var nanType = defineEasyType({
   deserialize: (value) => parseFloat(value),
   Renderer: () => {
     const backgroundColor = useJsonViewerStore((store) => store.colorspace.base02);
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
       sx: {
         backgroundColor,
         fontSize: "0.8rem",
@@ -17292,7 +19237,7 @@ var floatType = defineEasyType({
   deserialize: (value) => parseFloat(value),
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
       children: value
     });
   }
@@ -17306,7 +19251,7 @@ var intType = defineEasyType({
   deserialize: (value) => parseFloat(value),
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
       children: value
     });
   }
@@ -17319,16 +19264,16 @@ var bigIntType = defineEasyType({
   deserialize: (value) => BigInt(value.replace(/\D/g, "")),
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
       children: "".concat(value, "n")
     });
   }
 });
 var BaseIcon = (param) => {
   let { d: d2, ...props } = param;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.SvgIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.SvgIcon, {
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
+    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
       d: d2
     })
   });
@@ -17343,55 +19288,55 @@ var Edit = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.3
 var ExpandMore = "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z";
 var Delete = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5l-1-1h-5l-1 1H5v2h14V4z";
 var AddBoxIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: AddBox,
     ...props
   });
 };
 var CheckIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: Check,
     ...props
   });
 };
 var ChevronRightIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: ChevronRight,
     ...props
   });
 };
 var CircularArrowsIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: CircularArrows,
     ...props
   });
 };
 var CloseIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: Close,
     ...props
   });
 };
 var ContentCopyIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: ContentCopy,
     ...props
   });
 };
 var EditIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: Edit,
     ...props
   });
 };
 var ExpandMoreIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: ExpandMore,
     ...props
   });
 };
 var DeleteIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(BaseIcon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BaseIcon, {
     d: Delete,
     ...props
   });
@@ -17414,23 +19359,23 @@ function inspectMetadata(value) {
 var PreObjectType = (props) => {
   const metadataColor = useJsonViewerStore((store) => store.colorspace.base04);
   const textColor = useTextColor();
-  const isArrayLike = (0, import_react52.useMemo)(() => Array.isArray(props.value) || props.value instanceof Set, [
+  const isArrayLike = (0, import_react54.useMemo)(() => Array.isArray(props.value) || props.value instanceof Set, [
     props.value
   ]);
-  const isEmptyValue = (0, import_react52.useMemo)(() => getValueSize(props.value) === 0, [
+  const isEmptyValue = (0, import_react54.useMemo)(() => getValueSize(props.value) === 0, [
     props.value
   ]);
-  const sizeOfValue = (0, import_react52.useMemo)(() => inspectMetadata(props.value), [
+  const sizeOfValue = (0, import_react54.useMemo)(() => inspectMetadata(props.value), [
     props.value
   ]);
   const displaySize = useJsonViewerStore((store) => store.displaySize);
-  const shouldDisplaySize = (0, import_react52.useMemo)(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
+  const shouldDisplaySize = (0, import_react54.useMemo)(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
     displaySize,
     props.path,
     props.value
   ]);
   const isTrap = useIsCycleReference(props.path, props.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material12.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_material12.Box, {
     component: "span",
     className: "data-object-start",
     sx: {
@@ -17438,7 +19383,7 @@ var PreObjectType = (props) => {
     },
     children: [
       isArrayLike ? arrayLb : objectLb,
-      shouldDisplaySize && props.inspect && !isEmptyValue && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+      shouldDisplaySize && props.inspect && !isEmptyValue && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
         component: "span",
         sx: {
           pl: 0.5,
@@ -17448,16 +19393,16 @@ var PreObjectType = (props) => {
         },
         children: sizeOfValue
       }),
-      isTrap && !props.inspect && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, {
+      isTrap && !props.inspect && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(CircularArrowsIcon, {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CircularArrowsIcon, {
             sx: {
               fontSize: 12,
               color: textColor,
               mx: 0.5
             }
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataBox, {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataBox, {
             sx: {
               cursor: "pointer",
               userSelect: "none"
@@ -17472,22 +19417,22 @@ var PreObjectType = (props) => {
 var PostObjectType = (props) => {
   const metadataColor = useJsonViewerStore((store) => store.colorspace.base04);
   const textColor = useTextColor();
-  const isArrayLike = (0, import_react52.useMemo)(() => Array.isArray(props.value) || props.value instanceof Set, [
+  const isArrayLike = (0, import_react54.useMemo)(() => Array.isArray(props.value) || props.value instanceof Set, [
     props.value
   ]);
-  const isEmptyValue = (0, import_react52.useMemo)(() => getValueSize(props.value) === 0, [
+  const isEmptyValue = (0, import_react54.useMemo)(() => getValueSize(props.value) === 0, [
     props.value
   ]);
-  const sizeOfValue = (0, import_react52.useMemo)(() => inspectMetadata(props.value), [
+  const sizeOfValue = (0, import_react54.useMemo)(() => inspectMetadata(props.value), [
     props.value
   ]);
   const displaySize = useJsonViewerStore((store) => store.displaySize);
-  const shouldDisplaySize = (0, import_react52.useMemo)(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
+  const shouldDisplaySize = (0, import_react54.useMemo)(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
     displaySize,
     props.path,
     props.value
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material12.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_material12.Box, {
     component: "span",
     className: "data-object-end",
     sx: {
@@ -17498,7 +19443,7 @@ var PostObjectType = (props) => {
     },
     children: [
       isArrayLike ? arrayRb : objectRb,
-      shouldDisplaySize && (isEmptyValue || !props.inspect) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+      shouldDisplaySize && (isEmptyValue || !props.inspect) ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
         component: "span",
         sx: {
           pl: 0.5,
@@ -17519,9 +19464,9 @@ var ObjectType = (props) => {
   const borderColor = useJsonViewerStore((store) => store.colorspace.base02);
   const groupArraysAfterLength = useJsonViewerStore((store) => store.groupArraysAfterLength);
   const isTrap = useIsCycleReference(props.path, props.value);
-  const [displayLength, setDisplayLength] = (0, import_react52.useState)(useJsonViewerStore((store) => store.maxDisplayLength));
+  const [displayLength, setDisplayLength] = (0, import_react54.useState)(useJsonViewerStore((store) => store.maxDisplayLength));
   const objectSortKeys = useJsonViewerStore((store) => store.objectSortKeys);
-  const elements = (0, import_react52.useMemo)(() => {
+  const elements = (0, import_react54.useMemo)(() => {
     if (!props.inspect) {
       return null;
     }
@@ -17538,7 +19483,7 @@ var ObjectType = (props) => {
             ...props.path,
             key
           ];
-          elements3.push(/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataKeyPair, {
+          elements3.push(/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataKeyPair, {
             path,
             value: value2,
             prevValue: props.prevValue instanceof Map ? props.prevValue.get(k2) : void 0,
@@ -17554,7 +19499,7 @@ var ObjectType = (props) => {
         while (true) {
           const nextResult = iterator2.next();
           var _nextResult_done;
-          elements3.push(/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataKeyPair, {
+          elements3.push(/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataKeyPair, {
             path: [
               ...props.path,
               "iterator:".concat(count2)
@@ -17582,7 +19527,7 @@ var ObjectType = (props) => {
             ...props.path,
             index
           ];
-          return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataKeyPair, {
+          return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataKeyPair, {
             path,
             value: value2,
             prevValue: Array.isArray(props.prevValue) ? props.prevValue[index] : void 0,
@@ -17591,7 +19536,7 @@ var ObjectType = (props) => {
         });
         if (value.length > displayLength) {
           const rest = value.length - displayLength;
-          elements4.push(/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(DataBox, {
+          elements4.push(/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(DataBox, {
             sx: {
               cursor: "pointer",
               lineHeight: 1.5,
@@ -17614,7 +19559,7 @@ var ObjectType = (props) => {
       const prevElements = Array.isArray(props.prevValue) ? segmentArray(props.prevValue, groupArraysAfterLength) : void 0;
       const elementsLastIndex = elements3.length - 1;
       return elements3.map((list, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataKeyPair, {
+        return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataKeyPair, {
           path: props.path,
           value: list,
           nestedIndex: index,
@@ -17641,7 +19586,7 @@ var ObjectType = (props) => {
         ...props.path,
         key
       ];
-      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataKeyPair, {
+      return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataKeyPair, {
         path,
         value: value2,
         prevValue: (_props_prevValue = props.prevValue) === null || _props_prevValue === void 0 ? void 0 : _props_prevValue[key],
@@ -17650,7 +19595,7 @@ var ObjectType = (props) => {
     });
     if (entries.length > displayLength) {
       const rest = entries.length - displayLength;
-      elements2.push(/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(DataBox, {
+      elements2.push(/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(DataBox, {
         sx: {
           cursor: "pointer",
           lineHeight: 1.5,
@@ -17682,13 +19627,13 @@ var ObjectType = (props) => {
   const marginLeft = props.inspect ? 0.6 : 0;
   const width = useJsonViewerStore((store) => store.indentWidth);
   const indentWidth = props.inspect ? width - marginLeft : width;
-  const isEmptyValue = (0, import_react52.useMemo)(() => getValueSize(props.value) === 0, [
+  const isEmptyValue = (0, import_react54.useMemo)(() => getValueSize(props.value) === 0, [
     props.value
   ]);
   if (isEmptyValue) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
     className: "data-object",
     sx: {
       display: props.inspect ? "block" : "inline-block",
@@ -17697,7 +19642,7 @@ var ObjectType = (props) => {
       color: keyColor,
       borderLeft: props.inspect ? "1px solid ".concat(borderColor) : "none"
     },
-    children: props.inspect ? elements : !isTrap && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+    children: props.inspect ? elements : !isTrap && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
       component: "span",
       className: "data-object-body",
       onClick: () => props.setInspect(true),
@@ -17725,11 +19670,11 @@ var stringType = defineEasyType({
   serialize: (value) => value,
   deserialize: (value) => value,
   Renderer: (props) => {
-    const [showRest, setShowRest] = (0, import_react52.useState)(false);
+    const [showRest, setShowRest] = (0, import_react54.useState)(false);
     const collapseStringsAfterLength = useJsonViewerStore((store) => store.collapseStringsAfterLength);
     const value = showRest ? props.value : props.value.slice(0, collapseStringsAfterLength);
     const hasRest = props.value.length > collapseStringsAfterLength;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material12.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_material12.Box, {
       component: "span",
       sx: {
         overflowWrap: "anywhere",
@@ -17747,7 +19692,7 @@ var stringType = defineEasyType({
       children: [
         '"',
         value,
-        hasRest && !showRest && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+        hasRest && !showRest && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
           component: "span",
           sx: {
             padding: 0.5
@@ -17766,7 +19711,7 @@ var undefinedType = defineEasyType({
   displayTypeLabel: false,
   Renderer: () => {
     const backgroundColor = useJsonViewerStore((store) => store.colorspace.base02);
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
       sx: {
         fontSize: "0.7rem",
         backgroundColor,
@@ -17782,17 +19727,17 @@ function memorizeDataType(dataType) {
     var _prevProps_path, _nextProps_path;
     return Object.is(prevProps.value, nextProps.value) && prevProps.inspect && nextProps.inspect && ((_prevProps_path = prevProps.path) === null || _prevProps_path === void 0 ? void 0 : _prevProps_path.join(".")) === ((_nextProps_path = nextProps.path) === null || _nextProps_path === void 0 ? void 0 : _nextProps_path.join("."));
   }
-  dataType.Component = /* @__PURE__ */ (0, import_react52.memo)(dataType.Component, compare);
+  dataType.Component = /* @__PURE__ */ (0, import_react54.memo)(dataType.Component, compare);
   if (dataType.Editor) {
-    dataType.Editor = /* @__PURE__ */ (0, import_react52.memo)(dataType.Editor, function compare2(prevProps, nextProps) {
+    dataType.Editor = /* @__PURE__ */ (0, import_react54.memo)(dataType.Editor, function compare2(prevProps, nextProps) {
       return Object.is(prevProps.value, nextProps.value);
     });
   }
   if (dataType.PreComponent) {
-    dataType.PreComponent = /* @__PURE__ */ (0, import_react52.memo)(dataType.PreComponent, compare);
+    dataType.PreComponent = /* @__PURE__ */ (0, import_react54.memo)(dataType.PreComponent, compare);
   }
   if (dataType.PostComponent) {
-    dataType.PostComponent = /* @__PURE__ */ (0, import_react52.memo)(dataType.PostComponent, compare);
+    dataType.PostComponent = /* @__PURE__ */ (0, import_react54.memo)(dataType.PostComponent, compare);
   }
   return dataType;
 }
@@ -17818,10 +19763,10 @@ var createTypeRegistryStore = () => {
     }
   }));
 };
-var TypeRegistryStoreContext = /* @__PURE__ */ (0, import_react52.createContext)(void 0);
+var TypeRegistryStoreContext = /* @__PURE__ */ (0, import_react54.createContext)(void 0);
 TypeRegistryStoreContext.Provider;
 var useTypeRegistryStore = (selector2, equalityFn) => {
-  const store = (0, import_react52.useContext)(TypeRegistryStoreContext);
+  const store = (0, import_react54.useContext)(TypeRegistryStoreContext);
   return (0, import_zustand.useStore)(store, selector2, equalityFn);
 };
 function matchTypeComponents(value, path, registry) {
@@ -17841,13 +19786,13 @@ function matchTypeComponents(value, path, registry) {
 }
 function useTypeComponents(value, path) {
   const registry = useTypeRegistryStore((store) => store.registry);
-  return (0, import_react52.useMemo)(() => matchTypeComponents(value, path, registry), [
+  return (0, import_react54.useMemo)(() => matchTypeComponents(value, path, registry), [
     value,
     path,
     registry
   ]);
 }
-var IconBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+var IconBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
   component: "span",
   ...props,
   sx: {
@@ -17862,7 +19807,7 @@ var DataKeyPair = (props) => {
   var _props_editable;
   const propsEditable = (_props_editable = props.editable) !== null && _props_editable !== void 0 ? _props_editable : void 0;
   const storeEditable = useJsonViewerStore((store) => store.editable);
-  const editable = (0, import_react52.useMemo)(() => {
+  const editable = (0, import_react54.useMemo)(() => {
     if (storeEditable === false) {
       return false;
     }
@@ -17879,11 +19824,11 @@ var DataKeyPair = (props) => {
     storeEditable,
     value
   ]);
-  const [tempValue, setTempValue] = (0, import_react52.useState)("");
+  const [tempValue, setTempValue] = (0, import_react54.useState)("");
   const depth = path.length;
   const key = path[depth - 1];
   const hoverPath = useJsonViewerStore((store) => store.hoverPath);
-  const isHover = (0, import_react52.useMemo)(() => {
+  const isHover = (0, import_react54.useMemo)(() => {
     return hoverPath && path.every((value2, index) => value2 === hoverPath.path[index] && nestedIndex === hoverPath.nestedIndex);
   }, [
     hoverPath,
@@ -17893,7 +19838,7 @@ var DataKeyPair = (props) => {
   const setHover = useJsonViewerStore((store) => store.setHover);
   const root = useJsonViewerStore((store) => store.value);
   const [inspect, setInspect] = useInspect(path, value, nestedIndex);
-  const [editing, setEditing] = (0, import_react52.useState)(false);
+  const [editing, setEditing] = (0, import_react54.useState)(false);
   const onChange = useJsonViewerStore((store) => store.onChange);
   const keyColor = useTextColor();
   const numberKeyColor = useJsonViewerStore((store) => store.colorspace.base0C);
@@ -17905,7 +19850,7 @@ var DataKeyPair = (props) => {
   const isNumberKey = Number.isInteger(Number(key));
   const storeEnableAdd = useJsonViewerStore((store) => store.enableAdd);
   const onAdd = useJsonViewerStore((store) => store.onAdd);
-  const enableAdd = (0, import_react52.useMemo)(() => {
+  const enableAdd = (0, import_react54.useMemo)(() => {
     if (!onAdd || nestedIndex !== void 0) return false;
     if (storeEnableAdd === false) {
       return false;
@@ -17930,7 +19875,7 @@ var DataKeyPair = (props) => {
   ]);
   const storeEnableDelete = useJsonViewerStore((store) => store.enableDelete);
   const onDelete = useJsonViewerStore((store) => store.onDelete);
-  const enableDelete = (0, import_react52.useMemo)(() => {
+  const enableDelete = (0, import_react54.useMemo)(() => {
     if (!onDelete || nestedIndex !== void 0) return false;
     if (isRoot) {
       return false;
@@ -17957,7 +19902,7 @@ var DataKeyPair = (props) => {
   const enableClipboard = useJsonViewerStore((store) => store.enableClipboard);
   const { copy, copied } = useClipboard();
   const highlightUpdates = useJsonViewerStore((store) => store.highlightUpdates);
-  const isHighlight = (0, import_react52.useMemo)(() => {
+  const isHighlight = (0, import_react54.useMemo)(() => {
     if (!highlightUpdates || prevValue === void 0) return false;
     if (typeof value !== typeof prevValue) {
       return true;
@@ -17981,8 +19926,8 @@ var DataKeyPair = (props) => {
     prevValue,
     value
   ]);
-  const highlightContainer = (0, import_react52.useRef)();
-  (0, import_react52.useEffect)(() => {
+  const highlightContainer = (0, import_react54.useRef)();
+  (0, import_react54.useEffect)(() => {
     if (highlightContainer.current && isHighlight && "animate" in highlightContainer.current) {
       highlightContainer.current.animate([
         {
@@ -18002,7 +19947,7 @@ var DataKeyPair = (props) => {
     prevValue,
     value
   ]);
-  const startEditing = (0, import_react52.useCallback)((event) => {
+  const startEditing = (0, import_react54.useCallback)((event) => {
     event.preventDefault();
     if (serialize) setTempValue(serialize(value));
     setEditing(true);
@@ -18010,14 +19955,14 @@ var DataKeyPair = (props) => {
     serialize,
     value
   ]);
-  const abortEditing = (0, import_react52.useCallback)(() => {
+  const abortEditing = (0, import_react54.useCallback)(() => {
     setEditing(false);
     setTempValue("");
   }, [
     setEditing,
     setTempValue
   ]);
-  const commitEditing = (0, import_react52.useCallback)((newValue) => {
+  const commitEditing = (0, import_react54.useCallback)((newValue) => {
     setEditing(false);
     if (!deserialize) return;
     try {
@@ -18031,20 +19976,20 @@ var DataKeyPair = (props) => {
     path,
     value
   ]);
-  const actionIcons = (0, import_react52.useMemo)(() => {
+  const actionIcons = (0, import_react54.useMemo)(() => {
     if (editing) {
-      return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, {
+      return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IconBox, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(CloseIcon, {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(IconBox, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CloseIcon, {
               sx: {
                 fontSize: ".8rem"
               },
               onClick: abortEditing
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IconBox, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(CheckIcon, {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(IconBox, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CheckIcon, {
               sx: {
                 fontSize: ".8rem"
               },
@@ -18054,9 +19999,9 @@ var DataKeyPair = (props) => {
         ]
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, {
       children: [
-        enableClipboard && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IconBox, {
+        enableClipboard && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(IconBox, {
           onClick: (event) => {
             event.preventDefault();
             try {
@@ -18065,41 +20010,41 @@ var DataKeyPair = (props) => {
               console.error(e2);
             }
           },
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(CheckIcon, {
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CheckIcon, {
             sx: {
               fontSize: ".8rem"
             }
-          }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ContentCopyIcon, {
+          }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ContentCopyIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        Editor && editable && serialize && deserialize && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IconBox, {
+        Editor && editable && serialize && deserialize && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(IconBox, {
           onClick: startEditing,
-          children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(EditIcon, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        enableAdd && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IconBox, {
+        enableAdd && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(IconBox, {
           onClick: (event) => {
             event.preventDefault();
             onAdd === null || onAdd === void 0 ? void 0 : onAdd(path);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(AddBoxIcon, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(AddBoxIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        enableDelete && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(IconBox, {
+        enableDelete && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(IconBox, {
           onClick: (event) => {
             event.preventDefault();
             onDelete === null || onDelete === void 0 ? void 0 : onDelete(path, value);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DeleteIcon, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DeleteIcon, {
             sx: {
               fontSize: ".9rem"
             }
@@ -18127,12 +20072,12 @@ var DataKeyPair = (props) => {
     abortEditing,
     commitEditing
   ]);
-  const isEmptyValue = (0, import_react52.useMemo)(() => getValueSize(value) === 0, [
+  const isEmptyValue = (0, import_react54.useMemo)(() => getValueSize(value) === 0, [
     value
   ]);
   const expandable = !isEmptyValue && !!(PreComponent && PostComponent);
   const KeyRenderer = useJsonViewerStore((store) => store.keyRenderer);
-  const downstreamProps = (0, import_react52.useMemo)(() => ({
+  const downstreamProps = (0, import_react54.useMemo)(() => ({
     path,
     inspect,
     setInspect,
@@ -18147,19 +20092,19 @@ var DataKeyPair = (props) => {
     prevValue,
     nestedIndex
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_material12.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_material12.Box, {
     className: "data-key-pair",
     "data-testid": "data-key-pair" + path.join("."),
     sx: {
       userSelect: "text"
     },
-    onMouseEnter: (0, import_react52.useCallback)(() => setHover(path, nestedIndex), [
+    onMouseEnter: (0, import_react54.useCallback)(() => setHover(path, nestedIndex), [
       setHover,
       path,
       nestedIndex
     ]),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(DataBox, {
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(DataBox, {
         component: "span",
         className: "data-key",
         sx: {
@@ -18168,7 +20113,7 @@ var DataKeyPair = (props) => {
           letterSpacing: 0.5,
           opacity: 0.8
         },
-        onClick: (0, import_react52.useCallback)((event) => {
+        onClick: (0, import_react54.useCallback)((event) => {
           if (event.isDefaultPrevented()) {
             return;
           }
@@ -18180,7 +20125,7 @@ var DataKeyPair = (props) => {
           setInspect
         ]),
         children: [
-          expandable ? inspect ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ExpandMoreIcon, {
+          expandable ? inspect ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ExpandMoreIcon, {
             className: "data-key-toggle-expanded",
             sx: {
               fontSize: ".8rem",
@@ -18188,7 +20133,7 @@ var DataKeyPair = (props) => {
                 cursor: "pointer"
               }
             }
-          }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ChevronRightIcon, {
+          }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ChevronRightIcon, {
             className: "data-key-toggle-collapsed",
             sx: {
               fontSize: ".8rem",
@@ -18197,44 +20142,44 @@ var DataKeyPair = (props) => {
               }
             }
           }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
             ref: highlightContainer,
             className: "data-key-key",
             component: "span",
-            children: isRoot && depth === 0 ? rootName !== false ? quotesOnKeys ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, {
+            children: isRoot && depth === 0 ? rootName !== false ? quotesOnKeys ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, {
               children: [
                 '"',
                 rootName,
                 '"'
               ]
-            }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+            }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
               children: rootName
-            }) : null : KeyRenderer.when(downstreamProps) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(KeyRenderer, {
+            }) : null : KeyRenderer.when(downstreamProps) ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(KeyRenderer, {
               ...downstreamProps
-            }) : nestedIndex === void 0 && (isNumberKey ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+            }) : nestedIndex === void 0 && (isNumberKey ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
               component: "span",
               style: {
                 color: numberKeyColor,
                 userSelect: isNumberKey ? "none" : "auto"
               },
               children: key
-            }) : quotesOnKeys ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, {
+            }) : quotesOnKeys ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, {
               children: [
                 '"',
                 key,
                 '"'
               ]
-            }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, {
+            }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, {
               children: key
             }))
           }),
-          isRoot ? rootName !== false && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataBox, {
+          isRoot ? rootName !== false && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataBox, {
             className: "data-key-colon",
             sx: {
               mr: 0.5
             },
             children: ":"
-          }) : nestedIndex === void 0 && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataBox, {
+          }) : nestedIndex === void 0 && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataBox, {
             className: "data-key-colon",
             sx: {
               mr: 0.5,
@@ -18245,29 +20190,29 @@ var DataKeyPair = (props) => {
             },
             children: ":"
           }),
-          PreComponent && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PreComponent, {
+          PreComponent && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PreComponent, {
             ...downstreamProps
           }),
           isHover && expandable && inspect && actionIcons
         ]
       }),
-      editing && editable ? Editor && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Editor, {
+      editing && editable ? Editor && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Editor, {
         path,
         value: tempValue,
         setValue: setTempValue,
         abortEditing,
         commitEditing
-      }) : Component ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Component, {
+      }) : Component ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Component, {
         ...downstreamProps
-      }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Box, {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Box, {
         component: "span",
         className: "data-value-fallback",
         children: "fallback: ".concat(value)
       }),
-      PostComponent && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PostComponent, {
+      PostComponent && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PostComponent, {
         ...downstreamProps
       }),
-      !last && displayComma && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataBox, {
+      !last && displayComma && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataBox, {
         children: ","
       }),
       isHover && expandable && !inspect && actionIcons,
@@ -18278,8 +20223,8 @@ var DataKeyPair = (props) => {
 };
 var query = "(prefers-color-scheme: dark)";
 function useThemeDetector() {
-  const [isDark, setIsDark] = (0, import_react52.useState)(false);
-  (0, import_react52.useEffect)(() => {
+  const [isDark, setIsDark] = (0, import_react54.useState)(false);
+  (0, import_react54.useEffect)(() => {
     const listener = (e2) => setIsDark(e2.matches);
     setIsDark(window.matchMedia(query).matches);
     const queryMedia = window.matchMedia(query);
@@ -18289,8 +20234,8 @@ function useThemeDetector() {
   return isDark;
 }
 function useSetIfNotUndefinedEffect(key, value) {
-  const { setState } = (0, import_react52.useContext)(JsonViewerStoreContext);
-  (0, import_react52.useEffect)(() => {
+  const { setState } = (0, import_react54.useContext)(JsonViewerStoreContext);
+  (0, import_react54.useEffect)(() => {
     if (value !== void 0) {
       setState({
         [key]: value
@@ -18303,8 +20248,8 @@ function useSetIfNotUndefinedEffect(key, value) {
   ]);
 }
 var JsonViewerInner = (props) => {
-  const { setState } = (0, import_react52.useContext)(JsonViewerStoreContext);
-  (0, import_react52.useEffect)(() => {
+  const { setState } = (0, import_react54.useContext)(JsonViewerStoreContext);
+  (0, import_react54.useEffect)(() => {
     setState((state) => ({
       prevValue: state.value,
       value: props.value
@@ -18332,7 +20277,7 @@ var JsonViewerInner = (props) => {
   useSetIfNotUndefinedEffect("displaySize", props.displaySize);
   useSetIfNotUndefinedEffect("displayComma", props.displayComma);
   useSetIfNotUndefinedEffect("highlightUpdates", props.highlightUpdates);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (props.theme === "light") {
       setState({
         colorspace: lightColorspace
@@ -18350,13 +20295,13 @@ var JsonViewerInner = (props) => {
     setState,
     props.theme
   ]);
-  const themeCls = (0, import_react52.useMemo)(() => {
+  const themeCls = (0, import_react54.useMemo)(() => {
     if (typeof props.theme === "object") return "json-viewer-theme-custom";
     return props.theme === "dark" ? "json-viewer-theme-dark" : "json-viewer-theme-light";
   }, [
     props.theme
   ]);
-  const onceRef = (0, import_react52.useRef)(true);
+  const onceRef = (0, import_react54.useRef)(true);
   const registerTypes = useTypeRegistryStore((store) => store.registerTypes);
   if (onceRef.current) {
     const allTypes = props.valueTypes ? [
@@ -18368,7 +20313,7 @@ var JsonViewerInner = (props) => {
     registerTypes(allTypes);
     onceRef.current = false;
   }
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     const allTypes = props.valueTypes ? [
       ...predefinedTypes,
       ...props.valueTypes
@@ -18382,12 +20327,12 @@ var JsonViewerInner = (props) => {
   ]);
   const value = useJsonViewerStore((store) => store.value);
   const prevValue = useJsonViewerStore((store) => store.prevValue);
-  const emptyPath = (0, import_react52.useMemo)(() => [], []);
+  const emptyPath = (0, import_react54.useMemo)(() => [], []);
   const setHover = useJsonViewerStore((store) => store.setHover);
-  const onMouseLeave = (0, import_react52.useCallback)(() => setHover(null), [
+  const onMouseLeave = (0, import_react54.useCallback)(() => setHover(null), [
     setHover
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.Paper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.Paper, {
     elevation: 0,
     className: clsx(themeCls, props.className),
     style: props.style,
@@ -18398,7 +20343,7 @@ var JsonViewerInner = (props) => {
       ...props.sx
     },
     onMouseLeave,
-    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DataKeyPair, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DataKeyPair, {
       value,
       prevValue,
       path: emptyPath,
@@ -18413,14 +20358,14 @@ var JsonViewer = function JsonViewer2(props) {
     }
   }
   const isAutoDarkTheme = useThemeDetector();
-  const themeType = (0, import_react52.useMemo)(() => {
+  const themeType = (0, import_react54.useMemo)(() => {
     var _props_theme;
     return props.theme === "auto" ? isAutoDarkTheme ? "dark" : "light" : (_props_theme = props.theme) !== null && _props_theme !== void 0 ? _props_theme : "light";
   }, [
     isAutoDarkTheme,
     props.theme
   ]);
-  const theme = (0, import_react52.useMemo)(() => {
+  const theme = (0, import_react54.useMemo)(() => {
     const backgroundColor = typeof themeType === "object" ? themeType.base00 : themeType === "dark" ? darkColorspace.base00 : lightColorspace.base00;
     const foregroundColor = typeof themeType === "object" ? themeType.base07 : themeType === "dark" ? darkColorspace.base07 : lightColorspace.base07;
     return (0, import_material12.createTheme)({
@@ -18448,15 +20393,15 @@ var JsonViewer = function JsonViewer2(props) {
     ...props,
     theme: themeType
   };
-  const jsonViewerStore = (0, import_react52.useMemo)(() => createJsonViewerStore(props), []);
-  const typeRegistryStore = (0, import_react52.useMemo)(() => createTypeRegistryStore(), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material12.ThemeProvider, {
+  const jsonViewerStore = (0, import_react54.useMemo)(() => createJsonViewerStore(props), []);
+  const typeRegistryStore = (0, import_react54.useMemo)(() => createTypeRegistryStore(), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material12.ThemeProvider, {
     theme,
-    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TypeRegistryStoreContext.Provider, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TypeRegistryStoreContext.Provider, {
       value: typeRegistryStore,
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(JsonViewerStoreContext.Provider, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(JsonViewerStoreContext.Provider, {
         value: jsonViewerStore,
-        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(JsonViewerInner, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(JsonViewerInner, {
           ...mixedProps
         })
       })
@@ -18465,8 +20410,8 @@ var JsonViewer = function JsonViewer2(props) {
 };
 
 // src/components/event-details/payload-viewer.tsx
-var import_react53 = require("react");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 function tryParseJson(value) {
   if (typeof value !== "string") {
     return value;
@@ -18477,9 +20422,9 @@ function tryParseJson(value) {
     return value;
   }
 }
-var PayloadViewer = (0, import_react53.memo)(({ sx, testId, value }) => {
+var PayloadViewer = (0, import_react55.memo)(({ sx, testId, value }) => {
   const theme = (0, import_material13.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_material13.Box, { "data-testid": testId, sx: { backgroundColor: "background.default", borderRadius: 1, fontSize: 12, overflow: "auto", p: 1, ...sx }, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material13.Box, { "data-testid": testId, sx: { backgroundColor: "background.default", borderRadius: 1, fontSize: 12, overflow: "auto", p: 1, ...sx }, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     JsonViewer,
     {
       displayDataTypes: false,
@@ -18493,21 +20438,21 @@ var PayloadViewer = (0, import_react53.memo)(({ sx, testId, value }) => {
 });
 
 // src/components/event-details/event-detail.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
-var DetailRow2 = ({ content, label }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_material14.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Box, { children: typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Typography, { sx: { color: "text.primary", whiteSpace: "pre-wrap" }, variant: "caption", children: content }) : content })
+var import_jsx_runtime137 = require("react/jsx-runtime");
+var DetailRow2 = ({ content, label }) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material14.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Typography, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Box, { children: typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Typography, { sx: { color: "text.primary", whiteSpace: "pre-wrap" }, variant: "caption", children: content }) : content })
 ] });
 var EventMessage = ({ event }) => {
-  const [isOpen, setIsOpen] = (0, import_react54.useState)(false);
-  const [isOverflowing, setIsOverflowing] = (0, import_react54.useState)(false);
-  const textReference = (0, import_react54.useRef)(null);
-  const parsedMessage = (0, import_react54.useMemo)(() => parseEventMessage(event), [event]);
-  const isIAMPolicyEvent = (0, import_react54.useMemo)(
+  const [isOpen, setIsOpen] = (0, import_react56.useState)(false);
+  const [isOverflowing, setIsOverflowing] = (0, import_react56.useState)(false);
+  const textReference = (0, import_react56.useRef)(null);
+  const parsedMessage = (0, import_react56.useMemo)(() => parseEventMessage(event), [event]);
+  const isIAMPolicyEvent = (0, import_react56.useMemo)(
     () => event.event_type === "iam.policy_evaluation" && event.attributes?.payload && typeof event.attributes.payload === "string",
     [event]
   );
-  (0, import_react54.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     const checkOverflow = () => {
       const element = textReference.current;
       if (element) {
@@ -18520,17 +20465,17 @@ var EventMessage = ({ event }) => {
       window.removeEventListener("resize", checkOverflow);
     };
   }, [parsedMessage.headline]);
-  const hasAdditionalContent = (0, import_react54.useMemo)(
+  const hasAdditionalContent = (0, import_react56.useMemo)(
     () => parsedMessage.message || parsedMessage.details || isIAMPolicyEvent,
     [parsedMessage.message, parsedMessage.details, isIAMPolicyEvent]
   );
-  const shouldShowToggle = (0, import_react54.useMemo)(
+  const shouldShowToggle = (0, import_react56.useMemo)(
     () => isOverflowing || hasAdditionalContent,
     [isOverflowing, hasAdditionalContent]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_material14.Box, { sx: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_material14.Box, { sx: { alignItems: "center", display: "flex" }, children: [
-      Boolean(shouldShowToggle) && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material14.Box, { sx: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material14.Box, { sx: { alignItems: "center", display: "flex" }, children: [
+      Boolean(shouldShowToggle) && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
         import_material14.IconButton,
         {
           onClick: () => {
@@ -18538,10 +20483,10 @@ var EventMessage = ({ event }) => {
           },
           size: "small",
           sx: { mr: 1, p: 0 },
-          children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons_material7.KeyboardArrowDown, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons_material7.KeyboardArrowRight, { sx: { fontSize: 16 } })
+          children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons_material7.KeyboardArrowDown, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons_material7.KeyboardArrowRight, { sx: { fontSize: 16 } })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
         import_material14.Typography,
         {
           ref: textReference,
@@ -18559,12 +20504,12 @@ var EventMessage = ({ event }) => {
         }
       )
     ] }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Box, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: isIAMPolicyEvent ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(IAMEventDetail, { event }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
-      Boolean(parsedMessage.message) && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DetailRow2, { content: parsedMessage.message, label: "Message" }),
-      Boolean(parsedMessage.details) && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Box, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: isIAMPolicyEvent ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(IAMEventDetail, { event }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_jsx_runtime137.Fragment, { children: [
+      Boolean(parsedMessage.message) && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(DetailRow2, { content: parsedMessage.message, label: "Message" }),
+      Boolean(parsedMessage.details) && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
         DetailRow2,
         {
-          content: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(PayloadViewer, { sx: { px: 0 }, value: tryParseJson(parsedMessage.details) }),
+          content: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(PayloadViewer, { sx: { px: 0 }, value: tryParseJson(parsedMessage.details) }),
           label: "Details"
         }
       )
@@ -18596,15 +20541,15 @@ var EventDetail = ({
   type
 }) => {
   if (type === "permission") {
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(IAMPermissionDetail, { events });
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(IAMPermissionDetail, { events });
   }
   const eventLevel = getEventLevelFromGroup(type);
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_material14.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_material14.Box, { sx: { alignItems: "center", display: "flex", mb: 0.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(StatusIcon, { errorLevel: eventLevel }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Typography, { color: "text.secondary", sx: { fontWeight: 600, ml: 0.5 }, variant: "caption", children: displayText })
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material14.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material14.Box, { sx: { alignItems: "center", display: "flex", mb: 0.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(StatusIcon, { errorLevel: eventLevel }),
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Typography, { color: "text.secondary", sx: { fontWeight: 600, ml: 0.5 }, variant: "caption", children: displayText })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Box, { children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material14.Box, { sx: { maxWidth: "100%", mb: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(EventMessage, { event }) }, `${event.span_id}-${event.event_id}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Box, { children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material14.Box, { sx: { maxWidth: "100%", mb: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventMessage, { event }) }, `${event.span_id}-${event.event_id}`)) })
   ] });
 };
 
@@ -23933,7 +25878,7 @@ async function checkFeatures(context, config, args) {
 }
 
 // node_modules/@aws-sdk/middleware-user-agent/dist-es/constants.js
-var USER_AGENT = "user-agent";
+var USER_AGENT2 = "user-agent";
 var X_AMZ_USER_AGENT = "x-amz-user-agent";
 var SPACE = " ";
 var UA_NAME_SEPARATOR = "/";
@@ -23985,9 +25930,9 @@ var userAgentMiddleware = (options) => (next, context) => async (args) => {
   ].join(SPACE);
   if (options.runtime !== "browser") {
     if (normalUAValue) {
-      headers[X_AMZ_USER_AGENT] = headers[X_AMZ_USER_AGENT] ? `${headers[USER_AGENT]} ${normalUAValue}` : normalUAValue;
+      headers[X_AMZ_USER_AGENT] = headers[X_AMZ_USER_AGENT] ? `${headers[USER_AGENT2]} ${normalUAValue}` : normalUAValue;
     }
-    headers[USER_AGENT] = sdkUserAgentValue;
+    headers[USER_AGENT2] = sdkUserAgentValue;
   } else {
     headers[X_AMZ_USER_AGENT] = sdkUserAgentValue;
   }
@@ -28296,8 +30241,8 @@ var QueryStatus = {
 
 // src/components/event-details/lambda-invoke-logs-section.tsx
 var import_material15 = require("@mui/material");
-var import_react55 = require("react");
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_react57 = require("react");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var POLL_INTERVAL_MS = 1e3;
 async function pollQueryResults(client, queryId) {
   return client.send(new GetQueryResultsCommand({ queryId }));
@@ -28314,7 +30259,7 @@ async function startLambdaLogsQuery(client, functionName2, requestId, startTimeS
 }
 function useCloudWatchLogsClient(region) {
   const { localstackEndpoint } = useAppInspector();
-  const client = (0, import_react55.useMemo)(() => new CloudWatchLogsClient({
+  const client = (0, import_react57.useMemo)(() => new CloudWatchLogsClient({
     credentials: {
       accessKeyId: "test",
       secretAccessKey: "test"
@@ -28325,12 +30270,12 @@ function useCloudWatchLogsClient(region) {
   return client;
 }
 function useLambdaInvokeLogs(functionName2, requestId, region, startTimeNano, endTimeNano) {
-  const [loading, setLoading] = (0, import_react55.useState)(true);
-  const [logs, setLogs] = (0, import_react55.useState)([]);
-  const [error, setError] = (0, import_react55.useState)();
-  const pollTimerRef = (0, import_react55.useRef)(null);
+  const [loading, setLoading] = (0, import_react57.useState)(true);
+  const [logs, setLogs] = (0, import_react57.useState)([]);
+  const [error, setError] = (0, import_react57.useState)();
+  const pollTimerRef = (0, import_react57.useRef)(null);
   const cloudWatchLogs = useCloudWatchLogsClient(region);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     let cancelled = false;
     const startTimeSec = Math.floor(Number(BigInt(startTimeNano) / BigInt(1e9)));
     const endTimeSec = Math.ceil(Number(BigInt(endTimeNano) / BigInt(1e9)));
@@ -28387,29 +30332,29 @@ function useLambdaInvokeLogs(functionName2, requestId, region, startTimeNano, en
 var LambdaInvokeLogsSection = ({ endTimeNano, functionName: functionName2, region, requestId, startTimeNano }) => {
   const { error, loading, logs } = useLambdaInvokeLogs(functionName2, requestId, region, startTimeNano, endTimeNano);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_material15.Stack, { alignItems: "center", direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.CircularProgress, { size: 14 }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { color: "text.secondary", variant: "body2", children: "Loading logs\u2026" })
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_material15.Stack, { alignItems: "center", direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material15.CircularProgress, { size: 14 }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material15.Typography, { color: "text.secondary", variant: "body2", children: "Loading logs\u2026" })
     ] });
   }
   if (error !== void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { color: "error", variant: "body2", children: error.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material15.Typography, { color: "error", variant: "body2", children: error.message });
   }
   if (logs.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { color: "text.secondary", variant: "body2", children: "No logs found for this invocation." });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material15.Typography, { color: "text.secondary", variant: "body2", children: "No logs found for this invocation." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Box, { sx: { backgroundColor: (theme) => theme.palette.background.default, borderRadius: 1, p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("pre", { style: { margin: 0, overflow: "auto" }, children: logs.map((log) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { variant: "body2", children: `[${log.timestamp}] ${log.message}` }, log.ptr)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material15.Box, { sx: { backgroundColor: (theme) => theme.palette.background.default, borderRadius: 1, p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("pre", { style: { margin: 0, overflow: "auto" }, children: logs.map((log) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material15.Typography, { variant: "body2", children: `[${log.timestamp}] ${log.message}` }, log.ptr)) }) });
 };
 
 // src/components/event-details/toggle-section.tsx
 var import_icons_material8 = require("@mui/icons-material");
 var import_material16 = require("@mui/material");
-var import_react56 = require("react");
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_react58 = require("react");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 var ToggleSection = ({ action, children, headline, initialOpen = true }) => {
-  const [isOpen, setIsOpen] = (0, import_react56.useState)(initialOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_material16.Box, { sx: { mt: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+  const [isOpen, setIsOpen] = (0, import_react58.useState)(initialOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material16.Box, { sx: { mt: 4 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
       import_material16.Box,
       {
         onClick: () => {
@@ -28423,7 +30368,7 @@ var ToggleSection = ({ action, children, headline, initialOpen = true }) => {
           mb: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
             import_material16.Box,
             {
               role: "button",
@@ -28433,23 +30378,23 @@ var ToggleSection = ({ action, children, headline, initialOpen = true }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material16.Typography, { sx: { fontWeight: 600 }, variant: "subtitle2", children: headline }),
-                isOpen ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons_material8.KeyboardArrowDown, { sx: { color: "text.secondary", height: 20, width: 20 } }) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons_material8.KeyboardArrowRight, { sx: { color: "text.secondary", height: 20, width: 20 } })
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material16.Typography, { sx: { fontWeight: 600 }, variant: "subtitle2", children: headline }),
+                isOpen ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons_material8.KeyboardArrowDown, { sx: { color: "text.secondary", height: 20, width: 20 } }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons_material8.KeyboardArrowRight, { sx: { color: "text.secondary", height: 20, width: 20 } })
               ]
             }
           ),
-          action !== false && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material16.Box, { onClick: (event) => {
+          action !== false && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material16.Box, { onClick: (event) => {
             event.stopPropagation();
           }, children: action })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_material16.Box, { children })
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material16.Box, { children })
   ] });
 };
 
 // src/components/event-details/event-details.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var checkIsLambdaInvoke = (span) => {
   if (span.service_name !== "lambda") {
     return false;
@@ -28464,13 +30409,13 @@ var checkIsSqsSendMessage = (span) => {
   return span.operation_name.startsWith("SendMessage");
 };
 var EventDetails = ({ onClose, selectedEvent }) => {
-  const eventGroups = (0, import_react57.useMemo)(
+  const eventGroups = (0, import_react59.useMemo)(
     () => getEventGroupsByType(selectedEvent?.events ?? []),
     [selectedEvent?.events]
   );
-  const [parseNestedJson, setParseNestedJson] = (0, import_react57.useState)(true);
+  const [parseNestedJson, setParseNestedJson] = (0, import_react59.useState)(true);
   if (!selectedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Box, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { color: "text.secondary", variant: "body2", children: "Select an event to view details" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Box, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { color: "text.secondary", variant: "body2", children: "Select an event to view details" }) });
   }
   const isLambdaInvoke = checkIsLambdaInvoke(selectedEvent);
   const isSqsSendMessage = checkIsSqsSendMessage(selectedEvent);
@@ -28492,8 +30437,8 @@ var EventDetails = ({ onClose, selectedEvent }) => {
   const exceptionPayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.exception"]);
   const hasPayloads = requestPayload !== void 0 || responsePayload !== void 0 || exceptionPayload !== void 0 || isResponseSuppressed;
   const duration = selectedEvent.end_time_unix_nano ? ((BigInt(selectedEvent.end_time_unix_nano) - BigInt(selectedEvent.start_time_unix_nano)) / BigInt("1000000")).toString() : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { "data-testid": EVENT_DETAILS_TEST_ID, sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { "data-testid": EVENT_DETAILS_TEST_ID, sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
       import_material17.Box,
       {
         sx: {
@@ -28506,57 +30451,57 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           py: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "h6", children: "Operation Details" }) }),
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.IconButton, { "data-testid": EVENT_DETAILS_CLOSE_BUTTON_TEST_ID, onClick: onClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons_material9.Close, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "h6", children: "Operation Details" }) }),
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.IconButton, { "data-testid": EVENT_DETAILS_CLOSE_BUTTON_TEST_ID, onClick: onClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material9.Close, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Box, { sx: { flexGrow: 1, overflow: "auto", p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Stack, { spacing: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ToggleSection, { headline: "Basic Information", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Stack, { "data-testid": EVENT_DETAILS_SECTION_BASIC_INFORMATION_TEST_ID, spacing: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 2, gridTemplateColumns: "1.3fr 1fr" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Service" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_SERVICE_NAME_TEST_ID, variant: "body2", children: selectedEvent.service_name })
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Box, { sx: { flexGrow: 1, overflow: "auto", p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ToggleSection, { headline: "Basic Information", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Stack, { "data-testid": EVENT_DETAILS_SECTION_BASIC_INFORMATION_TEST_ID, spacing: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 2, gridTemplateColumns: "1.3fr 1fr" }, 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: "Service" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_SERVICE_NAME_TEST_ID, variant: "body2", children: selectedEvent.service_name })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Operation" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.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: "Operation" }),
+            /* @__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_runtime139.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.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, { 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(resourceArn) && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource ARN" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_RESOURCE_ARN_TEST_ID, variant: "body2", children: resourceArn })
+        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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_RESOURCE_ARN_TEST_ID, variant: "body2", children: resourceArn })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "1.3fr 1fr" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Account" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_ACCOUNT_TEST_ID, variant: "body2", children: selectedEvent.account_id })
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: "1.3fr 1fr" }, 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: "Account" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_ACCOUNT_TEST_ID, variant: "body2", children: selectedEvent.account_id })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Region" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_REGION_TEST_ID, variant: "body2", children: selectedEvent.region })
+          /* @__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: "Region" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_REGION_TEST_ID, variant: "body2", children: selectedEvent.region })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: duration === void 0 ? "1fr" : "1.3fr 1fr" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Start Time" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_START_TIME_TEST_ID, variant: "body2", children: unixNanoToDate(selectedEvent.start_time_unix_nano)?.toISOString() })
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Box, { sx: { display: "grid", gap: 1, gridTemplateColumns: duration === void 0 ? "1fr" : "1.3fr 1fr" }, 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: "Start Time" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_START_TIME_TEST_ID, variant: "body2", children: unixNanoToDate(selectedEvent.start_time_unix_nano)?.toISOString() })
           ] }),
-          duration !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Duration" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Typography, { "data-testid": EVENT_DETAILS_DURATION_TEST_ID, variant: "body2", children: [
+          duration !== void 0 && /* @__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: "Duration" }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Typography, { "data-testid": EVENT_DETAILS_DURATION_TEST_ID, variant: "body2", children: [
               duration,
               "ms"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Status" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Stack, { alignItems: "center", direction: "row", flexWrap: "wrap", gap: 1, sx: { mb: eventGroups.errors || eventGroups.warnings ? 1 : 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        /* @__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: "Status" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Stack, { alignItems: "center", direction: "row", flexWrap: "wrap", gap: 1, sx: { mb: eventGroups.errors || eventGroups.warnings ? 1 : 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             import_material17.Chip,
             {
               color: selectedEvent.status_code === 2 ? "error" : selectedEvent.status_code === 1 ? "success" : "default",
@@ -28567,50 +30512,50 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           ) })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(ToggleSection, { headline: "Permissions", children: [
-        selectedEvent.iam_errors_suppressed && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Alert, { "data-testid": EVENT_DETAILS_IAM_ERRORS_SUPPRESSED_TEST_ID, severity: "warning", sx: { mb: 1 }, children: "IAM errors are suppressed \u2014 upgrade your license to view" }),
-        !selectedEvent.iam_errors_suppressed && !eventGroups.permissions && !eventGroups.errors && !eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { color: "text.secondary", variant: "body2", children: "There is no permission information available." }),
-        eventGroups.permissions && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(EventDetail, { displayText: "Permissions", events: eventGroups.permissions, type: "permission" }),
-        eventGroups.errors && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
-        eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" })
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(ToggleSection, { headline: "Permissions", children: [
+        selectedEvent.iam_errors_suppressed && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Alert, { "data-testid": EVENT_DETAILS_IAM_ERRORS_SUPPRESSED_TEST_ID, severity: "warning", sx: { mb: 1 }, children: "IAM errors are suppressed \u2014 upgrade your license to view" }),
+        !selectedEvent.iam_errors_suppressed && !eventGroups.permissions && !eventGroups.errors && !eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { color: "text.secondary", variant: "body2", children: "There is no permission information available." }),
+        eventGroups.permissions && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(EventDetail, { displayText: "Permissions", events: eventGroups.permissions, type: "permission" }),
+        eventGroups.errors && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
+        eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" })
       ] }),
-      hasPayloads && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+      hasPayloads && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
           ToggleSection,
           {
-            action: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+            action: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
               import_material17.FormControlLabel,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Switch, { checked: !parseNestedJson, onChange: (event) => {
+                control: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Switch, { checked: !parseNestedJson, onChange: (event) => {
                   setParseNestedJson(!event.target.checked);
                 }, size: "small" }),
-                label: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { variant: "caption", children: "View raw data" }),
+                label: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { variant: "caption", children: "View raw data" }),
                 sx: { mr: 0 }
               }
             ),
             headline: "Payloads",
-            children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Stack, { spacing: 2, children: [
-              requestPayload !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Request" }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(PayloadViewer, { testId: EVENT_DETAILS_REQUEST_PAYLOAD, value: requestPayload })
+            children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Stack, { spacing: 2, children: [
+              requestPayload !== void 0 && /* @__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: "Request" }),
+                /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(PayloadViewer, { testId: EVENT_DETAILS_REQUEST_PAYLOAD, value: requestPayload })
               ] }),
-              (responsePayload !== void 0 || isResponseSuppressed) && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Response" }),
-                isResponseSuppressed ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Box, { sx: { py: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Alert, { severity: "warning", sx: { mb: 1 }, children: "Response payload is available \u2014 upgrade your license to view" }) }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(PayloadViewer, { testId: EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID, value: responsePayload })
+              (responsePayload !== void 0 || isResponseSuppressed) && /* @__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: "Response" }),
+                isResponseSuppressed ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Box, { sx: { py: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Alert, { severity: "warning", sx: { mb: 1 }, children: "Response payload is available \u2014 upgrade your license to view" }) }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(PayloadViewer, { testId: EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID, value: responsePayload })
               ] }),
-              exceptionPayload !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Exception" }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(PayloadViewer, { testId: EVENT_DETAILS_EXCEPTION_PAYLOAD_TEST_ID, value: exceptionPayload })
+              exceptionPayload !== void 0 && /* @__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: "Exception" }),
+                /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(PayloadViewer, { testId: EVENT_DETAILS_EXCEPTION_PAYLOAD_TEST_ID, value: exceptionPayload })
               ] })
             ] })
           }
         )
       ] }),
-      isLambdaInvoke && requestId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ToggleSection, { headline: "Lambda Logs", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+      isLambdaInvoke && requestId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ToggleSection, { headline: "Lambda Logs", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
           LambdaInvokeLogsSection,
           {
             endTimeNano: selectedEvent.end_time_unix_nano ?? selectedEvent.start_time_unix_nano,
@@ -28621,21 +30566,21 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ToggleSection, { headline: "Advanced Information", initialOpen: false, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Stack, { spacing: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Span ID" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_SPAN_ID_TEST_ID, variant: "body2", children: selectedEvent.span_id })
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ToggleSection, { headline: "Advanced Information", initialOpen: false, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_material17.Stack, { spacing: 1, 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: "Span ID" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_SPAN_ID_TEST_ID, variant: "body2", children: selectedEvent.span_id })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Trace ID" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_TRACE_ID_TEST_ID, variant: "body2", children: selectedEvent.trace_id })
+        /* @__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: "Trace ID" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_TRACE_ID_TEST_ID, variant: "body2", children: selectedEvent.trace_id })
         ] }),
-        requestId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material17.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Request ID" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_REQUEST_ID_TEST_ID, variant: "body2", children: requestId })
+        requestId !== void 0 && /* @__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: "Request ID" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material17.Typography, { "data-testid": EVENT_DETAILS_REQUEST_ID_TEST_ID, variant: "body2", children: requestId })
         ] }),
-        eventGroups.info && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" })
+        eventGroups.info && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" })
       ] }) })
     ] }) })
   ] });
@@ -28644,35 +30589,35 @@ var EventDetails = ({ onClose, selectedEvent }) => {
 // src/components/trace-graph/trace-graph.tsx
 var import_base = require("@xyflow/react/dist/base.css");
 var import_material21 = require("@mui/material");
-var import_react63 = require("@xyflow/react");
-var import_react64 = require("react");
+var import_react65 = require("@xyflow/react");
+var import_react66 = require("react");
 
 // src/components/trace-graph/service-node.tsx
 var import_material19 = require("@mui/material");
 var import_style = require("@xyflow/react/dist/style.css");
-var import_react59 = require("@xyflow/react");
-var import_react60 = require("react");
+var import_react61 = require("@xyflow/react");
+var import_react62 = require("react");
 
 // src/components/trace-graph/problem-indicator.tsx
 var import_icons_material10 = require("@mui/icons-material");
 var import_material18 = require("@mui/material");
-var import_react58 = require("react");
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_react60 = require("react");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var ProblemIndicator = ({ error }) => {
-  const icon = (0, import_react58.useMemo)(() => {
+  const icon = (0, import_react60.useMemo)(() => {
     switch (error.level) {
       case "error": {
-        return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material10.Error, { sx: { color: "#d32f2f", fontSize: "14px" } });
+        return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_icons_material10.Error, { sx: { color: "#d32f2f", fontSize: "14px" } });
       }
       case "warning": {
-        return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material10.Warning, { sx: { color: "#ff9800", fontSize: "14px" } });
+        return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_icons_material10.Warning, { sx: { color: "#ff9800", fontSize: "14px" } });
       }
       default: {
-        return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material10.Info, { sx: { color: "#2196f3", fontSize: "14px" } });
+        return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_icons_material10.Info, { sx: { color: "#2196f3", fontSize: "14px" } });
       }
     }
   }, [error.level]);
-  const color2 = (0, import_react58.useMemo)(() => {
+  const color2 = (0, import_react60.useMemo)(() => {
     switch (error.level) {
       case "error": {
         return "#d32f2f";
@@ -28685,7 +30630,7 @@ var ProblemIndicator = ({ error }) => {
       }
     }
   }, [error.level]);
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material18.Tooltip, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material18.Tooltip, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     import_material18.Box,
     {
       sx: {
@@ -28705,16 +30650,16 @@ var ProblemIndicator = ({ error }) => {
 };
 
 // src/components/trace-graph/service-node.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 var handleStyle = {
   backgroundColor: "white",
   borderColor: "lightgray",
   opacity: 0
 };
-var ServiceNode = (0, import_react60.memo)(({ data, selected }) => {
+var ServiceNode = (0, import_react62.memo)(({ data, selected }) => {
   const theme = (0, import_material19.useTheme)();
   const hasErrors = (data.event.errors && data.event.errors.length > 0) ?? false;
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
     import_material19.Box,
     {
       "data-testid": SERVICE_NODE_TEST_ID,
@@ -28737,18 +30682,18 @@ var ServiceNode = (0, import_react60.memo)(({ data, selected }) => {
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_react59.Handle, { position: import_react59.Position.Left, style: handleStyle, type: "target" }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_react59.Handle, { position: import_react59.Position.Right, style: handleStyle, type: "source" }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react61.Handle, { position: import_react61.Position.Left, style: handleStyle, type: "target" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react61.Handle, { position: import_react61.Position.Right, style: handleStyle, type: "source" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
           import_material19.Stack,
           {
             alignItems: "center",
             direction: "row",
             sx: { gap: "8px", pb: "2px", pt: "6px", px: "8px" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material19.Box, { sx: { borderRadius: "4px", flexShrink: 0, lineHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(AwsServiceIcon, { hideTooltip: true, service: data.event.service_name, size: "medium" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_material19.Stack, { sx: { minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Box, { sx: { borderRadius: "4px", flexShrink: 0, lineHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(AwsServiceIcon, { hideTooltip: true, service: data.event.service_name, size: "medium" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_material19.Stack, { sx: { minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                   import_material19.Typography,
                   {
                     noWrap: true,
@@ -28757,7 +30702,7 @@ var ServiceNode = (0, import_react60.memo)(({ data, selected }) => {
                     children: data.event.service_name
                   }
                 ),
-                data.event.resource_name != "" && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+                data.event.resource_name != "" && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                   import_material19.Typography,
                   {
                     color: "text.secondary",
@@ -28771,15 +30716,15 @@ var ServiceNode = (0, import_react60.memo)(({ data, selected }) => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material19.Divider, { sx: { ml: "38px", mr: "8px", my: "5px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material19.Divider, { sx: { ml: "38px", mr: "8px", my: "5px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
           import_material19.Stack,
           {
             alignItems: "center",
             direction: "row",
             sx: { minWidth: 0, pb: "5px", pr: "8px", pt: "1px" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                 import_material19.Box,
                 {
                   sx: {
@@ -28789,10 +30734,10 @@ var ServiceNode = (0, import_react60.memo)(({ data, selected }) => {
                     justifyContent: "center",
                     width: "38px"
                   },
-                  children: hasErrors && data.event.errors?.map((error) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(ProblemIndicator, { error }, error.span_id))
+                  children: hasErrors && data.event.errors?.map((error) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ProblemIndicator, { error }, error.span_id))
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                 import_material19.Typography,
                 {
                   "data-testid": SERVICE_NODE_OPERATION_NAME_TEST_ID,
@@ -28867,18 +30812,18 @@ var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first")
 // src/components/trace-graph/xyflow/controls.tsx
 var import_icons_material11 = require("@mui/icons-material");
 var import_material20 = require("@mui/material");
-var import_react61 = require("@xyflow/react");
-var import_react62 = require("react");
+var import_react63 = require("@xyflow/react");
+var import_react64 = require("react");
 var import_shallow = require("zustand/shallow");
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 var selector = (s2) => ({
   isInteractive: s2.nodesDraggable || s2.nodesConnectable || s2.elementsSelectable,
   maxZoomReached: s2.transform[2] >= s2.maxZoom,
   minZoomReached: s2.transform[2] <= s2.minZoom
 });
-var Controls = (0, import_react62.memo)(() => {
-  const { maxZoomReached, minZoomReached } = (0, import_react61.useStore)(selector, import_shallow.shallow);
-  const { fitView, zoomIn, zoomOut } = (0, import_react61.useReactFlow)();
+var Controls = (0, import_react64.memo)(() => {
+  const { maxZoomReached, minZoomReached } = (0, import_react63.useStore)(selector, import_shallow.shallow);
+  const { fitView, zoomIn, zoomOut } = (0, import_react63.useReactFlow)();
   const onZoomInHandler = () => {
     void zoomIn();
   };
@@ -28888,7 +30833,7 @@ var Controls = (0, import_react62.memo)(() => {
   const onFitViewHandler = () => {
     void fitView();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
     import_material20.Box,
     {
       sx: {
@@ -28902,33 +30847,33 @@ var Controls = (0, import_react62.memo)(() => {
         zIndex: 5
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           import_material20.IconButton,
           {
             className: "react-flow__controls-zoomin",
             disabled: maxZoomReached,
             onClick: onZoomInHandler,
             size: "small",
-            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_icons_material11.Add, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material11.Add, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           import_material20.IconButton,
           {
             className: "react-flow__controls-zoomout",
             disabled: minZoomReached,
             onClick: onZoomOutHandler,
             size: "small",
-            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_icons_material11.Remove, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material11.Remove, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           import_material20.IconButton,
           {
             className: "react-flow__controls-fitview",
             onClick: onFitViewHandler,
             size: "small",
-            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_icons_material11.FitScreen, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_icons_material11.FitScreen, {})
           }
         )
       ]
@@ -28937,7 +30882,7 @@ var Controls = (0, import_react62.memo)(() => {
 });
 
 // src/components/trace-graph/trace-graph.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 var nodeTypes = {
   service: ServiceNode
 };
@@ -28948,9 +30893,9 @@ var TraceGraph = ({
   order: order2 = "oldest_first",
   spans
 }) => {
-  const [nodes, setNodes, onNodesChange] = (0, import_react63.useNodesState)([]);
-  const [edges, setEdges] = (0, import_react63.useEdgesState)([]);
-  (0, import_react64.useEffect)(() => {
+  const [nodes, setNodes, onNodesChange] = (0, import_react65.useNodesState)([]);
+  const [edges, setEdges] = (0, import_react65.useEdgesState)([]);
+  (0, import_react66.useEffect)(() => {
     const allNodes = [];
     const allEdges = [];
     for (const span of spans.data ?? []) {
@@ -28965,15 +30910,15 @@ var TraceGraph = ({
         },
         id: span.span_id,
         position: { x: 0, y: 0 },
-        sourcePosition: import_react63.Position.Right,
-        targetPosition: import_react63.Position.Left,
+        sourcePosition: import_react65.Position.Right,
+        targetPosition: import_react65.Position.Left,
         type: "service"
       });
       if (span.parent_span_id !== null) {
         allEdges.push({
           animated: false,
           id: `e-${span.parent_span_id}-${span.span_id}`,
-          markerEnd: { color: "lightgray", height: 16, type: import_react63.MarkerType.Arrow, width: 16 },
+          markerEnd: { color: "lightgray", height: 16, type: import_react65.MarkerType.Arrow, width: 16 },
           source: span.parent_span_id,
           style: { stroke: "lightgray", strokeWidth: 1 },
           target: span.span_id
@@ -28982,7 +30927,7 @@ var TraceGraph = ({
       for (const linkedSpanId of span.linked_span_ids ?? []) {
         allEdges.push({
           id: `e-link-${linkedSpanId}-${span.span_id}`,
-          markerEnd: { color: "lightgray", height: 16, type: import_react63.MarkerType.Arrow, width: 16 },
+          markerEnd: { color: "lightgray", height: 16, type: import_react65.MarkerType.Arrow, width: 16 },
           source: linkedSpanId,
           style: { stroke: "lightgray", strokeWidth: 1 },
           // animated: true,
@@ -29001,11 +30946,11 @@ var TraceGraph = ({
     setEdges(layoutedEdges);
   }, [spans.data, initialFocusEventId, order2, setNodes, setEdges]);
   const theme = (0, import_material21.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
-    spans.error && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
+    spans.error && /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
       import_material21.Alert,
       {
-        action: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material21.Button, { onClick: () => {
+        action: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_material21.Button, { onClick: () => {
           onRefresh();
         }, children: "Retry" }),
         severity: "error",
@@ -29016,8 +30961,8 @@ var TraceGraph = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
-      import_react63.ReactFlow,
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+      import_react65.ReactFlow,
       {
         "data-testid": TRACE_GRAPH_TEST_ID,
         edges,
@@ -29034,9 +30979,9 @@ var TraceGraph = ({
         onNodesChange,
         selectNodesOnDrag: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Controls, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
-            import_react63.Background,
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Controls, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            import_react65.Background,
             {
               bgColor: theme.palette.background.default,
               color: theme.palette.text.disabled
@@ -29049,7 +30994,7 @@ var TraceGraph = ({
 };
 
 // src/pages/trace-graph-page.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 var HEADER_HEIGHT = 56;
 var DRAWER_WIDTH = "35%";
 var Main = (0, import_styles.styled)("main", { shouldForwardProp: (property) => property !== "open" })(({ open, theme }) => ({
@@ -29099,7 +31044,7 @@ var TraceGraphView = ({
   traceId
 }) => {
   const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
     import_material22.Box,
     {
       "data-testid": TRACE_GRAPH_PAGE_TEST_ID,
@@ -29112,13 +31057,13 @@ var TraceGraphView = ({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_material22.Box, { sx: { display: "flex", width: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_material22.Button, { onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_material22.Box, { sx: { display: "flex", width: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material22.Button, { onClick: () => {
             navigateToSpansList();
-          }, startIcon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_icons_material12.ArrowBack, {}), children: "Go back" }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_material22.Box, { sx: { flexGrow: 1 } })
+          }, startIcon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_icons_material12.ArrowBack, {}), children: "Go back" }),
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material22.Box, { sx: { flexGrow: 1 } })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
           import_material22.Paper,
           {
             sx: {
@@ -29128,7 +31073,7 @@ var TraceGraphView = ({
               position: "relative",
               width: "100%"
             },
-            children: shouldShowStatusMessage ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            children: shouldShowStatusMessage ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               StatusMessage,
               {
                 error: statusError,
@@ -29136,15 +31081,15 @@ var TraceGraphView = ({
                 onRetry: handleRetry,
                 status
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Main, { open, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Main, { open, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 import_material22.Box,
                 {
                   sx: {
                     height: "100%",
                     overflow: "auto"
                   },
-                  children: traceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react65.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  children: traceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react67.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     TraceGraph,
                     {
                       initialFocusEventId: spanId,
@@ -29162,7 +31107,7 @@ var TraceGraphView = ({
                   ) })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(StyledDrawer, { anchor: "right", open, variant: "persistent", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(EventDetails, { onClose: handleClose, selectedEvent }) })
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(StyledDrawer, { anchor: "right", open, variant: "persistent", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(EventDetails, { onClose: handleClose, selectedEvent }) })
             ] })
           }
         )
@@ -29206,10 +31151,10 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
 }
 var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId }) => {
   const api = useAppInspectorApi();
-  const [spans, setSpans] = (0, import_react66.useState)();
-  const [loading, setLoading] = (0, import_react66.useState)(false);
-  const [fetchError, setFetchError] = (0, import_react66.useState)();
-  const fetchSpans = (0, import_react66.useCallback)(async () => {
+  const [spans, setSpans] = (0, import_react68.useState)();
+  const [loading, setLoading] = (0, import_react68.useState)(false);
+  const [fetchError, setFetchError] = (0, import_react68.useState)();
+  const fetchSpans = (0, import_react68.useCallback)(async () => {
     setLoading(true);
     try {
       const spans2 = await fetchConnectedTraces(api, [traceId]);
@@ -29222,35 +31167,35 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
       setLoading(false);
     }
   }, [api, traceId]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     void fetchSpans();
   }, [fetchSpans]);
-  const [open, setOpen] = (0, import_react66.useState)(true);
-  const [selectedEvent, setSelectedEvent] = (0, import_react66.useState)(() => spans?.find((span) => span.span_id === spanId));
-  const spansReference = (0, import_react66.useRef)();
-  (0, import_react66.useEffect)(() => {
+  const [open, setOpen] = (0, import_react68.useState)(true);
+  const [selectedEvent, setSelectedEvent] = (0, import_react68.useState)(() => spans?.find((span) => span.span_id === spanId));
+  const spansReference = (0, import_react68.useRef)();
+  (0, import_react68.useEffect)(() => {
     if (!spansReference.current && spans) {
       setSelectedEvent(spans.find((span) => span.span_id === spanId));
       spansReference.current = spans;
     }
   }, [spans, setSelectedEvent, spanId]);
-  const { checkStatus, error: statusError, status } = useStatus();
-  const handleEnable = (0, import_react66.useCallback)(async () => {
+  const { checkStatus, status, statusError } = useAppInspectorStatus();
+  const handleEnable = (0, import_react68.useCallback)(async () => {
     await api.setStatus({ status: "ENABLED" });
     void checkStatus();
   }, [api, checkStatus]);
-  const handleEventSelect = (0, import_react66.useCallback)((spanId2) => {
+  const handleEventSelect = (0, import_react68.useCallback)((spanId2) => {
     const span = spans?.find((s2) => s2.span_id === spanId2);
     setSelectedEvent(span);
     setOpen(true);
   }, [spans]);
-  const handleRetry = (0, import_react66.useCallback)(() => {
+  const handleRetry = (0, import_react68.useCallback)(() => {
     void checkStatus();
   }, [checkStatus]);
-  const navigateToSpansList = (0, import_react66.useCallback)(() => {
+  const navigateToSpansList = (0, import_react68.useCallback)(() => {
     onClose?.();
   }, [onClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     TraceGraphView,
     {
       fetchError,
@@ -29276,12 +31221,10 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
 };
 
 // src/pages/spans-list-page.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 var SpansListPage = () => {
   const api = useAppInspectorApi();
   const {
-    checking,
-    checkStatus,
     clearingSpans,
     clearSpans,
     fetchBackward,
@@ -29294,36 +31237,35 @@ var SpansListPage = () => {
     iamErrorCount,
     licenseLimit,
     spans,
-    status,
-    statusError,
     streamPaused,
     systemLimit,
     toggleStream,
     totalCount
   } = useSpans();
-  const clearSpansSync = (0, import_react67.useCallback)(() => {
+  const { checking, checkStatus, status, statusError } = useAppInspectorStatus();
+  const clearSpansSync = (0, import_react69.useCallback)(() => {
     void clearSpans();
   }, [clearSpans]);
   const localstackVersion = status?.localstackVersion ?? (statusError instanceof AppInspectorNotFoundError ? statusError.localstackVersion : void 0);
   const versionCompatibility = checkEmulatorVersion(localstackVersion);
-  const [bannerDismissed, setBannerDismissed] = (0, import_react67.useState)(false);
+  const [bannerDismissed, setBannerDismissed] = (0, import_react69.useState)(false);
   const [order2, setOrder] = useLocalStorage("spans-order", "oldest_first");
-  const [selectedTraceId, setSelectedTraceId] = (0, import_react67.useState)();
-  const [selectedSpanId, setSelectedSpanId] = (0, import_react67.useState)();
-  const navigateToSpan = (0, import_react67.useCallback)((span) => {
+  const [selectedTraceId, setSelectedTraceId] = (0, import_react69.useState)();
+  const [selectedSpanId, setSelectedSpanId] = (0, import_react69.useState)();
+  const navigateToSpan = (0, import_react69.useCallback)((span) => {
     setSelectedTraceId(span.trace_id);
     setSelectedSpanId(span.span_id);
   }, []);
-  const handleRetry = (0, import_react67.useCallback)(() => {
+  const handleRetry = (0, import_react69.useCallback)(() => {
     void checkStatus();
   }, [checkStatus]);
-  const handleEnable = (0, import_react67.useCallback)(async () => {
+  const handleEnable = (0, import_react69.useCallback)(async () => {
     await api.setStatus({ status: "ENABLED" });
     void checkStatus();
   }, [api, checkStatus]);
   const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
       import_material23.Box,
       {
         "data-testid": SPANS_LIST_PAGE_TEST_ID,
@@ -29339,7 +31281,7 @@ var SpansListPage = () => {
           width: "100%"
         },
         children: [
-          !checking && !shouldShowStatusMessage && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+          !checking && !shouldShowStatusMessage && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
             EmulatorVersionBanner,
             {
               compatibility: bannerDismissed && versionCompatibility === "warning" ? "ok" : versionCompatibility,
@@ -29349,7 +31291,7 @@ var SpansListPage = () => {
               } : void 0
             }
           ),
-          shouldShowStatusMessage ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+          shouldShowStatusMessage ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
             StatusMessage,
             {
               error: statusError,
@@ -29358,7 +31300,7 @@ var SpansListPage = () => {
               onRetry: handleRetry,
               status
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
             SpansList,
             {
               clearingSpans,
@@ -29385,7 +31327,7 @@ var SpansListPage = () => {
         ]
       }
     ),
-    selectedTraceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(TraceGraphPage, { onClose: () => {
+    selectedTraceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TraceGraphPage, { onClose: () => {
       setSelectedTraceId(void 0);
     }, order: order2, spanId: selectedSpanId, traceId: selectedTraceId })
   ] });