@luxonis/visualizer-protobuf 3.1.13 → 3.1.14

package/dist/{foxglove-protocol-BtLMVx24.js → foxglove-protocol-SrBOBs-8.js}

@@ -1,5 +1,5 @@
 'use client';
-import { C as ClientBinaryOpcode, B as BinaryOpcode } from './FoxgloveServer-Da9kV1cr.js';
+import { C as ClientBinaryOpcode, B as BinaryOpcode } from './FoxgloveServer-CpnCBMeV.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-B5oN0fQm.js → index-5ZSfZI8d.js}

@@ -1,5 +1,5 @@
 'use client';
-import { i as getAugmentedNamespace } from './protobuf-OcbVtxg1.js';
+import { i as getAugmentedNamespace } from './protobuf-CKMA2Rn8.js';
 
 var typescript = {};
 

package/dist/{index-CNjpp5xs.js → index-B8aafdRQ.js}

@@ -1,8 +1,8 @@
 'use client';
-import { U as styleTags, V as tags, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, T as foldNodeProp, a5 as foldInside, ae as defineCSSCompletionSource, X as LanguageSupport, Z as LRParser, Y as ExternalTokenizer } from './index-B_3PleIH.js';
-import './protobuf-OcbVtxg1.js';
+import { U as styleTags, V as tags, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, T as foldNodeProp, a5 as foldInside, ae as defineCSSCompletionSource, X as LanguageSupport, Z as LRParser, Y as ExternalTokenizer } from './index-BMew9qiQ.js';
+import './protobuf-CKMA2Rn8.js';
 import './logger-Bqy1nuLj.js';
-import './depth-DiD1V2Sg.js';
+import './depth-Me_0Xnx6.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';
@@ -10,9 +10,9 @@ import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-n9ytTioB.js';
 import './utils-DmlHZWuo.js';
-import './FoxgloveServer-Da9kV1cr.js';
+import './FoxgloveServer-CpnCBMeV.js';
 import 'ms';
-import './foxglove-protocol-BtLMVx24.js';
+import './foxglove-protocol-SrBOBs-8.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-17tp0Ngf.js';

package/dist/{index-B_3PleIH.js → index-BMew9qiQ.js}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, b as _objectSpread2, p as protobufsBySchema, c as protobufSchemaNameToType, g as getDefaultExportFromCjs, d as _objectWithoutProperties$2, e as _extends$2, f as commonjsGlobal } from './protobuf-OcbVtxg1.js';
+import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, b as _objectSpread2, p as protobufsBySchema, c as protobufSchemaNameToType, g as getDefaultExportFromCjs, d as _objectWithoutProperties$2, e as _extends$2, f as commonjsGlobal } from './protobuf-CKMA2Rn8.js';
 import { L as Logger } from './logger-Bqy1nuLj.js';
-import { d as dist$1, e as estimateObjectSize, c as createDecodingError, r as reportError, A as AppError, b as baseFlatten, a as baseEach, f as baseIteratee, g as baseDifference, h as getTag, i 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 DEFAULT_TAB_PANEL_CONFIG, E as getConfigsForNestedPanelsInsideTab, F as reorderTabWithinTabPanel, G as moveTabBetweenTabPanels, H as isTabPanelConfig, I as addPanelToTab, J as createAddUpdates, K as filterMap, L as Logger$1, M as uniq$2, N as useShallowMemo, O as CurrentLayoutContext, P as MessageOrderTracker, Q as AppConfigurationContext, R as DecodingError } from './depth-DiD1V2Sg.js';
+import { g as globalInputEventMetricsManager, a as globalDecodeMetricsManager, b as globalThroughputMetricsManager, c as constructKeyForTopicRenderMetrics, d as dist$1, e as estimateObjectSize, f as globalRenderMetricsManager, h as createDecodingError, r as reportError, A as AppError, i as baseFlatten, j as baseEach, k as baseIteratee, l as baseDifference, m as getTag, n as baseKeys, o as baseIsEqual, p as castPath, t as toKey, q as baseGet, s as hasIn, u as sendNotification, v as shallowequal, w as useGuaranteedContext, x as getPanelIdsInsideTabPanels, y as getPanelTypeFromId, T as TAB_PANEL_TYPE, z as removePanelFromTabPanel, B as getPanelIdForType, C as getPathFromNode, D as updateTabPanelLayout, E as getSaveConfigsPayloadForAddedPanel, F as replaceAndRemovePanels, G as inlineTabPanelLayouts, H as getAllPanelIds, I as DEFAULT_TAB_PANEL_CONFIG, J as getConfigsForNestedPanelsInsideTab, K as reorderTabWithinTabPanel, L as moveTabBetweenTabPanels, M as isTabPanelConfig, N as addPanelToTab, O as createAddUpdates, P as filterMap, Q as Logger$1, R as uniq$2, S as useShallowMemo, U as CurrentLayoutContext, V as MessageOrderTracker, W as AppConfigurationContext, X as DecodingError } from './depth-Me_0Xnx6.js';
 import { w as wrap$3, r as releaseProxy, p as proxy } from './comlink-jf8bdrAf.js';
 import { u as uint8ArrayToUint16Array } from './utils-DmlHZWuo.js';
