@luxonis/visualizer-protobuf 3.1.4 → 3.1.6

package/dist/{index-1D5S7eR3.js → index-BF6pGj6y.js}

@@ -2,12 +2,12 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, useMemo, Profiler, createElement, cloneElement, memo, StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { a0 as isSymbol, a1 as toString, a2 as keys, a3 as getSymbols$1, a4 as stubArray, a5 as arrayPush, a6 as baseGetAllKeys, g as getTag, a7 as getAllKeys, k as baseGet, e as baseIteratee, j as castPath, t as toKey, a8 as arrayMap$1, L as Logger, a9 as useCurrentLayoutActions, aa as useCurrentLayoutSelector, r as reportError, A as AppError, ab as usePanelMosaicId, ac as noop$4, ad as useSelectedPanels, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$2, ae as useAppConfiguration, af as useJsonTreeTheme } from './depth-Ct_zm8Rq.js';
+import { a0 as isSymbol, a1 as toString, a2 as keys, a3 as getSymbols$1, a4 as stubArray, a5 as arrayPush, a6 as baseGetAllKeys, h as getTag, a7 as getAllKeys, l as baseGet, f as baseIteratee, k as castPath, t as toKey, a8 as arrayMap$1, a9 as useCurrentLayoutActions, aa as useCurrentLayoutSelector, r as reportError, A as AppError, ab as usePanelMosaicId, ac as noop$4, L as Logger, ad as useSelectedPanels, p as getPanelTypeFromId, N as useShallowMemo, T as TAB_PANEL_TYPE, K as filterMap, d as dist$2, ae as useAppConfiguration, af as useJsonTreeTheme } from './depth-DlC6A3Te.js';
 import { createStore, useStore } from 'zustand';
-import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, m as murmur2, P as PropTypes, _ as _objectWithoutPropertiesLoose$1, E as ErrorDisplay, S as Stack$1, a as makeStyles$1, u as useTranslation, d as usePanelCatalog, i as isEmpty, e as PanelContext, h as PanelCatalogContext, j as usePanelStateStore, k as difference, l as usePanelContext, n as useMessagePipeline, v as v4, o as useDefaultPanelTitle, p as useHoverValue, q as useSetHoverValue, r as useClearHoverValue, s as useMessagePipelineGetter, t as usePanelSettingsTreeUpdate, w as PlayerCapabilities, x as assertNever, y as PlayerPresence, z as isEqual, B as AppEvent, C as isDesktopApp, D as createTheme, F as propTypesExports, G as format$1, H as stringType, I as serializeError, J as stringify$1, K as createIntl, L as createIntlCache, M as useAnalytics } from './index-BWUFvnnr.js';
-import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, d as _objectWithoutProperties, e as _extends$1, f as commonjsGlobal, g as getDefaultExportFromCjs, b as _objectSpread2, i as getAugmentedNamespace, j as _asyncIterator } from './protobuf-BQPUfAzh.js';
+import { g as generateUtilityClass, c as createAggregator, f as flatRest, b as baseSet, A as AnalyticsContext, m as murmur2, P as PropTypes, _ as _objectWithoutPropertiesLoose$1, E as ErrorDisplay, S as Stack$1, a as makeStyles$1, u as useTranslation, d as usePanelCatalog, e as EmptyState, i as isEmpty, h as PanelContext, j as PanelCatalogContext, k as usePanelStateStore, l as difference, n as usePanelContext, o as useMessagePipeline, v as v4, p as useDefaultPanelTitle, q as useHoverValue, r as useSetHoverValue, s as useClearHoverValue, t as useMessagePipelineGetter, w as usePanelSettingsTreeUpdate, x as PlayerCapabilities, y as assertNever, z as PlayerPresence, B as isEqual, C as AppEvent, D as isDesktopApp, F as createTheme, G as propTypesExports, H as DEFAULT_CAMERA_STATE$1, I as format$1, J as stringType, K as serializeError, L as stringify$1, M as createIntl, N as createIntlCache, O as useAnalytics } from './index-Bi4nJb4U.js';
+import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, d as _objectWithoutProperties, e as _extends$1, f as commonjsGlobal, g as getDefaultExportFromCjs, b as _objectSpread2, i as getAugmentedNamespace, j as _asyncIterator } from './protobuf-Be0G3NFz.js';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
-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, inputBaseClasses, autocompleteClasses, inputClasses, Checkbox, dialogActionsClasses, filledInputClasses, inputAdornmentClasses, listSubheaderClasses, selectClasses, tableCellClasses, ThemeProvider as ThemeProvider$1, tabsClasses as tabsClasses$1, tabClasses, Tabs, Tab, ListItemIcon } from '@mui/material';
+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, inputBaseClasses, autocompleteClasses, inputClasses, Checkbox, dialogActionsClasses, filledInputClasses, inputAdornmentClasses, listSubheaderClasses, selectClasses, tableCellClasses, ThemeProvider as ThemeProvider$1, tabsClasses as tabsClasses$1, tabClasses, Tabs, Tab, ListItemIcon } from '@mui/material';
 import { a as assignValue, b as baseAssignValue, t as tinycolor, c as t$1, i as instance } from './i18next-17tp0Ngf.js';
 import '@mui/icons-material/FullscreenExit';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
