@luxonis/visualizer-protobuf 2.68.6 → 2.68.8

package/dist/{deserialization.worker-DxP-12iK.js → deserialization.worker-DAmdYYfb.js}

@@ -816,21 +816,31 @@ function bgrxToI420(bgrx, width, height) {
   }
   return out;
 }
-function convertNv12ToI420(nv12Buffer, width, height) {
+function convertNv12ToI420(nv12Buffer, width, height, stride) {
+  const actualStride = stride ?? width;
   const ySize = width * height;
   const uvSize = ySize / 4;
   const i420Buffer = new Uint8Array(ySize + 2 * uvSize);
 
-  // Copy Y plane (it's the same in both formats)
-  i420Buffer.set(nv12Buffer.subarray(0, ySize));
+  // Copy Y plane row by row (accounting for stride)
+  for (let row = 0; row < height; row++) {
+    const srcOffset = row * actualStride;
+    const dstOffset = row * width;
+    i420Buffer.set(nv12Buffer.subarray(srcOffset, srcOffset + width), dstOffset);
+  }
   const uPlaneOffset = ySize;
   const vPlaneOffset = ySize + uvSize;
+  const uvHeight = height / 2;
+  const uvWidth = width / 2;
 
-  // De-interleave UV plane
-  for (let i = 0; i < uvSize; i++) {
-    const uvIndex = ySize + i * 2;
-    i420Buffer[uPlaneOffset + i] = nv12Buffer[uvIndex] ?? 0; // U
-    i420Buffer[vPlaneOffset + i] = nv12Buffer[uvIndex + 1] ?? 0; // V
+  // De-interleave UV plane row by row (accounting for stride)
+  for (let row = 0; row < uvHeight; row++) {
+    for (let col = 0; col < uvWidth; col++) {
+      const srcIndex = height * actualStride + row * actualStride + col * 2;
+      const dstIndex = row * uvWidth + col;
+      i420Buffer[uPlaneOffset + dstIndex] = nv12Buffer[srcIndex] ?? 0; // U
+      i420Buffer[vPlaneOffset + dstIndex] = nv12Buffer[srcIndex + 1] ?? 0; // V
+    }
   }
   return i420Buffer;
 }
@@ -853,7 +863,7 @@ function createVideoDecoder$1({
           {
             const nv12Buffer = new Uint8Array(frame.allocationSize());
             await frame.copyTo(nv12Buffer);
-            finalBuffer = convertNv12ToI420(nv12Buffer, frame.codedWidth, frame.codedHeight);
+            finalBuffer = convertNv12ToI420(nv12Buffer, frame.displayWidth, frame.displayHeight, frame.codedWidth);
             break;
           }
         case "RGBX":

package/dist/{index-CxQflRm0.js → index-1Mp2uiPR.js}

@@ -1,4 +1,4 @@
-import { U as indentNodeProp, V as continuedIndent, X as foldNodeProp, Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a1 as ExternalTokenizer, a2 as LRParser, a3 as ifNotIn, a4 as completeFromList, a5 as syntaxTree } from './index-5b5DlnDp.js';
+import { U as indentNodeProp, V as continuedIndent, X as foldNodeProp, Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a1 as ExternalTokenizer, a2 as LRParser, a3 as ifNotIn, a4 as completeFromList, a5 as syntaxTree } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-Clx56BVl.js → index-B8WI1K1N.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, ae as defineCSSCompletionSource, a0 as LanguageSupport, a2 as LRParser, a1 as ExternalTokenizer } from './index-5b5DlnDp.js';
+import { Y as styleTags, Z as tags, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, ae as defineCSSCompletionSource, a0 as LanguageSupport, a2 as LRParser, a1 as ExternalTokenizer } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

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

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-5b5DlnDp.js';
+import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-5b5DlnDp.js → index-BIIHWu1p.js}

@@ -26,7 +26,7 @@ import { defineGlobalStyles, defineTokens as defineTokens$1, defineKeyframes, de
 
 var e=[],t$1=[];function n$1(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t$1[u]={}),a=t$1[u]&&t$1[u][s]?t$1[u][s]:t$1[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css$b = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-700: oklch(0.373 0.034 259.733);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --font-weight-semibold: 600;\n    --radius-lg: 0.5rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentColor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .static {\n    position: static;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\[\\#d3d3d3d9\\] {\n    border-color: #d3d3d3d9;\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .text-\\[14px\\]\\/\\[14px\\] {\n    font-size: 14px;\n    line-height: 14px;\n  }\n  .text-\\[20px\\]\\/\\[20px\\] {\n    font-size: 20px;\n    line-height: 20px;\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .xl\\:flex-row {\n    @media (width >= 80rem) {\n      flex-direction: row;\n    }\n  }\n  .xl\\:items-end {\n    @media (width >= 80rem) {\n      align-items: flex-end;\n    }\n  }\n  .xl\\:pb-\\[2px\\] {\n    @media (width >= 80rem) {\n      padding-bottom: 2px;\n    }\n  }\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-outline-style: solid;\n    }\n  }\n}\n";
+var css$b = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-700: oklch(0.373 0.034 259.733);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --font-weight-semibold: 600;\n    --radius-lg: 0.5rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentColor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .static {\n    position: static;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-\\[60\\%\\%\\] {\n    max-width: 60%%;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\[\\#d3d3d3d9\\] {\n    border-color: #d3d3d3d9;\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .text-\\[14px\\]\\/\\[14px\\] {\n    font-size: 14px;\n    line-height: 14px;\n  }\n  .text-\\[20px\\]\\/\\[20px\\] {\n    font-size: 20px;\n    line-height: 20px;\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .xl\\:flex-row {\n    @media (width >= 80rem) {\n      flex-direction: row;\n    }\n  }\n  .xl\\:items-end {\n    @media (width >= 80rem) {\n      align-items: flex-end;\n    }\n  }\n  .xl\\:pb-\\[2px\\] {\n    @media (width >= 80rem) {\n      padding-bottom: 2px;\n    }\n  }\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-outline-style: solid;\n    }\n  }\n}\n";
 n$1(css$b,{});
 
 // This Source Code Form is subject to the terms of the Mozilla Public
@@ -799,7 +799,7 @@ class ConfigStore {
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
 function initWorker(callback) {
-  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-DxP-12iK.js", import.meta.url), {
+  const workerWrap = wrap$3(new Worker(new URL("deserialization.worker-DAmdYYfb.js", import.meta.url), {
     type: "module",
     name: `message-decoder`
   }));
@@ -87637,7 +87637,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-CxQflRm0.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-1Mp2uiPR.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -87648,7 +87648,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-ClaUzliw.js').then(m => m.cpp());
+            return import('./index-DuHl2uxK.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87656,7 +87656,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-ClaUzliw.js').then(m => m.cpp());
+            return import('./index-DuHl2uxK.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87676,7 +87676,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-DsRuKXXH.js').then(m => m.go());
+            return import('./index-C253OuSj.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87691,7 +87691,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-CF1qeWCH.js').then(m => m.java());
+            return import('./index-Dh8OYuxP.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87707,7 +87707,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-Dm-2Z0ly.js').then(m => m.json());
+            return import('./index-DQ-Y9h3D.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87721,14 +87721,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-Clx56BVl.js').then(m => m.less());
+            return import('./index-B8WI1K1N.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-CNrPETKn.js').then(m => m.liquid());
+            return import('./index-CPm4j5Ig.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87754,7 +87754,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-fYYimNJd.js').then(m => m.php());
+            return import('./index-DDTzdpi1.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87771,28 +87771,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-C160LZiW.js').then(m => m.python());
+            return import('./index-DHS5r_kP.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-bekfXYhw.js').then(m => m.rust());
+            return import('./index-BHkyh3c6.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-ndaPIspl.js').then(m => m.sass({ indented: true }));
+            return import('./index-BRYP3I3Y.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-ndaPIspl.js').then(m => m.sass());
+            return import('./index-BRYP3I3Y.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87823,7 +87823,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-CKVSvK9X.js').then(m => m.wast());
+            return import('./index-CoZiK0Iq.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87831,7 +87831,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-CEmQpnf1.js').then(m => m.xml());
+            return import('./index-CLKf126y.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -87839,7 +87839,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-9LekYe17.js').then(m => m.yaml());
+            return import('./index-Cq-AQ_3n.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -88635,13 +88635,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-CKcmaDlp.js').then(m => m.vue());
+            return import('./index-CuBKjTze.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-Tn5jZp5r.js').then(m => m.angular());
+            return import('./index-CYS8JdxE.js').then(m => m.angular());
         }
     })
 ];
@@ -167082,16 +167082,17 @@ const PanelToolbar = ({
     align: "center",
     justify: touchesBreakpoint ? "space-between" : "start",
     width: "full",
-    paddingY: "xs"
+    paddingY: "xs",
+    maxWidth: "full"
   }, /*#__PURE__*/React__default.createElement(Flex, {
     width: "fit",
     gap: "xxs",
-    className: "flex-col xl:flex-row items-start xl:items-end"
+    className: "flex-col xl:flex-row items-start xl:items-end max-w-[60%%]"
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
     content: resolution
   }, /*#__PURE__*/React__default.createElement(SubHeader, {
     text: name,
-    className: "whitespace-nowrap text-[20px]/[20px]"
+    className: "text-[20px]/[20px]"
   })), showResolution && resolution && /*#__PURE__*/React__default.createElement(Label$3, {
     text: `(${resolution})`,
     className: "text-[14px]/[14px] xl:pb-[2px]"
@@ -167125,7 +167126,7 @@ const PanelToolbar = ({
       e.preventDefault();
     },
     cursor: "help"
-  }, "Point Cloud Details")), !disableAnnotations && kind === "image" && /*#__PURE__*/React__default.createElement(DropdownMenuSub, null, /*#__PURE__*/React__default.createElement(DropdownMenuSubTrigger, {
+  }, "Point Cloud Details")), !disableAnnotations && kind === "image" && detections.length > 0 && /*#__PURE__*/React__default.createElement(DropdownMenuSub, null, /*#__PURE__*/React__default.createElement(DropdownMenuSubTrigger, {
     disabled: detections.length === 0,
     style: {
       opacity: detections.length === 0 ? 0.5 : 1
@@ -167367,7 +167368,7 @@ function createRenderDelaySampler() {
   };
 }
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CdBHTXXr.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CnIQYhNg.js'));
 const ImagePanelBody = ({
   topic,
   frameRenderedEvent,
@@ -167447,7 +167448,7 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
 
 const DEFAULT_CAMERA_STATE = {
   distance: -500,
-  perspective: true,
+  perspective: localStorage.getItem("perspective") ? localStorage.getItem("perspective") === "true" : true,
   phi: 89,
   target: [0, 0, 0],
   targetOffset: [0, 0, 0],
@@ -167462,7 +167463,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-Bxmz2JGo.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Dz5WEhSI.js'));
 const PointCloudPanelBody = ({
   topic,
   frameRenderedEvent,
@@ -167497,7 +167498,7 @@ const PointCloudPanelBody = ({
     },
     cameraState: {
       distance: DEFAULT_CAMERA_STATE.distance,
-      perspective: DEFAULT_CAMERA_STATE.perspective,
+      perspective: localStorage.getItem("perspective") ? localStorage.getItem("perspective") === "true" : DEFAULT_CAMERA_STATE.perspective,
       phi: 89,
       target: DEFAULT_CAMERA_STATE.target,
       targetOffset: DEFAULT_CAMERA_STATE.targetOffset,

package/dist/{index-ndaPIspl.js → index-BRYP3I3Y.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, X as foldNodeProp, a8 as foldInside, U as indentNodeProp, V as continuedIndent, ae as defineCSSCompletionSource, a0 as LanguageSupport } from './index-5b5DlnDp.js';
+import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, X as foldNodeProp, a8 as foldInside, U as indentNodeProp, V as continuedIndent, ae as defineCSSCompletionSource, a0 as LanguageSupport } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-DsRuKXXH.js → index-C253OuSj.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, aa as LocalTokenGroup, ab as snippetCompletion, a5 as syntaxTree, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, a3 as ifNotIn, a4 as completeFromList, ac as IterMode, ad as NodeWeakMap } from './index-5b5DlnDp.js';
+import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, aa as LocalTokenGroup, ab as snippetCompletion, a5 as syntaxTree, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, a3 as ifNotIn, a4 as completeFromList, ac as IterMode, ad as NodeWeakMap } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-CEmQpnf1.js → index-CLKf126y.js}

@@ -1,4 +1,4 @@
-import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, X as foldNodeProp, aj as bracketMatchingHandle, a0 as LanguageSupport, af as EditorView, a5 as syntaxTree, ag as EditorSelection } from './index-5b5DlnDp.js';
+import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, X as foldNodeProp, aj as bracketMatchingHandle, a0 as LanguageSupport, af as EditorView, a5 as syntaxTree, ag as EditorSelection } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-CNrPETKn.js → index-CPm4j5Ig.js}

@@ -1,4 +1,4 @@
-import { af as EditorView, ag as EditorSelection, $ as LRLanguage, Y as styleTags, Z as tags, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a0 as LanguageSupport, a2 as LRParser, a5 as syntaxTree, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-5b5DlnDp.js';
+import { af as EditorView, ag as EditorSelection, $ as LRLanguage, Y as styleTags, Z as tags, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a0 as LanguageSupport, a2 as LRParser, a5 as syntaxTree, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

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

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, ak as javascriptLanguage, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-5b5DlnDp.js';
+import { Y as styleTags, Z as tags, ak as javascriptLanguage, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, ah as html, ai as parseMixed, a1 as ExternalTokenizer } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-CdBHTXXr.js → index-CnIQYhNg.js}

@@ -1,4 +1,4 @@
-import { ImagePanel } from './index-Bxmz2JGo.js';
+import { ImagePanel } from './index-Dz5WEhSI.js';
 import 'react';
 import 'react-dom';
 import './depth-CFY2W_Vf.js';
@@ -9,7 +9,7 @@ import './protobuf-BFCtaU7c.js';
 import 'protobufjs/minimal';
 import '@mui/material';
 import './isArrayLikeObject-Bytw9p-q.js';
-import './index-5b5DlnDp.js';
+import './index-BIIHWu1p.js';
 import './utils-Hzt3wxhG.js';
 import './FoxgloveServer-h5m-pXp3.js';
 import 'ms';

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

@@ -1,4 +1,4 @@
-import { $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, Y as styleTags, Z as tags, a0 as LanguageSupport, a2 as LRParser } from './index-5b5DlnDp.js';
+import { $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, Y as styleTags, Z as tags, a0 as LanguageSupport, a2 as LRParser } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-9LekYe17.js → index-Cq-AQ_3n.js}

@@ -1,4 +1,4 @@
-import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ai as parseMixed } from './index-5b5DlnDp.js';
+import { a9 as ContextTracker, a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ai as parseMixed } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-CKcmaDlp.js → index-CuBKjTze.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, aa as LocalTokenGroup, ah as html, ai as parseMixed, ak as javascriptLanguage } from './index-5b5DlnDp.js';
+import { Y as styleTags, Z as tags, $ as LRLanguage, a0 as LanguageSupport, a2 as LRParser, aa as LocalTokenGroup, ah as html, ai as parseMixed, ak as javascriptLanguage } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

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

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, ah as html, a0 as LanguageSupport, ai as parseMixed } from './index-5b5DlnDp.js';
+import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, ah as html, a0 as LanguageSupport, ai as parseMixed } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-C160LZiW.js → index-DHS5r_kP.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, a5 as syntaxTree, a3 as ifNotIn, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ac as IterMode, a4 as completeFromList, ad as NodeWeakMap, ab as snippetCompletion } from './index-5b5DlnDp.js';
+import { a1 as ExternalTokenizer, a9 as ContextTracker, Y as styleTags, Z as tags, a2 as LRParser, a5 as syntaxTree, a3 as ifNotIn, $ as LRLanguage, U as indentNodeProp, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport, ac as IterMode, a4 as completeFromList, ad as NodeWeakMap, ab as snippetCompletion } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-Dm-2Z0ly.js → index-DQ-Y9h3D.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-5b5DlnDp.js';
+import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-CF1qeWCH.js → index-Dh8OYuxP.js}

@@ -1,4 +1,4 @@
-import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-5b5DlnDp.js';
+import { Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';

package/dist/{index-ClaUzliw.js → index-DuHl2uxK.js}

@@ -1,4 +1,4 @@
-import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-5b5DlnDp.js';
+import { a1 as ExternalTokenizer, Y as styleTags, Z as tags, a2 as LRParser, $ as LRLanguage, U as indentNodeProp, V as continuedIndent, a6 as flatIndent, a7 as delimitedIndent, X as foldNodeProp, a8 as foldInside, a0 as LanguageSupport } from './index-BIIHWu1p.js';
 import './depth-CFY2W_Vf.js';
 import './comlink-CsH1ih07.js';
 import 'react';