@luxonis/visualizer-protobuf 2.33.0 → 2.34.0

package/dist/{communicator-CzBZDASw.js → communicator-D49kmBTQ.js}

@@ -1,4 +1,4 @@
-import { p as protobufsBySchema } from './protobuf-WAAVwVKb.js';
+import { p as protobufsBySchema } from './protobuf-Cr0sn6Ua.js';
 
 // 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

package/dist/{deserialization.worker-CXyfLlRt.js → deserialization.worker-DsCOJqEa.js}

@@ -1,7 +1,7 @@
 import { e as expose } from './comlink-DHMAu6X7.js';
 import { t as typescript } from './useMessageReducer-jNx5e6JW.js';
 import { e as estimateObjectSize, d as dist } from './tslib.es6-C73eoP_E.js';
-import { T as Type, P as PointsAnnotationType, p as protobufsBySchema, a as Profile } from './protobuf-WAAVwVKb.js';
+import { T as Type, P as PointsAnnotationType, p as protobufsBySchema, a as Profile } from './protobuf-Cr0sn6Ua.js';
 import 'react';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import 'zustand';

package/dist/{index-DTVwWGhY.js → index-BOaAiO3i.js}

@@ -1,4 +1,4 @@
-import { V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-iUK2g5-Z.js';
+import { V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-C8AIoPAv.js → index-BV2f5Wiz.js}

@@ -1,4 +1,4 @@
-import { O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-iUK2g5-Z.js';
+import { O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-CdL1JTfy.js → index-BkIiRxPg.js}

@@ -3,7 +3,7 @@ import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Compo
 import ReactDOM__default from 'react-dom';
 import { S as isSymbol, U as toString, V as keys, W as getSymbols$1, X as stubArray, Y as arrayPush, Z as baseGetAllKeys, g as getTag, $ as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a0 as arrayMap$1, a1 as baseUniq, b as baseFlatten, a2 as useMustNotChange, a3 as useCurrentLayoutActions, a4 as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, a5 as usePanelMosaicId, a6 as useSelectedPanels, a7 as PANEL_TITLE_CONFIG_KEY, a8 as noop$4, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$3, a9 as useAppConfiguration, aa as useValueChangedDebugLog, ab as useJsonTreeTheme } from './tslib.es6-C73eoP_E.js';
 import { createStore, useStore } from 'zustand';
-import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, P as PropTypes, E as ErrorDisplay, S as Stack$1, m as makeStyles$1, _ as _extends$1, W as WorkspaceContext, u as useAnalytics, a as AppEvent, L as LeftSidebarItemKeys, R as RightSidebarItemKeys, d as useTranslation, e as usePanelCatalog, h as EmptyState, i as isEmpty, j as PanelContext, k as PanelCatalogContext, l as usePanelStateStore, n as useDefaultPanelTitle, o as useWorkspaceStore, p as WorkspaceStoreSelectors, q as difference, r as usePanelContext, s as useMessagePipeline, v as v4, t as useHoverValue, w as useSetHoverValue, x as useClearHoverValue, y as useMessagePipelineGetter, z as usePanelSettingsTreeUpdate, B as PlayerCapabilities, C as assertNever, D as PlayerPresence, F as isEqual, G as isDesktopApp, H as createTheme, I as propTypesExports, J as DEFAULT_CAMERA_STATE$1 } from './index-iUK2g5-Z.js';
+import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, P as PropTypes, E as ErrorDisplay, S as Stack$1, m as makeStyles$1, _ as _extends$1, W as WorkspaceContext, u as useAnalytics, a as AppEvent, L as LeftSidebarItemKeys, R as RightSidebarItemKeys, d as useTranslation, e as usePanelCatalog, h as EmptyState, i as isEmpty, j as PanelContext, k as PanelCatalogContext, l as usePanelStateStore, n as useDefaultPanelTitle, o as useWorkspaceStore, p as WorkspaceStoreSelectors, q as difference, r as usePanelContext, s as useMessagePipeline, v as v4, t as useHoverValue, w as useSetHoverValue, x as useClearHoverValue, y as useMessagePipelineGetter, z as usePanelSettingsTreeUpdate, B as PlayerCapabilities, C as assertNever, D as PlayerPresence, F as isEqual, G as isDesktopApp, H as createTheme, I as propTypesExports, J as DEFAULT_CAMERA_STATE$1 } from './index-BypUPQGn.js';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
 import { t as typescript } from './useMessageReducer-jNx5e6JW.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as getAugmentedNamespace } from './_commonjsHelpers-E-ZsRS8r.js';

