@luxonis/visualizer-protobuf 2.66.6 → 2.66.8

package/dist/{index-C1rpl7ej.js → index-BCNQjEez.js}

@@ -1,4 +1,4 @@
-import { ImagePanel } from './index-BdZejZ7X.js';
+import { ImagePanel } from './index-D1xmWApp.js';
 import 'react';
 import 'react-dom';
 import './depth-B7VOdK0y.js';
@@ -8,7 +8,7 @@ import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
-import './index-BwIG6RpB.js';
+import './index-CUuB2DeV.js';
 import './comlink-DHMAu6X7.js';
 import './utils-Hzt3wxhG.js';
 import './FoxgloveServer-h5m-pXp3.js';

package/dist/{index-LFrJ7QJF.js → index-BLaE8vrb.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, ah as html, a0 as LanguageSupport, ai as parseMixed } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-vFzLuU2s.js → index-BRSoQ8_Y.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-C_ss40yh.js → index-BYTVvykH.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, aa as LocalTokenGroup, ab as snippetCompletion, a5 as syntaxTree, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, a3 as ifNotIn, a4 as completeFromList, ac as IterMode, ad as NodeWeakMap } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-7W7Bpi0P.js → index-BkruEbO5.js}

@@ -1,4 +1,4 @@
-import { U as indentNodeProp, V as continuedIndent, X as foldNodeProp, Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a1 as ExternalTokenizer, a2 as LRParser, a3 as ifNotIn, a4 as completeFromList, a5 as syntaxTree } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-B7t9zftd.js → index-BqkFobGp.js}

@@ -1,4 +1,4 @@
-import { af as EditorView, ag as EditorSelection, $ as LRLanguage, Y as styleTags, Z as tags, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a0 as LanguageSupport, a2 as LRParser, a5 as syntaxTree, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-BwIG6RpB.js';
+import { af as EditorView, ag as EditorSelection, $ as LRLanguage, Y as styleTags, Z as tags, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a0 as LanguageSupport, a2 as LRParser, a5 as syntaxTree, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-CfjINWXt.js → index-BxuDWAWd.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BwIG6RpB.js';
+import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-QGBVFY6c.js → index-C05AhKNz.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, a5 as syntaxTree, a3 as ifNotIn, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ac as IterMode, a4 as completeFromList, ad as NodeWeakMap, ab as snippetCompletion } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-DjBSlW9v.js → index-CPFO1Uvg.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, ae as defineCSSCompletionSource, a0 as LanguageSupport, a2 as LRParser, a1 as ExternalTokenizer } from './index-BwIG6RpB.js';
+import { Y as styleTags, Z as tags, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, ae as defineCSSCompletionSource, a0 as LanguageSupport, a2 as LRParser, a1 as ExternalTokenizer } from './index-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-BwIG6RpB.js → index-CUuB2DeV.js}

@@ -86840,7 +86840,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-7W7Bpi0P.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-BkruEbO5.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -86851,7 +86851,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-mZOyhi9P.js').then(m => m.cpp());
+            return import('./index-DyM7JMrj.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86859,7 +86859,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-mZOyhi9P.js').then(m => m.cpp());
+            return import('./index-DyM7JMrj.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86879,7 +86879,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-C_ss40yh.js').then(m => m.go());
+            return import('./index-BYTVvykH.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86894,7 +86894,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-CfjINWXt.js').then(m => m.java());
+            return import('./index-BxuDWAWd.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86910,7 +86910,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-AroVDAsS.js').then(m => m.json());
+            return import('./index-UAnOeVfw.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86924,14 +86924,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-DjBSlW9v.js').then(m => m.less());
+            return import('./index-CPFO1Uvg.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-B7t9zftd.js').then(m => m.liquid());
+            return import('./index-BqkFobGp.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86957,7 +86957,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-LFrJ7QJF.js').then(m => m.php());
+            return import('./index-BLaE8vrb.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -86974,28 +86974,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-QGBVFY6c.js').then(m => m.python());
+            return import('./index-C05AhKNz.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-vFzLuU2s.js').then(m => m.rust());
+            return import('./index-BRSoQ8_Y.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-Ch649Twx.js').then(m => m.sass({ indented: true }));
+            return import('./index-DE5zu3LB.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-Ch649Twx.js').then(m => m.sass());
+            return import('./index-DE5zu3LB.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87026,7 +87026,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-n4zrsReP.js').then(m => m.wast());
+            return import('./index-DxPt_hhw.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87034,7 +87034,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-D9wXkupL.js').then(m => m.xml());
+            return import('./index-DIY7ddlQ.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87042,7 +87042,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-Dzz_RpFw.js').then(m => m.yaml());
+            return import('./index-CfLr9xrN.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -87838,13 +87838,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-iWE1O1L8.js').then(m => m.vue());
+            return import('./index-OV08AjM2.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-D7famdsR.js').then(m => m.angular());
+            return import('./index-DgYMoCLL.js').then(m => m.angular());
         }
     })
 ];
