@luxonis/visualizer-protobuf 2.26.0 → 2.27.0

package/dist/{index-Zijk5SvX.js → index-B1pNpslP.js}

@@ -1,4 +1,4 @@
-import { N as styleTags, O as tags, Q as LRLanguage, J as indentNodeProp, K as continuedIndent, M as foldNodeProp, a1 as foldInside, a7 as defineCSSCompletionSource, T as LanguageSupport, V as LRParser, U as ExternalTokenizer } from './index-CPTbtbj3.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-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-CkN9fMlH.js → index-B4d7dS8a.js}

@@ -1,4 +1,4 @@
-import { a2 as ContextTracker, U as ExternalTokenizer, N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, M as foldNodeProp, ac as bracketMatchingHandle, T as LanguageSupport, a8 as EditorView, Z as syntaxTree, a9 as EditorSelection } from './index-CPTbtbj3.js';
+import { a2 as ContextTracker, U as ExternalTokenizer, N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, M as foldNodeProp, ac as bracketMatchingHandle, T as LanguageSupport, a8 as EditorView, Z as syntaxTree, a9 as EditorSelection } from './index-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-CP4Zviq2.js → index-B5_Aa-W3.js}

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

package/dist/{index-BTdZSETz.js → index-BNXdmaeO.js}

@@ -1,4 +1,4 @@
-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-CPTbtbj3.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-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-DMzCNF_e.js → index-BZ8z044k.js}

@@ -1,4 +1,4 @@
-import { N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, K as continuedIndent, M as foldNodeProp, a1 as foldInside, T as LanguageSupport } from './index-CPTbtbj3.js';
+import { N as styleTags, O as tags, V as LRParser, Q as LRLanguage, J as indentNodeProp, K as continuedIndent, M as foldNodeProp, a1 as foldInside, T as LanguageSupport } from './index-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-CPTbtbj3.js → index-BuRQ7ljn.js}

@@ -444,18 +444,92 @@ class Condvar {
   }
 }
 
