vim-web 0.5.0-dev.20 → 0.5.0-dev.22

package/dist/vim-web.iife.js

@@ -61575,80 +61575,72 @@ Averrage Date/Second ${avgDataRatePS} kb
     Ultra: index$7,
     Webgl: index$8
   }, Symbol.toStringTag, { value: "Module" }));
-  const sectionSelection = "controlBar.sectionSelection";
-  const sectionCamera = "controlBar.sectionCamera";
-  const sectionInputs = "controlBar.sectionInputs";
-  const sectionActions = "controlBar.sectionActions";
-  const sectionTools = "controlBar.sectionTools";
-  const sectionSettings = "controlBar.sectionSettings";
-  const sectionMeasure = "controlBar.sectionMeasure";
-  const sectionSectionBox = "controlBar.sectionSectionBox";
-  const buttonCameraFrameSelection = "controlBar.camera.frameSelection";
-  const buttonCameraFrameScene = "controlBar.camera.frameScene";
-  const buttonCameraAuto = "controlBar.camera.auto";
-  const buttonCameraOrbit = "controlBar.camera.orbit";
-  const buttonCameraLook = "controlBarcamera.look";
-  const buttonCameraPan = "controlBar.camera.pan";
-  const buttonCameraZoom = "controlBar.camera.zoom";
-  const buttonCameraZoomWindow = "controlBar.camera.zoomWindow";
-  const buttonProjectInspector = "controlBar.projectInspector";
-  const buttonSettings = "controlBar.settings";
-  const buttonHelp = "controlBar.help";
-  const buttonMaximize = "controlBar.maximize";
-  const buttonClearSelection = "controlBar.action.clearSelection";
-  const buttonShowAll = "controlBar.selection.showAll";
-  const buttonIsolateSelection = "controlBar.selection.isolate";
-  const buttonHideSelection = "controlBar.selection.hide";
-  const buttonShowSelection = "controlBar.selection.show";
-  const buttonAutoIsolate = "controlBar.selection.autoIsolate";
-  const buttonIsolationSettings = "controlBar.selection.isolationSettings";
-  const buttonRenderSettings = "controlBar.action.renderSettings";
-  const buttonSectionBox = "controlBar.sectionBox";
-  const buttonMeasure = "controlBar.measure";
-  const buttonSectionBoxEnable = "controlBar.sectionBox.enable";
-  const buttonSectionBoxVisible = "controlBar.sectionBox.visible";
-  const buttonSectionBoxToSelection = "controlBar.sectionBox.sectionSelection";
-  const buttonSectionBoxToScene = "controlBar.sectionBox.sectionScene";
-  const buttonSectionBoxAuto = "controlBar.sectionBox.auto";
-  const buttonSectionBoxSettings = "controlBar.sectionBox.settings";
+  const cameraSpan = "controlBar.cameraSpan";
+  const cameraFrameSelection = "controlBar.cameraFrameSelection";
+  const cameraFrameScene = "controlBar.cameraFrameScene";
+  const cameraAuto = "controlBar.cameraAuto";
+  const cursorSpan = "controlBar.cursorSpan";
+  const cursorOrbit = "controlBar.cursorOrbit";
+  const cursorLook = "controlBar.cursorLook";
+  const cursorPan = "controlBar.cursorPan";
+  const cursorZoom = "controlBar.cursorZoom";
+  const cursorZoomWindow = "controlBar.cursorZoomWindow";
+  const visibilitySpan = "controlBar.visibilitySpan";
+  const visibilityClearSelection = "controlBar.visibilityClearSelection";
+  const visibilityShowAll = "controlBar.visibilityShowAll";
+  const visibilityIsolateSelection = "controlBar.visibilityIsolateSelection";
+  const visibilityHideSelection = "controlBar.visibilityHideSelection";
+  const visibilityShowSelection = "controlBar.visibilityShowSelection";
+  const visibilityAutoIsolate = "controlBar.visibilityAutoIsolate";
+  const visibilitySettings = "controlBar.visibilitySettings";
+  const sectioningSpan = "controlBar.sectioningSpan";
+  const sectioningEnable = "controlBar.sectioningEnable";
+  const sectioningVisible = "controlBar.sectioningVisible";
+  const sectioningFitSelection = "controlBar.sectioningFitSelection";
+  const sectioningFitScene = "controlBar.sectioningFitScene";
+  const sectioningAuto = "controlBar.sectioningAuto";
+  const sectioningSettings = "controlBar.sectioningSettings";
+  const measureSpan = "controlBar.measureSpan";
+  const measureEnable = "controlBar.measureEnable";
+  const miscSpan = "controlBar.miscSpan";
+  const miscInspector = "controlBar.miscInspector";
+  const miscSettings = "controlBar.miscSettings";
+  const miscHelp = "controlBar.miscHelp";
+  const miscMaximize = "controlBar.miscMaximize";
   const controlBarIds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
