@luxonis/visualizer-protobuf 2.67.1 → 2.67.2

package/dist/{depth-CvvVVEb7.js → depth-CFY2W_Vf.js}

@@ -1,4 +1,4 @@
-import { t as transfer, w as wrap } from './comlink-CsH1ih07.js';
+import { w as wrap, t as transfer } from './comlink-CsH1ih07.js';
 import { useContext, useRef, useLayoutEffect, createContext, useReducer, useState, useCallback } from 'react';
 import 'zustand';
 import { isParent, getLeaves, createRemoveUpdate, updateTree, getNodeAtPath } from 'react-mosaic-component';
@@ -4189,12 +4189,31 @@ function parseMessage(message) {
 // 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/
 
-let depthWorker = null;
+let workerIndex = 0;
+const WORKER_COUNT = 3;
+const workerPool = Array.from({
+  length: WORKER_COUNT
+}, () => ({
+  remote: wrap(new Worker(new URL("depth-coloring.worker-DR5moFai.js", import.meta.url))),
+  busy: false
+}));
 function getDepthWorker() {
-  if (!depthWorker) {
-    depthWorker = wrap(new Worker(new URL("depth-coloring.worker-BfrTf5yN.js", import.meta.url)));
+  for (let i = 0; i < workerPool.length; i++) {
+    const idx = (workerIndex + i) % workerPool.length;
+    const slot = workerPool[idx];
+    if (!slot?.busy) {
+      slot.busy = true;
+      workerIndex = (idx + 1) % workerPool.length;
+      return slot.remote;
+    }
+  }
+  return null;
+}
+function releaseWorker(remote) {
+  const slot = workerPool.find(s => s.remote === remote);
+  if (slot) {
+    slot.busy = false;
   }
-  return depthWorker;
 }
 async function deserializeDepthFrame({
   topic,
@@ -4209,14 +4228,19 @@ async function deserializeDepthFrame({
     height
   } = parseMessage(message);
   const worker = getDepthWorker();
-
-  // Transfer the underlying ArrayBuffer to the worker to avoid cloning and allow GC on the main thread
+  if (!worker) {
+    console.warn("All depth workers busy, dropping frame");
+    return;
+  }
   let colorizedData;
   try {
     colorizedData = await worker.colorDepht(transfer(message.data, [message.data.buffer]), encoding, width, height, maxStereoDepth);
   } catch (err) {
-    // Fallback in case the buffer is not transferable (e.g., SharedArrayBuffer)
-    colorizedData = await worker.colorDepht(message.data, encoding, width, height, maxStereoDepth);
+    console.error("Error in depth worker:", err);
+    releaseWorker(worker);
+    throw err;
+  } finally {
+    releaseWorker(worker);
   }
   const foxgloveMessage = {
     timestamp: receiveTime,
@@ -4243,17 +4267,11 @@ function getDistanceFromDepthDataForOffset(depthData, width, height, xOffset, yO
     });
     return undefined;
   }
-
-  // Compute the pixel index corresponding to the offsets, clamped to image bounds
   const xCenter = Math.min(width - 1, Math.max(0, Math.floor(xOffset * width)));
   const yCenter = Math.min(height - 1, Math.max(0, Math.floor(yOffset * height)));
-  const pointStride = 16; // bytes per point
-  const zByteOffset = 8; // z is at byte offset 8 within each point
-
-  // Prepare a DataView over the provided depthData for efficient reads
+  const pointStride = 16;
+  const zByteOffset = 8;
   const view = new DataView(depthData.buffer, depthData.byteOffset, depthData.byteLength);
-
-  // Average z over a 5x5 window centered at (xCenter, yCenter)
   const radius = 2;
   let sum = 0;
   let count = 0;
@@ -4269,7 +4287,6 @@ function getDistanceFromDepthDataForOffset(depthData, width, height, xOffset, yO
       }
       const idx = y * width + x;
       const offset = idx * pointStride + zByteOffset;
-      // Ensure we have enough bytes to read a float32
       if (offset + 4 > depthData.byteLength) {
         continue;
       }

package/dist/depth-coloring.worker-DR5moFai.js

@@ -0,0 +1,120 @@
+import { e as expose, t as transfer } from './comlink-CsH1ih07.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
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+
+
+// Reusable buffers to avoid allocations
+let depthBuffer = null;
+let colorBuffer = null;
+function colorDepht(data, encoding, width, height, maxSteroDepth) {
+  const pixelCount = width * height;
+  if (!depthBuffer || depthBuffer.length < pixelCount) {
+    depthBuffer = new Float32Array(pixelCount);
+  }
+  if (!colorBuffer || colorBuffer.length < pixelCount * 3) {
+    colorBuffer = new Uint8Array(pixelCount * 3);
+  }
+  parseDepthData(data, encoding, width, height, depthBuffer);
+  colorizeDepthFrame(depthBuffer, width, height, maxSteroDepth, colorBuffer);
+  const result = new Uint8Array(pixelCount * 3);
+  result.set(colorBuffer.subarray(0, pixelCount * 3));
+  return transfer(result, [result.buffer]);
+}
+function parseDepthData(data, encoding, width, height, depthData) {
+  const pixelCount = width * height;
+  if (encoding === "mono16" || encoding === "16UC1") {
+    const byteOffset = data.byteOffset;
+    const byteLength = data.byteLength;
+    if (byteOffset % 2 === 0 && byteLength >= pixelCount * 2) {
+      const uint16View = new Uint16Array(data.buffer, byteOffset, pixelCount);
+      for (let i = 0; i < pixelCount; i++) {
+        depthData[i] = uint16View[i] * 0.001;
+      }
+    } else {
+      // Fallback: use DataView for unaligned data
+      const view = new DataView(data.buffer, byteOffset, byteLength);
+      for (let i = 0; i < pixelCount; i++) {
+        depthData[i] = view.getUint16(i * 2, true) * 0.001;
+      }
+    }
+  } else if (encoding === "32FC1") {
+    const byteOffset = data.byteOffset;
+    const byteLength = data.byteLength;
+    if (byteOffset % 4 === 0 && byteLength >= pixelCount * 4) {
+      const float32View = new Float32Array(data.buffer, byteOffset, pixelCount);
+      for (let i = 0; i < pixelCount; i++) {
+        depthData[i] = float32View[i];
+      }
+    } else {
+      const view = new DataView(data.buffer, byteOffset, byteLength);
+      for (let i = 0; i < pixelCount; i++) {
+        depthData[i] = view.getFloat32(i * 4, true);
+      }
+    }
+  } else {
+    throw new Error(`Unsupported depth encoding: ${encoding}`);
+  }
+}
+expose({
+  colorDepht
+});
+function colorizeDepthFrame(depthData, width, height, maxDepth, colorizedData) {
+  const pixelCount = width * height;
+  const colormap = getJetColormap();
+  const invMaxDepth = 255 / maxDepth;
+  for (let i = 0; i < pixelCount; i++) {
+    const depth = depthData[i];
+    const clipped = depth < 0 ? 0 : depth > maxDepth ? maxDepth : depth;
+    const normalized = Math.floor(clipped * invMaxDepth);
+    const colorOffset = normalized * 3;
+    const offset = i * 3;
+    colorizedData[offset] = colormap[colorOffset];
+    colorizedData[offset + 1] = colormap[colorOffset + 1];
+    colorizedData[offset + 2] = colormap[colorOffset + 2];
+  }
+}
+let cachedColormapFlat = null;
+function getJetColormap() {
+  if (cachedColormapFlat) {
+    return cachedColormapFlat;
+  }
+  const colormap = new Uint8Array(256 * 3);
+  for (let i = 0; i < 256; i++) {
+    const value = i / 255.0;
+    let r, g, b;
+    if (value < 0.125) {
+      r = 0;
+      g = 0;
+      b = 0.5 + 0.5 * (value / 0.125);
+    } else if (value < 0.375) {
+      r = 0;
+      g = (value - 0.125) / 0.25;
+      b = 1;
+    } else if (value < 0.625) {
+      r = (value - 0.375) / 0.25;
+      g = 1;
+      b = 1 - (value - 0.375) / 0.25;
+    } else if (value < 0.875) {
+      r = 1;
+      g = 1 - (value - 0.625) / 0.25;
+      b = 0;
+    } else {
+      r = 1 - 0.5 * (value - 0.875) / 0.125;
+      g = 0;
+      b = 0;
+    }
+    const offset = i * 3;
+    colormap[offset] = Math.floor(r * 255);
+    colormap[offset + 1] = Math.floor(g * 255);
+    colormap[offset + 2] = Math.floor(b * 255);
+  }
+  colormap[0] = 0;
+  colormap[1] = 0;
+  colormap[2] = 0;
+  cachedColormapFlat = colormap;
+  return colormap;
+}
+
+export { colorDepht };

package/dist/{deserialization.worker-hk5-vVek.js → deserialization.worker-BRNDCptR.js}

@@ -1,6 +1,6 @@
 import { e as expose } from './comlink-CsH1ih07.js';
-import { t as typescript } from './index-Cnigfgu_.js';
-import { U as parseMessage, e as estimateObjectSize, V as fromMillis, d as dist, W as parsePixelFormat, X as deserializeDepthFrame } from './depth-CvvVVEb7.js';
+import { t as typescript } from './index-CYJDY0hm.js';
+import { U as parseMessage, e as estimateObjectSize, V as fromMillis, d as dist, W as parsePixelFormat, X as deserializeDepthFrame } from './depth-CFY2W_Vf.js';
 import { P as PointsAnnotationType, p as protobufsBySchema, T as Type, b as Profile } from './protobuf-BFCtaU7c.js';
 import { i as isCapableOfEncodedStream } from './encoding-DqlhpFR2.js';
 import 'react';

package/dist/{index-CTU14EGn.js → index-2Ajz1Y1F.js}

@@ -1,5 +1,5 @@
-import { Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, aa as LocalTokenGroup, ah as html, ai as parseMixed, ak as javascriptLanguage } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, aa as LocalTokenGroup, ah as html, ai as parseMixed, ak as javascriptLanguage } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-BUWAj7RO.js → index-B3cHfrcw.js}

@@ -1,5 +1,5 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, aa as LocalTokenGroup, ab as snippetCompletion, a5 as syntaxTree, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, a3 as ifNotIn, a4 as completeFromList, ac as IterMode, ad as NodeWeakMap } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, aa as LocalTokenGroup, ab as snippetCompletion, a5 as syntaxTree, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, a3 as ifNotIn, a4 as completeFromList, ac as IterMode, ad as NodeWeakMap } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-DpVmn8Eo.js → index-BNMXWFDA.js}