+// 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 bytesToMegabits(bytes) {
+  return bytes / (1024 * 1024) * 8;
+}
+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);
+    if (this.metrics[topic].length > MAX_SAMPLE_SIZE) {
+      this.metrics[topic].length = MAX_SAMPLE_SIZE;
+    }
+  }
+  calculate(topic) {
+    const topicMetrics = this.metrics[topic];
+    if (!topicMetrics) {
+      return 0;
+    }
+    let totalInterval = 0;
+    for (let i = 1; i < topicMetrics.length; ++i) {
+      totalInterval += topicMetrics[i - 1] - topicMetrics[i];
+    }
+    if (isNaN(totalInterval)) {
+      return 0;
+    }
+    const fps = 1_000 / (totalInterval / (topicMetrics.length - 1));
+    return Math.round(fps);
+  }
+}
+class ThroughputMetricsManager {
+  metrics = {};
+  registerEvent(topic, value) {
+    const timestamp = performance.now();
+    this.metrics[topic] ??= [];
+    this.metrics[topic].unshift({
+      timestamp,
+      value
+    });
+    if (this.metrics[topic].length > MAX_SAMPLE_SIZE) {
+      this.metrics[topic].length = MAX_SAMPLE_SIZE;
+    }
+  }
+  calculate(topic) {
+    const topicMetrics = this.metrics[topic];
+    if (!topicMetrics || topicMetrics.length < 2 || !topicMetrics.at(0) || !topicMetrics.at(-1)) {
+      return 0;
+    }
+
+    // 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 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(bytesToMegabits(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
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 /* eslint-disable @foxglove/strict-equality */
 const WORKER_COUNT = 4;
-const DEFAULT_TARGET_FPS = 25;
-const DEFAULT_MAX_PROCESSED_QUEUE_SIZE = 60;
+const DEFAULT_TARGET_FPS = 9;
+const DEFAULT_MAX_PROCESSED_QUEUE_SIZE = 100;
 class DepthToPointcloudWorkerPool {
   lastUsedWorkerIndex = 0;
   #frameQueue = [];
   #processedFrameQueue = [];
   #isWebGpuSupported = false;
+  #metrics;
   #FRAME_BATCH_SIZE;
   #targetDispatchIntervalMs;
   #maxProcessedQueueSize;
@@ -470,7 +544,7 @@ class DepthToPointcloudWorkerPool {
           console.warn("WebGPU adapter not found. Falling back to CPU for all frames.");
         } else {
           this.#isWebGpuSupported = true;
-          // console.info("WebGPU potentially supported. Will attempt GPU processing."); // Console log removed as per no-comment request style
+          console.info("WebGPU potentially supported. Will attempt GPU processing.");
         }
       }).catch(err => {
         console.warn("Error requesting WebGPU adapter. Falling back to CPU.", err);
@@ -487,9 +561,11 @@ class DepthToPointcloudWorkerPool {
     this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => wrap$3(new Worker(new URL("pointcloudFromDepth.worker-JVTJ-r5q.js", import.meta.url), {
       type: "module"
     })));
+    this.#metrics = new EventMetricsManager();
+    this.#metrics.registerEvent("pcl-pool.frameInput");
   }
   async queueDepthFrame(data) {
-    // @ts-expect-error - message structure not fully typed here 
+    // @ts-expect-error
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     if (!(data.colorFrame.message?.data instanceof Uint8Array)) {
       console.warn("Skipping frame: colorFrame.message.data is not a Uint8Array", data.colorFrame);
@@ -499,6 +575,11 @@ class DepthToPointcloudWorkerPool {
     this.tryProcessBatch();
   }
   tryProcessBatch() {
+    this.#metrics?.registerEvent("pcl-pool.batchSent");
+    const fps = this.#metrics?.calculate("pcl-pool.batchSent");
+    if (fps && fps > 0) {
+      this.#targetDispatchIntervalMs = 1000 / Math.max(4, fps);
+    }
     if (this.#isProcessing || this.#frameQueue.length < this.#FRAME_BATCH_SIZE) {
       return;
     }
@@ -521,7 +602,7 @@ class DepthToPointcloudWorkerPool {
     const i420Height = firstFrame.i420Height;
     try {
       const depthDataArray = batchToProcess.map(f => uint8ArrayToUint16Array(f.depthFrame.data));
-      // @ts-expect-error - message structure not fully typed here - ITS UNKNOWN
+      // @ts-expect-error
       // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
       const i420DataArray = batchToProcess.map(f => f.colorFrame.message.data);
       const workerIndex = this.lastUsedWorkerIndex;
@@ -537,7 +618,7 @@ class DepthToPointcloudWorkerPool {
             const originalFrame = batchToProcess[i];
             const pointCloudResult = results[i];
             if (!pointCloudResult) {
-              // console.warn(`Worker ${workerIndex}: Result ${i} is null or undefined. Passing null to callback.`); // Console log removed
+              console.warn(`Worker ${workerIndex}: Result ${i} is null or undefined. Passing null to callback.`);
               this.#addToProcessedQueue({
                 originalColorEvent: originalFrame.colorFrame,
                 originalDepthFrame: originalFrame.depthFrame,
@@ -615,6 +696,8 @@ class DepthToPointcloudWorkerPool {
       } catch (error) {
         console.error("Error in dispatchCallback:", error);
       }
+    } else {
+      console.warn("Dispatch timer fired but processed queue was empty.");
     }
     this.#scheduleNextDispatch();
   };
@@ -625,7 +708,6 @@ class DepthToPointcloudWorkerPool {
     }
     this.#frameQueue = [];
     this.#processedFrameQueue = [];
-    // biome-ignore lint/complexity/noForEach: Simple cleanup loop
     this.workerApis = [];
   }
 }
@@ -671,75 +753,6 @@ 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/
 
-const MAX_SAMPLE_SIZE = 100;
-function bytesToMegabits(bytes) {
-  return bytes / (1024 * 1024) * 8;
-}
-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 = MAX_SAMPLE_SIZE;
-  }
-  calculate(topic) {
-    const topicMetrics = this.metrics[topic];
-    if (!topicMetrics) {
-      return 0;
-    }
-    let totalInterval = 0;
-    for (let i = 1; i < topicMetrics.length; ++i) {
-      totalInterval += topicMetrics[i - 1] - topicMetrics[i];
-    }
-    if (isNaN(totalInterval)) {
-      return 0;
-    }
-    const fps = 1_000 / (totalInterval / (topicMetrics.length - 1));
-    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 || !topicMetrics.at(0) || !topicMetrics.at(-1)) {
-      return 0;
-    }
-
-    // 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 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(bytesToMegabits(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
-// file, You can obtain one at http://mozilla.org/MPL/2.0/
-
 class PoitCloudSyncFramework {
   #binarySearch(arr, targetKey) {
     let left = 0;
@@ -85397,7 +85410,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-ttl4cqP0.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-DZgY6A3h.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -85408,7 +85421,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-i-2ofHyT.js').then(m => m.cpp());
+            return import('./index-I0XgHBlj.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85416,7 +85429,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-i-2ofHyT.js').then(m => m.cpp());
+            return import('./index-I0XgHBlj.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85436,7 +85449,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-AHg_yzKN.js').then(m => m.go());
+            return import('./index-pwNtzQuf.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85451,7 +85464,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-CqMDGXcF.js').then(m => m.java());
+            return import('./index-DE0_tKGA.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85467,7 +85480,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DMzCNF_e.js').then(m => m.json());
+            return import('./index-BZ8z044k.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85481,14 +85494,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-Zijk5SvX.js').then(m => m.less());
+            return import('./index-B1pNpslP.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-BQnK1LTP.js').then(m => m.liquid());
+            return import('./index-CLPc3bUH.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85514,7 +85527,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-DLRgXO8y.js').then(m => m.php());
+            return import('./index-DsO3GPWF.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85531,28 +85544,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-BTdZSETz.js').then(m => m.python());
+            return import('./index-BNXdmaeO.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-CP4Zviq2.js').then(m => m.rust());
+            return import('./index-B5_Aa-W3.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-cLRC4uIT.js').then(m => m.sass({ indented: true }));
+            return import('./index-CGXxFWjz.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-cLRC4uIT.js').then(m => m.sass());
+            return import('./index-CGXxFWjz.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85583,7 +85596,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-DcFvTNvR.js').then(m => m.wast());
+            return import('./index-CIHmVsn2.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85591,7 +85604,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-CkN9fMlH.js').then(m => m.xml());
+            return import('./index-B4d7dS8a.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -85599,7 +85612,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-B2-O30qH.js').then(m => m.yaml());
+            return import('./index-DbT8vr6l.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -86395,13 +86408,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-DFHs4aUN.js').then(m => m.vue());
+            return import('./index-CXdNn-IZ.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-BGrTBljs.js').then(m => m.angular());
+            return import('./index-LmBY2nOo.js').then(m => m.angular());
         }
     })
 ];
@@ -162171,6 +162184,7 @@ function RiNumbersFill (props) {
 
 function PanelToolbarMetrics({
   renderedFps,
+  annotationsFps,
   targetFps,
   metrics
 }) {
@@ -162192,7 +162206,7 @@ function PanelToolbarMetrics({
     ref: descriptionRef,
     width: "full"
   }, variant === "compact" ? /*#__PURE__*/React__default.createElement(Tooltip, {
-    content: /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, "Camera: ", targetFps === 0 ? "-" : targetFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, "Network:", " ", !metrics || metrics?.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Decoding:", " ", !metrics || metrics?.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Rendering: ", renderedFps === 0 ? "-" : renderedFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, "Throughput:", " ", !metrics || metrics?.messageThroughput === 0 ? "-" : metrics.messageThroughput, " ", "Mbps"), /*#__PURE__*/React__default.createElement("li", null, "Frontend Delay: ", eventLoopDelay.toFixed(2), " ms")),
+    content: /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, "Camera: ", !targetFps || targetFps === 0 ? "-" : targetFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, "Network:", " ", !metrics || metrics?.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Decoding:", " ", !metrics || metrics?.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Rendering: ", !renderedFps || renderedFps === 0 ? "-" : renderedFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, "Annotations:", " ", !annotationsFps || annotationsFps === 0 || !Number.isFinite(annotationsFps) ? "-" : annotationsFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Throughput:", " ", !metrics || metrics?.messageThroughput === 0 ? "-" : metrics.messageThroughput, " ", "Mbps"), /*#__PURE__*/React__default.createElement("li", null, "Frontend Delay: ", eventLoopDelay.toFixed(2), " ms")),
     direction: "bottom",
     className: "ml-auto"
   }, /*#__PURE__*/React__default.createElement(Button, {
@@ -162209,6 +162223,8 @@ function PanelToolbarMetrics({
     text: `Decoding: ${metrics.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps} FPS`
   }), renderedFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
     text: `Rendering: ${renderedFps === 0 ? "-" : renderedFps} FPS`
+  }), annotationsFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
+    text: `Annotations: ${annotationsFps === 0 || !Number.isFinite(annotationsFps) ? "-" : annotationsFps} FPS`
   }), metrics?.messageThroughput !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
     text: `Throughput: ${metrics.messageThroughput === 0 ? "-" : metrics.messageThroughput} Mbps`
   }), eventLoopDelay !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
