@luxonis/visualizer-protobuf 2.68.8 → 2.68.10

package/dist/{index-BIIHWu1p.js → index-DgJK8CVA.js}

@@ -1,11 +1,11 @@
-import { d as dist$1, e as estimateObjectSize, r as reportError, A as AppError, b as baseFlatten, a as baseEach, c as baseIteratee, f as baseDifference, g as getTag, h as baseKeys, i as baseIsEqual, j as castPath, t as toKey, k as baseGet, l as hasIn, s as sendNotification, m as shallowequal, u as useGuaranteedContext, n as getPanelIdsInsideTabPanels, o as getPanelTypeFromId, T as TAB_PANEL_TYPE, p as removePanelFromTabPanel, q as getPanelIdForType, v as getPathFromNode, w as updateTabPanelLayout, x as getSaveConfigsPayloadForAddedPanel, y as replaceAndRemovePanels, z as inlineTabPanelLayouts, B as getAllPanelIds, C as getConfigsForNestedPanelsInsideTab, D as reorderTabWithinTabPanel, E as moveTabBetweenTabPanels, F as isTabPanelConfig, G as DEFAULT_TAB_PANEL_CONFIG, H as addPanelToTab, I as createAddUpdates, J as filterMap, L as Logger, K as uniq$2, M as useShallowMemo, N as CurrentLayoutContext, O as MessageOrderTracker, P as AppConfigurationContext, _ as __assign$8, Q as __rest$5, R as __spreadArray$5 } from './depth-CFY2W_Vf.js';
+import { L as Logger, d as dist$1, r as reportError, A as AppError, b as baseFlatten, a as baseEach, c as baseIteratee, e as baseDifference, g as getTag, f as baseKeys, h as baseIsEqual, i as castPath, t as toKey, j as baseGet, k as hasIn, s as sendNotification, l as shallowequal, u as useGuaranteedContext, m as getPanelIdsInsideTabPanels, n as getPanelTypeFromId, T as TAB_PANEL_TYPE, o as removePanelFromTabPanel, p as getPanelIdForType, q as getPathFromNode, v as updateTabPanelLayout, w as getSaveConfigsPayloadForAddedPanel, x as replaceAndRemovePanels, y as inlineTabPanelLayouts, z as getAllPanelIds, B as getConfigsForNestedPanelsInsideTab, C as reorderTabWithinTabPanel, D as moveTabBetweenTabPanels, E as isTabPanelConfig, F as DEFAULT_TAB_PANEL_CONFIG, G as addPanelToTab, H as createAddUpdates, I as filterMap, J as uniq$2, K as useShallowMemo, M as CurrentLayoutContext, N as MessageOrderTracker, O as AppConfigurationContext, _ as __assign$8, P as __rest$5, Q as __spreadArray$5 } from './depth-BEHWbtlK.js';
 import { w as wrap$3, p as proxy } from './comlink-CsH1ih07.js';
 import { u as uint8ArrayToUint16Array } from './utils-Hzt3wxhG.js';
-import { p as protobufsBySchema, a as protobufSchemaNameToType, g as getDefaultExportFromCjs, c as commonjsGlobal } from './protobuf-BFCtaU7c.js';
+import { p as protobufsBySchema, a as protobufSchemaNameToType, g as getDefaultExportFromCjs, c as commonjsGlobal } from './protobuf-CUXoOgMk.js';
 import * as React$1 from 'react';
 import React__default, { useRef, useMemo, createContext, useContext, forwardRef, createElement, useState, Component, useCallback, useEffect, useLayoutEffect, useReducer, useImperativeHandle, Fragment as Fragment$1, Suspense } from 'react';
-import { B as BinaryOpcode } from './FoxgloveServer-h5m-pXp3.js';
-import { p as parseFoxgloveMessage } from './foxglove-protocol-BSYuI-q2.js';
+import { B as BinaryOpcode } from './FoxgloveServer-VUfAN9DL.js';
+import { p as parseFoxgloveMessage } from './foxglove-protocol-DuBdoM6O.js';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { getLeaves, createRemoveUpdate, updateTree, createHideUpdate, createDragToUpdates, getNodeAtPath, MosaicContext, MosaicWindowContext } from 'react-mosaic-component';
@@ -15,7 +15,7 @@ import { ThemeContext, __unsafe_useEmotionCache } from '@emotion/react';
 import require$$1 from 'object-assign';
 import { createStore, useStore } from 'zustand';
 import { s as setToString, o as overRest, i as isArray, b as baseRest, a as isArrayLikeObject, c as isArrayLike, d as isBuffer, e as isTypedArray, f as isArguments, g as isPrototype, h as isObject$2, j as isIndex } from './isArrayLikeObject-Bytw9p-q.js';
