@luxonis/visualizer-protobuf 3.1.0-rc.1 → 3.1.1

package/dist/{index-D_iaubuR.js → index-BwszuQxy.js}

@@ -1,8 +1,8 @@
 'use client';
-import { Y as ExternalTokenizer, a6 as ContextTracker, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, T as foldNodeProp, a5 as foldInside, Q as indentNodeProp, R as continuedIndent, ae as defineCSSCompletionSource, X as LanguageSupport } from './index-ocXqedtr.js';
+import { Y as ExternalTokenizer, a6 as ContextTracker, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, T as foldNodeProp, a5 as foldInside, Q as indentNodeProp, R as continuedIndent, ae as defineCSSCompletionSource, X as LanguageSupport } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-COdpp0bH.js → index-CUGaisTR.js}

@@ -2,9 +2,9 @@
 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 { W as isSymbol, X as toString, Y as keys, Z as getSymbols$1, _ as stubArray, $ as arrayPush, a0 as baseGetAllKeys, g as getTag, a1 as getAllKeys, k as baseGet, c as baseIteratee, j as castPath, t as toKey, a2 as arrayMap$1, a3 as useCurrentLayoutActions, a4 as useCurrentLayoutSelector, r as reportError, A as AppError, a5 as usePanelMosaicId, a6 as noop$4, L as Logger, a7 as useSelectedPanels, o as getPanelTypeFromId, M as useShallowMemo, T as TAB_PANEL_TYPE, J as filterMap, d as dist$2, a8 as useAppConfiguration, a9 as useJsonTreeTheme } from './depth-BJ1GI-lD.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, 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-ocXqedtr.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-DBwLkKPx.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, 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';
