@localstack/appinspector-ui 1.0.98 → 1.0.100

package/dist/index.js

@@ -2468,6 +2468,7 @@ var EVENT_DETAILS_CLOSE_BUTTON_TEST_ID = "event-details-close-button";
 var EVENT_DETAILS_STATUS_TEST_ID = "event-details-status";
 var EVENT_DETAILS_RESOURCE_NAME_TEST_ID = "event-details-resource-name";
 var EVENT_DETAILS_RESOURCE_ARN_TEST_ID = "event-details-resource-arn";
+var EVENT_DETAILS_CFN_RESOURCE_TYPE_TEST_ID = "event-details-cfn-resource-type";
 var EVENT_DETAILS_ACCOUNT_TEST_ID = "event-details-account";
 var EVENT_DETAILS_REGION_TEST_ID = "event-details-region";
 var EVENT_DETAILS_START_TIME_TEST_ID = "event-details-start-time";
@@ -4851,20 +4852,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;
@@ -15457,10 +15458,74 @@ var StatusMessage = ({
   return /* @__PURE__ */ jsx129(Fragment6, {});
 };
 
+// src/hooks/status-provider.tsx
+import { createContext as createContext8, useContext as useContext15, useMemo as useMemo6 } from "react";
+
+// src/hooks/use-status.tsx
+import { useCallback as useCallback3, useEffect as useEffect11, useRef as useRef8, useState as useState6 } from "react";
+var useStatus = () => {
+  const api = useAppInspectorApi();
+  const [checking, setChecking] = useState6(true);
+  const [status, setStatus] = useState6();
+  const [error, setError] = useState6();
+  const hasFetchedReference = useRef8(false);
+  const abortControllerReference = useRef8(null);
+  const checkStatus = useCallback3(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]);
+  useEffect11(() => {
+    if (!hasFetchedReference.current) {
+      hasFetchedReference.current = true;
+      void checkStatus();
+    }
+  }, [checkStatus]);
+  return { checking, checkStatus, error, status };
+};
+
+// src/hooks/status-provider.tsx
+import { jsx as jsx130 } from "react/jsx-runtime";
+var AppInspectorStatusContext = createContext8(void 0);
+var StatusProvider = ({ children }) => {
+  const { checking, checkStatus, error, status } = useStatus();
+  const value = useMemo6(
+    () => ({ checking, checkStatus, status, statusError: error }),
+    [checking, checkStatus, status, error]
+  );
+  return /* @__PURE__ */ jsx130(AppInspectorStatusContext.Provider, { value, children });
+};
+var useAppInspectorStatus = () => {
+  const value = useContext15(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
-import { useCallback as useCallback3, useEffect as useEffect11, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect12, useState as useState7 } from "react";
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState6(() => {
+  const [storedValue, setStoredValue] = useState7(() => {
     try {
       const item = globalThis.localStorage.getItem(key);
       return item ? JSON.parse(item) : initialValue;
@@ -15469,7 +15534,7 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = useCallback3((value) => {
+  const setValue = useCallback4((value) => {
     try {
       setStoredValue((previousState) => {
         const next = typeof value === "function" ? value(previousState) : value;
@@ -15484,7 +15549,7 @@ function useLocalStorage(key, initialValue) {
       console.error(`Error setting localStorage key "${key}":`, error);
     }
   }, [key]);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleStorageChange = (event) => {
       if (event.key === key && event.newValue !== null) {
         try {
@@ -15503,49 +15568,7 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/use-spans.ts
-import { useCallback as useCallback7, useEffect as useEffect15, useRef as useRef11, useState as useState10 } from "react";
-
-// src/hooks/use-status.tsx
-import { useCallback as useCallback4, useEffect as useEffect12, useRef as useRef8, useState as useState7 } from "react";
-var useStatus = () => {
-  const api = useAppInspectorApi();
-  const [checking, setChecking] = useState7(true);
-  const [status, setStatus] = useState7();
-  const [error, setError] = useState7();
-  const hasFetchedReference = useRef8(false);
-  const abortControllerReference = useRef8(null);
-  const checkStatus = useCallback4(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]);
-  useEffect12(() => {
-    if (!hasFetchedReference.current) {
-      hasFetchedReference.current = true;
-      void checkStatus();
-    }
-  }, [checkStatus]);
-  return { checking, checkStatus, error, status };
-};
+import { useCallback as useCallback7, useEffect as useEffect16, useRef as useRef12, useState as useState10 } from "react";
 
 // src/utils/pagination-buffer.ts
 var insertSorted = (array, item, compareFunction, hint = "back") => {
@@ -15726,12 +15749,13 @@ var createPaginationBuffer = (options) => {
 };
 
 // src/hooks/use-spans-ws.tsx
-import { useCallback as useCallback6, useEffect as useEffect13, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useRef as useRef10, useState as useState8 } from "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",
@@ -15754,8 +15778,8 @@ var getAppInspectorApiUrl = (localstackEndpoint, endpoint) => {
 var LOCALSTACK_INFO_PATH = "/_localstack/info";
 
 // src/context.tsx
-import { createContext as createContext8, useContext as useContext15 } from "react";
-import { useCallback as useCallback5, useMemo as useMemo6 } from "react";
+import { createContext as createContext9, useContext as useContext16 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo7 } from "react";
 
 // src/api/client.ts
 var import_semver2 = __toESM(require_semver2(), 1);
@@ -15826,6 +15850,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 {
@@ -15973,6 +15998,20 @@ var createApiClient = ({ localstackEndpoint }) => {
       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,
@@ -15986,18 +16025,1925 @@ var createApiClient = ({ localstackEndpoint }) => {
   };
 };
 
+// src/hooks/use-appinspector-open-analytics.ts
+import { useEffect as useEffect13, useRef as useRef9 } from "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];
+    }
+  }
+}
+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;
+};
+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;
+};
+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]);
+        }
+      }
+      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);
+          }
+        }
+      }
+      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 = useRef9(false);
+  useEffect13(() => {
+    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
-import { jsx as jsx130 } from "react/jsx-runtime";
-var AppInspectorContext = createContext8(void 0);
+import { Fragment as Fragment7, jsx as jsx131 } from "react/jsx-runtime";
+var AppInspectorContext = createContext9(void 0);
 var useAppInspector = () => {
-  const context = useContext15(AppInspectorContext);
+  const context = useContext16(AppInspectorContext);
   if (!context) {
     throw new Error("@localstack-studio/ui: components must be used within a <AppInspectorContextProvider>");
   }
   return context;
 };
+var AppInspectorAnalyticsBoundary = ({ children }) => {
+  useAppInspectorOpenAnalytics();
+  return /* @__PURE__ */ jsx131(Fragment7, { children });
+};
 var AppInspectorContextProvider = (props) => {
-  const api = useMemo6(
+  const api = useMemo7(
     () => createApiClient({ localstackEndpoint: props.localstackEndpoint }),
     [props.localstackEndpoint]
   );
@@ -16013,27 +17959,32 @@ var AppInspectorContextProvider = (props) => {
     },
     [props.routePrefix]
   );
-  const contextValue = useMemo6(
+  const deploymentContainer = useMemo7(
+    () => props.deploymentContainer ?? { source: "web" },
+    [props.deploymentContainer]
+  );
+  const contextValue = useMemo7(
     () => ({
+      deploymentContainer,
       linkComponent: props.linkComponent,
       localstackEndpoint: props.localstackEndpoint,
       resolveLink
     }),
-    [props.linkComponent, props.localstackEndpoint, resolveLink]
+    [deploymentContainer, props.linkComponent, props.localstackEndpoint, resolveLink]
   );
-  return /* @__PURE__ */ jsx130(ApiProvider, { api, children: /* @__PURE__ */ jsx130(AppInspectorContext.Provider, { value: contextValue, children: props.children }) });
+  return /* @__PURE__ */ jsx131(ApiProvider, { api, children: /* @__PURE__ */ jsx131(StatusProvider, { children: /* @__PURE__ */ jsx131(AppInspectorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx131(AppInspectorAnalyticsBoundary, { children: props.children }) }) }) });
 };
 
 // src/hooks/use-spans-ws.tsx
 function useSpansWebSocket(options) {
   const { onMessage } = options;
-  const onMessageRef = useRef9(onMessage);
-  useEffect13(() => {
+  const onMessageRef = useRef10(onMessage);
+  useEffect14(() => {
     onMessageRef.current = onMessage;
   }, [onMessage]);
   const [connected, setConnected] = useState8(false);
-  const wsRef = useRef9(void 0);
-  const reconnectRef = useRef9(void 0);
+  const wsRef = useRef10(void 0);
+  const reconnectRef = useRef10(void 0);
   const { localstackEndpoint } = useAppInspector();
   const connect = useCallback6(() => {
     if (wsRef.current !== void 0) return;
@@ -16061,7 +18012,7 @@ function useSpansWebSocket(options) {
       }
     });
   }, [localstackEndpoint]);
-  useEffect13(() => {
+  useEffect14(() => {
     connect();
     return () => {
       if (reconnectRef.current !== void 0) clearTimeout(reconnectRef.current);
@@ -16078,17 +18029,17 @@ function useSpansWebSocket(options) {
 }
 
 // src/hooks/use-throttled-items.ts
-import { useEffect as useEffect14, useRef as useRef10, useState as useState9 } from "react";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState9 } from "react";
 function useThrottledItems(items, getId, catchUpIncrement = 10) {
   const [displayedItems, setDisplayedItems] = useState9([]);
   const [isCatchingUpForward, setIsCatchingUpForward] = useState9(false);
   const [isCatchingUpBackward, setIsCatchingUpBackward] = useState9(false);
-  const targetRef = useRef10([]);
-  const rafRef = useRef10(void 0);
-  const leftHiddenRef = useRef10(0);
-  const rightHiddenRef = useRef10(0);
-  const shrinkRafPendingRef = useRef10(false);
-  useEffect14(() => {
+  const targetRef = useRef11([]);
+  const rafRef = useRef11(void 0);
+  const leftHiddenRef = useRef11(0);
+  const rightHiddenRef = useRef11(0);
+  const shrinkRafPendingRef = useRef11(false);
+  useEffect15(() => {
     const previousTarget = targetRef.current;
     const target = items ?? [];
     targetRef.current = target;
@@ -16159,7 +18110,7 @@ function useThrottledItems(items, getId, catchUpIncrement = 10) {
       });
     }
   }, [items, getId, catchUpIncrement]);
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       if (rafRef.current !== void 0) {
         cancelAnimationFrame(rafRef.current);
@@ -16179,7 +18130,7 @@ var useSpans = () => {
   const [fetchError, setFetchError] = useState10();
   const [fetchingForward, setFetchingForward] = useState10(false);
   const [fetchingBackward, setFetchingBackward] = useState10(false);
-  const paginationBufferRef = useRef11(createPaginationBuffer({
+  const paginationBufferRef = useRef12(createPaginationBuffer({
     async fetchPage(token) {
       const response = await api.getSpans({
         limit: PAGE_SIZE,
@@ -16206,9 +18157,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
@@ -16229,10 +18180,9 @@ var useSpans = () => {
   const fetchBackward = useCallback7(() => {
     void paginationBufferRef.current.fetchBackward();
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     fetchForward();
   }, [fetchForward]);
-  const { checking, checkStatus, error: statusError, status } = useStatus();
   const [clearingSpans, setClearingSpans] = useState10(false);
   const clearSpans = useCallback7(async () => {
     if (clearingSpans) {
@@ -16255,7 +18205,7 @@ var useSpans = () => {
   const toggleStream = useCallback7(() => {
     setStreamPaused((previous) => !previous);
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     if (hasMoreForward === true && !fetchingForward && !streamPaused) {
       void paginationBufferRef.current.fetchForward();
     }
@@ -16275,8 +18225,6 @@ var useSpans = () => {
     }
   });
   return {
-    checking,
-    checkStatus,
     clearingSpans,
     clearSpans,
     fetchBackward,
@@ -16289,8 +18237,6 @@ var useSpans = () => {
     iamErrorCount,
     licenseLimit,
     spans: throttledSpans.items,
-    status,
-    statusError,
     streamPaused,
     systemLimit,
     toggleStream,
@@ -16303,12 +18249,12 @@ import { ArrowBack } from "@mui/icons-material";
 import { Box as Box19, Button as Button6, Drawer, Paper as Paper3 } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { ReactFlowProvider } from "@xyflow/react";
-import { useCallback as useCallback9, useEffect as useEffect20, useRef as useRef15, useState as useState17 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect21, useRef as useRef16, useState as useState17 } from "react";
 
 // src/components/event-details/event-details.tsx
 import { Close as Close2 } from "@mui/icons-material";
 import { Alert as Alert4, Box as Box15, Chip as Chip3, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton4, Stack as Stack2, Switch, Typography as Typography10 } from "@mui/material";
-import { useMemo as useMemo11, useState as useState16 } from "react";
+import { useMemo as useMemo12, useState as useState16 } from "react";
 
 // src/utils/iam-utils.ts
 function determinePermissionStatus(payload) {
@@ -16507,28 +18453,28 @@ var getEventGroupsByType = (events) => {
 // src/components/event-details/event-detail.tsx
 import { KeyboardArrowDown as KeyboardArrowDown2, KeyboardArrowRight as KeyboardArrowRight2 } from "@mui/icons-material";
 import { Box as Box12, IconButton as IconButton3, Typography as Typography7 } from "@mui/material";
-import { useEffect as useEffect17, useMemo as useMemo9, useRef as useRef13, useState as useState13 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo10, useRef as useRef14, useState as useState13 } from "react";
 
 // src/components/status-icon.tsx
 import { Cancel, CheckCircle, Error as Error2, Info, RemoveCircle } from "@mui/icons-material";
 import { Box as Box7 } from "@mui/material";
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var StatusIcon = ({ errorLevel }) => {
   switch (errorLevel) {
     case EventLevel.LevelError: {
-      return /* @__PURE__ */ jsx131(Cancel, { sx: { color: "red" } });
+      return /* @__PURE__ */ jsx132(Cancel, { sx: { color: "red" } });
     }
     case EventLevel.LevelInfo: {
-      return /* @__PURE__ */ jsx131(Info, { sx: { color: "gray" } });
+      return /* @__PURE__ */ jsx132(Info, { sx: { color: "gray" } });
     }
     case EventLevel.LevelPermission: {
-      return /* @__PURE__ */ jsx131(RemoveCircle, { sx: { color: "blue" } });
+      return /* @__PURE__ */ jsx132(RemoveCircle, { sx: { color: "blue" } });
     }
     case EventLevel.LevelWarning: {
-      return /* @__PURE__ */ jsx131(Error2, { sx: { color: "orange" } });
+      return /* @__PURE__ */ jsx132(Error2, { sx: { color: "orange" } });
     }
     default: {
-      return /* @__PURE__ */ jsx131(CheckCircle, { sx: { color: "lightgray" } });
+      return /* @__PURE__ */ jsx132(CheckCircle, { sx: { color: "lightgray" } });
     }
   }
 };
@@ -16536,39 +18482,39 @@ var StatusIcon = ({ errorLevel }) => {
 // src/components/event-details/iam-event-detail.tsx
 import { CheckCircle as CheckCircle2, Error as ErrorIcon, Warning } from "@mui/icons-material";
 import { Box as Box8, Chip, Typography as Typography5 } from "@mui/material";
-import { jsx as jsx132, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs124 } from "react/jsx-runtime";
 var DetailRow = ({ content, label }) => /* @__PURE__ */ jsxs124(Box8, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-  /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
-  /* @__PURE__ */ jsx132(Box8, { children: typeof content === "string" ? /* @__PURE__ */ jsx132(Typography5, { sx: { color: "text.primary", wordBreak: "break-word" }, variant: "caption", children: content }) : content })
+  /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
+  /* @__PURE__ */ jsx133(Box8, { children: typeof content === "string" ? /* @__PURE__ */ jsx133(Typography5, { 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__ */ jsx132(CheckCircle2, { sx: { color: "success.main", fontSize: "1rem" } });
+      return /* @__PURE__ */ jsx133(CheckCircle2, { sx: { color: "success.main", fontSize: "1rem" } });
     }
     case "explicitly_denied": {
-      return /* @__PURE__ */ jsx132(ErrorIcon, { sx: { color: "error.main", fontSize: "1rem" } });
+      return /* @__PURE__ */ jsx133(ErrorIcon, { sx: { color: "error.main", fontSize: "1rem" } });
     }
     case "implicitly_denied": {
-      return /* @__PURE__ */ jsx132(Warning, { sx: { color: "warning.main", fontSize: "1rem" } });
+      return /* @__PURE__ */ jsx133(Warning, { sx: { color: "warning.main", fontSize: "1rem" } });
     }
   }
 };
 var IAMEventDetail = ({ event }) => {
   const payloadString = event.attributes?.payload;
   if (!payloadString) {
-    return /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", variant: "caption", children: "No IAM policy evaluation data available" });
+    return /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", variant: "caption", children: "No IAM policy evaluation data available" });
   }
   const parsedIAM = parseIAMEvent(payloadString);
   if (!parsedIAM) {
-    return /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", variant: "caption", children: "Failed to parse IAM event data" });
+    return /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", variant: "caption", children: "Failed to parse IAM event data" });
   }
   return /* @__PURE__ */ jsxs124(Box8, { children: [
-    /* @__PURE__ */ jsx132(Box8, { sx: { mb: 1.5 }, children: /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(Box8, { sx: { mb: 1.5 }, children: /* @__PURE__ */ jsx133(
       Chip,
       {
-        icon: /* @__PURE__ */ jsx132(PermissionIcon, { status: parsedIAM.permission }),
+        icon: /* @__PURE__ */ jsx133(PermissionIcon, { status: parsedIAM.permission }),
         label: formatPermissionStatus(parsedIAM.permission),
         size: "small",
         sx: {
@@ -16578,36 +18524,36 @@ var IAMEventDetail = ({ event }) => {
         variant: "outlined"
       }
     ) }),
-    /* @__PURE__ */ jsx132(DetailRow, { content: `${parsedIAM.service}:${parsedIAM.operation}`, label: "Operation" }),
-    /* @__PURE__ */ jsx132(DetailRow, { content: parsedIAM.principal, label: "Principal" }),
-    parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(DetailRow, { content: `${parsedIAM.service}:${parsedIAM.operation}`, label: "Operation" }),
+    /* @__PURE__ */ jsx133(DetailRow, { content: parsedIAM.principal, label: "Principal" }),
+    parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ jsx133(
       DetailRow,
       {
-        content: /* @__PURE__ */ jsx132(Box8, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ jsx132(Typography5, { sx: { color: "text.primary", display: "block" }, variant: "caption", children: action }, action)) }),
+        content: /* @__PURE__ */ jsx133(Box8, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ jsx133(Typography5, { sx: { color: "text.primary", display: "block" }, variant: "caption", children: action }, action)) }),
         label: "Actions"
       }
     ),
-    parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ jsx132(
+    parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ jsx133(
       DetailRow,
       {
-        content: /* @__PURE__ */ jsx132(Box8, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ jsx132(Typography5, { sx: { color: "text.primary", display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) }),
+        content: /* @__PURE__ */ jsx133(Box8, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ jsx133(Typography5, { 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__ */ jsxs124(Box8, { sx: { mt: 1.5 }, children: [
-      /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", sx: { display: "block", fontWeight: 600, mb: 0.5 }, variant: "caption", children: "Policy Evaluation" }),
+      /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", sx: { display: "block", fontWeight: 600, mb: 0.5 }, variant: "caption", children: "Policy Evaluation" }),
       /* @__PURE__ */ jsxs124(Box8, { sx: { display: "grid", gap: 1, gridTemplateColumns: "repeat(3, 1fr)" }, children: [
         parsedIAM.details.explicitAllows !== void 0 && /* @__PURE__ */ jsxs124(Box8, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx132(Typography5, { color: "success.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitAllows }),
-          /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", variant: "caption", children: "Explicit Allows" })
+          /* @__PURE__ */ jsx133(Typography5, { color: "success.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitAllows }),
+          /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", variant: "caption", children: "Explicit Allows" })
         ] }),
         parsedIAM.details.explicitDenies !== void 0 && /* @__PURE__ */ jsxs124(Box8, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx132(Typography5, { color: "error.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitDenies }),
-          /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", variant: "caption", children: "Explicit Denies" })
+          /* @__PURE__ */ jsx133(Typography5, { color: "error.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.explicitDenies }),
+          /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", variant: "caption", children: "Explicit Denies" })
         ] }),
         parsedIAM.details.implicitDenies !== void 0 && /* @__PURE__ */ jsxs124(Box8, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx132(Typography5, { color: "warning.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.implicitDenies }),
-          /* @__PURE__ */ jsx132(Typography5, { color: "text.secondary", variant: "caption", children: "Implicit Denies" })
+          /* @__PURE__ */ jsx133(Typography5, { color: "warning.main", sx: { display: "block", fontWeight: "bold" }, variant: "subtitle2", children: parsedIAM.details.implicitDenies }),
+          /* @__PURE__ */ jsx133(Typography5, { color: "text.secondary", variant: "caption", children: "Implicit Denies" })
         ] })
       ] })
     ] })
@@ -16617,19 +18563,19 @@ var IAMEventDetail = ({ event }) => {
 // src/components/event-details/iam-permission-detail.tsx
 import { KeyboardArrowDown, KeyboardArrowRight } from "@mui/icons-material";
 import { Box as Box9, Chip as Chip2, IconButton as IconButton2, Typography as Typography6 } from "@mui/material";
-import { useMemo as useMemo7, useState as useState11 } from "react";
-import { jsx as jsx133, jsxs as jsxs125 } from "react/jsx-runtime";
+import { useMemo as useMemo8, useState as useState11 } from "react";
+import { jsx as jsx134, jsxs as jsxs125 } from "react/jsx-runtime";
 var getChipColors = (status) => ({
   backgroundColor: getPermissionStatusColor(status),
   color: "white"
 });
 var LabelValue = ({ label, value }) => /* @__PURE__ */ jsxs125(Box9, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-  /* @__PURE__ */ jsx133(Typography6, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
-  /* @__PURE__ */ jsx133(Typography6, { sx: { wordBreak: "break-all" }, variant: "caption", children: value })
+  /* @__PURE__ */ jsx134(Typography6, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
+  /* @__PURE__ */ jsx134(Typography6, { sx: { wordBreak: "break-all" }, variant: "caption", children: value })
 ] });
 var IAMPermissionItem = ({ event }) => {
   const [isOpen, setIsOpen] = useState11(false);
-  const parsedData = useMemo7(() => {
+  const parsedData = useMemo8(() => {
     const payloadString = event.attributes?.payload;
     if (!payloadString) return;
     const parsedIAM2 = parseIAMEvent(payloadString);
@@ -16642,10 +18588,10 @@ var IAMPermissionItem = ({ event }) => {
   const { chipColors, parsedIAM } = parsedData;
   return /* @__PURE__ */ jsxs125(Box9, { sx: { mb: 0.5 }, children: [
     /* @__PURE__ */ jsxs125(Box9, { sx: { alignItems: "center", display: "flex", gap: 1 }, children: [
-      /* @__PURE__ */ jsx133(IconButton2, { onClick: () => {
+      /* @__PURE__ */ jsx134(IconButton2, { onClick: () => {
         setIsOpen(!isOpen);
-      }, size: "small", sx: { p: 0 }, children: isOpen ? /* @__PURE__ */ jsx133(KeyboardArrowDown, { sx: { fontSize: 16 } }) : /* @__PURE__ */ jsx133(KeyboardArrowRight, { sx: { fontSize: 16 } }) }),
-      /* @__PURE__ */ jsx133(Chip2, { label: formatPermissionStatus(parsedIAM.permission), size: "small", sx: { ...chipColors, fontWeight: 500 } }),
+      }, size: "small", sx: { p: 0 }, children: isOpen ? /* @__PURE__ */ jsx134(KeyboardArrowDown, { sx: { fontSize: 16 } }) : /* @__PURE__ */ jsx134(KeyboardArrowRight, { sx: { fontSize: 16 } }) }),
+      /* @__PURE__ */ jsx134(Chip2, { label: formatPermissionStatus(parsedIAM.permission), size: "small", sx: { ...chipColors, fontWeight: 500 } }),
       /* @__PURE__ */ jsxs125(Typography6, { color: "text.secondary", noWrap: true, sx: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, variant: "caption", children: [
         parsedIAM.service,
         ":",
@@ -16653,28 +18599,28 @@ var IAMPermissionItem = ({ event }) => {
       ] })
     ] }),
     isOpen && /* @__PURE__ */ jsxs125(Box9, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: [
-      /* @__PURE__ */ jsx133(LabelValue, { label: "Principal", value: parsedIAM.principal }),
+      /* @__PURE__ */ jsx134(LabelValue, { label: "Principal", value: parsedIAM.principal }),
       parsedIAM.details.actions && parsedIAM.details.actions.length > 0 && /* @__PURE__ */ jsxs125(Box9, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-        /* @__PURE__ */ jsx133(Typography6, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Actions" }),
-        /* @__PURE__ */ jsx133(Box9, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ jsx133(Typography6, { sx: { display: "block" }, variant: "caption", children: action }, action)) })
+        /* @__PURE__ */ jsx134(Typography6, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Actions" }),
+        /* @__PURE__ */ jsx134(Box9, { children: parsedIAM.details.actions.map((action) => /* @__PURE__ */ jsx134(Typography6, { sx: { display: "block" }, variant: "caption", children: action }, action)) })
       ] }),
       parsedIAM.details.resources && parsedIAM.details.resources.length > 0 && /* @__PURE__ */ jsxs125(Box9, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr" }, children: [
-        /* @__PURE__ */ jsx133(Typography6, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Resources" }),
-        /* @__PURE__ */ jsx133(Box9, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ jsx133(Typography6, { sx: { display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) })
+        /* @__PURE__ */ jsx134(Typography6, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: "Resources" }),
+        /* @__PURE__ */ jsx134(Box9, { children: parsedIAM.details.resources.map((resource) => /* @__PURE__ */ jsx134(Typography6, { sx: { display: "block", wordBreak: "break-all" }, variant: "caption", children: resource }, resource)) })
       ] })
     ] })
   ] });
 };
-var IAMPermissionDetail = ({ events }) => /* @__PURE__ */ jsx133(Box9, { children: events.map((event) => /* @__PURE__ */ jsx133(IAMPermissionItem, { event }, `${event.span_id}-${event.event_id}`)) });
+var IAMPermissionDetail = ({ events }) => /* @__PURE__ */ jsx134(Box9, { children: events.map((event) => /* @__PURE__ */ jsx134(IAMPermissionItem, { event }, `${event.span_id}-${event.event_id}`)) });
 
 // src/components/event-details/payload-viewer.tsx
 import { Box as Box11, useTheme as useTheme3 } from "@mui/material";
 
 // node_modules/@textea/json-viewer/dist/index.mjs
 var import_copy_to_clipboard = __toESM(require_copy_to_clipboard(), 1);
-import { jsx as jsx134, jsxs as jsxs126, Fragment as Fragment7 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs126, Fragment as Fragment8 } from "react/jsx-runtime";
 import { Box as Box10, InputBase, NoSsr, SvgIcon, createTheme, ThemeProvider, Paper as Paper2 } from "@mui/material";
-import { createContext as createContext9, useContext as useContext16, useState as useState12, useRef as useRef12, useCallback as useCallback8, useMemo as useMemo8, useEffect as useEffect16, memo as memo9 } from "react";
+import { createContext as createContext10, useContext as useContext17, useState as useState12, useRef as useRef13, useCallback as useCallback8, useMemo as useMemo9, useEffect as useEffect17, memo as memo9 } from "react";
 import { create, useStore, createStore } from "zustand";
 function r(e2) {
   var t2, f2, n2 = "";
@@ -16790,10 +18736,10 @@ var createJsonViewerStore = (props) => {
     };
   });
 };
-var JsonViewerStoreContext = createContext9(void 0);
+var JsonViewerStoreContext = createContext10(void 0);
 JsonViewerStoreContext.Provider;
 var useJsonViewerStore = (selector2, equalityFn) => {
-  const store = useContext16(JsonViewerStoreContext);
+  const store = useContext17(JsonViewerStoreContext);
   return useStore(store, selector2, equalityFn);
 };
 var useTextColor = () => {
@@ -16919,7 +18865,7 @@ async function copyString(value) {
 function useClipboard() {
   let { timeout = 2e3 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   const [copied, setCopied] = useState12(false);
-  const copyTimeout = useRef12(null);
+  const copyTimeout = useRef13(null);
   const handleCopyResult = useCallback8((value) => {
     const current = copyTimeout.current;
     if (current) {
@@ -16966,7 +18912,7 @@ function useClipboard() {
 }
 function useIsCycleReference(path, value) {
   const rootValue = useJsonViewerStore((store) => store.value);
-  return useMemo8(() => isCycleReference(rootValue, path, value), [
+  return useMemo9(() => isCycleReference(rootValue, path, value), [
     path,
     value,
     rootValue
@@ -16979,7 +18925,7 @@ function useInspect(path, value, nestedIndex) {
   const setInspectCache = useJsonViewerStore((store) => store.setInspectCache);
   const defaultInspectDepth = useJsonViewerStore((store) => store.defaultInspectDepth);
   const defaultInspectControl = useJsonViewerStore((store) => store.defaultInspectControl);
-  useEffect16(() => {
+  useEffect17(() => {
     const inspect2 = getInspectCache(path, nestedIndex);
     if (inspect2 !== void 0) {
       return;
@@ -17027,7 +18973,7 @@ function useInspect(path, value, nestedIndex) {
     setInspect
   ];
 }
-var DataBox = (props) => /* @__PURE__ */ jsx134(Box10, {
+var DataBox = (props) => /* @__PURE__ */ jsx135(Box10, {
   component: "div",
   ...props,
   sx: {
@@ -17038,7 +18984,7 @@ var DataBox = (props) => /* @__PURE__ */ jsx134(Box10, {
 var DataTypeLabel = (param) => {
   let { dataType, enable = true } = param;
   if (!enable) return null;
-  return /* @__PURE__ */ jsx134(DataBox, {
+  return /* @__PURE__ */ jsx135(DataBox, {
     className: "data-type-label",
     sx: {
       mx: 0.5,
@@ -17062,12 +19008,12 @@ function defineEasyType(param) {
         color: color2
       },
       children: [
-        displayTypeLabel && storeDisplayDataTypes && /* @__PURE__ */ jsx134(DataTypeLabel, {
+        displayTypeLabel && storeDisplayDataTypes && /* @__PURE__ */ jsx135(DataTypeLabel, {
           dataType: type
         }),
-        /* @__PURE__ */ jsx134(DataBox, {
+        /* @__PURE__ */ jsx135(DataBox, {
           className: "".concat(type, "-value"),
-          children: /* @__PURE__ */ jsx134(Render, {
+          children: /* @__PURE__ */ jsx135(Render, {
             path: props.path,
             inspect: props.inspect,
             setInspect: props.setInspect,
@@ -17107,7 +19053,7 @@ function defineEasyType(param) {
     }, [
       setValue
     ]);
-    return /* @__PURE__ */ jsx134(InputBase, {
+    return /* @__PURE__ */ jsx135(InputBase, {
       autoFocus: true,
       value,
       onChange: handleChange,
@@ -17147,7 +19093,7 @@ var booleanType = defineEasyType({
   },
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ jsx134(Fragment7, {
+    return /* @__PURE__ */ jsx135(Fragment8, {
       children: value ? "true" : "false"
     });
   }
@@ -17166,7 +19112,7 @@ var dateType = defineEasyType({
   colorKey: "base0D",
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ jsx134(Fragment7, {
+    return /* @__PURE__ */ jsx135(Fragment8, {
       children: value.toLocaleTimeString("en-us", displayOptions)
     });
   }
@@ -17197,7 +19143,7 @@ var rb = "}";
 var PreFunctionType = (props) => {
   return /* @__PURE__ */ jsxs126(NoSsr, {
     children: [
-      /* @__PURE__ */ jsx134(DataTypeLabel, {
+      /* @__PURE__ */ jsx135(DataTypeLabel, {
         dataType: "function"
       }),
       /* @__PURE__ */ jsxs126(Box10, {
@@ -17216,8 +19162,8 @@ var PreFunctionType = (props) => {
   });
 };
 var PostFunctionType = () => {
-  return /* @__PURE__ */ jsx134(NoSsr, {
-    children: /* @__PURE__ */ jsx134(Box10, {
+  return /* @__PURE__ */ jsx135(NoSsr, {
+    children: /* @__PURE__ */ jsx135(Box10, {
       component: "span",
       className: "data-function-end",
       children: rb
@@ -17226,15 +19172,15 @@ var PostFunctionType = () => {
 };
 var FunctionType = (props) => {
   const functionColor = useJsonViewerStore((store) => store.colorspace.base05);
-  return /* @__PURE__ */ jsx134(NoSsr, {
-    children: /* @__PURE__ */ jsx134(Box10, {
+  return /* @__PURE__ */ jsx135(NoSsr, {
+    children: /* @__PURE__ */ jsx135(Box10, {
       className: "data-function",
       sx: {
         display: props.inspect ? "block" : "inline-block",
         pl: props.inspect ? 2 : 0,
         color: functionColor
       },
-      children: props.inspect ? functionBody(props.value) : /* @__PURE__ */ jsx134(Box10, {
+      children: props.inspect ? functionBody(props.value) : /* @__PURE__ */ jsx135(Box10, {
         component: "span",
         className: "data-function-body",
         onClick: () => props.setInspect(true),
@@ -17262,7 +19208,7 @@ var nullType = defineEasyType({
   displayTypeLabel: false,
   Renderer: () => {
     const backgroundColor = useJsonViewerStore((store) => store.colorspace.base02);
-    return /* @__PURE__ */ jsx134(Box10, {
+    return /* @__PURE__ */ jsx135(Box10, {
       sx: {
         fontSize: "0.8rem",
         backgroundColor,
@@ -17285,7 +19231,7 @@ var nanType = defineEasyType({
   deserialize: (value) => parseFloat(value),
   Renderer: () => {
     const backgroundColor = useJsonViewerStore((store) => store.colorspace.base02);
-    return /* @__PURE__ */ jsx134(Box10, {
+    return /* @__PURE__ */ jsx135(Box10, {
       sx: {
         backgroundColor,
         fontSize: "0.8rem",
@@ -17305,7 +19251,7 @@ var floatType = defineEasyType({
   deserialize: (value) => parseFloat(value),
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ jsx134(Fragment7, {
+    return /* @__PURE__ */ jsx135(Fragment8, {
       children: value
     });
   }
@@ -17319,7 +19265,7 @@ var intType = defineEasyType({
   deserialize: (value) => parseFloat(value),
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ jsx134(Fragment7, {
+    return /* @__PURE__ */ jsx135(Fragment8, {
       children: value
     });
   }
@@ -17332,16 +19278,16 @@ var bigIntType = defineEasyType({
   deserialize: (value) => BigInt(value.replace(/\D/g, "")),
   Renderer: (param) => {
     let { value } = param;
-    return /* @__PURE__ */ jsx134(Fragment7, {
+    return /* @__PURE__ */ jsx135(Fragment8, {
       children: "".concat(value, "n")
     });
   }
 });
 var BaseIcon = (param) => {
   let { d: d2, ...props } = param;
-  return /* @__PURE__ */ jsx134(SvgIcon, {
+  return /* @__PURE__ */ jsx135(SvgIcon, {
     ...props,
-    children: /* @__PURE__ */ jsx134("path", {
+    children: /* @__PURE__ */ jsx135("path", {
       d: d2
     })
   });
@@ -17356,55 +19302,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__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: AddBox,
     ...props
   });
 };
 var CheckIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: Check,
     ...props
   });
 };
 var ChevronRightIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: ChevronRight,
     ...props
   });
 };
 var CircularArrowsIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: CircularArrows,
     ...props
   });
 };
 var CloseIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: Close,
     ...props
   });
 };
 var ContentCopyIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: ContentCopy,
     ...props
   });
 };
 var EditIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: Edit,
     ...props
   });
 };
 var ExpandMoreIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: ExpandMore,
     ...props
   });
 };
 var DeleteIcon = (props) => {
-  return /* @__PURE__ */ jsx134(BaseIcon, {
+  return /* @__PURE__ */ jsx135(BaseIcon, {
     d: Delete,
     ...props
   });
@@ -17427,17 +19373,17 @@ function inspectMetadata(value) {
 var PreObjectType = (props) => {
   const metadataColor = useJsonViewerStore((store) => store.colorspace.base04);
   const textColor = useTextColor();
-  const isArrayLike = useMemo8(() => Array.isArray(props.value) || props.value instanceof Set, [
+  const isArrayLike = useMemo9(() => Array.isArray(props.value) || props.value instanceof Set, [
     props.value
   ]);
-  const isEmptyValue = useMemo8(() => getValueSize(props.value) === 0, [
+  const isEmptyValue = useMemo9(() => getValueSize(props.value) === 0, [
     props.value
   ]);
-  const sizeOfValue = useMemo8(() => inspectMetadata(props.value), [
+  const sizeOfValue = useMemo9(() => inspectMetadata(props.value), [
     props.value
   ]);
   const displaySize = useJsonViewerStore((store) => store.displaySize);
-  const shouldDisplaySize = useMemo8(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
+  const shouldDisplaySize = useMemo9(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
     displaySize,
     props.path,
     props.value
@@ -17451,7 +19397,7 @@ var PreObjectType = (props) => {
     },
     children: [
       isArrayLike ? arrayLb : objectLb,
-      shouldDisplaySize && props.inspect && !isEmptyValue && /* @__PURE__ */ jsx134(Box10, {
+      shouldDisplaySize && props.inspect && !isEmptyValue && /* @__PURE__ */ jsx135(Box10, {
         component: "span",
         sx: {
           pl: 0.5,
@@ -17461,16 +19407,16 @@ var PreObjectType = (props) => {
         },
         children: sizeOfValue
       }),
-      isTrap && !props.inspect && /* @__PURE__ */ jsxs126(Fragment7, {
+      isTrap && !props.inspect && /* @__PURE__ */ jsxs126(Fragment8, {
         children: [
-          /* @__PURE__ */ jsx134(CircularArrowsIcon, {
+          /* @__PURE__ */ jsx135(CircularArrowsIcon, {
             sx: {
               fontSize: 12,
               color: textColor,
               mx: 0.5
             }
           }),
-          /* @__PURE__ */ jsx134(DataBox, {
+          /* @__PURE__ */ jsx135(DataBox, {
             sx: {
               cursor: "pointer",
               userSelect: "none"
@@ -17485,17 +19431,17 @@ var PreObjectType = (props) => {
 var PostObjectType = (props) => {
   const metadataColor = useJsonViewerStore((store) => store.colorspace.base04);
   const textColor = useTextColor();
-  const isArrayLike = useMemo8(() => Array.isArray(props.value) || props.value instanceof Set, [
+  const isArrayLike = useMemo9(() => Array.isArray(props.value) || props.value instanceof Set, [
     props.value
   ]);
-  const isEmptyValue = useMemo8(() => getValueSize(props.value) === 0, [
+  const isEmptyValue = useMemo9(() => getValueSize(props.value) === 0, [
     props.value
   ]);
-  const sizeOfValue = useMemo8(() => inspectMetadata(props.value), [
+  const sizeOfValue = useMemo9(() => inspectMetadata(props.value), [
     props.value
   ]);
   const displaySize = useJsonViewerStore((store) => store.displaySize);
-  const shouldDisplaySize = useMemo8(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
+  const shouldDisplaySize = useMemo9(() => typeof displaySize === "function" ? displaySize(props.path, props.value) : displaySize, [
     displaySize,
     props.path,
     props.value
@@ -17511,7 +19457,7 @@ var PostObjectType = (props) => {
     },
     children: [
       isArrayLike ? arrayRb : objectRb,
-      shouldDisplaySize && (isEmptyValue || !props.inspect) ? /* @__PURE__ */ jsx134(Box10, {
+      shouldDisplaySize && (isEmptyValue || !props.inspect) ? /* @__PURE__ */ jsx135(Box10, {
         component: "span",
         sx: {
           pl: 0.5,
@@ -17534,7 +19480,7 @@ var ObjectType = (props) => {
   const isTrap = useIsCycleReference(props.path, props.value);
   const [displayLength, setDisplayLength] = useState12(useJsonViewerStore((store) => store.maxDisplayLength));
   const objectSortKeys = useJsonViewerStore((store) => store.objectSortKeys);
-  const elements = useMemo8(() => {
+  const elements = useMemo9(() => {
     if (!props.inspect) {
       return null;
     }
@@ -17551,7 +19497,7 @@ var ObjectType = (props) => {
             ...props.path,
             key
           ];
-          elements3.push(/* @__PURE__ */ jsx134(DataKeyPair, {
+          elements3.push(/* @__PURE__ */ jsx135(DataKeyPair, {
             path,
             value: value2,
             prevValue: props.prevValue instanceof Map ? props.prevValue.get(k2) : void 0,
@@ -17567,7 +19513,7 @@ var ObjectType = (props) => {
         while (true) {
           const nextResult = iterator2.next();
           var _nextResult_done;
-          elements3.push(/* @__PURE__ */ jsx134(DataKeyPair, {
+          elements3.push(/* @__PURE__ */ jsx135(DataKeyPair, {
             path: [
               ...props.path,
               "iterator:".concat(count2)
@@ -17595,7 +19541,7 @@ var ObjectType = (props) => {
             ...props.path,
             index
           ];
-          return /* @__PURE__ */ jsx134(DataKeyPair, {
+          return /* @__PURE__ */ jsx135(DataKeyPair, {
             path,
             value: value2,
             prevValue: Array.isArray(props.prevValue) ? props.prevValue[index] : void 0,
@@ -17627,7 +19573,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__ */ jsx134(DataKeyPair, {
+        return /* @__PURE__ */ jsx135(DataKeyPair, {
           path: props.path,
           value: list,
           nestedIndex: index,
@@ -17654,7 +19600,7 @@ var ObjectType = (props) => {
         ...props.path,
         key
       ];
-      return /* @__PURE__ */ jsx134(DataKeyPair, {
+      return /* @__PURE__ */ jsx135(DataKeyPair, {
         path,
         value: value2,
         prevValue: (_props_prevValue = props.prevValue) === null || _props_prevValue === void 0 ? void 0 : _props_prevValue[key],
@@ -17695,13 +19641,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 = useMemo8(() => getValueSize(props.value) === 0, [
+  const isEmptyValue = useMemo9(() => getValueSize(props.value) === 0, [
     props.value
   ]);
   if (isEmptyValue) {
     return null;
   }
-  return /* @__PURE__ */ jsx134(Box10, {
+  return /* @__PURE__ */ jsx135(Box10, {
     className: "data-object",
     sx: {
       display: props.inspect ? "block" : "inline-block",
@@ -17710,7 +19656,7 @@ var ObjectType = (props) => {
       color: keyColor,
       borderLeft: props.inspect ? "1px solid ".concat(borderColor) : "none"
     },
-    children: props.inspect ? elements : !isTrap && /* @__PURE__ */ jsx134(Box10, {
+    children: props.inspect ? elements : !isTrap && /* @__PURE__ */ jsx135(Box10, {
       component: "span",
       className: "data-object-body",
       onClick: () => props.setInspect(true),
@@ -17760,7 +19706,7 @@ var stringType = defineEasyType({
       children: [
         '"',
         value,
-        hasRest && !showRest && /* @__PURE__ */ jsx134(Box10, {
+        hasRest && !showRest && /* @__PURE__ */ jsx135(Box10, {
           component: "span",
           sx: {
             padding: 0.5
@@ -17779,7 +19725,7 @@ var undefinedType = defineEasyType({
   displayTypeLabel: false,
   Renderer: () => {
     const backgroundColor = useJsonViewerStore((store) => store.colorspace.base02);
-    return /* @__PURE__ */ jsx134(Box10, {
+    return /* @__PURE__ */ jsx135(Box10, {
       sx: {
         fontSize: "0.7rem",
         backgroundColor,
@@ -17831,10 +19777,10 @@ var createTypeRegistryStore = () => {
     }
   }));
 };
-var TypeRegistryStoreContext = /* @__PURE__ */ createContext9(void 0);
+var TypeRegistryStoreContext = /* @__PURE__ */ createContext10(void 0);
 TypeRegistryStoreContext.Provider;
 var useTypeRegistryStore = (selector2, equalityFn) => {
-  const store = useContext16(TypeRegistryStoreContext);
+  const store = useContext17(TypeRegistryStoreContext);
   return useStore(store, selector2, equalityFn);
 };
 function matchTypeComponents(value, path, registry) {
@@ -17854,13 +19800,13 @@ function matchTypeComponents(value, path, registry) {
 }
 function useTypeComponents(value, path) {
   const registry = useTypeRegistryStore((store) => store.registry);
-  return useMemo8(() => matchTypeComponents(value, path, registry), [
+  return useMemo9(() => matchTypeComponents(value, path, registry), [
     value,
     path,
     registry
   ]);
 }
-var IconBox = (props) => /* @__PURE__ */ jsx134(Box10, {
+var IconBox = (props) => /* @__PURE__ */ jsx135(Box10, {
   component: "span",
   ...props,
   sx: {
@@ -17875,7 +19821,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 = useMemo8(() => {
+  const editable = useMemo9(() => {
     if (storeEditable === false) {
       return false;
     }
@@ -17896,7 +19842,7 @@ var DataKeyPair = (props) => {
   const depth = path.length;
   const key = path[depth - 1];
   const hoverPath = useJsonViewerStore((store) => store.hoverPath);
-  const isHover = useMemo8(() => {
+  const isHover = useMemo9(() => {
     return hoverPath && path.every((value2, index) => value2 === hoverPath.path[index] && nestedIndex === hoverPath.nestedIndex);
   }, [
     hoverPath,
@@ -17918,7 +19864,7 @@ var DataKeyPair = (props) => {
   const isNumberKey = Number.isInteger(Number(key));
   const storeEnableAdd = useJsonViewerStore((store) => store.enableAdd);
   const onAdd = useJsonViewerStore((store) => store.onAdd);
-  const enableAdd = useMemo8(() => {
+  const enableAdd = useMemo9(() => {
     if (!onAdd || nestedIndex !== void 0) return false;
     if (storeEnableAdd === false) {
       return false;
@@ -17943,7 +19889,7 @@ var DataKeyPair = (props) => {
   ]);
   const storeEnableDelete = useJsonViewerStore((store) => store.enableDelete);
   const onDelete = useJsonViewerStore((store) => store.onDelete);
-  const enableDelete = useMemo8(() => {
+  const enableDelete = useMemo9(() => {
     if (!onDelete || nestedIndex !== void 0) return false;
     if (isRoot) {
       return false;
@@ -17970,7 +19916,7 @@ var DataKeyPair = (props) => {
   const enableClipboard = useJsonViewerStore((store) => store.enableClipboard);
   const { copy, copied } = useClipboard();
   const highlightUpdates = useJsonViewerStore((store) => store.highlightUpdates);
-  const isHighlight = useMemo8(() => {
+  const isHighlight = useMemo9(() => {
     if (!highlightUpdates || prevValue === void 0) return false;
     if (typeof value !== typeof prevValue) {
       return true;
@@ -17994,8 +19940,8 @@ var DataKeyPair = (props) => {
     prevValue,
     value
   ]);
-  const highlightContainer = useRef12();
-  useEffect16(() => {
+  const highlightContainer = useRef13();
+  useEffect17(() => {
     if (highlightContainer.current && isHighlight && "animate" in highlightContainer.current) {
       highlightContainer.current.animate([
         {
@@ -18044,20 +19990,20 @@ var DataKeyPair = (props) => {
     path,
     value
   ]);
-  const actionIcons = useMemo8(() => {
+  const actionIcons = useMemo9(() => {
     if (editing) {
-      return /* @__PURE__ */ jsxs126(Fragment7, {
+      return /* @__PURE__ */ jsxs126(Fragment8, {
         children: [
-          /* @__PURE__ */ jsx134(IconBox, {
-            children: /* @__PURE__ */ jsx134(CloseIcon, {
+          /* @__PURE__ */ jsx135(IconBox, {
+            children: /* @__PURE__ */ jsx135(CloseIcon, {
               sx: {
                 fontSize: ".8rem"
               },
               onClick: abortEditing
             })
           }),
-          /* @__PURE__ */ jsx134(IconBox, {
-            children: /* @__PURE__ */ jsx134(CheckIcon, {
+          /* @__PURE__ */ jsx135(IconBox, {
+            children: /* @__PURE__ */ jsx135(CheckIcon, {
               sx: {
                 fontSize: ".8rem"
               },
@@ -18067,9 +20013,9 @@ var DataKeyPair = (props) => {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs126(Fragment7, {
+    return /* @__PURE__ */ jsxs126(Fragment8, {
       children: [
-        enableClipboard && /* @__PURE__ */ jsx134(IconBox, {
+        enableClipboard && /* @__PURE__ */ jsx135(IconBox, {
           onClick: (event) => {
             event.preventDefault();
             try {
@@ -18078,41 +20024,41 @@ var DataKeyPair = (props) => {
               console.error(e2);
             }
           },
-          children: copied ? /* @__PURE__ */ jsx134(CheckIcon, {
+          children: copied ? /* @__PURE__ */ jsx135(CheckIcon, {
             sx: {
               fontSize: ".8rem"
             }
-          }) : /* @__PURE__ */ jsx134(ContentCopyIcon, {
+          }) : /* @__PURE__ */ jsx135(ContentCopyIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        Editor && editable && serialize && deserialize && /* @__PURE__ */ jsx134(IconBox, {
+        Editor && editable && serialize && deserialize && /* @__PURE__ */ jsx135(IconBox, {
           onClick: startEditing,
-          children: /* @__PURE__ */ jsx134(EditIcon, {
+          children: /* @__PURE__ */ jsx135(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        enableAdd && /* @__PURE__ */ jsx134(IconBox, {
+        enableAdd && /* @__PURE__ */ jsx135(IconBox, {
           onClick: (event) => {
             event.preventDefault();
             onAdd === null || onAdd === void 0 ? void 0 : onAdd(path);
           },
-          children: /* @__PURE__ */ jsx134(AddBoxIcon, {
+          children: /* @__PURE__ */ jsx135(AddBoxIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        enableDelete && /* @__PURE__ */ jsx134(IconBox, {
+        enableDelete && /* @__PURE__ */ jsx135(IconBox, {
           onClick: (event) => {
             event.preventDefault();
             onDelete === null || onDelete === void 0 ? void 0 : onDelete(path, value);
           },
-          children: /* @__PURE__ */ jsx134(DeleteIcon, {
+          children: /* @__PURE__ */ jsx135(DeleteIcon, {
             sx: {
               fontSize: ".9rem"
             }
@@ -18140,12 +20086,12 @@ var DataKeyPair = (props) => {
     abortEditing,
     commitEditing
   ]);
-  const isEmptyValue = useMemo8(() => getValueSize(value) === 0, [
+  const isEmptyValue = useMemo9(() => getValueSize(value) === 0, [
     value
   ]);
   const expandable = !isEmptyValue && !!(PreComponent && PostComponent);
   const KeyRenderer = useJsonViewerStore((store) => store.keyRenderer);
-  const downstreamProps = useMemo8(() => ({
+  const downstreamProps = useMemo9(() => ({
     path,
     inspect,
     setInspect,
@@ -18193,7 +20139,7 @@ var DataKeyPair = (props) => {
           setInspect
         ]),
         children: [
-          expandable ? inspect ? /* @__PURE__ */ jsx134(ExpandMoreIcon, {
+          expandable ? inspect ? /* @__PURE__ */ jsx135(ExpandMoreIcon, {
             className: "data-key-toggle-expanded",
             sx: {
               fontSize: ".8rem",
@@ -18201,7 +20147,7 @@ var DataKeyPair = (props) => {
                 cursor: "pointer"
               }
             }
-          }) : /* @__PURE__ */ jsx134(ChevronRightIcon, {
+          }) : /* @__PURE__ */ jsx135(ChevronRightIcon, {
             className: "data-key-toggle-collapsed",
             sx: {
               fontSize: ".8rem",
@@ -18210,44 +20156,44 @@ var DataKeyPair = (props) => {
               }
             }
           }) : null,
-          /* @__PURE__ */ jsx134(Box10, {
+          /* @__PURE__ */ jsx135(Box10, {
             ref: highlightContainer,
             className: "data-key-key",
             component: "span",
-            children: isRoot && depth === 0 ? rootName !== false ? quotesOnKeys ? /* @__PURE__ */ jsxs126(Fragment7, {
+            children: isRoot && depth === 0 ? rootName !== false ? quotesOnKeys ? /* @__PURE__ */ jsxs126(Fragment8, {
               children: [
                 '"',
                 rootName,
                 '"'
               ]
-            }) : /* @__PURE__ */ jsx134(Fragment7, {
+            }) : /* @__PURE__ */ jsx135(Fragment8, {
               children: rootName
-            }) : null : KeyRenderer.when(downstreamProps) ? /* @__PURE__ */ jsx134(KeyRenderer, {
+            }) : null : KeyRenderer.when(downstreamProps) ? /* @__PURE__ */ jsx135(KeyRenderer, {
               ...downstreamProps
-            }) : nestedIndex === void 0 && (isNumberKey ? /* @__PURE__ */ jsx134(Box10, {
+            }) : nestedIndex === void 0 && (isNumberKey ? /* @__PURE__ */ jsx135(Box10, {
               component: "span",
               style: {
                 color: numberKeyColor,
                 userSelect: isNumberKey ? "none" : "auto"
               },
               children: key
-            }) : quotesOnKeys ? /* @__PURE__ */ jsxs126(Fragment7, {
+            }) : quotesOnKeys ? /* @__PURE__ */ jsxs126(Fragment8, {
               children: [
                 '"',
                 key,
                 '"'
               ]
-            }) : /* @__PURE__ */ jsx134(Fragment7, {
+            }) : /* @__PURE__ */ jsx135(Fragment8, {
               children: key
             }))
           }),
-          isRoot ? rootName !== false && /* @__PURE__ */ jsx134(DataBox, {
+          isRoot ? rootName !== false && /* @__PURE__ */ jsx135(DataBox, {
             className: "data-key-colon",
             sx: {
               mr: 0.5
             },
             children: ":"
-          }) : nestedIndex === void 0 && /* @__PURE__ */ jsx134(DataBox, {
+          }) : nestedIndex === void 0 && /* @__PURE__ */ jsx135(DataBox, {
             className: "data-key-colon",
             sx: {
               mr: 0.5,
@@ -18258,29 +20204,29 @@ var DataKeyPair = (props) => {
             },
             children: ":"
           }),
-          PreComponent && /* @__PURE__ */ jsx134(PreComponent, {
+          PreComponent && /* @__PURE__ */ jsx135(PreComponent, {
             ...downstreamProps
           }),
           isHover && expandable && inspect && actionIcons
         ]
       }),
-      editing && editable ? Editor && /* @__PURE__ */ jsx134(Editor, {
+      editing && editable ? Editor && /* @__PURE__ */ jsx135(Editor, {
         path,
         value: tempValue,
         setValue: setTempValue,
         abortEditing,
         commitEditing
-      }) : Component ? /* @__PURE__ */ jsx134(Component, {
+      }) : Component ? /* @__PURE__ */ jsx135(Component, {
         ...downstreamProps
-      }) : /* @__PURE__ */ jsx134(Box10, {
+      }) : /* @__PURE__ */ jsx135(Box10, {
         component: "span",
         className: "data-value-fallback",
         children: "fallback: ".concat(value)
       }),
-      PostComponent && /* @__PURE__ */ jsx134(PostComponent, {
+      PostComponent && /* @__PURE__ */ jsx135(PostComponent, {
         ...downstreamProps
       }),
-      !last && displayComma && /* @__PURE__ */ jsx134(DataBox, {
+      !last && displayComma && /* @__PURE__ */ jsx135(DataBox, {
         children: ","
       }),
       isHover && expandable && !inspect && actionIcons,
@@ -18292,7 +20238,7 @@ var DataKeyPair = (props) => {
 var query = "(prefers-color-scheme: dark)";
 function useThemeDetector() {
   const [isDark, setIsDark] = useState12(false);
-  useEffect16(() => {
+  useEffect17(() => {
     const listener = (e2) => setIsDark(e2.matches);
     setIsDark(window.matchMedia(query).matches);
     const queryMedia = window.matchMedia(query);
@@ -18302,8 +20248,8 @@ function useThemeDetector() {
   return isDark;
 }
 function useSetIfNotUndefinedEffect(key, value) {
-  const { setState } = useContext16(JsonViewerStoreContext);
-  useEffect16(() => {
+  const { setState } = useContext17(JsonViewerStoreContext);
+  useEffect17(() => {
     if (value !== void 0) {
       setState({
         [key]: value
@@ -18316,8 +20262,8 @@ function useSetIfNotUndefinedEffect(key, value) {
   ]);
 }
 var JsonViewerInner = (props) => {
-  const { setState } = useContext16(JsonViewerStoreContext);
-  useEffect16(() => {
+  const { setState } = useContext17(JsonViewerStoreContext);
+  useEffect17(() => {
     setState((state) => ({
       prevValue: state.value,
       value: props.value
@@ -18345,7 +20291,7 @@ var JsonViewerInner = (props) => {
   useSetIfNotUndefinedEffect("displaySize", props.displaySize);
   useSetIfNotUndefinedEffect("displayComma", props.displayComma);
   useSetIfNotUndefinedEffect("highlightUpdates", props.highlightUpdates);
-  useEffect16(() => {
+  useEffect17(() => {
     if (props.theme === "light") {
       setState({
         colorspace: lightColorspace
@@ -18363,13 +20309,13 @@ var JsonViewerInner = (props) => {
     setState,
     props.theme
   ]);
-  const themeCls = useMemo8(() => {
+  const themeCls = useMemo9(() => {
     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 = useRef12(true);
+  const onceRef = useRef13(true);
   const registerTypes = useTypeRegistryStore((store) => store.registerTypes);
   if (onceRef.current) {
     const allTypes = props.valueTypes ? [
@@ -18381,7 +20327,7 @@ var JsonViewerInner = (props) => {
     registerTypes(allTypes);
     onceRef.current = false;
   }
-  useEffect16(() => {
+  useEffect17(() => {
     const allTypes = props.valueTypes ? [
       ...predefinedTypes,
       ...props.valueTypes
@@ -18395,12 +20341,12 @@ var JsonViewerInner = (props) => {
   ]);
   const value = useJsonViewerStore((store) => store.value);
   const prevValue = useJsonViewerStore((store) => store.prevValue);
-  const emptyPath = useMemo8(() => [], []);
+  const emptyPath = useMemo9(() => [], []);
   const setHover = useJsonViewerStore((store) => store.setHover);
   const onMouseLeave = useCallback8(() => setHover(null), [
     setHover
   ]);
-  return /* @__PURE__ */ jsx134(Paper2, {
+  return /* @__PURE__ */ jsx135(Paper2, {
     elevation: 0,
     className: clsx(themeCls, props.className),
     style: props.style,
@@ -18411,7 +20357,7 @@ var JsonViewerInner = (props) => {
       ...props.sx
     },
     onMouseLeave,
-    children: /* @__PURE__ */ jsx134(DataKeyPair, {
+    children: /* @__PURE__ */ jsx135(DataKeyPair, {
       value,
       prevValue,
       path: emptyPath,
@@ -18426,14 +20372,14 @@ var JsonViewer = function JsonViewer2(props) {
     }
   }
   const isAutoDarkTheme = useThemeDetector();
-  const themeType = useMemo8(() => {
+  const themeType = useMemo9(() => {
     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 = useMemo8(() => {
+  const theme = useMemo9(() => {
     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 createTheme({
@@ -18461,15 +20407,15 @@ var JsonViewer = function JsonViewer2(props) {
     ...props,
     theme: themeType
   };
-  const jsonViewerStore = useMemo8(() => createJsonViewerStore(props), []);
-  const typeRegistryStore = useMemo8(() => createTypeRegistryStore(), []);
-  return /* @__PURE__ */ jsx134(ThemeProvider, {
+  const jsonViewerStore = useMemo9(() => createJsonViewerStore(props), []);
+  const typeRegistryStore = useMemo9(() => createTypeRegistryStore(), []);
+  return /* @__PURE__ */ jsx135(ThemeProvider, {
     theme,
-    children: /* @__PURE__ */ jsx134(TypeRegistryStoreContext.Provider, {
+    children: /* @__PURE__ */ jsx135(TypeRegistryStoreContext.Provider, {
       value: typeRegistryStore,
-      children: /* @__PURE__ */ jsx134(JsonViewerStoreContext.Provider, {
+      children: /* @__PURE__ */ jsx135(JsonViewerStoreContext.Provider, {
         value: jsonViewerStore,
-        children: /* @__PURE__ */ jsx134(JsonViewerInner, {
+        children: /* @__PURE__ */ jsx135(JsonViewerInner, {
           ...mixedProps
         })
       })
@@ -18479,7 +20425,7 @@ var JsonViewer = function JsonViewer2(props) {
 
 // src/components/event-details/payload-viewer.tsx
 import { memo as memo10 } from "react";
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { jsx as jsx136 } from "react/jsx-runtime";
 function tryParseJson(value) {
   if (typeof value !== "string") {
     return value;
@@ -18492,7 +20438,7 @@ function tryParseJson(value) {
 }
 var PayloadViewer = memo10(({ sx, testId, value }) => {
   const theme = useTheme3();
-  return /* @__PURE__ */ jsx135(Box11, { "data-testid": testId, sx: { backgroundColor: "background.default", borderRadius: 1, fontSize: 12, overflow: "auto", p: 1, ...sx }, children: /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx136(Box11, { "data-testid": testId, sx: { backgroundColor: "background.default", borderRadius: 1, fontSize: 12, overflow: "auto", p: 1, ...sx }, children: /* @__PURE__ */ jsx136(
     JsonViewer,
     {
       displayDataTypes: false,
@@ -18506,21 +20452,21 @@ var PayloadViewer = memo10(({ sx, testId, value }) => {
 });
 
 // src/components/event-details/event-detail.tsx
-import { Fragment as Fragment8, jsx as jsx136, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx137, jsxs as jsxs127 } from "react/jsx-runtime";
 var DetailRow2 = ({ content, label }) => /* @__PURE__ */ jsxs127(Box12, { sx: { display: "grid", gap: 1, gridTemplateColumns: "72px 1fr", mb: 0.5 }, children: [
-  /* @__PURE__ */ jsx136(Typography7, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
-  /* @__PURE__ */ jsx136(Box12, { children: typeof content === "string" ? /* @__PURE__ */ jsx136(Typography7, { sx: { color: "text.primary", whiteSpace: "pre-wrap" }, variant: "caption", children: content }) : content })
+  /* @__PURE__ */ jsx137(Typography7, { color: "text.secondary", sx: { fontWeight: 600 }, variant: "caption", children: label }),
+  /* @__PURE__ */ jsx137(Box12, { children: typeof content === "string" ? /* @__PURE__ */ jsx137(Typography7, { sx: { color: "text.primary", whiteSpace: "pre-wrap" }, variant: "caption", children: content }) : content })
 ] });
 var EventMessage = ({ event }) => {
   const [isOpen, setIsOpen] = useState13(false);
   const [isOverflowing, setIsOverflowing] = useState13(false);
-  const textReference = useRef13(null);
-  const parsedMessage = useMemo9(() => parseEventMessage(event), [event]);
-  const isIAMPolicyEvent = useMemo9(
+  const textReference = useRef14(null);
+  const parsedMessage = useMemo10(() => parseEventMessage(event), [event]);
+  const isIAMPolicyEvent = useMemo10(
     () => event.event_type === "iam.policy_evaluation" && event.attributes?.payload && typeof event.attributes.payload === "string",
     [event]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     const checkOverflow = () => {
       const element = textReference.current;
       if (element) {
@@ -18533,17 +20479,17 @@ var EventMessage = ({ event }) => {
       window.removeEventListener("resize", checkOverflow);
     };
   }, [parsedMessage.headline]);
-  const hasAdditionalContent = useMemo9(
+  const hasAdditionalContent = useMemo10(
     () => parsedMessage.message || parsedMessage.details || isIAMPolicyEvent,
     [parsedMessage.message, parsedMessage.details, isIAMPolicyEvent]
   );
-  const shouldShowToggle = useMemo9(
+  const shouldShowToggle = useMemo10(
     () => isOverflowing || hasAdditionalContent,
     [isOverflowing, hasAdditionalContent]
   );
   return /* @__PURE__ */ jsxs127(Box12, { sx: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsxs127(Box12, { sx: { alignItems: "center", display: "flex" }, children: [
-      Boolean(shouldShowToggle) && /* @__PURE__ */ jsx136(
+      Boolean(shouldShowToggle) && /* @__PURE__ */ jsx137(
         IconButton3,
         {
           onClick: () => {
@@ -18551,10 +20497,10 @@ var EventMessage = ({ event }) => {
           },
           size: "small",
           sx: { mr: 1, p: 0 },
-          children: isOpen ? /* @__PURE__ */ jsx136(KeyboardArrowDown2, { sx: { fontSize: 16 } }) : /* @__PURE__ */ jsx136(KeyboardArrowRight2, { sx: { fontSize: 16 } })
+          children: isOpen ? /* @__PURE__ */ jsx137(KeyboardArrowDown2, { sx: { fontSize: 16 } }) : /* @__PURE__ */ jsx137(KeyboardArrowRight2, { sx: { fontSize: 16 } })
         }
       ),
-      /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsx137(
         Typography7,
         {
           ref: textReference,
@@ -18572,12 +20518,12 @@ var EventMessage = ({ event }) => {
         }
       )
     ] }),
-    isOpen && /* @__PURE__ */ jsx136(Box12, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: isIAMPolicyEvent ? /* @__PURE__ */ jsx136(IAMEventDetail, { event }) : /* @__PURE__ */ jsxs127(Fragment8, { children: [
-      Boolean(parsedMessage.message) && /* @__PURE__ */ jsx136(DetailRow2, { content: parsedMessage.message, label: "Message" }),
-      Boolean(parsedMessage.details) && /* @__PURE__ */ jsx136(
+    isOpen && /* @__PURE__ */ jsx137(Box12, { sx: { borderColor: "divider", borderLeft: "2px solid", ml: 1, mt: 0.5, pl: 1.5, py: 0.5 }, children: isIAMPolicyEvent ? /* @__PURE__ */ jsx137(IAMEventDetail, { event }) : /* @__PURE__ */ jsxs127(Fragment9, { children: [
+      Boolean(parsedMessage.message) && /* @__PURE__ */ jsx137(DetailRow2, { content: parsedMessage.message, label: "Message" }),
+      Boolean(parsedMessage.details) && /* @__PURE__ */ jsx137(
         DetailRow2,
         {
-          content: /* @__PURE__ */ jsx136(PayloadViewer, { sx: { px: 0 }, value: tryParseJson(parsedMessage.details) }),
+          content: /* @__PURE__ */ jsx137(PayloadViewer, { sx: { px: 0 }, value: tryParseJson(parsedMessage.details) }),
           label: "Details"
         }
       )
@@ -18609,15 +20555,15 @@ var EventDetail = ({
   type
 }) => {
   if (type === "permission") {
-    return /* @__PURE__ */ jsx136(IAMPermissionDetail, { events });
+    return /* @__PURE__ */ jsx137(IAMPermissionDetail, { events });
   }
   const eventLevel = getEventLevelFromGroup(type);
   return /* @__PURE__ */ jsxs127(Box12, { children: [
     /* @__PURE__ */ jsxs127(Box12, { sx: { alignItems: "center", display: "flex", mb: 0.5 }, children: [
-      /* @__PURE__ */ jsx136(StatusIcon, { errorLevel: eventLevel }),
-      /* @__PURE__ */ jsx136(Typography7, { color: "text.secondary", sx: { fontWeight: 600, ml: 0.5 }, variant: "caption", children: displayText })
+      /* @__PURE__ */ jsx137(StatusIcon, { errorLevel: eventLevel }),
+      /* @__PURE__ */ jsx137(Typography7, { color: "text.secondary", sx: { fontWeight: 600, ml: 0.5 }, variant: "caption", children: displayText })
     ] }),
-    /* @__PURE__ */ jsx136(Box12, { children: events.map((event) => /* @__PURE__ */ jsx136(Box12, { sx: { maxWidth: "100%", mb: 0.5 }, children: /* @__PURE__ */ jsx136(EventMessage, { event }) }, `${event.span_id}-${event.event_id}`)) })
+    /* @__PURE__ */ jsx137(Box12, { children: events.map((event) => /* @__PURE__ */ jsx137(Box12, { sx: { maxWidth: "100%", mb: 0.5 }, children: /* @__PURE__ */ jsx137(EventMessage, { event }) }, `${event.span_id}-${event.event_id}`)) })
   ] });
 };
 
@@ -23946,7 +25892,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 = "/";
@@ -23998,9 +25944,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;
   }
@@ -28309,8 +30255,8 @@ var QueryStatus = {
 
 // src/components/event-details/lambda-invoke-logs-section.tsx
 import { Box as Box13, CircularProgress as CircularProgress3, Stack, Typography as Typography8 } from "@mui/material";
-import { useEffect as useEffect18, useMemo as useMemo10, useRef as useRef14, useState as useState14 } from "react";
-import { jsx as jsx137, jsxs as jsxs128 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useMemo as useMemo11, useRef as useRef15, useState as useState14 } from "react";
+import { jsx as jsx138, jsxs as jsxs128 } from "react/jsx-runtime";
 var POLL_INTERVAL_MS = 1e3;
 async function pollQueryResults(client, queryId) {
   return client.send(new GetQueryResultsCommand({ queryId }));
@@ -28327,7 +30273,7 @@ async function startLambdaLogsQuery(client, functionName2, requestId, startTimeS
 }
 function useCloudWatchLogsClient(region) {
   const { localstackEndpoint } = useAppInspector();
-  const client = useMemo10(() => new CloudWatchLogsClient({
+  const client = useMemo11(() => new CloudWatchLogsClient({
     credentials: {
       accessKeyId: "test",
       secretAccessKey: "test"
@@ -28341,9 +30287,9 @@ function useLambdaInvokeLogs(functionName2, requestId, region, startTimeNano, en
   const [loading, setLoading] = useState14(true);
   const [logs, setLogs] = useState14([]);
   const [error, setError] = useState14();
-  const pollTimerRef = useRef14(null);
+  const pollTimerRef = useRef15(null);
   const cloudWatchLogs = useCloudWatchLogsClient(region);
-  useEffect18(() => {
+  useEffect19(() => {
     let cancelled = false;
     const startTimeSec = Math.floor(Number(BigInt(startTimeNano) / BigInt(1e9)));
     const endTimeSec = Math.ceil(Number(BigInt(endTimeNano) / BigInt(1e9)));
@@ -28401,24 +30347,24 @@ var LambdaInvokeLogsSection = ({ endTimeNano, functionName: functionName2, regio
   const { error, loading, logs } = useLambdaInvokeLogs(functionName2, requestId, region, startTimeNano, endTimeNano);
   if (loading) {
     return /* @__PURE__ */ jsxs128(Stack, { alignItems: "center", direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ jsx137(CircularProgress3, { size: 14 }),
-      /* @__PURE__ */ jsx137(Typography8, { color: "text.secondary", variant: "body2", children: "Loading logs\u2026" })
+      /* @__PURE__ */ jsx138(CircularProgress3, { size: 14 }),
+      /* @__PURE__ */ jsx138(Typography8, { color: "text.secondary", variant: "body2", children: "Loading logs\u2026" })
     ] });
   }
   if (error !== void 0) {
-    return /* @__PURE__ */ jsx137(Typography8, { color: "error", variant: "body2", children: error.message });
+    return /* @__PURE__ */ jsx138(Typography8, { color: "error", variant: "body2", children: error.message });
   }
   if (logs.length === 0) {
-    return /* @__PURE__ */ jsx137(Typography8, { color: "text.secondary", variant: "body2", children: "No logs found for this invocation." });
+    return /* @__PURE__ */ jsx138(Typography8, { color: "text.secondary", variant: "body2", children: "No logs found for this invocation." });
   }
-  return /* @__PURE__ */ jsx137(Box13, { sx: { backgroundColor: (theme) => theme.palette.background.default, borderRadius: 1, p: 1 }, children: /* @__PURE__ */ jsx137("pre", { style: { margin: 0, overflow: "auto" }, children: logs.map((log) => /* @__PURE__ */ jsx137(Typography8, { variant: "body2", children: `[${log.timestamp}] ${log.message}` }, log.ptr)) }) });
+  return /* @__PURE__ */ jsx138(Box13, { sx: { backgroundColor: (theme) => theme.palette.background.default, borderRadius: 1, p: 1 }, children: /* @__PURE__ */ jsx138("pre", { style: { margin: 0, overflow: "auto" }, children: logs.map((log) => /* @__PURE__ */ jsx138(Typography8, { variant: "body2", children: `[${log.timestamp}] ${log.message}` }, log.ptr)) }) });
 };
 
 // src/components/event-details/toggle-section.tsx
 import { KeyboardArrowDown as KeyboardArrowDown3, KeyboardArrowRight as KeyboardArrowRight3 } from "@mui/icons-material";
 import { Box as Box14, Typography as Typography9 } from "@mui/material";
 import { useState as useState15 } from "react";
-import { jsx as jsx138, jsxs as jsxs129 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs129 } from "react/jsx-runtime";
 var ToggleSection = ({ action, children, headline, initialOpen = true }) => {
   const [isOpen, setIsOpen] = useState15(initialOpen);
   return /* @__PURE__ */ jsxs129(Box14, { sx: { mt: 4 }, children: [
@@ -28446,23 +30392,23 @@ var ToggleSection = ({ action, children, headline, initialOpen = true }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx138(Typography9, { sx: { fontWeight: 600 }, variant: "subtitle2", children: headline }),
-                isOpen ? /* @__PURE__ */ jsx138(KeyboardArrowDown3, { sx: { color: "text.secondary", height: 20, width: 20 } }) : /* @__PURE__ */ jsx138(KeyboardArrowRight3, { sx: { color: "text.secondary", height: 20, width: 20 } })
+                /* @__PURE__ */ jsx139(Typography9, { sx: { fontWeight: 600 }, variant: "subtitle2", children: headline }),
+                isOpen ? /* @__PURE__ */ jsx139(KeyboardArrowDown3, { sx: { color: "text.secondary", height: 20, width: 20 } }) : /* @__PURE__ */ jsx139(KeyboardArrowRight3, { sx: { color: "text.secondary", height: 20, width: 20 } })
               ]
             }
           ),
-          action !== false && /* @__PURE__ */ jsx138(Box14, { onClick: (event) => {
+          action !== false && /* @__PURE__ */ jsx139(Box14, { onClick: (event) => {
             event.stopPropagation();
           }, children: action })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx138(Box14, { children })
+    isOpen && /* @__PURE__ */ jsx139(Box14, { children })
   ] });
 };
 
 // src/components/event-details/event-details.tsx
-import { Fragment as Fragment9, jsx as jsx139, jsxs as jsxs130 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx140, jsxs as jsxs130 } from "react/jsx-runtime";
 var checkIsLambdaInvoke = (span) => {
   if (span.service_name !== "lambda") {
     return false;
@@ -28477,18 +30423,19 @@ var checkIsSqsSendMessage = (span) => {
   return span.operation_name.startsWith("SendMessage");
 };
 var EventDetails = ({ onClose, selectedEvent }) => {
-  const eventGroups = useMemo11(
+  const eventGroups = useMemo12(
     () => getEventGroupsByType(selectedEvent?.events ?? []),
     [selectedEvent?.events]
   );
   const [parseNestedJson, setParseNestedJson] = useState16(true);
   if (!selectedEvent) {
-    return /* @__PURE__ */ jsx139(Box15, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx139(Typography10, { color: "text.secondary", variant: "body2", children: "Select an event to view details" }) });
+    return /* @__PURE__ */ jsx140(Box15, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx140(Typography10, { color: "text.secondary", variant: "body2", children: "Select an event to view details" }) });
   }
   const isLambdaInvoke = checkIsLambdaInvoke(selectedEvent);
   const isSqsSendMessage = checkIsSqsSendMessage(selectedEvent);
   const requestId = typeof selectedEvent.attributes?.["localstack.request_id"] === "string" ? selectedEvent.attributes["localstack.request_id"] : void 0;
   const resourceArn = typeof selectedEvent.attributes?.["localstack.aws.resource_arn"] === "string" ? selectedEvent.attributes["localstack.aws.resource_arn"] : void 0;
+  const cfnResourceType = typeof selectedEvent.attributes?.["localstack.cfn.resource_type"] === "string" ? selectedEvent.attributes["localstack.cfn.resource_type"] : void 0;
   const requestPayload = tryParseJson(selectedEvent.attributes?.["localstack.aws.service.request"]);
   if (parseNestedJson) {
     if (isLambdaInvoke && requestPayload && typeof requestPayload === "object" && "Payload" in requestPayload) {
@@ -28519,48 +30466,54 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           py: 1
         },
         children: [
-          /* @__PURE__ */ jsx139(Box15, { children: /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "h6", children: "Operation Details" }) }),
-          onClose && /* @__PURE__ */ jsx139(IconButton4, { "data-testid": EVENT_DETAILS_CLOSE_BUTTON_TEST_ID, onClick: onClose, size: "small", children: /* @__PURE__ */ jsx139(Close2, {}) })
+          /* @__PURE__ */ jsx140(Box15, { children: /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "h6", children: "Operation Details" }) }),
+          onClose && /* @__PURE__ */ jsx140(IconButton4, { "data-testid": EVENT_DETAILS_CLOSE_BUTTON_TEST_ID, onClick: onClose, size: "small", children: /* @__PURE__ */ jsx140(Close2, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx139(Box15, { sx: { flexGrow: 1, overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsxs130(Stack2, { spacing: 2, children: [
-      /* @__PURE__ */ jsx139(ToggleSection, { headline: "Basic Information", children: /* @__PURE__ */ jsxs130(Stack2, { "data-testid": EVENT_DETAILS_SECTION_BASIC_INFORMATION_TEST_ID, spacing: 1, children: [
+    /* @__PURE__ */ jsx140(Box15, { sx: { flexGrow: 1, overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsxs130(Stack2, { spacing: 2, children: [
+      /* @__PURE__ */ jsx140(ToggleSection, { headline: "Basic Information", children: /* @__PURE__ */ jsxs130(Stack2, { "data-testid": EVENT_DETAILS_SECTION_BASIC_INFORMATION_TEST_ID, spacing: 1, children: [
         /* @__PURE__ */ jsxs130(Box15, { sx: { display: "grid", gap: 2, gridTemplateColumns: "1.3fr 1fr" }, children: [
           /* @__PURE__ */ jsxs130(Box15, { children: [
-            /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Service" }),
-            /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_SERVICE_NAME_TEST_ID, variant: "body2", children: selectedEvent.service_name })
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Service" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_SERVICE_NAME_TEST_ID, variant: "body2", children: selectedEvent.service_name })
           ] }),
           /* @__PURE__ */ jsxs130(Box15, { children: [
-            /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Operation" }),
-            /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_OPERATION_NAME_TEST_ID, variant: "body2", children: selectedEvent.operation_name })
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Operation" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_OPERATION_NAME_TEST_ID, variant: "body2", children: selectedEvent.operation_name })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs130(Box15, { children: [
-          /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource" }),
-          /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_RESOURCE_NAME_TEST_ID, variant: "body2", children: selectedEvent.resource_name })
+        /* @__PURE__ */ jsxs130(Box15, { sx: cfnResourceType ? { display: "grid", gap: 2, gridTemplateColumns: "1.3fr 1fr" } : void 0, children: [
+          /* @__PURE__ */ jsxs130(Box15, { children: [
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_RESOURCE_NAME_TEST_ID, variant: "body2", children: selectedEvent.resource_name })
+          ] }),
+          Boolean(cfnResourceType) && /* @__PURE__ */ jsxs130(Box15, { children: [
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource Type" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_CFN_RESOURCE_TYPE_TEST_ID, variant: "body2", children: cfnResourceType })
+          ] })
         ] }),
         Boolean(resourceArn) && /* @__PURE__ */ jsxs130(Box15, { children: [
-          /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource ARN" }),
-          /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_RESOURCE_ARN_TEST_ID, variant: "body2", children: resourceArn })
+          /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Resource ARN" }),
+          /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_RESOURCE_ARN_TEST_ID, variant: "body2", children: resourceArn })
         ] }),
         /* @__PURE__ */ jsxs130(Box15, { sx: { display: "grid", gap: 1, gridTemplateColumns: "1.3fr 1fr" }, children: [
           /* @__PURE__ */ jsxs130(Box15, { children: [
-            /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Account" }),
-            /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_ACCOUNT_TEST_ID, variant: "body2", children: selectedEvent.account_id })
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Account" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_ACCOUNT_TEST_ID, variant: "body2", children: selectedEvent.account_id })
           ] }),
           /* @__PURE__ */ jsxs130(Box15, { children: [
-            /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Region" }),
-            /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_REGION_TEST_ID, variant: "body2", children: selectedEvent.region })
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Region" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_REGION_TEST_ID, variant: "body2", children: selectedEvent.region })
           ] })
         ] }),
         /* @__PURE__ */ jsxs130(Box15, { sx: { display: "grid", gap: 1, gridTemplateColumns: duration === void 0 ? "1fr" : "1.3fr 1fr" }, children: [
           /* @__PURE__ */ jsxs130(Box15, { children: [
-            /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Start Time" }),
-            /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_START_TIME_TEST_ID, variant: "body2", children: unixNanoToDate(selectedEvent.start_time_unix_nano)?.toISOString() })
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Start Time" }),
+            /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_START_TIME_TEST_ID, variant: "body2", children: unixNanoToDate(selectedEvent.start_time_unix_nano)?.toISOString() })
           ] }),
           duration !== void 0 && /* @__PURE__ */ jsxs130(Box15, { children: [
-            /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Duration" }),
+            /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Duration" }),
             /* @__PURE__ */ jsxs130(Typography10, { "data-testid": EVENT_DETAILS_DURATION_TEST_ID, variant: "body2", children: [
               duration,
               "ms"
@@ -28568,8 +30521,8 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           ] })
         ] }),
         /* @__PURE__ */ jsxs130(Box15, { children: [
-          /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Status" }),
-          /* @__PURE__ */ jsx139(Stack2, { alignItems: "center", direction: "row", flexWrap: "wrap", gap: 1, sx: { mb: eventGroups.errors || eventGroups.warnings ? 1 : 0 }, children: /* @__PURE__ */ jsx139(
+          /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Status" }),
+          /* @__PURE__ */ jsx140(Stack2, { alignItems: "center", direction: "row", flexWrap: "wrap", gap: 1, sx: { mb: eventGroups.errors || eventGroups.warnings ? 1 : 0 }, children: /* @__PURE__ */ jsx140(
             Chip3,
             {
               color: selectedEvent.status_code === 2 ? "error" : selectedEvent.status_code === 1 ? "success" : "default",
@@ -28580,50 +30533,50 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           ) })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx139(Divider3, {}),
+      /* @__PURE__ */ jsx140(Divider3, {}),
       /* @__PURE__ */ jsxs130(ToggleSection, { headline: "Permissions", children: [
-        selectedEvent.iam_errors_suppressed && /* @__PURE__ */ jsx139(Alert4, { "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__ */ jsx139(Typography10, { color: "text.secondary", variant: "body2", children: "There is no permission information available." }),
-        eventGroups.permissions && /* @__PURE__ */ jsx139(EventDetail, { displayText: "Permissions", events: eventGroups.permissions, type: "permission" }),
-        eventGroups.errors && /* @__PURE__ */ jsx139(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
-        eventGroups.warnings && /* @__PURE__ */ jsx139(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" })
+        selectedEvent.iam_errors_suppressed && /* @__PURE__ */ jsx140(Alert4, { "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__ */ jsx140(Typography10, { color: "text.secondary", variant: "body2", children: "There is no permission information available." }),
+        eventGroups.permissions && /* @__PURE__ */ jsx140(EventDetail, { displayText: "Permissions", events: eventGroups.permissions, type: "permission" }),
+        eventGroups.errors && /* @__PURE__ */ jsx140(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
+        eventGroups.warnings && /* @__PURE__ */ jsx140(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" })
       ] }),
-      hasPayloads && /* @__PURE__ */ jsxs130(Fragment9, { children: [
-        /* @__PURE__ */ jsx139(Divider3, {}),
-        /* @__PURE__ */ jsx139(
+      hasPayloads && /* @__PURE__ */ jsxs130(Fragment10, { children: [
+        /* @__PURE__ */ jsx140(Divider3, {}),
+        /* @__PURE__ */ jsx140(
           ToggleSection,
           {
-            action: /* @__PURE__ */ jsx139(
+            action: /* @__PURE__ */ jsx140(
               FormControlLabel2,
               {
-                control: /* @__PURE__ */ jsx139(Switch, { checked: !parseNestedJson, onChange: (event) => {
+                control: /* @__PURE__ */ jsx140(Switch, { checked: !parseNestedJson, onChange: (event) => {
                   setParseNestedJson(!event.target.checked);
                 }, size: "small" }),
-                label: /* @__PURE__ */ jsx139(Typography10, { variant: "caption", children: "View raw data" }),
+                label: /* @__PURE__ */ jsx140(Typography10, { variant: "caption", children: "View raw data" }),
                 sx: { mr: 0 }
               }
             ),
             headline: "Payloads",
             children: /* @__PURE__ */ jsxs130(Stack2, { spacing: 2, children: [
               requestPayload !== void 0 && /* @__PURE__ */ jsxs130(Box15, { children: [
-                /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Request" }),
-                /* @__PURE__ */ jsx139(PayloadViewer, { testId: EVENT_DETAILS_REQUEST_PAYLOAD, value: requestPayload })
+                /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Request" }),
+                /* @__PURE__ */ jsx140(PayloadViewer, { testId: EVENT_DETAILS_REQUEST_PAYLOAD, value: requestPayload })
               ] }),
               (responsePayload !== void 0 || isResponseSuppressed) && /* @__PURE__ */ jsxs130(Box15, { children: [
-                /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Response" }),
-                isResponseSuppressed ? /* @__PURE__ */ jsx139(Box15, { sx: { py: 1 }, children: /* @__PURE__ */ jsx139(Alert4, { severity: "warning", sx: { mb: 1 }, children: "Response payload is available \u2014 upgrade your license to view" }) }) : /* @__PURE__ */ jsx139(PayloadViewer, { testId: EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID, value: responsePayload })
+                /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Response" }),
+                isResponseSuppressed ? /* @__PURE__ */ jsx140(Box15, { sx: { py: 1 }, children: /* @__PURE__ */ jsx140(Alert4, { severity: "warning", sx: { mb: 1 }, children: "Response payload is available \u2014 upgrade your license to view" }) }) : /* @__PURE__ */ jsx140(PayloadViewer, { testId: EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID, value: responsePayload })
               ] }),
               exceptionPayload !== void 0 && /* @__PURE__ */ jsxs130(Box15, { children: [
-                /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Exception" }),
-                /* @__PURE__ */ jsx139(PayloadViewer, { testId: EVENT_DETAILS_EXCEPTION_PAYLOAD_TEST_ID, value: exceptionPayload })
+                /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Exception" }),
+                /* @__PURE__ */ jsx140(PayloadViewer, { testId: EVENT_DETAILS_EXCEPTION_PAYLOAD_TEST_ID, value: exceptionPayload })
               ] })
             ] })
           }
         )
       ] }),
-      isLambdaInvoke && requestId !== void 0 && /* @__PURE__ */ jsxs130(Fragment9, { children: [
-        /* @__PURE__ */ jsx139(Divider3, {}),
-        /* @__PURE__ */ jsx139(ToggleSection, { headline: "Lambda Logs", children: /* @__PURE__ */ jsx139(
+      isLambdaInvoke && requestId !== void 0 && /* @__PURE__ */ jsxs130(Fragment10, { children: [
+        /* @__PURE__ */ jsx140(Divider3, {}),
+        /* @__PURE__ */ jsx140(ToggleSection, { headline: "Lambda Logs", children: /* @__PURE__ */ jsx140(
           LambdaInvokeLogsSection,
           {
             endTimeNano: selectedEvent.end_time_unix_nano ?? selectedEvent.start_time_unix_nano,
@@ -28634,21 +30587,21 @@ var EventDetails = ({ onClose, selectedEvent }) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx139(Divider3, {}),
-      /* @__PURE__ */ jsx139(ToggleSection, { headline: "Advanced Information", initialOpen: false, children: /* @__PURE__ */ jsxs130(Stack2, { spacing: 1, children: [
+      /* @__PURE__ */ jsx140(Divider3, {}),
+      /* @__PURE__ */ jsx140(ToggleSection, { headline: "Advanced Information", initialOpen: false, children: /* @__PURE__ */ jsxs130(Stack2, { spacing: 1, children: [
         /* @__PURE__ */ jsxs130(Box15, { children: [
-          /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Span ID" }),
-          /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_SPAN_ID_TEST_ID, variant: "body2", children: selectedEvent.span_id })
+          /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Span ID" }),
+          /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_SPAN_ID_TEST_ID, variant: "body2", children: selectedEvent.span_id })
         ] }),
         /* @__PURE__ */ jsxs130(Box15, { children: [
-          /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Trace ID" }),
-          /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_TRACE_ID_TEST_ID, variant: "body2", children: selectedEvent.trace_id })
+          /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Trace ID" }),
+          /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_TRACE_ID_TEST_ID, variant: "body2", children: selectedEvent.trace_id })
         ] }),
         requestId !== void 0 && /* @__PURE__ */ jsxs130(Box15, { children: [
-          /* @__PURE__ */ jsx139(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Request ID" }),
-          /* @__PURE__ */ jsx139(Typography10, { "data-testid": EVENT_DETAILS_REQUEST_ID_TEST_ID, variant: "body2", children: requestId })
+          /* @__PURE__ */ jsx140(Typography10, { sx: { fontWeight: 600 }, variant: "caption", children: "Request ID" }),
+          /* @__PURE__ */ jsx140(Typography10, { "data-testid": EVENT_DETAILS_REQUEST_ID_TEST_ID, variant: "body2", children: requestId })
         ] }),
-        eventGroups.info && /* @__PURE__ */ jsx139(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" })
+        eventGroups.info && /* @__PURE__ */ jsx140(EventDetail, { displayText: "Info", events: eventGroups.info, type: "info" })
       ] }) })
     ] }) })
   ] });
@@ -28658,7 +30611,7 @@ var EventDetails = ({ onClose, selectedEvent }) => {
 import "@xyflow/react/dist/base.css";
 import { Alert as Alert5, Button as Button5, useTheme as useTheme5 } from "@mui/material";
 import { Background, MarkerType, Position as Position2, ReactFlow, useEdgesState, useNodesState } from "@xyflow/react";
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 
 // src/components/trace-graph/service-node.tsx
 import { Box as Box17, Divider as Divider4, Stack as Stack3, Typography as Typography11, useTheme as useTheme4 } from "@mui/material";
@@ -28669,23 +30622,23 @@ import { memo as memo11 } from "react";
 // src/components/trace-graph/problem-indicator.tsx
 import { Error as ErrorIcon2, Info as Info2, Warning as Warning2 } from "@mui/icons-material";
 import { Box as Box16, Tooltip as Tooltip4 } from "@mui/material";
-import { useMemo as useMemo12 } from "react";
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { useMemo as useMemo13 } from "react";
+import { jsx as jsx141 } from "react/jsx-runtime";
 var ProblemIndicator = ({ error }) => {
-  const icon = useMemo12(() => {
+  const icon = useMemo13(() => {
     switch (error.level) {
       case "error": {
-        return /* @__PURE__ */ jsx140(ErrorIcon2, { sx: { color: "#d32f2f", fontSize: "14px" } });
+        return /* @__PURE__ */ jsx141(ErrorIcon2, { sx: { color: "#d32f2f", fontSize: "14px" } });
       }
       case "warning": {
-        return /* @__PURE__ */ jsx140(Warning2, { sx: { color: "#ff9800", fontSize: "14px" } });
+        return /* @__PURE__ */ jsx141(Warning2, { sx: { color: "#ff9800", fontSize: "14px" } });
       }
       default: {
-        return /* @__PURE__ */ jsx140(Info2, { sx: { color: "#2196f3", fontSize: "14px" } });
+        return /* @__PURE__ */ jsx141(Info2, { sx: { color: "#2196f3", fontSize: "14px" } });
       }
     }
   }, [error.level]);
-  const color2 = useMemo12(() => {
+  const color2 = useMemo13(() => {
     switch (error.level) {
       case "error": {
         return "#d32f2f";
@@ -28698,7 +30651,7 @@ var ProblemIndicator = ({ error }) => {
       }
     }
   }, [error.level]);
-  return /* @__PURE__ */ jsx140(Tooltip4, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx141(Tooltip4, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ jsx141(
     Box16,
     {
       sx: {
@@ -28718,7 +30671,7 @@ var ProblemIndicator = ({ error }) => {
 };
 
 // src/components/trace-graph/service-node.tsx
-import { jsx as jsx141, jsxs as jsxs131 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs131 } from "react/jsx-runtime";
 var handleStyle = {
   backgroundColor: "white",
   borderColor: "lightgray",
@@ -28750,8 +30703,8 @@ var ServiceNode = memo11(({ data, selected }) => {
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ jsx141(Handle, { position: Position.Left, style: handleStyle, type: "target" }),
-        /* @__PURE__ */ jsx141(Handle, { position: Position.Right, style: handleStyle, type: "source" }),
+        /* @__PURE__ */ jsx142(Handle, { position: Position.Left, style: handleStyle, type: "target" }),
+        /* @__PURE__ */ jsx142(Handle, { position: Position.Right, style: handleStyle, type: "source" }),
         /* @__PURE__ */ jsxs131(
           Stack3,
           {
@@ -28759,9 +30712,9 @@ var ServiceNode = memo11(({ data, selected }) => {
             direction: "row",
             sx: { gap: "8px", pb: "2px", pt: "6px", px: "8px" },
             children: [
-              /* @__PURE__ */ jsx141(Box17, { sx: { borderRadius: "4px", flexShrink: 0, lineHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx141(AwsServiceIcon, { hideTooltip: true, service: data.event.service_name, size: "medium" }) }),
+              /* @__PURE__ */ jsx142(Box17, { sx: { borderRadius: "4px", flexShrink: 0, lineHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx142(AwsServiceIcon, { hideTooltip: true, service: data.event.service_name, size: "medium" }) }),
               /* @__PURE__ */ jsxs131(Stack3, { sx: { minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx141(
+                /* @__PURE__ */ jsx142(
                   Typography11,
                   {
                     noWrap: true,
@@ -28770,7 +30723,7 @@ var ServiceNode = memo11(({ data, selected }) => {
                     children: data.event.service_name
                   }
                 ),
-                data.event.resource_name != "" && /* @__PURE__ */ jsx141(
+                data.event.resource_name != "" && /* @__PURE__ */ jsx142(
                   Typography11,
                   {
                     color: "text.secondary",
@@ -28784,7 +30737,7 @@ var ServiceNode = memo11(({ data, selected }) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsx141(Divider4, { sx: { ml: "38px", mr: "8px", my: "5px" } }),
+        /* @__PURE__ */ jsx142(Divider4, { sx: { ml: "38px", mr: "8px", my: "5px" } }),
         /* @__PURE__ */ jsxs131(
           Stack3,
           {
@@ -28792,7 +30745,7 @@ var ServiceNode = memo11(({ data, selected }) => {
             direction: "row",
             sx: { minWidth: 0, pb: "5px", pr: "8px", pt: "1px" },
             children: [
-              /* @__PURE__ */ jsx141(
+              /* @__PURE__ */ jsx142(
                 Box17,
                 {
                   sx: {
@@ -28802,10 +30755,10 @@ var ServiceNode = memo11(({ data, selected }) => {
                     justifyContent: "center",
                     width: "38px"
                   },
-                  children: hasErrors && data.event.errors?.map((error) => /* @__PURE__ */ jsx141(ProblemIndicator, { error }, error.span_id))
+                  children: hasErrors && data.event.errors?.map((error) => /* @__PURE__ */ jsx142(ProblemIndicator, { error }, error.span_id))
                 }
               ),
-              /* @__PURE__ */ jsx141(
+              /* @__PURE__ */ jsx142(
                 Typography11,
                 {
                   "data-testid": SERVICE_NODE_OPERATION_NAME_TEST_ID,
@@ -28883,7 +30836,7 @@ import { Box as Box18, IconButton as IconButton5 } from "@mui/material";
 import { useReactFlow, useStore as useStore2 } from "@xyflow/react";
 import { memo as memo12 } from "react";
 import { shallow } from "zustand/shallow";
-import { jsx as jsx142, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs132 } from "react/jsx-runtime";
 var selector = (s2) => ({
   isInteractive: s2.nodesDraggable || s2.nodesConnectable || s2.elementsSelectable,
   maxZoomReached: s2.transform[2] >= s2.maxZoom,
@@ -28915,33 +30868,33 @@ var Controls = memo12(() => {
         zIndex: 5
       },
       children: [
-        /* @__PURE__ */ jsx142(
+        /* @__PURE__ */ jsx143(
           IconButton5,
           {
             className: "react-flow__controls-zoomin",
             disabled: maxZoomReached,
             onClick: onZoomInHandler,
             size: "small",
-            children: /* @__PURE__ */ jsx142(Add, {})
+            children: /* @__PURE__ */ jsx143(Add, {})
           }
         ),
-        /* @__PURE__ */ jsx142(
+        /* @__PURE__ */ jsx143(
           IconButton5,
           {
             className: "react-flow__controls-zoomout",
             disabled: minZoomReached,
             onClick: onZoomOutHandler,
             size: "small",
-            children: /* @__PURE__ */ jsx142(Remove, {})
+            children: /* @__PURE__ */ jsx143(Remove, {})
           }
         ),
-        /* @__PURE__ */ jsx142(
+        /* @__PURE__ */ jsx143(
           IconButton5,
           {
             className: "react-flow__controls-fitview",
             onClick: onFitViewHandler,
             size: "small",
-            children: /* @__PURE__ */ jsx142(FitScreen, {})
+            children: /* @__PURE__ */ jsx143(FitScreen, {})
           }
         )
       ]
@@ -28950,7 +30903,7 @@ var Controls = memo12(() => {
 });
 
 // src/components/trace-graph/trace-graph.tsx
-import { Fragment as Fragment10, jsx as jsx143, jsxs as jsxs133 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx144, jsxs as jsxs133 } from "react/jsx-runtime";
 var nodeTypes = {
   service: ServiceNode
 };
@@ -28963,7 +30916,7 @@ var TraceGraph = ({
 }) => {
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges] = useEdgesState([]);
-  useEffect19(() => {
+  useEffect20(() => {
     const allNodes = [];
     const allEdges = [];
     for (const span of spans.data ?? []) {
@@ -29014,11 +30967,11 @@ var TraceGraph = ({
     setEdges(layoutedEdges);
   }, [spans.data, initialFocusEventId, order2, setNodes, setEdges]);
   const theme = useTheme5();
-  return /* @__PURE__ */ jsxs133(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs133(Fragment11, { children: [
     spans.error && /* @__PURE__ */ jsxs133(
       Alert5,
       {
-        action: /* @__PURE__ */ jsx143(Button5, { onClick: () => {
+        action: /* @__PURE__ */ jsx144(Button5, { onClick: () => {
           onRefresh();
         }, children: "Retry" }),
         severity: "error",
@@ -29047,8 +31000,8 @@ var TraceGraph = ({
         onNodesChange,
         selectNodesOnDrag: false,
         children: [
-          /* @__PURE__ */ jsx143(Controls, {}),
-          /* @__PURE__ */ jsx143(
+          /* @__PURE__ */ jsx144(Controls, {}),
+          /* @__PURE__ */ jsx144(
             Background,
             {
               bgColor: theme.palette.background.default,
@@ -29062,7 +31015,7 @@ var TraceGraph = ({
 };
 
 // src/pages/trace-graph-page.tsx
-import { Fragment as Fragment11, jsx as jsx144, jsxs as jsxs134 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx145, jsxs as jsxs134 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 56;
 var DRAWER_WIDTH = "35%";
 var Main = styled("main", { shouldForwardProp: (property) => property !== "open" })(({ open, theme }) => ({
@@ -29126,12 +31079,12 @@ var TraceGraphView = ({
       },
       children: [
         /* @__PURE__ */ jsxs134(Box19, { sx: { display: "flex", width: "100%" }, children: [
-          /* @__PURE__ */ jsx144(Button6, { onClick: () => {
+          /* @__PURE__ */ jsx145(Button6, { onClick: () => {
             navigateToSpansList();
-          }, startIcon: /* @__PURE__ */ jsx144(ArrowBack, {}), children: "Go back" }),
-          /* @__PURE__ */ jsx144(Box19, { sx: { flexGrow: 1 } })
+          }, startIcon: /* @__PURE__ */ jsx145(ArrowBack, {}), children: "Go back" }),
+          /* @__PURE__ */ jsx145(Box19, { sx: { flexGrow: 1 } })
         ] }),
-        /* @__PURE__ */ jsx144(
+        /* @__PURE__ */ jsx145(
           Paper3,
           {
             sx: {
@@ -29141,7 +31094,7 @@ var TraceGraphView = ({
               position: "relative",
               width: "100%"
             },
-            children: shouldShowStatusMessage ? /* @__PURE__ */ jsx144(
+            children: shouldShowStatusMessage ? /* @__PURE__ */ jsx145(
               StatusMessage,
               {
                 error: statusError,
@@ -29149,15 +31102,15 @@ var TraceGraphView = ({
                 onRetry: handleRetry,
                 status
               }
-            ) : /* @__PURE__ */ jsxs134(Fragment11, { children: [
-              /* @__PURE__ */ jsx144(Main, { open, children: /* @__PURE__ */ jsx144(
+            ) : /* @__PURE__ */ jsxs134(Fragment12, { children: [
+              /* @__PURE__ */ jsx145(Main, { open, children: /* @__PURE__ */ jsx145(
                 Box19,
                 {
                   sx: {
                     height: "100%",
                     overflow: "auto"
                   },
-                  children: traceId !== void 0 && /* @__PURE__ */ jsx144(ReactFlowProvider, { children: /* @__PURE__ */ jsx144(
+                  children: traceId !== void 0 && /* @__PURE__ */ jsx145(ReactFlowProvider, { children: /* @__PURE__ */ jsx145(
                     TraceGraph,
                     {
                       initialFocusEventId: spanId,
@@ -29175,7 +31128,7 @@ var TraceGraphView = ({
                   ) })
                 }
               ) }),
-              /* @__PURE__ */ jsx144(StyledDrawer, { anchor: "right", open, variant: "persistent", children: /* @__PURE__ */ jsx144(EventDetails, { onClose: handleClose, selectedEvent }) })
+              /* @__PURE__ */ jsx145(StyledDrawer, { anchor: "right", open, variant: "persistent", children: /* @__PURE__ */ jsx145(EventDetails, { onClose: handleClose, selectedEvent }) })
             ] })
           }
         )
@@ -29235,19 +31188,19 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
       setLoading(false);
     }
   }, [api, traceId]);
-  useEffect20(() => {
+  useEffect21(() => {
     void fetchSpans();
   }, [fetchSpans]);
   const [open, setOpen] = useState17(true);
   const [selectedEvent, setSelectedEvent] = useState17(() => spans?.find((span) => span.span_id === spanId));
-  const spansReference = useRef15();
-  useEffect20(() => {
+  const spansReference = useRef16();
+  useEffect21(() => {
     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 { checkStatus, status, statusError } = useAppInspectorStatus();
   const handleEnable = useCallback9(async () => {
     await api.setStatus({ status: "ENABLED" });
     void checkStatus();
@@ -29263,7 +31216,7 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
   const navigateToSpansList = useCallback9(() => {
     onClose?.();
   }, [onClose]);
-  return /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx145(
     TraceGraphView,
     {
       fetchError,
@@ -29289,12 +31242,10 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
 };
 
 // src/pages/spans-list-page.tsx
-import { Fragment as Fragment12, jsx as jsx145, jsxs as jsxs135 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx146, jsxs as jsxs135 } from "react/jsx-runtime";
 var SpansListPage = () => {
   const api = useAppInspectorApi();
   const {
-    checking,
-    checkStatus,
     clearingSpans,
     clearSpans,
     fetchBackward,
@@ -29307,13 +31258,12 @@ var SpansListPage = () => {
     iamErrorCount,
     licenseLimit,
     spans,
-    status,
-    statusError,
     streamPaused,
     systemLimit,
     toggleStream,
     totalCount
   } = useSpans();
+  const { checking, checkStatus, status, statusError } = useAppInspectorStatus();
   const clearSpansSync = useCallback10(() => {
     void clearSpans();
   }, [clearSpans]);
@@ -29335,7 +31285,7 @@ var SpansListPage = () => {
     void checkStatus();
   }, [api, checkStatus]);
   const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
-  return /* @__PURE__ */ jsxs135(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs135(Fragment13, { children: [
     /* @__PURE__ */ jsxs135(
       Box20,
       {
@@ -29352,7 +31302,7 @@ var SpansListPage = () => {
           width: "100%"
         },
         children: [
-          !checking && !shouldShowStatusMessage && /* @__PURE__ */ jsx145(
+          !checking && !shouldShowStatusMessage && /* @__PURE__ */ jsx146(
             EmulatorVersionBanner,
             {
               compatibility: bannerDismissed && versionCompatibility === "warning" ? "ok" : versionCompatibility,
@@ -29362,7 +31312,7 @@ var SpansListPage = () => {
               } : void 0
             }
           ),
-          shouldShowStatusMessage ? /* @__PURE__ */ jsx145(
+          shouldShowStatusMessage ? /* @__PURE__ */ jsx146(
             StatusMessage,
             {
               error: statusError,
@@ -29371,7 +31321,7 @@ var SpansListPage = () => {
               onRetry: handleRetry,
               status
             }
-          ) : /* @__PURE__ */ jsx145(
+          ) : /* @__PURE__ */ jsx146(
             SpansList,
             {
               clearingSpans,
@@ -29398,7 +31348,7 @@ var SpansListPage = () => {
         ]
       }
     ),
-    selectedTraceId !== void 0 && /* @__PURE__ */ jsx145(TraceGraphPage, { onClose: () => {
+    selectedTraceId !== void 0 && /* @__PURE__ */ jsx146(TraceGraphPage, { onClose: () => {
       setSelectedTraceId(void 0);
     }, order: order2, spanId: selectedSpanId, traceId: selectedTraceId })
   ] });