@luxonis/visualizer-protobuf 2.68.8 → 2.68.10

package/dist/{index-CPm4j5Ig.js → index-Dl-BT0Go.js}

@@ -1,17 +1,17 @@
-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-BIIHWu1p.js';
-import './depth-CFY2W_Vf.js';
+import { ad as EditorView, ae as EditorSelection, Y as LRLanguage, V as styleTags, X as tags, Q as indentNodeProp, a5 as delimitedIndent, U as foldNodeProp, Z as LanguageSupport, a0 as LRParser, a3 as syntaxTree, af as html, ag as parseMixed, $ as ExternalTokenizer } from './index-DgJK8CVA.js';
+import './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-DDTzdpi1.js → index-Dtvj50qi.js}

@@ -1,17 +1,17 @@
-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-BIIHWu1p.js';
-import './depth-CFY2W_Vf.js';
+import { $ as ExternalTokenizer, V as styleTags, X as tags, a0 as LRParser, Y as LRLanguage, Q as indentNodeProp, T as continuedIndent, a5 as delimitedIndent, U as foldNodeProp, a6 as foldInside, af as html, Z as LanguageSupport, ag as parseMixed } from './index-DgJK8CVA.js';
+import './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-Dz5WEhSI.js → index-HZpBmPlK.js}

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, createElement, cloneElement, useMemo, Profiler, StrictMode } from 'react';
 import ReactDOM__default from 'react-dom';