package/dist/{index-CYGRFZj-.js → index-Bl542JWK.js}

@@ -1,4 +1,4 @@
-import { O as styleTags, Q as tags, T as LRLanguage, K as indentNodeProp, M as continuedIndent, N as foldNodeProp, a2 as foldInside, a8 as defineCSSCompletionSource, U as LanguageSupport, X as LRParser, V as ExternalTokenizer } from './index-iUK2g5-Z.js';
+import { O as styleTags, Q as tags, T as LRLanguage, K as indentNodeProp, M as continuedIndent, N as foldNodeProp, a2 as foldInside, a8 as defineCSSCompletionSource, U as LanguageSupport, X as LRParser, V as ExternalTokenizer } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-BmrFCWrk.js → index-BlyAnDCs.js}

@@ -1,4 +1,4 @@
-import { a3 as ContextTracker, V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, N as foldNodeProp, ad as bracketMatchingHandle, U as LanguageSupport, a9 as EditorView, $ as syntaxTree, aa as EditorSelection } from './index-iUK2g5-Z.js';
+import { a3 as ContextTracker, V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, N as foldNodeProp, ad as bracketMatchingHandle, U as LanguageSupport, a9 as EditorView, $ as syntaxTree, aa as EditorSelection } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-CvW9Q4VD.js → index-BoyVvb29.js}

@@ -1,4 +1,4 @@
-import { a9 as EditorView, aa as EditorSelection, T as LRLanguage, O as styleTags, Q as tags, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, U as LanguageSupport, X as LRParser, $ as syntaxTree, ab as html, ac as parseMixed, V as ExternalTokenizer } from './index-iUK2g5-Z.js';
+import { a9 as EditorView, aa as EditorSelection, T as LRLanguage, O as styleTags, Q as tags, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, U as LanguageSupport, X as LRParser, $ as syntaxTree, ab as html, ac as parseMixed, V as ExternalTokenizer } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-iUK2g5-Z.js → index-BypUPQGn.js}

@@ -769,7 +769,7 @@ class DepthToPointcloudWorkerPool {
 // 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-CXyfLlRt.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-DsCOJqEa.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -19174,7 +19174,7 @@ class WebRtcBridge extends ArtificialWorker {
   constructor(automaticTokenRefresh) {
     super();
     this.automaticTokenRefresh = automaticTokenRefresh;
-    this.#worker = new Worker(new URL("worker-DgLpu88k.js", import.meta.url), {
+    this.#worker = new Worker(new URL("worker-C_ZGBh4B.js", import.meta.url), {
       type: "module"
     });
     this.#setupArtificialWorker();
