@luxonis/visualizer-protobuf 2.54.1 → 2.55.0

package/dist/{deserialization.worker-Bpkjw7D9.js → deserialization.worker-CSrvuPJi.js}

@@ -1,9 +1,8 @@
 import { e as expose } from './comlink-DHMAu6X7.js';
-import { t as typescript } from './useMessageReducer-DdY2kZpp.js';
-import { e as estimateObjectSize, d as dist } from './tslib.es6-DRjIPBeG.js';
-import { T as Type, P as PointsAnnotationType, p as protobufsBySchema, b as Profile } from './protobuf-B55JS-Px.js';
-import 'react';
+import { U as parseMessage, V as typescript, e as estimateObjectSize, W as fromMillis, d as dist, X as parsePixelFormat, Y as deserializeDepthFrame } from './depth-CJRDcPfJ.js';
+import { P as PointsAnnotationType, p as protobufsBySchema, T as Type, b as Profile } from './protobuf-B55JS-Px.js';
 import { i as isCapableOfEncodedStream } from './encoding-DqlhpFR2.js';
+import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
@@ -315,91 +314,6 @@ const DEFAULT_BACKGROUND_COLOR = {
   a: 0
 };
 
-function fromMillis(value) {
-  let sec = Math.trunc(value / 1000);
-  let nsec = Math.round((value - sec * 1000) * 1e6);
-  sec += Math.trunc(nsec / 1e9);
-  nsec %= 1e9;
-  return {
-    sec,
-    nsec
-  };
-}
-function parsePixelFormat(format) {
-  switch (format) {
-    case "BGRA":
-      return ["bgra8", 3];
-    case "BGRX":
-      return ["bgr8", 3];
-    // Closest supported
-    case "I420":
-    case "I420A":
-      return ['I420', 2];
-    case "I422":
-    case "I444":
-      return ['yuv422', 2];
-    case "RGBA":
-      return ["rgba8", 1];
-    case "RGBX":
-      return ["rgb8", 1];
-    // Closest supported
-    case "NV12":
-      return ["nv12", 1];
-    default:
-      // Unsupported
-      return ["bgra8", 3];
-  }
-}
-function parseMessageType(type) {
-  switch (type) {
-    case Type.YUV422i:
-    case Type.YUV422p:
-      return ["yuv422", 2];
-    case Type.NV12:
-      return ["nv12", 1];
-    case Type.RGB888i:
-      return ["rgb8", 3];
-    case Type.RGB888p:
-      return ["rgb8p", 1];
-    case Type.RGBA8888:
-      return ["rgba8", 1];
-    case Type.BGR888i:
-      return ["bgr8i", 3];
-    case Type.BGR888p:
-      return ["bgr8p", 3];
-    case Type.RAW16:
-      return ["mono16", 2];
-    case Type.RAW8:
-      return ["mono8", 2];
-    default:
-      throw new Error(`Unsupported encoding ${Type[type]}`);
-  }
-}
-function parseMessage(message) {
-  const width = Number(message.fb?.width ?? message.sourceFb?.width ?? 1920);
-  const height = Number(message.fb?.height ?? message.sourceFb?.height ?? 1200);
-  const stride = message.fb?.stride ?? message.sourceFb?.stride ?? null;
-  const p2Offset = message.fb?.p2Offset ?? message.sourceFb?.p2Offset ?? null;
-  const p1Offset = message.fb?.p1Offset ?? message.sourceFb?.p1Offset ?? null;
-  let planeStride = p1Offset != null && p2Offset != null ? p2Offset - p1Offset : 0;
-  if (planeStride <= 0) {
-    planeStride = null;
-  }
-  const type = message.fb?.type ?? message.sourceFb?.type ?? Type.RGB888p;
-  const [encoding, step] = parseMessageType(type);
-  const receiveTime = message.ts ?? message.tsDevice ?? fromMillis(Date.now());
-  return {
-    encoding,
-    step: stride ?? step,
-    receiveTime,
-    width,
-    height,
-    stride,
-    planeStride,
-    type
-  };
-}
-
 // 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/
