@luxonis/visualizer-protobuf 2.66.10 → 2.67.1

package/dist/{comlink-DHMAu6X7.js → comlink-CsH1ih07.js}

@@ -341,4 +341,4 @@ function requestResponseMessage(ep, pendingListeners, msg, transfers) {
     });
 }
 
-export { expose as e, proxy as p, wrap as w };
+export { expose as e, proxy as p, transfer as t, wrap as w };

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

@@ -1,4 +1,4 @@
-import { w as wrap } from './comlink-DHMAu6X7.js';
+import { t as transfer, w as wrap } 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,11 +4189,18 @@ 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;
+function getDepthWorker() {
+  if (!depthWorker) {
+    depthWorker = wrap(new Worker(new URL("depth-coloring.worker-BfrTf5yN.js", import.meta.url)));
+  }
+  return depthWorker;
+}
 async function deserializeDepthFrame({
   topic,
   message,
   callback,
-  maxSteroDepth
+  maxStereoDepth
 }) {
   const {
     receiveTime,
@@ -4201,8 +4208,16 @@ async function deserializeDepthFrame({
     width,
     height
   } = parseMessage(message);
-  const worker = wrap(new Worker(new URL("depth-coloring.worker-YB2xphzJ.js", import.meta.url)));
-  const colorizedData = await worker.colorDepht(message, encoding, width, height, maxSteroDepth);
+  const worker = getDepthWorker();
+
+  // Transfer the underlying ArrayBuffer to the worker to avoid cloning and allow GC on the main thread
+  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);
+  }
   const foxgloveMessage = {
     timestamp: receiveTime,
     frame_id: `depth-${topic}-frame`,

package/dist/{depth-coloring.worker-YB2xphzJ.js → depth-coloring.worker-BfrTf5yN.js}

@@ -1,13 +1,15 @@
-import { e as expose } from './comlink-DHMAu6X7.js';
+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/
 
-function colorDepht(message, encoding, width, height, maxSteroDepth) {
-  const depthData = parseDepthData(message.data, encoding, width, height);
+function colorDepht(data, encoding, width, height, maxSteroDepth) {
+  const depthData = parseDepthData(data, encoding, width, height);
   const colorizedData = colorizeDepthFrame(depthData, width, height, maxSteroDepth);
-  return colorizedData;
+
+  // Return the colorized buffer as a transferable to avoid copies
+  return transfer(colorizedData, [colorizedData.buffer]);
 }
 function parseDepthData(data, encoding, width, height) {
   const pixelCount = width * height;

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

@@ -1,6 +1,6 @@
-import { e as expose } from './comlink-DHMAu6X7.js';
-import { t as typescript } from './index-CmrbNJoW.js';
-import { U as parseMessage, e as estimateObjectSize, V as fromMillis, d as dist, W as parsePixelFormat, X as deserializeDepthFrame } from './depth-BGin0LSZ.js';
+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 { 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';
@@ -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,
@@ -1050,9 +1053,6 @@ function handleMessageToDecode({
   const bufferArray = new Uint8Array(buffer.buffer, buffer.byteOffset, buffer.byteLength);
   try {
     const message = protobufSchema.decoder.decode(bufferArray);
-    console.debug(`[DepthAI Deserialization] Received message of type ${protobufSchema.type} on topic ${topic}`, {
-      message
-    });
     if (configStore.connectionConfigValue.debugLogs) {
       console.debug(`[DepthAI Deserialization] Received message of type ${protobufSchema.type} on topic ${topic}`, {
         message
@@ -1150,7 +1150,7 @@ async function deserializeDepthAiMessage(args) {
                 topic,
                 message,
                 callback,
-                maxSteroDepth: maxSteroDepth / 1000
+                maxStereoDepth: maxSteroDepth / 1000
               });
               break;
             }

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

package/dist/{index-BwR3Iw0A.js → index-BGsMOjjC.js}

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

package/dist/{index-CT4S0Kky.js → index-BTT4oTs5.js}

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

@@ -1,15 +1,15 @@
-import { ImagePanel } from './index-BOSTLpqR.js';
+import { ImagePanel } from './index-BzLeaN56.js';
 import 'react';
 import 'react-dom';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'zustand';
 import 'react-mosaic-component';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
-import './index-BHSCyWTx.js';
+import './index-CrukQeVA.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-CmrbNJoW.js';
+import './index-Cnigfgu_.js';
 import '@mui/material/styles/createTypography';
 import 'color';
 import 'lodash.curry';

package/dist/{index-BOSTLpqR.js → index-BzLeaN56.js}

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, createElement, cloneElement, useMemo, Profiler, StrictMode } from 'react';
 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 { 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-CvvVVEb7.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-BHSCyWTx.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-CrukQeVA.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';
@@ -17,14 +17,14 @@ import CancelIcon from '@mui/icons-material/Cancel';
 import SearchIcon from '@mui/icons-material/Search';
 import { useDrag, useDrop } from 'react-dnd';
 import { B as Box3, V as Vector3, I as InstancedBufferGeometry, F as Float32BufferAttribute, a as InstancedInterleavedBuffer, b as InterleavedBufferAttribute, W as WireframeGeometry, S as Sphere, U as UniformsLib, c as Vector2, e as ShaderLib, f as UniformsUtils, g as ShaderMaterial, h as Vector4, M as Matrix4, L as Line3, i as Mesh, j as MathUtils, O as Object3D, C as Color, r as rgbToThreeColor, s as stringToRgba, m as makeRgba, k as MeshStandardMaterial, R as ReplaceStencilOp, N as NotEqualStencilFunc, D as DoubleSide, P as PointsMaterial, l as rgbaToCssString, n as colorModeSettingsFields, o as autoSelectColorSettings, p as PlaneGeometry, q as DataTexture, t as UVMapping, u as ClampToEdgeWrapping, v as NearestFilter, w as LinearFilter, x as FS_SRGB_TO_LINEAR, y as SRGBColorSpace, z as LinearSRGBColorSpace, A as rgbaToLinear, E as RedFormat, G as RGBAFormat, H as getColorConverter, J as FloatType, K as UnsignedByteType, Q as NEEDS_MIN_MAX$1, T as InstancedMesh, X as CylinderGeometry, Y as ConeGeometry, Z as DataTextureLoader, _ as LinearMipmapLinearFilter, $ as Loader, a0 as LoaderUtils, a1 as FileLoader, a2 as MeshBasicMaterial, a3 as Scene, a4 as TextureLoader, a5 as AnimationClip, a6 as VectorKeyframeTrack, a7 as QuaternionKeyframeTrack, a8 as MeshLambertMaterial, a9 as MeshPhongMaterial, aa as FrontSide, ab as PerspectiveCamera, ac as OrthographicCamera, ad as AmbientLight, ae as SpotLight, af as PointLight, ag as DirectionalLight, ah as BufferGeometry, ai as Group, aj as Quaternion, ak as Bone, al as LineBasicMaterial, am as SkinnedMesh, an as Line, ao as LineSegments, ap as RepeatWrapping, aq as Skeleton, ar as BufferAttribute, as as TrianglesDrawMode, at as TriangleFanDrawMode, au as TriangleStripDrawMode, av as MeshPhysicalMaterial, aw as ImageBitmapLoader, ax as InterleavedBuffer, ay as Material, az as PropertyBinding, aA as LineLoop, aB as Points, aC as InterpolateLinear, aD as ColorManagement, aE as NearestMipmapNearestFilter, aF as LinearMipmapNearestFilter, aG as NearestMipmapLinearFilter, aH as MirroredRepeatWrapping, aI as InterpolateDiscrete, aJ as Texture, aK as NumberKeyframeTrack, aL as Interpolant, aM as EdgesGeometry, aN as LoadingManager, aO as stringToRgb, aP as getLuminance, aQ as Euler, aR as vec3TupleApproxEquals, aS as decodeCompressedImageToBitmap, aT as CanvasTexture, aU as Shape, aV as SRGBToLinear, aW as ShapeGeometry, aX as DynamicDrawUsage, aY as ShaderChunk, aZ as IMAGE_DEFAULT_COLOR_MODE_SETTINGS, a_ as colorHasTransparency, a$ as StaticDrawUsage, b0 as RawShaderMaterial, b1 as GLSL3, b2 as colorFieldComputedPrefix, b3 as getRotationTo, b4 as SphereGeometry, b5 as rgbaGradient, b6 as InstancedBufferAttribute, b7 as BoxGeometry, b8 as DARK_OUTLINE, b9 as LIGHT_OUTLINE, ba as CircleGeometry, bb as LineDashedMaterial, bc as GreaterDepth, bd as EventDispatcher$1, be as Plane, bf as Raycaster, bg as WebGLRenderTarget, bh as THREE$1, bi as Spherical, bj as WebGLRenderer, bk as NoToneMapping, bl as VSMShadowMap, bm as HemisphereLight } from './decodeImage-DAWmFdMI.js';
-import { t as typescript } from './index-CmrbNJoW.js';
+import { t as typescript } from './index-Cnigfgu_.js';
 import { CacheProvider } from '@emotion/react';
 import '@mui/material/styles/createTypography';
 import { E as EventEmitter } from './FoxgloveServer-h5m-pXp3.js';
 import require$$1$3 from 'color';
 import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
-import './comlink-DHMAu6X7.js';
+import './comlink-CsH1ih07.js';
 import './utils-Hzt3wxhG.js';
 import './foxglove-protocol-BSYuI-q2.js';
 import 'react-dnd-html5-backend';
@@ -32507,9 +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.
-// New: how long (seconds) of recent images we keep around to allow picking an older image that better matches annotations
 const imageRetentionSec = 5; // keep small window of recent images
-const maxImageBuffer = 120; // cap number of stored images (e.g. 24 FPS * 5s)
+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 = {
@@ -32620,29 +32619,29 @@ class MessageHandler {
 
     // Compute timestamp seconds for buffer storage (prefer image stamp, then receiveTime, then wall clock)
     const stamp = getTimestampFromImage(image);
-    let timeSec;
+    let stampTimeSec;
     const stampSec = stamp?.sec;
     const stampNsec = stamp?.nsec;
     if (typeof stampSec === "number" && typeof stampNsec === "number") {
-      timeSec = stampSec + stampNsec / 1e9;
+      stampTimeSec = stampSec + stampNsec / 1e9;
     } else {
       const recv = message.receiveTime;
       const recvSec = recv?.sec;
       const recvNsec = recv?.nsec;
       if (typeof recvSec === "number" && typeof recvNsec === "number") {
-        timeSec = recvSec + recvNsec / 1e9;
-      } else {
-        timeSec = performance.now() / 1000;
+        stampTimeSec = recvSec + recvNsec / 1e9;
       }
     }
+    const arrivalSec = performance.now() / 1000;
     this.imagesBuffer.push({
       image: this.lastImage,
-      timeSec
+      stampTimeSec,
+      arrivalSec
     });
-    // Trim by time and length
+    // Trim by arrival time and length (do not use stamped time for retention)
     const nowSec = performance.now() / 1000;
-    const cutoff = nowSec - imageRetentionSec;
-    this.imagesBuffer = this.imagesBuffer.filter(e => e.timeSec >= cutoff);
+    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);
     }
@@ -32785,6 +32784,36 @@ class MessageHandler {
       }
     }
 
+    // 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) {
@@ -32793,9 +32822,9 @@ class MessageHandler {
       }
     }
 
-    // New policy: always start from newest image (do not freeze on older frame).
+    // 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 = newestImageEntry.timeSec;
+    const imageTimestampSec = typeof newestImageEntry.stampTimeSec === "number" ? newestImageEntry.stampTimeSec : newestImageEntry.arrivalSec;
     const selectedAnnotations = new Map();
     const presentTopics = [];
     const missingTopics = [];

package/dist/{index-kNDsHDY4.js → index-CTU14EGn.js}

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

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

package/dist/{index-DoUU7hig.js → index-CpDOxFKV.js}

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

package/dist/{index-BHSCyWTx.js → index-CrukQeVA.js}

@@ -1,5 +1,5 @@
-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-BGin0LSZ.js';
-import { w as wrap$3, p as proxy } from './comlink-DHMAu6X7.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-CvvVVEb7.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';
 import { B as BinaryOpcode } from './FoxgloveServer-h5m-pXp3.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-CoUfUVnZ.js", import.meta.url), {
+    this.workerApis = new Array(WORKER_COUNT).fill(undefined).map(() => wrap$3(new Worker(new URL("pointcloudFromDepth.worker-BuoR8w9Z.js", import.meta.url), {
       type: "module"
     })));
     this.#metrics = globalInputEventMetricsManager;
@@ -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-hk5-vVek.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-DKiZ2X4o.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-DpVmn8Eo.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-Dq_6x13l.js').then(m => m.cpp());
+            return import('./index-BTaQS6zc.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-Dq_6x13l.js').then(m => m.cpp());
+            return import('./index-BTaQS6zc.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86880,7 +86880,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-CMk3yuIe.js').then(m => m.go());
+            return import('./index-BUWAj7RO.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86895,7 +86895,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-C5g4sPQV.js').then(m => m.java());
+            return import('./index-DzJhlBTx.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86911,7 +86911,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DgB4MyqP.js').then(m => m.json());
+            return import('./index-ewsVm4VI.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86925,14 +86925,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-Cux47RKo.js').then(m => m.less());
+            return import('./index-bi1RxT1w.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-H7DkPNZj.js').then(m => m.liquid());
+            return import('./index-OiUy81OG.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-DoUU7hig.js').then(m => m.php());
+            return import('./index-CpDOxFKV.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-BwR3Iw0A.js').then(m => m.python());
+            return import('./index-BGsMOjjC.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-DgsLl2EF.js').then(m => m.rust());
+            return import('./index-DuHHWrO3.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-w7ND8d2T.js').then(m => m.sass({ indented: true }));
+            return import('./index-B0BQ4Fwh.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-w7ND8d2T.js').then(m => m.sass());
+            return import('./index-B0BQ4Fwh.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87027,7 +87027,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-CT4S0Kky.js').then(m => m.wast());
+            return import('./index-BTT4oTs5.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-QTvh2vP4.js').then(m => m.xml());
+            return import('./index-DyET9xdh.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87043,7 +87043,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-CFJCMpe3.js').then(m => m.yaml());
+            return import('./index-DGb5vWhb.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-kNDsHDY4.js').then(m => m.vue());
+            return import('./index-CTU14EGn.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-v8qHRTgH.js').then(m => m.angular());
+            return import('./index-CYlHxiz2.js').then(m => m.angular());
         }
     })
 ];
@@ -166554,7 +166554,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-DjfMAVx2.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BlAepdJg.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-BOSTLpqR.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BzLeaN56.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

package/dist/{index-DgsLl2EF.js → index-DuHHWrO3.js}

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';

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

@@ -1,6 +1,6 @@
-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-BHSCyWTx.js';
-import './depth-BGin0LSZ.js';
-import './comlink-DHMAu6X7.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-CrukQeVA.js';
+import './depth-CvvVVEb7.js';
+import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';