@@ -32635,19 +32635,27 @@ class ImageAnnotations extends Object3D {
     Object.defineProperty(this, _updateFromMessageState$1, {
       writable: true,
       value: newState => {
-        // FIXME: Remove only old annotations
-        // This is introduced because old annotations
-        // keep rendering when sync mode is on
-        this.removeAllRenderables();
-        if (newState.annotationsByTopic != undefined) {
-          for (const {
-            originalMessage,
-            annotations
-          } of newState.annotationsByTopic.values()) {
-            _classPrivateFieldLooseBase(this, _handleMessage)[_handleMessage](originalMessage, annotations);
-
-            // Hide any remaining errors for annotations we are able to render
-            _classPrivateFieldLooseBase(this, _context$1)[_context$1].removeSettingsError(["imageAnnotations", originalMessage.topic], MISSING_SYNCHRONIZED_ANNOTATION);
+        var _newState$annotations, _newState$missingAnno;
+        const annotationsByTopic = (_newState$annotations = newState.annotationsByTopic) !== null && _newState$annotations !== void 0 ? _newState$annotations : new Map();
+        const nextTopics = new Set();
+        const missingTopics = new Set((_newState$missingAnno = newState.missingAnnotationTopics) !== null && _newState$missingAnno !== void 0 ? _newState$missingAnno : []);
+        for (const [topic, {
+          originalMessage,
+          annotations
+        }] of annotationsByTopic.entries()) {
+          nextTopics.add(topic);
+          _classPrivateFieldLooseBase(this, _handleMessage)[_handleMessage](originalMessage, annotations);
+          const renderable = _classPrivateFieldLooseBase(this, _renderablesByTopic)[_renderablesByTopic].get(topic);
+          if (renderable) {
+            renderable.visible = true;
+          }
+
+          // Hide any remaining errors for annotations we are able to render
+          _classPrivateFieldLooseBase(this, _context$1)[_context$1].removeSettingsError(["imageAnnotations", originalMessage.topic], MISSING_SYNCHRONIZED_ANNOTATION);
+        }
+        for (const [topic, renderable] of _classPrivateFieldLooseBase(this, _renderablesByTopic)[_renderablesByTopic].entries()) {
+          if (!nextTopics.has(topic) || missingTopics.has(topic)) {
+            renderable.visible = false;
           }
         }
         for (const topic of (_newState$presentAnno = newState.presentAnnotationTopics) !== null && _newState$presentAnno !== void 0 ? _newState$presentAnno : []) {
@@ -32655,13 +32663,10 @@ class ImageAnnotations extends Object3D {
           // Even if a full synchronized set is not found, hide errors for annotations that were present
           _classPrivateFieldLooseBase(this, _context$1)[_context$1].removeSettingsError(["imageAnnotations", topic], MISSING_SYNCHRONIZED_ANNOTATION);
         }
-        for (const topic of (_newState$missingAnno = newState.missingAnnotationTopics) !== null && _newState$missingAnno !== void 0 ? _newState$missingAnno : []) {
-          var _newState$missingAnno;
+        for (const topic of (_newState$missingAnno2 = newState.missingAnnotationTopics) !== null && _newState$missingAnno2 !== void 0 ? _newState$missingAnno2 : []) {
+          var _newState$missingAnno2;
           _classPrivateFieldLooseBase(this, _context$1)[_context$1].addSettingsError(["imageAnnotations", topic], MISSING_SYNCHRONIZED_ANNOTATION, "Waiting for annotation message with timestamp matching image. Turn off “Sync annotations” to display annotations regardless of timestamp.");
         }
-        if (newState.missingAnnotationTopics) {
-          this.removeAllRenderables();
-        }
       }
     });
     _classPrivateFieldLooseBase(this, _context$1)[_context$1] = context;
@@ -34221,9 +34226,6 @@ class ImageMode extends SceneExtension {
       writable: true,
       value: (newState, oldState) => {
         var _oldState$image;
-        if (newState.missingAnnotationTopics) {
-          _classPrivateFieldLooseBase(this, _removeImageRenderable)[_removeImageRenderable]();
-        }
         if (newState.image != undefined && newState.image.message !== (oldState === null || oldState === void 0 || (_oldState$image = oldState.image) === null || _oldState$image === void 0 ? void 0 : _oldState$image.message)) {
           _classPrivateFieldLooseBase(this, _handleImageChange)[_handleImageChange](newState.image, newState.image.message);
         }
@@ -61858,7 +61860,7 @@ var getCollectionEntries = {};
 
 	function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-	function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike  ) { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+	function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 	function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -62509,7 +62511,7 @@ function requireJSONIterableNode () {
 
 		function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-		function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike  ) { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+		function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 		function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 

package/dist/{index-BcPicNrO.js → index-CYRDaPyN.js}

@@ -1,8 +1,8 @@
 'use client';
-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-ocXqedtr.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-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-C6roEbmS.js → index-CekJcKgK.js}

@@ -1,8 +1,8 @@
 'use client';
-import { aa as EditorView, ab as EditorSelection, W as LRLanguage, U as styleTags, V as tags, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, X as LanguageSupport, Z as LRParser, a1 as syntaxTree, ac as html, ad as parseMixed, Y as ExternalTokenizer } from './index-ocXqedtr.js';
+import { aa as EditorView, ab as EditorSelection, W as LRLanguage, U as styleTags, V as tags, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, X as LanguageSupport, Z as LRParser, a1 as syntaxTree, ac as html, ad as parseMixed, Y as ExternalTokenizer } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-BdP75fhG.js → index-CrP2kJym.js}

@@ -1,8 +1,8 @@
 'use client';
-import { U as styleTags, V as tags, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, T as foldNodeProp, a5 as foldInside, ae as defineCSSCompletionSource, X as LanguageSupport, Z as LRParser, Y as ExternalTokenizer } from './index-ocXqedtr.js';
+import { U as styleTags, V as tags, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, T as foldNodeProp, a5 as foldInside, ae as defineCSSCompletionSource, X as LanguageSupport, Z as LRParser, Y as ExternalTokenizer } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-1-odW3tv.js → index-D5H3iCVT.js}

@@ -1,8 +1,8 @@
 'use client';
-import { U as styleTags, V as tags, ag as javascriptLanguage, W as LRLanguage, X as LanguageSupport, Z as LRParser, ac as html, ad as parseMixed, Y as ExternalTokenizer } from './index-ocXqedtr.js';
+import { U as styleTags, V as tags, ag as javascriptLanguage, W as LRLanguage, X as LanguageSupport, Z as LRParser, ac as html, ad as parseMixed, Y as ExternalTokenizer } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-ocXqedtr.js → index-DBwLkKPx.js}

@@ -1,7 +1,7 @@
 'use client';
 import { _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, b as _objectSpread2, p as protobufsBySchema, c as protobufSchemaNameToType, g as getDefaultExportFromCjs, d as _objectWithoutProperties$2, e as _extends$2, f as commonjsGlobal } from './protobuf-Be0G3NFz.js';
 import { L as Logger } from './logger-Bqy1nuLj.js';
-import { d as dist$1, e as estimateObjectSize, r as reportError, A as AppError, b as baseFlatten, a as baseEach, c as baseIteratee, f as baseDifference, g as getTag, h as baseKeys, i as baseIsEqual, j as castPath, t as toKey, k as baseGet, l as hasIn, s as sendNotification, m as shallowequal, u as useGuaranteedContext, n as getPanelIdsInsideTabPanels, o as getPanelTypeFromId, T as TAB_PANEL_TYPE, p as removePanelFromTabPanel, q as getPanelIdForType, v as getPathFromNode, w as updateTabPanelLayout, x as getSaveConfigsPayloadForAddedPanel, y as replaceAndRemovePanels, z as inlineTabPanelLayouts, B as getAllPanelIds, D as DEFAULT_TAB_PANEL_CONFIG, C as getConfigsForNestedPanelsInsideTab, E as reorderTabWithinTabPanel, F as moveTabBetweenTabPanels, G as isTabPanelConfig, H as addPanelToTab, I as createAddUpdates, J as filterMap, L as Logger$1, K as uniq$2, M as useShallowMemo, N as CurrentLayoutContext, O as MessageOrderTracker, P as AppConfigurationContext } from './depth-BJ1GI-lD.js';
+import { d as dist$1, e as estimateObjectSize, c as createDecodingError, r as reportError, A as AppError, b as baseFlatten, a as baseEach, f as baseIteratee, g as baseDifference, h as getTag, i as baseKeys, j as baseIsEqual, k as castPath, t as toKey, l as baseGet, m as hasIn, s as sendNotification, n as shallowequal, u as useGuaranteedContext, o as getPanelIdsInsideTabPanels, p as getPanelTypeFromId, T as TAB_PANEL_TYPE, q as removePanelFromTabPanel, v as getPanelIdForType, w as getPathFromNode, x as updateTabPanelLayout, y as getSaveConfigsPayloadForAddedPanel, z as replaceAndRemovePanels, B as inlineTabPanelLayouts, C as getAllPanelIds, D as DEFAULT_TAB_PANEL_CONFIG, E as getConfigsForNestedPanelsInsideTab, F as reorderTabWithinTabPanel, G as moveTabBetweenTabPanels, H as isTabPanelConfig, I as addPanelToTab, J as createAddUpdates, K as filterMap, L as Logger$1, M as uniq$2, N as useShallowMemo, O as CurrentLayoutContext, P as MessageOrderTracker, Q as AppConfigurationContext, R as DecodingError } from './depth-DlC6A3Te.js';
 import { w as wrap$3, r as releaseProxy, p as proxy } from './comlink-jf8bdrAf.js';
 import { u as uint8ArrayToUint16Array } from './utils-DmlHZWuo.js';
 import { B as BinaryOpcode } from './FoxgloveServer-B98MHUu6.js';
@@ -975,7 +975,7 @@ ConfigStore.instance = void 0;
 
 var _localStorage$getItem;
 function initWorker(callback) {
-  const worker = new Worker(new URL("deserialization.worker-CpadaVUC.js", import.meta.url), {
+  const worker = new Worker(new URL("deserialization.worker-iLQYf6dz.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   });
@@ -1314,6 +1314,7 @@ class FoxgloveConnection {
     this.publishedTopics = new Map();
     this.subscribedTopics = new Map();
     this.unsupportedTopics = new Set();
+    this.topicDecodingErrors = new Map();
     this.advertisedServices = new Map();
     this.problems = new ProblemManager();
     this.resolutions = new Map();
@@ -1357,7 +1358,16 @@ class FoxgloveConnection {
     this.emitState = debouncePromise(async function () {
       const messages = _this.messageEvents;
       _this.messageEvents = [];
-      if (!_this.listener || messages.length === 0) {
+      const activeDecodingProblems = [..._this.topicDecodingErrors.values()].map(error => ({
+        severity: "error",
+        message: `Unable to decode topic "${error.topicName}"`,
+        tip: error.message,
+        error
+      }));
+      const transientProblems = _this.problems.getProblems();
+      _this.problems.clearProblems();
+      const problems = activeDecodingProblems.concat(transientProblems);
+      if (!_this.listener || messages.length === 0 && problems.length === 0) {
         await Promise.resolve();
         return;
       }
@@ -1368,8 +1378,6 @@ class FoxgloveConnection {
       if (!_this.endTime || dist$1.isGreaterThan(currentTime, _this.endTime)) {
         _this.endTime = currentTime;
       }
-      const problems = _this.problems.getProblems();
-      _this.problems.clearProblems();
       for (const message of messages) {
         _this.topics[message.topic] = {
           name: message.topic,
@@ -1503,6 +1511,7 @@ class FoxgloveConnection {
     };
   }
   handleParsedMessage(event) {
+    this.topicDecodingErrors.delete(event.topic);
     this.decodeMetrics.registerEvent(event.topic);
 
     // FIXME: This isn't pretty but PC frames are transformed inside submitPointcloudFrameCallback
@@ -1538,6 +1547,16 @@ class FoxgloveConnection {
       void this.handleParsePointcloudMessage(event);
     }
   }
+  handleDeserializationError(errorCode, topic, errorData) {
+    const nextError = createDecodingError(errorCode, topic, errorData === null || errorData === void 0 ? void 0 : errorData.message);
+    const previousError = this.topicDecodingErrors.get(topic);
+    if ((previousError === null || previousError === void 0 ? void 0 : previousError.code) === nextError.code && previousError.message === nextError.message) {
+      return false;
+    }
+    this.topicDecodingErrors.set(topic, nextError);
+    void this.emitState();
+    return true;
+  }
   isMessageTypeDominant(packetType, topic) {
     var _fpsPerPacketTypeList;
     const fpsPerPacketTypeList = [{
@@ -22584,8 +22603,14 @@ class VisualizerConnection extends FoxgloveConnection {
           // Clean up pointcloud worker pool
           this.depthToPointcloudWorkerPool.destroy();
         };
+        const wrappedErrorCallback = (errorCode, topic, errorData) => {
+          const shouldForwardError = this.handleDeserializationError(errorCode, topic, errorData);
+          if (shouldForwardError) {
+            errorCallback === null || errorCallback === void 0 || errorCallback(errorCode, topic, errorData);
+          }
+        };
         const messageListener = event => {
-          this.onMessagePacket.bind(this)(event, errorCallback);
+          this.onMessagePacket.bind(this)(event, wrappedErrorCallback);
         };
         _classPrivateFieldLooseBase(this, _adapter)[_adapter].addEventListener("open", openListener);
         _classPrivateFieldLooseBase(this, _adapter)[_adapter].addEventListener("close", closeListener);
@@ -25416,7 +25441,7 @@ function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t, r );
+    var i = e.call(t, r);
     if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -35001,6 +35026,13 @@ function concatProblems(origState, problems) {
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
+function useTopicDecodingError(topic) {
+  return useMessagePipeline(ctx => {
+    var _ctx$playerState$prob2, _problems$find;
+    const problems = (_ctx$playerState$prob2 = ctx.playerState.problems) !== null && _ctx$playerState$prob2 !== void 0 ? _ctx$playerState$prob2 : [];
+    return (_problems$find = problems.find(problem => problem.error instanceof DecodingError && problem.error.topicName === topic)) === null || _problems$find === void 0 ? void 0 : _problems$find.error;
+  });
+}
 const VisualizerContext = /*#__PURE__*/React__default.memo(function VisualizerContext({
   children,
   connections
@@ -45593,11 +45625,11 @@ var handleScroll$1 = function (axis, endTarget, event, sourceDelta, noOverscroll
         (targetInLock && (endTarget.contains(target) || endTarget === target)));
     // handle epsilon around 0 (non standard zoom levels)
     if (isDeltaPositive &&
-        ((Math.abs(availableScroll) < 1) || (!noOverscroll ))) {
+        ((Math.abs(availableScroll) < 1) || (!noOverscroll))) {
         shouldCancelScroll = true;
     }
     else if (!isDeltaPositive &&
-        ((Math.abs(availableScrollTop) < 1) || (!noOverscroll ))) {
+        ((Math.abs(availableScrollTop) < 1) || (!noOverscroll))) {
         shouldCancelScroll = true;
     }
     return shouldCancelScroll;
@@ -51123,11 +51155,11 @@ var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll)
         (targetInLock && (endTarget.contains(target) || endTarget === target)));
     // handle epsilon around 0 (non standard zoom levels)
     if (isDeltaPositive &&
-        ((Math.abs(availableScroll) < 1) || (!noOverscroll ))) {
+        ((Math.abs(availableScroll) < 1) || (!noOverscroll))) {
         shouldCancelScroll = true;
     }
     else if (!isDeltaPositive &&
-        ((Math.abs(availableScrollTop) < 1) || (!noOverscroll ))) {
+        ((Math.abs(availableScrollTop) < 1) || (!noOverscroll))) {
         shouldCancelScroll = true;
     }
     return shouldCancelScroll;
@@ -88672,7 +88704,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-BjEDDy0Z.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-xU2jSCtf.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -88683,7 +88715,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-CtyBNZU_.js').then(m => m.cpp());
+            return import('./index-BsCcQbSo.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88691,7 +88723,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-CtyBNZU_.js').then(m => m.cpp());
+            return import('./index-BsCcQbSo.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88711,7 +88743,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-CnzSRv2D.js').then(m => m.go());
+            return import('./index-BGnPWAxp.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88726,7 +88758,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-U_mYoOEZ.js').then(m => m.java());
+            return import('./index-BN1XXU26.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88741,7 +88773,7 @@ const languages = [
         name: "Jinja",
         extensions: ["j2", "jinja", "jinja2"],
         load() {
-            return import('./index-CltgUTHj.js').then(m => m.jinja());
+            return import('./index-mkLEh24H.js').then(m => m.jinja());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88749,7 +88781,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-Bq5PYbZg.js').then(m => m.json());
+            return import('./index-DoxJYKhI.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88763,14 +88795,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-BdP75fhG.js').then(m => m.less());
+            return import('./index-CrP2kJym.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-C6roEbmS.js').then(m => m.liquid());
+            return import('./index-CekJcKgK.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88796,7 +88828,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-CBUrwa3S.js').then(m => m.php());
+            return import('./index-DslURtpP.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88813,28 +88845,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-BcPicNrO.js').then(m => m.python());
+            return import('./index-CYRDaPyN.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-CbT-68hE.js').then(m => m.rust());
+            return import('./index-DsJRU5mK.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-D_iaubuR.js').then(m => m.sass({ indented: true }));
+            return import('./index-BwszuQxy.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-D_iaubuR.js').then(m => m.sass());
+            return import('./index-BwszuQxy.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88865,7 +88897,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-C9uoBMgf.js').then(m => m.wast());
+            return import('./index-DG1nCi2m.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88873,7 +88905,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-BLbSGHGo.js').then(m => m.xml());
+            return import('./index-Zjw0dbGD.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -88881,7 +88913,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-9DOB2BHe.js').then(m => m.yaml());
+            return import('./index-BFHnSq_D.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -89187,7 +89219,7 @@ const languages = [
         alias: ["jsonld"],
         extensions: ["jsonld"],
         load() {
-            return import('./javascript-CbsLxQzd.js').then(m => legacy(m.jsonld));
+            return import('./javascript-DY_wLWwP.js').then(m => legacy(m.jsonld));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89360,7 +89392,7 @@ const languages = [
         alias: ["jade"],
         extensions: ["pug", "jade"],
         load() {
-            return import('./pug-iw1NM5Dn.js').then(m => legacy(m.pug));
+            return import('./pug-COlPLJkL.js').then(m => legacy(m.pug));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89670,13 +89702,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-D7STQcHO.js').then(m => m.vue());
+            return import('./index-tLfWrXcg.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-1-odW3tv.js').then(m => m.angular());
+            return import('./index-D5H3iCVT.js').then(m => m.angular());
         }
     })
 ];
@@ -103502,7 +103534,7 @@ function avisynth(Prism) {
       })
     }
     function re(pattern, replacements, flags) {
-      return RegExp(replace(pattern, replacements), flags )
+      return RegExp(replace(pattern, replacements), flags)
     }
     var types = /bool|clip|float|int|string|val/.source;
     var internals = [
@@ -174655,6 +174687,7 @@ const Panel = ({
   var _sectionRef$current;
   const [detections, setDetections] = React__default.useState([]);
   const sectionRef = useRef(null);
+  const decodingError = useTopicDecodingError(topic);
   React__default.useEffect(() => {
     if (!_disableAnnotations) {
       setDetections(current => [...rawToAnnotations(_annotationTopics, "main", current), ...rawToAnnotations(_extraAnnotationTopics, "extra", current)]);
@@ -174698,7 +174731,7 @@ const Panel = ({
     actions: panelToolbarActions
   }), /*#__PURE__*/React__default.createElement(Suspense, {
     fallback: /*#__PURE__*/React__default.createElement(EmptyState, null, /*#__PURE__*/React__default.createElement("span", null, "Loading..."))
-  }, /*#__PURE__*/React__default.createElement(RemountOnValueChange, {
+  }, decodingError ? /*#__PURE__*/React__default.createElement(EmptyState, null, /*#__PURE__*/React__default.createElement("strong", null, topic), /*#__PURE__*/React__default.createElement("br", null), decodingError.message) : /*#__PURE__*/React__default.createElement(RemountOnValueChange, {
     value: detections
   }, children))))));
 };
@@ -174729,7 +174762,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CizBebSF.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-VjMojhAJ.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -174824,7 +174857,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-COdpp0bH.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CUGaisTR.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,

package/dist/{index-C9uoBMgf.js → index-DG1nCi2m.js}

@@ -1,8 +1,8 @@
 'use client';
-import { W as LRLanguage, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, U as styleTags, V as tags, X as LanguageSupport, Z as LRParser } from './index-ocXqedtr.js';
+import { W as LRLanguage, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, U as styleTags, V as tags, X as LanguageSupport, Z as LRParser } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-Bq5PYbZg.js → index-DoxJYKhI.js}

@@ -1,8 +1,8 @@
 'use client';
-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-ocXqedtr.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-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-CbT-68hE.js → index-DsJRU5mK.js}

@@ -1,8 +1,8 @@
 'use client';
-import { Y as ExternalTokenizer, 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-ocXqedtr.js';
+import { Y as ExternalTokenizer, 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-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-CBUrwa3S.js → index-DslURtpP.js}

@@ -1,8 +1,8 @@
 'use client';
-import { Y as ExternalTokenizer, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, ac as html, X as LanguageSupport, ad as parseMixed } from './index-ocXqedtr.js';
+import { Y as ExternalTokenizer, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, R as continuedIndent, a4 as delimitedIndent, T as foldNodeProp, a5 as foldInside, ac as html, X as LanguageSupport, ad as parseMixed } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-CizBebSF.js → index-VjMojhAJ.js}

@@ -1,8 +1,8 @@
 'use client';
-import { ImagePanel } from './index-COdpp0bH.js';
+import { ImagePanel } from './index-CUGaisTR.js';
 import 'react';
 import 'react-dom/client';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
@@ -10,7 +10,7 @@ import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './isArrayLikeObject-n9ytTioB.js';
-import './index-ocXqedtr.js';
+import './index-DBwLkKPx.js';
 import './utils-DmlHZWuo.js';
 import './FoxgloveServer-B98MHUu6.js';
 import 'ms';

package/dist/{index-BLbSGHGo.js → index-Zjw0dbGD.js}

@@ -1,8 +1,8 @@
 'use client';
-import { a6 as ContextTracker, Y as ExternalTokenizer, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, T as foldNodeProp, af as bracketMatchingHandle, X as LanguageSupport, aa as EditorView, a1 as syntaxTree, ab as EditorSelection } from './index-ocXqedtr.js';
+import { a6 as ContextTracker, Y as ExternalTokenizer, U as styleTags, V as tags, Z as LRParser, W as LRLanguage, Q as indentNodeProp, T as foldNodeProp, af as bracketMatchingHandle, X as LanguageSupport, aa as EditorView, a1 as syntaxTree, ab as EditorSelection } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';

package/dist/{index-CltgUTHj.js → index-mkLEh24H.js}

@@ -1,8 +1,8 @@
 'use client';
-import { aa as EditorView, ab as EditorSelection, W as LRLanguage, U as styleTags, V as tags, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, X as LanguageSupport, Z as LRParser, a2 as LocalTokenGroup, a1 as syntaxTree, ac as html, ad as parseMixed, Y as ExternalTokenizer } from './index-ocXqedtr.js';
+import { aa as EditorView, ab as EditorSelection, W as LRLanguage, U as styleTags, V as tags, Q as indentNodeProp, a4 as delimitedIndent, T as foldNodeProp, X as LanguageSupport, Z as LRParser, a2 as LocalTokenGroup, a1 as syntaxTree, ac as html, ad as parseMixed, Y as ExternalTokenizer } from './index-DBwLkKPx.js';
 import './protobuf-Be0G3NFz.js';
 import './logger-Bqy1nuLj.js';
-import './depth-BJ1GI-lD.js';
+import './depth-DlC6A3Te.js';
 import './comlink-jf8bdrAf.js';
 import 'react';
 import 'zustand';