-import { B as BinaryOpcode } from './FoxgloveServer-Da9kV1cr.js';
+import { B as BinaryOpcode } from './FoxgloveServer-CpnCBMeV.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-BtLMVx24.js';
+import { p as parseFoxgloveMessage } from './foxglove-protocol-SrBOBs-8.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';
@@ -537,93 +537,6 @@ function ComlinkWrap(worker) {
   };
 }
 
-// This Source Code Form is subject to the terms of the Mozilla Public
-// License, v2.0. If a copy of the MPL was not distributed with this
-// file, You can obtain one at http://mozilla.org/MPL/2.0/
-
-const MAX_SAMPLE_SIZE = 100;
-function constructKeyForTopicRenderMetrics(key, topic) {
-  return `${key}:${topic}`;
-}
-function bytesToMegabits(bytes) {
-  return bytes / (1024 * 1024) * 8;
-}
-class MetricsManager {
-  constructor() {
-    this.metrics = {};
-  }
-  getMetrics() {
-    return this.metrics;
-  }
-}
-class EventMetricsManager extends MetricsManager {
-  ensureTopic(topic) {
-    var _this$metrics, _this$metrics$topic;
-    (_this$metrics$topic = (_this$metrics = this.metrics)[topic]) !== null && _this$metrics$topic !== void 0 ? _this$metrics$topic : _this$metrics[topic] = [];
-  }
-  calculate(topic) {
-    const topicMetrics = this.metrics[topic];
-    if (!topicMetrics) {
-      return undefined;
-    }
-    let totalInterval = 0;
-    for (let i = 1; i < topicMetrics.length; ++i) {
-      totalInterval += topicMetrics[i - 1] - topicMetrics[i];
-    }
-    if (isNaN(totalInterval)) {
-      return undefined;
-    }
-    const fps = 1000 / (totalInterval / (topicMetrics.length - 1));
-    return Math.round(fps);
-  }
-  registerEvent(topic) {
-    const currentTime = performance.now();
-    this.ensureTopic(topic);
-    this.metrics[topic].unshift(currentTime);
-    if (this.metrics[topic].length > MAX_SAMPLE_SIZE) {
-      this.metrics[topic].length = MAX_SAMPLE_SIZE;
-    }
-  }
-}
-class ThroughputMetricsManager extends MetricsManager {
-  calculate(topic) {
-    const topicMetrics = this.metrics[topic];
-    if (!topicMetrics || topicMetrics.length < 2 || !topicMetrics.at(0) || !topicMetrics.at(-1)) {
-      return undefined;
-    }
-
-    // Get time span in seconds
-    // biome-ignore lint/style/noNonNullAssertion: <explanation>
-    const timeSpanMs = topicMetrics.at(0).timestamp - topicMetrics.at(-1).timestamp;
-    const timeSpanSec = timeSpanMs / 1000;
-    if (timeSpanSec === 0) {
-      return undefined;
-    }
-
-    // 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(bytesToMegabits(bytesPerSecond).toFixed(2));
-  }
-  registerEvent(topic, value) {
-    var _this$metrics2, _this$metrics2$topic;
-    const timestamp = performance.now();
-    (_this$metrics2$topic = (_this$metrics2 = this.metrics)[topic]) !== null && _this$metrics2$topic !== void 0 ? _this$metrics2$topic : _this$metrics2[topic] = [];
-    this.metrics[topic].unshift({
-      timestamp,
-      value
-    });
-    if (this.metrics[topic].length > MAX_SAMPLE_SIZE) {
-      this.metrics[topic].length = MAX_SAMPLE_SIZE;
-    }
-  }
-}
-const [globalInputEventMetricsManager, globalDecodeMetricsManager, globalRenderMetricsManager, globalThroughputMetricsManager] = [new EventMetricsManager(), new EventMetricsManager(), new EventMetricsManager(), new ThroughputMetricsManager()];
-
 const logger$6 = Logger.getLogger();
 const WORKER_COUNT = 4;
 const DEFAULT_TARGET_FPS = 9;
