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

package/dist/vim-web.js

@@ -61559,80 +61559,72 @@ const index$6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   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";
@@ -67314,7 +67306,7 @@ function whenSomeTrue(value, element) {
   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 = React__default.memo(AxesPanel);
 function AxesPanel(props) {
@@ -67374,15 +67366,15 @@ function AxesPanel(props) {
       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(
@@ -67612,12 +67604,12 @@ const Style = style;
 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(),
@@ -67626,7 +67618,7 @@ function controlBarSectionBox(section, hasSelection, settings2) {
         icon: sectionBox
       },
       {
-        id: Ids$2.buttonSectionBoxToSelection,
+        id: Ids$2.sectioningFitSelection,
         tip: "Fit Section",
         enabled: () => section.enable.get() && isTrue(settings2.sectioningFitToSelection),
         isOn: () => hasSelection,
@@ -67635,7 +67627,7 @@ function controlBarSectionBox(section, hasSelection, settings2) {
         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),
@@ -67643,7 +67635,7 @@ function controlBarSectionBox(section, hasSelection, settings2) {
         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(),
@@ -67652,7 +67644,7 @@ function controlBarSectionBox(section, hasSelection, settings2) {
         icon: visible
       },
       {
-        id: Ids$2.buttonSectionBoxAuto,
+        id: Ids$2.sectioningAuto,
         tip: "Auto Section",
         enabled: () => section.enable.get() && isTrue(settings2.sectioningAuto),
         isOn: () => section.auto.get(),
@@ -67661,7 +67653,7 @@ function controlBarSectionBox(section, hasSelection, settings2) {
         icon: sectionBoxAuto
       },
       {
-        id: Ids$2.buttonSectionBoxSettings,
+        id: Ids$2.sectioningSettings,
         tip: "Section Settings",
         enabled: () => section.enable.get() && isTrue(settings2.sectioningSettings),
         isOn: () => section.showOffsetPanel.get(),
@@ -67675,12 +67667,12 @@ function controlBarSectionBox(section, hasSelection, settings2) {
 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),
@@ -67689,7 +67681,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: Style.buttonDefaultStyle
       },
       {
-        id: Ids$2.buttonCameraLook,
+        id: Ids$2.cursorLook,
         enabled: () => isTrue(settings2.cursorLookAround),
         tip: "Look Around",
         action: () => pointer2.onButton(PointerMode$1.LOOK),
@@ -67698,7 +67690,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: Style.buttonDefaultStyle
       },
       {
-        id: Ids$2.buttonCameraPan,
+        id: Ids$2.cursorPan,
         enabled: () => isTrue(settings2.cursorPan),
         tip: "Pan",
         action: () => pointer2.onButton(PointerMode$1.PAN),
@@ -67707,7 +67699,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: Style.buttonDefaultStyle
       },
       {
-        id: Ids$2.buttonCameraZoom,
+        id: Ids$2.cursorZoom,
         enabled: () => isTrue(settings2.cursorZoom),
         tip: "Zoom",
         action: () => pointer2.onButton(PointerMode$1.ZOOM),
@@ -67720,12 +67712,12 @@ function controlBarPointer(viewer, camera2, settings2, section) {
 }
 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",
@@ -67736,40 +67728,48 @@ function controlBarMeasure(measure$1, settings2) {
     ]
   };
 }
-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"),
@@ -67777,7 +67777,7 @@ function controlBarSettings(modal, side, settings$1) {
         style: Style.buttonDefaultStyle
       },
       {
-        id: Ids$2.buttonHelp,
+        id: Ids$2.miscHelp,
         enabled: () => isTrue(settings$1.ui.miscHelp),
         tip: "Help",
         action: () => modal.help(true),
@@ -67785,7 +67785,7 @@ function controlBarSettings(modal, side, settings$1) {
         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(),
@@ -67797,12 +67797,12 @@ function controlBarSettings(modal, side, settings$1) {
 }
 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(),
@@ -67811,7 +67811,7 @@ function controlBarCamera(camera2, settings2) {
         style: Style.buttonDefaultStyle
       },
       {
-        id: Ids$2.buttonCameraFrameSelection,
+        id: Ids$2.cameraFrameSelection,
         enabled: () => isTrue(settings2.cameraFrameSelection),
         tip: "Frame Selection",
         action: () => camera2.frameSelection.call(),
@@ -67820,7 +67820,7 @@ function controlBarCamera(camera2, settings2) {
         style: Style.buttonDefaultStyle
       },
       {
-        id: Ids$2.buttonCameraFrameScene,
+        id: Ids$2.cameraFrameScene,
         enabled: () => isTrue(settings2.cameraFrameScene),
         tip: "Frame All",
         action: () => camera2.frameScene.call(),
@@ -67835,12 +67835,12 @@ function controlBarVisibility(isolation, settings2) {
   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(),
@@ -67849,7 +67849,7 @@ function controlBarVisibility(isolation, settings2) {
         style: Style.buttonDisableDefaultStyle
       },
       {
-        id: Ids$2.buttonShowAll,
+        id: Ids$2.visibilityShowAll,
         tip: "Show All",
         enabled: () => isTrue(settings2.visibilityShowAll),
         action: () => adapter.showAll(),
@@ -67858,7 +67858,7 @@ function controlBarVisibility(isolation, settings2) {
         style: Style.buttonDisableStyle
       },
       {
-        id: Ids$2.buttonHideSelection,
+        id: Ids$2.visibilityHideSelection,
         enabled: () => someVisible && isTrue(settings2.visibilityToggle),
         tip: "Hide Selection",
         action: () => adapter.hideSelection(),
@@ -67867,7 +67867,7 @@ function controlBarVisibility(isolation, settings2) {
         style: Style.buttonDisableStyle
       },
       {
-        id: Ids$2.buttonShowSelection,
+        id: Ids$2.visibilityShowSelection,
         enabled: () => !someVisible && isTrue(settings2.visibilityToggle),
         tip: "Show Selection",
         action: () => adapter.showSelection(),
@@ -67876,7 +67876,7 @@ function controlBarVisibility(isolation, settings2) {
         style: Style.buttonDisableStyle
       },
       {
-        id: Ids$2.buttonIsolateSelection,
+        id: Ids$2.visibilityIsolateSelection,
         enabled: () => isTrue(settings2.visibilityIsolate),
         tip: "Isolate Selection",
         action: () => adapter.isolateSelection(),
@@ -67885,7 +67885,7 @@ function controlBarVisibility(isolation, settings2) {
         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()),
@@ -67893,7 +67893,7 @@ function controlBarVisibility(isolation, settings2) {
         icon: autoIsolate
       },
       {
-        id: Ids$2.buttonIsolationSettings,
+        id: Ids$2.visibilitySettings,
         enabled: () => isTrue(settings2.visibilitySettings),
         tip: "Isolation Settings",
         action: () => isolation.showPanel.set(!isolation.showPanel.get()),
@@ -67911,7 +67911,7 @@ function useControlBar(viewer, camera2, modal, side, cursor, settings2, section,
     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;
@@ -73026,8 +73026,8 @@ function range(size, startAt = 0) {
 function OptionalBimPanel(props) {
   return whenSomeTrue(
     [
-      props.settings.ui.bimTreePanel,
-      props.settings.ui.bimInfoPanel
+      props.settings.ui.panelBimTree,
+      props.settings.ui.panelBimInfo
     ],
     React__default.createElement(BimPanel, props)
   );
@@ -73040,11 +73040,11 @@ function BimPanel(props) {
   }, [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",
@@ -73078,21 +73078,21 @@ function BimPanel(props) {
     // 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
         }
       ) })
@@ -75581,7 +75581,7 @@ function useSectionBox(adapter) {
     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) => {
@@ -75589,7 +75589,7 @@ function useSectionBox(adapter) {
     visible2.set(v);
     showOffsetPanel.set(false);
     if (v && auto.get()) {
-      sectionSelection2.call();
+      sectionSelection.call();
     } else {
       sectionScene.call();
     }
@@ -75600,7 +75600,7 @@ function useSectionBox(adapter) {
   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) => {
@@ -75610,7 +75610,7 @@ function useSectionBox(adapter) {
     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;
@@ -75630,7 +75630,7 @@ function useSectionBox(adapter) {
     topOffset,
     sideOffset,
     bottomOffset,
-    sectionSelection: sectionSelection2,
+    sectionSelection,
     sectionScene,
     sectionBox: sectionBox2,
     getBox: () => adapter.getBox(),
@@ -75951,16 +75951,14 @@ function getDefaultSettings() {
       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,
@@ -76166,11 +76164,11 @@ __publicField(SettingsPanelKeys, "ControlBarVisibilityIsolate", "controlBar.visi
 __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 [
     {
@@ -76344,33 +76342,33 @@ function getControlBarVariousSettings() {
   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
@@ -76388,43 +76386,43 @@ function getPanelsVisibilitySettings() {
       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
     }
   ];
 }
@@ -76459,15 +76457,15 @@ function getAxesPanelSettings() {
       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
     }
   ];
 }
@@ -76503,7 +76501,7 @@ function getWebglSettingsContent(viewer) {
 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");
@@ -76550,7 +76548,7 @@ function Viewer$1(props) {
   const loader = 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] = useState();
@@ -76659,12 +76657,12 @@ function Viewer$1(props) {
     /* @__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 }),
@@ -76779,7 +76777,7 @@ function useUltraControlBar(viewer, section, isolation, camera2, settings2, side
     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;
@@ -76931,6 +76929,9 @@ function allButSelection(viewer, vim) {
 function getDefaultUltraSettings() {
   return {
     ui: {
+      // panels
+      panelLogo: true,
+      panelControlBar: true,
       // Control bar - cursors
       cursorOrbit: true,
       cursorLookAround: true,
@@ -76954,7 +76955,9 @@ function getDefaultUltraSettings() {
       visibilityIsolate: true,
       visibilityAutoIsolate: true,
       visibilitySettings: true,
-      settings: true
+      // Control bar - misc
+      miscSettings: true,
+      miscHelp: true
     }
   };
 }
@@ -76962,15 +76965,22 @@ function getControlBarUltraSettings() {
   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
     }
   ];
 }
@@ -77091,13 +77101,13 @@ function Viewer3(props) {
     ),
     /* @__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 }),