-import { Y as isSymbol, Z as toString, $ as keys, a0 as getSymbols$1, a1 as stubArray, a2 as arrayPush, a3 as baseGetAllKeys, g as getTag, a4 as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a5 as arrayMap$1, a6 as baseUniq, b as baseFlatten, a7 as useMustNotChange, a8 as useCurrentLayoutActions, a9 as useCurrentLayoutSelector, r as reportError, A as AppError, L as Logger, u as useGuaranteedContext, aa as usePanelMosaicId, ab as useSelectedPanels, ac as PANEL_TITLE_CONFIG_KEY, ad as noop$4, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$2, ae as useAppConfiguration, af as useValueChangedDebugLog, ag as useJsonTreeTheme } from './depth-CFY2W_Vf.js';
+import { Y as isSymbol, Z as toString, $ as keys, a0 as getSymbols$1, a1 as stubArray, a2 as arrayPush, a3 as baseGetAllKeys, g as getTag, a4 as getAllKeys, j as baseGet, c as baseIteratee, i as castPath, t as toKey, a5 as arrayMap$1, a6 as baseUniq, b as baseFlatten, a7 as useMustNotChange, L as Logger, a8 as useCurrentLayoutActions, a9 as useCurrentLayoutSelector, r as reportError, A as AppError, u as useGuaranteedContext, aa as usePanelMosaicId, ab as useSelectedPanels, ac as PANEL_TITLE_CONFIG_KEY, ad as noop$4, n as getPanelTypeFromId, K as useShallowMemo, T as TAB_PANEL_TYPE, I as filterMap, d as dist$2, ae as useAppConfiguration, af as useValueChangedDebugLog, ag as useJsonTreeTheme } from './depth-BEHWbtlK.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-BIIHWu1p.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, i as isEmpty, h as PanelContext, j as PanelCatalogContext, k as usePanelStateStore, l as useDefaultPanelTitle, n as useWorkspaceStore, o as WorkspaceStoreSelectors, p as difference, q as usePanelContext, r as useMessagePipeline, v as v4, s as useHoverValue, t as useSetHoverValue, w as useClearHoverValue, x as useMessagePipelineGetter, y as usePanelSettingsTreeUpdate, z as PlayerCapabilities, B as assertNever, C as PlayerPresence, D as isEqual, F as isDesktopApp, G as createTheme, H as propTypesExports, I as format$1, J as z, K as serializeError, M as stringify$1, N as createIntl, O as createIntlCache } from './index-DgJK8CVA.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';
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as getAugmentedNamespace } from './protobuf-CUXoOgMk.js';
+import { Link, Button, alpha, IconButton, Typography, Card, CardActionArea, CardMedia, CardContent, 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';
 import { c as copyObject, k as keysIn, g as getPrototype, d as cloneArrayBuffer, e as cloneTypedArray, f as copyArray, h as cloneBuffer, j as initCloneObject, a as assignValue, b as baseAssignValue, l as isPlainObject$1, t as tinycolor, n as t$1, m as merge$1, i as instance } from './i18next-IYI3-Nuv.js';
 import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
 import SettingsIcon from '@mui/icons-material/Settings';
@@ -17,16 +17,16 @@ import CancelIcon from '@mui/icons-material/Cancel';
 import SearchIcon from '@mui/icons-material/Search';
 import { useDrag, useDrop } from 'react-dnd';
 import { B as Box3, V as Vector3, I as InstancedBufferGeometry, F as Float32BufferAttribute, a as InstancedInterleavedBuffer, b as InterleavedBufferAttribute, W as WireframeGeometry, S as Sphere, U as UniformsLib, c as Vector2, e as ShaderLib, f as UniformsUtils, g as ShaderMaterial, h as Vector4, M as Matrix4, L as Line3, i as Mesh, j as MathUtils, O as Object3D, C as Color, r as rgbToThreeColor, s as stringToRgba, m as makeRgba, k as MeshStandardMaterial, R as ReplaceStencilOp, N as NotEqualStencilFunc, D as DoubleSide, P as PointsMaterial, l as rgbaToCssString, n as colorModeSettingsFields, o as autoSelectColorSettings, p as PlaneGeometry, q as DataTexture, t as UVMapping, u as ClampToEdgeWrapping, v as NearestFilter, w as LinearFilter, x as FS_SRGB_TO_LINEAR, y as SRGBColorSpace, z as LinearSRGBColorSpace, A as rgbaToLinear, E as RedFormat, G as RGBAFormat, H as getColorConverter, J as FloatType, K as UnsignedByteType, Q as NEEDS_MIN_MAX$1, T as InstancedMesh, X as CylinderGeometry, Y as ConeGeometry, Z as DataTextureLoader, _ as LinearMipmapLinearFilter, $ as Loader, a0 as LoaderUtils, a1 as FileLoader, a2 as MeshBasicMaterial, a3 as Scene, a4 as TextureLoader, a5 as AnimationClip, a6 as VectorKeyframeTrack, a7 as QuaternionKeyframeTrack, a8 as MeshLambertMaterial, a9 as MeshPhongMaterial, aa as FrontSide, ab as PerspectiveCamera, ac as OrthographicCamera, ad as AmbientLight, ae as SpotLight, af as PointLight, ag as DirectionalLight, ah as BufferGeometry, ai as Group, aj as Quaternion, ak as Bone, al as LineBasicMaterial, am as SkinnedMesh, an as Line, ao as LineSegments, ap as RepeatWrapping, aq as Skeleton, ar as BufferAttribute, as as TrianglesDrawMode, at as TriangleFanDrawMode, au as TriangleStripDrawMode, av as MeshPhysicalMaterial, aw as ImageBitmapLoader, ax as InterleavedBuffer, ay as Material, az as PropertyBinding, aA as LineLoop, aB as Points, aC as InterpolateLinear, aD as ColorManagement, aE as NearestMipmapNearestFilter, aF as LinearMipmapNearestFilter, aG as NearestMipmapLinearFilter, aH as MirroredRepeatWrapping, aI as InterpolateDiscrete, aJ as Texture, aK as NumberKeyframeTrack, aL as Interpolant, aM as EdgesGeometry, aN as LoadingManager, aO as stringToRgb, aP as getLuminance, aQ as Euler, aR as vec3TupleApproxEquals, aS as decodeCompressedImageToBitmap, aT as CanvasTexture, aU as Shape, aV as SRGBToLinear, aW as ShapeGeometry, aX as DynamicDrawUsage, aY as ShaderChunk, aZ as IMAGE_DEFAULT_COLOR_MODE_SETTINGS, a_ as colorHasTransparency, a$ as StaticDrawUsage, b0 as RawShaderMaterial, b1 as GLSL3, b2 as colorFieldComputedPrefix, b3 as getRotationTo, b4 as SphereGeometry, b5 as rgbaGradient, b6 as InstancedBufferAttribute, b7 as BoxGeometry, b8 as DARK_OUTLINE, b9 as LIGHT_OUTLINE, ba as CircleGeometry, bb as LineDashedMaterial, bc as GreaterDepth, bd as EventDispatcher$1, be as Plane, bf as Raycaster, bg as WebGLRenderTarget, bh as THREE$1, bi as Spherical, bj as WebGLRenderer, bk as NoToneMapping, bl as VSMShadowMap, bm as HemisphereLight } from './decodeImage-DAWmFdMI.js';
-import { t as typescript } from './index-CYJDY0hm.js';
+import { t as typescript } from './index-BNURNYen.js';
 import { CacheProvider } from '@emotion/react';
 import '@mui/material/styles/createTypography';
-import { E as EventEmitter } from './FoxgloveServer-h5m-pXp3.js';
+import { E as EventEmitter } from './FoxgloveServer-VUfAN9DL.js';
 import require$$1$3 from 'color';
 import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import './comlink-CsH1ih07.js';
 import './utils-Hzt3wxhG.js';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd-html5-backend';
 import 'object-assign';
 import 'react/jsx-runtime';
@@ -5189,6 +5189,21 @@ var useLongPress = function (callback, _a) {
     };
 };
 
