@luxonis/visualizer-protobuf 2.38.0 → 2.40.0

package/dist/{index-B0a8Fcsq.js → index-BF8y50SS.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 { S as isSymbol, U as toString, V as keys, W as getSymbols$1, X as stubArray, Y as arrayPush, Z as baseGetAllKeys, g as getTag, $ as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a0 as arrayMap$1, a1 as baseUniq, b as baseFlatten, a2 as useMustNotChange, a3 as useCurrentLayoutActions, a4 as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, a5 as usePanelMosaicId, a6 as useSelectedPanels, a7 as PANEL_TITLE_CONFIG_KEY, a8 as noop$4, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$3, a9 as useAppConfiguration, aa as useValueChangedDebugLog, ab as useJsonTreeTheme } from './tslib.es6-C73eoP_E.js';
+import { S as isSymbol, U as toString, V as keys, W as getSymbols$1, X as stubArray, Y as arrayPush, Z as baseGetAllKeys, g as getTag, $ as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a0 as arrayMap$1, a1 as baseUniq, b as baseFlatten, a2 as useMustNotChange, a3 as useCurrentLayoutActions, a4 as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, a5 as usePanelMosaicId, a6 as useSelectedPanels, a7 as PANEL_TITLE_CONFIG_KEY, a8 as noop$4, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$2, a9 as useAppConfiguration, aa as useValueChangedDebugLog, ab as useJsonTreeTheme } from './tslib.es6-C73eoP_E.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 } from './index-MWcjCcp7.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 } from './index-xjxIYb7x.js';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
 import { t as typescript } from './useMessageReducer-jNx5e6JW.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as getAugmentedNamespace } from './_commonjsHelpers-E-ZsRS8r.js';