@@ -18,10 +18,10 @@ import { useDrag, useDrop } from 'react-dnd';
 import { h as isObject, r as root, S as Symbol$1, k as isObjectLike, A as nodeUtil, B as baseUnary, d as isBuffer, v as Stack, i as isArray, b as baseRest } from './isArrayLikeObject-n9ytTioB.js';
 import ReactDOM__default from 'react-dom';
 import { c as copyObject, k as keysIn, g as getPrototype, a as cloneArrayBuffer, b as cloneTypedArray, e as copyArray, f as cloneBuffer, i as initCloneObject, h as isPlainObject$1, B as Box3, V as Vector3, I as InstancedBufferGeometry, F as Float32BufferAttribute, j as InstancedInterleavedBuffer, l as InterleavedBufferAttribute, W as WireframeGeometry, S as Sphere, U as UniformsLib, m as Vector2, n as ShaderLib, o as UniformsUtils, p as ShaderMaterial, q as Vector4, M as Matrix4, L as Line3, r as Mesh, s as MathUtils, O as Object3D, C as Color, t as rgbToThreeColor, u as stringToRgba, v as makeRgba, w as MeshStandardMaterial, R as ReplaceStencilOp, N as NotEqualStencilFunc, D as DoubleSide, P as PointsMaterial, x as rgbaToCssString, y as autoSelectColorSettings, z as colorModeSettingsFields, A as PlaneGeometry, E as DataTexture, G as UVMapping, H as ClampToEdgeWrapping, J as NearestFilter, K as LinearFilter, Q as FS_SRGB_TO_LINEAR, T as SRGBColorSpace, X as LinearSRGBColorSpace, Y as rgbaToLinear, Z as RedFormat, _ as RGBAFormat, $ as getColorConverter, a0 as FloatType, a1 as UnsignedByteType, a2 as NEEDS_MIN_MAX$1, a3 as InstancedMesh, a4 as CylinderGeometry, a5 as ConeGeometry, a6 as DataTextureLoader, a7 as LinearMipmapLinearFilter, a8 as Loader, a9 as LoaderUtils, aa as FileLoader, ab as MeshBasicMaterial, ac as Scene, ad as TextureLoader, ae as AnimationClip, af as VectorKeyframeTrack, ag as QuaternionKeyframeTrack, ah as MeshLambertMaterial, ai as MeshPhongMaterial, aj as FrontSide, ak as PerspectiveCamera, al as OrthographicCamera, am as AmbientLight, an as SpotLight, ao as PointLight, ap as DirectionalLight, aq as BufferGeometry, ar as Group, as as Quaternion, at as Bone, au as LineBasicMaterial, av as SkinnedMesh, aw as Line, ax as LineSegments, ay as RepeatWrapping, az as Skeleton, aA as BufferAttribute, aB as TrianglesDrawMode, aC as TriangleFanDrawMode, aD as TriangleStripDrawMode, aE as MeshPhysicalMaterial, aF as ImageBitmapLoader, aG as InterleavedBuffer, aH as Material, aI as PropertyBinding, aJ as LineLoop, aK as Points, aL as InterpolateLinear, aM as ColorManagement, aN as NearestMipmapNearestFilter, aO as LinearMipmapNearestFilter, aP as NearestMipmapLinearFilter, aQ as MirroredRepeatWrapping, aR as InterpolateDiscrete, aS as Texture, aT as NumberKeyframeTrack, aU as Interpolant, aV as EdgesGeometry, aW as LoadingManager, aX as stringToRgb, aY as getLuminance, aZ as Euler, a_ as vec3TupleApproxEquals, a$ as decodeCompressedImageToBitmap, b0 as CanvasTexture, b1 as Shape, b2 as SRGBToLinear, b3 as ShapeGeometry, b4 as DynamicDrawUsage, b5 as ShaderChunk, b6 as IMAGE_DEFAULT_COLOR_MODE_SETTINGS, b7 as merge$1, b8 as colorHasTransparency, b9 as StaticDrawUsage, ba as RawShaderMaterial, bb as GLSL3, bc as colorFieldComputedPrefix, bd as getRotationTo, be as SphereGeometry, bf as rgbaGradient, bg as InstancedBufferAttribute, bh as BoxGeometry, bi as DARK_OUTLINE, bj as LIGHT_OUTLINE, bk as CircleGeometry, bl as LineDashedMaterial, bm as GreaterDepth, bn as EventDispatcher$1, bo as Plane, bp as Raycaster, bq as WebGLRenderTarget, br as THREE$1, bs as Spherical, bt as WebGLRenderer, bu as NoToneMapping, bv as VSMShadowMap, bw as HemisphereLight } from './decodeImage-DseBx4N0.js';