-import { jsx as jsx$2, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx as jsx$2, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import 'react-syntax-highlighter/dist/esm/styles/prism';
@@ -26,7 +26,7 @@ import { defineGlobalStyles, defineTokens as defineTokens$1, defineKeyframes, de
 
 var e=[],t$1=[];function n$1(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t$1[u]={}),a=t$1[u]&&t$1[u][s]?t$1[u][s]:t$1[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css$b = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-700: oklch(0.373 0.034 259.733);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --font-weight-semibold: 600;\n    --radius-lg: 0.5rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentColor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .static {\n    position: static;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-\\[60\\%\\%\\] {\n    max-width: 60%%;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\[\\#d3d3d3d9\\] {\n    border-color: #d3d3d3d9;\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .text-\\[14px\\]\\/\\[14px\\] {\n    font-size: 14px;\n    line-height: 14px;\n  }\n  .text-\\[20px\\]\\/\\[20px\\] {\n    font-size: 20px;\n    line-height: 20px;\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .xl\\:flex-row {\n    @media (width >= 80rem) {\n      flex-direction: row;\n    }\n  }\n  .xl\\:items-end {\n    @media (width >= 80rem) {\n      align-items: flex-end;\n    }\n  }\n  .xl\\:pb-\\[2px\\] {\n    @media (width >= 80rem) {\n      padding-bottom: 2px;\n    }\n  }\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-outline-style: solid;\n    }\n  }\n}\n";
+var css$b = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-700: oklch(0.373 0.034 259.733);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --font-weight-semibold: 600;\n    --radius-lg: 0.5rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentColor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .static {\n    position: static;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-\\[60\\%\\%\\] {\n    max-width: 60%%;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\[\\#d3d3d3d9\\] {\n    border-color: #d3d3d3d9;\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .text-\\[14px\\]\\/\\[14px\\] {\n    font-size: 14px;\n    line-height: 14px;\n  }\n  .text-\\[20px\\]\\/\\[20px\\] {\n    font-size: 20px;\n    line-height: 20px;\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-nowrap {\n    text-wrap: nowrap;\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .xl\\:flex-row {\n    @media (width >= 80rem) {\n      flex-direction: row;\n    }\n  }\n  .xl\\:items-end {\n    @media (width >= 80rem) {\n      align-items: flex-end;\n    }\n  }\n  .xl\\:pb-\\[2px\\] {\n    @media (width >= 80rem) {\n      padding-bottom: 2px;\n    }\n  }\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-outline-style: solid;\n    }\n  }\n}\n";
 n$1(css$b,{});
 
 // This Source Code Form is subject to the terms of the Mozilla Public
@@ -447,6 +447,90 @@ class Condvar {
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
+const log$7 = Logger.getLogger("src/index.ts");
+/**
+ * Values of the contants below are a (more or less) informed guesses and not guaranteed to be accurate.
+ */
+const COMPRESSED_POINTER_SIZE = 4; // Pointers use 4 bytes (also on 64-bit systems) due to pointer compression
+const OBJECT_BASE_SIZE = 3 * COMPRESSED_POINTER_SIZE; // 3 compressed pointers
+// Arrays have an additional length property (1 pointer) and a backing store header (2 pointers)
+// See https://stackoverflow.com/a/70550693.
+const ARRAY_BASE_SIZE = OBJECT_BASE_SIZE + 3 * COMPRESSED_POINTER_SIZE;
+const TYPED_ARRAY_BASE_SIZE = 25 * COMPRESSED_POINTER_SIZE; // byteLength, byteOffset, ..., see https://stackoverflow.com/a/45808835
+const SMALL_INTEGER_SIZE = COMPRESSED_POINTER_SIZE; // Small integers (up to 31 bits), pointer tagging
+const HEAP_NUMBER_SIZE = 8 + 2 * COMPRESSED_POINTER_SIZE; // 4-byte map pointer + 8-byte payload + property pointer
+const MAX_NUM_FAST_PROPERTIES = 1020;
+
+/**
+ * Estimate the size in bytes of an arbitrary object or primitive.
+ * @param obj Object or primitive to estimate the size for
+ * @returns Estimated size in bytes
+ */
+function estimateObjectSize(obj) {
+  // catches null and undefined
+  // typeof null == "object"
+  if (obj == undefined) {
+    return SMALL_INTEGER_SIZE;
+  }
+  switch (typeof obj) {
+    case "undefined":
+    case "boolean":
+      {
+        return SMALL_INTEGER_SIZE;
+      }
+    case "number":
+      {
+        return Number.isInteger(obj) ? SMALL_INTEGER_SIZE : HEAP_NUMBER_SIZE;
+      }
+    case "bigint":
+      {
+        return HEAP_NUMBER_SIZE;
+      }
+    case "string":
+      {
+        // The string length is rounded up to the next multiple of 4.
+        return COMPRESSED_POINTER_SIZE + OBJECT_BASE_SIZE + Math.ceil(obj.length / 4) * 4;
+      }
+    case "object":
+      {
+        if (Array.isArray(obj)) {
+          return COMPRESSED_POINTER_SIZE + ARRAY_BASE_SIZE + Object.values(obj).reduce((acc, val) => acc + estimateObjectSize(val), 0);
+        } else if (ArrayBuffer.isView(obj)) {
+          return TYPED_ARRAY_BASE_SIZE + obj.byteLength;
+        } else if (obj instanceof Set) {
+          return COMPRESSED_POINTER_SIZE + OBJECT_BASE_SIZE + Array.from(obj.values()).reduce((acc, val) => acc + estimateObjectSize(val), 0);
+        } else if (obj instanceof Map) {
+          return COMPRESSED_POINTER_SIZE + OBJECT_BASE_SIZE + Array.from(obj.entries()).reduce((acc, [key, val]) => acc + estimateObjectSize(key) + estimateObjectSize(val), 0);
+        }
+        let propertiesSize = 0;
+        const numProps = Object.keys(obj).length;
+        if (numProps > MAX_NUM_FAST_PROPERTIES) {
+          // If there are too many properties, V8 stores Objects in dictionary mode (slow properties)
+          // with each object having a self-contained dictionary. This dictionary contains the key, value
+          // and details of properties. Below we estimate the size of this additional dictionary. Formula
+          // adapted from
+          // medium.com/@bpmxmqd/v8-engine-jsobject-structure-analysis-and-memory-optimization-ideas-be30cfcdcd16
+          const propertiesDictSize = 16 + 5 * 8 + 2 ** Math.ceil(Math.log2((numProps + 2) * 1.5)) * 3 * 4;
+          // In return, properties are no longer stored in the properties array, so we subtract that.
+          propertiesSize = propertiesDictSize - numProps * COMPRESSED_POINTER_SIZE;
+        }
+        const valuesSize = Object.values(obj).reduce((acc, val) => acc + estimateObjectSize(val), 0);
+        return OBJECT_BASE_SIZE + propertiesSize + valuesSize;
+      }
+    case "symbol":
+    case "function":
+      {
+        throw new Error(`Can't estimate size of type '${typeof obj}'`);
+      }
+  }
+  log$7.error(`Can't estimate size of type '${typeof obj}'`);
+  return SMALL_INTEGER_SIZE;
+}
+
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+
 const MAX_SAMPLE_SIZE = 100;
 function constructKeyForTopicRenderMetrics(key, topic) {
   return `${key}:${topic}`;
@@ -799,7 +883,7 @@ class ConfigStore {
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
 function initWorker(callback) {
-  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-DAmdYYfb.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-C4T3Eokf.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -20996,7 +21080,7 @@ class WebRtcBridge extends ArtificialWorker {
   constructor(automaticTokenRefresh) {
     super();
     this.automaticTokenRefresh = automaticTokenRefresh;
-    this.#worker = new Worker(new URL("worker-BaUgfqvr.js", import.meta.url), {
+    this.#worker = new Worker(new URL("worker-B98aztFc.js", import.meta.url), {
       type: "module"
     });
     this.#setupArtificialWorker();
@@ -21215,7 +21299,7 @@ class VisualizerConnection extends FoxgloveConnection {
     let worker;
     if (type === "ws") {
       this.#url = data.connectionUrl;
-      worker = new Worker(new URL("worker-BpVhgPF8.js", import.meta.url), {
+      worker = new Worker(new URL("worker-BKBqfM0E.js", import.meta.url), {
         type: "module"
       });
     } else {
@@ -25851,7 +25935,7 @@ n$1(css$a,{});
 var css$9 = "/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono-Italic.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono-BoldItalic.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono-Bold.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n";
 n$1(css$9,{});
 
-const useStyles$3 = makeStyles()(({
+const useStyles$4 = makeStyles()(({
   palette,
   typography
 }) => ({
@@ -26056,7 +26140,7 @@ const useStyles$3 = makeStyles()(({
 function CssBaseline(props) {
   const {
     classes
-  } = useStyles$3();
+  } = useStyles$4();
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes.root
   }, props.children);
@@ -26077,7 +26161,7 @@ function _extends$3() {
   return _extends$3.apply(this, arguments);
 }
 
-const useStyles$2 = makeStyles({
+const useStyles$3 = makeStyles({
   name: "FoxgloveStack"
 })((theme, props) => ({
   root: {
@@ -26158,7 +26242,7 @@ const useStyles$2 = makeStyles({
     })
   }
 }));
-var Stack$1 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
+var Stack$2 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   const {
     alignItems,
     alignSelf,
@@ -26202,7 +26286,7 @@ var Stack$1 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   const {
     classes,
     cx
-  } = useStyles$2({
+  } = useStyles$3({
     alignItems,
     alignSelf,
     direction,
@@ -26245,7 +26329,7 @@ var Stack$1 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   }, rest), children);
 });
 
-const useStyles$1 = makeStyles()(theme => ({
+const useStyles$2 = makeStyles()(theme => ({
   grid: {
     display: "grid",
     gridTemplateRows: "auto 1fr auto",
@@ -26283,7 +26367,7 @@ function ErrorStacktrace({
 }) {
   const {
     classes
-  } = useStyles$1();
+  } = useStyles$2();
   const lines = (hideSourceLocations ? sanitizeStack(stack) : stack).trim().replace(/^\s*at /gm, "").split("\n").map(line => line.trim());
   return /*#__PURE__*/React__default.createElement("pre", {
     className: classes.errorDetailStack
@@ -26300,7 +26384,7 @@ function ErrorStacktrace({
 function ErrorDisplay(props) {
   const {
     classes
-  } = useStyles$1();
+  } = useStyles$2();
   const {
     error,
     errorInfo,
@@ -26330,10 +26414,10 @@ function ErrorDisplay(props) {
   }, [error, errorInfo, hideErrorSourceLocations, showErrorDetails]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes.grid
-  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+  }, /*#__PURE__*/React__default.createElement(Stack$2, {
     gap: 2,
     paddingBottom: 2
-  }, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Stack$2, null, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h4",
     gutterBottom: true
   }, props.title ?? "The app encountered an unexpected error"), /*#__PURE__*/React__default.createElement(Typography, {
@@ -26354,7 +26438,7 @@ function ErrorDisplay(props) {
   }, props.actions));
 }
 
-class ErrorBoundary extends Component {
+let ErrorBoundary$1 = class ErrorBoundary extends Component {
   state = {
     currentError: undefined
   };
@@ -26369,7 +26453,7 @@ class ErrorBoundary extends Component {
   }
   render() {
     if (this.state.currentError) {
-      const actions = this.props.actions ?? /*#__PURE__*/React__default.createElement(Stack$1, {
+      const actions = this.props.actions ?? /*#__PURE__*/React__default.createElement(Stack$2, {
         fullHeight: true,
         flex: "auto",
         alignItems: "flex-end",
@@ -26402,7 +26486,7 @@ class ErrorBoundary extends Component {
     }
     return this.props.children;
   }
-}
+};
 
 /** GlobalCss component configures html, body, and #root with theme elements */
 function GlobalCss() {
@@ -34535,7 +34619,7 @@ const VisualizerContext = /*#__PURE__*/React__default.memo(function VisualizerCo
     value: appConfiguration
   }, /*#__PURE__*/React__default.createElement(DndProvider, {
     backend: HTML5Backend
-  }, /*#__PURE__*/React__default.createElement(WorkspaceContextProvider, null, /*#__PURE__*/React__default.createElement(GlobalCss, null), /*#__PURE__*/React__default.createElement(CssBaseline, null, /*#__PURE__*/React__default.createElement(ErrorBoundary, null, /*#__PURE__*/React__default.createElement(TimelineInteractionStateProvider, null, /*#__PURE__*/React__default.createElement(CurrentLayoutProvider, null, /*#__PURE__*/React__default.createElement(ConnectionsProvider, {
+  }, /*#__PURE__*/React__default.createElement(WorkspaceContextProvider, null, /*#__PURE__*/React__default.createElement(GlobalCss, null), /*#__PURE__*/React__default.createElement(CssBaseline, null, /*#__PURE__*/React__default.createElement(ErrorBoundary$1, null, /*#__PURE__*/React__default.createElement(TimelineInteractionStateProvider, null, /*#__PURE__*/React__default.createElement(CurrentLayoutProvider, null, /*#__PURE__*/React__default.createElement(ConnectionsProvider, {
     value: connections
   }, /*#__PURE__*/React__default.createElement(MessagePipelineProvider, null, /*#__PURE__*/React__default.createElement(EventsProvider, null, /*#__PURE__*/React__default.createElement(MosaicContext.Provider, {
     value: mosaicContext
@@ -34546,6 +34630,126 @@ const VisualizerContext = /*#__PURE__*/React__default.memo(function VisualizerCo
   }, /*#__PURE__*/React__default.createElement(PanelStateContextProvider, null, children))))))))))))));
 });
 
+const useStyles$1 = makeStyles({ name: "FoxgloveStack" })((theme, props) => ({
+    root: {
+        display: props.inline === true ? "inline-flex" : "flex",
+        flexDirection: props.direction,
+        flex: props.flex,
+        flexBasis: props.flexBasis,
+        flexShrink: props.flexShrink,
+        flexGrow: props.flexGrow,
+        flexWrap: props.flexWrap,
+        justifyContent: props.justifyContent,
+        alignItems: props.alignItems,
+        alignContent: props.alignContent,
+        alignSelf: props.alignSelf,
+        order: props.order,
+        overflow: props.overflow,
+        overflowX: props.overflowX,
+        overflowY: props.overflowY,
+        position: props.position,
+        ...(props.zeroMinWidth === true && {
+            minWidth: 0,
+        }),
+        ...(props.fullHeight === true && {
+            height: "100%",
+        }),
+        ...(props.fullWidth === true && {
+            width: "100%",
+        }),
+        ...(props.gap != undefined && {
+            gap: theme.spacing(props.gap),
+        }),
+        ...(props.gapX != undefined && {
+            rowGap: theme.spacing(props.gapX),
+        }),
+        ...(props.gapY != undefined && {
+            columnGap: theme.spacing(props.gapY),
+        }),
+        ...(props.padding != undefined && {
+            padding: theme.spacing(props.padding),
+        }),
+        ...(props.paddingX != undefined && {
+            paddingLeft: theme.spacing(props.paddingX),
+            paddingRight: theme.spacing(props.paddingX),
+        }),
+        ...(props.paddingY != undefined && {
+            paddingTop: theme.spacing(props.paddingY),
+            paddingBottom: theme.spacing(props.paddingY),
+        }),
+        ...(props.paddingTop != undefined && {
+            paddingTop: theme.spacing(props.paddingTop),
+        }),
+        ...(props.paddingBottom != undefined && {
+            paddingBottom: theme.spacing(props.paddingBottom),
+        }),
+        ...(props.paddingLeft != undefined && {
+            paddingLeft: theme.spacing(props.paddingLeft),
+        }),
+        ...(props.paddingRight != undefined && {
+            paddingRight: theme.spacing(props.paddingRight),
+        }),
+        ...(props.paddingBlock != undefined && {
+            paddingBlock: theme.spacing(props.paddingBlock),
+        }),
+        ...(props.paddingBlockStart != undefined && {
+            paddingBlockStart: theme.spacing(props.paddingBlockStart),
+        }),
+        ...(props.paddingBlockEnd != undefined && {
+            paddingBlockEnd: theme.spacing(props.paddingBlockEnd),
+        }),
+        ...(props.paddingInline != undefined && {
+            paddingInline: theme.spacing(props.paddingInline),
+        }),
+        ...(props.paddingInlineStart != undefined && {
+            paddingInlineStart: theme.spacing(props.paddingInlineStart),
+        }),
+        ...(props.paddingInlineEnd != undefined && {
+            paddingInlineEnd: theme.spacing(props.paddingInlineEnd),
+        }),
+    },
+}));
+var Stack$1 = forwardRef(function Stack(props, ref) {
+    const { alignItems, alignSelf, children, className, direction = "column", flex, flexBasis, flexGrow, flexShrink, flexWrap, fullHeight = false, fullWidth = false, gap, gapX, gapY, inline = false, justifyContent, order, overflow, overflowX, overflowY, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, position, style, zeroMinWidth = false, ...rest } = props;
+    const { classes, cx } = useStyles$1({
+        alignItems,
+        alignSelf,
+        direction,
+        flex,
+        flexBasis,
+        flexGrow,
+        flexShrink,
+        flexWrap,
+        fullHeight,
+        fullWidth,
+        gap,
+        gapX,
+        gapY,
+        inline,
+        justifyContent,
+        order,
+        overflow,
+        overflowX,
+        overflowY,
+        padding,
+        paddingBottom,
+        paddingLeft,
+        paddingRight,
+        paddingTop,
+        paddingX,
+        paddingY,
+        paddingBlock,
+        paddingBlockStart,
+        paddingBlockEnd,
+        paddingInline,
+        paddingInlineStart,
+        paddingInlineEnd,
+        position,
+        zeroMinWidth,
+    });
+    return (jsx$2("div", { ref: ref, className: cx(classes.root, className), style: style, ...rest, children: children }));
+});
+
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -36623,33 +36827,25 @@ var zh = /*#__PURE__*/Object.freeze({
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
-
-const translations = {
-  en,
-  zh,
-  ja
-};
+const translations = { en, zh, ja };
 const defaultNS = "general";
 async function initI18n(options) {
-  const {
-    context = "browser"
-  } = options ?? {};
-  if (context === "browser") {
-    instance.use(initReactI18next);
-    instance.use(Browser);
-  }
-  await instance.init({
-    resources: translations,
-    detection: context === "browser" ? {
-      order: ["localStorage", "navigator"],
-      caches: ["localStorage"]
-    } : undefined,
-    fallbackLng: "en",
-    defaultNS,
-    interpolation: {
-      escapeValue: false // not needed for react as it escapes by default
-    }
-  });
+    const { context = "browser" } = options ?? {};
+    if (context === "browser") {
+        instance.use(initReactI18next);
+        instance.use(Browser);
+    }
+    await instance.init({
+        resources: translations,
+        detection: context === "browser"
+            ? { order: ["localStorage", "navigator"], caches: ["localStorage"] }
+            : undefined,
+        fallbackLng: "en",
+        defaultNS,
+        interpolation: {
+            escapeValue: false, // not needed for react as it escapes by default
+        },
+    });
 }
 
 const PanelLayout = ({
@@ -36672,37 +36868,40 @@ const PanelLayout = ({
   }, children);
 };
 
-const useStyles = makeStyles()(theme => ({
-  root: {
-    whiteSpace: "pre-line",
-    code: {
-      color: theme.palette.primary.main,
-      background: "transparent",
-      padding: 0
-    }
-  }
+const useStyles = makeStyles()((theme) => ({
+    root: {
+        whiteSpace: "pre-line",
+        code: {
+            color: theme.palette.primary.main,
+            background: "transparent",
+            padding: 0,
+        },
+    },
 }));
-function EmptyState({
-  children,
-  className
-}) {
-  const {
-    classes,
-    cx
-  } = useStyles();
-  return /*#__PURE__*/React__default.createElement(Stack$1, {
-    className: cx(classes.root, className),
-    flex: "auto",
-    alignItems: "center",
-    justifyContent: "center",
-    fullHeight: true,
-    paddingX: 1
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "body2",
-    color: "text.secondary",
-    lineHeight: 1.4,
-    align: "center"
-  }, children));
+function EmptyState({ children, className, }) {
+    const { classes, cx } = useStyles();
+    return (jsx$2(Stack$2, { className: cx(classes.root, className), flex: "auto", alignItems: "center", justifyContent: "center", fullHeight: true, paddingX: 1, children: jsx$2(Typography, { variant: "body2", color: "text.secondary", lineHeight: 1.4, align: "center", children: children }) }));
+}
+
+class ErrorBoundary extends Component {
+    state = {
+        currentError: undefined,
+    };
+    componentDidCatch(error, errorInfo) {
+        reportError(new AppError(error, errorInfo));
+        this.setState({ currentError: { error, errorInfo } });
+    }
+    render() {
+        if (this.state.currentError) {
+            const actions = this.props.actions ?? (jsx$2(Stack$2, { fullHeight: true, flex: "auto", alignItems: "flex-end", justifyContent: "flex-end", direction: "row", children: jsx$2(Button$2, { variant: "outlined", color: "secondary", onClick: () => {
+                        this.setState({ currentError: undefined });
+                    }, children: "Dismiss" }) }));
+            return (jsx$2(ErrorDisplay, { showErrorDetails: this.props.showErrorDetails, hideErrorSourceLocations: this.props.hideErrorSourceLocations, error: this.state.currentError.error, errorInfo: this.state.currentError.errorInfo, content: jsxs(Typography, { children: ["Something went wrong.", " ", jsx$2(Link, { color: "inherit", onClick: () => {
+                                this.setState({ currentError: undefined });
+                            }, children: "Dismiss this error" }), " ", "to continue using the app. If the issue persists, try restarting the app."] }), actions: actions }));
+        }
+        return this.props.children;
+    }
 }
 
 /**
@@ -36713,15 +36912,13 @@ function EmptyState({
  * last resort nuclear option when you think that an entire subtree should be purged.
  */
 function RemountOnValueChange(props) {
-  // When the value changes, useCallback will create a new component by returning a new
-  // function instance. Since this is a completely new component it will remount its entire tree.
-  const Parent = useCallback(({
-    children
-  }) => {
-    void props.value; // to suppress eslint complaining about the value in the deps list
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
-  }, [props.value]);
-  return /*#__PURE__*/React__default.createElement(Parent, null, props.children);
+    // When the value changes, useCallback will create a new component by returning a new
+    // function instance. Since this is a completely new component it will remount its entire tree.
+    const Parent = useCallback(({ children }) => {
+        void props.value; // to suppress eslint complaining about the value in the deps list
+        return jsx$2(Fragment, { children: children });
+    }, [props.value]);
+    return jsx$2(Parent, { children: props.children });
 }
 
 var css$8 = "@layer reset, base, tokens, recipes, utilities;\n\n.fake-password-input {\n    -webkit-text-security: disc;\n}";
@@ -87637,7 +87834,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-1Mp2uiPR.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-CF3Qalgd.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -87648,7 +87845,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-DuHl2uxK.js').then(m => m.cpp());
+            return import('./index-DV7ZF_In.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87656,7 +87853,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-DuHl2uxK.js').then(m => m.cpp());
+            return import('./index-DV7ZF_In.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87676,7 +87873,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-C253OuSj.js').then(m => m.go());
+            return import('./index-BNOguuXJ.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87691,7 +87888,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-Dh8OYuxP.js').then(m => m.java());
+            return import('./index-BQS2Zm_4.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87707,7 +87904,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DQ-Y9h3D.js').then(m => m.json());
+            return import('./index-5dSWYE02.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87721,14 +87918,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-B8WI1K1N.js').then(m => m.less());
+            return import('./index-C8J-pcJN.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-CPm4j5Ig.js').then(m => m.liquid());
+            return import('./index-Dl-BT0Go.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87754,7 +87951,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-DDTzdpi1.js').then(m => m.php());
+            return import('./index-Dtvj50qi.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87771,28 +87968,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-DHS5r_kP.js').then(m => m.python());
+            return import('./index-NWR-Tbbg.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-BHkyh3c6.js').then(m => m.rust());
+            return import('./index-JBRGZ0QJ.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-BRYP3I3Y.js').then(m => m.sass({ indented: true }));
+            return import('./index-C4r5IcKB.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-BRYP3I3Y.js').then(m => m.sass());
+            return import('./index-C4r5IcKB.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87823,7 +88020,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-CoZiK0Iq.js').then(m => m.wast());
+            return import('./index-LKUpPytZ.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87831,7 +88028,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-CLKf126y.js').then(m => m.xml());
+            return import('./index-Ct9xm-pq.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87839,7 +88036,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-Cq-AQ_3n.js').then(m => m.yaml());
+            return import('./index-CD0PEqJC.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -88635,13 +88832,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-CuBKjTze.js').then(m => m.vue());
+            return import('./index-C5otNkzD.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-CYS8JdxE.js').then(m => m.angular());
+            return import('./index-arKUGhuG.js').then(m => m.angular());
         }
     })
 ];
@@ -167092,7 +167289,7 @@ const PanelToolbar = ({
     content: resolution
   }, /*#__PURE__*/React__default.createElement(SubHeader, {
     text: name,
-    className: "text-[20px]/[20px]"
+    className: "text-[20px]/[20px] text-nowrap"
   })), showResolution && resolution && /*#__PURE__*/React__default.createElement(Label$3, {
     text: `(${resolution})`,
     className: "text-[14px]/[14px] xl:pb-[2px]"
@@ -167368,7 +167565,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CnIQYhNg.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-B3B1EKLu.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -167445,25 +167642,24 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
-
 const DEFAULT_CAMERA_STATE = {
-  distance: -500,
-  perspective: localStorage.getItem("perspective") ? localStorage.getItem("perspective") === "true" : true,
-  phi: 89,
-  target: [0, 0, 0],
-  targetOffset: [0, 0, 0],
-  targetOrientation: [0, 1, 1, 1],
-  thetaOffset: 180,
-  fovy: 60,
-  near: 2,
-  far: 20000
+    distance: -500,
+    perspective: true,
+    phi: 89,
+    target: [0, 0, 0],
+    targetOffset: [0, 0, 0],
+    targetOrientation: [0, 1, 1, 1],
+    thetaOffset: 180,
+    fovy: 60,
+    near: 2,
+    far: 20000,
 };
 
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
-const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Dz5WEhSI.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-HZpBmPlK.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,
@@ -167572,4 +167768,4 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   }));
 });
 
-export { LRLanguage as $, AnalyticsContext as A, PlayerCapabilities as B, assertNever as C, PlayerPresence as D, ErrorDisplay as E, isEqual as F, isDesktopApp as G, createTheme$1 as H, propTypesExports as I, DEFAULT_CAMERA_STATE as J, format as K, LeftSidebarItemKeys as L, z as M, serializeError as N, stringify$3 as O, PropTypes as P, createIntl as Q, RightSidebarItemKeys as R, Stack$1 as S, createIntlCache as T, indentNodeProp as U, continuedIndent as V, WorkspaceContext as W, foldNodeProp as X, styleTags as Y, tags$1 as Z, _extends$3 as _, AppEvent as a, LanguageSupport as a0, ExternalTokenizer as a1, LRParser as a2, ifNotIn as a3, completeFromList as a4, syntaxTree as a5, flatIndent as a6, delimitedIndent as a7, foldInside as a8, ContextTracker as a9, LocalTokenGroup as aa, snippetCompletion as ab, IterMode as ac, NodeWeakMap as ad, defineCSSCompletionSource as ae, EditorView as af, EditorSelection as ag, html$4 as ah, parseMixed as ai, bracketMatchingHandle as aj, javascriptLanguage as ak, VisualizerConnection as al, VisualizerContext as am, PanelLayout as an, ImagePanel as ao, PointCloudPanel as ap, constructKeyForTopicRenderMetrics as aq, globalInputEventMetricsManager as ar, globalDecodeMetricsManager as as, globalRenderMetricsManager as at, globalThroughputMetricsManager as au, FrameStore as av, getIMUEventEmitter as aw, baseSet as b, createAggregator as c, useTranslation as d, usePanelCatalog as e, flatRest as f, generateUtilityClass as g, EmptyState as h, isEmpty as i, PanelContext as j, PanelCatalogContext as k, usePanelStateStore as l, makeStyles as m, useDefaultPanelTitle as n, useWorkspaceStore as o, WorkspaceStoreSelectors as p, difference as q, usePanelContext as r, useMessagePipeline as s, useHoverValue as t, useAnalytics as u, v4 as v, useSetHoverValue as w, useClearHoverValue as x, useMessagePipelineGetter as y, usePanelSettingsTreeUpdate as z };
+export { ExternalTokenizer as $, AnalyticsContext as A, assertNever as B, PlayerPresence as C, isEqual as D, ErrorDisplay as E, isDesktopApp as F, createTheme$1 as G, propTypesExports as H, format as I, z as J, serializeError as K, LeftSidebarItemKeys as L, stringify$3 as M, createIntl as N, createIntlCache as O, PropTypes as P, indentNodeProp as Q, RightSidebarItemKeys as R, Stack$2 as S, continuedIndent as T, foldNodeProp as U, styleTags as V, WorkspaceContext as W, tags$1 as X, LRLanguage as Y, LanguageSupport as Z, _extends$3 as _, AppEvent as a, LRParser as a0, ifNotIn as a1, completeFromList as a2, syntaxTree as a3, flatIndent as a4, delimitedIndent as a5, foldInside as a6, ContextTracker as a7, LocalTokenGroup as a8, snippetCompletion as a9, IterMode as aa, NodeWeakMap as ab, defineCSSCompletionSource as ac, EditorView as ad, EditorSelection as ae, html$4 as af, parseMixed as ag, bracketMatchingHandle as ah, javascriptLanguage as ai, VisualizerConnection as aj, VisualizerContext as ak, PanelLayout as al, ImagePanel as am, PointCloudPanel as an, constructKeyForTopicRenderMetrics as ao, globalInputEventMetricsManager as ap, globalDecodeMetricsManager as aq, globalRenderMetricsManager as ar, globalThroughputMetricsManager as as, FrameStore as at, getIMUEventEmitter as au, baseSet as b, createAggregator as c, useTranslation as d, usePanelCatalog as e, flatRest as f, generateUtilityClass as g, PanelContext as h, isEmpty as i, PanelCatalogContext as j, usePanelStateStore as k, useDefaultPanelTitle as l, makeStyles as m, useWorkspaceStore as n, WorkspaceStoreSelectors as o, difference as p, usePanelContext as q, useMessagePipeline as r, useHoverValue as s, useSetHoverValue as t, useAnalytics as u, v4 as v, useClearHoverValue as w, useMessagePipelineGetter as x, usePanelSettingsTreeUpdate as y, PlayerCapabilities as z };