@@ -10899,7 +10899,7 @@ function initRenderStateBuilder() {
 
           // Given that messagesByTopic should be in order by receiveTime, we need to
           // combine all of the messages into a single array and sorted by receive time.
-          forEachSortedArrays(topicsToPreloadForPanel.map(topic => block.messagesByTopic[topic] ?? []), (a, b) => dist$3.compare(a.receiveTime, b.receiveTime), messageEvent => {
+          forEachSortedArrays(topicsToPreloadForPanel.map(topic => block.messagesByTopic[topic] ?? []), (a, b) => dist$2.compare(a.receiveTime, b.receiveTime), messageEvent => {
             // Message blocks may contain topics that we are not subscribed to so we
             // need to filter those out. We use unconvertedSubscriptionTopics to
             // determine if we should include the message event. Clients expect
@@ -10936,7 +10936,7 @@ function initRenderStateBuilder() {
     if (watchedFields.has("previewTime")) {
       const startTime = activeData?.startTime;
       if (startTime != undefined && hoverValue != undefined) {
-        const stamp = dist$3.toSec(startTime) + hoverValue.value;
+        const stamp = dist$2.toSec(startTime) + hoverValue.value;
         if (stamp !== renderState.previewTime) {
           shouldRender = true;
         }
@@ -11212,7 +11212,7 @@ function PanelExtensionAdapter(props) {
         if (!isMounted()) {
           return;
         }
-        const seekTarget = typeof stamp === "object" ? stamp : dist$3.fromSec(stamp);
+        const seekTarget = typeof stamp === "object" ? stamp : dist$2.fromSec(stamp);
         seekPlayback(seekTarget);
       } : undefined,
       dataSourceProfile,
@@ -11244,7 +11244,7 @@ function PanelExtensionAdapter(props) {
           if (!startTime) {
             return;
           }
-          const secondsFromStart = stamp - dist$3.toSec(startTime);
+          const secondsFromStart = stamp - dist$2.toSec(startTime);
           setHoverValue({
             type: "PLAYBACK_SECONDS",
             componentId: "PanelExtensionAdatper",
@@ -12841,7 +12841,7 @@ class RenderableMarker extends Renderable {
     const hasLifetime = marker.lifetime.sec !== 0 || marker.lifetime.nsec !== 0;
     super(name, renderer, {
       receiveTime: receiveTime ?? 0n,
-      messageTime: dist$3.toNanoSec(marker.header.stamp),
+      messageTime: dist$2.toNanoSec(marker.header.stamp),
       frameId: renderer.normalizeFrameId(marker.header.frame_id),
       pose: marker.pose,
       settingsPath: ["topics", topic],
@@ -12852,7 +12852,7 @@ class RenderableMarker extends Renderable {
       topic,
       marker,
       originalMarker: marker,
-      expiresIn: hasLifetime ? dist$3.toNanoSec(marker.lifetime) : undefined
+      expiresIn: hasLifetime ? dist$2.toNanoSec(marker.lifetime) : undefined
     });
   }
   idFromMessage() {
@@ -12873,12 +12873,12 @@ class RenderableMarker extends Renderable {
     if (receiveTime != undefined) {
       this.userData.receiveTime = receiveTime;
     }
-    this.userData.messageTime = dist$3.toNanoSec(marker.header.stamp);
+    this.userData.messageTime = dist$2.toNanoSec(marker.header.stamp);
     this.userData.frameId = this.renderer.normalizeFrameId(marker.header.frame_id);
     this.userData.pose = marker.pose;
     this.userData.marker = this.#renderMarker(marker);
     this.userData.originalMarker = marker;
-    this.userData.expiresIn = hasLifetime ? dist$3.toNanoSec(marker.lifetime) : undefined;
+    this.userData.expiresIn = hasLifetime ? dist$2.toNanoSec(marker.lifetime) : undefined;
   }
 
   // Convert sRGB values to linear
@@ -16607,10 +16607,10 @@ class Cameras extends SceneExtension {
   #handleCameraInfo = messageEvent => {
     const topic = messageEvent.topic;
     const cameraInfo = normalizeCameraInfo(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     let renderable = this.renderables.get(topic);
     if (!renderable) {
-      const messageTime = dist$3.toNanoSec(cameraInfo.header.stamp);
+      const messageTime = dist$2.toNanoSec(cameraInfo.header.stamp);
       const frameId = this.renderer.normalizeFrameId(cameraInfo.header.frame_id);
 
       // Set the initial settings from default values merged with any user settings
@@ -16646,7 +16646,7 @@ class Cameras extends SceneExtension {
     const settingsEqual = newSettings.color === prevSettings.color && newSettings.distance === prevSettings.distance && newSettings.planarProjectionFactor === prevSettings.planarProjectionFactor && newSettings.width === prevSettings.width;
     const topic = renderable.userData.topic;
     renderable.userData.receiveTime = receiveTime;
-    renderable.userData.messageTime = dist$3.toNanoSec(cameraInfo.header.stamp);
+    renderable.userData.messageTime = dist$2.toNanoSec(cameraInfo.header.stamp);
     renderable.userData.frameId = this.renderer.normalizeFrameId(cameraInfo.header.frame_id);
     renderable.userData.settings = newSettings;
 
@@ -17311,7 +17311,7 @@ class FoxgloveGrid extends SceneExtension {
   #handleFoxgloveGrid = messageEvent => {
     const topic = messageEvent.topic;
     const foxgloveGrid = normalizeFoxgloveGrid(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     let renderable = this.renderables.get(topic);
     if (!this.#validateFoxgloveGrid(foxgloveGrid, messageEvent.topic)) {
       if (renderable) {
@@ -17365,7 +17365,7 @@ class FoxgloveGrid extends SceneExtension {
       // Create the renderable
       renderable = new FoxgloveGridRenderable(topic, this.renderer, {
         receiveTime,
-        messageTime: dist$3.toNanoSec(foxgloveGrid.timestamp),
+        messageTime: dist$2.toNanoSec(foxgloveGrid.timestamp),
         frameId: this.renderer.normalizeFrameId(foxgloveGrid.frame_id),
         pose: foxgloveGrid.pose,
         settingsPath: ["topics", topic],
@@ -17432,7 +17432,7 @@ class FoxgloveGrid extends SceneExtension {
     renderable.userData.foxgloveGrid = foxgloveGrid;
     renderable.userData.pose = foxgloveGrid.pose;
     renderable.userData.receiveTime = receiveTime;
-    renderable.userData.messageTime = dist$3.toNanoSec(foxgloveGrid.timestamp);
+    renderable.userData.messageTime = dist$2.toNanoSec(foxgloveGrid.timestamp);
     renderable.userData.frameId = this.renderer.normalizeFrameId(foxgloveGrid.frame_id);
     const {
       row_stride,
@@ -31073,7 +31073,7 @@ const WAITING_FOR_BOTH_MESSAGES_HUD_ID = "WAITING_FOR_BOTH_MESSAGES";
 const WAITING_FOR_CALIBRATION_HUD_ID = "WAITING_FOR_CALIBRATION";
 const WAITING_FOR_IMAGES_NOTICE_ID = "WAITING_FOR_IMAGES_NOTICE";
 
-var dist$2 = {};
+var dist$1 = {};
 
 var primitive = {};
 
@@ -31458,7 +31458,7 @@ Object.defineProperty(awaited, "__esModule", { value: true });
 	// Build-in types
 	__exportStar(awaited, exports);
 	
-} (dist$2));
+} (dist$1));
 
 // 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
@@ -31606,7 +31606,7 @@ class ImageRenderable extends Renderable {
     super.dispose();
   }
   updateHeaderInfo() {
-    dist$2.assert(this.userData.image, "updateHeaderInfo called without image");
+    dist$1.assert(this.userData.image, "updateHeaderInfo called without image");
 
     // If there is camera info, the frameId comes from the camera info since the user may have
     // selected camera info with a different frame than our image frame.
@@ -31615,7 +31615,7 @@ class ImageRenderable extends Renderable {
     const image = this.userData.image;
     const rawFrameId = this.userData.cameraInfo?.header.frame_id ?? ("header" in image ? image.header.frame_id : image.frame_id);
     this.userData.frameId = typeof rawFrameId === "string" ? this.renderer.normalizeFrameId(rawFrameId) : rawFrameId;
-    this.userData.messageTime = dist$3.toNanoSec("header" in image ? image.header.stamp : image.timestamp);
+    this.userData.messageTime = dist$2.toNanoSec("header" in image ? image.header.stamp : image.timestamp);
   }
   details() {
     return {
@@ -31744,7 +31744,7 @@ class ImageRenderable extends Renderable {
     this.#isUpdating = false;
   }
   #rebuildGeometry() {
-    dist$2.assert(this.userData.cameraModel, "Camera model must be set before geometry can be updated");
+    dist$1.assert(this.userData.cameraModel, "Camera model must be set before geometry can be updated");
     // Dispose of the current geometry if the settings have changed
     this.userData.geometry?.dispose();
     this.userData.geometry = undefined;
@@ -31753,7 +31753,7 @@ class ImageRenderable extends Renderable {
     this.#meshNeedsUpdate = true;
   }
   #updateTexture() {
-    dist$2.assert(this.#decodedImage, "Decoded image must be set before texture can be updated or created");
+    dist$1.assert(this.#decodedImage, "Decoded image must be set before texture can be updated or created");
     const decodedImage = this.#decodedImage;
     // Create or update the bitmap texture
     if (decodedImage instanceof ImageBitmap) {
@@ -31825,8 +31825,8 @@ class ImageRenderable extends Renderable {
     });
   }
   #updateMesh() {
-    dist$2.assert(this.userData.geometry, "Geometry must be set before mesh can be updated or created");
-    dist$2.assert(this.userData.material, "Material must be set before mesh can be updated or created");
+    dist$1.assert(this.userData.geometry, "Geometry must be set before mesh can be updated or created");
+    dist$1.assert(this.userData.material, "Material must be set before mesh can be updated or created");
     if (!this.userData.mesh) {
       this.userData.mesh = new Mesh(this.userData.geometry, this.userData.material);
       this.add(this.userData.mesh);
@@ -32212,750 +32212,6 @@ class ImageModeCamera extends PerspectiveCamera {
   }
 }
 
-var dist$1 = {};
-
-var AVLTree$1 = {};
-
-var AVLNode = {};
-
-Object.defineProperty(AVLNode, "__esModule", { value: true });
-AVLNode.printNodes = AVLNode.prevNode = AVLNode.nextNode = AVLNode.rotateRight = AVLNode.rotateLeft = void 0;
-/**
- * Single left rotation
- */
-function rotateLeft(node) {
-    const rightNode = node.right;
-    node.right = rightNode.left;
-    if (rightNode.left) {
-        rightNode.left.parent = node;
-    }
-    rightNode.parent = node.parent;
-    if (rightNode.parent) {
-        if (rightNode.parent.left === node) {
-            rightNode.parent.left = rightNode;
-        }
-        else {
-            rightNode.parent.right = rightNode;
-        }
-    }
-    node.parent = rightNode;
-    rightNode.left = node;
-    node.balanceFactor += 1;
-    if (rightNode.balanceFactor < 0) {
-        node.balanceFactor -= rightNode.balanceFactor;
-    }
-    rightNode.balanceFactor += 1;
-    if (node.balanceFactor > 0) {
-        rightNode.balanceFactor += node.balanceFactor;
-    }
-    return rightNode;
-}
-AVLNode.rotateLeft = rotateLeft;
-/**
- * Single right rotation
- */
-function rotateRight(node) {
-    const leftNode = node.left;
-    node.left = leftNode.right;
-    if (node.left) {
-        node.left.parent = node;
-    }
-    leftNode.parent = node.parent;
-    if (leftNode.parent) {
-        if (leftNode.parent.left === node) {
-            leftNode.parent.left = leftNode;
-        }
-        else {
-            leftNode.parent.right = leftNode;
-        }
-    }
-    node.parent = leftNode;
-    leftNode.right = node;
-    node.balanceFactor -= 1;
-    if (leftNode.balanceFactor > 0) {
-        node.balanceFactor -= leftNode.balanceFactor;
-    }
-    leftNode.balanceFactor -= 1;
-    if (node.balanceFactor < 0) {
-        leftNode.balanceFactor += node.balanceFactor;
-    }
-    return leftNode;
-}
-AVLNode.rotateRight = rotateRight;
-/**
- * Return the node immediately after the given node in the in-order traversal
- */
-function nextNode(node) {
-    let curNode = node;
-    let successor = node;
-    if (successor.right) {
-        successor = successor.right;
-        while (successor.left) {
-            successor = successor.left;
-        }
-    }
-    else {
-        successor = curNode.parent;
-        while (successor && successor.right === curNode) {
-            curNode = successor;
-            successor = successor.parent;
-        }
-    }
-    return successor;
-}
-AVLNode.nextNode = nextNode;
-/**
- * Return the node immediately before the given node in the in-order traversal
- */
-function prevNode(node) {
-    let curNode = node;
-    let predecessor = node;
-    if (predecessor.left) {
-        predecessor = predecessor.left;
-        while (predecessor.right) {
-            predecessor = predecessor.right;
-        }
-    }
-    else {
-        predecessor = curNode.parent;
-        while (predecessor && predecessor.left === curNode) {
-            curNode = predecessor;
-            predecessor = predecessor.parent;
-        }
-    }
-    return predecessor;
-}
-AVLNode.prevNode = prevNode;
-/**
- * Prints tree horizontally
- */
-function printNodes(root, printEntry = (n) => String(n[0])) {
-    const out = [];
-    row(root, "", true, (v) => out.push(v), printEntry);
-    return out.join("");
-}
-AVLNode.printNodes = printNodes;
-/**
- * Prints a level of the tree
- */
-function row(root, prefix, isTail, callback, printEntry) {
-    if (root) {
-        callback(`${prefix}${isTail ? "└── " : "├── "}${printEntry([root.key, root.value])}\n`);
-        const indent = prefix + (isTail ? "    " : "│   ");
-        if (root.left) {
-            row(root.left, indent, false, callback, printEntry);
-        }
-        if (root.right) {
-            row(root.right, indent, true, callback, printEntry);
-        }
-    }
-}
-
-Object.defineProperty(AVLTree$1, "__esModule", { value: true });
-AVLTree$1.AVLTree = void 0;
-const AVLNode_1 = AVLNode;
-function DEFAULT_COMPARE(a, b) {
-    return a > b ? 1 : a < b ? -1 : 0;
-}
-/**
- * Implements a Adelson-Velsky-Landis (AVL) tree, a self-balancing binary tree.
- * Lookup, insertion, and deletion all take O(log n) time in both the average
- * and worst cases, where n is the number of nodes in the tree prior to the
- * operation.
- */
-class AVLTree {
-    constructor(comparator) {
-        this._comparator = comparator ?? DEFAULT_COMPARE;
-        this._size = 0;
-    }
-    /**
-     * Number of nodes
-     */
-    get size() {
-        return this._size;
-    }
-    /**
-     * Clear the tree
-     * @return {AVLTree}
-     */
-    clear() {
-        this._root = undefined;
-        this._size = 0;
-        return this;
-    }
-    /**
-     * Whether the tree contains a node with the given key
-     */
-    has(key) {
-        if (this._root) {
-            let node = this._root;
-            const comparator = this._comparator;
-            while (node) {
-                const cmp = comparator(key, node.key);
-                if (cmp === 0) {
-                    return true;
-                }
-                else if (cmp < 0) {
-                    node = node.left;
-                }
-                else {
-                    node = node.right;
-                }
-            }
-        }
-        return false;
-    }
-    /**
-     * Returns all keys in order
-     */
-    *keys() {
-        let current = this._root;
-        const s = [];
-        let done = false;
-        while (!done) {
-            if (current) {
-                s.push(current);
-                current = current.left;
-            }
-            else {
-                if (s.length > 0) {
-                    current = s.pop();
-                    yield current.key;
-                    current = current.right;
-                }
-                else {
-                    done = true;
-                }
-            }
-        }
-    }
-    /**
-     * Returns all values in order
-     */
-    *values() {
-        let current = this._root;
-        const s = [];
-        let done = false;
-        while (!done) {
-            if (current) {
-                s.push(current);
-                current = current.left;
-            }
-            else {
-                if (s.length > 0) {
-                    current = s.pop();
-                    yield current.value;
-                    current = current.right;
-                }
-                else {
-                    done = true;
-                }
-            }
-        }
-    }
-    /**
-     * Returns all key/value pairs in order
-     */
-    *entries() {
-        let current = this._root;
-        const s = [];
-        let done = false;
-        while (!done) {
-            if (current) {
-                s.push(current);
-                current = current.left;
-            }
-            else {
-                if (s.length > 0) {
-                    current = s.pop();
-                    yield [current.key, current.value];
-                    current = current.right;
-                }
-                else {
-                    done = true;
-                }
-            }
-        }
-    }
-    /**
-     * Returns the entry with the minimum key
-     */
-    minEntry() {
-        let node = this._root;
-        if (!node) {
-            return undefined;
-        }
-        while (node.left) {
-            node = node.left;
-        }
-        return [node.key, node.value];
-    }
-    /**
-     * Returns the entry with the maximum key
-     */
-    maxEntry() {
-        let node = this._root;
-        if (!node) {
-            return undefined;
-        }
-        while (node.right) {
-            node = node.right;
-        }
-        return [node.key, node.value];
-    }
-    /**
-     * Minimum key
-     */
-    minKey() {
-        let node = this._root;
-        if (!node) {
-            return undefined;
-        }
-        while (node.left) {
-            node = node.left;
-        }
-        return node.key;
-    }
-    /**
-     * Maximum key
-     */
-    maxKey() {
-        let node = this._root;
-        if (!node) {
-            return undefined;
-        }
-        while (node.right) {
-            node = node.right;
-        }
-        return node.key;
-    }
-    /**
-     * Removes and returns the entry with smallest key
-     */
-    shift() {
-        let node = this._root;
-        let returnValue;
-        if (node) {
-            while (node.left) {
-                node = node.left;
-            }
-            returnValue = [node.key, node.value];
-            this.delete(node.key);
-        }
-        return returnValue;
-    }
-    /**
-     * Removes and returns the entry with largest key
-     */
-    pop() {
-        let node = this._root;
-        let returnValue;
-        if (node) {
-            while (node.right) {
-                node = node.right;
-            }
-            returnValue = [node.key, node.value];
-            this.delete(node.key);
-        }
-        return returnValue;
-    }
-    /**
-     * Search for an entry by key
-     */
-    get(key) {
-        const compare = this._comparator;
-        let node = this._root;
-        while (node) {
-            const cmp = compare(key, node.key);
-            if (cmp === 0) {
-                return node.value;
-            }
-            else if (cmp < 0) {
-                node = node.left;
-            }
-            else {
-                node = node.right;
-            }
-        }
-        return undefined;
-    }
-    /**
-     * Execute a callback for each key/value entry in order
-     */
-    forEach(callbackfn) {
-        let current = this._root;
-        const s = [];
-        let done = false;
-        while (!done) {
-            // Reach the left most Node of the current Node
-            if (current) {
-                // Place pointer to a tree node on the stack
-                // before traversing the node's left subtree
-                s.push(current);
-                current = current.left;
-            }
-            else {
-                // BackTrack from the empty subtree and visit the Node
-                // at the top of the stack; however, if the stack is
-                // empty you are done
-                if (s.length > 0) {
-                    current = s.pop();
-                    callbackfn(current.value, current.key, this);
-                    // We have visited the node and its left
-                    // subtree. Now, it's right subtree's turn
-                    current = current.right;
-                }
-                else {
-                    done = true;
-                }
-            }
-        }
-        return this;
-    }
-    /**
-     * Walk key range from `low` to `high` in order
-     */
-    range(low, high, callbackfn) {
-        const Q = [];
-        const compare = this._comparator;
-        let node = this._root;
-        while (Q.length !== 0 || node) {
-            if (node) {
-                Q.push(node);
-                if (compare(node.key, low) <= 0) {
-                    node = undefined;
-                }
-                else {
-                    node = node.left;
-                }
-            }
-            else {
-                node = Q.pop();
-                if (compare(node.key, high) > 0) {
-                    break;
-                }
-                else if (compare(node.key, low) >= 0) {
-                    callbackfn(node.value, node.key, this);
-                }
-                node = node.right;
-            }
-        }
-        return this;
-    }
-    findLessThan(key) {
-        let node = this.findGreaterThanOrEqualNode(key);
-        if (!node) {
-            // Check if there is any key less than `key`
-            node = this._root;
-            if (!node) {
-                return undefined;
-            }
-            while (node.right) {
-                node = node.right;
-            }
-            return this._comparator(node.key, key) < 0 ? [node.key, node.value] : undefined;
-        }
-        // Return the node just before the first node with key greater than or equal to `key`, if any
-        const lt = (0, AVLNode_1.prevNode)(node);
-        return lt ? [lt.key, lt.value] : undefined;
-    }
-    findLessThanOrEqual(key) {
-        let node = this.findGreaterThanOrEqualNode(key);
-        if (!node) {
-            // Check if there is any key less than `key`
-            node = this._root;
-            if (!node) {
-                return undefined;
-            }
-            while (node.right) {
-                node = node.right;
-            }
-            return this._comparator(node.key, key) < 0 ? [node.key, node.value] : undefined;
-        }
-        // Check if the found node is an exact match
-        if (this._comparator(node.key, key) === 0) {
-            return [node.key, node.value];
-        }
-        // Return the node just before the first node with key greater than or equal to `key`, if any
-        const lt = (0, AVLNode_1.prevNode)(node);
-        return lt ? [lt.key, lt.value] : undefined;
-    }
-    findGreaterThan(key) {
-        const Q = [];
-        const compare = this._comparator;
-        let node = this._root;
-        while (Q.length !== 0 || node) {
-            if (node) {
-                Q.push(node);
-                if (compare(node.key, key) <= 0) {
-                    node = undefined;
-                }
-                else {
-                    node = node.left;
-                }
-            }
-            else {
-                node = Q.pop();
-                if (compare(node.key, key) > 0) {
-                    return [node.key, node.value];
-                }
-                node = node.right;
-            }
-        }
-        return undefined;
-    }
-    findGreaterThanOrEqual(key) {
-        const node = this.findGreaterThanOrEqualNode(key);
-        return node ? [node.key, node.value] : undefined;
-    }
-    findGreaterThanOrEqualNode(key) {
-        const Q = [];
-        const compare = this._comparator;
-        let node = this._root;
-        while (Q.length !== 0 || node) {
-            if (node) {
-                Q.push(node);
-                if (compare(node.key, key) <= 0) {
-                    node = undefined;
-                }
-                else {
-                    node = node.left;
-                }
-            }
-            else {
-                node = Q.pop();
-                if (compare(node.key, key) >= 0) {
-                    return node;
-                }
-                node = node.right;
-            }
-        }
-        return undefined;
-    }
-    /**
-     * Insert a new key/value pair into the tree or update an existing entry
-     */
-    set(key, value) {
-        if (!this._root) {
-            this._root = {
-                parent: undefined,
-                left: undefined,
-                right: undefined,
-                balanceFactor: 0,
-                key,
-                value,
-            };
-            this._size++;
-            return this;
-        }
-        const compare = this._comparator;
-        let node = this._root;
-        let parent;
-        let cmp = 0;
-        while (node) {
-            cmp = compare(key, node.key);
-            parent = node;
-            if (cmp === 0) {
-                node.value = value;
-                return this;
-            }
-            else if (cmp < 0) {
-                node = node.left;
-            }
-            else {
-                node = node.right;
-            }
-        }
-        if (parent == undefined) {
-            throw new Error(`failed to find parent node for insert`);
-        }
-        const newNode = {
-            left: undefined,
-            right: undefined,
-            balanceFactor: 0,
-            parent,
-            key,
-            value,
-        };
-        if (cmp <= 0) {
-            parent.left = newNode;
-        }
-        else {
-            parent.right = newNode;
-        }
-        let newRoot;
-        while (parent) {
-            cmp = compare(parent.key, key);
-            if (cmp < 0) {
-                parent.balanceFactor -= 1;
-            }
-            else {
-                parent.balanceFactor += 1;
-            }
-            if (parent.balanceFactor === 0) {
-                break;
-            }
-            else if (parent.balanceFactor < -1) {
-                if (parent.right?.balanceFactor === 1) {
-                    (0, AVLNode_1.rotateRight)(parent.right);
-                }
-                newRoot = (0, AVLNode_1.rotateLeft)(parent);
-                if (parent === this._root) {
-                    this._root = newRoot;
-                }
-                break;
-            }
-            else if (parent.balanceFactor > 1) {
-                if (parent.left?.balanceFactor === -1) {
-                    (0, AVLNode_1.rotateLeft)(parent.left);
-                }
-                newRoot = (0, AVLNode_1.rotateRight)(parent);
-                if (parent === this._root) {
-                    this._root = newRoot;
-                }
-                break;
-            }
-            parent = parent.parent;
-        }
-        this._size++;
-        return this;
-    }
-    /**
-     * Finds the first matching node by key and removes it
-     */
-    delete(key) {
-        if (!this._root) {
-            return false;
-        }
-        let node = this._root;
-        const compare = this._comparator;
-        let cmp = 0;
-        while (node) {
-            cmp = compare(key, node.key);
-            if (cmp === 0) {
-                break;
-            }
-            else if (cmp < 0) {
-                node = node.left;
-            }
-            else {
-                node = node.right;
-            }
-        }
-        if (!node) {
-            return false;
-        }
-        let max, min;
-        if (node.left) {
-            max = node.left;
-            while (max.left || max.right) {
-                while (max.right) {
-                    max = max.right;
-                }
-                node.key = max.key;
-                node.value = max.value;
-                if (max.left) {
-                    node = max;
-                    max = max.left;
-                }
-            }
-            node.key = max.key;
-            node.value = max.value;
-            node = max;
-        }
-        if (node.right) {
-            min = node.right;
-            while (min.left || min.right) {
-                while (min.left) {
-                    min = min.left;
-                }
-                node.key = min.key;
-                node.value = min.value;
-                if (min.right) {
-                    node = min;
-                    min = min.right;
-                }
-            }
-            node.key = min.key;
-            node.value = min.value;
-            node = min;
-        }
-        let parent = node.parent;
-        let pp = node;
-        let newRoot;
-        while (parent) {
-            if (parent.left === pp) {
-                parent.balanceFactor -= 1;
-            }
-            else {
-                parent.balanceFactor += 1;
-            }
-            if (parent.balanceFactor < -1) {
-                if (parent.right?.balanceFactor === 1) {
-                    (0, AVLNode_1.rotateRight)(parent.right);
-                }
-                newRoot = (0, AVLNode_1.rotateLeft)(parent);
-                if (parent === this._root) {
-                    this._root = newRoot;
-                }
-                parent = newRoot;
-            }
-            else if (parent.balanceFactor > 1) {
-                if (parent.left?.balanceFactor === -1) {
-                    (0, AVLNode_1.rotateLeft)(parent.left);
-                }
-                newRoot = (0, AVLNode_1.rotateRight)(parent);
-                if (parent === this._root) {
-                    this._root = newRoot;
-                }
-                parent = newRoot;
-            }
-            const parentBalanceFactor = parent?.balanceFactor;
-            if (parentBalanceFactor === -1 || parentBalanceFactor === 1) {
-                break;
-            }
-            pp = parent;
-            parent = parent?.parent;
-        }
-        if (node.parent) {
-            if (node.parent.left === node) {
-                node.parent.left = undefined;
-            }
-            else {
-                node.parent.right = undefined;
-            }
-        }
-        if (node === this._root) {
-            this._root = undefined;
-        }
-        this._size--;
-        return true;
-    }
-    /**
-     * Returns a string representation of the tree - primitive horizontal print-out
-     */
-    toString(printEntry) {
-        return (0, AVLNode_1.printNodes)(this._root, printEntry).trimEnd();
-    }
-}
-AVLTree$1.AVLTree = AVLTree;
-
-(function (exports) {
-	var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-	    if (k2 === undefined) k2 = k;
-	    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-	}) : (function(o, m, k, k2) {
-	    if (k2 === undefined) k2 = k;
-	    o[k2] = m[k];
-	}));
-	var __exportStar = (commonjsGlobal && commonjsGlobal.__exportStar) || function(m, exports) {
-	    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-	};
-	Object.defineProperty(exports, "__esModule", { value: true });
-	__exportStar(AVLTree$1, exports);
-	
-} (dist$1));
-
 // 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/
@@ -33119,7 +32375,7 @@ function normalizeFoxgloveImageAnnotations(message) {
   return annotations;
 }
 function normalizeTimestamp(stamp) {
-  return typeof stamp === "bigint" ? dist$3.fromNanoSec(stamp) : stamp;
+  return typeof stamp === "bigint" ? dist$2.fromNanoSec(stamp) : stamp;
 }
 function normalizeRosImageMarkerArray(message) {
   return filterMap(message.markers, (marker, i) => normalizeRosImageMarker(marker, ["markers", i]));
@@ -33275,8 +32531,6 @@ class EventMetricsManager {
     const fps = 1_000 / (totalInterval / (topicMetrics.length - 1));
     return Math.round(fps);
   }
-
-  // Remove events which are older than CLEANUP_EVENTS_OLDER_THAN_MS
   removeOldEvents(topic) {
     const now = performance.now();
     if (this.metrics[topic]) {
@@ -33288,26 +32542,6 @@ class EventMetricsManager {
     }
   }
 }
-const TIMESTAMP_ERROR_NS = 100_000_000n; // 0.1 seconds
-
-function timeEqualWithError(left, right) {
-  // Convert both timestamps to nanoseconds
-  const leftNs = dist$3.toNanoSec({
-    sec: left.sec,
-    nsec: left.nsec
-  });
-  const rightNs = dist$3.toNanoSec({
-    sec: right.sec,
-    nsec: right.nsec
-  });
-
-  // Get absolute difference while staying in bigint
-  const diffNs = leftNs > rightNs ? leftNs - rightNs : rightNs - leftNs;
-
-  // Convert TIMESTAMP_ERROR_NS to bigint for comparison
-  return diffNs <= TIMESTAMP_ERROR_NS;
-}
-
 // 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 = {
   id: WAITING_FOR_BOTH_MESSAGES_HUD_ID,
@@ -33353,9 +32587,6 @@ class MessageHandler {
   /** internal state of last received messages */
   #lastReceivedMessages;
 
-  /** sorted tree that holds state for synchronized messages. Used to find most recent synchronized set of image and annotations. */
-  #tree;
-
   /** listener functions that are called when the state changes. */
   #listeners = [];
 
@@ -33364,13 +32595,14 @@ class MessageHandler {
    * This can cause synchronized annotations to never resolve if the source does not have the annotation topic
    * with no indication to the user that the annotation is not available.
    */
-  #availableAnnotationTopics;
+
   #onAnnotationsFpsUpdate;
   #annotationsFpsMetrics = new EventMetricsManager();
   #annotationsFpsRefreshInterval = null;
-  #averageAnnotationsFps = 0;
-  #ghostAnnotation = undefined;
-
+  annotationsMap = new Map();
+  ghostAnnotationsMap = new Map();
+  syncToleranceMs = 150;
+  ghostTimeoutMs = 1000;
   /**
    *
    * @param config - subset of ImageMode settings required for message handling
@@ -33381,11 +32613,9 @@ class MessageHandler {
     this.#lastReceivedMessages = {
       annotationsByTopic: new Map()
     };
-    this.#tree = new dist$1.AVLTree(dist$3.compare);
-    this.#availableAnnotationTopics = new Set();
+    this.availableAnnotationTopics = new Set();
     this.#annotationsFpsRefreshInterval = setInterval(() => {
       const newAverageAnnotationsFps = this.#annotationsFpsMetrics.calculate(ANNOTATIONS_METRICS_KEY);
-      this.#averageAnnotationsFps = newAverageAnnotationsFps;
       if (this.#onAnnotationsFpsUpdate) {
         this.#onAnnotationsFpsUpdate(newAverageAnnotationsFps);
       }
@@ -33418,125 +32648,62 @@ class MessageHandler {
     this.handleImage(messageEvent, normalizeCompressedImage(messageEvent.message));
   };
   handleImage(message, image) {
-    const normalizedImageMessage = {
+    const normalized = {
       ...message,
       message: image
     };
-    this.#lastReceivedMessages.image = normalizedImageMessage;
-    if (this.#config.synchronize !== true) {
-      this.#emitState();
-      return;
-    }
-    // Update the image at the stamp time
-    this.#addImageToTree(normalizedImageMessage);
+    this.lastImage = normalized;
     this.#emitState();
   }
-  #normalizeTimestamp(stamp) {
-    if (this.#tree.has(stamp)) {
-      return [stamp];
-    }
-    const matches = [];
-    for (const [time] of this.#tree.entries()) {
-      if (timeEqualWithError(stamp, time)) {
-        matches.push(time);
-      }
-    }
-    return matches.length > 0 ? matches : [stamp];
-  }
-  #addImageToTree(message) {
-    const timestamps = this.#normalizeTimestamp(message.receiveTime);
-    for (const stamp of timestamps) {
-      const item = this.#tree.get(stamp);
-      if (item) {
-        item.image = message;
-      } else {
-        this.#tree.set(stamp, {
-          image: message,
-          annotationsByTopic: new Map()
-        });
-      }
-    }
-  }
-  #visibleAnnotations() {
-    const visibleAnnotations = new Set();
-    for (const [topic, settings] of Object.entries(this.#config.annotations ?? {})) {
-      if (settings?.visible === true && this.#availableAnnotationTopics.has(topic)) {
-        visibleAnnotations.add(topic);
-      }
-    }
-    return visibleAnnotations;
-  }
   handleCameraInfo = message => {
     const cameraInfo = normalizeCameraInfo(message.message);
     this.#lastReceivedMessages.cameraInfo = cameraInfo;
     this.#emitState();
   };
   handleAnnotations = messageEvent => {
-    const annotations = normalizeAnnotations(messageEvent.message, messageEvent.schemaName);
-
-    // We only want to log Annotations event if the array is not empty
-    if (annotations.length > 0) {
+    const list = normalizeAnnotations(messageEvent.message, messageEvent.schemaName);
+    const timestamp = performance.now();
+    if (list.length > 0 && messageEvent.topic) {
       this.#annotationsFpsMetrics.registerEvent(ANNOTATIONS_METRICS_KEY);
-    }
-    const {
-      topic
-    } = messageEvent;
-    if (this.#config.synchronize !== true) {
-      this.#lastReceivedMessages.annotationsByTopic.set(topic, {
-        originalMessage: messageEvent,
-        annotations
+      this.annotationsMap.set(messageEvent.topic, {
+        annotation: {
+          originalMessage: messageEvent,
+          annotations: list
+        },
+        timestamp: timestamp
       });
+      this.ghostAnnotationsMap.set(messageEvent.topic, {
+        annotation: {
+          originalMessage: messageEvent,
+          annotations: list
+        },
+        timestamp: timestamp
+      });
+    }
+    if (this.#config.synchronize === false) {
       this.#emitState();
       return;
     }
-    const groups = new Map();
-
-    // Group annotation by timestamp
-    for (const annotation of annotations) {
-      const key = dist$3.toNanoSec(annotation.stamp);
-      const arr = groups.get(key);
-      if (arr) {
-        arr.push(annotation);
-        continue;
-      }
-      groups.set(key, [annotation]);
-    }
-    for (const [stampNsec, group] of groups) {
-      const timestamps = this.#normalizeTimestamp(dist$3.fromNanoSec(stampNsec));
-      for (const stamp of timestamps) {
-        let item = this.#tree.get(stamp);
-        if (!item) {
-          item = {
-            image: undefined,
-            annotationsByTopic: new Map()
-          };
-          this.#tree.set(stamp, item);
+    if (list.length === 0 && messageEvent.topic) {
+      for (const [topic, data] of this.ghostAnnotationsMap.entries()) {
+        if (Math.abs(timestamp - data.timestamp) <= this.syncToleranceMs) {
+          this.annotationsMap.set(topic, {
+            annotation: data.annotation,
+            timestamp
+          });
         }
-        item.annotationsByTopic.set(topic, {
-          originalMessage: messageEvent,
-          annotations: group
-        });
       }
+      this.#emitState();
+      return;
     }
-
-    //console.error("Tree after adding annotations", [...this.#tree.entries()]);
-
-    this.#emitState();
   };
   setConfig(newConfig) {
     let changed = false;
     if (newConfig.synchronize != undefined && newConfig.synchronize !== this.#config.synchronize) {
       this.#oldRenderState = undefined;
-      this.#tree.clear();
-      if (newConfig.synchronize && this.#lastReceivedMessages.image != undefined) {
-        this.#addImageToTree(this.#lastReceivedMessages.image);
-      }
       changed = true;
     }
     if ("imageTopic" in newConfig && this.#config.imageTopic !== newConfig.imageTopic) {
-      for (const item of this.#tree.values()) {
-        item.image = undefined;
-      }
       this.#lastReceivedMessages.image = undefined;
       changed = true;
     }
@@ -33557,14 +32724,6 @@ class MessageHandler {
           changed = true;
         }
       }
-      for (const syncEntry of this.#tree.values()) {
-        for (const topic of syncEntry.annotationsByTopic.keys()) {
-          if (!newVisibleTopics.has(topic)) {
-            syncEntry.annotationsByTopic.delete(topic);
-            changed = true;
-          }
-        }
-      }
     }
     this.#config = newConfig;
     if (changed) {
@@ -33572,14 +32731,13 @@ class MessageHandler {
     }
   }
   setAvailableAnnotationTopics(topicNames) {
-    this.#availableAnnotationTopics = new Set(topicNames);
+    this.availableAnnotationTopics = new Set(topicNames);
     this.#emitState();
   }
   clear() {
     this.#lastReceivedMessages = {
       annotationsByTopic: new Map()
     };
-    this.#tree.clear();
     this.#oldRenderState = undefined;
     this.#emitState();
   }
@@ -33603,137 +32761,31 @@ class MessageHandler {
     const waitingForCalibration = calibrationRequired && state.cameraInfo == undefined;
     const waitingForBoth = waitingForImage && waitingForCalibration;
     this.#hud.displayIfTrue(waitingForBoth, WAITING_FOR_BOTH_HUD_ITEM);
-
-    // don't show other empty states when waiting for both to reduce noise
     this.#hud.displayIfTrue(waitingForCalibration && !waitingForBoth, WAITING_FOR_CALIBRATION_HUD_ITEM);
     this.#hud.displayIfTrue(waitingForImage && !calibrationRequired && !waitingForBoth, WAITING_FOR_IMAGE_EMPTY_HUD_ITEM);
     this.#hud.displayIfTrue(waitingForImage && calibrationRequired, WAITING_FOR_IMAGE_NOTICE_HUD_ITEM);
   }
   #getRenderState() {
-    if (this.#config.synchronize !== true) {
+    if (!this.lastImage) {
       return {
-        ...this.#lastReceivedMessages
+        annotationsByTopic: new Map(),
+        presentAnnotationTopics: undefined,
+        missingAnnotationTopics: undefined
       };
     }
-    const result = findSynchronizedSetAndRemoveOlderItems(this.#tree, this.#visibleAnnotations());
-
-    // If there were matching annotations we want to update Ghost annotation to last known annotations
-    const now = performance.now();
-    if (result.found && result.messages.annotationsByTopic.size > 0) {
-      //console.warn("Registering ghost annotation", result.messages.annotationsByTopic);
-      this.#ghostAnnotation = {
-        annotations: result.messages.annotationsByTopic,
-        createdAtMs: now
-      };
-    }
-    const renderState = result.found ? {
-      cameraInfo: this.#lastReceivedMessages.cameraInfo,
-      image: result.messages.image,
-      annotationsByTopic: result.messages.annotationsByTopic
-    } : {
-      cameraInfo: this.#lastReceivedMessages.cameraInfo,
-      presentAnnotationTopics: result.presentAnnotationTopics,
-      missingAnnotationTopics: result.missingAnnotationTopics
+    const state = {
+      image: this.lastImage,
+      annotationsByTopic: new Map()
     };
-    const ghostTimeMs = annoationsFpsToGhostTimeMs(this.#averageAnnotationsFps);
-    if (result.found && [...result.messages.annotationsByTopic.values()].length === 0 && this.#ghostAnnotation && now - this.#ghostAnnotation.createdAtMs < ghostTimeMs) {
-      //console.warn(
-      //  `No annotations found for this frame but still in ghost period (diff = ${
-      //    now - this.#ghostAnnotation.createdAtMs
-      //  } ms, ghostTimeMs = ${ghostTimeMs} ms) - returning ghost annotation`,
-      //);
-      renderState.annotationsByTopic = this.#ghostAnnotation.annotations;
-    }
-    return renderState;
-  }
-}
-const ACCEPT_LAST_INDEX = 5;
-
-/**
- * Find the newest entry where we have everything synchronized and remove all older entries from tree.
- * @param tree - AVL tree that stores a [image?, annotations?] in sorted order by timestamp.
- * @param visibleAnnotations - visible annotation topics
- * @returns - the newest synchronized item with all active annotations and image, or set of missing annotations if synchronization failed
- */
-function findSynchronizedSetAndRemoveOlderItems(tree, visibleAnnotations) {
-  let lastEntry = undefined;
-  let lastAnnotationsOrphanEntry = undefined;
-  let validEntry = undefined;
-  let imageEntries = 0;
-
-  // Calculate number of entries that have images
-  for (const entry of tree.entries()) {
-    if (entry[1].image) {
-      imageEntries += 1;
-      lastEntry = entry;
-    } else if (entry[1].annotationsByTopic.size > 0) {
-      // If there are annotations we want to use the last entry with annotations
-      lastAnnotationsOrphanEntry = entry;
-    }
-  }
-
-  // If there are no annotations active we use the newest entry with image
-  if (visibleAnnotations.size === 0) {
-    validEntry = lastEntry;
-  } else {
-    // Else we try to find first
-    let acceptableIndex = imageEntries - ACCEPT_LAST_INDEX + 1;
-    // console.warn("acceptableIndex", acceptableIndex);
-
-    if (acceptableIndex < 0) {
-      acceptableIndex = 0;
-    }
-    let index = 0;
-
-    // Go throught the tree in order and find first entry that has image and all annotations
-    for (const entry of tree.entries()) {
-      // Skip entries with no images
-      if (!entry[1].image) {
-        continue;
-      }
-
-      // When we encounter the first acceptable index we use that as the entry
-      if (index === acceptableIndex) {
-        validEntry = entry;
-      } else if (index > acceptableIndex) {
-        // Any bigger index with all annotations which is newer than already used index is the better option
-        const hasAllAnnotations = Array.from(visibleAnnotations).every(topic => entry[1].annotationsByTopic.has(topic));
-        if (hasAllAnnotations) {
-          validEntry = entry;
-        }
+    const imageTimestamp = this.lastImage.receiveTime ? Number(this.lastImage.receiveTime) : performance.now();
+    const now = performance.now();
+    for (const [topic, data] of this.annotationsMap.entries()) {
+      if (Math.abs(imageTimestamp - data.timestamp) <= this.syncToleranceMs || now - data.timestamp < this.ghostTimeoutMs) {
+        state.annotationsByTopic.set(topic, data.annotation);
       }
-      index += 1;
     }
+    return state;
   }
-  if (validEntry) {
-    if (validEntry[1].annotationsByTopic.size === 0 && lastAnnotationsOrphanEntry) {
-      // console.warn("Using annotationsByTopic from lastAnnotationsEntry orphan");
-      validEntry[1].annotationsByTopic = lastAnnotationsOrphanEntry[1].annotationsByTopic;
-    }
-
-    // Drop  older messages
-    let minKey = tree.minKey();
-    while (minKey && dist$3.isLessThan(minKey, validEntry[0])) {
-      tree.shift();
-      minKey = tree.minKey();
-    }
-    return {
-      found: true,
-      messages: validEntry[1]
-    };
-  }
-  return {
-    found: false,
-    missingAnnotationTopics: [],
-    presentAnnotationTopics: []
-  };
-}
-function annoationsFpsToGhostTimeMs(annotationsFps) {
-  if (annotationsFps === undefined || annotationsFps === 0 || !Number.isFinite(annotationsFps)) {
-    return 1_000; // If there is no annotations fps, we want set the ghost time to 1 second
-  }
-  const period = 1 / annotationsFps;
-  return period * 1_000 * 2; // To miliseconds times two
 }
 
 // This Source Code Form is subject to the terms of the Mozilla Public
@@ -35419,7 +34471,7 @@ class ImageMode extends SceneExtension {
   };
   #handleImageChange = (messageEvent, image) => {
     const topic = messageEvent.topic;
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     const frameId = "header" in image ? image.header.frame_id : image.frame_id;
     if ("width" in image) {
       this.#imageSize.width = image.width;
@@ -35497,7 +34549,7 @@ class ImageMode extends SceneExtension {
     };
     renderable = this.initRenderable(topicName, {
       receiveTime,
-      messageTime: image ? dist$3.toNanoSec("header" in image ? image.header.stamp : image.timestamp) : 0n,
+      messageTime: image ? dist$2.toNanoSec("header" in image ? image.header.stamp : image.timestamp) : 0n,
       frameId: this.renderer.normalizeFrameId(frameId),
       pose: makePose(),
       settingsPath: IMAGE_TOPIC_PATH,
@@ -35985,7 +35037,7 @@ class Images extends SceneExtension {
   };
   handleImage = (messageEvent, image) => {
     const imageTopic = messageEvent.topic;
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     const frameId = "header" in image ? image.header.frame_id : image.frame_id;
     const renderable = this.#getImageRenderable(imageTopic, receiveTime, image, frameId);
     renderable.userData.receiveTime = receiveTime;
@@ -36019,7 +35071,7 @@ class Images extends SceneExtension {
       });
       this.updateSettingsTree();
     }
-    dist$2.assert(settings.cameraInfoTopic != undefined);
+    dist$1.assert(settings.cameraInfoTopic != undefined);
     this.#cameraInfoToImageTopics.set(settings.cameraInfoTopic, imageTopic);
 
     // Look up the camera info for our renderable
@@ -36092,7 +35144,7 @@ class Images extends SceneExtension {
     const userSettings = this.renderer.config.topics[imageTopic];
     renderable = this.initRenderable(imageTopic, {
       receiveTime,
-      messageTime: image ? dist$3.toNanoSec("header" in image ? image.header.stamp : image.timestamp) : 0n,
+      messageTime: image ? dist$2.toNanoSec("header" in image ? image.header.stamp : image.timestamp) : 0n,
       frameId: this.renderer.normalizeFrameId(frameId),
       pose: makePose(),
       settingsPath: ["topics", imageTopic],
@@ -36593,7 +35645,7 @@ class LaserScanHistoryRenderable extends Renderable {
     super.dispose();
   }
   updateLaserScan(laserScan, originalMessage, settings, receiveTime) {
-    const messageTime = dist$3.toNanoSec(laserScan.timestamp);
+    const messageTime = dist$2.toNanoSec(laserScan.timestamp);
     this.userData.receiveTime = receiveTime;
     this.userData.messageTime = messageTime;
     this.userData.frameId = this.renderer.normalizeFrameId(laserScan.frame_id);
@@ -36821,7 +35873,7 @@ class LaserScans extends SceneExtension {
   #handleLaserScan = messageEvent => {
     const topic = messageEvent.topic;
     const laserScan = "header" in messageEvent.message ? normalizeRosLaserScan(messageEvent.message) : normalizeFoxgloveLaserScan(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     let renderable = this.renderables.get(topic);
     if (!renderable) {
       // Set the initial settings from default values merged with any user settings
@@ -36846,7 +35898,7 @@ class LaserScans extends SceneExtension {
           draft.topics[topic] = updatedUserSettings;
         });
       }
-      const messageTime = dist$3.toNanoSec(laserScan.timestamp);
+      const messageTime = dist$2.toNanoSec(laserScan.timestamp);
       renderable = new LaserScanHistoryRenderable(topic, this.renderer, {
         receiveTime,
         messageTime,
@@ -37482,7 +36534,7 @@ class Markers extends SceneExtension {
   #handleMarkerArray = messageEvent => {
     const topic = messageEvent.topic;
     const markerArray = messageEvent.message;
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     for (const markerMsg of markerArray.markers ?? []) {
       if (markerMsg) {
         const marker = normalizeMarker(markerMsg);
@@ -37493,7 +36545,7 @@ class Markers extends SceneExtension {
   #handleMarker = messageEvent => {
     const topic = messageEvent.topic;
     const marker = normalizeMarker(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addMarker(topic, marker, receiveTime);
   };
   #addMarker(topic, marker, receiveTime) {
@@ -37528,7 +36580,7 @@ class Markers extends SceneExtension {
       const userSettings = this.renderer.config.topics[topic];
       topicMarkers = new TopicMarkers(topic, this.renderer, {
         receiveTime,
-        messageTime: dist$3.toNanoSec(marker.header.stamp),
+        messageTime: dist$2.toNanoSec(marker.header.stamp),
         frameId: this.renderer.normalizeFrameId(marker.header.frame_id),
         pose: makePose(),
         settingsPath: ["topics", topic],
@@ -37759,7 +36811,7 @@ class OccupancyGrids extends SceneExtension {
   #handleOccupancyGrid = messageEvent => {
     const topic = messageEvent.topic;
     const occupancyGrid = normalizeOccupancyGrid(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     let renderable = this.renderables.get(topic);
     if (!renderable) {
       // Set the initial settings from default values merged with any user settings
@@ -37777,7 +36829,7 @@ class OccupancyGrids extends SceneExtension {
       // Create the renderable
       renderable = new OccupancyGridRenderable(topic, this.renderer, {
         receiveTime,
-        messageTime: dist$3.toNanoSec(occupancyGrid.header.stamp),
+        messageTime: dist$2.toNanoSec(occupancyGrid.header.stamp),
         frameId: this.renderer.normalizeFrameId(occupancyGrid.header.frame_id),
         pose: occupancyGrid.info.origin,
         settingsPath: ["topics", topic],
@@ -37799,7 +36851,7 @@ class OccupancyGrids extends SceneExtension {
     renderable.userData.occupancyGrid = occupancyGrid;
     renderable.userData.pose = occupancyGrid.info.origin;
     renderable.userData.receiveTime = receiveTime;
-    renderable.userData.messageTime = dist$3.toNanoSec(occupancyGrid.header.stamp);
+    renderable.userData.messageTime = dist$2.toNanoSec(occupancyGrid.header.stamp);
     renderable.userData.frameId = this.renderer.normalizeFrameId(occupancyGrid.header.frame_id);
     const size = occupancyGrid.info.width * occupancyGrid.info.height;
     if (occupancyGrid.data.length !== size) {
@@ -38257,7 +37309,7 @@ class PointCloudHistoryRenderable extends Renderable {
     super.dispose();
   }
   updatePointCloud(pointCloud, originalMessage, settings, receiveTime) {
-    const messageTime = dist$3.toNanoSec(getTimestamp(pointCloud));
+    const messageTime = dist$2.toNanoSec(getTimestamp(pointCloud));
     this.userData.receiveTime = receiveTime;
     this.userData.messageTime = messageTime;
     this.userData.frameId = this.renderer.normalizeFrameId(getFrameId(pointCloud));
@@ -38344,7 +37396,7 @@ class PointCloudHistoryRenderable extends Renderable {
     }
   }
   pushHistory(pointCloud, originalMessage, settings, receiveTime) {
-    const messageTime = dist$3.toNanoSec(getTimestamp(pointCloud));
+    const messageTime = dist$2.toNanoSec(getTimestamp(pointCloud));
     const pointsHistory = this.#pointsHistory;
     const stixelsHistory = this.#stixelsHistory;
     const material = this.userData.material;
@@ -38750,8 +37802,8 @@ class PointClouds extends SceneExtension {
       schemaName
     } = messageEvent;
     const pointCloud = normalizePointCloud(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
-    const messageTime = dist$3.toNanoSec(pointCloud.timestamp);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
+    const messageTime = dist$2.toNanoSec(pointCloud.timestamp);
     const frameId = pointCloud.frame_id;
     this.#handlePointCloud(topic, schemaName, pointCloud, receiveTime, messageTime, messageEvent.message, frameId);
   };
@@ -38761,8 +37813,8 @@ class PointClouds extends SceneExtension {
       schemaName
     } = messageEvent;
     const pointCloud = normalizePointCloud2(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
-    const messageTime = dist$3.toNanoSec(pointCloud.header.stamp);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
+    const messageTime = dist$2.toNanoSec(pointCloud.header.stamp);
     const frameId = pointCloud.header.frame_id;
     this.#handlePointCloud(topic, schemaName, pointCloud, receiveTime, messageTime, messageEvent.message, frameId);
   };
@@ -39215,7 +38267,7 @@ class Polygons extends SceneExtension {
   #handlePolygon = messageEvent => {
     const topic = messageEvent.topic;
     const polygonStamped = normalizePolygonStamped(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     let renderable = this.renderables.get(topic);
     if (!renderable) {
       // Set the initial settings from default values merged with any user settings
@@ -39226,7 +38278,7 @@ class Polygons extends SceneExtension {
       };
       renderable = new PolygonRenderable(topic, this.renderer, {
         receiveTime,
-        messageTime: dist$3.toNanoSec(polygonStamped.header.stamp),
+        messageTime: dist$2.toNanoSec(polygonStamped.header.stamp),
         frameId: this.renderer.normalizeFrameId(polygonStamped.header.frame_id),
         pose: makePose(),
         settingsPath: ["topics", topic],
@@ -39243,7 +38295,7 @@ class Polygons extends SceneExtension {
   #updatePolygonRenderable(renderable, polygonStamped, receiveTime) {
     const settings = renderable.userData.settings;
     renderable.userData.receiveTime = receiveTime;
-    renderable.userData.messageTime = dist$3.toNanoSec(polygonStamped.header.stamp);
+    renderable.userData.messageTime = dist$2.toNanoSec(polygonStamped.header.stamp);
     renderable.userData.frameId = this.renderer.normalizeFrameId(polygonStamped.header.frame_id);
     renderable.userData.polygonStamped = polygonStamped;
     const topic = renderable.userData.topic;
@@ -39659,17 +38711,17 @@ class Poses extends SceneExtension {
   };
   #handlePoseStamped = messageEvent => {
     const poseMessage = normalizePoseStamped(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addPose(messageEvent.topic, poseMessage, messageEvent.message, receiveTime);
   };
   #handlePoseInFrame = messageEvent => {
     const poseMessage = normalizePoseInFrameToPoseStamped(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addPose(messageEvent.topic, poseMessage, messageEvent.message, receiveTime);
   };
   #handlePoseWithCovariance = messageEvent => {
     const poseMessage = normalizePoseWithCovarianceStamped(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addPose(messageEvent.topic, poseMessage, messageEvent.message, receiveTime);
   };
   #addPose(topic, poseMessage, originalMessage, receiveTime) {
@@ -39683,7 +38735,7 @@ class Poses extends SceneExtension {
       };
       renderable = new PoseRenderable(topic, this.renderer, {
         receiveTime,
-        messageTime: dist$3.toNanoSec(poseMessage.header.stamp),
+        messageTime: dist$2.toNanoSec(poseMessage.header.stamp),
         frameId: this.renderer.normalizeFrameId(poseMessage.header.frame_id),
         pose: makePose(),
         settingsPath: ["topics", topic],
@@ -39702,7 +38754,7 @@ class Poses extends SceneExtension {
   }
   #updatePoseRenderable(renderable, poseMessage, originalMessage, receiveTime, settings) {
     renderable.userData.receiveTime = receiveTime;
-    renderable.userData.messageTime = dist$3.toNanoSec(poseMessage.header.stamp);
+    renderable.userData.messageTime = dist$2.toNanoSec(poseMessage.header.stamp);
     renderable.userData.frameId = this.renderer.normalizeFrameId(poseMessage.header.frame_id);
     renderable.userData.poseMessage = poseMessage;
     renderable.userData.originalMessage = originalMessage;
@@ -40057,7 +39109,7 @@ class PoseArrays extends SceneExtension {
   };
   #handlePoseArray = messageEvent => {
     const poseArrayMessage = normalizePoseArray(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addPoseArray(messageEvent.topic, poseArrayMessage, messageEvent.message, receiveTime);
   };
   #handleNavPath = messageEvent => {
@@ -40065,12 +39117,12 @@ class PoseArrays extends SceneExtension {
       return;
     }
     const poseArrayMessage = normalizeNavPathToPoseArray(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addPoseArray(messageEvent.topic, poseArrayMessage, messageEvent.message, receiveTime);
   };
   #handlePosesInFrame = messageEvent => {
     const poseArrayMessage = normalizePosesInFrameToPoseArray(messageEvent.message);
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     this.#addPoseArray(messageEvent.topic, poseArrayMessage, messageEvent.message, receiveTime);
   };
   #addPoseArray(topic, poseArrayMessage, originalMessage, receiveTime) {
@@ -40088,7 +39140,7 @@ class PoseArrays extends SceneExtension {
       };
       renderable = new PoseArrayRenderable(topic, this.renderer, {
         receiveTime,
-        messageTime: dist$3.toNanoSec(poseArrayMessage.header.stamp),
+        messageTime: dist$2.toNanoSec(poseArrayMessage.header.stamp),
         frameId: this.renderer.normalizeFrameId(poseArrayMessage.header.frame_id),
         pose: makePose(),
         settingsPath: ["topics", topic],
@@ -40163,7 +39215,7 @@ class PoseArrays extends SceneExtension {
   }
   #updatePoseArrayRenderable(renderable, poseArrayMessage, originalMessage, receiveTime, settings) {
     renderable.userData.receiveTime = receiveTime;
-    renderable.userData.messageTime = dist$3.toNanoSec(poseArrayMessage.header.stamp);
+    renderable.userData.messageTime = dist$2.toNanoSec(poseArrayMessage.header.stamp);
     renderable.userData.frameId = this.renderer.normalizeFrameId(poseArrayMessage.header.frame_id);
     renderable.userData.poseArrayMessage = poseArrayMessage;
     renderable.userData.originalMessage = originalMessage;
@@ -40515,7 +39567,7 @@ class TopicEntities extends Renderable {
           break;
         }
         const frameId = this.renderer.normalizeFrameId(entity.frame_id);
-        const srcTime = entity.frame_locked ? currentTime : dist$3.toNanoSec(entity.timestamp);
+        const srcTime = entity.frame_locked ? currentTime : dist$2.toNanoSec(entity.timestamp);
         const updated = updatePose(renderable, this.renderer.transformTree, renderFrameId, fixedFrameId, frameId, currentTime, srcTime);
         renderable.visible = updated;
         const topic = this.userData.topic;
@@ -40842,7 +39894,7 @@ class RenderableArrows extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateMesh(entity.arrows);
       this.#headOutline.visible = settings.showOutlines ?? true;
@@ -40998,7 +40050,7 @@ class RenderableCubes extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateMesh(entity.cubes);
       this.#outline.visible = settings.showOutlines ?? true;
@@ -41158,7 +40210,7 @@ class RenderableCylinders extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateMesh(entity.cylinders);
       this.#outline.visible = settings.showOutlines ?? true;
@@ -41275,7 +40327,7 @@ class RenderableLines extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateLines(entity.lines);
     }
@@ -41371,8 +40423,8 @@ class LinePrimitiveRenderable extends Object3D {
         this.userData.pickingMaterial = this.#pickingMaterial;
         this.add(this.#line);
       }
-      dist$2.assert(this.#positionBuffer, "Position buffer must be initialized");
-      dist$2.assert(this.#geometry, "Geometry must be initialized");
+      dist$1.assert(this.#positionBuffer, "Position buffer must be initialized");
+      dist$1.assert(this.#geometry, "Geometry must be initialized");
 
       // Set an explicit instance count, because three.js ignores attribute offsets when
       // automatically computing the instance count (and results differ across browsers because they
@@ -41393,7 +40445,7 @@ class LinePrimitiveRenderable extends Object3D {
     if (this.#colorChanged || this.#primitiveChanged) {
       const singleColor = this.#color ? stringToRgba(tempRgba$4, this.#color) : this.#primitive.colors.length === 0 ? this.#primitive.color : undefined;
       if (singleColor == undefined) {
-        dist$2.assert(this.#geometry, "Line Group geometry must exist");
+        dist$1.assert(this.#geometry, "Line Group geometry must exist");
         this.#material.color.setRGB(1, 1, 1);
         const necessaryColorBufferSize = numVertices * 4;
         if (this.#colorBuffer == undefined || this.#colorBuffer.length < necessaryColorBufferSize) {
@@ -41445,7 +40497,7 @@ class LinePrimitiveRenderable extends Object3D {
 }
 function serializePositions(positionsOut, primitive) {
   let i = 0;
-  dist$2.assert(positionsOut.length >= primitive.points.length * 3, `positionsOut must have a length (${positionsOut.length})  >= to primitive.points.length (${primitive.points.length}) * 3`);
+  dist$1.assert(positionsOut.length >= primitive.points.length * 3, `positionsOut must have a length (${positionsOut.length})  >= to primitive.points.length (${primitive.points.length}) * 3`);
   for (const {
     x,
     y,
@@ -41462,7 +40514,7 @@ function serializePositions(positionsOut, primitive) {
 }
 function serializePositionsWithIndices(positionsOut, primitive) {
   const indices = primitive.indices;
-  dist$2.assert(positionsOut.length >= primitive.indices.length * 3, `positionsOut must have a length (${positionsOut.length})  >= to primitive.indices.length (${primitive.indices.length}) * 3`);
+  dist$1.assert(positionsOut.length >= primitive.indices.length * 3, `positionsOut must have a length (${positionsOut.length})  >= to primitive.indices.length (${primitive.indices.length}) * 3`);
   let i = 0;
   for (const idx of indices) {
     const {
@@ -41480,8 +40532,8 @@ function serializePositionsWithIndices(positionsOut, primitive) {
   }
 }
 function serializeColors(colorsOut, primitive) {
-  dist$2.assert(colorsOut.length >= primitive.colors.length * 4, `colorsOut buffer must have a length (${colorsOut.length}) >= to the primitive.colors.length (${primitive.colors.length}) * 4`);
-  dist$2.assert(primitive.colors.length > 0, "invariant: expected not to be using vertex colors");
+  dist$1.assert(colorsOut.length >= primitive.colors.length * 4, `colorsOut buffer must have a length (${colorsOut.length}) >= to the primitive.colors.length (${primitive.colors.length}) * 4`);
+  dist$1.assert(primitive.colors.length > 0, "invariant: expected not to be using vertex colors");
   let i = 0;
   for (const {
     r,
@@ -41501,9 +40553,9 @@ function serializeColors(colorsOut, primitive) {
 }
 function serializeColorsWithIndices(colorsOut, primitive) {
   const indices = primitive.indices;
-  dist$2.assert(indices.length > 0, "Indices must have length");
-  dist$2.assert(colorsOut.length >= indices.length * 4, `colorsOut buffer must have a length (${colorsOut.length}) >= to primitive.indices.length (${primitive.indices.length}) * 4`);
-  dist$2.assert(primitive.colors.length > 0, "Invariant: expected not to be using vertex colors");
+  dist$1.assert(indices.length > 0, "Indices must have length");
+  dist$1.assert(colorsOut.length >= indices.length * 4, `colorsOut buffer must have a length (${colorsOut.length}) >= to primitive.indices.length (${primitive.indices.length}) * 4`);
+  dist$1.assert(primitive.colors.length > 0, "Invariant: expected not to be using vertex colors");
   let i = 0;
   for (const idx of indices) {
     const {
@@ -41938,7 +40990,7 @@ class RenderableModels extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateModels(entity.models);
     }
@@ -42106,7 +41158,7 @@ class RenderableSpheres extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateMesh(entity.spheres);
     }
@@ -42187,7 +41239,7 @@ class RenderableTexts extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateTexts(entity.texts);
     }
@@ -42363,7 +41415,7 @@ class RenderableTriangles extends RenderablePrimitive {
   update(topic, entity, settings, receiveTime) {
     super.update(topic, entity, settings, receiveTime);
     if (entity) {
-      const lifetimeNs = dist$3.toNanoSec(entity.lifetime);
+      const lifetimeNs = dist$2.toNanoSec(entity.lifetime);
       this.userData.expiresAt = lifetimeNs === 0n ? undefined : receiveTime + lifetimeNs;
       this.#updateTriangleMeshes(entity.triangles);
     }
@@ -42561,7 +41613,7 @@ class FoxgloveSceneEntities extends SceneExtension {
     for (const entityMsg of sceneUpdates.entities ?? []) {
       if (entityMsg) {
         const entity = normalizeSceneEntity(entityMsg);
-        this.#getTopicEntities(topic).addOrUpdateEntity(entity, dist$3.toNanoSec(messageEvent.receiveTime));
+        this.#getTopicEntities(topic).addOrUpdateEntity(entity, dist$2.toNanoSec(messageEvent.receiveTime));
       }
     }
   };
@@ -46535,7 +45587,7 @@ class Urdfs extends SceneExtension {
     const msg = messageEvent.message;
     const names = msg.name ?? [];
     const positions = msg.position ?? [];
-    const timestamp = dist$3.toNanoSec(messageEvent.receiveTime);
+    const timestamp = dist$2.toNanoSec(messageEvent.receiveTime);
     for (let i = 0; i < names.length; i++) {
       const name = names[i];
       const position = positions[i] ?? 0;
@@ -53454,7 +52506,7 @@ class VelodyneCloudConverter {
     if (model == undefined) {
       return undefined;
     }
-    const stamp = dist$3.toSec(scan.header.stamp);
+    const stamp = dist$2.toSec(scan.header.stamp);
     const maxPoints = dist.RawPacket.MAX_POINTS_PER_PACKET * scan.packets.length;
     const cloud = new dist.PointCloud({
       stamp,
@@ -53462,7 +52514,7 @@ class VelodyneCloudConverter {
     });
     const transformer = this.getTransformer(model);
     for (const packet of scan.packets) {
-      transformer.unpack(new dist.RawPacket(packet.data), stamp, dist$3.toSec(packet.stamp), cloud);
+      transformer.unpack(new dist.RawPacket(packet.data), stamp, dist$2.toSec(packet.stamp), cloud);
     }
     cloud.trim();
     if (cloud.width === 0 || cloud.height === 0) {
@@ -53587,7 +52639,7 @@ class VelodyneScans extends SceneExtension {
     const {
       topic
     } = messageEvent;
-    const receiveTime = dist$3.toNanoSec(messageEvent.receiveTime);
+    const receiveTime = dist$2.toNanoSec(messageEvent.receiveTime);
     const pointCloud = this.#velodyneCloudConverter.decode(messageEvent.message);
     if (!pointCloud) {
       return;
@@ -53630,7 +52682,7 @@ class VelodyneScans extends SceneExtension {
       const pickingMaterial = createPickingMaterial$1(settings);
       const instancePickingMaterial = createInstancePickingMaterial(settings);
       const stixelMaterial = createStixelMaterial(settings);
-      const messageTime = dist$3.toNanoSec(pointCloud.timestamp);
+      const messageTime = dist$2.toNanoSec(pointCloud.timestamp);
       renderable = new PointCloudHistoryRenderable(topic, this.renderer, {
         receiveTime,
         messageTime,
@@ -56912,7 +55964,7 @@ class Picker {
     return (this.#pixelBuffer[0] << 24) + (this.#pixelBuffer[1] << 16) + (this.#pixelBuffer[2] << 8) + this.#pixelBuffer[3];
   }
   #updateCameraForPickAndGetPickCoordsInView(x, y, options) {
-    dist$2.assert(this.#camera, "camera must be set before updating for pick");
+    dist$1.assert(this.#camera, "camera must be set before updating for pick");
     const w = this.#gl.domElement.width;
     const h = this.#gl.domElement.height;
     const pixelRatio = this.#gl.getPixelRatio();
@@ -56940,7 +55992,7 @@ class Picker {
     }
   }
   #resetCameraFromPick(options) {
-    dist$2.assert(this.#camera, "camera must be set before resetting from pick");
+    dist$1.assert(this.#camera, "camera must be set before resetting from pick");
     if (options.disableSetViewOffset !== true) {
       this.#camera.clearViewOffset();
     }
@@ -72793,14 +71845,14 @@ function formatDate(stamp, timezone) {
     console.error("Times are not allowed to be negative");
     return "(invalid negative time)";
   }
-  return moment$1.tz(dist$3.toDate(stamp), timezone ?? moment$1.tz.guess()).format("YYYY-MM-DD");
+  return moment$1.tz(dist$2.toDate(stamp), timezone ?? moment$1.tz.guess()).format("YYYY-MM-DD");
 }
 function formatTime(stamp, timezone) {
   if (stamp.sec < 0 || stamp.nsec < 0) {
     console.error("Times are not allowed to be negative");
     return "(invalid negative time)";
   }
-  return moment$1.tz(dist$3.toDate(stamp), timezone ?? moment$1.tz.guess()).format("h:mm:ss.SSS A z");
+  return moment$1.tz(dist$2.toDate(stamp), timezone ?? moment$1.tz.guess()).format("h:mm:ss.SSS A z");
 }
 function formatDuration(stamp) {
   return moment$1.duration(Math.round(stamp.sec * 1000 + stamp.nsec / 1e6)).format("h:mm:ss.SSS", {
@@ -75016,7 +74068,7 @@ class Renderer extends EventEmitter {
     if (!allFrames || allFrames.length === 0) {
       return false;
     }
-    const currentTime = dist$3.fromNanoSec(this.currentTime);
+    const currentTime = dist$2.fromNanoSec(this.currentTime);
 
     /**
      * Assumptions about allFrames needed by allFramesCursor:
@@ -75045,7 +74097,7 @@ class Renderer extends EventEmitter {
       cursor++;
       message = allFrames[cursor];
       // read messages until we reach the current time
-      if (dist$3.isLessThan(currentTime, message.receiveTime)) {
+      if (dist$2.isLessThan(currentTime, message.receiveTime)) {
         cursorTimeReached = currentTime;
         // reset cursor to last read message index
         cursor--;
@@ -75168,7 +74220,7 @@ class Renderer extends EventEmitter {
    * prevents the 3D aspects of the scene from being rendered from an insufficient camera info.
    */
   enableImageOnlySubscriptionMode = () => {
-    dist$2.assert(this.#imageModeExtension, "Image mode extension should be defined when calling enable Image only mode");
+    dist$1.assert(this.#imageModeExtension, "Image mode extension should be defined when calling enable Image only mode");
     this.clear({
       clearTransforms: true,
       resetAllFramesCursor: true,
@@ -75421,7 +74473,7 @@ class Renderer extends EventEmitter {
     const parentId = transform.parent_frame_id;
     const childId = transform.child_frame_id;
     try {
-      const stamp = dist$3.toNanoSec(transform.timestamp);
+      const stamp = dist$2.toNanoSec(transform.timestamp);
       const t = transform.translation;
       const q = transform.rotation;
       this.addTransform(parentId, childId, stamp, t, q);
@@ -75433,7 +74485,7 @@ class Renderer extends EventEmitter {
     const normalizedParentId = this.normalizeFrameId(tf.header.frame_id);
     const normalizedChildId = this.normalizeFrameId(tf.child_frame_id);
     try {
-      const stamp = dist$3.toNanoSec(tf.header.stamp);
+      const stamp = dist$2.toNanoSec(tf.header.stamp);
       const t = tf.transform.translation;
       const q = tf.transform.rotation;
       this.addTransform(normalizedParentId, normalizedChildId, stamp, t, q);
@@ -79027,7 +78079,7 @@ const ros2galacticDefinitions = {
 const PublishRos1Datatypes = new Map(["geometry_msgs/Point", "geometry_msgs/PointStamped", "geometry_msgs/Pose", "geometry_msgs/PoseStamped", "geometry_msgs/PoseWithCovariance", "geometry_msgs/PoseWithCovarianceStamped", "geometry_msgs/Quaternion", "std_msgs/Header"].map(type => [type, ros1Definitions[type]]));
 const PublishRos2Datatypes = new Map(["geometry_msgs/Point", "geometry_msgs/PointStamped", "geometry_msgs/Pose", "geometry_msgs/PoseStamped", "geometry_msgs/PoseWithCovariance", "geometry_msgs/PoseWithCovarianceStamped", "geometry_msgs/Quaternion", "std_msgs/Header"].map(type => [type, ros2galacticDefinitions[type]]));
 function makePointMessage(point, frameId) {
-  const time = dist$3.fromDate(new Date());
+  const time = dist$2.fromDate(new Date());
   return {
     // seq is omitted since it is not present in ros2
     header: {
@@ -79042,7 +78094,7 @@ function makePointMessage(point, frameId) {
   };
 }
 function makePoseMessage(pose, frameId) {
-  const time = dist$3.fromDate(new Date());
+  const time = dist$2.fromDate(new Date());
   return {
     // seq is omitted since it is not present in ros2
     header: {
@@ -79053,7 +78105,7 @@ function makePoseMessage(pose, frameId) {
   };
 }
 function makePoseEstimateMessage(pose, frameId, xDev, yDev, thetaDev) {
-  const time = dist$3.fromDate(new Date());
+  const time = dist$2.fromDate(new Date());
   return {
     // seq is omitted since it is not present in ros2
     header: {
@@ -79440,7 +78492,7 @@ function ThreeDeeRender(props) {
 
   // Keep the renderer currentTime up to date and handle seeking
   useEffect(() => {
-    const newTimeNs = currentTime ? dist$3.toNanoSec(currentTime) : undefined;
+    const newTimeNs = currentTime ? dist$2.toNanoSec(currentTime) : undefined;
 
     /*
      * NOTE AROUND SEEK HANDLING