-import { t as typescript } from './index-BEfrzxM3.js';
+import { t as typescript } from './index-Dqm1x8G2.js';
 import { CacheProvider } from '@emotion/react';
 import '@mui/material/styles/createTypography';
-import { E as EventEmitter } from './FoxgloveServer-Z9mJitqG.js';
+import { E as EventEmitter } from './FoxgloveServer-B98MHUu6.js';
 import require$$1$3 from 'color';
 import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
@@ -29,7 +29,7 @@ import SettingsIcon from '@mui/icons-material/Settings';
 import './comlink-jf8bdrAf.js';
 import './logger-Bqy1nuLj.js';
 import './utils-DmlHZWuo.js';
-import './foxglove-protocol-DTBud3kT.js';
+import './foxglove-protocol-yHdoBNaD.js';
 import 'react-dnd-html5-backend';
 import '@mui/system/colorManipulator';
 import 'object-assign';
@@ -3878,7 +3878,7 @@ const useIconContext = () => {
     return context !== null && context !== void 0 ? context : IconDirectionContextDefaultValue;
 };
 
-const useStyles$g = __styles({
+const useStyles$f = __styles({
   "root": {
     "mc9l5x": "f1w7gpdv",
     "Bg96gwp": "fez10in"
@@ -3897,7 +3897,7 @@ const useIconState = (props, options) => {
         title: undefined,
         fill: primaryFill
     };
-    const styles = useStyles$g();
+    const styles = useStyles$f();
     const iconContext = useIconContext();
     state.className = mergeClasses(styles.root, (options === null || options === void 0 ? void 0 : options.flipInRtl) && (iconContext === null || iconContext === void 0 ? void 0 : iconContext.textDirection) === 'rtl' && styles.rtl, state.className);
     if (title) {
@@ -4691,21 +4691,6 @@ 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");
-
 // 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/
@@ -4919,7 +4904,7 @@ const APP_BAR_HEIGHT = 44;
 
 const _excluded$3 = ["className", "fullscreenState", "hasFullscreenDescendant", "selected", "sourceRect"];
 const PANEL_ROOT_CLASS_NAME = "FoxglovePanelRoot-root";
-const useStyles$f = makeStyles$1()((theme, props) => {
+const useStyles$e = makeStyles$1()((theme, props) => {
   var _sourceRect$top, _sourceRect$left, _sourceRect$top2, _sourceRect$left2;
   const {
     palette,
@@ -5021,7 +5006,7 @@ const PanelRoot = /*#__PURE__*/forwardRef(function PanelRoot(props, ref) {
   const {
     classes,
     cx
-  } = useStyles$f({
+  } = useStyles$e({
     sourceRect,
     hasFullscreenDescendant
   });
@@ -5039,7 +5024,7 @@ const PanelRoot = /*#__PURE__*/forwardRef(function PanelRoot(props, ref) {
 });
 
 const _excluded$2 = ["className"];
-const useStyles$e = makeStyles$1()(theme => ({
+const useStyles$d = makeStyles$1()(theme => ({
   root: {
     padding: theme.spacing(0.375),
     fontSize: "0.875rem",
@@ -5058,7 +5043,7 @@ var ToolbarIconButton = /*#__PURE__*/forwardRef(function ToolbarIconButton(props
   const {
     classes,
     cx
-  } = useStyles$e();
+  } = useStyles$d();
   return /*#__PURE__*/React__default.createElement(IconButton, _extends$1({
     ref: ref,
     className: cx(classes.root, className)
@@ -5614,39 +5599,6 @@ var fuzzysort = {exports: {}};
 var fuzzysortExports = fuzzysort.exports;
 var fuzzySort = /*@__PURE__*/getDefaultExportFromCjs(fuzzysortExports);
 
-const useStyles$d = 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$d();
-  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/
@@ -30849,7 +30801,7 @@ function downloadFiles(files) {
   });
 }
 
-const DEFAULT_CAMERA_STATE$1 = {
+const DEFAULT_CAMERA_STATE = {
   near: 0.001,
   far: 1000
 };
@@ -30895,7 +30847,7 @@ class ImageModeCamera extends PerspectiveCamera {
     });
     Object.defineProperty(this, _cameraState, {
       writable: true,
-      value: DEFAULT_CAMERA_STATE$1
+      value: DEFAULT_CAMERA_STATE
     });
     Object.defineProperty(this, _rotation, {
       writable: true,
@@ -61469,23 +61421,6 @@ 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.
@@ -75233,7 +75168,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);
+          draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE$1);
         });
         _classPrivateFieldLooseBase(this, _applyCameraStateToControls)[_applyCameraStateToControls](this.renderer.config.cameraState, previousState);
         this.renderer.emit("cameraMove", this.renderer);
@@ -75283,10 +75218,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.targetOffset];
+              draft.cameraState.targetOffset = [...DEFAULT_CAMERA_STATE$1.targetOffset];
             }
             if (followMode === "follow-pose") {
-              draft.cameraState.thetaOffset = DEFAULT_CAMERA_STATE.thetaOffset;
+              draft.cameraState.thetaOffset = DEFAULT_CAMERA_STATE$1.thetaOffset;
             }
             draft.followMode = followMode;
           });
@@ -75494,7 +75429,7 @@ class CameraStateSettings extends SceneExtension {
     this.add(_classPrivateFieldLooseBase(this, _cameraGroup)[_cameraGroup]);
     this.renderer.updateConfig(draft => {
       if (!draft.cameraState) {
-        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE);
+        draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE$1);
       }
     });
     const _isPerspective = this.renderer.config.cameraState.perspective;
@@ -75693,7 +75628,7 @@ function _setDefaultCameraState2(resetCamera = false) {
     _classPrivateFieldLooseBase(this, _perspectiveCamera)[_perspectiveCamera].position.set(0, 0, 0);
     _classPrivateFieldLooseBase(this, _orthographicCamera)[_orthographicCamera].position.set(0, 0, 0);
     this.renderer.updateConfig(draft => {
-      draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE);
+      draft.cameraState = cloneDeep(DEFAULT_CAMERA_STATE$1);
     });
   }
   let restoredCameraState = false;
@@ -75714,7 +75649,7 @@ function _setDefaultCameraState2(resetCamera = false) {
     const activeCamera = this.getActiveCamera();
     activeCamera.updateMatrixWorld(true);
     this.renderer.queueAnimationFrame();
-    const cameraState = defaultCameraState !== null && defaultCameraState !== void 0 ? defaultCameraState : DEFAULT_CAMERA_STATE;
+    const cameraState = defaultCameraState !== null && defaultCameraState !== void 0 ? defaultCameraState : DEFAULT_CAMERA_STATE$1;
     _classPrivateFieldLooseBase(this, _applyCameraStateToControls)[_applyCameraStateToControls](cameraState, undefined);
     _classPrivateFieldLooseBase(this, _controls)[_controls].update(0);
     this.renderer.queueAnimationFrame();
@@ -75813,7 +75748,7 @@ function _cameraSettingsNode2() {
         near: {
           label: t$1("threeDee:near"),
           input: "number",
-          step: DEFAULT_CAMERA_STATE.near,
+          step: DEFAULT_CAMERA_STATE$1.near,
           precision: PRECISION_DISTANCE,
           value: camera.near
         },
@@ -76456,6 +76391,7 @@ Object.defineProperty(LabelMaterial.prototype, "fragmentShaderKey", {
  * `WebGLRenderingContext`, and `SettingsTree`.
  */
 var _canvas = /*#__PURE__*/_classPrivateFieldLooseKey("canvas");
+var _isDisposed = /*#__PURE__*/_classPrivateFieldLooseKey("isDisposed");
 var _customLayerActions = /*#__PURE__*/_classPrivateFieldLooseKey("customLayerActions");
 var _scene = /*#__PURE__*/_classPrivateFieldLooseKey("scene");
 var _dirLight = /*#__PURE__*/_classPrivateFieldLooseKey("dirLight");
@@ -76576,6 +76512,10 @@ class Renderer extends EventEmitter {
       value: void 0
     });
     this.gl = void 0;
+    Object.defineProperty(this, _isDisposed, {
+      writable: true,
+      value: false
+    });
     this.maxLod = DetailLevel.High;
     this.debugPicking = void 0;
     this.config = void 0;
@@ -77181,8 +77121,16 @@ class Renderer extends EventEmitter {
   }
   dispose() {
     var _classPrivateFieldLoo2;
+    if (_classPrivateFieldLooseBase(this, _isDisposed)[_isDisposed]) {
+      return;
+    }
+    _classPrivateFieldLooseBase(this, _isDisposed)[_isDisposed] = true;
     log$2.warn(`Disposing renderer`);
     (_classPrivateFieldLoo2 = _classPrivateFieldLooseBase(this, _devicePixelRatioMediaQuery)[_devicePixelRatioMediaQuery]) === null || _classPrivateFieldLoo2 === void 0 || _classPrivateFieldLoo2.removeEventListener("change", _classPrivateFieldLooseBase(this, _onDevicePixelRatioChange)[_onDevicePixelRatioChange]);
+    if (_classPrivateFieldLooseBase(this, _animationFrame)[_animationFrame] != undefined) {
+      cancelAnimationFrame(_classPrivateFieldLooseBase(this, _animationFrame)[_animationFrame]);
+      _classPrivateFieldLooseBase(this, _animationFrame)[_animationFrame] = undefined;
+    }
     this.removeAllListeners();
     this.settings.removeAllListeners();
     this.input.removeAllListeners();
@@ -77197,6 +77145,7 @@ class Renderer extends EventEmitter {
     _classPrivateFieldLooseBase(this, _transformPool)[_transformPool].clear();
     _classPrivateFieldLooseBase(this, _picker)[_picker].dispose();
     this.input.dispose();
+    this.gl.forceContextLoss();
     this.gl.dispose();
   }
   cameraSyncError() {
@@ -81962,7 +81911,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), partialConfig === null || partialConfig === void 0 ? void 0 : partialConfig.cameraState);
+    const cameraState = merge$1(cloneDeep(DEFAULT_CAMERA_STATE$1), partialConfig === null || partialConfig === void 0 ? void 0 : partialConfig.cameraState);
     const publish = merge$1(cloneDeep(DEFAULT_PUBLISH_SETTINGS), partialConfig === null || partialConfig === void 0 ? void 0 : partialConfig.publish);
     const transforms = (_partialConfig$transf = partialConfig === null || partialConfig === void 0 ? void 0 : partialConfig.transforms) !== null && _partialConfig$transf !== void 0 ? _partialConfig$transf : {};
     return {
@@ -82005,20 +81954,30 @@ function ThreeDeeRender(props) {
     });
   }, [enqueueSnackbar]);
   useEffect(() => {
-    var _props$registerRender;
-    const newRenderer = canvas ? new Renderer({
-      canvas,
-      config: configRef.current,
-      interfaceMode,
-      fetchAsset,
-      sceneExtensionConfig: merge$1({}, DEFAULT_SCENE_EXTENSION_CONFIG, customSceneExtensions !== null && customSceneExtensions !== void 0 ? customSceneExtensions : {}),
-      displayTemporaryError,
-      testOptions,
-      onFrameRendered: frameRenderedEvent,
-      annotationReceivedEventHandler
-    }) : undefined;
+    let newRenderer;
+    if (canvas) {
+      try {
+        newRenderer = new Renderer({
+          canvas,
+          config: configRef.current,
+          interfaceMode,
+          fetchAsset,
+          sceneExtensionConfig: merge$1({}, DEFAULT_SCENE_EXTENSION_CONFIG, customSceneExtensions !== null && customSceneExtensions !== void 0 ? customSceneExtensions : {}),
+          displayTemporaryError,
+          testOptions,
+          onFrameRendered: frameRenderedEvent,
+          annotationReceivedEventHandler
+        });
+      } catch (error) {
+        log.error(error);
+        displayTemporaryError(error instanceof Error ? error.message : "Failed to initialize 3D renderer");
+      }
+    }
     setRenderer(newRenderer);
-    (_props$registerRender = props.registerRendered) === null || _props$registerRender === void 0 || _props$registerRender.call(props, newRenderer);
+    if (newRenderer) {
+      var _props$registerRender;
+      (_props$registerRender = props.registerRendered) === null || _props$registerRender === void 0 || _props$registerRender.call(props, newRenderer);
+    }
     rendererRef.current = newRenderer;
     return () => {
       var _rendererRef$current;

package/dist/{index-DnPkbSwI.js → index-BOEXymjd.js}

@@ -1,8 +1,8 @@
 'use client';
-import { W as ExternalTokenizer, a4 as ContextTracker, R as styleTags, T as tags, X as LRParser, $ as syntaxTree, Y as ifNotIn, U as LRLanguage, N as indentNodeProp, a2 as delimitedIndent, Q as foldNodeProp, a3 as foldInside, V as LanguageSupport, a6 as IterMode, Z as completeFromList, a7 as NodeWeakMap, a5 as snippetCompletion } from './index-BWUFvnnr.js';
-import './protobuf-BQPUfAzh.js';
+import { Y as ExternalTokenizer, a6 as ContextTracker, U as styleTags, V as tags, Z as LRParser, a1 as syntaxTree, $ as ifNotIn, W as LRLanguage, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, X as LanguageSupport, a8 as IterMode, a0 as completeFromList, a9 as NodeWeakMap, a7 as snippetCompletion } from './index-Bi4nJb4U.js';
+import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-Ct_zm8Rq.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';
@@ -10,9 +10,9 @@ import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-n9ytTioB.js';
 import './utils-DmlHZWuo.js';
-import './FoxgloveServer-Z9mJitqG.js';
+import './FoxgloveServer-B98MHUu6.js';
 import 'ms';
-import './foxglove-protocol-DTBud3kT.js';
+import './foxglove-protocol-yHdoBNaD.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-17tp0Ngf.js';

package/dist/{index-CrogdRc3.js → index-Bcd7r8Iv.js}

@@ -1,8 +1,8 @@
 'use client';
-import { R as styleTags, T as tags, X as LRParser, U as LRLanguage, N as indentNodeProp, O as continuedIndent, Q as foldNodeProp, a3 as foldInside, V as LanguageSupport } from './index-BWUFvnnr.js';
-import './protobuf-BQPUfAzh.js';
+import { U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, T as foldNodeProp, a5 as foldInside, X as LanguageSupport } from './index-Bi4nJb4U.js';
+import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-Ct_zm8Rq.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';
@@ -10,9 +10,9 @@ import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-n9ytTioB.js';
 import './utils-DmlHZWuo.js';
-import './FoxgloveServer-Z9mJitqG.js';
+import './FoxgloveServer-B98MHUu6.js';
 import 'ms';
-import './foxglove-protocol-DTBud3kT.js';
+import './foxglove-protocol-yHdoBNaD.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import './i18next-17tp0Ngf.js';