@@ -19390,7 +19390,7 @@ class VisualizerConnection extends FoxgloveConnection {
     let worker;
     if (type === 'ws') {
       this.#url = data.connectionUrl;
-      worker = new Worker(new URL("worker-OyuK26A1.js", import.meta.url), {
+      worker = new Worker(new URL("worker-DMpdSxSr.js", import.meta.url), {
         type: "module"
       });
     } else {
@@ -34834,7 +34834,6 @@ const PanelLayout = ({
   }, []);
   return /*#__PURE__*/React__default.createElement(Stack$1, {
     direction: "row",
-    padding: 1,
     gap: 1,
     fullWidth: true,
     fullHeight: true
@@ -85424,7 +85423,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-Bg2wGIRX.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-DdNCwO7Q.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -85435,7 +85434,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-Bt_1Ingm.js').then(m => m.cpp());
+            return import('./index-DD-lbAT0.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85443,7 +85442,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-Bt_1Ingm.js').then(m => m.cpp());
+            return import('./index-DD-lbAT0.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85463,7 +85462,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-D0SP7fRp.js').then(m => m.go());
+            return import('./index-CZuP_zm9.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85478,7 +85477,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-C8AIoPAv.js').then(m => m.java());
+            return import('./index-BV2f5Wiz.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85494,7 +85493,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-CX4A9Odw.js').then(m => m.json());
+            return import('./index-CayC6Noc.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85508,14 +85507,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-CYGRFZj-.js').then(m => m.less());
+            return import('./index-Bl542JWK.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-CvW9Q4VD.js').then(m => m.liquid());
+            return import('./index-BoyVvb29.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85541,7 +85540,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-Dpjb_uMZ.js').then(m => m.php());
+            return import('./index-DFfyvIbO.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85558,28 +85557,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-DoIQXSoy.js').then(m => m.python());
+            return import('./index-eWVL02_M.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-DTVwWGhY.js').then(m => m.rust());
+            return import('./index-BOaAiO3i.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-TgfyH0by.js').then(m => m.sass({ indented: true }));
+            return import('./index-DaG9nPZd.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-TgfyH0by.js').then(m => m.sass());
+            return import('./index-DaG9nPZd.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85610,7 +85609,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-DN4ToaLh.js').then(m => m.wast());
+            return import('./index-CmqI1XYl.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85618,7 +85617,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-BmrFCWrk.js').then(m => m.xml());
+            return import('./index-BlyAnDCs.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85626,7 +85625,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-BUBQn6Kl.js').then(m => m.yaml());
+            return import('./index-DVIZBBCm.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -86422,13 +86421,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-af73Jp_A.js').then(m => m.vue());
+            return import('./index-D4MpX4Ms.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-C47Ti8Df.js').then(m => m.angular());
+            return import('./index-Di8JNkBH.js').then(m => m.angular());
         }
     })
 ];
@@ -162220,6 +162219,13 @@ function IconBase(props) {
   return IconContext !== undefined ? /*#__PURE__*/React__default.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);
 }
 
+// THIS FILE IS AUTO GENERATED
+function FaCaretDown (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 320 512"},"child":[{"tag":"path","attr":{"d":"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"},"child":[]}]})(props);
+}function FaCaretUp (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 320 512"},"child":[{"tag":"path","attr":{"d":"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"},"child":[]}]})(props);
+}
+
 // THIS FILE IS AUTO GENERATED
 function CiFilter (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"g","attr":{"id":"Filter"},"child":[{"tag":"path","attr":{"d":"M14.037,20.937a1.015,1.015,0,0,1-.518-.145l-3.334-2a2.551,2.551,0,0,1-1.233-2.176V12.091a1.526,1.526,0,0,0-.284-.891L4.013,4.658a1.01,1.01,0,0,1,.822-1.6h14.33a1.009,1.009,0,0,1,.822,1.6h0L15.332,11.2a1.527,1.527,0,0,0-.285.891v7.834a1.013,1.013,0,0,1-1.01,1.012ZM4.835,4.063,9.482,10.62a2.515,2.515,0,0,1,.47,1.471v4.524a1.543,1.543,0,0,0,.747,1.318l3.334,2,.014-7.843a2.516,2.516,0,0,1,.471-1.471l4.654-6.542,0,0Z"},"child":[]}]}]})(props);