@@ -1,5 +1,5 @@
-import { U as indentNodeProp, V as continuedIndent, X as foldNodeProp, Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a1 as ExternalTokenizer, a2 as LRParser, a3 as ifNotIn, a4 as completeFromList, a5 as syntaxTree } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { U as indentNodeProp, V as continuedIndent, X as foldNodeProp, Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a1 as ExternalTokenizer, a2 as LRParser, a3 as ifNotIn, a4 as completeFromList, a5 as syntaxTree } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-CYlHxiz2.js → index-BhLYvhjo.js}

@@ -1,5 +1,5 @@
-import { Y as styleTags, Z as tags, ak as javascriptLanguage, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { Y as styleTags, Z as tags, ak as javascriptLanguage, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-BTaQS6zc.js → index-BuGHi09K.js}

@@ -1,5 +1,5 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-CpDOxFKV.js → index-BzAo-6Ol.js}

@@ -1,5 +1,5 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, ah as html, a0 as LanguageSupport, ai as parseMixed } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, ah as html, a0 as LanguageSupport, ai as parseMixed } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-BlAepdJg.js → index-C92x9EiC.js}

@@ -1,7 +1,7 @@
-import { ImagePanel } from './index-BzLeaN56.js';
+import { ImagePanel } from './index-D7JYN_IN.js';
 import 'react';
 import 'react-dom';