+// 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/
+//
+// This file incorporates work covered by the following copyright and
+// permission notice:
+//
+//   Copyright 2018-2021 Cruise LLC
+//
+//   This source code is licensed under the Apache License, Version 2.0,
+//   found at http://www.apache.org/licenses/LICENSE-2.0
+//   You may not use this file except in compliance with the License.
+
+Logger.getLogger("src/index.ts");
+
 function isPrimitive(value) {
   return ((typeof value !== 'object') && (typeof value !== 'function')) || (value === null);
 }
@@ -5521,7 +5536,7 @@ class PanelErrorBoundary extends Component {
 const APP_BAR_HEIGHT = 44;
 
 const PANEL_ROOT_CLASS_NAME = "FoxglovePanelRoot-root";
-const useStyles$f = makeStyles$1()((theme, props) => {
+const useStyles$g = makeStyles$1()((theme, props) => {
   const {
     palette,
     transitions
@@ -5622,7 +5637,7 @@ const PanelRoot = /*#__PURE__*/forwardRef(function PanelRoot(props, ref) {
   const {
     classes,
     cx
-  } = useStyles$f({
+  } = useStyles$g({
     sourceRect,
     hasFullscreenDescendant
   });
@@ -5639,7 +5654,7 @@ const PanelRoot = /*#__PURE__*/forwardRef(function PanelRoot(props, ref) {
   }, rest), props.children);
 });
 
-const useStyles$e = makeStyles$1()(theme => ({
+const useStyles$f = makeStyles$1()(theme => ({
   root: {
     padding: theme.spacing(0.375),
     fontSize: "0.875rem",
@@ -5658,7 +5673,7 @@ var ToolbarIconButton = /*#__PURE__*/forwardRef(function ToolbarIconButton(props
   const {
     classes,
     cx
-  } = useStyles$e();
+  } = useStyles$f();
   return /*#__PURE__*/React__default.createElement(IconButton, _extends$1({
     ref: ref,
     className: cx(classes.root, className)
@@ -8667,6 +8682,39 @@ var fuzzysort = {exports: {}};
 var fuzzysortExports = fuzzysort.exports;
 var fuzzySort = /*@__PURE__*/getDefaultExportFromCjs(fuzzysortExports);
 
+const useStyles$e = makeStyles$1()(theme => ({
+  root: {
+    whiteSpace: "pre-line",
+    code: {
+      color: theme.palette.primary.main,
+      background: "transparent",
+      padding: 0
+    }
+  }
+}));
+function EmptyState({
+  children,
+  className
+}) {
+  const {
+    classes,
+    cx
+  } = useStyles$e();
+  return /*#__PURE__*/React__default.createElement(Stack$1, {
+    className: cx(classes.root, className),
+    flex: "auto",
+    alignItems: "center",
+    justifyContent: "center",
+    fullHeight: true,
+    paddingX: 1
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    lineHeight: 1.4,
+    align: "center"
+  }, children));
+}
+
 // 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/
@@ -31981,7 +32029,7 @@ const t3D = threeDeeKey => t$1(`threeDee:${threeDeeKey}`);
 // 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_CAMERA_STATE = {
+const DEFAULT_CAMERA_STATE$1 = {
   near: 0.001,
   far: 1000
 };
@@ -31989,7 +32037,7 @@ const MIN_USER_ZOOM = 0.5;
 const MAX_USER_ZOOM = 50;
 class ImageModeCamera extends PerspectiveCamera {
   #model;
-  #cameraState = DEFAULT_CAMERA_STATE;
+  #cameraState = DEFAULT_CAMERA_STATE$1;
   #rotation = 0;
   #flipHorizontal = false;
   #flipVertical = false;
@@ -59731,6 +59779,23 @@ class CameraControls extends EventDispatcher {
     }
 }
 
+// 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/
+
+const DEFAULT_CAMERA_STATE = {
+  distance: -500,
+  perspective: localStorage.getItem("perspective") ? localStorage.getItem("perspective") === "true" : true,
+  phi: 89,
+  target: [0, 0, 0],
+  targetOffset: [0, 0, 0],
+  targetOrientation: [0, 1, 1, 1],
+  thetaOffset: 180,
+  fovy: 60,
+  near: 2,
+  far: 20000
+};
+
 /**
  * Types of items that can be included in a context menu. Either a clickable item
  * or a divider.
@@ -59867,45 +59932,6 @@ function PublishPoseEstimateIcon(props) {
 // 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/
 
-
-/**
- * Tracks the presence of the mouse in the parent panel.
- *
- * @param ref The element to hide and show on panel hove
- * @returns True if the mouse is currently within the parent panel.
- */
-function usePanelMousePresence(ref) {
-  const [present, setPresent] = useState(false);
-  const listener = useCallback(ev => {
-    if (!ref.current) {
-      return;
-    }
-    if (ev.type === "mouseenter") {
-      setPresent(true);
-    } else {
-      setPresent(false);
-    }
-  }, [ref]);
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) {
-      return;
-    }
-    const parent = element.closest(`.${PANEL_ROOT_CLASS_NAME}`);
-    parent?.addEventListener("mouseenter", listener);
-    parent?.addEventListener("mouseleave", listener);
-    return () => {
-      parent?.removeEventListener("mouseenter", listener);
-      parent?.removeEventListener("mouseleave", listener);
-    };
-  }, [ref, listener]);
-  return present;
-}
-
-// 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/
-
 const RendererContext = /*#__PURE__*/createContext(undefined);
 
 /**
@@ -60072,7 +60098,8 @@ function ExpandingToolbar({
   onSelectTab,
   selectedTab,
   tooltip,
-  dataTest
+  dataTest,
+  style
 }) {
   const {
     classes
@@ -60090,7 +60117,8 @@ function ExpandingToolbar({
       square: false,
       elevation: 4,
       style: {
-        pointerEvents: "auto"
+        pointerEvents: "auto",
+        ...style
       }
     }, /*#__PURE__*/React__default.createElement(Tooltip, {
       placement: "left",
@@ -60101,6 +60129,10 @@ function ExpandingToolbar({
       "data-testid": `ExpandingToolbar-${tooltip}`,
       onClick: () => {
         onSelectTab(selectedTabLocal);
+      },
+      style: {
+        width: "100%",
+        height: "100%"
       }
     }, icon)));
   }
@@ -72646,6 +72678,10 @@ const InteractionsBaseComponent = React__default.memo(function InteractionsBaseC
     selectedTab: interactionsTabType,
     onSelectTab: newSelectedTab => {
       setInteractionsTabType(newSelectedTab);
+    },
+    style: {
+      width: 34,
+      height: 34
     }
   }, /*#__PURE__*/React__default.createElement(ToolGroup, {
     name: OBJECT_TAB_TYPE
@@ -73129,16 +73165,11 @@ function RendererOverlay(props) {
   const getContextMenuItems = useCallback(() => {
     return renderer?.getContextMenuItems() ?? [];
   }, [renderer]);
-  const mousePresenceRef = useRef(null);
-  const mousePresent = usePanelMousePresence(mousePresenceRef);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.interfaceMode === "image" && /*#__PURE__*/React__default.createElement(PanelContextMenu, {
     getItems: getContextMenuItems
   }), /*#__PURE__*/React__default.createElement("div", {
-    ref: mousePresenceRef,
     className: classes.root
-  },
-  // Only show on hover for image panel
-  (props.interfaceMode === "3d" || mousePresent) && /*#__PURE__*/React__default.createElement(Interactions, {
+  }, props.interfaceMode === "3d" && /*#__PURE__*/React__default.createElement(Interactions, {
     addPanel: props.addPanel,
     interactionsTabType: interactionsTabType,
     onShowTopicSettings: props.onShowTopicSettings,
@@ -73161,6 +73192,10 @@ function RendererOverlay(props) {
     color: "inherit",
     onClick: () => {
       on3dSceneReset.emit("resetView");
+    },
+    style: {
+      width: "34px",
+      height: "34px"
     }
   }, /*#__PURE__*/React__default.createElement(ArrowResetRegular, null))), publishControls), props.interfaceMode === "3d" && /*#__PURE__*/React__default.createElement(Paper, {
     square: false,
@@ -73215,44 +73250,32 @@ function RendererOverlay(props) {
       });
     }
   }, renderer?.config.cameraState.perspective ? /*#__PURE__*/React__default.createElement("svg", {
-    viewBox: "0 0 24 24",
+    stroke: "currentColor",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "SVGRepo_bgCarrier",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    id: "SVGRepo_tracerCarrier",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    id: "SVGRepo_iconCarrier"
-  }, " ", /*#__PURE__*/React__default.createElement("path", {
-    d: "M16 5.00007L16 19.0001M10 4.00007L10 20.0001M3 12.0001H21M3 5.98924L3 18.0109C3 19.3749 3 20.0569 3.28134 20.5297C3.52803 20.9442 3.9162 21.2556 4.37434 21.4065C4.89685 21.5785 5.56262 21.4306 6.89418 21.1347L18.4942 18.5569C19.3883 18.3582 19.8354 18.2589 20.1691 18.0185C20.4634 17.8064 20.6945 17.5183 20.8377 17.1849C21 16.807 21 16.3491 21 15.4331V8.56702C21 7.65109 21 7.19312 20.8377 6.8152C20.6945 6.48186 20.4634 6.19373 20.1691 5.98168C19.8354 5.74126 19.3883 5.64191 18.4942 5.44322L6.89418 2.86544C5.56262 2.56954 4.89685 2.42159 4.37434 2.59368C3.9162 2.74457 3.52803 3.05596 3.28134 3.47045C3 3.94318 3 4.6252 3 5.98924Z",
-    stroke: "#000000",
     "stroke-width": "2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), " ")) : /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "SVGRepo_bgCarrier",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    id: "SVGRepo_tracerCarrier",
     "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    id: "SVGRepo_iconCarrier"
-  }, " ", /*#__PURE__*/React__default.createElement("path", {
-    d: "M20 9.33333V6C20 4.89543 19.1046 4 18 4H14.6667M20 9.33333H14.6667M20 9.33333V14.6667M4 9.33333V6C4 4.89543 4.89543 4 6 4H9.33333M4 9.33333H9.33333M4 9.33333V14.6667M14.6667 9.33333H9.33333M14.6667 9.33333V4M14.6667 9.33333V14.6667M9.33333 9.33333V4M9.33333 9.33333V14.6667M20 14.6667V18C20 19.1046 19.1046 20 18 20H14.6667M20 14.6667H14.6667M4 14.6667V18C4 19.1046 4.89543 20 6 20H9.33333M4 14.6667H9.33333M14.6667 14.6667H9.33333M14.6667 14.6667V20M9.33333 14.6667V20M9.33333 4H14.6667M9.33333 20H14.6667",
-    stroke: "#000000",
+    "stroke-linejoin": "round",
+    height: "24px",
+    width: "24px",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M4 4v16h16"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "m4 20 7-7"
+  })) : /*#__PURE__*/React__default.createElement("svg", {
+    stroke: "currentColor",
+    fill: "none",
     "stroke-width": "2",
+    viewBox: "0 0 24 24",
     "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), " ")))), publishControls)), clickedObjects.length > 1 && !selectedObject && /*#__PURE__*/React__default.createElement(InteractionContextMenu, {
+    "stroke-linejoin": "round",
+    height: "24px",
+    width: "24px",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M6.141 4.163l12 1.714a1 1 0 0 1 .859 .99v10.266a1 1 0 0 1 -.859 .99l-12 1.714a1 1 0 0 1 -1.141 -.99v-13.694a1 1 0 0 1 1.141 -.99z"
+  })))), publishControls)), clickedObjects.length > 1 && !selectedObject && /*#__PURE__*/React__default.createElement(InteractionContextMenu, {
     onClose: () => {
       setSelectedRenderables([]);
     },
@@ -73325,7 +73348,7 @@ class CameraStateSettings extends SceneExtension {
     this.add(this.#cameraGroup);
     this.renderer.updateConfig(draft => {
       if (!draft.cameraState) {
-        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE$1);
+        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE);
       }
     });
     const isPerspective = this.renderer.config.cameraState.perspective;
@@ -73410,7 +73433,7 @@ class CameraStateSettings extends SceneExtension {
       this.#perspectiveCamera.position.set(0, 0, 0);
       this.#orthographicCamera.position.set(0, 0, 0);
       this.renderer.updateConfig(draft => {
-        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE$1);
+        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE);
       });
     }
     let restoredCameraState = false;
@@ -73431,7 +73454,7 @@ class CameraStateSettings extends SceneExtension {
       const activeCamera = this.getActiveCamera();
       activeCamera.updateMatrixWorld(true);
       this.renderer.queueAnimationFrame();
-      const cameraState = defaultCameraState ?? DEFAULT_CAMERA_STATE$1;
+      const cameraState = defaultCameraState ?? DEFAULT_CAMERA_STATE;
       this.#applyCameraStateToControls(cameraState, undefined);
       this.#controls.update(0);
       this.renderer.queueAnimationFrame();
@@ -73601,7 +73624,7 @@ class CameraStateSettings extends SceneExtension {
           near: {
             label: t$1("threeDee:near"),
             input: "number",
-            step: DEFAULT_CAMERA_STATE$1.near,
+            step: DEFAULT_CAMERA_STATE.near,
             precision: PRECISION_DISTANCE,
             value: camera.near
           },
@@ -73671,7 +73694,7 @@ class CameraStateSettings extends SceneExtension {
     if (action.action === "perform-node-action" && action.payload.id === "reset-camera") {
       const previousState = cloneDeep(this.renderer.config.cameraState);
       this.renderer.updateConfig(draft => {
-        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE$1);
+        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE);
       });
       this.#applyCameraStateToControls(this.renderer.config.cameraState, previousState);
       this.renderer.emit("cameraMove", this.renderer);
@@ -73721,10 +73744,10 @@ class CameraStateSettings extends SceneExtension {
         const followMode = value;
         this.renderer.updateConfig(draft => {
           if (draft.followMode === "follow-none" || followMode === "follow-pose") {
-            draft.cameraState.targetOffset = [...DEFAULT_CAMERA_STATE$1.targetOffset];
+            draft.cameraState.targetOffset = [...DEFAULT_CAMERA_STATE.targetOffset];
           }
           if (followMode === "follow-pose") {
-            draft.cameraState.thetaOffset = DEFAULT_CAMERA_STATE$1.thetaOffset;
+            draft.cameraState.thetaOffset = DEFAULT_CAMERA_STATE.thetaOffset;
           }
           draft.followMode = followMode;
         });
@@ -79759,7 +79782,7 @@ function ThreeDeeRender(props) {
     const partialConfig = initialState;
 
     // Initialize the camera from default settings overlaid with persisted settings
-    const cameraState = merge$1(cloneDeep(DEFAULT_CAMERA_STATE$1), partialConfig?.cameraState);
+    const cameraState = merge$1(cloneDeep(DEFAULT_CAMERA_STATE), partialConfig?.cameraState);
     const publish = merge$1(cloneDeep(DEFAULT_PUBLISH_SETTINGS), partialConfig?.publish);
     const transforms = partialConfig?.transforms ?? {};
     return {

package/dist/{index-BHkyh3c6.js → index-JBRGZ0QJ.js}

@@ -1,17 +1,17 @@
-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-BIIHWu1p.js';
-import './depth-CFY2W_Vf.js';
+import { $ as ExternalTokenizer, V as styleTags, X as tags, a0 as LRParser, Y as LRLanguage, Q as indentNodeProp, T as continuedIndent, U as foldNodeProp, a6 as foldInside, Z as LanguageSupport } from './index-DgJK8CVA.js';
+import './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-CoZiK0Iq.js → index-LKUpPytZ.js}

@@ -1,17 +1,17 @@
-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-BIIHWu1p.js';
-import './depth-CFY2W_Vf.js';
+import { Y as LRLanguage, Q as indentNodeProp, a5 as delimitedIndent, U as foldNodeProp, a6 as foldInside, V as styleTags, X as tags, Z as LanguageSupport, a0 as LRParser } from './index-DgJK8CVA.js';
+import './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-DHS5r_kP.js → index-NWR-Tbbg.js}

@@ -1,17 +1,17 @@
-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-BIIHWu1p.js';
-import './depth-CFY2W_Vf.js';
+import { $ as ExternalTokenizer, a7 as ContextTracker, V as styleTags, X as tags, a0 as LRParser, a3 as syntaxTree, a1 as ifNotIn, Y as LRLanguage, Q as indentNodeProp, a5 as delimitedIndent, U as foldNodeProp, a6 as foldInside, Z as LanguageSupport, aa as IterMode, a2 as completeFromList, ab as NodeWeakMap, a9 as snippetCompletion } from './index-DgJK8CVA.js';
+import './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/{index-CYS8JdxE.js → index-arKUGhuG.js}

@@ -1,17 +1,17 @@
-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-BIIHWu1p.js';
-import './depth-CFY2W_Vf.js';
+import { V as styleTags, X as tags, ai as javascriptLanguage, Y as LRLanguage, Z as LanguageSupport, a0 as LRParser, af as html, ag as parseMixed, $ as ExternalTokenizer } from './index-DgJK8CVA.js';
+import './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
 import './utils-Hzt3wxhG.js';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-IYI3-Nuv.js';

package/dist/index.js

@@ -1,13 +1,13 @@
-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-BIIHWu1p.js';
-export { S as getDistanceFromDepthDataForOffset } from './depth-CFY2W_Vf.js';
+export { at as FrameStore, am as ImagePanel, al as PanelLayout, an as PointCloudPanel, aj as VisualizerConnection, ak as VisualizerContext, ao as constructKeyForTopicRenderMetrics, au as getIMUEventEmitter, aq as globalDecodeMetricsManager, ap as globalInputEventMetricsManager, ar as globalRenderMetricsManager, as as globalThroughputMetricsManager } from './index-DgJK8CVA.js';
+export { R as getDistanceFromDepthDataForOffset } from './depth-BEHWbtlK.js';
 import './comlink-CsH1ih07.js';
 import './utils-Hzt3wxhG.js';
-import './protobuf-BFCtaU7c.js';
+import './protobuf-CUXoOgMk.js';
 import 'protobufjs/minimal';
 import 'react';
-import './FoxgloveServer-h5m-pXp3.js';
+import './FoxgloveServer-VUfAN9DL.js';
 import 'ms';
-import './foxglove-protocol-BSYuI-q2.js';
+import './foxglove-protocol-DuBdoM6O.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import 'react-mosaic-component';

package/dist/lib/src/components/PanelToolbar.js

@@ -164,7 +164,7 @@ export const PanelToolbar = ({ topic, fakedAs, kind, setDetections, disableAnnot
     const makeDetection = React.useCallback((detection, { extra }) => (extra ? detection.extra && !detection.enabled : !detection.extra || detection.enabled) && (_jsx(PanelAnnotationButton, { topic: detection, onClick: () => {
             onToggleTopic(detection.name);
         } }, detection.name)), [onToggleTopic]);
-    return (_jsx(Flex, { direction: "row", gap: "xs", align: "center", justify: "space-between", className: "px-4 bg-white", ref: wrapperRef, children: _jsxs(Flex, { direction: "row", gap: "xs", align: "center", justify: touchesBreakpoint ? "space-between" : "start", width: "full", paddingY: "xs", maxWidth: "full", children: [_jsxs(Flex, { width: "fit", gap: "xxs", className: "flex-col xl:flex-row items-start xl:items-end max-w-[60%%]", children: [_jsx(Tooltip, { content: resolution, children: _jsx(SubHeader, { text: name, className: "text-[20px]/[20px]" }) }), showResolution && resolution && (_jsx(Label, { text: `(${resolution})`, className: "text-[14px]/[14px] xl:pb-[2px]" }))] }), touchesBreakpoint ? (_jsxs(Flex, { direction: "row", gap: "xs", align: "center", children: [actions, _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { icon: MoreMenuIcon, variant: "outline", colorVariant: "white", size: "sm" }) }), _jsxs(DropdownMenuContent, { ref: wrapperBreakpointRef, children: [_jsx(PanelToolbarMetrics, { targetFps: targetFps, metrics: fakedMetrics ?? metrics, topic: topic, inDropdown: true, isPointcloud: kind === "pointCloud" }), kind === "pointCloud" && (_jsx(Tooltip, { parentContainer: parentContainer, side: "bottom", content: _jsx(PointCloudPanelInstructions, {}), children: _jsx(DropdownMenuItem, { icon: HelpIcon, onClick: (e) => {
+    return (_jsx(Flex, { direction: "row", gap: "xs", align: "center", justify: "space-between", className: "px-4 bg-white", ref: wrapperRef, children: _jsxs(Flex, { direction: "row", gap: "xs", align: "center", justify: touchesBreakpoint ? "space-between" : "start", width: "full", paddingY: "xs", maxWidth: "full", children: [_jsxs(Flex, { width: "fit", gap: "xxs", className: "flex-col xl:flex-row items-start xl:items-end max-w-[60%%]", children: [_jsx(Tooltip, { content: resolution, children: _jsx(SubHeader, { text: name, className: "text-[20px]/[20px] text-nowrap" }) }), showResolution && resolution && (_jsx(Label, { text: `(${resolution})`, className: "text-[14px]/[14px] xl:pb-[2px]" }))] }), touchesBreakpoint ? (_jsxs(Flex, { direction: "row", gap: "xs", align: "center", children: [actions, _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { icon: MoreMenuIcon, variant: "outline", colorVariant: "white", size: "sm" }) }), _jsxs(DropdownMenuContent, { ref: wrapperBreakpointRef, children: [_jsx(PanelToolbarMetrics, { targetFps: targetFps, metrics: fakedMetrics ?? metrics, topic: topic, inDropdown: true, isPointcloud: kind === "pointCloud" }), kind === "pointCloud" && (_jsx(Tooltip, { parentContainer: parentContainer, side: "bottom", content: _jsx(PointCloudPanelInstructions, {}), children: _jsx(DropdownMenuItem, { icon: HelpIcon, onClick: (e) => {
                                                     e.stopPropagation();
                                                     e.preventDefault();
                                                 }, cursor: "help", children: "Point Cloud Details" }) })), !disableAnnotations && kind === "image" && detections.length > 0 && (_jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { disabled: detections.length === 0, style: { opacity: detections.length === 0 ? 0.5 : 1 }, children: "Annotations" }), _jsxs(DropdownMenuSubContent, { children: [detections.map((detection) => makeDetection(detection, { extra: false })), hasExtra && (_jsx(Button, { width: "full", paddingY: "xs", variant: "ghost", "aria-expanded": extraVisible ? "true" : undefined, onClick: () => {