@@ -166553,7 +166553,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-C1rpl7ej.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BCNQjEez.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -166648,7 +166648,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-BdZejZ7X.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-D1xmWApp.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,

package/dist/{index-Dzz_RpFw.js → index-CfLr9xrN.js}

@@ -1,4 +1,4 @@
-import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ai as parseMixed } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-BdZejZ7X.js → index-D1xmWApp.js}

@@ -3,7 +3,7 @@ import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Compo
 import ReactDOM__default from 'react-dom';
 import { Z as isSymbol, $ as toString, a0 as keys, a1 as getSymbols$1, a2 as stubArray, a3 as arrayPush, a4 as baseGetAllKeys, g as getTag, a5 as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a6 as arrayMap$1, a7 as baseUniq, b as baseFlatten, a8 as useMustNotChange, a9 as useCurrentLayoutActions, aa as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, ab as usePanelMosaicId, ac as useSelectedPanels, ad as PANEL_TITLE_CONFIG_KEY, ae as noop$4, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$2, af as useAppConfiguration, ag as useValueChangedDebugLog, V as typescript, ah as useJsonTreeTheme } from './depth-B7VOdK0y.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-BwIG6RpB.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-CUuB2DeV.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';
@@ -4435,9 +4435,6 @@ const Info20Regular = /*#__PURE__*/createFluentIcon('Info20Regular', "20", ["M10
 
 const ReOrderDotsVertical16Filled = /*#__PURE__*/createFluentIcon('ReOrderDotsVertical16Filled', "16", ["M5.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM10.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM12 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"]);
 
-const Ruler20Filled = /*#__PURE__*/createFluentIcon('Ruler20Filled', "20", ["m13.97 3.2.03.3v13c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 6 16.5v-13A1.5 1.5 0 0 1 7.5 2h5c.72 0 1.33.51 1.47 1.2ZM7 14.5v1h1.5a.5.5 0 0 0 0-1H7Zm0-10v1h1.5a.5.5 0 0 0 0-1H7ZM7 7v1h2.5a.5.5 0 0 0 0-1H7Zm0 2.5v1h1.5a.5.5 0 0 0 0-1H7ZM7 12v1h2.5a.5.5 0 1 0 0-1H7Z"]);
-const Ruler20Regular = /*#__PURE__*/createFluentIcon('Ruler20Regular', "20", ["M14 3.5c0-.83-.67-1.5-1.5-1.5h-5C6.67 2 6 2.67 6 3.5v13c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-13ZM7 13h2.5a.5.5 0 0 0 0-1H7v-1.5h1.5a.5.5 0 0 0 0-1H7V8h2.5a.5.5 0 0 0 0-1H7V5.5h1.5a.5.5 0 0 0 0-1H7v-1c0-.28.22-.5.5-.5h5c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1h1.5a.5.5 0 0 0 0-1H7V13Z"]);
-
 const SplitHorizontal20Regular = /*#__PURE__*/createFluentIcon('SplitHorizontal20Regular', "20", ["M17.5 10a.5.5 0 0 0 0-1h-15a.5.5 0 0 0 0 1h15ZM16 4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4h1V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4h1V4Zm0 7h-1v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-4H4v4c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-4Z"]);
 const SplitVertical20Regular = /*#__PURE__*/createFluentIcon('SplitVertical20Regular', "20", ["M10 2.5a.5.5 0 0 0-1 0v15a.5.5 0 0 0 1 0v-15ZM4 4a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h4v-1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V4H4Zm7 0v1h4a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4Z"]);
 const TabDesktop20Regular = /*#__PURE__*/createFluentIcon('TabDesktop20Regular', "20", ["M3 5.5A2.5 2.5 0 0 1 5.5 3h9A2.5 2.5 0 0 1 17 5.5v9a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 3 14.5v-9ZM16 6v-.5c0-.83-.67-1.5-1.5-1.5H9v1.5c0 .28.22.5.5.5H16ZM8 4H5.5C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5V7H9.5A1.5 1.5 0 0 1 8 5.5V4Z"]);
@@ -32509,6 +32506,9 @@ 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)
 
 // 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 = {
@@ -32566,6 +32566,8 @@ class MessageHandler {
 
   #onAnnotationReceivedEvent;
   #annotationsFpsRefreshInterval = null;
+  // New: keep a buffer of recent images for annotation-prioritized synchronization
+  imagesBuffer = [];
   // Store a small buffer of recent annotations per topic with computed seconds timestamps
   annotationsMap = new Map();
   // Track last selected annotation per topic to add hysteresis and reduce flicker
@@ -32614,6 +32616,35 @@ class MessageHandler {
       ...message,
       message: image
     };
+
+    // Compute timestamp seconds for buffer storage (prefer image stamp, then receiveTime, then wall clock)
+    const stamp = getTimestampFromImage(image);
+    let timeSec;
+    const stampSec = stamp?.sec;
+    const stampNsec = stamp?.nsec;
+    if (typeof stampSec === "number" && typeof stampNsec === "number") {
+      timeSec = 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;
+      }
+    }
+    this.imagesBuffer.push({
+      image: this.lastImage,
+      timeSec
+    });
+    // Trim by time and length
+    const nowSec = performance.now() / 1000;
+    const cutoff = nowSec - imageRetentionSec;
+    this.imagesBuffer = this.imagesBuffer.filter(e => e.timeSec >= cutoff);
+    if (this.imagesBuffer.length > maxImageBuffer) {
+      this.imagesBuffer.splice(0, this.imagesBuffer.length - maxImageBuffer);
+    }
     this.#emitState();
   }
   handleCameraInfo = message => {
@@ -32708,6 +32739,7 @@ class MessageHandler {
     this.annotationsMap.clear();
     this.lastSelectedByTopic.clear();
     this.lastImage = undefined;
+    this.imagesBuffer = [];
     this.#oldRenderState = undefined;
     this.#emitState();
   }
@@ -32736,30 +32768,45 @@ class MessageHandler {
     this.#hud.displayIfTrue(waitingForImage && calibrationRequired, WAITING_FOR_IMAGE_NOTICE_HUD_ITEM);
   }
   #getRenderState() {
-    if (!this.lastImage) {
+    if (this.imagesBuffer.length === 0) {
       return {
         annotationsByTopic: new Map(),
         presentAnnotationTopics: undefined,
         missingAnnotationTopics: undefined
       };
     }
-    const state = {
-      image: this.lastImage,
-      annotationsByTopic: new Map()
-    };
-    const imageTimestampSec = (() => {
-      const stamp = getTimestampFromImage(this.lastImage.message);
-      const sec = stamp?.sec;
-      const nsec = stamp?.nsec;
-      if (typeof sec === "number" && typeof nsec === "number") {
-        return sec + nsec / 1e9;
-      }
-      return performance.now() / 1000;
-    })();
-    for (const [topic, buffer] of this.annotationsMap.entries()) {
-      if (buffer.length === 0) continue;
-
-      // Prefer newest annotation older than the image within staleness window
+
+    // Visible topics
+    const visibleTopics = new Set();
+    if (this.#config.annotations) {
+      for (const [topic, settings] of Object.entries(this.#config.annotations)) {
+        if (settings?.visible) visibleTopics.add(topic);
+      }
+    }
+
+    // Required topics (available & visible)
+    const requiredTopics = [];
+    for (const t of visibleTopics) {
+      if (this.availableAnnotationTopics.size === 0 || this.availableAnnotationTopics.has(t)) {
+        requiredTopics.push(t);
+      }
+    }
+
+    // New policy: always start from newest image (do not freeze on older frame).
+    const newestImageEntry = this.imagesBuffer[this.imagesBuffer.length - 1];
+    const imageTimestampSec = newestImageEntry.timeSec;
+    const selectedAnnotations = new Map();
+    const presentTopics = [];
+    const missingTopics = [];
+    for (const topic of visibleTopics) {
+      const buffer = this.annotationsMap.get(topic);
+      if (!buffer || buffer.length === 0) {
+        // No annotations yet for this topic
+        if (requiredTopics.includes(topic)) ;
+        continue;
+      }
+
+      // Find preferred (newest <= image time within staleness)
       let preferred;
       for (let i = buffer.length - 1; i >= 0; i--) {
         const entry = buffer[i];
@@ -32770,28 +32817,28 @@ class MessageHandler {
         }
       }
 
-      // If none older within staleness, fall back to closest within tolerance
-      let fallback = buffer[0];
-      let fallbackDelta = Math.abs(fallback.timeSec - imageTimestampSec);
+      // Fallback: closest within tolerance window
+      let closest = buffer[0];
+      let closestDelta = Math.abs(closest.timeSec - imageTimestampSec);
       for (let i = 1; i < buffer.length; i++) {
         const entry = buffer[i];
         const delta = Math.abs(entry.timeSec - imageTimestampSec);
-        if (delta < fallbackDelta) {
-          fallback = entry;
-          fallbackDelta = delta;
+        if (delta < closestDelta) {
+          closest = entry;
+          closestDelta = delta;
         }
       }
-      let candidate = preferred ?? fallback;
+      let candidate = preferred ?? closest;
       if (!candidate) continue;
       const candidateDelta = Math.abs(candidate.timeSec - imageTimestampSec);
       const candidateAge = imageTimestampSec - candidate.timeSec;
-      const acceptable = preferred != undefined && candidateAge >= 0 && candidateAge <= maxStalenessSec || preferred == undefined && candidateDelta <= syncToleranceSec;
+      const acceptable = preferred && candidateAge >= 0 && candidateAge <= maxStalenessSec || !preferred && candidateDelta <= syncToleranceSec;
       const notFutureFar = candidate.timeSec <= imageTimestampSec + syncToleranceSec;
       if (!acceptable || !notFutureFar) {
+        // can't use for now
         continue;
       }
-
-      // Hysteresis: if previous selection is very close and still valid, keep it to avoid flicker
+      // Hysteresis: keep previous if close
       const prevTime = this.lastSelectedByTopic.get(topic);
       if (prevTime != undefined) {
         const prevEntry = buffer.find(e => Math.abs(e.timeSec - prevTime) < 1e-6);
@@ -32804,10 +32851,30 @@ class MessageHandler {
           }
         }
       }
-      state.annotationsByTopic.set(topic, candidate.annotation);
+      selectedAnnotations.set(topic, candidate.annotation);
+      presentTopics.push(topic);
       this.lastSelectedByTopic.set(topic, candidate.timeSec);
     }
-    return state;
+
+    // Determine missing topics (we have at least some annotation messages for them but could not align one this frame)
+    for (const t of requiredTopics) {
+      if (!presentTopics.includes(t)) {
+        const buf = this.annotationsMap.get(t);
+        if (buf && buf.length > 0) {
+          // We received data but could not synchronize within tolerance -> mark missing
+          missingTopics.push(t);
+        }
+      }
+    }
+
+    // Always return newest image; do not block rendering if annotations incomplete
+    return {
+      image: newestImageEntry.image,
+      annotationsByTopic: selectedAnnotations,
+      // Provide mismatch info only if we have both present and missing; otherwise undefined to reduce HUD noise
+      presentAnnotationTopics: presentTopics.length > 0 && missingTopics.length > 0 ? presentTopics.sort() : undefined,
+      missingAnnotationTopics: presentTopics.length > 0 && missingTopics.length > 0 ? missingTopics.sort() : undefined
+    };
   }
 }
 
@@ -35197,7 +35264,7 @@ class Images extends SceneExtension {
 // 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 DEFAULT_POINT_SIZE = 1.5;
+const DEFAULT_POINT_SIZE = 4.0;
 const DEFAULT_POINT_SHAPE = "circle";
 const DEFAULT_COLOR_MAP = "turbo";
 const DEFAULT_FLAT_COLOR = {
@@ -37865,6 +37932,7 @@ class PointClouds extends SceneExtension {
         ...DEFAULT_SETTINGS$5,
         ...userSettings
       };
+      settings.pointSize = DEFAULT_SETTINGS$5.pointSize; // Renderer resets PC point size to 2 on init, so always replace with default
 
       // want to avoid setting this if fields didn't update
       if (settings.colorField == undefined && fieldsForTopicUpdated) {
@@ -72627,18 +72695,6 @@ function RendererOverlay(props) {
       flexDirection: "column"
     }
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    placement: "left",
-    title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, `Switch to ${props.perspective ? "2" : "3"}D camera `, /*#__PURE__*/React__default.createElement("kbd", {
-      className: classes.kbd
-    }, "3"))
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
-    className: classes.iconButton,
-    size: "small",
-    color: props.perspective ? "info" : "inherit",
-    onClick: props.onTogglePerspective
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: classes.threeDeeButton
-  }, "3D"))), /*#__PURE__*/React__default.createElement(Tooltip, {
     placement: "left",
     title: "Reset view"
   }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -72648,18 +72704,7 @@ function RendererOverlay(props) {
     onClick: () => {
       on3dSceneReset.emit("resetView");
     }
-  }, /*#__PURE__*/React__default.createElement(ArrowResetRegular, null))), /*#__PURE__*/React__default.createElement(Tooltip, {
-    placement: "left",
-    title: props.measureActive ? "Cancel measuring" : "Measure distance"
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
-    "data-testid": "measure-button",
-    className: classes.iconButton,
-    size: "small",
-    color: props.measureActive ? "info" : "inherit",
-    onClick: props.onClickMeasure
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classes.rulerIcon
-  }, props.measureActive ? /*#__PURE__*/React__default.createElement(Ruler20Filled, null) : /*#__PURE__*/React__default.createElement(Ruler20Regular, null)))), publishControls)), clickedObjects.length > 1 && !selectedObject && /*#__PURE__*/React__default.createElement(InteractionContextMenu, {
+  }, /*#__PURE__*/React__default.createElement(ArrowResetRegular, null))), publishControls)), clickedObjects.length > 1 && !selectedObject && /*#__PURE__*/React__default.createElement(InteractionContextMenu, {
     onClose: () => {
       setSelectedRenderables([]);
     },

package/dist/{index-Ch649Twx.js → index-DE5zu3LB.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, X as foldNodeProp, a8 as foldInside, U as indentNodeProp, V as continuedIndent, ae as defineCSSCompletionSource, a0 as LanguageSupport } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-D9wXkupL.js → index-DIY7ddlQ.js}

@@ -1,4 +1,4 @@
-import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, X as foldNodeProp, aj as bracketMatchingHandle, a0 as LanguageSupport, af as EditorView, a5 as syntaxTree, ag as EditorSelection } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-D7famdsR.js → index-DgYMoCLL.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, ak as javascriptLanguage, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-n4zrsReP.js → index-DxPt_hhw.js}