-import './depth-CvvVVEb7.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'zustand';
 import 'react-mosaic-component';
@@ -9,7 +9,7 @@ import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
-import './index-CrukQeVA.js';
+import './index-CLHPbWo6.js';
 import './utils-Hzt3wxhG.js';
 import './FoxgloveServer-h5m-pXp3.js';
 import 'ms';
@@ -32,7 +32,7 @@ import '@mui/icons-material/MoreVert';
 import '@mui/icons-material/Cancel';
 import '@mui/icons-material/Search';
 import './decodeImage-DAWmFdMI.js';
-import './index-Cnigfgu_.js';
+import './index-CYJDY0hm.js';
 import '@mui/material/styles/createTypography';
 import 'color';
 import 'lodash.curry';

package/dist/{index-OiUy81OG.js → index-CCsfCpZT.js}

@@ -1,5 +1,5 @@
-import { af as EditorView, ag as EditorSelection, $ as LRLanguage, Y as styleTags, Z as tags, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a0 as LanguageSupport, a2 as LRParser, a5 as syntaxTree, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { af as EditorView, ag as EditorSelection, $ as LRLanguage, Y as styleTags, Z as tags, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a0 as LanguageSupport, a2 as LRParser, a5 as syntaxTree, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-CrukQeVA.js → index-CLHPbWo6.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 './depth-CvvVVEb7.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-CFY2W_Vf.js';
 import { w as wrap$3, p as proxy } from './comlink-CsH1ih07.js';
 import { u as uint8ArrayToUint16Array } from './utils-Hzt3wxhG.js';
 import { p as protobufsBySchema, a as protobufSchemaNameToType, g as getDefaultExportFromCjs, c as commonjsGlobal } from './protobuf-BFCtaU7c.js';
@@ -653,7 +653,7 @@ class DepthToPointcloudWorkerPool {
       // biome-ignore lint/style/noNonNullAssertion: <explanation>
       const workerApi = this.workerApis[workerIndex];
       this.lastUsedWorkerIndex = (this.lastUsedWorkerIndex + 1) % WORKER_COUNT;
-      workerApi.depthToPointcloudGPU(depthDataArray, width, height, fx, fy, cx, cy, i420DataArray, i420Width, i420Height, Number(localStorage.getItem("stereoDepthMaxValue") ?? "5.0"), {
+      workerApi.depthToPointcloudGPU(depthDataArray, width, height, fx, fy, cx, cy, i420DataArray, i420Width, i420Height, Number(localStorage.getItem("stereoDepthMaxValue") ?? "8000"), {
         hasGPU: this.#isWebGpuSupported
       }).then(results => {
         if (results.length === batchToProcess.length) {
@@ -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-hk5-vVek.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-BRNDCptR.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -818,7 +818,7 @@ function createMessageHandler(callback) {
         buffer,
         topic,
         neuralCameraIntrinsics,
-        stereoDepthMaxValue: Number(localStorage.getItem("stereoDepthMaxValue") ?? "5.0")
+        stereoDepthMaxValue: Number(localStorage.getItem("stereoDepthMaxValue") ?? "8000")
       }, ConfigStore.getInstance(), proxiedCallback);
     }
   };
@@ -86841,7 +86841,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-DpVmn8Eo.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-BNMXWFDA.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -86852,7 +86852,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-BTaQS6zc.js').then(m => m.cpp());
+            return import('./index-BuGHi09K.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86860,7 +86860,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-BTaQS6zc.js').then(m => m.cpp());
+            return import('./index-BuGHi09K.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86880,7 +86880,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-BUWAj7RO.js').then(m => m.go());
+            return import('./index-B3cHfrcw.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86895,7 +86895,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-DzJhlBTx.js').then(m => m.java());
+            return import('./index-CaE-gPi_.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86911,7 +86911,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-ewsVm4VI.js').then(m => m.json());
+            return import('./index-KDfpYD4q.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86925,14 +86925,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-bi1RxT1w.js').then(m => m.less());
+            return import('./index-DW9FJFJz.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-OiUy81OG.js').then(m => m.liquid());
+            return import('./index-CCsfCpZT.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86958,7 +86958,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-CpDOxFKV.js').then(m => m.php());
+            return import('./index-BzAo-6Ol.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86975,28 +86975,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-BGsMOjjC.js').then(m => m.python());
+            return import('./index-HcH5t5Pw.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-DuHHWrO3.js').then(m => m.rust());
+            return import('./index-ugbolO1H.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-B0BQ4Fwh.js').then(m => m.sass({ indented: true }));
+            return import('./index-CZ6h7zpz.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-B0BQ4Fwh.js').then(m => m.sass());
+            return import('./index-CZ6h7zpz.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87027,7 +87027,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-BTT4oTs5.js').then(m => m.wast());
+            return import('./index-FM6vEyS1.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87035,7 +87035,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-DyET9xdh.js').then(m => m.xml());
+            return import('./index-CZkF1YCY.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87043,7 +87043,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-DGb5vWhb.js').then(m => m.yaml());
+            return import('./index-CRTwfb76.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -87839,13 +87839,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-CTU14EGn.js').then(m => m.vue());
+            return import('./index-2Ajz1Y1F.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-CYlHxiz2.js').then(m => m.angular());
+            return import('./index-BhLYvhjo.js').then(m => m.angular());
         }
     })
 ];
@@ -166179,6 +166179,7 @@ const PanelAnnotationButton = ({
 };
 const PanelToolbar = ({
   topic,
+  fakedAs,
   kind,
   setDetections,
   disableAnnotations = false,
@@ -166195,6 +166196,7 @@ const PanelToolbar = ({
   actions
 }) => {
   const [metrics, setMetrics] = React__default.useState();
+  const [fakedMetrics, setFakedMetrics] = React__default.useState();
   const [showResolution, setShowResolution] = React__default.useState(false);
   const {
     detections
@@ -166205,18 +166207,29 @@ const PanelToolbar = ({
   const wrapperBreakpointRef = React__default.useRef(null);
   const parentContainer = wrapperBreakpointRef.current ?? wrapperRef.current ?? document.body;
   React__default.useEffect(() => {
-    // Initial set
     if (!metrics) {
       setMetrics(connections.at(0)?.getTopicMetrics(topic));
     }
     const interval = setInterval(() => {
-      setMetrics(connections[0]?.getTopicMetrics(topic));
+      const m = connections[0]?.getTopicMetrics(topic);
+      setMetrics(m);
+      if (fakedAs) {
+        const mFakedAs = connections[0]?.getTopicMetrics(fakedAs);
+        if (mFakedAs) {
+          setFakedMetrics({
+            resolutions: m?.resolutions ?? new Map(),
+            incomingMessagesFps: mFakedAs.incomingMessagesFps,
+            decodedMessagesFps: mFakedAs.decodedMessagesFps,
+            messageThroughput: mFakedAs.messageThroughput
+          });
+        }
+      }
     }, 500);
     return () => {
       clearInterval(interval);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [connections, topic, fakedAs]);
   React__default.useEffect(() => {
     if (wrapperWidth && wrapperWidth < 600) {
       setShowResolution(false);
@@ -166301,7 +166314,7 @@ const PanelToolbar = ({
     ref: wrapperBreakpointRef
   }, /*#__PURE__*/React__default.createElement(PanelToolbarMetrics, {
     targetFps: targetFps,
-    metrics: metrics,
+    metrics: fakedMetrics ?? metrics,
     topic: topic,
     inDropdown: true,
     isPointcloud: kind === "pointCloud"
@@ -166354,7 +166367,7 @@ const PanelToolbar = ({
     icon: MdClose
   }, "Close Stream")))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PanelToolbarMetrics, {
     targetFps: targetFps,
-    metrics: metrics,
+    metrics: fakedMetrics ?? metrics,
     topic: topic,
     isPointcloud: isPointcloud
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -166479,6 +166492,7 @@ const Panel = ({
   canMoveDown,
   moveDown,
   panelOverlay,
+  fakedAs,
   panelToolbarActions
 }) => {
   const [detections, setDetections] = React__default.useState([]);
@@ -166505,6 +166519,7 @@ const Panel = ({
     className: "flex flex-col grow border border-solid border-[#d3d3d3d9] overflow-hidden rounded-lg",
     ref: sectionRef
   }, panelOverlay, !hideToolbar && /*#__PURE__*/React__default.createElement(PanelToolbar, {
+    fakedAs: fakedAs,
     kind: kind,
     topic: topic,
     setDetections: setDetections,
@@ -166554,7 +166569,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BlAepdJg.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-C92x9EiC.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -166649,7 +166664,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-BzLeaN56.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-D7JYN_IN.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,

package/dist/{index-DGb5vWhb.js → index-CRTwfb76.js}

@@ -1,5 +1,5 @@
-import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ai as parseMixed } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ai as parseMixed } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-Cnigfgu_.js → index-CYJDY0hm.js}

@@ -1,4 +1,4 @@
-import { ah as tslib_es6 } from './depth-CvvVVEb7.js';
+import { ah as tslib_es6 } from './depth-CFY2W_Vf.js';
 import { d as getAugmentedNamespace } from './protobuf-BFCtaU7c.js';
 
 var typescript = {};

package/dist/{index-B0BQ4Fwh.js → index-CZ6h7zpz.js}

@@ -1,5 +1,5 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, X as foldNodeProp, a8 as foldInside, U as indentNodeProp, V as continuedIndent, ae as defineCSSCompletionSource, a0 as LanguageSupport } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, X as foldNodeProp, a8 as foldInside, U as indentNodeProp, V as continuedIndent, ae as defineCSSCompletionSource, a0 as LanguageSupport } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-DyET9xdh.js → index-CZkF1YCY.js}

@@ -1,5 +1,5 @@
-import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, X as foldNodeProp, aj as bracketMatchingHandle, a0 as LanguageSupport, af as EditorView, a5 as syntaxTree, ag as EditorSelection } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, X as foldNodeProp, aj as bracketMatchingHandle, a0 as LanguageSupport, af as EditorView, a5 as syntaxTree, ag as EditorSelection } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';

package/dist/{index-DzJhlBTx.js → index-CaE-gPi_.js}

@@ -1,5 +1,5 @@
-import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-CrukQeVA.js';
-import './depth-CvvVVEb7.js';
+import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-CLHPbWo6.js';
+import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';