@luxonis/visualizer-protobuf 3.0.1-rc.13 → 3.0.1-rc.15

package/dist/{index-DOcUMmIe.js → index-CeOjT8o2.js}

@@ -1,13 +1,13 @@
 'use client';
 import { L as Logger, _ as _classPrivateFieldLooseBase, a as _classPrivateFieldLooseKey, b as _objectSpread2, c as _objectWithoutProperties$2, d as _extends$2 } from './logger-CgxnhrWP.js';
-import { L as Logger$1, d as dist$1, r as reportError, A as AppError, b as baseFlatten, a as baseEach, c as baseIteratee, e as baseDifference, g as getTag, f as baseKeys, h as baseIsEqual, i as castPath, t as toKey, j as baseGet, k as hasIn, s as sendNotification, l as shallowequal, u as useGuaranteedContext, m as getPanelIdsInsideTabPanels, n as getPanelTypeFromId, T as TAB_PANEL_TYPE, o as removePanelFromTabPanel, p as getPanelIdForType, q as getPathFromNode, v as updateTabPanelLayout, w as getSaveConfigsPayloadForAddedPanel, x as replaceAndRemovePanels, y as inlineTabPanelLayouts, z as getAllPanelIds, D as DEFAULT_TAB_PANEL_CONFIG, B as getConfigsForNestedPanelsInsideTab, C as reorderTabWithinTabPanel, E as moveTabBetweenTabPanels, F as isTabPanelConfig, G as addPanelToTab, H as createAddUpdates, I as filterMap, J as uniq$2, K as useShallowMemo, M as CurrentLayoutContext, N as MessageOrderTracker, O as AppConfigurationContext } from './depth-DtQG33aY.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-CQVPltgS.js';
 import { w as wrap$3, p as proxy } from './comlink-wXOdMqIH.js';
 import { u as uint8ArrayToUint16Array } from './utils-DmlHZWuo.js';
-import { p as protobufsBySchema, a as protobufSchemaNameToType, g as getDefaultExportFromCjs, c as commonjsGlobal } from './protobuf-C2hFflNu.js';
-import { B as BinaryOpcode } from './FoxgloveServer-Ck4XVALC.js';
+import { p as protobufsBySchema, a as protobufSchemaNameToType, g as getDefaultExportFromCjs, c as commonjsGlobal } from './protobuf-fLt-ppqN.js';
+import { B as BinaryOpcode } from './FoxgloveServer-CzGfv6A4.js';
 import * as React$1 from 'react';
 import React__default, { useRef, useMemo, createContext, useContext, forwardRef, createElement, useState, Component, useCallback, useEffect, useLayoutEffect, useReducer, useImperativeHandle, Fragment as Fragment$1, Suspense } from 'react';
-import { p as parseFoxgloveMessage } from './foxglove-protocol-DDWtWavo.js';
+import { p as parseFoxgloveMessage } from './foxglove-protocol-BvaCHfze.js';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { getLeaves, createRemoveUpdate, updateTree, createHideUpdate, createDragToUpdates, getNodeAtPath, MosaicContext, MosaicWindowContext } from 'react-mosaic-component';
@@ -18,7 +18,7 @@ import { getContrastRatio, lighten, darken } from '@mui/system/colorManipulator'
 import require$$1 from 'object-assign';
 import { createStore, useStore } from 'zustand';
 import { s as setToString, o as overRest, i as isArray$1, b as baseRest, a as isArrayLikeObject, c as isArrayLike, d as isBuffer$1, e as isTypedArray, f as isArguments, g as isPrototype, h as isObject$4, j as isIndex } from './isArrayLikeObject-n9ytTioB.js';
