@luxonis/visualizer-protobuf 2.31.1 → 2.32.1

package/dist/{FoxgloveServer-BssAO1ix.js → FoxgloveServer-C39Uooyk.js}

@@ -435,14 +435,6 @@ function parseServerMessage(buffer) {
 }
 
 const textEncoder = new TextEncoder();
-/**
- * A client to interact with the Foxglove WebSocket protocol:
- * https://github.com/foxglove/ws-protocol/blob/main/docs/spec.md.
- *
- * You must provide the underlying websocket client (an implementation of `IWebSocket`) and that
- * client must advertise a subprotocol which is compatible with the ws-protocol spec (e.g.
- * "foxglove.websocket.v1").
- */
 class FoxgloveClient {
     static SUPPORTED_SUBPROTOCOL = "foxglove.websocket.v1";
     #emitter = new EventEmitter();
@@ -462,9 +454,12 @@ class FoxgloveClient {
     #reconnect() {
         this.#ws.binaryType = "arraybuffer";
         this.#ws.onerror = (event) => {
-            this.#emitter.emit("error", event.error ?? new Error("WebSocket error"));
+            this.#emitter.emit("error", event.error);
         };
         this.#ws.onopen = (_event) => {
+            if (this.#ws.protocol !== FoxgloveClient.SUPPORTED_SUBPROTOCOL) {
+                throw new Error(`Expected subprotocol ${FoxgloveClient.SUPPORTED_SUBPROTOCOL}, got '${this.#ws.protocol}'`);
+            }
             this.#emitter.emit("open");
         };
         this.#ws.onmessage = (event) => {
