@luxonis/visualizer-protobuf 2.18.1 → 2.20.0

package/dist/{deserialization.worker-C9dXbAlS.js → deserialization.worker-BDgy77kA.js}

@@ -1,6 +1,6 @@
-import { w as wrap, e as expose } from './comlink-DHMAu6X7.js';
-import { t as typescript } from './useMessageReducer--GRvgQq6.js';
-import { e as estimateObjectSize, U as uint8ArrayToUint16Array, d as dist } from './tslib.es6-D1dICxG6.js';
+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 'react';
 import './_commonjsHelpers-E-ZsRS8r.js';
@@ -751,41 +751,17 @@ function deserializeColorFrame({
 // 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/
-/* eslint-disable no-underscore-dangle */
 
-const WORKER_COUNT = 3;
-class depthToPointcloudWorkerPool {
-  lastUsedWorkerIndex = 0;
-  constructor() {
-    this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => wrap(new Worker(new URL("pointcloudFromDepth.worker-CnEm_1b0.js", import.meta.url), {
-      type: "module"
-    })));
-  }
-  async depthToPointcloudGPU(depthArray, width, height, fx, fy, cx, cy) {
-    // biome-ignore lint/style/noNonNullAssertion: This should work
-    const workerApi = this.workerApis[this.lastUsedWorkerIndex];
-    this.lastUsedWorkerIndex = (this.lastUsedWorkerIndex + 1) % WORKER_COUNT;
-    return await workerApi.depthToPointcloudGPU(depthArray, width, height, fx, fy, cx, cy);
-  }
-}
-const workerPool = new depthToPointcloudWorkerPool();
 async function deserializeDepthFrame({
   topic,
   message,
-  callback,
-  neuralCameraIntrinsics
+  callback
 }) {
   const {
     receiveTime,
     width,
     height
   } = parseMessage(message);
-  const uint16Array = uint8ArrayToUint16Array(message.data);
-  const fx = neuralCameraIntrinsics.right.focalLenght.x;
-  const fy = neuralCameraIntrinsics.right.focalLenght.y;
-  const cx = neuralCameraIntrinsics.right.principalPoint.x;
-  const cy = neuralCameraIntrinsics.right.principalPoint.y;
-  const pointCloudBufferGPU = workerPool.depthToPointcloudGPU(uint16Array, width, height, fx, fy, cx, cy);
   const foxgloveMessage = {
     timestamp: message.tsDevice ?? receiveTime,
     frame_id: `pointcloud-${topic}-frame`,
@@ -834,7 +810,7 @@ async function deserializeDepthFrame({
       offset: 15,
       type: typescript.NumericType.UINT8
     }],
-    data: await pointCloudBufferGPU
+    data: message.data
   };
   callback({
     topic,
@@ -1005,8 +981,7 @@ function initCallback(cb) {
 function handleMessageToDecode({
   schema,
   buffer,
-  topic,
-  neuralCameraIntrinsics
+  topic
 }) {
   const protobufSchema = protobufsBySchema[schema];
   if (!protobufSchema) {
@@ -1021,8 +996,7 @@ function handleMessageToDecode({
     topicDecoders,
     message,
     callback,
-    type: protobufSchema.type,
-    neuralCameraIntrinsics
+    type: protobufSchema.type
   });
 }
 async function deserializeDepthAiMessage(args) {
@@ -1032,8 +1006,7 @@ async function deserializeDepthAiMessage(args) {
     type,
     message,
     callback,
-    topic,
-    neuralCameraIntrinsics
+    topic
   } = args;
   switch (type) {
     case "encodedFrame":
@@ -1082,11 +1055,11 @@ async function deserializeDepthAiMessage(args) {
             }
           case Type.RAW16:
             {
+              // Used for point cloud
               await deserializeDepthFrame({
                 topic,
                 message,
-                callback,
-                neuralCameraIntrinsics
+                callback
               });
               break;
             }

package/dist/{index-hGphzS2C.js → index-B5bnTrz3.js}

@@ -1,14 +1,15 @@
-import { ImagePanel } from './index-C1DjWsph.js';
+import { ImagePanel } from './index-CmON-FIE.js';
 import 'react';
 import 'react-dom';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import 'zustand';
-import './index-DHft_1uY.js';
+import './index-C4JrCXqa.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';
@@ -24,7 +25,7 @@ import 'rehype-sanitize';
 import 'extend';
 import 'react-icons';
 import '@pandacss/dev';
-import './useMessageReducer--GRvgQq6.js';
+import './useMessageReducer-jNx5e6JW.js';
 import '@mui/icons-material/FullscreenExit';
 import '@mui/icons-material/Settings';
 import '@mui/icons-material/ChevronRight';

package/dist/{index-CWyWOStx.js → index-B7_AQKK_.js}

@@ -1,11 +1,12 @@
-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-DHft_1uY.js';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+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-C4JrCXqa.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';

package/dist/{index-ClVSD2eR.js → index-BYimCKrW.js}

@@ -1,11 +1,12 @@
-import { Q as LRLanguage, J as indentNodeProp, a0 as delimitedIndent, M as foldNodeProp, a1 as foldInside, N as styleTags, O as tags, T as LanguageSupport, V as LRParser } from './index-DHft_1uY.js';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+import { Q as LRLanguage, J as indentNodeProp, a0 as delimitedIndent, M as foldNodeProp, a1 as foldInside, N as styleTags, O as tags, T as LanguageSupport, V as LRParser } from './index-C4JrCXqa.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';

package/dist/{index-B_wE-TAZ.js → index-BfRMsy3f.js}

@@ -1,11 +1,12 @@
-import { N as styleTags, O as tags, Q as LRLanguage, T as LanguageSupport, V as LRParser, a3 as LocalTokenGroup, aa as html, ab as parseMixed, ad as javascriptLanguage } from './index-DHft_1uY.js';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+import { N as styleTags, O as tags, Q as LRLanguage, T as LanguageSupport, V as LRParser, a3 as LocalTokenGroup, aa as html, ab as parseMixed, ad as javascriptLanguage } from './index-C4JrCXqa.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';

package/dist/{index-DD1GBu5y.js → index-BpeL_ibo.js}

@@ -1,11 +1,12 @@
-import { U as ExternalTokenizer, a2 as ContextTracker, N as styleTags, O as tags, V as LRParser, Z as syntaxTree, X as ifNotIn, Q as LRLanguage, J as indentNodeProp, a0 as delimitedIndent, M as foldNodeProp, a1 as foldInside, T as LanguageSupport, a5 as IterMode, Y as completeFromList, a6 as NodeWeakMap, a4 as snippetCompletion } from './index-DHft_1uY.js';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+import { U as ExternalTokenizer, a2 as ContextTracker, N as styleTags, O as tags, V as LRParser, Z as syntaxTree, X as ifNotIn, Q as LRLanguage, J as indentNodeProp, a0 as delimitedIndent, M as foldNodeProp, a1 as foldInside, T as LanguageSupport, a5 as IterMode, Y as completeFromList, a6 as NodeWeakMap, a4 as snippetCompletion } from './index-C4JrCXqa.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';

package/dist/{index-CZ83vGC_.js → index-Bph0s4yC.js}

@@ -1,11 +1,12 @@
-import { 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-DHft_1uY.js';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+import { 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-C4JrCXqa.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';

package/dist/{index-DHft_1uY.js → index-C4JrCXqa.js}

@@ -1,4 +1,5 @@
-import { i as i420ToRgbaToPoitcloudWorker, 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, j as baseIsEqual, k as castPath, t as toKey, l as baseGet, m as hasIn, s as sendNotification, n as shallowequal, u as useGuaranteedContext, o as getPanelIdsInsideTabPanels, p as getPanelTypeFromId, T as TAB_PANEL_TYPE, q as removePanelFromTabPanel, v as getPanelIdForType, w as getPathFromNode, x as updateTabPanelLayout, y as getSaveConfigsPayloadForAddedPanel, z as replaceAndRemovePanels, B as inlineTabPanelLayouts, C as getAllPanelIds, D as getConfigsForNestedPanelsInsideTab, E as reorderTabWithinTabPanel, F as moveTabBetweenTabPanels, G as isTabPanelConfig, H as DEFAULT_TAB_PANEL_CONFIG, I as addPanelToTab, J as createAddUpdates, K as filterMap, L as Logger, M as uniq$2, N as useShallowMemo, O as CurrentLayoutContext, P as MessageOrderTracker, Q as AppConfigurationContext, _ as __assign$7, R as __rest$4, S as __spreadArray$4 } from './tslib.es6-D1dICxG6.js';
+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 { d as depthToPointcloudWorkerPool, u as uint8ArrayToUint16Array } from './utils-Cmsz3FxA.js';
 import { w as wrap$3, p as proxy } from './comlink-DHMAu6X7.js';
 import { B as BinaryOpcode } from './FoxgloveServer-C39Uooyk.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-E-ZsRS8r.js';
@@ -443,7 +444,7 @@ class Condvar {
 // 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-C9dXbAlS.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-BDgy77kA.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -479,14 +480,18 @@ function createMessageHandler(callback) {
 // 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/
 
-class MetricsManager {
+const MAX_SAMPLE_SIZE = 100;
+function bytesToMegabytes(bytes) {
+  return bytes / (1024 * 1024);
+}
+class EventMetricsManager {
   metrics = {};
   registerEvent(topic) {
     const currentTime = performance.now();
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     this.metrics[topic] ??= [];
     this.metrics[topic].unshift(currentTime);
-    this.metrics[topic].length = 100;
+    this.metrics[topic].length = MAX_SAMPLE_SIZE;
   }
   calculate(topic) {
     const topicMetrics = this.metrics[topic];
@@ -504,6 +509,40 @@ class MetricsManager {
     return Math.round(fps);
   }
 }
+class ThroughputMetricsManager {
+  metrics = {};
+  registerEvent(topic, value) {
+    const timestamp = performance.now();
+    this.metrics[topic] ??= [];
+    this.metrics[topic].unshift({
+      timestamp,
+      value
+    });
+    this.metrics[topic].length = MAX_SAMPLE_SIZE;
+  }
+  calculate(topic) {
+    const topicMetrics = this.metrics[topic];
+    if (!topicMetrics || topicMetrics.length < 2) {
+      return 0;
+    }
+
+    // Get time span in seconds
+    const timeSpanMs = topicMetrics[0].timestamp - topicMetrics[topicMetrics.length - 1].timestamp;
+    const timeSpanSec = timeSpanMs / 1000;
+    if (timeSpanSec === 0) {
+      return 0;
+    }
+
+    // Sum up all values (bytes)
+    const totalBytes = topicMetrics.reduce((sum, metric) => sum + metric.value, 0);
+
+    // Calculate bytes per second
+    const bytesPerSecond = totalBytes / timeSpanSec;
+
+    // Return rounded value
+    return Number(bytesToMegabytes(bytesPerSecond).toFixed(2));
+  }
+}
 
 // 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
@@ -623,10 +662,11 @@ class FoxgloveConnection {
   advertisedServices = new Map();
   skipPoitcloud = false;
   problems = new ProblemManager();
-  inputMetrics = new MetricsManager();
-  decodeMetrics = new MetricsManager();
+  inputMetrics = new EventMetricsManager();
+  throughputMetrics = new ThroughputMetricsManager();
+  decodeMetrics = new EventMetricsManager();
   PoitCloudSyncFramework = new PoitCloudSyncFramework();
-  i420ToRgbaToPoitcloudWorkerPool = new i420ToRgbaToPoitcloudWorker();
+  depthToPointcloudWorkerPool = new depthToPointcloudWorkerPool();
   // message handler
 
   topics = {};
@@ -641,7 +681,8 @@ class FoxgloveConnection {
   getTopicMetrics(topic) {
     return {
       incomingMessagesFps: this.inputMetrics.calculate(topic),
-      decodedMessagesFps: this.decodeMetrics.calculate(topic)
+      decodedMessagesFps: this.decodeMetrics.calculate(topic),
+      messageThroughput: this.throughputMetrics.calculate(topic)
     };
   }
   getCurrentTime() {
@@ -649,10 +690,18 @@ class FoxgloveConnection {
   }
   onMessagePacket(event) {
     this.inputMetrics.registerEvent(event.data.topic);
+    this.throughputMetrics.registerEvent(event.data.topic, event.data.buffer.byteLength);
     this.messageHandler.handle(event.data);
   }
   async handleParsePoitcloudMessage(coloredEvent) {
     const poitcloudFrame = this.PoitCloudSyncFramework.getFrame(coloredEvent.receiveTime.nsec);
+    const getNeuralCameraIntrinsics = () => {
+      const neuralCameraIntrinsicsData = localStorage.getItem("neuralCameraIntrinsics");
+      if (neuralCameraIntrinsicsData) {
+        return JSON.parse(neuralCameraIntrinsicsData);
+      }
+      return null;
+    };
     if (poitcloudFrame) {
       /* Useful for debugging
       if (Math.abs(coloredEvent.receiveTime.nsec- poitcloudFrame.timestamp.nsec)/10 ** 9) {
@@ -663,9 +712,10 @@ class FoxgloveConnection {
       }
       */
 
+      const neuralCameraIntrinsics = getNeuralCameraIntrinsics();
       // @ts-expect-error - ITS unknow
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      const message = await this.i420ToRgbaToPoitcloudWorkerPool.i420ToRgbaToPointcloudWorker(coloredEvent.message.data, coloredEvent.message.width, coloredEvent.message.height, poitcloudFrame.width, poitcloudFrame.height, poitcloudFrame.data);
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
+      const message = await this.depthToPointcloudWorkerPool.depthToPointcloudGPU(uint8ArrayToUint16Array(poitcloudFrame.data), poitcloudFrame.width ?? 0, poitcloudFrame.height, neuralCameraIntrinsics.right.focalLenght.x, neuralCameraIntrinsics.right.focalLenght.y, neuralCameraIntrinsics.right.principalPoint.x, neuralCameraIntrinsics.right.principalPoint.y, coloredEvent.message.data, poitcloudFrame.width ?? 0, poitcloudFrame.height ?? 0);
       coloredEvent.topic = "Point Cloud";
       coloredEvent.schemaName = "foxglove.PointCloud";
       coloredEvent.message = poitcloudFrame;
@@ -84844,7 +84894,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-BRTt63KE.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-CZSuxibZ.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -84855,7 +84905,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-WMQ28NAM.js').then(m => m.cpp());
+            return import('./index-DLQIVtvt.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84863,7 +84913,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-WMQ28NAM.js').then(m => m.cpp());
+            return import('./index-DLQIVtvt.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84883,7 +84933,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-hFI4BOol.js').then(m => m.go());
+            return import('./index-DklUsnK1.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84898,7 +84948,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-CZ83vGC_.js').then(m => m.java());
+            return import('./index-Bph0s4yC.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84914,7 +84964,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-Cn-9uas1.js').then(m => m.json());
+            return import('./index-DNybfi0p.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84928,14 +84978,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-CWyWOStx.js').then(m => m.less());
+            return import('./index-B7_AQKK_.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-B-Q9SHDe.js').then(m => m.liquid());
+            return import('./index-CwDMLOCh.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84961,7 +85011,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-BY93INKj.js').then(m => m.php());
+            return import('./index-Dr1IjG1N.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -84978,28 +85028,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-DD1GBu5y.js').then(m => m.python());
+            return import('./index-BpeL_ibo.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-DQCgeYB2.js').then(m => m.rust());
+            return import('./index-hDQVp6bN.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-Bw0wb_7x.js').then(m => m.sass({ indented: true }));
+            return import('./index-XP-Bj_XI.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-Bw0wb_7x.js').then(m => m.sass());
+            return import('./index-XP-Bj_XI.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85030,7 +85080,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-ClVSD2eR.js').then(m => m.wast());
+            return import('./index-BYimCKrW.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85038,7 +85088,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-DuOl-R4e.js').then(m => m.xml());
+            return import('./index-Eif4QzE4.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85046,7 +85096,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-lMTiVIpT.js').then(m => m.yaml());
+            return import('./index-DNFBslJY.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -85842,13 +85892,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-B_wE-TAZ.js').then(m => m.vue());
+            return import('./index-BfRMsy3f.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-IroDl_1U.js').then(m => m.angular());
+            return import('./index-D6Dyzzev.js').then(m => m.angular());
         }
     })
 ];
@@ -156780,14 +156830,11 @@ const PanelToolbar = ({
   }, /*#__PURE__*/React__default.createElement(SubHeader, {
     text: nameWithResolution
   }), /*#__PURE__*/React__default.createElement(Button, {
-    variant: "outline",
-    colorVariant: "white",
-    size: "xs",
-    p: "2",
     icon: MdClose,
-    onClick: () => {
-      toggleTopic?.(name);
-    }
+    variant: "ghost",
+    colorVariant: "white",
+    size: "sm",
+    onClick: () => toggleTopic?.(name)
   })), /*#__PURE__*/React__default.createElement(Flex, {
     direction: "row",
     gap: "sm",
@@ -156805,6 +156852,8 @@ const PanelToolbar = ({
     text: `Network: ${metrics.incomingMessagesFps === 0 ? '-' : metrics.incomingMessagesFps} FPS`
   }), metrics?.decodedMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
     text: `Decoding: ${metrics.decodedMessagesFps === 0 ? '-' : metrics.decodedMessagesFps} FPS`
+  }), metrics?.messageThroughput !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
+    text: `Throughput: ${metrics.messageThroughput === 0 ? '-' : metrics.messageThroughput} MB`
   }), renderedFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
     text: `Rendering: ${renderedFps === 0 ? '-' : renderedFps} FPS`
   }), eventLoopDelay !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
@@ -156953,7 +157002,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-hGphzS2C.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-B5bnTrz3.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent
@@ -156986,7 +157035,7 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
     addFrameTime
   } = createRenderDelaySampler();
   React__default.useEffect(() => {
-    renderedFpsMetricsManagerRef.current = new MetricsManager();
+    renderedFpsMetricsManagerRef.current = new EventMetricsManager();
   }, []);
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
@@ -157022,13 +157071,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-C1DjWsph.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CmON-FIE.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent
 }) => {
-  const neuralCameraIntrinsics = JSON.parse(localStorage.getItem("neuralCameraIntrinsics") ?? "{}");
-  const fovy = 2 * Math.atan(neuralCameraIntrinsics.right.principalPoint.y / neuralCameraIntrinsics.right.focalLenght.y) * (180 / Math.PI);
+  const neuralCameraIntrinsicsData = localStorage.getItem("neuralCameraIntrinsics");
+  const getFovy = React__default.useCallback(() => {
+    try {
+      const neuralCameraIntrinsics = JSON.parse(neuralCameraIntrinsicsData ?? "");
+      if (neuralCameraIntrinsics) {
+        const fovy = 2 * Math.atan(neuralCameraIntrinsics.right.principalPoint.y / neuralCameraIntrinsics.right.focalLenght.y) * (180 / Math.PI);
+        return fovy;
+      }
+      return 45;
+    } catch (error) {
+      return 45;
+    }
+  }, [neuralCameraIntrinsicsData]);
   const defaultConfig = React__default.useMemo(() => ({
     topics: {
       [topic]: {
@@ -157047,15 +157107,14 @@ const PointCloudPanelBody = ({
       targetOffset: [0, 0, 0],
       targetOrientation: [0, 0, 0, 1],
       thetaOffset: 0,
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      fovy: fovy ?? 45,
+      fovy: getFovy(),
       near: 100,
       far: 10000
     },
     imageMode: {
       colorMode: "rgba-fields"
     }
-  }), [fovy, topic]);
+  }), [getFovy, topic]);
   return /*#__PURE__*/React__default.createElement(ThreeDeeRenderComponent, {
     overrideConfig: defaultConfig,
     frameRenderedEvent: frameRenderedEvent
@@ -157074,7 +157133,7 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
     addFrameTime
   } = createRenderDelaySampler();
   React__default.useEffect(() => {
-    renderedFpsMetricsManagerRef.current = new MetricsManager();
+    renderedFpsMetricsManagerRef.current = new EventMetricsManager();
   }, []);
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>

package/dist/{index-BRTt63KE.js → index-CZSuxibZ.js}

@@ -1,11 +1,12 @@
-import { J as indentNodeProp, K as continuedIndent, M as foldNodeProp, N as styleTags, O as tags, Q as LRLanguage, T as LanguageSupport, U as ExternalTokenizer, V as LRParser, X as ifNotIn, Y as completeFromList, Z as syntaxTree } from './index-DHft_1uY.js';
-import './tslib.es6-D1dICxG6.js';
-import './comlink-DHMAu6X7.js';
+import { J as indentNodeProp, K as continuedIndent, M as foldNodeProp, N as styleTags, O as tags, Q as LRLanguage, T as LanguageSupport, U as ExternalTokenizer, V as LRParser, X as ifNotIn, Y as completeFromList, Z as syntaxTree } from './index-C4JrCXqa.js';
+import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
+import './utils-Cmsz3FxA.js';
+import './comlink-DHMAu6X7.js';
 import './FoxgloveServer-C39Uooyk.js';
 import 'ms';
 import './foxglove-protocol-CYoMweAY.js';

package/dist/{index-C1DjWsph.js → index-CmON-FIE.js}

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, createElement, cloneElement, useMemo, Profiler, StrictMode } from 'react';
 import ReactDOM__default from 'react-dom';
-import { V as isSymbol, W as toString, X as keys, Y as getSymbols$1, Z as stubArray, $ as arrayPush, a0 as baseGetAllKeys, g as getTag, a1 as getAllKeys, l as baseGet, c as baseIteratee, k as castPath, t as toKey, a2 as arrayMap$1, a3 as baseUniq, b as baseFlatten, a4 as useMustNotChange, a5 as useCurrentLayoutActions, a6 as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, a7 as usePanelMosaicId, a8 as useSelectedPanels, a9 as PANEL_TITLE_CONFIG_KEY, aa as noop$4, p as getPanelTypeFromId, N as useShallowMemo, T as TAB_PANEL_TYPE, K as filterMap, d as dist$3, ab as useAppConfiguration, ac as useValueChangedDebugLog, ad as useJsonTreeTheme } from './tslib.es6-D1dICxG6.js';
+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 } from './index-DHft_1uY.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 } from './index-C4JrCXqa.js';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
-import { t as typescript } from './useMessageReducer--GRvgQq6.js';
+import { t as typescript } from './useMessageReducer-jNx5e6JW.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as getAugmentedNamespace } from './_commonjsHelpers-E-ZsRS8r.js';
 import { Link, Button, alpha, IconButton, Card, CardActionArea, CardMedia, CardContent, Typography, Container, Tooltip, Fade, ListItem, ListItemButton, ListItemText, List, TextField, InputAdornment, Popper, Grow, Paper, ClickAwayListener, Menu, MenuItem, Divider, buttonClasses, Backdrop, Chip, useTheme, alertClasses, darken, lighten, inputBaseClasses, autocompleteClasses, inputClasses, Checkbox, dialogActionsClasses, filledInputClasses, inputAdornmentClasses, listSubheaderClasses, selectClasses, tableCellClasses, ThemeProvider as ThemeProvider$1, SvgIcon, tabsClasses as tabsClasses$1, tabClasses, Tabs, Tab, ListItemIcon } from '@mui/material';
 import { c as copyObject, k as keysIn, g as getPrototype, d as cloneArrayBuffer, e as cloneTypedArray, f as copyArray, h as cloneBuffer, j as initCloneObject, a as assignValue, b as baseAssignValue, l as isPlainObject$1, t as tinycolor, n as t$1, m as merge$1, i as instance } from './i18next-IYI3-Nuv.js';
@@ -24,6 +24,7 @@ import { E as EventEmitter } from './FoxgloveServer-C39Uooyk.js';
 import require$$1$3 from 'color';
 import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import './utils-Cmsz3FxA.js';
 import './comlink-DHMAu6X7.js';
 import './foxglove-protocol-CYoMweAY.js';
 import 'react-dnd-html5-backend';