-import { jsx as jsx$2, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx as jsx$2, Fragment, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import 'react-icons';
@@ -478,90 +478,6 @@ class Condvar {
 // 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 log$7 = Logger$1.getLogger("src/index.ts");
-/**
- * Values of the contants below are a (more or less) informed guesses and not guaranteed to be accurate.
- */
-const COMPRESSED_POINTER_SIZE = 4; // Pointers use 4 bytes (also on 64-bit systems) due to pointer compression
-const OBJECT_BASE_SIZE = 3 * COMPRESSED_POINTER_SIZE; // 3 compressed pointers
-// Arrays have an additional length property (1 pointer) and a backing store header (2 pointers)
-// See https://stackoverflow.com/a/70550693.
-const ARRAY_BASE_SIZE = OBJECT_BASE_SIZE + 3 * COMPRESSED_POINTER_SIZE;
-const TYPED_ARRAY_BASE_SIZE = 25 * COMPRESSED_POINTER_SIZE; // byteLength, byteOffset, ..., see https://stackoverflow.com/a/45808835
-const SMALL_INTEGER_SIZE = COMPRESSED_POINTER_SIZE; // Small integers (up to 31 bits), pointer tagging
-const HEAP_NUMBER_SIZE = 8 + 2 * COMPRESSED_POINTER_SIZE; // 4-byte map pointer + 8-byte payload + property pointer
-const MAX_NUM_FAST_PROPERTIES = 1020;
-
-/**
- * Estimate the size in bytes of an arbitrary object or primitive.
- * @param obj Object or primitive to estimate the size for
- * @returns Estimated size in bytes
- */
-function estimateObjectSize(obj) {
-  // catches null and undefined
-  // typeof null == "object"
-  if (obj == undefined) {
-    return SMALL_INTEGER_SIZE;
-  }
-  switch (typeof obj) {
-    case "undefined":
-    case "boolean":
-      {
-        return SMALL_INTEGER_SIZE;
-      }
-    case "number":
-      {
-        return Number.isInteger(obj) ? SMALL_INTEGER_SIZE : HEAP_NUMBER_SIZE;
-      }
-    case "bigint":
-      {
-        return HEAP_NUMBER_SIZE;
-      }
-    case "string":
-      {
-        // The string length is rounded up to the next multiple of 4.
-        return COMPRESSED_POINTER_SIZE + OBJECT_BASE_SIZE + Math.ceil(obj.length / 4) * 4;
-      }
-    case "object":
-      {
-        if (Array.isArray(obj)) {
-          return COMPRESSED_POINTER_SIZE + ARRAY_BASE_SIZE + Object.values(obj).reduce((acc, val) => acc + estimateObjectSize(val), 0);
-        } else if (ArrayBuffer.isView(obj)) {
-          return TYPED_ARRAY_BASE_SIZE + obj.byteLength;
-        } else if (obj instanceof Set) {
-          return COMPRESSED_POINTER_SIZE + OBJECT_BASE_SIZE + Array.from(obj.values()).reduce((acc, val) => acc + estimateObjectSize(val), 0);
-        } else if (obj instanceof Map) {
-          return COMPRESSED_POINTER_SIZE + OBJECT_BASE_SIZE + Array.from(obj.entries()).reduce((acc, [key, val]) => acc + estimateObjectSize(key) + estimateObjectSize(val), 0);
-        }
-        let propertiesSize = 0;
-        const numProps = Object.keys(obj).length;
-        if (numProps > MAX_NUM_FAST_PROPERTIES) {
-          // If there are too many properties, V8 stores Objects in dictionary mode (slow properties)
-          // with each object having a self-contained dictionary. This dictionary contains the key, value
-          // and details of properties. Below we estimate the size of this additional dictionary. Formula
-          // adapted from
-          // medium.com/@bpmxmqd/v8-engine-jsobject-structure-analysis-and-memory-optimization-ideas-be30cfcdcd16
-          const propertiesDictSize = 16 + 5 * 8 + 2 ** Math.ceil(Math.log2((numProps + 2) * 1.5)) * 3 * 4;
-          // In return, properties are no longer stored in the properties array, so we subtract that.
-          propertiesSize = propertiesDictSize - numProps * COMPRESSED_POINTER_SIZE;
-        }
-        const valuesSize = Object.values(obj).reduce((acc, val) => acc + estimateObjectSize(val), 0);
-        return OBJECT_BASE_SIZE + propertiesSize + valuesSize;
-      }
-    case "symbol":
-    case "function":
-      {
-        throw new Error(`Can't estimate size of type '${typeof obj}'`);
-      }
-  }
-  log$7.error(`Can't estimate size of type '${typeof obj}'`);
-  return SMALL_INTEGER_SIZE;
-}
-
-// 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 MAX_SAMPLE_SIZE = 100;
 function constructKeyForTopicRenderMetrics(key, topic) {
   return `${key}:${topic}`;
@@ -989,7 +905,7 @@ ConfigStore.instance = void 0;
 
 var _localStorage$getItem;
 function initWorker(callback) {
-  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-BfbPeqsq.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-Dr424k53.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -18594,7 +18510,7 @@ const defaultLogger$1 = buildLogger$1('default', {
     format: parseLogFormat$1(globalThis.ENV?.LOG_FORMAT),
     runtime: globalThis.ENV?.RUNTIME ?? 'development',
 });
-const log$6 = defaultLogger$1;
+const log$4 = defaultLogger$1;
 globalThis.log = defaultLogger$1;
 
 const customFormats$1 = {
@@ -18626,7 +18542,7 @@ const customFormats$1 = {
 };
 const onIntlError$1 = (error) => {
     if (typeof window !== 'undefined') {
-        log$6.fatal(error);
+        log$4.fatal(error);
     }
 };
 const cache$2 = createIntlCache();
@@ -22059,8 +21975,10 @@ const GET_APP_CONNECTION = () => ({
 const GET_CONNECTION_REFRESH_INTERVAL = 5 * MINUTE;
 var _commsChannel = /*#__PURE__*/_classPrivateFieldLooseKey("commsChannel");
 var _refreshIntervalId = /*#__PURE__*/_classPrivateFieldLooseKey("refreshIntervalId");
+var _sendMessageToCommsChannel = /*#__PURE__*/_classPrivateFieldLooseKey("sendMessageToCommsChannel");
 var _handleCommsMessages = /*#__PURE__*/_classPrivateFieldLooseKey("handleCommsMessages");
-var _isAppConnectionResponse = /*#__PURE__*/_classPrivateFieldLooseKey("isAppConnectionResponse");
+var _isAppConnectionOkResponse = /*#__PURE__*/_classPrivateFieldLooseKey("isAppConnectionOkResponse");
+var _isAppConnectionErrorResponse = /*#__PURE__*/_classPrivateFieldLooseKey("isAppConnectionErrorResponse");
 var _startRefreshInterval = /*#__PURE__*/_classPrivateFieldLooseKey("startRefreshInterval");
 class WebRtcCommsProxy {
   constructor(commsChannel, automaticTokenRefresh) {
@@ -22068,12 +21986,18 @@ class WebRtcCommsProxy {
     Object.defineProperty(this, _startRefreshInterval, {
       value: _startRefreshInterval2
     });
-    Object.defineProperty(this, _isAppConnectionResponse, {
-      value: _isAppConnectionResponse2
+    Object.defineProperty(this, _isAppConnectionErrorResponse, {
+      value: _isAppConnectionErrorResponse2
+    });
+    Object.defineProperty(this, _isAppConnectionOkResponse, {
+      value: _isAppConnectionOkResponse2
     });
     Object.defineProperty(this, _handleCommsMessages, {
       value: _handleCommsMessages2
     });
+    Object.defineProperty(this, _sendMessageToCommsChannel, {
+      value: _sendMessageToCommsChannel2
+    });
     Object.defineProperty(this, _commsChannel, {
       writable: true,
       value: void 0
@@ -22083,8 +22007,6 @@ class WebRtcCommsProxy {
       value: null
     });
     _classPrivateFieldLooseBase(this, _commsChannel)[_commsChannel] = commsChannel;
-
-    // TODO: Handle more states (disconnect..)
     _classPrivateFieldLooseBase(this, _commsChannel)[_commsChannel].on("message:json", event => {
       _classPrivateFieldLooseBase(this, _handleCommsMessages)[_handleCommsMessages](event);
     });
@@ -22092,47 +22014,61 @@ class WebRtcCommsProxy {
       _classPrivateFieldLooseBase(this, _startRefreshInterval)[_startRefreshInterval]();
     }
   }
-  sendMessageToCommsChannel(message) {
-    switch (message) {
-      case "getConnection":
-        {
-          const _message = GET_APP_CONNECTION();
-          const webRtcMessage = JSON.stringify({
-            cid: uuidv7(),
-            data: _message
-          });
-          if (webRtcMessage) {
-            _classPrivateFieldLooseBase(this, _commsChannel)[_commsChannel].sendMessage(webRtcMessage);
-          } else {
-            logger$3.error("Failed to serialize GetAppConnectionMessage");
-          }
-        }
-    }
-  }
   handleClose() {
     if (_classPrivateFieldLooseBase(this, _refreshIntervalId)[_refreshIntervalId]) {
       clearInterval(_classPrivateFieldLooseBase(this, _refreshIntervalId)[_refreshIntervalId]);
     }
   }
 }
+function _sendMessageToCommsChannel2(message) {
+  switch (message) {
+    case "getConnection":
+      {
+        const typedMessage = GET_APP_CONNECTION();
+        const webRtcMessage = JSON.stringify({
+          cid: uuidv7(),
+          data: typedMessage
+        });
+        if (webRtcMessage) {
+          _classPrivateFieldLooseBase(this, _commsChannel)[_commsChannel].sendMessage(webRtcMessage);
+        } else {
+          logger$3.error("Failed to serialize GetAppConnectionMessage");
+        }
+      }
+  }
+}
 function _handleCommsMessages2(message) {
-  if (_classPrivateFieldLooseBase(this, _isAppConnectionResponse)[_isAppConnectionResponse](message)) {
+  logger$3.debug("Incoming message on comms channel - ", message);
+  if (_classPrivateFieldLooseBase(this, _isAppConnectionErrorResponse)[_isAppConnectionErrorResponse](message)) {
+    logger$3.warn("Received error response for GetAppConnection request - ", message.data.Error);
+    return;
+  }
+  if (_classPrivateFieldLooseBase(this, _isAppConnectionOkResponse)[_isAppConnectionOkResponse](message)) {
     if (this.automaticTokenRefresh) {
       this.automaticTokenRefresh(message.data.Ok.GetAppConnection.token);
     } else {
       logger$3.warn("Automatic token refresh is not enabled but received app connection response.");
     }
-  } else {
-    logger$3.error("Comms Proxy received unsupported message - ", message);
+    return;
   }
+  logger$3.error("Comms Proxy received unsupported message - ", message);
 }
-function _isAppConnectionResponse2(message) {
-  return message.data.Ok.GetAppConnection !== undefined;
+function _isAppConnectionOkResponse2(message) {
+  return "Ok" in message;
+}
+function _isAppConnectionErrorResponse2(message) {
+  return "Error" in message;
 }
 function _startRefreshInterval2() {
-  _classPrivateFieldLooseBase(this, _refreshIntervalId)[_refreshIntervalId] = setInterval(() => {
-    this.sendMessageToCommsChannel("getConnection");
-  }, GET_CONNECTION_REFRESH_INTERVAL);
+  if (_classPrivateFieldLooseBase(this, _refreshIntervalId)[_refreshIntervalId]) {
+    logger$3.debug("Refresh interval already exists, skipping creation of new interval.");
+    return;
+  }
+  {
+    _classPrivateFieldLooseBase(this, _refreshIntervalId)[_refreshIntervalId] = setInterval(() => {
+      _classPrivateFieldLooseBase(this, _sendMessageToCommsChannel)[_sendMessageToCommsChannel]("getConnection");
+    }, GET_CONNECTION_REFRESH_INTERVAL);
+  }
 }
 
 var _selfTarget = /*#__PURE__*/_classPrivateFieldLooseKey("selfTarget");
@@ -22247,7 +22183,7 @@ class WebRtcBridge extends ArtificialWorker {
       value: null
     });
     this.commsProxy = null;
-    _classPrivateFieldLooseBase(this, _worker)[_worker] = new Worker(new URL("worker-Dtxm0lWz.js", import.meta.url), {
+    _classPrivateFieldLooseBase(this, _worker)[_worker] = new Worker(new URL("worker-DR9o4zBS.js", import.meta.url), {
       type: "module"
     });
     _classPrivateFieldLooseBase(this, _setupArtificialWorker)[_setupArtificialWorker]();
@@ -22503,7 +22439,7 @@ class VisualizerConnection extends FoxgloveConnection {
     let _worker;
     if (type === "ws") {
       _classPrivateFieldLooseBase(this, _url)[_url] = data.connectionUrl;
-      _worker = new Worker(new URL("worker-CHANzqz1.js", import.meta.url), {
+      _worker = new Worker(new URL("worker-BGG-ZdUp.js", import.meta.url), {
         type: "module"
       });
     } else {
@@ -26794,7 +26730,7 @@ n$1(css$a,{});
 var css$9 = "/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono-Italic.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono-BoldItalic.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin */\n@font-face {\n  font-family: \"IBM Plex Mono\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"@foxglove/studio-base/styles/assets/PlexMono-Bold.woff2\") format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n";
 n$1(css$9,{});
 
-const useStyles$4 = makeStyles()(({
+const useStyles$3 = makeStyles()(({
   palette,
   typography
 }) => ({
@@ -26999,14 +26935,14 @@ const useStyles$4 = makeStyles()(({
 function CssBaseline(props) {
   const {
     classes
-  } = useStyles$4();
+  } = useStyles$3();
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes.root
   }, props.children);
 }
 
 const _excluded$7 = ["alignItems", "alignSelf", "children", "className", "direction", "flex", "flexBasis", "flexGrow", "flexShrink", "flexWrap", "fullHeight", "fullWidth", "gap", "gapX", "gapY", "inline", "justifyContent", "order", "overflow", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "paddingX", "paddingY", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "position", "style", "zeroMinWidth"];
-const useStyles$3 = makeStyles({
+const useStyles$2 = makeStyles({
   name: "FoxgloveStack"
 })((theme, props) => ({
   root: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
@@ -27068,7 +27004,7 @@ const useStyles$3 = makeStyles({
     paddingInlineEnd: theme.spacing(props.paddingInlineEnd)
   })
 }));
-var Stack$2 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
+var Stack$1 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   const {
       alignItems,
       alignSelf,
@@ -27112,7 +27048,7 @@ var Stack$2 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   const {
     classes,
     cx
-  } = useStyles$3({
+  } = useStyles$2({
     alignItems,
     alignSelf,
     direction,
@@ -27155,7 +27091,7 @@ var Stack$2 = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   }, rest), children);
 });
 
-const useStyles$2 = makeStyles()(theme => ({
+const useStyles$1 = makeStyles()(theme => ({
   grid: {
     display: "grid",
     gridTemplateRows: "auto 1fr auto",
@@ -27193,7 +27129,7 @@ function ErrorStacktrace({
 }) {
   const {
     classes
-  } = useStyles$2();
+  } = useStyles$1();
   const lines = (hideSourceLocations ? sanitizeStack(stack) : stack).trim().replace(/^\s*at /gm, "").split("\n").map(line => line.trim());
   return /*#__PURE__*/React__default.createElement("pre", {
     className: classes.errorDetailStack
@@ -27211,7 +27147,7 @@ function ErrorDisplay(props) {
   var _props$showErrorDetai, _props$title;
   const {
     classes
-  } = useStyles$2();
+  } = useStyles$1();
   const {
     error,
     errorInfo,
@@ -27242,10 +27178,10 @@ function ErrorDisplay(props) {
   }, [error, errorInfo, hideErrorSourceLocations, showErrorDetails]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes.grid
-  }, /*#__PURE__*/React__default.createElement(Stack$2, {
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
     gap: 2,
     paddingBottom: 2
-  }, /*#__PURE__*/React__default.createElement(Stack$2, null, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h4",
     gutterBottom: true
   }, (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : "The app encountered an unexpected error"), /*#__PURE__*/React__default.createElement(Typography, {
@@ -27266,7 +27202,7 @@ function ErrorDisplay(props) {
   }, props.actions));
 }
 
-let ErrorBoundary$1 = class ErrorBoundary extends Component {
+class ErrorBoundary extends Component {
   constructor(...args) {
     super(...args);
     this.state = {
@@ -27285,7 +27221,7 @@ let ErrorBoundary$1 = class ErrorBoundary extends Component {
   render() {
     if (this.state.currentError) {
       var _this$props$actions;
-      const actions = (_this$props$actions = this.props.actions) !== null && _this$props$actions !== void 0 ? _this$props$actions : /*#__PURE__*/React__default.createElement(Stack$2, {
+      const actions = (_this$props$actions = this.props.actions) !== null && _this$props$actions !== void 0 ? _this$props$actions : /*#__PURE__*/React__default.createElement(Stack$1, {
         fullHeight: true,
         flex: "auto",
         alignItems: "flex-end",
@@ -27318,7 +27254,7 @@ let ErrorBoundary$1 = class ErrorBoundary extends Component {
     }
     return this.props.children;
   }
-};
+}
 
 /** GlobalCss component configures html, body, and #root with theme elements */
 function GlobalCss() {
@@ -33391,7 +33327,7 @@ const moveTab = (panelsState, {
   });
   return savePanelConfigs(panelsState, saveConfigsPayload);
 };
-const addPanel$3 = (panelsState, {
+const addPanel$1 = (panelsState, {
   tabId,
   id,
   config
@@ -33795,7 +33731,7 @@ function panelsReducer (panelsState, action) {
     case "MOVE_TAB":
       return moveTab(panelsState, action.payload);
     case "ADD_PANEL":
-      return addPanel$3(panelsState, action.payload);
+      return addPanel$1(panelsState, action.payload);
     case "DROP_PANEL":
       return dropPanel(panelsState, action.payload);
     case "START_DRAG":
@@ -34149,7 +34085,7 @@ function IncompatibleLayoutVersionAlert(props) {
   }, "OK")));
 }
 
-const log$5 = Logger$1.getLogger("src/index.ts");
+const log$3 = Logger$1.getLogger("src/index.ts");
 const MAX_SUPPORTED_LAYOUT_VERSION = 1;
 
 /**
@@ -34220,7 +34156,7 @@ function CurrentLayoutProvider({
     // The panel state did not change, so no need to perform layout state
     // updates or layout manager updates.
     if (isEqual(oldData, newData)) {
-      log$5.warn("Panel action resulted in identical config:", action);
+      log$3.warn("Panel action resulted in identical config:", action);
       return;
     }
 
@@ -34945,7 +34881,7 @@ const VisualizerContext = /*#__PURE__*/React__default.memo(function VisualizerCo
     value: appConfiguration
   }, /*#__PURE__*/React__default.createElement(DndProvider, {
     backend: HTML5Backend
-  }, /*#__PURE__*/React__default.createElement(GlobalCss, null), /*#__PURE__*/React__default.createElement(CssBaseline, null, /*#__PURE__*/React__default.createElement(ErrorBoundary$1, null, /*#__PURE__*/React__default.createElement(TimelineInteractionStateProvider, null, /*#__PURE__*/React__default.createElement(CurrentLayoutProvider, null, /*#__PURE__*/React__default.createElement(ConnectionsProvider, {
+  }, /*#__PURE__*/React__default.createElement(GlobalCss, null), /*#__PURE__*/React__default.createElement(CssBaseline, null, /*#__PURE__*/React__default.createElement(ErrorBoundary, null, /*#__PURE__*/React__default.createElement(TimelineInteractionStateProvider, null, /*#__PURE__*/React__default.createElement(CurrentLayoutProvider, null, /*#__PURE__*/React__default.createElement(ConnectionsProvider, {
     value: connections
   }, /*#__PURE__*/React__default.createElement(MessagePipelineProvider, null, /*#__PURE__*/React__default.createElement(EventsProvider, null, /*#__PURE__*/React__default.createElement(MosaicContext.Provider, {
     value: mosaicContext
@@ -34956,126 +34892,6 @@ const VisualizerContext = /*#__PURE__*/React__default.memo(function VisualizerCo
   }, /*#__PURE__*/React__default.createElement(PanelStateContextProvider, null, children)))))))))))));
 });
 
-const useStyles$1 = makeStyles({ name: "FoxgloveStack" })((theme, props) => ({
-    root: {
-        display: props.inline === true ? "inline-flex" : "flex",
-        flexDirection: props.direction,
-        flex: props.flex,
-        flexBasis: props.flexBasis,
-        flexShrink: props.flexShrink,
-        flexGrow: props.flexGrow,
-        flexWrap: props.flexWrap,
-        justifyContent: props.justifyContent,
-        alignItems: props.alignItems,
-        alignContent: props.alignContent,
-        alignSelf: props.alignSelf,
-        order: props.order,
-        overflow: props.overflow,
-        overflowX: props.overflowX,
-        overflowY: props.overflowY,
-        position: props.position,
-        ...(props.zeroMinWidth === true && {
-            minWidth: 0,
-        }),
-        ...(props.fullHeight === true && {
-            height: "100%",
-        }),
-        ...(props.fullWidth === true && {
-            width: "100%",
-        }),
-        ...(props.gap != undefined && {
-            gap: theme.spacing(props.gap),
-        }),
-        ...(props.gapX != undefined && {
-            rowGap: theme.spacing(props.gapX),
-        }),
-        ...(props.gapY != undefined && {
-            columnGap: theme.spacing(props.gapY),
-        }),
-        ...(props.padding != undefined && {
-            padding: theme.spacing(props.padding),
-        }),
-        ...(props.paddingX != undefined && {
-            paddingLeft: theme.spacing(props.paddingX),
-            paddingRight: theme.spacing(props.paddingX),
-        }),
-        ...(props.paddingY != undefined && {
-            paddingTop: theme.spacing(props.paddingY),
-            paddingBottom: theme.spacing(props.paddingY),
-        }),
-        ...(props.paddingTop != undefined && {
-            paddingTop: theme.spacing(props.paddingTop),
-        }),
-        ...(props.paddingBottom != undefined && {
-            paddingBottom: theme.spacing(props.paddingBottom),
-        }),
-        ...(props.paddingLeft != undefined && {
-            paddingLeft: theme.spacing(props.paddingLeft),
-        }),
-        ...(props.paddingRight != undefined && {
-            paddingRight: theme.spacing(props.paddingRight),
-        }),
-        ...(props.paddingBlock != undefined && {
-            paddingBlock: theme.spacing(props.paddingBlock),
-        }),
-        ...(props.paddingBlockStart != undefined && {
-            paddingBlockStart: theme.spacing(props.paddingBlockStart),
-        }),
-        ...(props.paddingBlockEnd != undefined && {
-            paddingBlockEnd: theme.spacing(props.paddingBlockEnd),
-        }),
-        ...(props.paddingInline != undefined && {
-            paddingInline: theme.spacing(props.paddingInline),
-        }),
-        ...(props.paddingInlineStart != undefined && {
-            paddingInlineStart: theme.spacing(props.paddingInlineStart),
-        }),
-        ...(props.paddingInlineEnd != undefined && {
-            paddingInlineEnd: theme.spacing(props.paddingInlineEnd),
-        }),
-    },
-}));
-var Stack$1 = forwardRef(function Stack(props, ref) {
-    const { alignItems, alignSelf, children, className, direction = "column", flex, flexBasis, flexGrow, flexShrink, flexWrap, fullHeight = false, fullWidth = false, gap, gapX, gapY, inline = false, justifyContent, order, overflow, overflowX, overflowY, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, position, style, zeroMinWidth = false, ...rest } = props;
-    const { classes, cx } = useStyles$1({
-        alignItems,
-        alignSelf,
-        direction,
-        flex,
-        flexBasis,
-        flexGrow,
-        flexShrink,
-        flexWrap,
-        fullHeight,
-        fullWidth,
-        gap,
-        gapX,
-        gapY,
-        inline,
-        justifyContent,
-        order,
-        overflow,
-        overflowX,
-        overflowY,
-        padding,
-        paddingBottom,
-        paddingLeft,
-        paddingRight,
-        paddingTop,
-        paddingX,
-        paddingY,
-        paddingBlock,
-        paddingBlockStart,
-        paddingBlockEnd,
-        paddingInline,
-        paddingInlineStart,
-        paddingInlineEnd,
-        position,
-        zeroMinWidth,
-    });
-    return (jsx$2("div", { ref: ref, className: cx(classes.root, className), style: style, ...rest, children: children }));
-});
-
 function _classCallCheck(a, n) {
   if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
@@ -35459,7 +35275,7 @@ Browser.type = 'languageDetector';
 // 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 addPanel$2 = {
+const addPanel = {
   addPanel: "Add panel",
   noLayoutSelected: "<selectLayoutLink>Select a layout</selectLayoutLink> to get started!",
   noPanelsMatchSearchCriteria: "No panels match search criteria.",
@@ -35471,7 +35287,7 @@ const addPanel$2 = {
 // 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 appBar$2 = {
+const appBar = {
   about: "About",
   addPanel: "Add panel",
   documentation: "Documentation",
@@ -35509,7 +35325,7 @@ const appBar$2 = {
 // 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 appSettings$2 = {
+const appSettings = {
   about: "About",
   advanced: "Advanced",
   askEachTime: "Ask each time",
@@ -35542,7 +35358,7 @@ const appSettings$2 = {
 // 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 dataSourceInfo$2 = {
+const dataSourceInfo = {
   currentSource: "Current source",
   dataSource: "Data source",
   duration: "Duration",
@@ -35555,7 +35371,7 @@ const dataSourceInfo$2 = {
 // 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 desktopWindow$2 = {
+const desktopWindow = {
   advanced: "Advanced",
   checkForUpdates: "Check for Updates…",
   edit: "Edit",
@@ -35572,7 +35388,7 @@ const desktopWindow$2 = {
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
 // Generic global translation
-const general$2 = {
+const general = {
   foxglove: "Foxglove",
   learnMore: "Learn more",
   on: "On",
@@ -35584,7 +35400,7 @@ const general$2 = {
 // 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 incompatibleLayoutVersion$2 = {
+const incompatibleLayoutVersion = {
   desktopText: "This layout was created with a newer version of Foxglove Studio. Please update to the latest version at ",
   title: "Incompatible layout version",
   webText: "This layout was created with a newer version of Foxglove Studio. Please refresh your browser."
@@ -35594,7 +35410,7 @@ const incompatibleLayoutVersion$2 = {
 // 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 log$4 = {
+const log$2 = {
   hideAll: "Hide all",
   minLogLevel: "Log level",
   nameFilter: "Namespaces",
@@ -35607,7 +35423,7 @@ const log$4 = {
 // 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 openDialog$2 = {
+const openDialog = {
   canBeShared: "Share data files, visualization layouts, and custom extensions with teammates",
   collaborateTitle: "Accelerate development with Foxglove",
   convenientWebInterface: "Use a convenient web interface to tag, search, and retrieve data at lightning speed",
@@ -35644,7 +35460,7 @@ const openDialog$2 = {
 // 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 panelConfigVersionGuard$2 = {
+const panelConfigVersionGuard = {
   instructions: "Please update to the latest version of the app.",
   warning: "This layout requires a more recent version of this panel."
 };
@@ -35653,7 +35469,7 @@ const panelConfigVersionGuard$2 = {
 // 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 panels$2 = {
+const panels = {
   "3D": "3D",
   "3DPanelDescription": "Display markers, camera images, meshes, URDFs, and more in a 3D scene.",
   callService: "Service Call",
@@ -35703,7 +35519,7 @@ const panels$2 = {
 // 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 panelSettings$2 = {
+const panelSettings = {
   currentSettingsPanelName: "{{title}} panel settings",
   importOrExportSettings: "Import/export settings",
   importOrExportSettingsWithEllipsis: "Import/export settings…",
@@ -35720,7 +35536,7 @@ const panelSettings$2 = {
 // 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 panelToolbar$2 = {
+const panelToolbar = {
   changePanel: "Change panel",
   fullscreen: "Fullscreen",
   more: "More",
@@ -35733,7 +35549,7 @@ const panelToolbar$2 = {
 // 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 plot$2 = {
+const plot = {
   accumulatedPath: "Path (accumulated)",
   addSeries: "Add series",
   clickToAddASeries: "Click to add a series",
@@ -35774,7 +35590,7 @@ const plot$2 = {
 // 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 problemsList$2 = {
+const problemsList = {
   noDetailsProvided: "No details provided",
   noProblemsFound: "No problems found"
 };
@@ -35783,7 +35599,7 @@ const problemsList$2 = {
 // 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 stateTransitions$2 = {
+const stateTransitions = {
   max: "Max",
   maxXError: "X max must be greater than X min.",
   min: "Min",
@@ -35795,7 +35611,7 @@ const stateTransitions$2 = {
 // 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 threeDee$2 = {
+const threeDee = {
   // Common
   color: "Color",
   colorMode: "Color mode",
@@ -35942,7 +35758,7 @@ const threeDee$2 = {
 // 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 topicList$2 = {
+const topicList = {
   anErrorOccurred: "An error occurred",
   clearFilter: "Clear filter",
   copyMessagePath: "Copy message path",
@@ -35962,7 +35778,7 @@ const topicList$2 = {
 // 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 workspace$2 = {
+const workspace = {
   events: "Events",
   panel: "Panel",
   performance: "Performance",
@@ -35977,1048 +35793,6 @@ const workspace$2 = {
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
 var en = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  addPanel: addPanel$2,
-  appBar: appBar$2,
-  appSettings: appSettings$2,
-  dataSourceInfo: dataSourceInfo$2,
-  desktopWindow: desktopWindow$2,
-  general: general$2,
-  incompatibleLayoutVersion: incompatibleLayoutVersion$2,
-  log: log$4,
-  openDialog: openDialog$2,
-  panelConfigVersionGuard: panelConfigVersionGuard$2,
-  panelSettings: panelSettings$2,
-  panelToolbar: panelToolbar$2,
-  panels: panels$2,
-  plot: plot$2,
-  problemsList: problemsList$2,
-  stateTransitions: stateTransitions$2,
-  threeDee: threeDee$2,
-  topicList: topicList$2,
-  workspace: workspace$2
-});
-
-// 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 addPanel$1 = {
-    addPanel: "パネルを追加",
-    noLayoutSelected: "<selectLayoutLink>レイアウトを選択</selectLayoutLink>して始めましょう！",
-    noPanelsMatchSearchCriteria: "検索条件に一致するパネルがありません。",
-    searchPanels: "パネルを検索",
-    selectPanelToAddToLayout: "下のパネルを選択してレイアウトに追加してください。",
-};
-
-// 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 appBar$1 = {
-    about: "情報",
-    addPanel: "パネルを追加",
-    documentation: "ドキュメンテーション",
-    exploreSampleData: "サンプルデータを探索する",
-    exportLayoutToFile: "レイアウトをファイルにエクスポート",
-    extensions: "拡張機能",
-    file: "ファイル",
-    help: "ヘルプ",
-    importLayoutFromFile: "ファイルからレイアウトをインポート",
-    joinOurSlack: "Slackに参加する",
-    joinSlackCommunity: "Slackコミュニティに参加する",
-    noDataSource: "データソースがありません",
-    open: "を開く",
-    openConnection: "接続を開く",
-    openLocalFile: "ローカルファイルを開く",
-    recentDataSources: "最近のデータソース",
-    settings: "設定",
-    signIn: "ログイン",
-    signOut: "ログアウト",
-    unknown: "不明",
-    userProfile: "ユーザープロファイル",
-    view: "表示",
-    viewData: "データを見る",
-    viewOurDocs: "ドキュメンテーションを見る",
-    profile: undefined,
-};
-
-// 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 appSettings$1 = {
-    about: "情報",
-    advanced: "高度な設定",
-    askEachTime: "毎回確認する",
-    colorScheme: "カラースキーム",
-    dark: "ダーク",
-    debugModeDescription: "Foxgloveのデバッグ用のパネルと機能を有効にする",
-    desktopApp: "デスクトップアプリ",
-    displayTimestampsIn: "タイムスタンプを表示",
-    experimentalFeatures: "実験的機能",
-    experimentalFeaturesDescription: "これらの機能は挙動が不安定なため、日々の利用は推奨されません。",
-    extensions: "拡張機能",
-    followSystem: "システムに従う",
-    general: "一般",
-    language: "言語",
-    layoutDebugging: "レイアウトデバッグ",
-    layoutDebuggingDescription: "レイアウトストレージの開発およびデバッグ用の追加コントロールを表示する。",
-    light: "ライト",
-    messageRate: "メッセージレート",
-    noExperimentalFeatures: "現在、実験的機能はありません。",
-    openLinksIn: "リンクを開く",
-    ros: "ROS",
-    settings: "設定",
-    timestampFormat: "タイムスタンプ形式",
-    webApp: "ウェブアプリ",
-};
-
-// 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 dataSourceInfo$1 = {
-    currentSource: "現在のデータソース",
-    dataSource: "データソース",
-    duration: "所要時間",
-    endTime: "終了時刻",
-    startTime: "開始時刻",
-    waitingForConnection: "接続待機中…",
-};
-
-// 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 desktopWindow$1 = {
-    advanced: "高度な設定",
-    checkForUpdates: "更新を確認する…",
-    edit: "編集",
-    file: "ファイル",
-    inspectSharedWorker: "共有ワーカーを検査する…",
-    newWindow: "新しいウィンドウ",
-    noSharedWorkers: "共有ワーカーがありません",
-    settings: "設定…",
-    view: "表示",
-};
-
-// 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/
-// Generic global translation
-const general$1 = {
-    // Note that we use the term `Foxglove` as an English word rather than a Japanese
-    // word since it would sound very different - フォックスグローブ (Fokusugorobu).
-    foxglove: "Foxglove",
-    learnMore: "もっと学ぶ",
-    on: undefined,
-    off: undefined,
-    auto: undefined,
-};
-
-// 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 incompatibleLayoutVersion$1 = {
-    desktopText: "このレイアウトはFoxglove Studioの新しいバージョンで作成されました。最新バージョンに更新してください ",
-    title: "互換性のないレイアウトバージョン",
-    webText: "このレイアウトはFoxglove Studioの新しいバージョンで作成されました。ブラウザを更新してください。",
-};
-
-// 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 log$3 = {
-    hideAll: "すべて隠す",
-    minLogLevel: "ログレベル",
-    nameFilter: "ネームスペース",
-    showAll: "すべて表示",
-    topic: "トピック",
-    topicError: "{{topic}}というトピックは利用できません。",
-};
-
-// 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 openDialog$1 = {
-    canBeShared: "チームメイトとデータファイル、可視化レイアウト、およびカスタム拡張子を共有できます",
-    collaborateTitle: "Foxglove で開発を加速する",
-    convenientWebInterface: "便利なWebインターフェースを使用して、データをタグ付け、検索、および高速に取得",
-    createAFreeAccount: "無料のアカウントを作成する",
-    exploreSampleData: "サンプルデータを探索する",
-    joinOurCommunity: "コミュニティに参加する",
-    joinOurCommunityDescription: "SlackやGitHubに参加して、ヘルプを得たり、機能リクエストを行ったり、バグを報告しましょう。",
-    joinOurSlack: "Slackに参加する",
-    learnMore: "詳細を見る",
-    needHelp: "ヘルプが必要ですか？",
-    needHelpDescription: "ドキュメンテーションを見たり、Foxgloveブログのチュートリアルをチェックしてみましょう。",
-    newToFoxgloveStudio: "Foxglove を初めてご利用ですか？",
-    newToFoxgloveStudioDescription: "サンプルデータセットを探索したり、ドキュメンテーションをチェックして開始してください。",
-    openAGitHubIssue: "GitHubの問題を開く",
-    openConnection: "接続を開く",
-    openConnectionDescription: "ライブロボットまたはサーバーに接続します。",
-    openDataSource: "データソースを開く",
-    openLocalFile: "ローカルファイルを開く",
-    openLocalFileDescription: "ローカルファイルシステムから直接データを可視化します。",
-    openUrl: "データをアップロードして共有する",
-    openUrlDescription: "Foxglove を使用して、チームとデータを共有します。",
-    recentDataSources: "最近のデータソース",
-    secureStorageOfData: "ROSまたはカスタムデータをペタバイト単位で安全に保存",
-    seeTutorials: "チュートリアルを見る",
-    shareLayouts: "レイアウトを共有する",
-    signIn: "ログイン",
-    startCollaborating: "Foxgloveの組織とコラボレーションを開始する",
-    startCollaboratingDescription: "Foxgloveアカウントを最大限に活用しましょう。たとえば、データを詳細に分析したり、チームメイトとツールを共有したりすることができます。",
-    uploadToDataPlatform: "Data Platformにアップロードする",
-    viewOurDocs: "ドキュメンテーションを見る",
-};
-
-const panelConfigVersionGuard$1 = {
-    instructions: "アプリを最新バージョンに更新してください。",
-    warning: "このレイアウトは、より新しいバージョンのパネルを必要とします。",
-};
-
-// 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 panels$1 = {
-    "3D": "3D",
-    "3DPanelDescription": "マーカーやカメラ映像、メッシュ、URDFなどを3Dシーンで表示します。",
-    callService: "サービスを呼び出す",
-    callServiceDescription: "サービスを呼び出し、サービス呼び出し結果を表示する",
-    dataSourceInfo: "データソース情報",
-    dataSourceInfoDescription: "現在のデータソースに関するトピックやタイムスタンプなどの詳細を表示します。",
-    gauge: "ゲージ",
-    gaugeDescription: "連続値に基づく色付きのゲージを表示します。",
-    image: "画像",
-    imageDescription: "注釈付きの画像を表示します。",
-    indicator: "インジケーター",
-    indicatorDescription: "閾値に基づいた色やテキストで表示されるインジケーターを表示します。",
-    log: "ログ",
-    logDescription: "ノードと重要度レベル別にログを表示します。",
-    map: "地図",
-    mapDescription: "地図上に点を表示します。",
-    parameters: "パラメーター",
-    parametersDescription: "データソースのパラメーターを読み取り、設定します。",
-    plot: "プロット",
-    plotDescription: "時間または他の値に対する数値をプロットします。",
-    publish: "パブリッシュ",
-    publishDescription: "データソースにメッセージをパブリッシュします（ライブ接続のみ）。 ",
-    rawMessages: "生データのメッセージ",
-    rawMessagesDescription: "トピックメッセージを検査します。",
-    ROSDiagnosticsDetail: "診断 - 詳細 (ROS)",
-    ROSDiagnosticsDetailDescription: "特定のhardware_idのROS DiagnosticArrayメッセージを表示します。",
-    ROSDiagnosticSummary: "診断 - 概要 (ROS)",
-    ROSDiagnosticSummaryDescription: "すべてのROS DiagnosticArrayメッセージの概要を表示します。",
-    stateTransitions: "ステートトランジション",
-    stateTransitionsDescription: "時間とともに値が変化するときを追跡します。",
-    tab: "タブ",
-    tabDescription: "複数のパネルをタブでグループ化して表示します。",
-    table: "テーブル",
-    tableDescription: "トピックメッセージを表形式で表示します。",
-    teleop: "Teleop",
-    teleopDescription: "ライブ接続でロボットを操作します。",
-    topicGraph: "トピックグラフ",
-    topicGraphDescription: "アクティブなノード、トピック、サービスのグラフを表示します。",
-    userScripts: "ユーザースクリプト",
-    userScriptsDescription: "TypeScriptでカスタムデータ変換を記述します。以前はNode Playgroundとして知られていました。",
-    variableSlider: "変数スライダー",
-    variableSliderDescription: "レイアウトの数値変数を更新します。",
-    settings: undefined,
-};
-
-// 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 panelSettings$1 = {
-    currentSettingsPanelName: "{{title}}パネルの設定",
-    importOrExportSettings: "設定のインポート/エクスポート",
-    importOrExportSettingsWithEllipsis: "設定のインポート/エクスポート…",
-    loadingPanelSettings: "パネル設定を読み込んでいます…",
-    panelDoesNotHaveSettings: "このパネルには設定がありません。",
-    panelName: "{{title}}パネル",
-    panelSettings: "パネル設定",
-    resetToDefaults: "デフォルトにリセット",
-    selectAPanelToEditItsSettings: "編集するパネルを選択してください。",
-    unknown: "不明",
-};
-
-// 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 panelToolbar$1 = {
-    changePanel: "パネルを変更",
-    fullscreen: "全画面表示",
-    more: "もっと見る",
-    removePanel: "パネルを削除",
-    splitDown: "下に分割",
-    splitRight: "右に分割",
-};
-
-// 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 plot$1 = {
-    accumulatedPath: "パス（累積）",
-    addSeries: "シリーズを追加する",
-    clickToAddASeries: "シリーズを追加するにはクリック",
-    color: "カラー",
-    currentPath: "パス（現在）",
-    deleteSeries: "シリーズを削除する",
-    floating: "フローティング",
-    general: "一般的な",
-    headerStamp: "ヘッダースタンプ",
-    hidden: "隠す",
-    index: "インデックス",
-    label: "ラベル",
-    left: "左",
-    legend: "凡例",
-    lineSize: undefined,
-    max: "最大",
-    maxXError: "X最大値は、X最小値より大きくなければなりません。",
-    maxYError: "Y最大値は、Y最小値より大きくなければなりません。",
-    messagePath: "メッセージパス",
-    min: "最小",
-    position: "ポジション",
-    receiveTime: "受信時間",
-    secondsRange: "範囲（秒数）",
-    series: "シリーズ",
-    showLabels: "ラベルを表示する",
-    showLine: undefined,
-    showValues: "値を表示する",
-    syncWithOtherPlots: "他のプロットと同期する",
-    timestamp: "タイムスタンプ",
-    top: "上",
-    value: "値",
-    xAxis: "X軸",
-    yAxis: "Y軸",
-    resetView: undefined,
-};
-
-// 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 problemsList$1 = {
-    noDetailsProvided: "詳細は提供されていません",
-    noProblemsFound: "問題は見つかりませんでした",
-};
-
-// 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 settingsEditor$1 = {
-    clearSearch: "検索をクリアする",
-    filterList: "リストをフィルタリングする",
-    filterListHelp: "可視性でリストをフィルタリングする",
-    general: "一般的な",
-    hideAll: "すべて非表示",
-    labels: "ラベル",
-    listAll: "すべてのリスト",
-    listInvisible: "非表示のリスト",
-    listVisible: "表示されているリスト",
-    searchPanelSettings: "検索パネルの設定…",
-    showAll: "すべて表示",
-    title: "タイトル",
-};
-
-// 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 stateTransitions$1 = {
-    max: "最大",
-    maxXError: "Xの最大値はXの最小値より大きくなければなりません。",
-    min: "最小",
-    secondsRange: "範囲（秒）",
-    xAxis: "X軸",
-};
-
-// 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 threeDee$1 = {
-    // Common
-    color: "色",
-    colorMode: "カラーモード",
-    frame: "フレーム",
-    lineWidth: "ライン幅",
-    position: "位置",
-    reset: "リセット",
-    rotation: "回転",
-    scale: "スケール",
-    gradient: "グラデーション",
-    type: "タイプ",
-    topic: "トピック",
-    // Frame
-    age: "経過時間",
-    axisScale: "軸のスケール",
-    displayFrame: "フレームを表示する",
-    displayFrameHelp: "カメラを配置するための座標フレームです。カメラの位置と向きは、このフレームの原点を基準とした相対的なものとなります。",
-    editable: "編集可能",
-    enablePreloading: "事前の読み込みを有効にする",
-    fixed: "固定",
-    followMode: "フォローモード",
-    followModeHelp: "再生中のカメラの動作を変更し、表示フレームをフォローするかどうかを選択できます。",
-    frameNotFound: "フレーム {{frameId}} が見つかりません",
-    hideAll: "すべて非表示",
-    historySize: "履歴サイズ",
-    labels: "ラベル",
-    labelSize: "ラベルのサイズ",
-    lineColor: "ラインの色",
-    noCoordinateFramesFound: "座標フレームが見つかりません",
-    parent: "親",
-    pose: "ポーズ",
-    rotationOffset: "回転オフセット",
-    settings: "設定",
-    showAll: "すべて表示",
-    transforms: "変換",
-    translation: "変換",
-    translationOffset: "変換オフセット",
-    // Scene
-    background: "背景",
-    debugPicking: "デバッグピッキング",
-    ignoreColladaUpAxis: "COLLADA <up_axis> を無視",
-    ignoreColladaUpAxisHelp: "COLLADA ファイル内の <up_axis> タグを無視することで、rviz の動作に合わせます。",
-    labelScale: "ラベルのスケール",
-    labelScaleHelp: "すべてのラベルに適用するスケールファクター",
-    meshUpAxis: "メッシュの上軸",
-    meshUpAxisHelp: "方向を使用してメッシュを読み込むときに '上' として使用する方向（STL および OBJ）",
-    renderStats: "レンダリングの統計情報",
-    scene: "シーン",
-    takeEffectAfterReboot: "この設定は再起動後に有効になります。",
-    YUp: "Y-up",
-    ZUp: "Z-up",
-    // Camera
-    distance: "距離",
-    far: "Far",
-    fovy: "Y軸 FOV",
-    near: "Near",
-    perspective: "遠近法",
-    phi: "Phi",
-    planarProjectionFactor: "平面投影係数",
-    syncCamera: "カメラを同期する",
-    syncCameraHelp: "この設定が有効になっている他のパネルとカメラを同期します。",
-    target: "ターゲット",
-    theta: "Theta",
-    view: "ビュー",
-    // Topics
-    topics: "トピック",
-    // Custom layers
-    addGrid: "グリッドを追加する",
-    addURDF: "URDF を追加する",
-    customLayers: "カスタムレイヤー",
-    delete: "削除",
-    divisions: "分割数",
-    grid: "グリッド",
-    size: "サイズ",
-    // Image annotations
-    imageAnnotations: "画像アノテーション",
-    resetView: "ビューをリセット",
-    // Images
-    cameraInfo: "カメラ情報",
-    // Occupancy Grids
-    colorModeCustom: "カスタム",
-    colorModeRaw: "生データ",
-    colorModeRvizCostmap: "Costmap",
-    colorModeRvizMap: "Map",
-    frameLock: "フレームロック",
-    invalidColor: "無効な色",
-    maxColor: "最大色",
-    minColor: "最小色",
-    unknownColor: "不明な色",
-    // Point Extension Utils
-    decayTime: "減衰時間",
-    decayTimeDefaultZeroSeconds: "0秒",
-    pointShape: "ポイント形状",
-    pointShapeCircle: "円",
-    pointShapeSquare: "四角",
-    pointSize: "ポイントサイズ",
-    // Color Mode
-    colorBy: "色指定",
-    colorModeBgraPacked: "BGRA（パック）",
-    colorModeBgrPacked: "BGR（パック）",
-    colorModeColorMap: "カラーマップ",
-    colorModeFlat: "フラット",
-    colorModeRgbaSeparateFields: "RGBA（個別フィールド）",
-    flatColor: "フラットカラー",
-    opacity: "不透明度",
-    valueMax: "最大値",
-    valueMin: "最小値",
-    // Markers
-    selectionVariable: "選択変数",
-    selectionVariableHelp: "マーカーを選択すると、このグローバル変数がマーカーIDに設定されます",
-    showOutline: "アウトラインを表示",
-    // Poses
-    covariance: "共分散",
-    covarianceColor: "共分散色",
-    poseDisplayTypeArrow: "矢印",
-    poseDisplayTypeAxis: "軸",
-    poseDisplayTypeLine: "ライン",
-    // Publish
-    publish: "公開",
-    publishTopicHelp: "公開するトピック",
-    publishTypeHelp: "シーンをクリックする際に公開するメッセージのタイプ",
-    publishTypePoint: "ポイント（geometry_msgs/Point）",
-    publishTypePose: "ポーズ（geometry_msgs/PoseStamped）",
-    publishTypePoseEstimate: "ポーズ推定（geometry_msgs/PoseWithCovarianceStamped）",
-    thetaDeviation: "シータ偏差",
-    thetaDeviationHelp: "ポーズ推定で公開するシータの標準偏差",
-    xDeviation: "X偏差",
-    xDeviationHelp: "ポーズ推定で公開するXの標準偏差",
-    yDeviation: "Y偏差",
-    yDeviationHelp: "ポーズ推定で公開するYの標準偏差",
-};
-
-const topicList$1 = {
-    anErrorOccurred: "エラーが発生しました",
-    clearFilter: "フィルターをクリア",
-    copyMessagePath: "メッセージパスをコピー",
-    copyMessagePaths: "選択したメッセージパスをコピー",
-    copySchemaName: "スキーマ名をコピー",
-    copyTopicName: "トピック名をコピー",
-    copyTopicNames: "選択したトピック名をコピー",
-    noDataSourceSelected: "データソースが選択されていません",
-    noTopicsAvailable: "利用可能なトピックがありません。",
-    noTopicsOrDatatypesMatching: "一致するトピックやデータタイプがありません",
-    searchBarPlaceholder: "トピックまたはスキーマ名でフィルター…",
-    waitingForConnection: "接続を待っています",
-    waitingForData: "データ待ち…",
-};
-
-// 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 workspace$1 = {
-    events: "イベント",
-    panel: "パネル",
-    performance: "パフォーマンス",
-    problems: "問題",
-    studioLogs: "ログ",
-    topics: "トピック",
-    variables: "変数",
-};
-
-// 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/
-
-var ja = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  addPanel: addPanel$1,
-  appBar: appBar$1,
-  appSettings: appSettings$1,
-  dataSourceInfo: dataSourceInfo$1,
-  desktopWindow: desktopWindow$1,
-  general: general$1,
-  incompatibleLayoutVersion: incompatibleLayoutVersion$1,
-  log: log$3,
-  openDialog: openDialog$1,
-  panelConfigVersionGuard: panelConfigVersionGuard$1,
-  panelSettings: panelSettings$1,
-  panelToolbar: panelToolbar$1,
-  panels: panels$1,
-  plot: plot$1,
-  problemsList: problemsList$1,
-  settingsEditor: settingsEditor$1,
-  stateTransitions: stateTransitions$1,
-  threeDee: threeDee$1,
-  topicList: topicList$1,
-  workspace: workspace$1
-});
-
-const addPanel = {
-    addPanel: "添加面板",
-    noLayoutSelected: "<selectLayoutLink>选择一个布局</selectLayoutLink>来开始使用!",
-    noPanelsMatchSearchCriteria: "没有符合搜索条件的面板。",
-    searchPanels: "搜索面板",
-    selectPanelToAddToLayout: "在下面选择一个面板，将其添加到你的布局中。",
-};
-
-// 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 appBar = {
-    about: "关于",
-    addPanel: "添加面板",
-    documentation: "文档",
-    exploreSampleData: "探索样本数据",
-    exportLayoutToFile: "导出布局到文件……",
-    extensions: "扩展",
-    file: "文件",
-    help: "帮助",
-    hideLeftSidebar: "隐藏左侧边栏",
-    hideRightSidebar: "隐藏右侧边栏",
-    importLayoutFromFile: "通过文件导入布局……",
-    joinOurSlack: "加入我们的 Slack",
-    joinSlackCommunity: "加入 Slack 社区",
-    noDataSource: "没有数据源",
-    open: "打开……",
-    openConnection: "打开连接……",
-    openLocalFile: "打开本地文件……",
-    recentDataSources: "最近使用的数据源",
-    settings: "设置",
-    showLeftSidebar: "显示左侧边栏",
-    showRightSidebar: "显示右侧边栏",
-    signIn: "登录",
-    signOut: "登出",
-    unknown: "未知",
-    userProfile: "用户资料",
-    view: "查看",
-    viewData: "查看数据",
-    viewOurDocs: "查看我们的文档",
-    profile: "个人资料",
-};
-
-// 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 appSettings = {
-    about: "关于",
-    advanced: "高级",
-    askEachTime: "每次询问",
-    colorScheme: "配色方案",
-    dark: "暗色",
-    debugModeDescription: "启用调试 Foxglove 的面板和功能",
-    desktopApp: "桌面应用",
-    displayTimestampsIn: "显示时间戳在",
-    experimentalFeatures: "实验性功能",
-    experimentalFeaturesDescription: "这些功能不稳定，不建议日常使用。",
-    extensions: "扩展",
-    followSystem: "跟随系统",
-    general: "通用",
-    language: "语言",
-    layoutDebugging: "布局调试",
-    layoutDebuggingDescription: "显示用于开发和调试布局存储的额外控件。",
-    light: "亮色",
-    messageRate: "消息速率",
-    noExperimentalFeatures: "目前没有实验性的功能。",
-    openLinksIn: "打开链接",
-    ros: "ROS",
-    settings: "设置",
-    timestampFormat: "时间戳格式",
-    webApp: "网页应用",
-};
-
-// 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 dataSourceInfo = {
-    currentSource: "当前源",
-    dataSource: "数据源",
-    duration: "持续时间",
-    endTime: "结束时间",
-    startTime: "开始时间",
-    waitingForConnection: "等待连接……",
-};
-
-// 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 desktopWindow = {
-    advanced: "高级",
-    checkForUpdates: "检查更新……",
-    edit: "编辑",
-    file: "文件",
-    inspectSharedWorker: "检查共享工作者……",
-    newWindow: "新建窗口",
-    noSharedWorkers: "没有共享工作者",
-    settings: "设置……",
-    view: "视图",
-};
-
-// 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/
-// Generic global translation
-const general = {
-    foxglove: "Foxglove",
-    learnMore: "了解更多",
-    on: "开",
-    off: "关",
-    auto: "自动",
-};
-
-// 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 incompatibleLayoutVersion = {
-    desktopText: "此版面是使用较新版本的 Foxglove Studio 制作的。请从以下网址更新至最新版本 ",
-    title: "布局版本不兼容",
-    webText: "此版面是使用较新版本的 Foxglove Studio 制作的。请刷新浏览器。",
-};
-
-// 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 log$2 = {
-    topicError: "话题 {{topic}} 不可用",
-    topic: "话题",
-    hideAll: "隐藏全部",
-    minLogLevel: "日志级别",
-    nameFilter: "命名空间",
-    showAll: "显示全部",
-};
-
-// 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 openDialog = {
-    canBeShared: "与队友分享数据文件、可视化布局和自定义扩展程序",
-    collaborateTitle: "使用 Foxglove 数据平台加速开发",
-    convenientWebInterface: "使用一个方便的网络界面，以闪电般的速度标记、搜索和检索数据",
-    createAFreeAccount: "创建免费帐户",
-    exploreSampleData: "探索样本数据",
-    joinOurCommunity: "加入我们的社区",
-    joinOurCommunityDescription: "在 Slack 上与我们的开发人员和用户交流，或在 GitHub 上提出问题。",
-    joinOurSlack: "加入我们的 Slack",
-    learnMore: "了解更多",
-    needHelp: "需要帮助？",
-    needHelpDescription: "查看我们的文档，或查看 Foxglove 博客上的教程。",
-    newToFoxgloveStudio: "第一次使用 Foxglove？",
-    newToFoxgloveStudioDescription: "从探索一个样本数据集开始，或查看我们的文档。",
-    openAGitHubIssue: "打开 GitHub issue",
-    openConnection: "打开连接",
-    openConnectionDescription: "连接到实时机器人或服务器。",
-    openDataSource: "打开数据源",
-    openLocalFile: "打开本地文件",
-    openLocalFileDescription: "直接从本地文件系统可视化数据。",
-    openUrl: "上传和共享数据",
-    openUrlDescription: "使用 Foxglove 数据平台与您的团队共享数据。",
-    recentDataSources: "最近使用的数据源",
-    secureStorageOfData: "安全地存储 PB 级的 ROS 或自定义数据",
-    seeTutorials: "查看教程",
-    shareLayouts: "分享布局",
-    signIn: "登录",
-    startCollaborating: "与您的 Foxglove 组织开始合作",
-    startCollaboratingDescription: "充分利用你的 Foxglove 账户——无论你想深入研究你的数据还是与你的团队成员分享工具。",
-    uploadToDataPlatform: "上传到数据平台",
-    viewOurDocs: "查看我们的文档",
-};
-
-const panelConfigVersionGuard = {
-    instructions: "请更新至最新版本的应用程序。",
-    warning: "该布局需要该面板的最新版本。",
-};
-
-// 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 panels = {
-    "3D": "三维",
-    "3DPanelDescription": "在三维场景中显示标记、相机图像、网格、URDF 和其他内容。",
-    callService: "调用服务",
-    callServiceDescription: "调用服务并查看服务调用结果。",
-    dataSourceInfo: "数据源信息",
-    dataSourceInfoDescription: "查看当前数据源的主题和时间戳等详细信息。",
-    gauge: "仪表",
-    gaugeDescription: "基于连续值显示彩色仪表。",
-    image: "图像",
-    imageDescription: "显示带注释的图像。",
-    indicator: "指示器",
-    indicatorDescription: "基于阈值值显示彩色和/或文本指示器。",
-    log: "日志",
-    logDescription: "按节点和严重程度级别显示日志。",
-    map: "地图",
-    mapDescription: "在地图上显示点。",
-    parameters: "参数",
-    parametersDescription: "读取和设置数据源的参数。",
-    plot: "图表",
-    plotDescription: "绘制随时间或其他值变化的数字值。",
-    publish: "发布",
-    publishDescription: "向数据源发布消息（仅限实时连接）。",
-    rawMessages: "原始消息",
-    rawMessagesDescription: "检查主题消息。",
-    ROSDiagnosticsDetail: "诊断 - 详细信息（ROS）",
-    ROSDiagnosticsDetailDescription: "显示特定 hardware_id 的 ROS DiagnosticArray 消息。",
-    ROSDiagnosticSummary: "诊断 - 概要（ROS）",
-    ROSDiagnosticSummaryDescription: "显示所有 ROS DiagnosticArray 消息的摘要。",
-    stateTransitions: "状态转换",
-    stateTransitionsDescription: "跟踪值随时间变化的情况。",
-    tab: "选项卡",
-    tabDescription: "将面板分组在选项卡界面中。",
-    table: "表格",
-    tableDescription: "以表格格式显示主题消息。",
-    teleop: "远程操纵",
-    teleopDescription: "通过实时连接远程操纵机器人。",
-    topicGraph: "主题图",
-    topicGraphDescription: "显示活动节点、主题和服务的图形。",
-    userScripts: "用户脚本",
-    userScriptsDescription: "使用 TypeScript 编写自定义数据转换。以前称为 Node Playground。",
-    variableSlider: "变量滑块",
-    variableSliderDescription: "更新布局的数字变量值。",
-    settings: "设置",
-};
-
-// 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 panelSettings = {
-    currentSettingsPanelName: "{{title}}面板设置",
-    importOrExportSettings: "导入/导出设置",
-    importOrExportSettingsWithEllipsis: "导入/导出设置……",
-    loadingPanelSettings: "正在加载面板设置……",
-    panelDoesNotHaveSettings: "此面板没有任何设置",
-    panelName: "{{title}}面板",
-    panelSettings: "面板设置",
-    resetToDefaults: "重置为默认值",
-    selectAPanelToEditItsSettings: "选择一个面板来编辑其设置。",
-    unknown: "未知",
-};
-
-// 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 panelToolbar = {
-    changePanel: "更改面板",
-    fullscreen: "全屏",
-    more: "更多",
-    removePanel: "删除面板",
-    splitDown: "向下拆分",
-    splitRight: "向右拆分",
-};
-
-// 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 plot = {
-    accumulatedPath: "地址（累积）",
-    addSeries: "添加数据系列",
-    clickToAddASeries: "点击来添加数据系列",
-    color: "颜色",
-    currentPath: "地址（当前）",
-    deleteSeries: "删除数据系列",
-    floating: "浮动",
-    general: "通用",
-    headerStamp: "头时间戳",
-    hidden: "隐藏",
-    index: "索引",
-    label: "标签",
-    left: "左",
-    legend: "图例",
-    lineSize: "线宽",
-    max: "最大值",
-    maxXError: "X 的最大值必须大于 X 的最小值。",
-    maxYError: "Y 的最大值必须大于 Y 的最小值。",
-    messagePath: "消息地址",
-    min: "最小值",
-    position: "位置",
-    receiveTime: "接收时间",
-    secondsRange: "范围（秒）",
-    series: "数据系列",
-    showLabels: "显示标签",
-    showLine: "显示线条",
-    showValues: "显示值",
-    syncWithOtherPlots: "与其他图表同步",
-    timestamp: "时间戳",
-    top: "上",
-    value: "值",
-    xAxis: "X 轴",
-    yAxis: "Y 轴",
-    resetView: "重置视图",
-};
-
-// 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 problemsList = {
-    noDetailsProvided: "没有提供细节",
-    noProblemsFound: "没有发现问题",
-};
-
-// 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 settingsEditor = {
-    clearSearch: "清空搜索",
-    filterList: "过滤列表",
-    filterListHelp: "按照可见性过滤列表",
-    general: "通用",
-    hideAll: "隐藏全部",
-    labels: "标签",
-    listAll: "列出全部",
-    listInvisible: "列出不可见",
-    listVisible: "列出可见",
-    searchPanelSettings: "搜索面板设置……",
-    showAll: "显示全部",
-    title: "标题",
-};
-
-// 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 stateTransitions = {
-    max: "最大",
-    maxXError: "X 最大值必须大于 X 最小值。",
-    min: "最小",
-    secondsRange: "范围（秒）",
-    xAxis: "X 轴",
-};
-
-// 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 threeDee = {
-    // Common
-    color: "颜色",
-    colorMode: "颜色模式",
-    frame: "参考系",
-    lineWidth: "线宽",
-    position: "位置",
-    reset: "重置",
-    rotation: "旋转",
-    scale: "刻度",
-    gradient: "渐变",
-    type: "类型",
-    topic: "话题",
-    // Frame
-    age: "陈旧度",
-    axisScale: "轴比例",
-    displayFrame: "展示参考系",
-    displayFrameHelp: "放置相机用于显示坐标系。相机的位置和方向将相对于该坐标系的原点。",
-    editable: "可编辑",
-    enablePreloading: "启用预加载",
-    fixed: "固定",
-    followMode: "跟踪模式",
-    followModeHelp: "更改回放期间相机的行为，是否跟踪显示坐标系。",
-    frameNotFound: "未找到参考系 {{frameId}}",
-    hideAll: "隐藏全部",
-    historySize: "历史长度",
-    labels: "标签",
-    labelSize: "标签大小",
-    lineColor: "线颜色",
-    noCoordinateFramesFound: "未找到坐标系",
-    parent: "父变换",
-    pose: "姿态",
-    rotationOffset: "旋转偏移",
-    settings: "设置",
-    showAll: "显示全部",
-    transforms: "变换",
-    translation: "平移",
-    translationOffset: "平移偏移",
-    // Scene
-    background: "背景",
-    debugPicking: "调试拾取",
-    ignoreColladaUpAxis: "忽略 COLLADA 的 <up_axis>",
-    ignoreColladaUpAxisHelp: "通过忽略 COLLADA 文件中的 <up_axis> 标记，匹配 rviz 的行为",
-    labelScale: "标签比例",
-    labelScaleHelp: "应用于所有标签的比例因子",
-    meshUpAxis: "网格上轴",
-    meshUpAxisHelp: "加载缺少方向信息的网格（STL 和 OBJ）时使用的“上”方向",
-    renderStats: "渲染统计",
-    scene: "场景",
-    takeEffectAfterReboot: "此设置需要重新启动以生效",
-    YUp: "Y-up",
-    ZUp: "Z-up",
-    // Camera
-    distance: "距离",
-    far: "远面",
-    fovy: "Y轴视野",
-    near: "近面",
-    perspective: "透视",
-    phi: "方向角",
-    planarProjectionFactor: "平面投影因子",
-    syncCamera: "同步相机",
-    syncCameraHelp: "将相机与其他启用此设置的面板同步。",
-    target: "目标",
-    theta: "极角",
-    view: "视图",
-    // Topics
-    topics: "话题",
-    // Custom layers
-    addGrid: "添加网格",
-    addURDF: "添加 URDF",
-    customLayers: "自定义图层",
-    delete: "删除",
-    divisions: "划分",
-    grid: "网格",
-    size: "大小",
-    // Image annotations
-    imageAnnotations: "图像注释",
-    resetView: "重置视图",
-    // Images
-    cameraInfo: "相机信息",
-    // Occupancy Grids
-    colorModeCustom: "自定义",
-    colorModeRaw: "原始",
-    colorModeRvizCostmap: "Costmap",
-    colorModeRvizMap: "Map",
-    frameLock: "锁定参考系",
-    invalidColor: "无效值颜色",
-    maxColor: "最大值颜色",
-    minColor: "最小值颜色",
-    unknownColor: "未知值颜色",
-    // Point Extension Utils
-    decayTime: "衰减时间",
-    pointShape: "点形状",
-    pointShapeCircle: "圆形",
-    pointShapeSquare: "方形",
-    pointSize: "点大小",
-    decayTimeDefaultZeroSeconds: "0 秒",
-    // Color Mode
-    colorBy: "颜色映射值",
-    colorModeBgraPacked: "BGRA （堆积）",
-    colorModeBgrPacked: "BGR （堆积）",
-    colorModeColorMap: "色板",
-    colorModeFlat: "单色",
-    colorModeRgbaSeparateFields: "RGBA （独立字段）",
-    flatColor: "单色",
-    opacity: "透明度",
-    valueMax: "最大值",
-    valueMin: "最小值",
-    // Markers
-    selectionVariable: "选择变量",
-    selectionVariableHelp: "选择标记时，该全局变量将被设置为标记 ID",
-    showOutline: "展示轮廓",
-    // Poses
-    covariance: "协方差",
-    covarianceColor: "协方差颜色",
-    poseDisplayTypeArrow: "箭头",
-    poseDisplayTypeAxis: "轴",
-    poseDisplayTypeLine: "线",
-    // Publish
-    publish: "发布",
-    publishTopicHelp: "发布的主题",
-    publishTypeHelp: "在场景中点击时要发布的信息类型",
-    publishTypePoint: "点 (geometry_msgs/Point)",
-    publishTypePose: "姿态 (geometry_msgs/PoseStamped)",
-    publishTypePoseEstimate: "姿态估计 (geometry_msgs/PoseWithCovarianceStamped)",
-    thetaDeviation: "Theta 偏差",
-    thetaDeviationHelp: "与姿势估计值一起发布的 Theta 标准偏差",
-    xDeviation: "X 偏差",
-    xDeviationHelp: "与姿势估计值一起公布的 X 标准偏差",
-    yDeviation: "Y 偏差",
-    yDeviationHelp: "与姿势估计值一起发布的 Y 标准偏差",
-};
-
-const topicList = {
-    anErrorOccurred: "发生错误",
-    clearFilter: "清除筛选",
-    copyMessagePath: "复制消息路径",
-    copyMessagePaths: "复制所选的消息路径",
-    copySchemaName: "复制 schema 名称",
-    copyTopicName: "复制主题名称",
-    copyTopicNames: "复制所选的主题路径",
-    noDataSourceSelected: "未选择数据源",
-    noTopicsAvailable: "暂无主题。 ",
-    noTopicsOrDatatypesMatching: "没有匹配的主题或数据类型",
-    searchBarPlaceholder: "按主题或 schema 名称筛选……",
-    waitingForConnection: "等待连接",
-    waitingForData: "等待数据……",
-};
-
-// 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 workspace = {
-    events: "事件",
-    panel: "面板",
-    performance: "性能",
-    problems: "问题",
-    studioLogs: "日志",
-    topics: "话题",
-    variables: "变量",
-};
-
-// 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/
-
-var zh = /*#__PURE__*/Object.freeze({
   __proto__: null,
   addPanel: addPanel,
   appBar: appBar,
@@ -37035,7 +35809,6 @@ var zh = /*#__PURE__*/Object.freeze({
   panels: panels,
   plot: plot,
   problemsList: problemsList,
-  settingsEditor: settingsEditor,
   stateTransitions: stateTransitions,
   threeDee: threeDee,
   topicList: topicList,
@@ -37045,25 +35818,31 @@ var zh = /*#__PURE__*/Object.freeze({
 // 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 translations = { en, zh, ja };
+
+const translations = {
+  en
+};
 const defaultNS = "general";
 async function initI18n(options) {
-    const { context = "browser" } = options ?? {};
-    if (context === "browser") {
-        instance.use(initReactI18next);
-        instance.use(Browser);
-    }
-    await instance.init({
-        resources: translations,
-        detection: context === "browser"
-            ? { order: ["localStorage", "navigator"], caches: ["localStorage"] }
-            : undefined,
-        fallbackLng: "en",
-        defaultNS,
-        interpolation: {
-            escapeValue: false, // not needed for react as it escapes by default
-        },
-    });
+  const {
+    context = "browser"
+  } = options !== null && options !== void 0 ? options : {};
+  if (context === "browser") {
+    instance.use(initReactI18next);
+    instance.use(Browser);
+  }
+  await instance.init({
+    resources: translations,
+    detection: context === "browser" ? {
+      order: ["localStorage", "navigator"],
+      caches: ["localStorage"]
+    } : undefined,
+    fallbackLng: "en",
+    defaultNS,
+    interpolation: {
+      escapeValue: false
+    }
+  });
 }
 
 // This Source Code Form is subject to the terms of the Mozilla Public
@@ -37090,40 +35869,37 @@ const PanelLayout = ({
   }, children);
 };
 
-const useStyles = makeStyles()((theme) => ({
-    root: {
-        whiteSpace: "pre-line",
-        code: {
-            color: theme.palette.primary.main,
-            background: "transparent",
-            padding: 0,
-        },
-    },
-}));
-function EmptyState({ children, className, }) {
-    const { classes, cx } = useStyles();
-    return (jsx$2(Stack$2, { className: cx(classes.root, className), flex: "auto", alignItems: "center", justifyContent: "center", fullHeight: true, paddingX: 1, children: jsx$2(Typography, { variant: "body2", color: "text.secondary", lineHeight: 1.4, align: "center", children: children }) }));
-}
-
-class ErrorBoundary extends Component {
-    state = {
-        currentError: undefined,
-    };
-    componentDidCatch(error, errorInfo) {
-        reportError(new AppError(error, errorInfo));
-        this.setState({ currentError: { error, errorInfo } });
-    }
-    render() {
-        if (this.state.currentError) {
-            const actions = this.props.actions ?? (jsx$2(Stack$2, { fullHeight: true, flex: "auto", alignItems: "flex-end", justifyContent: "flex-end", direction: "row", children: jsx$2(Button$2, { variant: "outlined", color: "secondary", onClick: () => {
-                        this.setState({ currentError: undefined });
-                    }, children: "Dismiss" }) }));
-            return (jsx$2(ErrorDisplay, { showErrorDetails: this.props.showErrorDetails, hideErrorSourceLocations: this.props.hideErrorSourceLocations, error: this.state.currentError.error, errorInfo: this.state.currentError.errorInfo, content: jsxs(Typography, { children: ["Something went wrong.", " ", jsx$2(Link, { color: "inherit", onClick: () => {
-                                this.setState({ currentError: undefined });
-                            }, children: "Dismiss this error" }), " ", "to continue using the app. If the issue persists, try restarting the app."] }), actions: actions }));
-        }
-        return this.props.children;
+const useStyles = makeStyles()(theme => ({
+  root: {
+    whiteSpace: "pre-line",
+    code: {
+      color: theme.palette.primary.main,
+      background: "transparent",
+      padding: 0
     }
+  }
+}));
+function EmptyState({
+  children,
+  className
+}) {
+  const {
+    classes,
+    cx
+  } = useStyles();
+  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));
 }
 
 /**
@@ -37134,13 +35910,15 @@ class ErrorBoundary extends Component {
  * last resort nuclear option when you think that an entire subtree should be purged.
  */
 function RemountOnValueChange(props) {
-    // When the value changes, useCallback will create a new component by returning a new
-    // function instance. Since this is a completely new component it will remount its entire tree.
-    const Parent = useCallback(({ children }) => {
-        void props.value; // to suppress eslint complaining about the value in the deps list
-        return jsx$2(Fragment, { children: children });
-    }, [props.value]);
-    return jsx$2(Parent, { children: props.children });
+  // When the value changes, useCallback will create a new component by returning a new
+  // function instance. Since this is a completely new component it will remount its entire tree.
+  const Parent = useCallback(({
+    children
+  }) => {
+    void props.value; // to suppress eslint complaining about the value in the deps list
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  }, [props.value]);
+  return /*#__PURE__*/React__default.createElement(Parent, null, props.children);
 }
 
 var css$8 = "@layer reset, base, tokens, recipes, utilities;\n\n.fake-password-input {\n\t-webkit-text-security: disc;\n}\n";
@@ -89707,7 +88485,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-TMe-gZmH.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-CHf-lJzF.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -89718,7 +88496,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-Dmt7o837.js').then(m => m.cpp());
+            return import('./index-CgMz_5wT.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89726,7 +88504,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-Dmt7o837.js').then(m => m.cpp());
+            return import('./index-CgMz_5wT.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89746,7 +88524,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-2G7qU-Pv.js').then(m => m.go());
+            return import('./index-DAcYzvrJ.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89761,7 +88539,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-zwhb2kXc.js').then(m => m.java());
+            return import('./index-BdiTEPoM.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89776,7 +88554,7 @@ const languages = [
         name: "Jinja",
         extensions: ["j2", "jinja", "jinja2"],
         load() {
-            return import('./index-DxP5vLJB.js').then(m => m.jinja());
+            return import('./index-sWxE-73U.js').then(m => m.jinja());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89784,7 +88562,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DbzFfooa.js').then(m => m.json());
+            return import('./index-CoMM1e1J.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89798,14 +88576,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-DqwQs3lZ.js').then(m => m.less());
+            return import('./index-DR4oVDM5.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-Dqa0cme2.js').then(m => m.liquid());
+            return import('./index-BsX7x9hw.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89831,7 +88609,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-EV3As2dS.js').then(m => m.php());
+            return import('./index-DCFU-A6p.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89848,28 +88626,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-CQsVrKqv.js').then(m => m.python());
+            return import('./index-BY2rYySO.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-CSvBvTpC.js').then(m => m.rust());
+            return import('./index-CG7ft1qf.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-BBalrlYS.js').then(m => m.sass({ indented: true }));
+            return import('./index-CFMJPxKI.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-BBalrlYS.js').then(m => m.sass());
+            return import('./index-CFMJPxKI.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89900,7 +88678,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-CAj2s_yQ.js').then(m => m.wast());
+            return import('./index-DkZPJoOb.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89908,7 +88686,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-Demh7UGG.js').then(m => m.xml());
+            return import('./index-DjlVxjDm.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89916,7 +88694,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-DpD1Pyy-.js').then(m => m.yaml());
+            return import('./index-BkS-nZes.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -90705,13 +89483,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-BLwlM8wv.js').then(m => m.vue());
+            return import('./index-BJ3C9hps.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-B8xnGl1x.js').then(m => m.angular());
+            return import('./index-6fs6UYaN.js').then(m => m.angular());
         }
     })
 ];
@@ -175764,7 +174542,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Co7XRmuL.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-BPoTaoph.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -175841,24 +174619,25 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
 // 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: true,
-    phi: 89,
-    target: [0, 0, 0],
-    targetOffset: [0, 0, 0],
-    targetOrientation: [0, 1, 1, 1],
-    thetaOffset: 180,
-    fovy: 60,
-    near: 2,
-    far: 20000,
+  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
 };
 
 // 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 ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-PLxb-jpm.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CjLf14Be.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,
@@ -175967,4 +174746,4 @@ const PointCloudPanel = /*#__PURE__*/React__default.memo(function PointCloudPane
   }));
 });
 
-export { syntaxTree as $, AnalyticsContext as A, AppEvent as B, isDesktopApp as C, createTheme$1 as D, ErrorDisplay as E, propTypesExports as F, format as G, stringType as H, serializeError as I, stringify$3 as J, createIntl as K, createIntlCache as L, useAnalytics as M, indentNodeProp as N, continuedIndent as O, PropTypes as P, foldNodeProp as Q, styleTags as R, Stack$2 as S, tags$1 as T, LRLanguage as U, LanguageSupport as V, ExternalTokenizer as W, LRParser as X, ifNotIn as Y, completeFromList as Z, _objectWithoutPropertiesLoose$2 as _, makeStyles as a, LocalTokenGroup as a0, flatIndent as a1, delimitedIndent as a2, foldInside as a3, ContextTracker as a4, snippetCompletion as a5, IterMode as a6, NodeWeakMap as a7, EditorView as a8, EditorSelection as a9, html$6 as aa, parseMixed as ab, defineCSSCompletionSource as ac, bracketMatchingHandle as ad, javascriptLanguage as ae, VisualizerConnection as af, VisualizerContext as ag, PanelLayout as ah, ImagePanel as ai, PointCloudPanel as aj, constructKeyForTopicRenderMetrics as ak, globalInputEventMetricsManager as al, globalDecodeMetricsManager as am, globalRenderMetricsManager as an, globalThroughputMetricsManager as ao, FrameStore as ap, getIMUEventEmitter as aq, baseSet as b, createAggregator as c, usePanelCatalog as d, PanelContext as e, flatRest as f, generateUtilityClass as g, PanelCatalogContext as h, isEmpty as i, usePanelStateStore as j, difference as k, usePanelContext as l, murmur2 as m, useMessagePipeline as n, useDefaultPanelTitle as o, useHoverValue as p, useSetHoverValue as q, useClearHoverValue as r, useMessagePipelineGetter as s, usePanelSettingsTreeUpdate as t, useTranslation as u, v4$1 as v, PlayerCapabilities as w, assertNever as x, PlayerPresence as y, isEqual as z };
+export { ifNotIn as $, AnalyticsContext as A, isEqual as B, AppEvent as C, isDesktopApp as D, ErrorDisplay as E, createTheme$1 as F, propTypesExports as G, DEFAULT_CAMERA_STATE as H, format as I, stringType as J, serializeError as K, stringify$3 as L, createIntl as M, createIntlCache as N, useAnalytics as O, PropTypes as P, indentNodeProp as Q, continuedIndent as R, Stack$1 as S, foldNodeProp as T, styleTags as U, tags$1 as V, LRLanguage as W, LanguageSupport as X, ExternalTokenizer as Y, LRParser as Z, _objectWithoutPropertiesLoose$2 as _, makeStyles as a, completeFromList as a0, syntaxTree as a1, LocalTokenGroup as a2, flatIndent as a3, delimitedIndent as a4, foldInside as a5, ContextTracker as a6, snippetCompletion as a7, IterMode as a8, NodeWeakMap as a9, EditorView as aa, EditorSelection as ab, html$6 as ac, parseMixed as ad, defineCSSCompletionSource as ae, bracketMatchingHandle as af, javascriptLanguage as ag, VisualizerConnection as ah, VisualizerContext as ai, PanelLayout as aj, ImagePanel as ak, PointCloudPanel as al, constructKeyForTopicRenderMetrics as am, globalInputEventMetricsManager as an, globalDecodeMetricsManager as ao, globalRenderMetricsManager as ap, globalThroughputMetricsManager as aq, FrameStore as ar, getIMUEventEmitter as as, baseSet as b, createAggregator as c, usePanelCatalog as d, EmptyState as e, flatRest as f, generateUtilityClass as g, PanelContext as h, isEmpty as i, PanelCatalogContext as j, usePanelStateStore as k, difference as l, murmur2 as m, usePanelContext as n, useMessagePipeline as o, useDefaultPanelTitle as p, useHoverValue as q, useSetHoverValue as r, useClearHoverValue as s, useMessagePipelineGetter as t, useTranslation as u, v4$1 as v, usePanelSettingsTreeUpdate as w, PlayerCapabilities as x, assertNever as y, PlayerPresence as z };