@@ -162243,6 +162259,7 @@ const PanelToolbar = ({
   targetFps,
   triggerToast,
   renderedFps,
+  annotationsFps,
   toggleTopic
 }) => {
   const [metrics, setMetrics] = React__default.useState();
@@ -162322,6 +162339,7 @@ const PanelToolbar = ({
     className: "text-[14px]/[14px] xl:pb-[2px]"
   })), /*#__PURE__*/React__default.createElement(PanelToolbarMetrics, {
     renderedFps: renderedFps,
+    annotationsFps: annotationsFps,
     targetFps: targetFps,
     metrics: metrics
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -162390,10 +162408,10 @@ const useDetections = () => {
 };
 const rawToAnnotations = (rawAnnotations, kind, current) => rawAnnotations.map(annotationTopic => ({
   name: annotationTopic,
-  extra: kind === 'extra',
+  extra: kind === "extra",
   enabled: current.find(({
     name
-  }) => name === annotationTopic)?.enabled ?? kind === 'main'
+  }) => name === annotationTopic)?.enabled ?? kind === "main"
 }));
 const Panel = ({
   children,
@@ -162404,6 +162422,7 @@ const Panel = ({
   extraAnnotationTopics = [],
   targetFps,
   renderedFps,
+  annotationsFps,
   renderDelay,
   toggleTopic,
   triggerToast
@@ -162411,7 +162430,7 @@ const Panel = ({
   const [detections, setDetections] = React__default.useState([]);
   React__default.useEffect(() => {
     if (!disableAnnotations) {
-      setDetections(current => [...rawToAnnotations(annotationTopics, 'main', current), ...rawToAnnotations(extraAnnotationTopics, 'extra', current)]);
+      setDetections(current => [...rawToAnnotations(annotationTopics, "main", current), ...rawToAnnotations(extraAnnotationTopics, "extra", current)]);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [JSON.stringify(annotationTopics), JSON.stringify(extraAnnotationTopics)]);
@@ -162435,6 +162454,7 @@ const Panel = ({
     disableAnnotations: disableAnnotations,
     targetFps: targetFps,
     renderedFps: renderedFps,
+    annotationsFps: annotationsFps,
     renderDelay: renderDelay,
     toggleTopic: toggleTopic,
     triggerToast: triggerToast
@@ -162471,10 +162491,11 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-NiMrvEhw.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CJSOG1CX.js'));
 const ImagePanelBody = ({
   topic,
-  frameRenderedEvent
+  frameRenderedEvent,
+  annotationsFpsUpdateHandler
 }) => {
   const {
     detections
@@ -162493,12 +162514,14 @@ const ImagePanelBody = ({
   }), [detections, topic]);
   return /*#__PURE__*/React__default.createElement(ImagePanelComponent, {
     overrideConfig: defaultConfig,
-    frameRenderedEvent: frameRenderedEvent
+    frameRenderedEvent: frameRenderedEvent,
+    annotationsFpsUpdateHandler: annotationsFpsUpdateHandler
   });
 };
 const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
   const renderedFpsMetricsManagerRef = React__default.useRef(null);
   const [renderedFps, setRenderedFps] = React__default.useState(undefined);
+  const [annotationsFps, setAnnotationsFps] = React__default.useState(undefined);
   const {
     averageFrameDelay,
     addFrameTime
@@ -162524,15 +162547,20 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
     renderedFpsMetricsManagerRef.current?.registerEvent('render');
     addFrameTime(frameTime);
   }, [addFrameTime]);
+  const handleAnnotationsFpsUpdate = React__default.useCallback(fps => {
+    setAnnotationsFps(fps);
+  }, []);
   return /*#__PURE__*/React__default.createElement(Panel, _extends$3({
     kind: "image"
   }, props, {
     toggleTopic: props.toggleTopic,
     renderedFps: renderedFps,
+    annotationsFps: annotationsFps,
     renderDelay: averageFrameDelay
   }), /*#__PURE__*/React__default.createElement(ImagePanelBody, {
     topic: props.topic,
-    frameRenderedEvent: handleFrameRendered
+    frameRenderedEvent: handleFrameRendered,
+    annotationsFpsUpdateHandler: handleAnnotationsFpsUpdate
   }));
 });
 
@@ -162540,7 +162568,7 @@ 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-Cia95HmM.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CdXrBVPC.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent
@@ -162578,7 +162606,7 @@ const PointCloudPanelBody = ({
       thetaOffset: 180,
       fovy: getFovy(),
       near: 5,
-      far: 10000
+      far: 20000
     },
     imageMode: {
       colorMode: "rgba-fields"
@@ -162635,4 +162663,4 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   }));
 });
 
-export { flatIndent as $, AnalyticsContext as A, PlayerCapabilities as B, assertNever as C, PlayerPresence as D, ErrorDisplay as E, isEqual as F, isDesktopApp as G, createTheme$1 as H, propTypesExports as I, indentNodeProp as J, continuedIndent as K, LeftSidebarItemKeys as L, foldNodeProp as M, styleTags as N, tags$1 as O, PropTypes as P, LRLanguage as Q, RightSidebarItemKeys as R, Stack$1 as S, LanguageSupport as T, ExternalTokenizer as U, LRParser as V, WorkspaceContext as W, ifNotIn as X, completeFromList as Y, syntaxTree as Z, _extends$3 as _, AppEvent as a, delimitedIndent as a0, foldInside as a1, ContextTracker as a2, LocalTokenGroup as a3, snippetCompletion as a4, IterMode as a5, NodeWeakMap as a6, defineCSSCompletionSource as a7, EditorView as a8, EditorSelection as a9, html$4 as aa, parseMixed as ab, bracketMatchingHandle as ac, javascriptLanguage as ad, VisualizerConnection as ae, VisualizerContext as af, PanelLayout as ag, ImagePanel as ah, PointCloudPanel as ai, 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 { flatIndent as $, AnalyticsContext as A, PlayerCapabilities as B, assertNever as C, PlayerPresence as D, ErrorDisplay as E, isEqual as F, isDesktopApp as G, createTheme$1 as H, propTypesExports as I, indentNodeProp as J, continuedIndent as K, LeftSidebarItemKeys as L, foldNodeProp as M, styleTags as N, tags$1 as O, PropTypes as P, LRLanguage as Q, RightSidebarItemKeys as R, Stack$1 as S, LanguageSupport as T, ExternalTokenizer as U, LRParser as V, WorkspaceContext as W, ifNotIn as X, completeFromList as Y, syntaxTree as Z, _extends$3 as _, AppEvent as a, delimitedIndent as a0, foldInside as a1, ContextTracker as a2, LocalTokenGroup as a3, snippetCompletion as a4, IterMode as a5, NodeWeakMap as a6, defineCSSCompletionSource as a7, EditorView as a8, EditorSelection as a9, html$4 as aa, parseMixed as ab, bracketMatchingHandle as ac, javascriptLanguage as ad, VisualizerConnection as ae, VisualizerContext as af, PanelLayout as ag, ImagePanel as ah, PointCloudPanel as ai, EventMetricsManager as aj, ThroughputMetricsManager as ak, baseSet as b, createAggregator as c, useTranslation as d, usePanelCatalog as e, flatRest as f, generateUtilityClass as g, EmptyState as h, isEmpty as i, PanelContext as j, PanelCatalogContext as k, usePanelStateStore as l, makeStyles as m, useDefaultPanelTitle as n, useWorkspaceStore as o, WorkspaceStoreSelectors as p, difference as q, usePanelContext as r, useMessagePipeline as s, useHoverValue as t, useAnalytics as u, v4 as v, useSetHoverValue as w, useClearHoverValue as x, useMessagePipelineGetter as y, usePanelSettingsTreeUpdate as z };

package/dist/{index-cLRC4uIT.js → index-CGXxFWjz.js}

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

package/dist/{index-DcFvTNvR.js → index-CIHmVsn2.js}

@@ -1,4 +1,4 @@
-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-CPTbtbj3.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-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-NiMrvEhw.js → index-CJSOG1CX.js}

@@ -1,4 +1,4 @@
-import { ImagePanel } from './index-Cia95HmM.js';
+import { ImagePanel } from './index-CdXrBVPC.js';
 import 'react';
 import 'react-dom';
 import './tslib.es6-C73eoP_E.js';
@@ -7,7 +7,7 @@ import './_commonjsHelpers-E-ZsRS8r.js';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import 'zustand';
-import './index-CPTbtbj3.js';
+import './index-BuRQ7ljn.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
 import './FoxgloveServer-C39Uooyk.js';

package/dist/{index-BQnK1LTP.js → index-CLPc3bUH.js}

@@ -1,4 +1,4 @@
-import { a8 as EditorView, a9 as EditorSelection, Q as LRLanguage, N as styleTags, O as tags, J as indentNodeProp, a0 as delimitedIndent, M as foldNodeProp, T as LanguageSupport, V as LRParser, Z as syntaxTree, aa as html, ab as parseMixed, U as ExternalTokenizer } from './index-CPTbtbj3.js';
+import { a8 as EditorView, a9 as EditorSelection, Q as LRLanguage, N as styleTags, O as tags, J as indentNodeProp, a0 as delimitedIndent, M as foldNodeProp, T as LanguageSupport, V as LRParser, Z as syntaxTree, aa as html, ab as parseMixed, U as ExternalTokenizer } from './index-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';

package/dist/{index-DFHs4aUN.js → index-CXdNn-IZ.js}

@@ -1,4 +1,4 @@
-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-CPTbtbj3.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-BuRQ7ljn.js';
 import './tslib.es6-C73eoP_E.js';
 import 'react';
 import 'react-mosaic-component';