-    buttonAutoIsolate,
-    buttonCameraAuto,
-    buttonCameraFrameScene,
-    buttonCameraFrameSelection,
-    buttonCameraLook,
-    buttonCameraOrbit,
-    buttonCameraPan,
-    buttonCameraZoom,
-    buttonCameraZoomWindow,
-    buttonClearSelection,
-    buttonHelp,
-    buttonHideSelection,
-    buttonIsolateSelection,
-    buttonIsolationSettings,
-    buttonMaximize,
-    buttonMeasure,
-    buttonProjectInspector,
-    buttonRenderSettings,
-    buttonSectionBox,
-    buttonSectionBoxAuto,
-    buttonSectionBoxEnable,
-    buttonSectionBoxSettings,
-    buttonSectionBoxToScene,
-    buttonSectionBoxToSelection,
-    buttonSectionBoxVisible,
-    buttonSettings,
-    buttonShowAll,
-    buttonShowSelection,
-    sectionActions,
-    sectionCamera,
-    sectionInputs,
-    sectionMeasure,
-    sectionSectionBox,
-    sectionSelection,
-    sectionSettings,
-    sectionTools
+    cameraAuto,
+    cameraFrameScene,
+    cameraFrameSelection,
+    cameraSpan,
+    cursorLook,
+    cursorOrbit,
+    cursorPan,
+    cursorSpan,
+    cursorZoom,
+    cursorZoomWindow,
+    measureEnable,
+    measureSpan,
+    miscHelp,
+    miscInspector,
+    miscMaximize,
+    miscSettings,
+    miscSpan,
+    sectioningAuto,
+    sectioningEnable,
+    sectioningFitScene,
+    sectioningFitSelection,
+    sectioningSettings,
+    sectioningSpan,
+    sectioningVisible,
+    visibilityAutoIsolate,
+    visibilityClearSelection,
+    visibilityHideSelection,
+    visibilityIsolateSelection,
+    visibilitySettings,
+    visibilityShowAll,
+    visibilityShowSelection,
+    visibilitySpan
   }, Symbol.toStringTag, { value: "Module" }));
   const baseSectionStyle = "vc-flex vc-items-center vc-rounded-full vc-mb-2 vc-shadow-md";
   const sectionDefaultStyle = baseSectionStyle + " vc-bg-white";
@@ -67330,7 +67322,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     return value.some(isTrue) ? element : null;
   }
   function anyUiAxesButton(settings2) {
-    return settings2.ui.orthographic || settings2.ui.resetCamera;
+    return settings2.ui.axesOrthographic || settings2.ui.axesHome;
   }
   const AxesPanelMemo = React2.memo(AxesPanel);
   function AxesPanel(props) {
@@ -67390,15 +67382,15 @@ Averrage Date/Second ${avgDataRatePS} kb
         children: ortho ? /* @__PURE__ */ jsxRuntimeExports.jsx(orthographic, { height: 20, width: 20, fill: "currentColor" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(perspective, { height: 20, width: 20, fill: "currentColor" })
       }
     );
-    const hidden2 = isTrue(props.settings.value.ui.axesPanel) ? "" : " vc-hidden";
+    const hidden2 = isTrue(props.settings.value.ui.panelAxes) ? "" : " vc-hidden";
     const empty2 = !anyUiAxesButton(props.settings.value);
     const createBar = () => {
       if (empty2) return null;
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vim-axes-panel-bar vc-absolute vc-top-[75%] vc-bottom-0 vc-right-0 vc-left-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-axes-panel-buttons vc-absolute vc-inset-0 vc-pointer-events-auto vc-order-2 vc-flex vc-items-center vc-justify-evenly vc-bg-white", children: [
         whenAllTrue([
-          props.settings.value.ui.orthographic
+          props.settings.value.ui.axesOrthographic
         ], btnOrtho),
-        whenTrue(props.settings.value.ui.resetCamera, btnHome)
+        whenTrue(props.settings.value.ui.axesHome, btnHome)
       ] }) });
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -67628,12 +67620,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   const Ids$2 = controlBarIds;
   function controlBarSectionBox(section, hasSelection, settings2) {
     return {
-      id: Ids$2.sectionSectionBox,
+      id: Ids$2.sectioningSpan,
       style: section.enable.get() ? Style.sectionNoPadStyle : Style.sectionDefaultStyle,
       //enable: () => section.getEnable(),
       buttons: [
         {
-          id: Ids$2.buttonSectionBoxEnable,
+          id: Ids$2.sectioningEnable,
           enabled: () => isTrue(settings2.sectioningEnable),
           tip: "Enable Section Box",
           isOn: () => section.enable.get(),
@@ -67642,7 +67634,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBox
         },
         {
-          id: Ids$2.buttonSectionBoxToSelection,
+          id: Ids$2.sectioningFitSelection,
           tip: "Fit Section",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningFitToSelection),
           isOn: () => hasSelection,
@@ -67651,7 +67643,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBoxShrink
         },
         {
-          id: Ids$2.buttonSectionBoxToScene,
+          id: Ids$2.sectioningFitScene,
           tip: "Reset Section",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningReset),
           style: (on) => Style.buttonDefaultStyle(on),
@@ -67659,7 +67651,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBoxReset
         },
         {
-          id: Ids$2.buttonSectionBoxVisible,
+          id: Ids$2.sectioningVisible,
           tip: "Show Section Box",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningShow),
           isOn: () => section.visible.get(),
@@ -67668,7 +67660,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: visible
         },
         {
-          id: Ids$2.buttonSectionBoxAuto,
+          id: Ids$2.sectioningAuto,
           tip: "Auto Section",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningAuto),
           isOn: () => section.auto.get(),