@@ -488,9 +483,6 @@ class FoxgloveClient {
                 case "status":
                     this.#emitter.emit("status", message);
                     return;
-                case "removeStatus":
-                    this.#emitter.emit("removeStatus", message);
-                    return;
                 case "advertise":
                     this.#emitter.emit("advertise", message.channels);
                     return;
@@ -509,9 +501,6 @@ class FoxgloveClient {
                 case "connectionGraphUpdate":
                     this.#emitter.emit("connectionGraphUpdate", message);
                     return;
-                case "serviceCallFailure":
-                    this.#emitter.emit("serviceCallFailure", message);
-                    return;
                 case BinaryOpcode.MESSAGE_DATA:
                     this.#emitter.emit("message", message);
                     return;

package/dist/{communicator-D49kmBTQ.js → communicator-1cvNRjMr.js}

@@ -1,4 +1,4 @@
-import { p as protobufsBySchema } from './protobuf-Cr0sn6Ua.js';
+import { p as protobufsBySchema } from './protobuf-By8duXQO.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-DsCOJqEa.js → deserialization.worker-d0xuPKYs.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-Cr0sn6Ua.js';
+import { T as Type, P as PointsAnnotationType, p as protobufsBySchema, a as Profile } from './protobuf-By8duXQO.js';
 import 'react';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import 'zustand';

package/dist/{foxglove-protocol-BQ1FsNfG.js → foxglove-protocol-CYoMweAY.js}

@@ -1,4 +1,4 @@
-import { C as ClientBinaryOpcode, B as BinaryOpcode } from './FoxgloveServer-BssAO1ix.js';
+import { C as ClientBinaryOpcode, B as BinaryOpcode } from './FoxgloveServer-C39Uooyk.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/{index-CDS7NmJ7.js → index-B9ZvmN6i.js}

@@ -1,4 +1,4 @@
-import { a2 as ContextTracker, U as ExternalTokenizer, N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, M as foldNodeProp, ac as bracketMatchingHandle, T as LanguageSupport, a8 as EditorView, Z as syntaxTree, a9 as EditorSelection } from './index-BP8xet9G.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-BN96rKt2.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
@@ -7,9 +7,9 @@ import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-BssAO1ix.js';
+import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
-import './foxglove-protocol-BQ1FsNfG.js';
+import './foxglove-protocol-CYoMweAY.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-Bgt0P9DZ.js → index-BDyXMzQ6.js}

@@ -1,4 +1,4 @@
-import { U as ExternalTokenizer, N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, K as continuedIndent, a0 as delimitedIndent, M as foldNodeProp, a1 as foldInside, aa as html, T as LanguageSupport, ab as parseMixed } from './index-BP8xet9G.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-BN96rKt2.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
@@ -7,9 +7,9 @@ import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-BssAO1ix.js';
+import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
-import './foxglove-protocol-BQ1FsNfG.js';
+import './foxglove-protocol-CYoMweAY.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-uoDpeMpU.js → index-BL_I8-0V.js}

@@ -1,4 +1,4 @@
-import { N as styleTags, O as tags, Q as LRLanguage, J as indentNodeProp, K as continuedIndent, M as foldNodeProp, a1 as foldInside, a7 as defineCSSCompletionSource, T as LanguageSupport, V as LRParser, U as ExternalTokenizer } from './index-BP8xet9G.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-BN96rKt2.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
@@ -7,9 +7,9 @@ import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-BssAO1ix.js';
+import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
-import './foxglove-protocol-BQ1FsNfG.js';
+import './foxglove-protocol-CYoMweAY.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-BP8xet9G.js → index-BN96rKt2.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$7, Q as __rest$4, R as __spreadArray$4 } from './tslib.es6-C73eoP_E.js';
 import { w as wrap$3, p as proxy } from './comlink-DHMAu6X7.js';
 import { u as uint8ArrayToUint16Array } from './utils-Hzt3wxhG.js';
-import { B as BinaryOpcode } from './FoxgloveServer-BssAO1ix.js';
+import { B as BinaryOpcode } from './FoxgloveServer-C39Uooyk.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-E-ZsRS8r.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 { p as parseFoxgloveMessage } from './foxglove-protocol-BQ1FsNfG.js';
+import { p as parseFoxgloveMessage } from './foxglove-protocol-CYoMweAY.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';
@@ -523,7 +523,10 @@ class ThroughputMetricsManager {
 /* eslint-disable @foxglove/strict-equality */
 const WORKER_COUNT = 4;
 const DEFAULT_TARGET_FPS = 9;
-const DEFAULT_MAX_PROCESSED_QUEUE_SIZE = 100;
+const DEFAULT_MAX_PROCESSED_QUEUE_SIZE = 25;
+const DISPATCH_INTERVAL_MS = 100; // The interval in which the pool will dispatch frames. NOTE: Lower values may result in lag spikes.
+const DISPATCH_INTERVAL_FRACTION = 1000 / DISPATCH_INTERVAL_MS;
+const MAX_BATCH_SIZE = 3;
 class DepthToPointcloudWorkerPool {
   lastUsedWorkerIndex = 0;
   #frameQueue = [];
@@ -532,14 +535,14 @@ class DepthToPointcloudWorkerPool {
   #metrics;
   #maximumStorageBufferSize;
   #FRAME_BATCH_SIZE;
-  #targetDispatchIntervalMs;
   #maxProcessedQueueSize;
   #prevColorFrameWidth;
   #prevDepthFrameWidth;
   #dispatchCallback;
+  #targetDispatchIntervalMs;
   #isProcessing = false;
   #dispatchTimeoutId = undefined;
-  constructor(callback, batchSize = 10, targetFps = DEFAULT_TARGET_FPS, maxProcessedQueueSize = DEFAULT_MAX_PROCESSED_QUEUE_SIZE) {
+  constructor(callback, batchSize = MAX_BATCH_SIZE, targetFps = DEFAULT_TARGET_FPS, maxProcessedQueueSize = DEFAULT_MAX_PROCESSED_QUEUE_SIZE) {
     if (typeof navigator.gpu !== "undefined") {
       void navigator.gpu.requestAdapter().then(gpuAdapter => {
         if (!gpuAdapter) {
@@ -563,7 +566,7 @@ class DepthToPointcloudWorkerPool {
     this.#prevColorFrameWidth = 0;
     this.#dispatchCallback = callback;
     this.#FRAME_BATCH_SIZE = Math.max(1, batchSize);
-    this.#targetDispatchIntervalMs = 1000 / Math.max(1, targetFps);
+    this.#targetDispatchIntervalMs = DISPATCH_INTERVAL_MS / Math.max(1, Math.round(targetFps / DISPATCH_INTERVAL_FRACTION)) * this.#calculateBatchMultiplier();
     this.#maxProcessedQueueSize = Math.max(1, maxProcessedQueueSize);
     this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => wrap$3(new Worker(new URL("pointcloudFromDepth.worker-hil48rbC.js", import.meta.url), {
       type: "module"
@@ -598,8 +601,9 @@ class DepthToPointcloudWorkerPool {
     if (currentOutSize > this.#maximumStorageBufferSize) {
       console.warn(`GPU queue size ${currentOutSize} exceeds maximum storage buffer size ${this.#maximumStorageBufferSize}. Reducing batch size.`);
       const frameBatchSize = Math.floor(this.#maximumStorageBufferSize / (numPixelsPerFrame * 16));
-      this.#FRAME_BATCH_SIZE = Math.max(1, frameBatchSize);
+      this.#FRAME_BATCH_SIZE = Math.min(Math.max(1, frameBatchSize), MAX_BATCH_SIZE);
       if (frameBatchSize < 1) {
+        // We can't fit one color and depth frame in GPU memory. So it's better to fallback to CPU
         console.warn("Output buffer size is too small to process. Falling back to CPU.");
         this.#isWebGpuSupported = false;
       }
@@ -611,7 +615,7 @@ class DepthToPointcloudWorkerPool {
     this.#metrics?.registerEvent("pcl-pool.batchSent");
     const fps = this.#metrics?.calculate("pcl-pool.batchSent");
     if (fps && fps > 0) {
-      this.#targetDispatchIntervalMs = 1000 / Math.max(4, fps);
+      this.#targetDispatchIntervalMs = DISPATCH_INTERVAL_MS / Math.max(1, Math.round(fps / DISPATCH_INTERVAL_FRACTION)) * this.#calculateBatchMultiplier();
     }
     if ((this.#isProcessing || this.#frameQueue.length < this.#FRAME_BATCH_SIZE) && !force) {
       return;
@@ -635,7 +639,7 @@ class DepthToPointcloudWorkerPool {
     const i420Height = firstFrame.i420Height;
     try {
       const depthDataArray = batchToProcess.map(f => uint8ArrayToUint16Array(f.depthFrame.data));
-      // @ts-expect-error - ITS unknow
+      // @ts-expect-error - ITS unknown
       // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
       const i420DataArray = batchToProcess.map(f => f.colorFrame.message.data);
       const workerIndex = this.lastUsedWorkerIndex;
@@ -701,11 +705,20 @@ class DepthToPointcloudWorkerPool {
       this.tryProcessBatch();
     }
   }
+  #calculateBatchMultiplier() {
+    if (this.#processedFrameQueue.length > this.#maxProcessedQueueSize / 2) {
+      return 1.2;
+    }
+    if (this.#processedFrameQueue.length >= this.#maxProcessedQueueSize - this.#maxProcessedQueueSize / 5) {
+      return 0.75;
+    }
+    return 1.3;
+  }
   #addToProcessedQueue(processedFrame) {
     if (this.#processedFrameQueue.length >= this.#maxProcessedQueueSize) {
       const fps = this.#metrics?.calculate("pcl-pool.batchSent");
       if (fps && fps > 0) {
-        this.#targetDispatchIntervalMs = 1000 / Math.max(4, fps + 1);
+        this.#targetDispatchIntervalMs = DISPATCH_INTERVAL_MS / Math.max(1, Math.round(fps / DISPATCH_INTERVAL_FRACTION)) * this.#calculateBatchMultiplier();
       }
       this.#processedFrameQueue.shift();
       console.warn(`Processed frame queue full (>= ${this.#maxProcessedQueueSize}). Dropping oldest frame.`);
@@ -719,9 +732,13 @@ class DepthToPointcloudWorkerPool {
     if (this.#dispatchTimeoutId !== undefined) {
       clearTimeout(this.#dispatchTimeoutId);
     }
-    if (this.#processedFrameQueue.length > 0) {
-      this.#dispatchTimeoutId = setTimeout(this.#dispatchNextFrame, this.#targetDispatchIntervalMs);
-    } else {
+    const fps = this.#metrics?.calculate("pcl-pool.batchSent");
+    if (fps && fps > 0) {
+      const MIN_DISPATCH_INTERVAL_MS = 100;
+      this.#targetDispatchIntervalMs = Math.min(MIN_DISPATCH_INTERVAL_MS, DISPATCH_INTERVAL_MS / Math.max(1, Math.round(fps / DISPATCH_INTERVAL_FRACTION)) * this.#calculateBatchMultiplier());
+    }
+    this.#dispatchTimeoutId = setTimeout(this.#dispatchNextFrame, this.#targetDispatchIntervalMs);
+    if (this.#processedFrameQueue.length <= 0) {
       this.#dispatchTimeoutId = undefined;
     }
   }
@@ -733,10 +750,8 @@ class DepthToPointcloudWorkerPool {
       } catch (error) {
         console.error("Error in dispatchCallback:", error);
       }
-    } else {
-      console.warn("Dispatch timer fired but processed queue was empty.");
     }
-    this.#scheduleNextDispatch();
+    this.#dispatchTimeoutId = setTimeout(this.#dispatchNextFrame, this.#targetDispatchIntervalMs);
   };
   destroy() {
     if (this.#dispatchTimeoutId !== undefined) {
@@ -754,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-DsCOJqEa.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-d0xuPKYs.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -843,7 +858,7 @@ class PoitCloudSyncFramework {
     };
   }
   storedFrames = [];
-  #MAX_DELAY_SEC = 0.075;
+  #MAX_DELAY_SEC = 0.065;
   #MAX_STORED_FRAMES = 100;
   getFrame(nsec) {
     const {
@@ -1005,6 +1020,13 @@ class FoxgloveConnection {
     this.emitState();
     const poitcloudColorFrameName = this.subscribedTopics.get("_Point Cloud Color") ? "_Point Cloud Color" : "H.264 Stream";
     if (event.topic === poitcloudColorFrameName) {
+      /* Good for performance testing
+      const date = Date.now();
+      event.publishTime= {
+        sec: Math.floor(date / 1000),
+        nsec: date *10 ** 6,
+      };
+      */
       void this.handleParsePoitcloudMessage(event);
     }
   }
@@ -19152,7 +19174,7 @@ class WebRtcBridge extends ArtificialWorker {
   constructor(automaticTokenRefresh) {
     super();
     this.automaticTokenRefresh = automaticTokenRefresh;
-    this.#worker = new Worker(new URL("worker-C_ZGBh4B.js", import.meta.url), {
+    this.#worker = new Worker(new URL("worker-CzUjMpCN.js", import.meta.url), {
       type: "module"
     });
     this.#setupArtificialWorker();
@@ -19368,7 +19390,7 @@ class VisualizerConnection extends FoxgloveConnection {
     let worker;
     if (type === 'ws') {
       this.#url = data.connectionUrl;
-      worker = new Worker(new URL("worker-DMpdSxSr.js", import.meta.url), {
+      worker = new Worker(new URL("worker-B7qK-cxf.js", import.meta.url), {
         type: "module"
       });
     } else {
@@ -85462,7 +85484,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-QCS7rRjJ.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-yA1k0oVX.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -85473,7 +85495,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-DKy3gbmW.js').then(m => m.cpp());
+            return import('./index-BiuCJhwT.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85481,7 +85503,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-DKy3gbmW.js').then(m => m.cpp());
+            return import('./index-BiuCJhwT.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85501,7 +85523,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-Cmshqsvw.js').then(m => m.go());
+            return import('./index-DY4SlwLU.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85516,7 +85538,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-D77uCBAO.js').then(m => m.java());
+            return import('./index-CW4po4LY.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85532,7 +85554,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DmLecJHe.js').then(m => m.json());
+            return import('./index-DjDBKVpT.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85546,14 +85568,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-uoDpeMpU.js').then(m => m.less());
+            return import('./index-BL_I8-0V.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-B87igDpg.js').then(m => m.liquid());
+            return import('./index-Q0j8WhNV.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85579,7 +85601,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-Bgt0P9DZ.js').then(m => m.php());
+            return import('./index-BDyXMzQ6.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85596,28 +85618,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-B_E0WpuE.js').then(m => m.python());
+            return import('./index-C6r0_Z5X.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-WSsHQmbV.js').then(m => m.rust());
+            return import('./index-CyuWa_3o.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-CJis4XsK.js').then(m => m.sass({ indented: true }));
+            return import('./index-DuBamk72.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-CJis4XsK.js').then(m => m.sass());
+            return import('./index-DuBamk72.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85648,7 +85670,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-Dgcol-fP.js').then(m => m.wast());
+            return import('./index-r4kFXt3E.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85656,7 +85678,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-CDS7NmJ7.js').then(m => m.xml());
+            return import('./index-B9ZvmN6i.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85664,7 +85686,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-BEFg_Sko.js').then(m => m.yaml());
+            return import('./index-DJ858Esn.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -86460,13 +86482,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-BRoKkcrX.js').then(m => m.vue());
+            return import('./index-C_92hNxE.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-DjfB4_mu.js').then(m => m.angular());
+            return import('./index-Hzb-PasG.js').then(m => m.angular());
         }
     })
 ];
@@ -162565,7 +162587,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BgHqUgA4.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BpJwPs_P.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -162642,7 +162664,24 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
 // 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-Bgmmj1v0.js'));
+const DEFAULT_CAMERA_STATE = {
+  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-BxwFQSQF.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent
@@ -162671,16 +162710,16 @@ const PointCloudPanelBody = ({
       }
     },
     cameraState: {
-      distance: -1000,
-      perspective: true,
+      distance: DEFAULT_CAMERA_STATE.distance,
+      perspective: DEFAULT_CAMERA_STATE.perspective,
       phi: 89,
-      target: [0, 0, 0],
-      targetOffset: [0, 0, 0],
-      targetOrientation: [0, 1, 1, 1],
-      thetaOffset: 180,
-      fovy: getFovy(),
-      near: 5,
-      far: 20000
+      target: DEFAULT_CAMERA_STATE.target,
+      targetOffset: DEFAULT_CAMERA_STATE.targetOffset,
+      targetOrientation: DEFAULT_CAMERA_STATE.targetOrientation,
+      thetaOffset: DEFAULT_CAMERA_STATE.thetaOffset,
+      near: DEFAULT_CAMERA_STATE.near,
+      far: DEFAULT_CAMERA_STATE.far,
+      fovy: getFovy()
     },
     imageMode: {
       colorMode: "rgba-fields"
@@ -162739,4 +162778,4 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   }));
 });
 
-export { flatIndent 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, indentNodeProp as J, continuedIndent as K, LeftSidebarItemKeys as L, foldNodeProp as M, styleTags as N, tags$1 as O, PropTypes as P, LRLanguage as Q, RightSidebarItemKeys as R, Stack$1 as S, LanguageSupport as T, ExternalTokenizer as U, LRParser as V, WorkspaceContext as W, ifNotIn as X, completeFromList as Y, syntaxTree as Z, _extends$3 as _, AppEvent as a, delimitedIndent as a0, foldInside as a1, ContextTracker as a2, LocalTokenGroup as a3, snippetCompletion as a4, IterMode as a5, NodeWeakMap as a6, defineCSSCompletionSource as a7, EditorView as a8, EditorSelection as a9, html$4 as aa, parseMixed as ab, bracketMatchingHandle as ac, javascriptLanguage as ad, VisualizerConnection as ae, VisualizerContext as af, PanelLayout as ag, ImagePanel as ah, PointCloudPanel as ai, EventMetricsManager as aj, ThroughputMetricsManager as ak, 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 { syntaxTree 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, indentNodeProp as K, LeftSidebarItemKeys as L, continuedIndent as M, foldNodeProp as N, styleTags as O, PropTypes as P, tags$1 as Q, RightSidebarItemKeys as R, Stack$1 as S, LRLanguage as T, LanguageSupport as U, ExternalTokenizer as V, WorkspaceContext as W, LRParser as X, ifNotIn as Y, completeFromList as Z, _extends$3 as _, AppEvent as a, flatIndent as a0, delimitedIndent as a1, foldInside as a2, ContextTracker as a3, LocalTokenGroup as a4, snippetCompletion as a5, IterMode as a6, NodeWeakMap as a7, defineCSSCompletionSource as a8, EditorView as a9, EditorSelection as aa, html$4 as ab, parseMixed as ac, bracketMatchingHandle as ad, javascriptLanguage as ae, VisualizerConnection as af, VisualizerContext as ag, PanelLayout as ah, ImagePanel as ai, PointCloudPanel as aj, EventMetricsManager as ak, ThroughputMetricsManager as al, 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 };

package/dist/{index-DKy3gbmW.js → index-BiuCJhwT.js}

@@ -1,4 +1,4 @@
-import { U as ExternalTokenizer, N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, K as continuedIndent, $ as flatIndent, a0 as delimitedIndent, M as foldNodeProp, a1 as foldInside, T as LanguageSupport } from './index-BP8xet9G.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-BN96rKt2.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
@@ -7,9 +7,9 @@ import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-BssAO1ix.js';
+import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
-import './foxglove-protocol-BQ1FsNfG.js';
+import './foxglove-protocol-CYoMweAY.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-BgHqUgA4.js → index-BpJwPs_P.js}

@@ -1,4 +1,4 @@
-import { ImagePanel } from './index-Bgmmj1v0.js';
+import { ImagePanel } from './index-BxwFQSQF.js';
 import 'react';
 import 'react-dom';
 import './tslib.es6-C73eoP_E.js';
@@ -7,12 +7,12 @@ import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import 'zustand';
-import './index-BP8xet9G.js';
+import './index-BN96rKt2.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-BssAO1ix.js';
+import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
-import './foxglove-protocol-BQ1FsNfG.js';
+import './foxglove-protocol-CYoMweAY.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';