vim-web 0.5.0-dev.21 → 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";
@@ -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,32 +67728,40 @@ 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,
+        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"),
@@ -67769,7 +67769,7 @@ function controlBarSettings(modal, side, settings$1) {
         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;
@@ -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(),
@@ -76164,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 [
     {
@@ -76342,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
@@ -76777,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;
@@ -76929,6 +76929,9 @@ function allButSelection(viewer, vim) {
 function getDefaultUltraSettings() {
   return {
     ui: {
+      // panels
+      panelLogo: true,
+      panelControlBar: true,
       // Control bar - cursors
       cursorOrbit: true,
       cursorLookAround: true,
@@ -76952,7 +76955,9 @@ function getDefaultUltraSettings() {
       visibilityIsolate: true,
       visibilityAutoIsolate: true,
       visibilitySettings: true,
-      settings: true
+      // Control bar - misc
+      miscSettings: true,
+      miscHelp: true
     }
   };
 }
@@ -76960,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
     }
   ];
 }
@@ -77089,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 }),