@@ -162284,19 +162290,19 @@ function PanelToolbarMetrics({
   }, variant === "compact" ? /*#__PURE__*/React__default.createElement(Tooltip, {
     content: /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, " Camera:"), " ", !targetFps || targetFps === 0 ? "-" : targetFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
+    }, " Camera:"), " ", !targetFps || targetFps === 0 ? "-" : targetFps, "\xA0FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, "Network:", " "), !metrics || metrics?.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
+    }, "Network: "), !metrics || metrics?.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps, "\xA0FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, "Decoding:", " "), !metrics || metrics?.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
+    }, "Decoding: "), !metrics || metrics?.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps, "\xA0FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, "Rendering:"), " ", !renderedFps || renderedFps === 0 ? "-" : renderedFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
+    }, "Rendering:"), " ", !renderedFps || renderedFps === 0 ? "-" : renderedFps, "\xA0FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, "Annotations:", " "), !annotationsFps || annotationsFps === 0 || !Number.isFinite(annotationsFps) ? "-" : annotationsFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
+    }, "Annotations: "), !annotationsFps || annotationsFps === 0 || !Number.isFinite(annotationsFps) ? "-" : annotationsFps, "\xA0FPS"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, "Throughput:", " "), !metrics || metrics?.messageThroughput === 0 ? "-" : metrics.messageThroughput, " ", "Mbps"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
+    }, "Throughput: "), !metrics || metrics?.messageThroughput === 0 ? "-" : metrics.messageThroughput, "\xA0Mbps"), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("b", {
       className: "font-semibold"
-    }, "Frontend Delay: "), eventLoopDelay.toFixed(2), " ms")),
+    }, "Frontend Delay: "), eventLoopDelay.toFixed(2), "\xA0ms")),
     direction: "bottom",
     className: "ml-auto"
   }, /*#__PURE__*/React__default.createElement(Button, {
@@ -162306,19 +162312,19 @@ function PanelToolbarMetrics({
     size: "sm",
     className: "text-gray-700"
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, targetFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Camera: ${targetFps === 0 ? "-" : targetFps} FPS`
+    text: `Camera: ${targetFps === 0 ? "-" : targetFps}\u00A0FPS`
   }), metrics?.incomingMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Network: ${metrics.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps} FPS`
+    text: `Network: ${metrics.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps}\u00A0FPS`
   }), metrics?.decodedMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Decoding: ${metrics.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps} FPS`
+    text: `Decoding: ${metrics.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps}\u00A0FPS`
   }), renderedFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Rendering: ${renderedFps === 0 ? "-" : renderedFps} FPS`
+    text: `Rendering: ${renderedFps === 0 ? "-" : renderedFps}\u00A0FPS`
   }), annotationsFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Annotations: ${annotationsFps === 0 || !Number.isFinite(annotationsFps) ? "-" : annotationsFps} FPS`
+    text: `Annotations: ${annotationsFps === 0 || !Number.isFinite(annotationsFps) ? "-" : annotationsFps}\u00A0FPS`
   }), metrics?.messageThroughput !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Throughput: ${metrics.messageThroughput === 0 ? "-" : metrics.messageThroughput} Mbps`
+    text: `Throughput: ${metrics.messageThroughput === 0 ? "-" : metrics.messageThroughput}\u00A0Mbps`
   }), eventLoopDelay !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