@@ -753,7 +666,7 @@ class DepthToPointcloudWorkerPool {
     _classPrivateFieldLooseBase(this, _targetDispatchIntervalMs)[_targetDispatchIntervalMs] = DISPATCH_INTERVAL_MS / Math.max(1, Math.round(targetFps / DISPATCH_INTERVAL_FRACTION)) * _classPrivateFieldLooseBase(this, _calculateBatchMultiplier)[_calculateBatchMultiplier]();
     _classPrivateFieldLooseBase(this, _maxProcessedQueueSize)[_maxProcessedQueueSize] = Math.max(1, maxProcessedQueueSize);
     this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => {
-      const worker = new Worker(new URL("pointcloudFromDepth.worker-60RA4Ief.js", import.meta.url), {
+      const worker = new Worker(new URL("pointcloudFromDepth.worker-wzSOsJVb.js", import.meta.url), {
         type: "module"
       });
       return ComlinkWrap(worker);
@@ -977,7 +890,7 @@ ConfigStore.instance = void 0;
 
 var _localStorage$getItem;
 function initWorker(callback) {
-  const worker = new Worker(new URL("deserialization.worker-DU2Hs4UP.js", import.meta.url), {
+  const worker = new Worker(new URL("deserialization.worker-CUrCdjHf.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   });
@@ -1177,6 +1090,7 @@ function getIMUEventEmitter() {
   return imuEvent;
 }
 
+var _toTimestampKey = /*#__PURE__*/_classPrivateFieldLooseKey("toTimestampKey");
 var _binarySearch = /*#__PURE__*/_classPrivateFieldLooseKey("binarySearch");
 var _MAX_DELAY_SEC = /*#__PURE__*/_classPrivateFieldLooseKey("MAX_DELAY_SEC");
 var _MAX_STORED_FRAMES = /*#__PURE__*/_classPrivateFieldLooseKey("MAX_STORED_FRAMES");
@@ -1189,6 +1103,9 @@ class PoitCloudSyncFramework {
     Object.defineProperty(this, _binarySearch, {
       value: _binarySearch2
     });
+    Object.defineProperty(this, _toTimestampKey, {
+      value: _toTimestampKey2
+    });
     this.storedFrames = [];
     Object.defineProperty(this, _MAX_DELAY_SEC, {
       writable: true,
@@ -1199,11 +1116,12 @@ class PoitCloudSyncFramework {
       value: 100
     });
   }
-  getFrame(nsec) {
+  getFrame(timestamp) {
+    const targetKey = _classPrivateFieldLooseBase(this, _toTimestampKey)[_toTimestampKey](timestamp);
     const {
       res,
       index = 0
-    } = _classPrivateFieldLooseBase(this, _binarySearch)[_binarySearch](this.storedFrames, nsec);
+    } = _classPrivateFieldLooseBase(this, _binarySearch)[_binarySearch](this.storedFrames, targetKey);
     // cleans the array
     for (let i = 0; i < index; i++) {
       Array.prototype.shift.call(this.storedFrames);
@@ -1213,7 +1131,7 @@ class PoitCloudSyncFramework {
     }
     const popedFrame = this.storedFrames.pop();
     if (popedFrame) {
-      if (Math.abs(popedFrame.timestamp.nsec - nsec) / 10 ** 9 < _classPrivateFieldLooseBase(this, _MAX_DELAY_SEC)[_MAX_DELAY_SEC]) {
+      if (Math.abs(_classPrivateFieldLooseBase(this, _toTimestampKey)[_toTimestampKey](popedFrame.timestamp) - targetKey) / 10 ** 9 < _classPrivateFieldLooseBase(this, _MAX_DELAY_SEC)[_MAX_DELAY_SEC]) {
         return popedFrame;
       }
       //@ts-ignore
@@ -1229,6 +1147,9 @@ class PoitCloudSyncFramework {
     this.storedFrames.push(frame);
   }
 }
+function _toTimestampKey2(timestamp) {
+  return timestamp.sec * 1000000000 + timestamp.nsec;
+}
 function _binarySearch2(arr, targetKey) {
   let left = 0;
   let right = arr.length;
@@ -1240,7 +1161,7 @@ function _binarySearch2(arr, targetKey) {
       index: 0
     };
   }
-  if (element.timestamp.nsec < targetKey) {
+  if (_classPrivateFieldLooseBase(this, _toTimestampKey)[_toTimestampKey](element.timestamp) < targetKey) {
     return {
       res: arr[arr.length - 1],
       index: arr.length
@@ -1249,7 +1170,7 @@ function _binarySearch2(arr, targetKey) {
   while (left <= right) {
     const mid = Math.floor((left + right) / 2);
     // biome-ignore lint/style/noNonNullAssertion:
-    const midKey = arr[mid].timestamp.nsec;
+    const midKey = _classPrivateFieldLooseBase(this, _toTimestampKey)[_toTimestampKey](arr[mid].timestamp);
     if (midKey === targetKey) {
       if (Math.abs(midKey - targetKey) / 10 ** 9 < _classPrivateFieldLooseBase(this, _MAX_DELAY_SEC)[_MAX_DELAY_SEC]) {
         return {
@@ -1269,7 +1190,7 @@ function _binarySearch2(arr, targetKey) {
       right = mid - 1;
     }
   }
-  if (bestMatch && Math.abs(bestMatch.timestamp.nsec - targetKey) / 10 ** 9 < _classPrivateFieldLooseBase(this, _MAX_DELAY_SEC)[_MAX_DELAY_SEC]) {
+  if (bestMatch && Math.abs(_classPrivateFieldLooseBase(this, _toTimestampKey)[_toTimestampKey](bestMatch.timestamp) - targetKey) / 10 ** 9 < _classPrivateFieldLooseBase(this, _MAX_DELAY_SEC)[_MAX_DELAY_SEC]) {
     return {
       res: bestMatch,
       index: left
@@ -1473,12 +1394,14 @@ class FoxgloveConnection {
     this.decodeMetrics.registerEvent("Point Cloud");
     this.throughputMetrics.registerEvent("Point Cloud", messageSize);
     this.parseResolutionFromMessage(coloredEvent.message, "Point Cloud");
-    FrameStore.getInstance().registerFrame("Point Cloud", coloredEvent);
+    for (const topic of ["Point Cloud", "PointCloud", "pointCloud"]) {
+      FrameStore.getInstance().registerFrame(topic, coloredEvent);
+    }
     this.messageEvents.push(coloredEvent);
     this.emitState();
   }
   async handleParsePointcloudMessage(coloredEvent) {
-    const poitcloudFrame = this.PoitCloudSyncFramework.getFrame(coloredEvent.receiveTime.nsec);
+    const poitcloudFrame = this.PoitCloudSyncFramework.getFrame(coloredEvent.receiveTime);
     const {
       width: colorWith,
       height: colorHeight
@@ -1535,9 +1458,17 @@ class FoxgloveConnection {
     }
     this.parseResolutionFromMessage(event.message, event.topic);
     if (event.schemaName === "foxglove.PointCloud") {
+      for (const topic of ["Point Cloud", "PointCloud", "pointCloud"]) {
+        FrameStore.getInstance().registerFrame(topic, event);
+      }
       this.PoitCloudSyncFramework.addFrame(event.message);
       return;
     }
+    if (event.schemaName === "foxglove.PointCloud.Colored") {
+      for (const topic of ["Point Cloud", "PointCloud", "pointCloud"]) {
+        FrameStore.getInstance().registerFrame(topic, event);
+      }
+    }
     if (event.schemaName === "foxglove.PointClouds.Colored") {
       event.schemaName = "foxglove.PointClouds";
     }
@@ -22321,7 +22252,7 @@ class WebRtcBridge extends ArtificialWorker {
       writable: true,
       value: null
     });
-    _classPrivateFieldLooseBase(this, _worker)[_worker] = new Worker(new URL("worker-C2MHIq3t.js", import.meta.url), {
+    _classPrivateFieldLooseBase(this, _worker)[_worker] = new Worker(new URL("worker-Bhe7uYcO.js", import.meta.url), {
       type: "module"
     });
     _classPrivateFieldLooseBase(this, _setupArtificialWorker)[_setupArtificialWorker]();
@@ -22642,7 +22573,7 @@ class VisualizerConnection extends FoxgloveConnection {
     let _worker;
     if (type === "ws") {
       _classPrivateFieldLooseBase(this, _url)[_url] = data.connectionUrl;
-      _worker = new Worker(new URL("worker-Be-hru8f.js", import.meta.url), {
+      _worker = new Worker(new URL("worker-VIU0v1ZW.js", import.meta.url), {
         type: "module"
       });
     } else {
@@ -88712,7 +88643,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-CcWunxJv.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-CeRrHeG_.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -88723,7 +88654,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-CCq5_y78.js').then(m => m.cpp());
+            return import('./index-N2I7Bhtx.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88731,7 +88662,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-CCq5_y78.js').then(m => m.cpp());
+            return import('./index-N2I7Bhtx.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88751,7 +88682,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-DopAEQk2.js').then(m => m.go());
+            return import('./index-svPKcEP3.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88766,7 +88697,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-DnhrXuH6.js').then(m => m.java());
+            return import('./index-CN6tI-uI.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88781,7 +88712,7 @@ const languages = [
         name: "Jinja",
         extensions: ["j2", "jinja", "jinja2"],
         load() {
-            return import('./index-DewnJOHY.js').then(m => m.jinja());
+            return import('./index-CZGEFE1k.js').then(m => m.jinja());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88789,7 +88720,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-BjiepKHF.js').then(m => m.json());
+            return import('./index-Dn6pTTdu.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88803,14 +88734,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-CNjpp5xs.js').then(m => m.less());
+            return import('./index-B8aafdRQ.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-DzOBiI2h.js').then(m => m.liquid());
+            return import('./index-DjRF0u25.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88836,7 +88767,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-C45UVGjk.js').then(m => m.php());
+            return import('./index-_ggcs841.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88853,28 +88784,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index--95nXh6E.js').then(m => m.python());
+            return import('./index-CQtXiN8I.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-X1k93Nku.js').then(m => m.rust());
+            return import('./index-_Z7btKy-.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-CxKEiKY9.js').then(m => m.sass({ indented: true }));
+            return import('./index-Dmc1065I.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-CxKEiKY9.js').then(m => m.sass());
+            return import('./index-Dmc1065I.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88905,7 +88836,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-DWt4Nj5G.js').then(m => m.wast());
+            return import('./index-u1cGSF5c.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88913,7 +88844,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-CidrwlEk.js').then(m => m.xml());
+            return import('./index-DgNYLOM9.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88921,7 +88852,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-CqayH0_I.js').then(m => m.yaml());
+            return import('./index-CIhAU5Cs.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -89710,13 +89641,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-JlGCfxtk.js').then(m => m.vue());
+            return import('./index-CrPun-aU.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-BMp_L7Aa.js').then(m => m.angular());
+            return import('./index-CqH6rdRP.js').then(m => m.angular());
         }
     })
 ];
@@ -174274,7 +174205,7 @@ function PanelToolbarMetrics({
   React__default.useEffect(() => {
     const interval = setInterval(() => {
       setRenderedFps(globalRenderMetricsManager.calculate(renderMetricsKey));
-      setAnnotationsFps(globalInputEventMetricsManager.calculate(annotationsMetricsKey));
+      setAnnotationsFps(globalRenderMetricsManager.calculate(annotationsMetricsKey));
     }, METRICS_UPDATE_INTERVAL);
     return () => {
       clearInterval(interval);
@@ -174770,7 +174701,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-B9-rLgJ9.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Dc3rS1Cf.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -174865,7 +174796,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-D686pHc1.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BsIRFSYD.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,
@@ -174978,4 +174909,4 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   }));
 });
 
-export { ifNotIn as $, AnalyticsContext as A, isEqual as B, AppEvent as C, isDesktopApp as D, ErrorDisplay as E, createTheme$1 as F, propTypesExports as G, DEFAULT_CAMERA_STATE as H, format as I, stringType as J, serializeError as K, stringify$3 as L, createIntl as M, createIntlCache as N, useAnalytics as O, PropTypes as P, indentNodeProp as Q, continuedIndent as R, Stack$1 as S, foldNodeProp as T, styleTags as U, tags$1 as V, LRLanguage as W, LanguageSupport as X, ExternalTokenizer as Y, LRParser as Z, _objectWithoutPropertiesLoose$2 as _, makeStyles as a, completeFromList as a0, syntaxTree as a1, LocalTokenGroup as a2, flatIndent as a3, delimitedIndent as a4, foldInside as a5, ContextTracker as a6, snippetCompletion as a7, IterMode as a8, NodeWeakMap as a9, EditorView as aa, EditorSelection as ab, html$6 as ac, parseMixed as ad, defineCSSCompletionSource as ae, bracketMatchingHandle as af, javascriptLanguage as ag, VisualizerConnection as ah, VisualizerContext as ai, PanelLayout as aj, ImagePanel as ak, PointCloudPanel as al, constructKeyForTopicRenderMetrics as am, globalInputEventMetricsManager as an, globalDecodeMetricsManager as ao, globalRenderMetricsManager as ap, globalThroughputMetricsManager as aq, FrameStore as ar, getIMUEventEmitter as as, baseSet as b, createAggregator as c, usePanelCatalog as d, EmptyState as e, flatRest as f, generateUtilityClass as g, PanelContext as h, isEmpty as i, PanelCatalogContext as j, usePanelStateStore as k, difference as l, murmur2 as m, usePanelContext as n, useMessagePipeline as o, useDefaultPanelTitle as p, useHoverValue as q, useSetHoverValue as r, useClearHoverValue as s, useMessagePipelineGetter as t, useTranslation as u, v4$1 as v, usePanelSettingsTreeUpdate as w, PlayerCapabilities as x, assertNever as y, PlayerPresence as z };
+export { ifNotIn as $, AnalyticsContext as A, isEqual as B, AppEvent as C, isDesktopApp as D, ErrorDisplay as E, createTheme$1 as F, propTypesExports as G, DEFAULT_CAMERA_STATE as H, format as I, stringType as J, serializeError as K, stringify$3 as L, createIntl as M, createIntlCache as N, useAnalytics as O, PropTypes as P, indentNodeProp as Q, continuedIndent as R, Stack$1 as S, foldNodeProp as T, styleTags as U, tags$1 as V, LRLanguage as W, LanguageSupport as X, ExternalTokenizer as Y, LRParser as Z, _objectWithoutPropertiesLoose$2 as _, makeStyles as a, completeFromList as a0, syntaxTree as a1, LocalTokenGroup as a2, flatIndent as a3, delimitedIndent as a4, foldInside as a5, ContextTracker as a6, snippetCompletion as a7, IterMode as a8, NodeWeakMap as a9, EditorView as aa, EditorSelection as ab, html$6 as ac, parseMixed as ad, defineCSSCompletionSource as ae, bracketMatchingHandle as af, javascriptLanguage as ag, VisualizerConnection as ah, VisualizerContext as ai, PanelLayout as aj, ImagePanel as ak, PointCloudPanel as al, FrameStore as am, getIMUEventEmitter as an, baseSet as b, createAggregator as c, usePanelCatalog as d, EmptyState as e, flatRest as f, generateUtilityClass as g, PanelContext as h, isEmpty as i, PanelCatalogContext as j, usePanelStateStore as k, difference as l, murmur2 as m, usePanelContext as n, useMessagePipeline as o, useDefaultPanelTitle as p, useHoverValue as q, useSetHoverValue as r, useClearHoverValue as s, useMessagePipelineGetter as t, useTranslation as u, v4$1 as v, usePanelSettingsTreeUpdate as w, PlayerCapabilities as x, assertNever as y, PlayerPresence as z };

package/dist/{index-D686pHc1.js → index-BsIRFSYD.js}

@@ -2,10 +2,10 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, useMemo, Profiler, createElement, cloneElement, memo, StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { $ as isSymbol, a0 as toString, a1 as keys, a2 as getSymbols$1, a3 as stubArray, a4 as arrayPush, a5 as baseGetAllKeys, h as getTag, a6 as getAllKeys, l as baseGet, f as baseIteratee, k as castPath, t as toKey, a7 as arrayMap$1, a8 as useCurrentLayoutActions, a9 as useCurrentLayoutSelector, r as reportError, A as AppError, aa as usePanelMosaicId, ab as noop$4, L as Logger, ac as useSelectedPanels, p as getPanelTypeFromId, N as useShallowMemo, T as TAB_PANEL_TYPE, K as filterMap, d as dist$2, ad as useAppConfiguration, ae as useJsonTreeTheme } from './depth-DiD1V2Sg.js';
+import { a4 as isSymbol, a5 as toString, a6 as keys, a7 as getSymbols$1, a8 as stubArray, a9 as arrayPush, aa as baseGetAllKeys, m as getTag, ab as getAllKeys, q as baseGet, k as baseIteratee, p as castPath, t as toKey, ac as arrayMap$1, ad as useCurrentLayoutActions, ae as useCurrentLayoutSelector, r as reportError, A as AppError, af as usePanelMosaicId, ag as noop$4, Q as Logger, ah as useSelectedPanels, y as getPanelTypeFromId, S as useShallowMemo, T as TAB_PANEL_TYPE, P as filterMap, d as dist$2, ai as useAppConfiguration, aj as useJsonTreeTheme } from './depth-Me_0Xnx6.js';
 import { createStore, useStore } from 'zustand';
-import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, m as murmur2, P as PropTypes, _ as _objectWithoutPropertiesLoose$1, E as ErrorDisplay, S as Stack$1, a as makeStyles$1, u as useTranslation, d as usePanelCatalog, e as EmptyState, i as isEmpty, h as PanelContext, j as PanelCatalogContext, k as usePanelStateStore, l as difference, n as usePanelContext, o as useMessagePipeline, v as v4, p as useDefaultPanelTitle, q as useHoverValue, r as useSetHoverValue, s as useClearHoverValue, t as useMessagePipelineGetter, w as usePanelSettingsTreeUpdate, x as PlayerCapabilities, y as assertNever, z as PlayerPresence, B as isEqual, C as AppEvent, D as isDesktopApp, F as createTheme, G as propTypesExports, H as DEFAULT_CAMERA_STATE$1, I as format$1, J as stringType, K as serializeError, L as stringify$1, M as createIntl, N as createIntlCache, O as useAnalytics } from './index-B_3PleIH.js';
-import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, d as _objectWithoutProperties, e as _extends$1, f as commonjsGlobal, g as getDefaultExportFromCjs, b as _objectSpread2, i as getAugmentedNamespace, j as _asyncIterator } from './protobuf-OcbVtxg1.js';
+import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, m as murmur2, P as PropTypes, _ as _objectWithoutPropertiesLoose$1, E as ErrorDisplay, S as Stack$1, a as makeStyles$1, u as useTranslation, d as usePanelCatalog, e as EmptyState, i as isEmpty, h as PanelContext, j as PanelCatalogContext, k as usePanelStateStore, l as difference, n as usePanelContext, o as useMessagePipeline, v as v4, p as useDefaultPanelTitle, q as useHoverValue, r as useSetHoverValue, s as useClearHoverValue, t as useMessagePipelineGetter, w as usePanelSettingsTreeUpdate, x as PlayerCapabilities, y as assertNever, z as PlayerPresence, B as isEqual, C as AppEvent, D as isDesktopApp, F as createTheme, G as propTypesExports, H as DEFAULT_CAMERA_STATE$1, I as format$1, J as stringType, K as serializeError, L as stringify$1, M as createIntl, N as createIntlCache, O as useAnalytics } from './index-BMew9qiQ.js';
+import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, d as _objectWithoutProperties, e as _extends$1, f as commonjsGlobal, g as getDefaultExportFromCjs, b as _objectSpread2, i as getAugmentedNamespace, j as _asyncIterator } from './protobuf-CKMA2Rn8.js';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
 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, inputBaseClasses, autocompleteClasses, inputClasses, Checkbox, dialogActionsClasses, filledInputClasses, inputAdornmentClasses, listSubheaderClasses, selectClasses, tableCellClasses, ThemeProvider as ThemeProvider$1, tabsClasses as tabsClasses$1, tabClasses, Tabs, Tab, ListItemIcon } from '@mui/material';
 import { a as assignValue, b as baseAssignValue, t as tinycolor, c as t$1, i as instance } from './i18next-17tp0Ngf.js';
@@ -18,10 +18,10 @@ import { useDrag, useDrop } from 'react-dnd';
 import { h as isObject, r as root, S as Symbol$1, k as isObjectLike, A as nodeUtil, B as baseUnary, d as isBuffer, v as Stack, i as isArray, b as baseRest } from './isArrayLikeObject-n9ytTioB.js';
 import ReactDOM__default from 'react-dom';
 import { c as copyObject, k as keysIn, g as getPrototype, a as cloneArrayBuffer, b as cloneTypedArray, e as copyArray, f as cloneBuffer, i as initCloneObject, h as isPlainObject$1, B as Box3, V as Vector3, I as InstancedBufferGeometry, F as Float32BufferAttribute, j as InstancedInterleavedBuffer, l as InterleavedBufferAttribute, W as WireframeGeometry, S as Sphere, U as UniformsLib, m as Vector2, n as ShaderLib, o as UniformsUtils, p as ShaderMaterial, q as Vector4, M as Matrix4, L as Line3, r as Mesh, s as MathUtils, O as Object3D, C as Color, t as rgbToThreeColor, u as stringToRgba, v as makeRgba, w as MeshStandardMaterial, R as ReplaceStencilOp, N as NotEqualStencilFunc, D as DoubleSide, P as PointsMaterial, x as rgbaToCssString, y as autoSelectColorSettings, z as colorModeSettingsFields, A as PlaneGeometry, E as DataTexture, G as UVMapping, H as ClampToEdgeWrapping, J as NearestFilter, K as LinearFilter, Q as FS_SRGB_TO_LINEAR, T as SRGBColorSpace, X as LinearSRGBColorSpace, Y as rgbaToLinear, Z as RedFormat, _ as RGBAFormat, $ as getColorConverter, a0 as FloatType, a1 as UnsignedByteType, a2 as NEEDS_MIN_MAX$1, a3 as InstancedMesh, a4 as CylinderGeometry, a5 as ConeGeometry, a6 as DataTextureLoader, a7 as LinearMipmapLinearFilter, a8 as Loader, a9 as LoaderUtils, aa as FileLoader, ab as MeshBasicMaterial, ac as Scene, ad as TextureLoader, ae as AnimationClip, af as VectorKeyframeTrack, ag as QuaternionKeyframeTrack, ah as MeshLambertMaterial, ai as MeshPhongMaterial, aj as FrontSide, ak as PerspectiveCamera, al as OrthographicCamera, am as AmbientLight, an as SpotLight, ao as PointLight, ap as DirectionalLight, aq as BufferGeometry, ar as Group, as as Quaternion, at as Bone, au as LineBasicMaterial, av as SkinnedMesh, aw as Line, ax as LineSegments, ay as RepeatWrapping, az as Skeleton, aA as BufferAttribute, aB as TrianglesDrawMode, aC as TriangleFanDrawMode, aD as TriangleStripDrawMode, aE as MeshPhysicalMaterial, aF as ImageBitmapLoader, aG as InterleavedBuffer, aH as Material, aI as PropertyBinding, aJ as LineLoop, aK as Points, aL as InterpolateLinear, aM as ColorManagement, aN as NearestMipmapNearestFilter, aO as LinearMipmapNearestFilter, aP as NearestMipmapLinearFilter, aQ as MirroredRepeatWrapping, aR as InterpolateDiscrete, aS as Texture, aT as NumberKeyframeTrack, aU as Interpolant, aV as EdgesGeometry, aW as LoadingManager, aX as stringToRgb, aY as getLuminance, aZ as Euler, a_ as vec3TupleApproxEquals, a$ as decodeCompressedImageToBitmap, b0 as CanvasTexture, b1 as Shape, b2 as SRGBToLinear, b3 as ShapeGeometry, b4 as DynamicDrawUsage, b5 as ShaderChunk, b6 as IMAGE_DEFAULT_COLOR_MODE_SETTINGS, b7 as merge$1, b8 as colorHasTransparency, b9 as StaticDrawUsage, ba as RawShaderMaterial, bb as GLSL3, bc as colorFieldComputedPrefix, bd as getRotationTo, be as SphereGeometry, bf as rgbaGradient, bg as InstancedBufferAttribute, bh as BoxGeometry, bi as DARK_OUTLINE, bj as LIGHT_OUTLINE, bk as CircleGeometry, bl as LineDashedMaterial, bm as GreaterDepth, bn as EventDispatcher$1, bo as Plane, bp as Raycaster, bq as WebGLRenderTarget, br as THREE$1, bs as Spherical, bt as WebGLRenderer, bu as NoToneMapping, bv as VSMShadowMap, bw as HemisphereLight } from './decodeImage-DseBx4N0.js';
-import { t as typescript } from './index-B5oN0fQm.js';
+import { t as typescript } from './index-5ZSfZI8d.js';
 import { CacheProvider } from '@emotion/react';
 import '@mui/material/styles/createTypography';
-import { E as EventEmitter } from './FoxgloveServer-Da9kV1cr.js';
+import { E as EventEmitter } from './FoxgloveServer-CpnCBMeV.js';
 import require$$1$3 from 'color';
 import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
@@ -29,7 +29,7 @@ import SettingsIcon from '@mui/icons-material/Settings';
 import './comlink-jf8bdrAf.js';
 import './logger-Bqy1nuLj.js';
 import './utils-DmlHZWuo.js';
-import './foxglove-protocol-BtLMVx24.js';
+import './foxglove-protocol-SrBOBs-8.js';
 import 'react-dnd-html5-backend';
 import '@mui/system/colorManipulator';
 import 'object-assign';
@@ -77539,10 +77539,15 @@ class Renderer extends EventEmitter {
 
     // 4. Get the intersection point in local space
     const intersection = intersects[0];
+    if (!intersection) {
+      return null;
+    }
     const localPoint = picked.worldToLocal(intersection.point.clone());
 
-    // 5. Normalize localPoint to [0, 1] based on the bounding box
-    const box = new Box3().setFromObject(picked);
+    // 5. Normalize localPoint to [0, 1] based on the object's local-space bounding box.
+    picked.updateWorldMatrix(true, true);
+    const inverseMatrix = picked.matrixWorld.clone().invert();
+    const box = new Box3().setFromObject(picked).applyMatrix4(inverseMatrix);
     const size = new Vector3();
     box.getSize(size);
 
@@ -81882,6 +81887,24 @@ const PANEL_STYLE = {
   display: "flex",
   position: "relative"
 };
+const POINT_CLOUD_RENDER_SCHEMAS = new Set(["foxglove.PointCloud", "foxglove.PointClouds", "foxglove.PointCloud.Colored", "foxglove.PointClouds.Colored"]);
+function getOffsetCoordsFromPickedInstance(selection) {
+  if (!selection || selection.instanceIndex == undefined) {
+    return undefined;
+  }
+  const pointCloud = selection.renderable.userData.pointCloud;
+  const width = pointCloud === null || pointCloud === void 0 ? void 0 : pointCloud.width;
+  const height = pointCloud === null || pointCloud === void 0 ? void 0 : pointCloud.height;
+  if (width == undefined || height == undefined || width <= 0 || height <= 0 || selection.instanceIndex < 0 || selection.instanceIndex >= width * height) {
+    return undefined;
+  }
+  const pixelX = selection.instanceIndex % width;
+  const pixelY = Math.floor(selection.instanceIndex / width);
+  return {
+    offsetX: (pixelX + 0.5) / width,
+    offsetY: (pixelY + 0.5) / height
+  };
+}
 
 /**
  * A panel that renders a 3D scene. This is a thin wrapper around a `Renderer` instance.
@@ -82188,7 +82211,7 @@ function ThreeDeeRender(props) {
 
         // allFrames has messages on preloaded topics across all frames (as they are loaded)
         setAllFrames(renderState.allFrames);
-        if (props.frameRenderedEvent !== undefined && (_renderState$currentF = renderState.currentFrame) !== null && _renderState$currentF !== void 0 && _renderState$currentF.find(m => m.schemaName === "foxglove.PointCloud")) {
+        if (props.frameRenderedEvent !== undefined && (_renderState$currentF = renderState.currentFrame) !== null && _renderState$currentF !== void 0 && _renderState$currentF.find(m => POINT_CLOUD_RENDER_SCHEMAS.has(m.schemaName))) {
           props.frameRenderedEvent();
         }
       });
@@ -82542,6 +82565,10 @@ function ThreeDeeRender(props) {
     if (!selectedObject) {
       return;
     }
+    const pointCloudOffsetCoords = getOffsetCoordsFromPickedInstance(selectedObject);
+    if (pointCloudOffsetCoords) {
+      return pointCloudOffsetCoords;
+    }
 
     // Calculate the percentage offset coordinates relative to the renderable
     // This is number from <0, 1> range and can be used to map click position to depth data

package/dist/{index-CqayH0_I.js → index-CIhAU5Cs.js}

@@ -1,8 +1,8 @@
 'use client';
-import { a6 as ContextTracker, Y as ExternalTokenizer, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, X as LanguageSupport, ad as parseMixed } from './index-B_3PleIH.js';
-import './protobuf-OcbVtxg1.js';
+import { a6 as ContextTracker, Y as ExternalTokenizer, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, X as LanguageSupport, ad as parseMixed } from './index-BMew9qiQ.js';
+import './protobuf-CKMA2Rn8.js';
 import './logger-Bqy1nuLj.js';
-import './depth-DiD1V2Sg.js';
+import './depth-Me_0Xnx6.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';
@@ -10,9 +10,9 @@ import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-n9ytTioB.js';
 import './utils-DmlHZWuo.js';
-import './FoxgloveServer-Da9kV1cr.js';
+import './FoxgloveServer-CpnCBMeV.js';
 import 'ms';
-import './foxglove-protocol-BtLMVx24.js';
+import './foxglove-protocol-SrBOBs-8.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-17tp0Ngf.js';