@luxonis/visualizer-protobuf 2.66.9 → 2.67.0

package/dist/{deserialization.worker-CgJJ0wn7.js → deserialization.worker-CUQshOva.js}

@@ -422,6 +422,9 @@ function deserializeImgDetections({
       const highlightSizeX = Math.min(highligtLength, detectionWidth);
       const highlightSizeY = Math.min(highligtLength * ratio, detection.ymax - detection.ymin);
       const style = DETECTION_STYLE[detection.label] ?? DEFAULT_STYLE;
+      if (detection.labelName) {
+        style.label = detection.labelName;
+      }
       foxgloveMessage.points.push({
         timestamp: receiveTime,
         points: [{
@@ -644,7 +647,7 @@ function deserializeColorFrame({
     planeStride
   } = parseMessage(message);
   const foxgloveMessage = {
-    timestamp: message.tsDevice ?? receiveTime,
+    timestamp: receiveTime,
     frame_id: `color-${topic}-frame`,
     width,
     height,

package/dist/{index-BJslJPfz.js → index-3ExnAzAV.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-Clq69yV3.js → index-B4xhG_lJ.js}

@@ -3,7 +3,7 @@ import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Compo
 import ReactDOM__default from 'react-dom';
 import { Y as isSymbol, Z as toString, $ as keys, a0 as getSymbols$1, a1 as stubArray, a2 as arrayPush, a3 as baseGetAllKeys, g as getTag, a4 as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a5 as arrayMap$1, a6 as baseUniq, b as baseFlatten, a7 as useMustNotChange, a8 as useCurrentLayoutActions, a9 as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, aa as usePanelMosaicId, ab as useSelectedPanels, ac as PANEL_TITLE_CONFIG_KEY, ad as noop$4, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$2, ae as useAppConfiguration, af as useValueChangedDebugLog, ag as useJsonTreeTheme } from './depth-BGin0LSZ.js';
 import { createStore, useStore } from 'zustand';
-import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, P as PropTypes, E as ErrorDisplay, S as Stack$1, m as makeStyles$1, _ as _extends$1, W as WorkspaceContext, u as useAnalytics, a as AppEvent, L as LeftSidebarItemKeys, R as RightSidebarItemKeys, d as useTranslation, e as usePanelCatalog, h as EmptyState, i as isEmpty, j as PanelContext, k as PanelCatalogContext, l as usePanelStateStore, n as useDefaultPanelTitle, o as useWorkspaceStore, p as WorkspaceStoreSelectors, q as difference, r as usePanelContext, s as useMessagePipeline, v as v4, t as useHoverValue, w as useSetHoverValue, x as useClearHoverValue, y as useMessagePipelineGetter, z as usePanelSettingsTreeUpdate, B as PlayerCapabilities, C as assertNever, D as PlayerPresence, F as isEqual, G as isDesktopApp, H as createTheme, I as propTypesExports, J as DEFAULT_CAMERA_STATE$1, K as format$1, M as z, N as serializeError, O as stringify$1, Q as createIntl, T as createIntlCache } from './index-C41fk9FJ.js';
+import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, P as PropTypes, E as ErrorDisplay, S as Stack$1, m as makeStyles$1, _ as _extends$1, W as WorkspaceContext, u as useAnalytics, a as AppEvent, L as LeftSidebarItemKeys, R as RightSidebarItemKeys, d as useTranslation, e as usePanelCatalog, h as EmptyState, i as isEmpty, j as PanelContext, k as PanelCatalogContext, l as usePanelStateStore, n as useDefaultPanelTitle, o as useWorkspaceStore, p as WorkspaceStoreSelectors, q as difference, r as usePanelContext, s as useMessagePipeline, v as v4, t as useHoverValue, w as useSetHoverValue, x as useClearHoverValue, y as useMessagePipelineGetter, z as usePanelSettingsTreeUpdate, B as PlayerCapabilities, C as assertNever, D as PlayerPresence, F as isEqual, G as isDesktopApp, H as createTheme, I as propTypesExports, J as DEFAULT_CAMERA_STATE$1, K as format$1, M as z, N as serializeError, O as stringify$1, Q as createIntl, T as createIntlCache } from './index-zO0AHCu7.js';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as getAugmentedNamespace } from './protobuf-BFCtaU7c.js';
 import { Link, Button, alpha, IconButton, Card, CardActionArea, CardMedia, CardContent, Typography, Container, Tooltip, Fade, ListItem, ListItemButton, ListItemText, List, TextField, InputAdornment, Popper, Grow, Paper, ClickAwayListener, Menu, MenuItem, Divider, buttonClasses, Backdrop, Chip, useTheme, alertClasses, darken, lighten, inputBaseClasses, autocompleteClasses, inputClasses, Checkbox, dialogActionsClasses, filledInputClasses, inputAdornmentClasses, listSubheaderClasses, selectClasses, tableCellClasses, ThemeProvider as ThemeProvider$1, SvgIcon, tabsClasses as tabsClasses$1, tabClasses, Tabs, Tab, ListItemIcon } from '@mui/material';
@@ -32507,6 +32507,8 @@ function getAnnotationAtPath(message, path) {
 const syncToleranceSec = 0.15; // maximum acceptable time difference for selecting a “closest” annotation.
 const maxStalenessSec = 1.1; // how long we can hold the last older annotation if no better match is available. 1s corresponds to 1 FPS + 100ms window for jitter.
 const hysteresisSec = 0.1; // how much “stickiness” we allow before switching candidates.
+const imageRetentionSec = 5; // keep small window of recent images
+const maxImageBuffer = 150; // cap number of stored images
 
 // Have constants for the HUD items so that they don't need to be recreated and GCed every message
 const WAITING_FOR_BOTH_HUD_ITEM = {
@@ -32564,6 +32566,8 @@ class MessageHandler {
 
   #onAnnotationReceivedEvent;
   #annotationsFpsRefreshInterval = null;
+  // New: keep a buffer of recent images for annotation-prioritized synchronization
+  imagesBuffer = [];
   // Store a small buffer of recent annotations per topic with computed seconds timestamps
   annotationsMap = new Map();
   // Track last selected annotation per topic to add hysteresis and reduce flicker
@@ -32612,6 +32616,35 @@ class MessageHandler {
       ...message,
       message: image
     };
+
+    // Compute timestamp seconds for buffer storage (prefer image stamp, then receiveTime, then wall clock)
+    const stamp = getTimestampFromImage(image);
+    let stampTimeSec;
+    const stampSec = stamp?.sec;
+    const stampNsec = stamp?.nsec;
+    if (typeof stampSec === "number" && typeof stampNsec === "number") {
+      stampTimeSec = stampSec + stampNsec / 1e9;
+    } else {
+      const recv = message.receiveTime;
+      const recvSec = recv?.sec;
+      const recvNsec = recv?.nsec;
+      if (typeof recvSec === "number" && typeof recvNsec === "number") {
+        stampTimeSec = recvSec + recvNsec / 1e9;
+      }
+    }
+    const arrivalSec = performance.now() / 1000;
+    this.imagesBuffer.push({
+      image: this.lastImage,
+      stampTimeSec,
+      arrivalSec
+    });
+    // Trim by arrival time and length (do not use stamped time for retention)
+    const nowSec = performance.now() / 1000;
+    const cutoffArrival = nowSec - imageRetentionSec;
+    this.imagesBuffer = this.imagesBuffer.filter(e => e.arrivalSec >= cutoffArrival);
+    if (this.imagesBuffer.length > maxImageBuffer) {
+      this.imagesBuffer.splice(0, this.imagesBuffer.length - maxImageBuffer);
+    }
     this.#emitState();
   }
   handleCameraInfo = message => {
@@ -32706,6 +32739,7 @@ class MessageHandler {
     this.annotationsMap.clear();
     this.lastSelectedByTopic.clear();
     this.lastImage = undefined;
+    this.imagesBuffer = [];
     this.#oldRenderState = undefined;
     this.#emitState();
   }
@@ -32734,30 +32768,75 @@ class MessageHandler {
     this.#hud.displayIfTrue(waitingForImage && calibrationRequired, WAITING_FOR_IMAGE_NOTICE_HUD_ITEM);
   }
   #getRenderState() {
-    if (!this.lastImage) {
+    if (this.imagesBuffer.length === 0) {
       return {
         annotationsByTopic: new Map(),
         presentAnnotationTopics: undefined,
         missingAnnotationTopics: undefined
       };
     }
-    const state = {
-      image: this.lastImage,
-      annotationsByTopic: new Map()
-    };
-    const imageTimestampSec = (() => {
-      const stamp = getTimestampFromImage(this.lastImage.message);
-      const sec = stamp?.sec;
-      const nsec = stamp?.nsec;
-      if (typeof sec === "number" && typeof nsec === "number") {
-        return sec + nsec / 1e9;
-      }
-      return performance.now() / 1000;
-    })();
-    for (const [topic, buffer] of this.annotationsMap.entries()) {
-      if (buffer.length === 0) continue;
-
-      // Prefer newest annotation older than the image within staleness window
+
+    // Visible topics
+    const visibleTopics = new Set();
+    if (this.#config.annotations) {
+      for (const [topic, settings] of Object.entries(this.#config.annotations)) {
+        if (settings?.visible) visibleTopics.add(topic);
+      }
+    }
+
+    // If there are no visible annotation topics, just render the latest image
+    if (visibleTopics.size === 0) {
+      const newestImageEntry = this.imagesBuffer[this.imagesBuffer.length - 1];
+      return {
+        image: newestImageEntry.image,
+        annotationsByTopic: new Map(),
+        presentAnnotationTopics: undefined,
+        missingAnnotationTopics: undefined
+      };
+    }
+
+    // Fast-path: if none of the visible topics has any annotation data yet, render image only
+    let hasAnyAnnotationForVisible = false;
+    for (const t of visibleTopics) {
+      const buf = this.annotationsMap.get(t);
+      if (buf && buf.length > 0) {
+        hasAnyAnnotationForVisible = true;
+        break;
+      }
+    }
+    if (!hasAnyAnnotationForVisible) {
+      const newestImageEntry = this.imagesBuffer[this.imagesBuffer.length - 1];
+      return {
+        image: newestImageEntry.image,
+        annotationsByTopic: new Map(),
+        presentAnnotationTopics: undefined,
+        missingAnnotationTopics: undefined
+      };
+    }
+
+    // Required topics (available & visible)
+    const requiredTopics = [];
+    for (const t of visibleTopics) {
+      if (this.availableAnnotationTopics.size === 0 || this.availableAnnotationTopics.has(t)) {
+        requiredTopics.push(t);
+      }
+    }
+
+    // New policy: always start from newest image by arrival (do not freeze on older frame).
+    const newestImageEntry = this.imagesBuffer[this.imagesBuffer.length - 1];
+    const imageTimestampSec = typeof newestImageEntry.stampTimeSec === "number" ? newestImageEntry.stampTimeSec : newestImageEntry.arrivalSec;
+    const selectedAnnotations = new Map();
+    const presentTopics = [];
+    const missingTopics = [];
+    for (const topic of visibleTopics) {
+      const buffer = this.annotationsMap.get(topic);
+      if (!buffer || buffer.length === 0) {
+        // No annotations yet for this topic
+        if (requiredTopics.includes(topic)) ;
+        continue;
+      }
+
+      // Find preferred (newest <= image time within staleness)
       let preferred;
       for (let i = buffer.length - 1; i >= 0; i--) {
         const entry = buffer[i];
@@ -32768,28 +32847,28 @@ class MessageHandler {
         }
       }
 
-      // If none older within staleness, fall back to closest within tolerance
-      let fallback = buffer[0];
-      let fallbackDelta = Math.abs(fallback.timeSec - imageTimestampSec);
+      // Fallback: closest within tolerance window
+      let closest = buffer[0];
+      let closestDelta = Math.abs(closest.timeSec - imageTimestampSec);
       for (let i = 1; i < buffer.length; i++) {
         const entry = buffer[i];
         const delta = Math.abs(entry.timeSec - imageTimestampSec);
-        if (delta < fallbackDelta) {
-          fallback = entry;
-          fallbackDelta = delta;
+        if (delta < closestDelta) {
+          closest = entry;
+          closestDelta = delta;
         }
       }
-      let candidate = preferred ?? fallback;
+      let candidate = preferred ?? closest;
       if (!candidate) continue;
       const candidateDelta = Math.abs(candidate.timeSec - imageTimestampSec);
       const candidateAge = imageTimestampSec - candidate.timeSec;
-      const acceptable = preferred != undefined && candidateAge >= 0 && candidateAge <= maxStalenessSec || preferred == undefined && candidateDelta <= syncToleranceSec;
+      const acceptable = preferred && candidateAge >= 0 && candidateAge <= maxStalenessSec || !preferred && candidateDelta <= syncToleranceSec;
       const notFutureFar = candidate.timeSec <= imageTimestampSec + syncToleranceSec;
       if (!acceptable || !notFutureFar) {
+        // can't use for now
         continue;
       }
-
-      // Hysteresis: if previous selection is very close and still valid, keep it to avoid flicker
+      // Hysteresis: keep previous if close
       const prevTime = this.lastSelectedByTopic.get(topic);
       if (prevTime != undefined) {
         const prevEntry = buffer.find(e => Math.abs(e.timeSec - prevTime) < 1e-6);
@@ -32802,10 +32881,30 @@ class MessageHandler {
           }
         }
       }
-      state.annotationsByTopic.set(topic, candidate.annotation);
+      selectedAnnotations.set(topic, candidate.annotation);
+      presentTopics.push(topic);
       this.lastSelectedByTopic.set(topic, candidate.timeSec);
     }
-    return state;
+
+    // Determine missing topics (we have at least some annotation messages for them but could not align one this frame)
+    for (const t of requiredTopics) {
+      if (!presentTopics.includes(t)) {
+        const buf = this.annotationsMap.get(t);
+        if (buf && buf.length > 0) {
+          // We received data but could not synchronize within tolerance -> mark missing
+          missingTopics.push(t);
+        }
+      }
+    }
+
+    // Always return newest image; do not block rendering if annotations incomplete
+    return {
+      image: newestImageEntry.image,
+      annotationsByTopic: selectedAnnotations,
+      // Provide mismatch info only if we have both present and missing; otherwise undefined to reduce HUD noise
+      presentAnnotationTopics: presentTopics.length > 0 && missingTopics.length > 0 ? presentTopics.sort() : undefined,
+      missingAnnotationTopics: presentTopics.length > 0 && missingTopics.length > 0 ? missingTopics.sort() : undefined
+    };
   }
 }
 

package/dist/{index-Ct1D6II_.js → index-BJDORwpv.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, a5 as syntaxTree, a3 as ifNotIn, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ac as IterMode, a4 as completeFromList, ad as NodeWeakMap, ab as snippetCompletion } from './index-C41fk9FJ.js';
+import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, a5 as syntaxTree, a3 as ifNotIn, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ac as IterMode, a4 as completeFromList, ad as NodeWeakMap, ab as snippetCompletion } from './index-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-CyYbEgIe.js → index-BXE5U9N5.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-C41fk9FJ.js';
+import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-D-mDIWK_.js → index-BimPKcrm.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-CRGrBIhH.js → index-C4y1s0Nb.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-DkTZCwWX.js → index-CAUP2iVN.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-Cyl0afzE.js → index-CBOygVjC.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-JFZDeEB8.js → index-CpgTEFvA.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-nO2O7il5.js → index-CyTYlc8K.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-BZBENqR3.js → index-DCjnDYdn.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-0xvyd9_r.js → index-DEUT3mEo.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-DuwwCf0Y.js → index-DNjRDu_i.js}

@@ -1,4 +1,4 @@
-import { $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, Y as styleTags, Z as tags, a0 as LanguageSupport, a2 as LRParser } from './index-C41fk9FJ.js';
+import { $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, Y as styleTags, Z as tags, a0 as LanguageSupport, a2 as LRParser } from './index-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-BWnke17_.js → index-DQP_BVHB.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, ae as defineCSSCompletionSource, a0 as LanguageSupport, a2 as LRParser, a1 as ExternalTokenizer } from './index-C41fk9FJ.js';
+import { Y as styleTags, Z as tags, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, ae as defineCSSCompletionSource, a0 as LanguageSupport, a2 as LRParser, a1 as ExternalTokenizer } from './index-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-AReJXz0b.js → index-DUXZHYX9.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-C41fk9FJ.js';
+import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-DnFWiYGu.js → index-DfDFLVJw.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-CAKA0YwJ.js → index-Dly2VJ2B.js}

@@ -1,4 +1,4 @@
-import { ImagePanel } from './index-Clq69yV3.js';
+import { ImagePanel } from './index-B4xhG_lJ.js';
 import 'react';
 import 'react-dom';
 import './depth-BGin0LSZ.js';
@@ -9,7 +9,7 @@ import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
-import './index-C41fk9FJ.js';
+import './index-zO0AHCu7.js';
 import './utils-Hzt3wxhG.js';
 import './FoxgloveServer-h5m-pXp3.js';
 import 'ms';

package/dist/{index-Bb6PcuFb.js → index-FWDxRfR8.js}

@@ -1,4 +1,4 @@
-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-C41fk9FJ.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-zO0AHCu7.js';
 import './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import 'react';

package/dist/{index-C41fk9FJ.js → index-zO0AHCu7.js}

@@ -575,7 +575,7 @@ class DepthToPointcloudWorkerPool {
     this.#FRAME_BATCH_SIZE = Math.max(1, batchSize);
     this.#targetDispatchIntervalMs = DISPATCH_INTERVAL_MS / Math.max(1, Math.round(targetFps / DISPATCH_INTERVAL_FRACTION)) * this.#calculateBatchMultiplier();
     this.#maxProcessedQueueSize = Math.max(1, maxProcessedQueueSize);
-    this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => wrap$3(new Worker(new URL("pointcloudFromDepth.worker-hil48rbC.js", import.meta.url), {
+    this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => wrap$3(new Worker(new URL("pointcloudFromDepth.worker-CoUfUVnZ.js", import.meta.url), {
       type: "module"
     })));
     this.#metrics = globalInputEventMetricsManager;
@@ -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, {
+      workerApi.depthToPointcloudGPU(depthDataArray, width, height, fx, fy, cx, cy, i420DataArray, i420Width, i420Height, Number(localStorage.getItem("stereoDepthMaxValue") ?? "5.0"), {
         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-CgJJ0wn7.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-CUQshOva.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -86841,7 +86841,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-Cyl0afzE.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-CBOygVjC.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-DnFWiYGu.js').then(m => m.cpp());
+            return import('./index-DfDFLVJw.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-DnFWiYGu.js').then(m => m.cpp());
+            return import('./index-DfDFLVJw.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86880,7 +86880,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-BZBENqR3.js').then(m => m.go());
+            return import('./index-DCjnDYdn.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86895,7 +86895,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-0xvyd9_r.js').then(m => m.java());
+            return import('./index-DEUT3mEo.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86911,7 +86911,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-AReJXz0b.js').then(m => m.json());
+            return import('./index-DUXZHYX9.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86925,14 +86925,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-BWnke17_.js').then(m => m.less());
+            return import('./index-DQP_BVHB.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-DkTZCwWX.js').then(m => m.liquid());
+            return import('./index-CAUP2iVN.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-BJslJPfz.js').then(m => m.php());
+            return import('./index-3ExnAzAV.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-Ct1D6II_.js').then(m => m.python());
+            return import('./index-BJDORwpv.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-CyYbEgIe.js').then(m => m.rust());
+            return import('./index-BXE5U9N5.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-D-mDIWK_.js').then(m => m.sass({ indented: true }));
+            return import('./index-BimPKcrm.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-D-mDIWK_.js').then(m => m.sass());
+            return import('./index-BimPKcrm.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87027,7 +87027,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-DuwwCf0Y.js').then(m => m.wast());
+            return import('./index-DNjRDu_i.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-nO2O7il5.js').then(m => m.xml());
+            return import('./index-CyTYlc8K.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87043,7 +87043,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-Bb6PcuFb.js').then(m => m.yaml());
+            return import('./index-FWDxRfR8.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-JFZDeEB8.js').then(m => m.vue());
+            return import('./index-CpgTEFvA.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-CRGrBIhH.js').then(m => m.angular());
+            return import('./index-C4y1s0Nb.js').then(m => m.angular());
         }
     })
 ];
@@ -166554,7 +166554,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CAKA0YwJ.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Dly2VJ2B.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -166649,7 +166649,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-Clq69yV3.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-B4xhG_lJ.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,

package/dist/index.js

@@ -1,4 +1,4 @@
-export { av as FrameStore, ao as ImagePanel, an as PanelLayout, ap as PointCloudPanel, al as VisualizerConnection, am as VisualizerContext, aq as constructKeyForTopicRenderMetrics, aw as getIMUEventEmitter, as as globalDecodeMetricsManager, ar as globalInputEventMetricsManager, at as globalRenderMetricsManager, au as globalThroughputMetricsManager } from './index-C41fk9FJ.js';
+export { av as FrameStore, ao as ImagePanel, an as PanelLayout, ap as PointCloudPanel, al as VisualizerConnection, am as VisualizerContext, aq as constructKeyForTopicRenderMetrics, aw as getIMUEventEmitter, as as globalDecodeMetricsManager, ar as globalInputEventMetricsManager, at as globalRenderMetricsManager, au as globalThroughputMetricsManager } from './index-zO0AHCu7.js';
 export { S as getDistanceFromDepthDataForOffset } from './depth-BGin0LSZ.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';

package/dist/lib/src/messaging/deserialization/detections/detection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detection.d.ts","sourceRoot":"","sources":["../../../../../../src/messaging/deserialization/detections/detection.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAG7E,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,EAAE;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAA;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,4BAA4B,GAAG,IAAI,CAsIrH"}
+{"version":3,"file":"detection.d.ts","sourceRoot":"","sources":["../../../../../../src/messaging/deserialization/detections/detection.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAG7E,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,EAAE;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAA;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,4BAA4B,GAAG,IAAI,CA0IrH"}

package/dist/lib/src/messaging/deserialization/detections/detection.js

@@ -24,6 +24,9 @@ export function deserializeImgDetections({ topic, message, callback, topicSizes
             const highlightSizeX = Math.min(highligtLength, detectionWidth);
             const highlightSizeY = Math.min(highligtLength * ratio, detection.ymax - detection.ymin);
             const style = DETECTION_STYLE[detection.label] ?? DEFAULT_STYLE;
+            if (detection.labelName) {
+                style.label = detection.labelName;
+            }
             foxgloveMessage.points.push({
                 timestamp: receiveTime,
                 points: [