@@ -1,4 +1,4 @@
-import { $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, Y as styleTags, Z as tags, a0 as LanguageSupport, a2 as LRParser } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-mZOyhi9P.js → index-DyM7JMrj.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-iWE1O1L8.js → index-OV08AjM2.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, aa as LocalTokenGroup, ah as html, ai as parseMixed, ak as javascriptLanguage } from './index-BwIG6RpB.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-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/{index-AroVDAsS.js → index-UAnOeVfw.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BwIG6RpB.js';
+import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-CUuB2DeV.js';
 import './depth-B7VOdK0y.js';
 import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';

package/dist/index.js

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

package/dist/packages/studio-base/src/panels/ThreeDeeRender/RendererOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RendererOverlay.d.ts","sourceRoot":"","sources":["../../../../../../../packages/studio-base/src/panels/ThreeDeeRender/RendererOverlay.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsD7C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAqB,CAAC;AAEjD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8SzD"}
+{"version":3,"file":"RendererOverlay.d.ts","sourceRoot":"","sources":["../../../../../../../packages/studio-base/src/panels/ThreeDeeRender/RendererOverlay.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsD7C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAqB,CAAC;AAEjD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA2QzD"}

package/dist/packages/studio-base/src/panels/ThreeDeeRender/RendererOverlay.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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/
-import { ArrowResetRegular, Ruler20Filled, Ruler20Regular } from "@fluentui/react-icons";
+import { ArrowResetRegular } from "@fluentui/react-icons";
 import { Button, IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Paper, Tooltip, useTheme } from "@mui/material";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -181,9 +181,9 @@ export function RendererOverlay(props) {
     const mousePresent = usePanelMousePresence(mousePresenceRef);
     return (_jsxs(_Fragment, { children: [props.interfaceMode === "image" && _jsx(PanelContextMenu, { getItems: getContextMenuItems }), _jsxs("div", { ref: mousePresenceRef, className: classes.root, children: [
                     // Only show on hover for image panel
-                    (props.interfaceMode === "3d" || mousePresent) && (_jsx(Interactions, { addPanel: props.addPanel, interactionsTabType: interactionsTabType, onShowTopicSettings: props.onShowTopicSettings, selectedObject: selectedObject, setInteractionsTabType: setInteractionsTabType, timezone: props.timezone })), props.interfaceMode === "3d" && (_jsxs(Paper, { square: false, elevation: 4, style: { display: "flex", flexDirection: "column" }, children: [_jsx(Tooltip, { placement: "left", title: _jsxs(_Fragment, { children: [`Switch to ${props.perspective ? "2" : "3"}D camera `, _jsx("kbd", { className: classes.kbd, children: "3" })] }), children: _jsx(IconButton, { className: classes.iconButton, size: "small", color: props.perspective ? "info" : "inherit", onClick: props.onTogglePerspective, children: _jsx("span", { className: classes.threeDeeButton, children: "3D" }) }) }), _jsx(Tooltip, { placement: "left", title: "Reset view", children: _jsx(IconButton, { className: classes.iconButton, size: "small", color: "inherit", onClick: () => {
+                    (props.interfaceMode === "3d" || mousePresent) && (_jsx(Interactions, { addPanel: props.addPanel, interactionsTabType: interactionsTabType, onShowTopicSettings: props.onShowTopicSettings, selectedObject: selectedObject, setInteractionsTabType: setInteractionsTabType, timezone: props.timezone })), props.interfaceMode === "3d" && (_jsxs(Paper, { square: false, elevation: 4, style: { display: "flex", flexDirection: "column" }, children: [_jsx(Tooltip, { placement: "left", title: "Reset view", children: _jsx(IconButton, { className: classes.iconButton, size: "small", color: "inherit", onClick: () => {
                                         on3dSceneReset.emit("resetView");
-                                    }, children: _jsx(ArrowResetRegular, {}) }) }), _jsx(Tooltip, { placement: "left", title: props.measureActive ? "Cancel measuring" : "Measure distance", children: _jsx(IconButton, { "data-testid": "measure-button", className: classes.iconButton, size: "small", color: props.measureActive ? "info" : "inherit", onClick: props.onClickMeasure, children: _jsx("div", { className: classes.rulerIcon, children: props.measureActive ? _jsx(Ruler20Filled, {}) : _jsx(Ruler20Regular, {}) }) }) }), publishControls] }))] }), clickedObjects.length > 1 && !selectedObject && (_jsx(InteractionContextMenu, { onClose: () => {
+                                    }, children: _jsx(ArrowResetRegular, {}) }) }), publishControls] }))] }), clickedObjects.length > 1 && !selectedObject && (_jsx(InteractionContextMenu, { onClose: () => {
                     setSelectedRenderables([]);
                 }, clickedPosition: clickedPosition, clickedObjects: clickedObjects, selectObject: (selection) => {
                     if (selection) {