@@ -67677,7 +67669,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBoxAuto
         },
         {
-          id: Ids$2.buttonSectionBoxSettings,
+          id: Ids$2.sectioningSettings,
           tip: "Section Settings",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningSettings),
           isOn: () => section.showOffsetPanel.get(),
@@ -67691,12 +67683,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   function controlBarPointer(viewer, camera2, settings2, section) {
     const pointer2 = getPointerState(viewer);
     return {
-      id: Ids$2.sectionInputs,
+      id: Ids$2.cursorSpan,
       enable: () => anyUiCursorButton(settings2),
       style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonCameraOrbit,
+          id: Ids$2.cursorOrbit,
           enabled: () => isTrue(settings2.cursorOrbit),
           tip: "Orbit",
           action: () => pointer2.onButton(PointerMode$1.ORBIT),
@@ -67705,7 +67697,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonCameraLook,
+          id: Ids$2.cursorLook,
           enabled: () => isTrue(settings2.cursorLookAround),
           tip: "Look Around",
           action: () => pointer2.onButton(PointerMode$1.LOOK),
@@ -67714,7 +67706,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonCameraPan,
+          id: Ids$2.cursorPan,
           enabled: () => isTrue(settings2.cursorPan),
           tip: "Pan",
           action: () => pointer2.onButton(PointerMode$1.PAN),
@@ -67723,7 +67715,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonCameraZoom,
+          id: Ids$2.cursorZoom,
           enabled: () => isTrue(settings2.cursorZoom),
           tip: "Zoom",
           action: () => pointer2.onButton(PointerMode$1.ZOOM),
@@ -67736,12 +67728,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function controlBarMeasure(measure$1, settings2) {
     return {
-      id: Ids$2.sectionActions,
+      id: Ids$2.measureSpan,
       enable: () => true,
       style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonMeasure,
+          id: Ids$2.measureEnable,
           enabled: () => isTrue(settings2.measureEnable),
           isOn: () => measure$1.active,
           tip: "Measuring Mode",
@@ -67752,40 +67744,48 @@ Averrage Date/Second ${avgDataRatePS} kb
       ]
     };
   }
-  function controlBarSettingsUltra(side, settings$1) {
+  function controlBarMiscUltra(side, settings$1) {
     return {
-      id: Ids$2.sectionSettings,
-      enable: () => isTrue(settings$1.ui.settings),
+      id: Ids$2.miscSpan,
+      enable: () => isTrue(settings$1.ui.miscSettings),
       style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonSettings,
-          enabled: () => isTrue(settings$1.ui.settings),
+          id: Ids$2.miscSettings,
+          enabled: () => isTrue(settings$1.ui.miscSettings),
           tip: "Settings",
           action: () => side.toggleContent("settings"),
           icon: settings,
           style: Style.buttonDefaultStyle
+        },
+        {
+          id: Ids$2.miscHelp,
+          enabled: () => isTrue(settings$1.ui.miscHelp),
+          tip: "Help",
+          action: () => side.toggleContent("settings"),
+          icon: settings,
+          style: Style.buttonDefaultStyle
         }
       ]
     };
   }