@@ -752,79 +666,6 @@ function deserializeColorFrame({
 // 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/
 
-async function deserializeDepthFrame({
-  topic,
-  message,
-  callback
-}) {
-  const {
-    receiveTime,
-    width,
-    height
-  } = parseMessage(message);
-  const foxgloveMessage = {
-    timestamp: message.tsDevice ?? receiveTime,
-    frame_id: `pointcloud-${topic}-frame`,
-    point_stride: 16,
-    pose: {
-      position: {
-        x: 0,
-        y: 0,
-        z: 0
-      },
-      orientation: {
-        x: 0,
-        y: 0,
-        z: 1,
-        w: 0
-      }
-    },
-    width,
-    height,
-    fields: [{
-      name: "x",
-      offset: 0,
-      type: typescript.NumericType.FLOAT32
-    }, {
-      name: "y",
-      offset: 4,
-      type: typescript.NumericType.FLOAT32
-    }, {
-      name: "z",
-      offset: 8,
-      type: typescript.NumericType.FLOAT32
-    }, {
-      name: "red",
-      offset: 12,
-      type: typescript.NumericType.UINT8
-    }, {
-      name: "green",
-      offset: 13,
-      type: typescript.NumericType.UINT8
-    }, {
-      name: "blue",
-      offset: 14,
-      type: typescript.NumericType.UINT8
-    }, {
-      name: "alpha",
-      offset: 15,
-      type: typescript.NumericType.UINT8
-    }],
-    data: message.data
-  };
-  callback({
-    topic,
-    receiveTime,
-    message: foxgloveMessage,
-    sizeInBytes: estimateObjectSize(foxgloveMessage),
-    schemaName: "foxglove.PointCloud"
-  });
-}
-
-// 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/
-
 function ensureWebCodecsSupported(target) {
   const supported = typeof target !== "undefined";
   if (!supported) {
@@ -979,7 +820,6 @@ async function deserializeEncodedFrameH265({
       callback,
       topicDecoders
     });
-    console.log("creating decoder", "hev1.1.6.L93.B0");
     decoder.configure({
       codec: "hev1.1.6.L93.B0",
       optimizeForLatency: true

package/dist/{index-uaYiziKD.js → index-B0IpMdax.js}

@@ -1,9 +1,10 @@
-import { a3 as ContextTracker, V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, ac as parseMixed } from './index-kutpugS9.js';
-import './tslib.es6-DRjIPBeG.js';
-import 'react';
-import 'react-mosaic-component';
+import { a3 as ContextTracker, V as ExternalTokenizer, O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport, ac as parseMixed } from './index-BufdvuOr.js';
+import './depth-CJRDcPfJ.js';
 import './protobuf-B55JS-Px.js';
 import 'protobufjs/minimal';
+import 'react';
+import 'zustand';
+import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
@@ -16,7 +17,6 @@ import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';
 import '@emotion/react';
 import 'object-assign';
-import 'zustand';
 import 'react/jsx-runtime';
 import 'react-dom';
 import 'react-syntax-highlighter/dist/esm/styles/prism';

package/dist/{index-H4vyx-di.js → index-B1EWIlvs.js}

@@ -1,9 +1,10 @@
-import { K as indentNodeProp, M as continuedIndent, N as foldNodeProp, O as styleTags, Q as tags, T as LRLanguage, U as LanguageSupport, V as ExternalTokenizer, X as LRParser, Y as ifNotIn, Z as completeFromList, $ as syntaxTree } from './index-kutpugS9.js';
-import './tslib.es6-DRjIPBeG.js';
-import 'react';
-import 'react-mosaic-component';
+import { K as indentNodeProp, M as continuedIndent, N as foldNodeProp, O as styleTags, Q as tags, T as LRLanguage, U as LanguageSupport, V as ExternalTokenizer, X as LRParser, Y as ifNotIn, Z as completeFromList, $ as syntaxTree } from './index-BufdvuOr.js';
+import './depth-CJRDcPfJ.js';
 import './protobuf-B55JS-Px.js';
 import 'protobufjs/minimal';
+import 'react';
+import 'zustand';
+import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
@@ -16,7 +17,6 @@ import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';
 import '@emotion/react';
 import 'object-assign';
-import 'zustand';
 import 'react/jsx-runtime';
 import 'react-dom';
 import 'react-syntax-highlighter/dist/esm/styles/prism';

package/dist/{index-BrRPCz-o.js → index-BDHayiTI.js}

@@ -1,9 +1,10 @@
-import { O as styleTags, Q as tags, ae as javascriptLanguage, T as LRLanguage, U as LanguageSupport, X as LRParser, ab as html, ac as parseMixed, V as ExternalTokenizer } from './index-kutpugS9.js';
-import './tslib.es6-DRjIPBeG.js';
-import 'react';
-import 'react-mosaic-component';
+import { O as styleTags, Q as tags, ae as javascriptLanguage, T as LRLanguage, U as LanguageSupport, X as LRParser, ab as html, ac as parseMixed, V as ExternalTokenizer } from './index-BufdvuOr.js';
+import './depth-CJRDcPfJ.js';
 import './protobuf-B55JS-Px.js';
 import 'protobufjs/minimal';
+import 'react';
+import 'zustand';
+import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
@@ -16,7 +17,6 @@ import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';
 import '@emotion/react';
 import 'object-assign';
-import 'zustand';
 import 'react/jsx-runtime';
 import 'react-dom';
 import 'react-syntax-highlighter/dist/esm/styles/prism';

package/dist/{index-Cha3fcte.js → index-BSAMfz5u.js}

@@ -1,9 +1,10 @@
-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-kutpugS9.js';
-import './tslib.es6-DRjIPBeG.js';
-import 'react';
-import 'react-mosaic-component';
+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-BufdvuOr.js';
+import './depth-CJRDcPfJ.js';
 import './protobuf-B55JS-Px.js';
 import 'protobufjs/minimal';
+import 'react';
+import 'zustand';
+import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
@@ -16,7 +17,6 @@ import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';
 import '@emotion/react';
 import 'object-assign';
-import 'zustand';
 import 'react/jsx-runtime';
 import 'react-dom';
 import 'react-syntax-highlighter/dist/esm/styles/prism';

package/dist/{index-BZ8mYnjR.js → index-BqQBFD5u.js}

@@ -1,9 +1,10 @@
-import { O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-kutpugS9.js';
-import './tslib.es6-DRjIPBeG.js';
-import 'react';
-import 'react-mosaic-component';
+import { O as styleTags, Q as tags, X as LRParser, T as LRLanguage, K as indentNodeProp, M as continuedIndent, a0 as flatIndent, a1 as delimitedIndent, N as foldNodeProp, a2 as foldInside, U as LanguageSupport } from './index-BufdvuOr.js';
+import './depth-CJRDcPfJ.js';
 import './protobuf-B55JS-Px.js';
 import 'protobufjs/minimal';
+import 'react';
+import 'zustand';
+import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './comlink-DHMAu6X7.js';
@@ -16,7 +17,6 @@ import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';
 import '@emotion/react';
 import 'object-assign';
-import 'zustand';
 import 'react/jsx-runtime';
 import 'react-dom';
 import 'react-syntax-highlighter/dist/esm/styles/prism';

package/dist/{index-kutpugS9.js → index-BufdvuOr.js}

@@ -1,4 +1,4 @@
-import { d as dist$1, e as estimateObjectSize, r as reportError, A as AppError, b as baseFlatten, a as baseEach, c as baseIteratee, f as baseDifference, g as getTag, h as baseKeys, i as baseIsEqual, j as castPath, t as toKey, k as baseGet, l as hasIn, s as sendNotification, m as shallowequal, u as useGuaranteedContext, n as getPanelIdsInsideTabPanels, o as getPanelTypeFromId, T as TAB_PANEL_TYPE, p as removePanelFromTabPanel, q as getPanelIdForType, v as getPathFromNode, w as updateTabPanelLayout, x as getSaveConfigsPayloadForAddedPanel, y as replaceAndRemovePanels, z as inlineTabPanelLayouts, B as getAllPanelIds, C as getConfigsForNestedPanelsInsideTab, D as reorderTabWithinTabPanel, E as moveTabBetweenTabPanels, F as isTabPanelConfig, G as DEFAULT_TAB_PANEL_CONFIG, H as addPanelToTab, I as createAddUpdates, J as filterMap, L as Logger, K as uniq$2, M as useShallowMemo, N as CurrentLayoutContext, O as MessageOrderTracker, P as AppConfigurationContext, _ as __assign$8, Q as __rest$5, R as __spreadArray$5 } from './tslib.es6-DRjIPBeG.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$8, Q as __rest$5, R as __spreadArray$5 } from './depth-CJRDcPfJ.js';
 import { w as wrap$3, p as proxy } from './comlink-DHMAu6X7.js';
 import { u as uint8ArrayToUint16Array } from './utils-Hzt3wxhG.js';
 import { p as protobufsBySchema, a as protobufSchemaNameToType, g as getDefaultExportFromCjs, c as commonjsGlobal } from './protobuf-B55JS-Px.js';
@@ -790,7 +790,7 @@ class ConfigStore {
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
 function initWorker(callback) {
-  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-Bpkjw7D9.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-CSrvuPJi.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -894,6 +894,29 @@ class RateLimiter {
 // 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/
 
+// Singleton class which provides last rendered frame for each topic
+class FrameStore {
+  static #instance = null;
+  #topicFrameMap = new Map();
+  constructor() {}
+  static getInstance() {
+    if (!FrameStore.#instance) {
+      FrameStore.#instance = new FrameStore();
+    }
+    return FrameStore.#instance;
+  }
+  registerFrame(topic, frame) {
+    this.#topicFrameMap.set(topic, frame);
+  }
+  getFrame(topic) {
+    return this.#topicFrameMap.get(topic);
+  }
+}
+
+// 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/
+
 class PoitCloudSyncFramework {
   #binarySearch(arr, targetKey) {
     let left = 0;
@@ -1014,7 +1037,7 @@ class FoxgloveConnection {
   throughputMetrics = globalThroughputMetricsManager;
   PoitCloudSyncFramework = new PoitCloudSyncFramework();
   depthToPointcloudWorkerPool = new DepthToPointcloudWorkerPool((event, frame, message) => {
-    this.submitPoitcloudFrameCallback(event, frame, message);
+    this.submitPointcloudFrameCallback(event, frame, message);
   });
   // message handler
 
@@ -1079,7 +1102,7 @@ class FoxgloveConnection {
     this.throughputMetrics.registerEvent(event.data.topic, event.data.buffer.byteLength);
     this.messageHandler.handle(event.data, errorCallback);
   }
-  submitPoitcloudFrameCallback(coloredEvent, poitcloudFrame, message) {
+  submitPointcloudFrameCallback(coloredEvent, poitcloudFrame, message) {
     coloredEvent.topic = "Point Cloud";
     coloredEvent.schemaName = "foxglove.PointCloud";
     coloredEvent.message = poitcloudFrame;
@@ -1089,6 +1112,7 @@ class FoxgloveConnection {
     coloredEvent.message.data = message;
     const messageSize = estimateObjectSize(coloredEvent.message);
     coloredEvent.sizeInBytes = messageSize;
+    FrameStore.getInstance().registerFrame("Point Cloud", coloredEvent);
     this.messageEvents.push(coloredEvent);
     this.emitState();
   }
@@ -1131,6 +1155,12 @@ class FoxgloveConnection {
   }
   handleParsedMessage(event) {
     this.decodeMetrics.registerEvent(event.topic);
+
+    // FIXME: This isn't pretty but PC frames are transformed inside submitPointcloudFrameCallback
+    // FIXME: and we only want to register them to FrameStore when they are transformed.
+    if (event.topic !== "Point Cloud") {
+      FrameStore.getInstance().registerFrame(event.topic, event);
+    }
     this.parseResolutionFromMessage(event.message, event.topic);
     if (event.schemaName === "foxglove.PointCloud") {
       this.PoitCloudSyncFramework.addFrame(event.message);
@@ -86748,7 +86778,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-H4vyx-di.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-B1EWIlvs.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -86759,7 +86789,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-CqIIFZlL.js').then(m => m.cpp());
+            return import('./index-DXSdCiF4.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86767,7 +86797,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-CqIIFZlL.js').then(m => m.cpp());
+            return import('./index-DXSdCiF4.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86787,7 +86817,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-C5GitdWB.js').then(m => m.go());
+            return import('./index-C1cjJ7ot.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86802,7 +86832,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-BZ8mYnjR.js').then(m => m.java());
+            return import('./index-BqQBFD5u.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86818,7 +86848,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DofCpnXh.js').then(m => m.json());
+            return import('./index-VBr6opQ-.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86832,14 +86862,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-CruHe06m.js').then(m => m.less());
+            return import('./index-C4FZGmwk.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-C1ITCVFJ.js').then(m => m.liquid());
+            return import('./index-CCsyHqht.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86865,7 +86895,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-oOaZlrsK.js').then(m => m.php());
+            return import('./index-CjbUVJBU.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86882,28 +86912,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-COpm762p.js').then(m => m.python());
+            return import('./index-bjF9nlAn.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-H4PD4laM.js').then(m => m.rust());
+            return import('./index-DayMpcW2.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-DaLbB0Zv.js').then(m => m.sass({ indented: true }));
+            return import('./index-C21bRml-.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-DaLbB0Zv.js').then(m => m.sass());
+            return import('./index-C21bRml-.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86934,7 +86964,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-DvYSXyGY.js').then(m => m.wast());
+            return import('./index-Cvfc3u1v.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86942,7 +86972,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-Cha3fcte.js').then(m => m.xml());
+            return import('./index-BSAMfz5u.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86950,7 +86980,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-uaYiziKD.js').then(m => m.yaml());
+            return import('./index-B0IpMdax.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -87746,13 +87776,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-Dtc-xG9B.js').then(m => m.vue());
+            return import('./index-CjDSWxpT.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-BrRPCz-o.js').then(m => m.angular());
+            return import('./index-BDHayiTI.js').then(m => m.angular());
         }
     })
 ];
@@ -166432,11 +166462,15 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BTMFONaj.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-DtPRSZis.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
-  annotationReceivedEventHandler
+  annotationReceivedEventHandler,
+  handleOnClick,
+  registerRendered,
+  unregisterRendered,
+  customOverlay
 }) => {
   const {
     detections
@@ -166456,7 +166490,11 @@ const ImagePanelBody = ({
   return /*#__PURE__*/React__default.createElement(ImagePanelComponent, {
     overrideConfig: defaultConfig,
     frameRenderedEvent: frameRenderedEvent,
-    annotationReceivedEventHandler: annotationReceivedEventHandler
+    annotationReceivedEventHandler: annotationReceivedEventHandler,
+    handleOnClick: handleOnClick,
+    registerRendered: registerRendered,
+    unregisterRendered: unregisterRendered,
+    customOverlay: customOverlay
   });
 };
 const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
@@ -166486,7 +166524,11 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
     frameRenderedEvent: handleFrameRendered,
     annotationReceivedEventHandler: () => {
       globalRenderMetricsManager.registerEvent(annotationsMetricsKey);
-    }
+    },
+    handleOnClick: props.handleOnClick,
+    registerRendered: props.registerRendered,
+    unregisterRendered: props.unregisterRendered,
+    customOverlay: props.customOverlay
   }));
 });
 
@@ -166511,10 +166553,14 @@ 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-D-b31nsX.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CuAv3dv7.js'));
 const PointCloudPanelBody = ({
   topic,
-  frameRenderedEvent
+  frameRenderedEvent,
+  handleOnClick,
+  registerRendered,
+  unregisterRendered,
+  customOverlay
 }) => {
   const neuralCameraIntrinsicsData = localStorage.getItem("neuralCameraIntrinsics");
   const getFovy = React__default.useCallback(() => {
@@ -166557,7 +166603,11 @@ const PointCloudPanelBody = ({
   }), [getFovy, topic]);
   return /*#__PURE__*/React__default.createElement(ThreeDeeRenderComponent, {
     overrideConfig: defaultConfig,
-    frameRenderedEvent: frameRenderedEvent
+    frameRenderedEvent: frameRenderedEvent,
+    handleOnClick: handleOnClick,
+    registerRendered: registerRendered,
+    unregisterRendered: unregisterRendered,
+    customOverlay: customOverlay
   });
 };
 const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPanel({
@@ -166569,7 +166619,11 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   canMoveUp,
   moveUp,
   canMoveDown,
-  moveDown
+  moveDown,
+  handleOnClick,
+  registerRendered,
+  unregisterRendered,
+  customOverlay
 }) {
   const {
     averageFrameDelay,
@@ -166594,8 +166648,12 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
     moveDown: moveDown
   }, /*#__PURE__*/React__default.createElement(PointCloudPanelBody, {
     topic: topic,
-    frameRenderedEvent: handleFrameRendered
+    frameRenderedEvent: handleFrameRendered,
+    handleOnClick: handleOnClick,
+    registerRendered: registerRendered,
+    unregisterRendered: unregisterRendered,
+    customOverlay: customOverlay
   }));
 });
 
-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, globalInputEventMetricsManager as ak, globalDecodeMetricsManager as al, globalRenderMetricsManager as am, globalThroughputMetricsManager as an, 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, globalInputEventMetricsManager as ak, globalDecodeMetricsManager as al, globalRenderMetricsManager as am, globalThroughputMetricsManager as an, FrameStore as ao, 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 };