-    text: `Frontend Delay: ${Math.ceil(eventLoopDelay)} ms`
+    text: `Frontend Delay: ${Math.ceil(eventLoopDelay)}\u00A0ms`
   })));
 }
 const PanelAnnotationButton = ({
@@ -162351,7 +162357,11 @@ const PanelToolbar = ({
   renderedFps,
   annotationsFps,
   toggleTopic,
-  toggleFullscreen
+  toggleFullscreen,
+  canMoveUp,
+  moveUp,
+  canMoveDown,
+  moveDown
 }) => {
   const [metrics, setMetrics] = React__default.useState();
   const {
@@ -162484,7 +162494,25 @@ const PanelToolbar = ({
     colorVariant: "white",
     size: "sm",
     className: "text-gray-700"
-  }))), toggleFullscreen && /*#__PURE__*/React__default.createElement(Tooltip, {
+  }))), /*#__PURE__*/React__default.createElement(Tooltip, {
+    content: "Move Panel Up"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    icon: FaCaretUp,
+    variant: "outline",
+    colorVariant: "white",
+    size: "sm",
+    disabled: !canMoveUp,
+    onClick: moveUp
+  })), /*#__PURE__*/React__default.createElement(Tooltip, {
+    content: "Move Panel Down"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    icon: FaCaretDown,
+    variant: "outline",
+    colorVariant: "white",
+    size: "sm",
+    disabled: !canMoveDown,
+    onClick: moveDown
+  })), toggleFullscreen && /*#__PURE__*/React__default.createElement(Tooltip, {
     content: "Fullscreen"
   }, /*#__PURE__*/React__default.createElement(Button, {
     icon: MdFullscreen,
@@ -162533,7 +162561,11 @@ const Panel = ({
   toggleTopic,
   triggerToast,
   hideToolbar = false,
-  toggleFullscreen
+  toggleFullscreen,
+  canMoveUp,
+  moveUp,
+  canMoveDown,
+  moveDown
 }) => {
   const [detections, setDetections] = React__default.useState([]);
   const sectionRef = useRef(null);
@@ -162569,7 +162601,11 @@ const Panel = ({
     renderDelay: renderDelay,
     toggleTopic: toggleTopic,
     toggleFullscreen: toggleFullscreenForThisPanel,
-    triggerToast: triggerToast
+    triggerToast: triggerToast,
+    canMoveUp: canMoveUp,
+    moveUp: moveUp,
+    canMoveDown: canMoveDown,
+    moveDown: moveDown
   }), /*#__PURE__*/React__default.createElement(Suspense, {
     fallback: /*#__PURE__*/React__default.createElement(EmptyState, null, /*#__PURE__*/React__default.createElement("div", null, "Loading..."))
   }, /*#__PURE__*/React__default.createElement(RemountOnValueChange, {
@@ -162603,7 +162639,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-C2xXrJ3A.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CTQA6_uM.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -162669,7 +162705,11 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
     toggleFullscreen: props.toggleFullscreen,
     renderedFps: renderedFps,
     annotationsFps: annotationsFps,
-    renderDelay: averageFrameDelay
+    renderDelay: averageFrameDelay,
+    canMoveUp: props.canMoveUp,
+    moveUp: props.moveUp,
+    canMoveDown: props.canMoveDown,
+    moveDown: props.moveDown
   }), /*#__PURE__*/React__default.createElement(ImagePanelBody, {
     topic: props.topic,
     frameRenderedEvent: handleFrameRendered,
@@ -162698,7 +162738,7 @@ const DEFAULT_CAMERA_STATE = {
 // 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-CdL1JTfy.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BkIiRxPg.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent
@@ -162752,7 +162792,11 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   toggleTopic,
   toggleFullscreen,
   targetFps,
-  hideToolbar = false
+  hideToolbar = false,
+  canMoveUp,
+  moveUp,
+  canMoveDown,
+  moveDown
 }) {
   const renderedFpsMetricsManagerRef = React__default.useRef(null);
   const [renderedFps, setRenderedFps] = React__default.useState(undefined);
@@ -162790,7 +162834,11 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
     renderDelay: averageFrameDelay,
     disableAnnotations: true,
     targetFps: targetFps,
-    hideToolbar: hideToolbar
+    hideToolbar: hideToolbar,
+    canMoveUp: canMoveUp,
+    moveUp: moveUp,
+    canMoveDown: canMoveDown,
+    moveDown: moveDown
   }, /*#__PURE__*/React__default.createElement(PointCloudPanelBody, {
     topic: topic,
     frameRenderedEvent: handleFrameRendered

package/dist/{index-C2xXrJ3A.js → index-CTQA6_uM.js}

@@ -1,4 +1,4 @@
-import { ImagePanel } from './index-CdL1JTfy.js';
+import { ImagePanel } from './index-BkIiRxPg.js';
 import 'react';
 import 'react-dom';
 import './tslib.es6-C73eoP_E.js';
@@ -7,7 +7,7 @@ import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import 'zustand';
-import './index-iUK2g5-Z.js';
+import './index-BypUPQGn.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
 import './FoxgloveServer-BssAO1ix.js';

package/dist/{index-D0SP7fRp.js → index-CZuP_zm9.js}

@@ -1,4 +1,4 @@
-import { V as ExternalTokenizer, a3 as ContextTracker, O as styleTags, Q as tags, X as LRParser, a4 as LocalTokenGroup, a5 as snippetCompletion, $ as syntaxTree, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, Y as ifNotIn, Z as completeFromList, a6 as IterMode, a7 as NodeWeakMap } from './index-iUK2g5-Z.js';
+import { V as ExternalTokenizer, a3 as ContextTracker, O as styleTags, Q as tags, X as LRParser, a4 as LocalTokenGroup, a5 as snippetCompletion, $ as syntaxTree, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, Y as ifNotIn, Z as completeFromList, a6 as IterMode, a7 as NodeWeakMap } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-CX4A9Odw.js → index-CayC6Noc.js}

@@ -1,4 +1,4 @@
-import { O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-iUK2g5-Z.js';
+import { O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-DN4ToaLh.js → index-CmqI1XYl.js}

@@ -1,4 +1,4 @@
-import { T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, O as styleTags, Q as tags, U as LanguageSupport, X as LRParser } from './index-iUK2g5-Z.js';
+import { T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, O as styleTags, Q as tags, U as LanguageSupport, X as LRParser } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-af73Jp_A.js → index-D4MpX4Ms.js}

@@ -1,4 +1,4 @@
-import { O as styleTags, Q as tags, T as LRLanguage, U as LanguageSupport, X as LRParser, a4 as LocalTokenGroup, ab as html, ac as parseMixed, ae as javascriptLanguage } from './index-iUK2g5-Z.js';
+import { O as styleTags, Q as tags, T as LRLanguage, U as LanguageSupport, X as LRParser, a4 as LocalTokenGroup, ab as html, ac as parseMixed, ae as javascriptLanguage } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-Bt_1Ingm.js → index-DD-lbAT0.js}

@@ -1,4 +1,4 @@
-import { V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-iUK2g5-Z.js';
+import { V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-Dpjb_uMZ.js → index-DFfyvIbO.js}

@@ -1,4 +1,4 @@
-import { V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, ab as html, U as LanguageSupport, ac as parseMixed } from './index-iUK2g5-Z.js';
+import { V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, ab as html, U as LanguageSupport, ac as parseMixed } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-BUBQn6Kl.js → index-DVIZBBCm.js}

@@ -1,4 +1,4 @@
-import { a3 as ContextTracker, V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, ac as parseMixed } from './index-iUK2g5-Z.js';
+import { a3 as ContextTracker, V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, ac as parseMixed } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-TgfyH0by.js → index-DaG9nPZd.js}

@@ -1,4 +1,4 @@
-import { V as ExternalTokenizer, a3 as ContextTracker, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, N as foldNodeProp, a2 as foldInside, K as indentNodeProp, M as continuedIndent, a8 as defineCSSCompletionSource, U as LanguageSupport } from './index-iUK2g5-Z.js';
+import { V as ExternalTokenizer, a3 as ContextTracker, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, N as foldNodeProp, a2 as foldInside, K as indentNodeProp, M as continuedIndent, a8 as defineCSSCompletionSource, U as LanguageSupport } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-Bg2wGIRX.js → index-DdNCwO7Q.js}

@@ -1,4 +1,4 @@
-import { K as indentNodeProp, M as continuedIndent, N as foldNodeProp, O as styleTags, Q as tags, T as LRLanguage, U as LanguageSupport, V as ExternalTokenizer, X as LRParser, Y as ifNotIn, Z as completeFromList, $ as syntaxTree } from './index-iUK2g5-Z.js';
+import { K as indentNodeProp, M as continuedIndent, N as foldNodeProp, O as styleTags, Q as tags, T as LRLanguage, U as LanguageSupport, V as ExternalTokenizer, X as LRParser, Y as ifNotIn, Z as completeFromList, $ as syntaxTree } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-C47Ti8Df.js → index-Di8JNkBH.js}

@@ -1,4 +1,4 @@
-import { O as styleTags, Q as tags, ae as javascriptLanguage, T as LRLanguage, U as LanguageSupport, X as LRParser, ab as html, ac as parseMixed, V as ExternalTokenizer } from './index-iUK2g5-Z.js';
+import { O as styleTags, Q as tags, ae as javascriptLanguage, T as LRLanguage, U as LanguageSupport, X as LRParser, ab as html, ac as parseMixed, V as ExternalTokenizer } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-DoIQXSoy.js → index-eWVL02_M.js}

@@ -1,4 +1,4 @@
-import { V as ExternalTokenizer, a3 as ContextTracker, O as styleTags, Q as tags, X as LRParser, $ as syntaxTree, Y as ifNotIn, T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, a6 as IterMode, Z as completeFromList, a7 as NodeWeakMap, a5 as snippetCompletion } from './index-iUK2g5-Z.js';
+import { V as ExternalTokenizer, a3 as ContextTracker, O as styleTags, Q as tags, X as LRParser, $ as syntaxTree, Y as ifNotIn, T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, a6 as IterMode, Z as completeFromList, a7 as NodeWeakMap, a5 as snippetCompletion } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ak as EventMetricsManager, ai as ImagePanel, ah as PanelLayout, aj as PointCloudPanel, al as ThroughputMetricsManager, af as VisualizerConnection, ag as VisualizerContext } from './index-iUK2g5-Z.js';
+export { ak as EventMetricsManager, ai as ImagePanel, ah as PanelLayout, aj as PointCloudPanel, al as ThroughputMetricsManager, af as VisualizerConnection, ag as VisualizerContext } from './index-BypUPQGn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/lib/src/components/Panel.d.ts

@@ -20,6 +20,10 @@ export type PanelProps = React.PropsWithChildren<{
     toggleTopic?: (topic: string) => void;
     toggleFullscreen?: (panelRef: MutableRefObject<HTMLElement>) => void;
     hideToolbar?: boolean;
+    canMoveUp?: boolean;
+    moveUp?: () => void;
+    canMoveDown?: boolean;
+    moveDown?: () => void;
 }>;
 export type PanelDetections = Record<string, boolean>;
 export type AllDetections = {

package/dist/lib/src/components/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAoB,MAAM,OAAO,CAAC;AAO3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,aAAa,QAAO,aAEhC,CAAC;AAaF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0EtC,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAoB,MAAM,OAAO,CAAC;AAO3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,aAAa,QAAO,aAEhC,CAAC;AAaF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkFtC,CAAC"}

package/dist/lib/src/components/Panel.js

@@ -17,7 +17,7 @@ const rawToAnnotations = (rawAnnotations, kind, current) => rawAnnotations.map((
     extra: kind === "extra",
     enabled: current.find(({ name }) => name === annotationTopic)?.enabled ?? kind === "main",
 }));
-export const Panel = ({ children, kind, topic, disableAnnotations = false, annotationTopics = [], extraAnnotationTopics = [], targetFps, renderedFps, annotationsFps, renderDelay, toggleTopic, triggerToast, hideToolbar = false, toggleFullscreen, }) => {
+export const Panel = ({ children, kind, topic, disableAnnotations = false, annotationTopics = [], extraAnnotationTopics = [], targetFps, renderedFps, annotationsFps, renderDelay, toggleTopic, triggerToast, hideToolbar = false, toggleFullscreen, canMoveUp, moveUp, canMoveDown, moveDown, }) => {
     const [detections, setDetections] = React.useState([]);
     const sectionRef = useRef(null);
     React.useEffect(() => {
@@ -35,6 +35,6 @@ export const Panel = ({ children, kind, topic, disableAnnotations = false, annot
         }
         toggleFullscreen(sectionRef);
     };
-    return (_jsx(RemountOnValueChange, { value: "internal-player", children: _jsx(ErrorBoundary, { children: _jsx(DetectionContext.Provider, { value: { detections }, children: _jsxs("section", { className: "flex flex-col grow border border-solid border-[#d3d3d3d9] overflow-hidden rounded-lg", ref: sectionRef, children: [!hideToolbar && (_jsx(PanelToolbar, { kind: kind, topic: topic, setDetections: setDetections, disableAnnotations: disableAnnotations, targetFps: targetFps, renderedFps: renderedFps, annotationsFps: annotationsFps, renderDelay: renderDelay, toggleTopic: toggleTopic, toggleFullscreen: toggleFullscreenForThisPanel, triggerToast: triggerToast })), _jsx(Suspense, { fallback: _jsx(EmptyState, { children: _jsx("div", { children: "Loading..." }) }), children: _jsx(RemountOnValueChange, { value: detections, children: children }) })] }) }) }) }));
+    return (_jsx(RemountOnValueChange, { value: "internal-player", children: _jsx(ErrorBoundary, { children: _jsx(DetectionContext.Provider, { value: { detections }, children: _jsxs("section", { className: "flex flex-col grow border border-solid border-[#d3d3d3d9] overflow-hidden rounded-lg", ref: sectionRef, children: [!hideToolbar && (_jsx(PanelToolbar, { kind: kind, topic: topic, setDetections: setDetections, disableAnnotations: disableAnnotations, targetFps: targetFps, renderedFps: renderedFps, annotationsFps: annotationsFps, renderDelay: renderDelay, toggleTopic: toggleTopic, toggleFullscreen: toggleFullscreenForThisPanel, triggerToast: triggerToast, canMoveUp: canMoveUp, moveUp: moveUp, canMoveDown: canMoveDown, moveDown: moveDown })), _jsx(Suspense, { fallback: _jsx(EmptyState, { children: _jsx("div", { children: "Loading..." }) }), children: _jsx(RemountOnValueChange, { value: detections, children: children }) })] }) }) }) }));
 };
 //# sourceMappingURL=Panel.js.map

package/dist/lib/src/components/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,EAAoB,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,UAAU,MAAM,gDAAgD,CAAC;AACxE,OAAO,aAAa,MAAM,mDAAmD,CAAC;AAC9E,OAAO,oBAAoB,MAAM,0DAA0D,CAAC;AAE5F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,oBAAoB,CAAC;AAkC5B,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAgB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE;IAC/C,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CACvB,cAAwB,EACxB,IAAsB,EACtB,OAAqB,EACP,EAAE,CAChB,cAAc,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,IAAI,KAAK,OAAO;IACvB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe,CAAC,EAAE,OAAO,IAAI,IAAI,KAAK,MAAM;CAC1F,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,kBAAkB,GAAG,KAAK,EAC1B,gBAAgB,GAAG,EAAE,EACrB,qBAAqB,GAAG,EAAE,EAC1B,SAAS,EACT,WAAW,EACX,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAe,EAAE,CAAC,CAAC;IACrE,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;gBACzB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,EAAE,OAAO,CAAC;gBACtD,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,EAAE,OAAO,CAAC;aAC7D,CAAC,CAAC;QACL,CAAC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAE9E,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,IAAI,CAAC,gBAAgB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,UAAsD,CAAC,CAAC;IAC3E,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAC,iBAAiB,YAC3C,KAAC,aAAa,cACZ,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAC9C,mBACE,SAAS,EAAC,sFAAsF,EAChG,GAAG,EAAE,UAAU,aAEd,CAAC,WAAW,IAAI,CACf,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,4BAA4B,EAC9C,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,QAAQ,IACP,QAAQ,EACN,KAAC,UAAU,cACT,uCAAqB,GACV,YAGf,KAAC,oBAAoB,IAAC,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAwB,GACjE,IACH,GACgB,GACd,GACK,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/src/components/PanelLayout.js

@@ -12,6 +12,6 @@ export const PanelLayout = ({ children }) => {
             void initI18n({ context: "browser" });
         }
     }, []);
-    return (_jsx(Stack, { direction: "row", padding: 1, gap: 1, fullWidth: true, fullHeight: true, children: children }));
+    return (_jsx(Stack, { direction: "row", gap: 1, fullWidth: true, fullHeight: true, children: children }));
 };
 //# sourceMappingURL=PanelLayout.js.map