-  function controlBarSettings(modal, side, settings$1) {
+  function controlBarMisc(modal, side, settings$1) {
     const fullScreen = getFullScreenState();
     return {
-      id: Ids$2.sectionSettings,
+      id: Ids$2.miscSpan,
       enable: () => anyUiSettingButton(settings$1),
       style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonProjectInspector,
-          enabled: () => isTrue(settings$1.ui.miscProjectInspector) && (isTrue(settings$1.ui.bimTreePanel) || isTrue(settings$1.ui.bimInfoPanel)),
+          id: Ids$2.miscInspector,
+          enabled: () => isTrue(settings$1.ui.miscProjectInspector) && (isTrue(settings$1.ui.panelBimTree) || isTrue(settings$1.ui.panelBimInfo)),
           tip: "Project Inspector",
           action: () => side.toggleContent("bim"),
           icon: treeView,
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonSettings,
+          id: Ids$2.miscSettings,
           enabled: () => isTrue(settings$1.ui.miscSettings),
           tip: "Settings",
           action: () => side.toggleContent("settings"),
@@ -67793,7 +67793,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonHelp,
+          id: Ids$2.miscHelp,
           enabled: () => isTrue(settings$1.ui.miscHelp),
           tip: "Help",
           action: () => modal.help(true),
@@ -67801,7 +67801,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonMaximize,
+          id: Ids$2.miscMaximize,
           enabled: () => isTrue(settings$1.ui.miscMaximise) && settings$1.capacity.canGoFullScreen,
           tip: fullScreen.get() ? "Minimize" : "Fullscreen",
           action: () => fullScreen.toggle(),
@@ -67813,12 +67813,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function controlBarCamera(camera2, settings2) {
     return {
-      id: Ids$2.sectionCamera,
+      id: Ids$2.cameraSpan,
       enable: () => true,
       style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonCameraAuto,
+          id: Ids$2.cameraAuto,
           enabled: () => isTrue(settings2.cameraAuto),
           tip: "Auto Camera",
           isOn: () => camera2.autoCamera.get(),
@@ -67827,7 +67827,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonCameraFrameSelection,
+          id: Ids$2.cameraFrameSelection,
           enabled: () => isTrue(settings2.cameraFrameSelection),
           tip: "Frame Selection",
           action: () => camera2.frameSelection.call(),
@@ -67836,7 +67836,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDefaultStyle
         },
         {
-          id: Ids$2.buttonCameraFrameScene,
+          id: Ids$2.cameraFrameScene,
           enabled: () => isTrue(settings2.cameraFrameScene),
           tip: "Frame All",
           action: () => camera2.frameScene.call(),
@@ -67851,12 +67851,12 @@ Averrage Date/Second ${avgDataRatePS} kb
     const adapter = isolation.adapter.current;
     const someVisible = adapter.hasVisibleSelection() || !adapter.hasHiddenSelection();
     return {
-      id: Ids$2.sectionSelection,
+      id: Ids$2.visibilitySpan,
       enable: () => true,
       style: `${Style.sectionDefaultStyle}`,
       buttons: [
         {
-          id: Ids$2.buttonClearSelection,
+          id: Ids$2.visibilityClearSelection,
           enabled: () => isTrue(settings2.visibilityClearSelection),
           tip: "Clear Selection",
           action: () => adapter.clearSelection(),
@@ -67865,7 +67865,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDisableDefaultStyle
         },
         {
-          id: Ids$2.buttonShowAll,
+          id: Ids$2.visibilityShowAll,
           tip: "Show All",
           enabled: () => isTrue(settings2.visibilityShowAll),
           action: () => adapter.showAll(),
@@ -67874,7 +67874,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDisableStyle
         },
         {
-          id: Ids$2.buttonHideSelection,
+          id: Ids$2.visibilityHideSelection,
           enabled: () => someVisible && isTrue(settings2.visibilityToggle),
           tip: "Hide Selection",
           action: () => adapter.hideSelection(),
@@ -67883,7 +67883,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDisableStyle
         },
         {
-          id: Ids$2.buttonShowSelection,
+          id: Ids$2.visibilityShowSelection,
           enabled: () => !someVisible && isTrue(settings2.visibilityToggle),
           tip: "Show Selection",
           action: () => adapter.showSelection(),
@@ -67892,7 +67892,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDisableStyle
         },
         {
-          id: Ids$2.buttonIsolateSelection,
+          id: Ids$2.visibilityIsolateSelection,
           enabled: () => isTrue(settings2.visibilityIsolate),
           tip: "Isolate Selection",
           action: () => adapter.isolateSelection(),
@@ -67901,7 +67901,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: Style.buttonDisableStyle
         },
         {
-          id: Ids$2.buttonAutoIsolate,
+          id: Ids$2.visibilityAutoIsolate,
           enabled: () => isTrue(settings2.visibilityAutoIsolate),
           tip: "Auto Isolate",
           action: () => isolation.autoIsolate.set(!isolation.autoIsolate.get()),
@@ -67909,7 +67909,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: autoIsolate
         },
         {
-          id: Ids$2.buttonIsolationSettings,
+          id: Ids$2.visibilitySettings,
           enabled: () => isTrue(settings2.visibilitySettings),
           tip: "Isolation Settings",
           action: () => isolation.showPanel.set(!isolation.showPanel.get()),
@@ -67927,7 +67927,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       controlBarVisibility(isolationRef, settings2.ui),
       controlBarMeasure(measure2, settings2.ui),
       controlBarSectionBox(section, viewer.selection.any(), settings2.ui),
-      controlBarSettings(modal, side, settings2)
+      controlBarMisc(modal, side, settings2)
     ];
     controlBarSections = (customization == null ? void 0 : customization(controlBarSections)) ?? controlBarSections;
     return controlBarSections;
@@ -73042,8 +73042,8 @@ Averrage Date/Second ${avgDataRatePS} kb
   function OptionalBimPanel(props) {
     return whenSomeTrue(
       [
-        props.settings.ui.bimTreePanel,
-        props.settings.ui.bimInfoPanel
+        props.settings.ui.panelBimTree,
+        props.settings.ui.panelBimInfo
       ],
       React2.createElement(BimPanel, props)
     );
@@ -73056,11 +73056,11 @@ Averrage Date/Second ${avgDataRatePS} kb
     }, [props.viewerState.vim.get(), props.viewerState.elements.get()]);
     const selection = props.viewerState.selection.get();
     const last = selection[selection.length - 1];
-    const fullTree = isFalse(props.settings.ui.bimInfoPanel);
-    const fullInfo = isFalse(props.settings.ui.bimTreePanel);
+    const fullTree = isFalse(props.settings.ui.panelBimInfo);
+    const fullInfo = isFalse(props.settings.ui.panelBimTree);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `vim-bim-panel vc-inset-0 vc-absolute vc-h-full vc-w-full ${fullTree ? "full-tree" : ""} ${props.visible ? "" : "vc-hidden"}`, children: [
       whenTrue(
-        props.settings.ui.bimTreePanel,
+        props.settings.ui.panelBimTree,
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `vim-bim-upper vc-flex vc-flex-col vc-absolute vc-w-full ${fullTree ? "vc-h-full" : "vc-h-[49%]"} `, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "h2",
@@ -73094,21 +73094,21 @@ Averrage Date/Second ${avgDataRatePS} kb
       // Divider if needed.
       whenAllTrue(
         [
-          props.settings.ui.bimTreePanel,
-          props.settings.ui.bimInfoPanel,
+          props.settings.ui.panelBimTree,
+          props.settings.ui.panelBimInfo,
           ((_b2 = props.viewerState.elements.get()) == null ? void 0 : _b2.length) > 0
         ],
         divider$1()
       ),
       whenTrue(
-        props.settings.ui.bimInfoPanel,
+        props.settings.ui.panelBimInfo,
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-bim-lower-container vc-absolute ${fullInfo ? "vc-top-0" : "vc-top-[50%]"} vc-bottom-0 vc-bottom vc-left-0 vc-right-0`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           BimInfoPanel,
           {
             object: last,
             vim: props.viewerState.vim.get(),
             elements: props.viewerState.elements.get(),
-            full: isFalse(props.settings.ui.bimTreePanel),
+            full: isFalse(props.settings.ui.panelBimTree),
             bimInfoRef: props.bimInfoRef
           }
         ) })
@@ -75597,7 +75597,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       adapter.setVisible(false);
       adapter.setClip(false);
       return adapter.onSelectionChanged.sub(() => {
-        if (auto.get() && enable.get()) sectionSelection2.call();
+        if (auto.get() && enable.get()) sectionSelection.call();
       });
     }, []);
     enable.useOnChange((v) => {
@@ -75605,7 +75605,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       visible2.set(v);
       showOffsetPanel.set(false);
       if (v && auto.get()) {
-        sectionSelection2.call();
+        sectionSelection.call();
       } else {
         sectionScene.call();
       }
@@ -75616,7 +75616,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     sideOffset.useOnChange((v) => sectionBox2.call(boxRef.current));
     bottomOffset.useOnChange((v) => sectionBox2.call(boxRef.current));
     auto.useOnChange((v) => {
-      if (v) sectionSelection2.call();
+      if (v) sectionSelection.call();
     });
     visible2.useOnChange((v) => adapter.setVisible(v));
     const sectionBox2 = useArgActionRef((box) => {
@@ -75626,7 +75626,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       const newBox = addBox(box, offsetsToBox3_(topOffset.get(), sideOffset.get(), bottomOffset.get()));
       adapter.setBox(newBox);
     });
-    const sectionSelection2 = useFuncRef(async () => {
+    const sectionSelection = useFuncRef(async () => {
       const id2 = requestId.current;
       const box = await getSelectionBox.call() ?? await getSceneBox.call();
       if (requestId.current !== id2) return;
@@ -75646,7 +75646,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       topOffset,
       sideOffset,
       bottomOffset,
-      sectionSelection: sectionSelection2,
+      sectionSelection,
       sectionScene,
       sectionBox: sectionBox2,
       getBox: () => adapter.getBox(),
@@ -75967,16 +75967,14 @@ Averrage Date/Second ${avgDataRatePS} kb
         canReadLocalStorage: true
       },
       ui: {
-        logo: true,
-        performance: false,
-        bimTreePanel: true,
-        bimInfoPanel: true,
-        // axesPanel
-        axesPanel: true,
-        orthographic: true,
-        resetCamera: true,
-        // Control bar
-        controlBar: true,
+        panelLogo: true,
+        panelPerformance: false,
+        panelBimTree: true,
+        panelBimInfo: true,
+        panelAxes: true,
+        panelControlBar: true,
+        axesOrthographic: true,
+        axesHome: true,
         // Control bar - cursors
         cursorOrbit: true,
         cursorLookAround: true,
@@ -76182,11 +76180,11 @@ Averrage Date/Second ${avgDataRatePS} kb
   __publicField(SettingsPanelKeys, "ControlBarVisibilityAutoIsolate", "controlBar.visibility.autoIsolate");
   __publicField(SettingsPanelKeys, "ControlBarVisibilitySettings", "controlBar.visibility.settings");
   // --- Control Bar - Settings ---
-  __publicField(SettingsPanelKeys, "ControlBarSettingsSubtitle", "controlBarSettings");
-  __publicField(SettingsPanelKeys, "ControlBarSettingsShowProjectInspectorButtonToggle", "projectInspector");
-  __publicField(SettingsPanelKeys, "ControlBarSettingsShowSettingsButtonToggle", "settingsButton");
-  __publicField(SettingsPanelKeys, "ControlBarSettingsShowHelpButtonToggle", "help");
-  __publicField(SettingsPanelKeys, "ControlBarSettingsShowMaximiseButtonToggle", "maximise");
+  __publicField(SettingsPanelKeys, "ControlBarMiscSubtitle", "controlBarSettings");
+  __publicField(SettingsPanelKeys, "ControlBarMiscShowProjectInspectorButtonToggle", "projectInspector");
+  __publicField(SettingsPanelKeys, "ControlBarMiscShowSettingsButtonToggle", "settingsButton");
+  __publicField(SettingsPanelKeys, "ControlBarMiscShowHelpButtonToggle", "help");
+  __publicField(SettingsPanelKeys, "ControlBarMiscShowMaximiseButtonToggle", "maximise");
   function getControlBarCursorSettings() {
     return [
       {
@@ -76360,33 +76358,33 @@ Averrage Date/Second ${avgDataRatePS} kb
     return [
       {
         type: "subtitle",
-        key: SettingsPanelKeys.ControlBarSettingsSubtitle,
+        key: SettingsPanelKeys.ControlBarMiscSubtitle,
         title: "Control Bar - Settings"
       },
       {
         type: "toggle",
-        key: SettingsPanelKeys.ControlBarSettingsShowProjectInspectorButtonToggle,
+        key: SettingsPanelKeys.ControlBarMiscShowProjectInspectorButtonToggle,
         label: "Project Inspector",
         getter: (s) => s.ui.miscProjectInspector,
         setter: (s, v) => s.ui.miscProjectInspector = v
       },
       {
         type: "toggle",
-        key: SettingsPanelKeys.ControlBarSettingsShowSettingsButtonToggle,
+        key: SettingsPanelKeys.ControlBarMiscShowSettingsButtonToggle,
         label: "Settings",
         getter: (s) => s.ui.miscSettings,
         setter: (s, v) => s.ui.miscSettings = v
       },
       {
         type: "toggle",
-        key: SettingsPanelKeys.ControlBarSettingsShowHelpButtonToggle,
+        key: SettingsPanelKeys.ControlBarMiscShowHelpButtonToggle,
         label: "Help",
         getter: (s) => s.ui.miscHelp,
         setter: (s, v) => s.ui.miscHelp = v
       },
       {
         type: "toggle",
-        key: SettingsPanelKeys.ControlBarSettingsShowMaximiseButtonToggle,
+        key: SettingsPanelKeys.ControlBarMiscShowMaximiseButtonToggle,
         label: "Maximise",
         getter: (s) => s.ui.miscMaximise,
         setter: (s, v) => s.ui.miscMaximise = v
@@ -76404,43 +76402,43 @@ Averrage Date/Second ${avgDataRatePS} kb
         type: "toggle",
         key: SettingsPanelKeys.PanelsShowLogoToggle,
         label: "Logo",
-        getter: (s) => s.ui.logo,
-        setter: (s, v) => s.ui.logo = v
+        getter: (s) => s.ui.panelLogo,
+        setter: (s, v) => s.ui.panelLogo = v
       },
       {
         type: "toggle",
         key: SettingsPanelKeys.PanelsShowBimTreeToggle,
         label: "Bim Tree",
-        getter: (s) => s.ui.bimTreePanel,
-        setter: (s, v) => s.ui.bimTreePanel = v
+        getter: (s) => s.ui.panelBimTree,
+        setter: (s, v) => s.ui.panelBimTree = v
       },
       {
         type: "toggle",
         key: SettingsPanelKeys.PanelsShowBimInfoToggle,
         label: "Bim Info",
-        getter: (s) => s.ui.bimInfoPanel,
-        setter: (s, v) => s.ui.bimInfoPanel = v
+        getter: (s) => s.ui.panelBimInfo,
+        setter: (s, v) => s.ui.panelBimInfo = v
       },
       {
         type: "toggle",
         key: SettingsPanelKeys.PanelsShowAxesPanelToggle,
         label: "Axes",
-        getter: (s) => s.ui.axesPanel,
-        setter: (s, v) => s.ui.axesPanel = v
+        getter: (s) => s.ui.panelAxes,
+        setter: (s, v) => s.ui.panelAxes = v
       },
       {
         type: "toggle",
         key: SettingsPanelKeys.PanelsShowPerformancePanelToggle,
         label: "Performance",
-        getter: (s) => s.ui.performance,
-        setter: (s, v) => s.ui.performance = v
+        getter: (s) => s.ui.panelPerformance,
+        setter: (s, v) => s.ui.panelPerformance = v
       },
       {
         type: "toggle",
         key: SettingsPanelKeys.ControlBarShowControlBarToggle,
         label: "Control Bar",
-        getter: (s) => s.ui.controlBar,
-        setter: (s, v) => s.ui.controlBar = v
+        getter: (s) => s.ui.panelControlBar,
+        setter: (s, v) => s.ui.panelControlBar = v
       }
     ];
   }
@@ -76475,15 +76473,15 @@ Averrage Date/Second ${avgDataRatePS} kb
         type: "toggle",
         key: SettingsPanelKeys.AxesShowOrthographicButtonToggle,
         label: "Orthographic Camera",
-        getter: (s) => s.ui.orthographic,
-        setter: (s, v) => s.ui.orthographic = v
+        getter: (s) => s.ui.axesOrthographic,
+        setter: (s, v) => s.ui.axesOrthographic = v
       },
       {
         type: "toggle",
         key: SettingsPanelKeys.AxesShowResetCameraButtonToggle,
         label: "Reset Camera",
-        getter: (s) => s.ui.resetCamera,
-        setter: (s, v) => s.ui.resetCamera = v
+        getter: (s) => s.ui.axesHome,
+        setter: (s, v) => s.ui.axesHome = v
       }
     ];
   }
@@ -76519,7 +76517,7 @@ Averrage Date/Second ${avgDataRatePS} kb
   function applyWebglSettings(settings2) {
     const performance2 = document.getElementsByClassName("vim-performance-div")[0];
     if (performance2) {
-      if (isTrue(settings2.ui.performance)) {
+      if (isTrue(settings2.ui.panelPerformance)) {
         performance2.classList.remove("vc-hidden");
       } else {
         performance2.classList.add("vc-hidden");
@@ -76566,7 +76564,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     const loader = React2.useRef(new ComponentLoader(props.viewer, modal, settings2.value));
     useViewerInput(props.viewer.inputs, camera2);
     const side = useSideState(
-      isTrue(settings2.value.ui.bimTreePanel) || isTrue(settings2.value.ui.bimInfoPanel),
+      isTrue(settings2.value.ui.panelBimTree) || isTrue(settings2.value.ui.panelBimInfo),
       Math.min(props.container.root.clientWidth * 0.25, 340)
     );
     const [contextMenu2, setcontextMenu] = React2.useState();
@@ -76675,12 +76673,12 @@ Averrage Date/Second ${avgDataRatePS} kb
       /* @__PURE__ */ jsxRuntimeExports.jsx(RestOfScreen, { side, content: () => {
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { canvas: props.viewer.viewport.canvas }),
-          whenTrue(settings2.value.ui.logo, /* @__PURE__ */ jsxRuntimeExports.jsx(LogoMemo, {})),
+          whenTrue(settings2.value.ui.panelLogo, /* @__PURE__ */ jsxRuntimeExports.jsx(LogoMemo, {})),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ControlBar,
             {
               content: controlBar,
-              show: isTrue(settings2.value.ui.controlBar)
+              show: isTrue(settings2.value.ui.panelControlBar)
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel$1, { ref: sectionBoxPanelHandle, state: sectionBoxRef }),
@@ -76795,7 +76793,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       controlBarCamera(camera2, settings2.ui),
       controlBarVisibility(isolation, settings2.ui),
       controlBarSectionBox(section, viewer.selection.any(), settings2.ui),
-      controlBarSettingsUltra(side, settings2)
+      controlBarMiscUltra(side, settings2)
     ];
     bar = (customization == null ? void 0 : customization(bar)) ?? bar;
     return bar;
@@ -76947,6 +76945,9 @@ Averrage Date/Second ${avgDataRatePS} kb
   function getDefaultUltraSettings() {
     return {
       ui: {
+        // panels
+        panelLogo: true,
+        panelControlBar: true,
         // Control bar - cursors
         cursorOrbit: true,
         cursorLookAround: true,
@@ -76970,7 +76971,9 @@ Averrage Date/Second ${avgDataRatePS} kb
         visibilityIsolate: true,
         visibilityAutoIsolate: true,
         visibilitySettings: true,
-        settings: true
+        // Control bar - misc
+        miscSettings: true,
+        miscHelp: true
       }
     };
   }
@@ -76978,15 +76981,22 @@ Averrage Date/Second ${avgDataRatePS} kb
     return [
       {
         type: "subtitle",
-        key: SettingsPanelKeys.ControlBarSettingsSubtitle,
+        key: SettingsPanelKeys.ControlBarMiscSubtitle,
         title: "Control Bar - Settings"
       },
       {
         type: "toggle",
-        key: SettingsPanelKeys.ControlBarSettingsShowSettingsButtonToggle,
+        key: SettingsPanelKeys.ControlBarMiscShowSettingsButtonToggle,
         label: "Settings",
-        getter: (s) => s.ui.settings,
-        setter: (s, v) => s.ui.settings = v
+        getter: (s) => s.ui.miscSettings,
+        setter: (s, v) => s.ui.miscSettings = v
+      },
+      {
+        type: "toggle",
+        key: SettingsPanelKeys.ControlBarMiscShowHelpButtonToggle,
+        label: "Help",
+        getter: (s) => s.ui.miscHelp,
+        setter: (s, v) => s.ui.miscHelp = v
       }
     ];
   }
@@ -77107,13 +77117,13 @@ Averrage Date/Second ${avgDataRatePS} kb
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(RestOfScreen, { side, content: () => {
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          whenTrue(true, /* @__PURE__ */ jsxRuntimeExports.jsx(LogoMemo, {})),
+          whenTrue(settings2.value.ui.panelLogo, /* @__PURE__ */ jsxRuntimeExports.jsx(LogoMemo, {})),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { canvas: props.core.viewport.canvas }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ControlBar,
             {
               content: controlBarCustom(controlBar),
-              show: true
+              show: isTrue(settings2.value.ui.panelControlBar)
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel$1, { ref: sectionBoxPanelHandle, state: sectionBoxRef }),