vim-web 0.5.0-dev.21 → 0.5.0-dev.23

package/dist/vim-web.iife.js

@@ -55406,7 +55406,7 @@ void main() {
     }
     unparent2dObjects(target) {
       if (target instanceof Group) {
-        for (const child of target.children) {
+        for (const child of [...target.children]) {
           if (child instanceof CSS2DObject) {
             target.remove(child);
           }
@@ -55581,6 +55581,7 @@ void main() {
     }
     add(objectOrObjects) {
       if (!this.enabled) return;
+      if (!objectOrObjects) return;
       const objects = this.toArray(objectOrObjects);
       let changed = false;
       for (const obj of objects) {
@@ -61575,80 +61576,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";
@@ -67628,75 +67621,75 @@ 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(),
-          style: (on) => Style.buttonExpandStyle(on),
+          style: Style.buttonExpandStyle,
           action: () => section.enable.set(!section.enable.get()),
           icon: sectionBox
         },
         {
-          id: Ids$2.buttonSectionBoxToSelection,
+          id: Ids$2.sectioningFitSelection,
           tip: "Fit Section",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningFitToSelection),
           isOn: () => hasSelection,
-          style: (on) => Style.buttonDisableStyle(on),
+          style: Style.buttonDisableStyle,
           action: () => section.sectionSelection.call(),
           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),
+          style: Style.buttonDefaultStyle,
           action: () => section.sectionScene.call(),
           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(),
-          style: (on) => Style.buttonDefaultStyle(on),
+          style: Style.buttonDefaultStyle,
           action: () => section.visible.set(!section.visible.get()),
           icon: visible
         },
         {
-          id: Ids$2.buttonSectionBoxAuto,
+          id: Ids$2.sectioningAuto,
           tip: "Auto Section",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningAuto),
           isOn: () => section.auto.get(),
-          style: (on) => Style.buttonDefaultStyle(on),
+          style: Style.buttonDefaultStyle,
           action: () => section.auto.set(!section.auto.get()),
           icon: sectionBoxAuto
         },
         {
-          id: Ids$2.buttonSectionBoxSettings,
+          id: Ids$2.sectioningSettings,
           tip: "Section Settings",
           enabled: () => section.enable.get() && isTrue(settings2.sectioningSettings),
           isOn: () => section.showOffsetPanel.get(),
-          style: (on) => Style.buttonDefaultStyle(on),
+          style: Style.buttonDefaultStyle,
           action: () => section.showOffsetPanel.set(!section.showOffsetPanel.get()),
           icon: slidersHoriz
         }
       ]
     };
   }
-  function controlBarPointer(viewer, camera2, settings2, section) {
+  function controlBarPointer(viewer, settings2) {
     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 +67698,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 +67707,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 +67716,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 +67729,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,57 +67745,57 @@ Averrage Date/Second ${avgDataRatePS} kb
       ]
     };
   }
-  function controlBarSettingsUltra(side, settings$1) {
+  function createMiscSettingsButton(side, settings$1) {
     return {
-      id: Ids$2.sectionSettings,
-      enable: () => 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
+    };
+  }
+  function createMiscHelpButton(modal, settings2) {
+    return {
+      id: Ids$2.miscHelp,
+      enabled: () => isTrue(settings2.ui.miscHelp),
+      tip: "Help",
+      action: () => modal.help(true),
+      icon: help,
+      style: Style.buttonDefaultStyle
+    };
+  }
+  function controlBarMiscUltra(modal, side, settings2) {
+    return {
+      id: Ids$2.miscSpan,
+      enable: () => anyUltraMiscButton(settings2),
       style: Style.sectionDefaultStyle,
       buttons: [
-        {
-          id: Ids$2.buttonSettings,
-          enabled: () => isTrue(settings$1.ui.settings),
-          tip: "Settings",
-          action: () => side.toggleContent("settings"),
-          icon: settings,
-          style: Style.buttonDefaultStyle
-        }
+        createMiscSettingsButton(side, settings2),
+        createMiscHelpButton(modal, settings2)
       ]
     };
   }
-  function controlBarSettings(modal, side, settings$1) {
+  function controlBarMisc(modal, side, settings2) {
     const fullScreen = getFullScreenState();
     return {
-      id: Ids$2.sectionSettings,
-      enable: () => anyUiSettingButton(settings$1),
+      id: Ids$2.miscSpan,
+      enable: () => anyWebglMiscButton(settings2),
       style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonProjectInspector,
-          enabled: () => isTrue(settings$1.ui.miscProjectInspector) && (isTrue(settings$1.ui.panelBimTree) || isTrue(settings$1.ui.panelBimInfo)),
+          id: Ids$2.miscInspector,
+          enabled: () => showBimButton(settings2),
           tip: "Project Inspector",
           action: () => side.toggleContent("bim"),
           icon: treeView,
           style: Style.buttonDefaultStyle
         },
+        createMiscSettingsButton(side, settings2),
+        createMiscHelpButton(modal, settings2),
         {
-          id: Ids$2.buttonSettings,
-          enabled: () => isTrue(settings$1.ui.miscSettings),
-          tip: "Settings",
-          action: () => side.toggleContent("settings"),
-          icon: settings,
-          style: Style.buttonDefaultStyle
-        },
-        {
-          id: Ids$2.buttonHelp,
-          enabled: () => isTrue(settings$1.ui.miscHelp),
-          tip: "Help",
-          action: () => modal.help(true),
-          icon: help,
-          style: Style.buttonDefaultStyle
-        },
-        {
-          id: Ids$2.buttonMaximize,
-          enabled: () => isTrue(settings$1.ui.miscMaximise) && settings$1.capacity.canGoFullScreen,
+          id: Ids$2.miscMaximize,
+          enabled: () => isTrue(settings2.ui.miscMaximise) && settings2.capacity.canGoFullScreen,
           tip: fullScreen.get() ? "Minimize" : "Fullscreen",
           action: () => fullScreen.toggle(),
           icon: fullScreen.get() ? minimize : fullsScreen,
@@ -67813,12 +67806,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 +67820,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 +67829,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 +67844,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}`,
+      style: Style.sectionDefaultStyle,
       buttons: [
         {
-          id: Ids$2.buttonClearSelection,
+          id: Ids$2.visibilityClearSelection,
           enabled: () => isTrue(settings2.visibilityClearSelection),
           tip: "Clear Selection",
           action: () => adapter.clearSelection(),
@@ -67865,7 +67858,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 +67867,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 +67876,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 +67885,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 +67894,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 +67902,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()),
@@ -67922,22 +67915,31 @@ Averrage Date/Second ${avgDataRatePS} kb
   function useControlBar(viewer, camera2, modal, side, cursor, settings2, section, isolationRef, customization) {
     const measure2 = getMeasureState(viewer, cursor);
     let controlBarSections = [
-      controlBarPointer(viewer, camera2, settings2.ui),
+      controlBarPointer(viewer, settings2.ui),
       controlBarCamera(camera2, settings2.ui),
       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;
   }
+  function showBimButton(settings2) {
+    if (isFalse(settings2.ui.miscProjectInspector)) return false;
+    if (isTrue(settings2.ui.panelBimTree)) return true;
+    if (isTrue(settings2.ui.panelBimInfo)) return true;
+    return false;
+  }
   function anyUiCursorButton(settings2) {
     return isTrue(settings2.cursorOrbit) || isTrue(settings2.cursorLookAround) || isTrue(settings2.cursorPan) || isTrue(settings2.cursorZoom);
   }
-  function anyUiSettingButton(settings2) {
+  function anyWebglMiscButton(settings2) {
     return isTrue(settings2.ui.miscProjectInspector) || isTrue(settings2.ui.miscSettings) || isTrue(settings2.ui.miscHelp) || isTrue(settings2.ui.miscMaximise);
   }
+  function anyUltraMiscButton(settings2) {
+    return isTrue(settings2.ui.miscSettings) || isTrue(settings2.ui.miscHelp);
+  }
   function RestOfScreen(props) {
     const [, setVersion] = React2.useState(0);
     const resizeObserver = React2.useRef();
@@ -74824,7 +74826,7 @@ Averrage Date/Second ${avgDataRatePS} kb
   }, Symbol.toStringTag, { value: "Module" }));
   function fileOpeningError(url) {
     return {
-      title: "File Opening Error",
+      title: "VIM Ultra File Error",
       body: serverFileOpeningErrorBody(url),
       footer: footer$1(),
       canClose: false
@@ -74832,12 +74834,8 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function serverFileOpeningErrorBody(url) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
-      mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        "Oops, it appears that there's an ",
-        bold("error opening the VIM file"),
-        ". Please check the file exists at the path noted below."
-      ] })),
-      subTitle("Error details:"),
+      mainText(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "We encountered an error opening the VIM file in VIM Ultra." })),
+      subTitle("Details"),
       dotList([bullet("File path:", url)])
     ] });
   }
@@ -74846,7 +74844,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       return fileOpeningError(url);
     }
     return {
-      title: "File Downloading Error",
+      title: "VIM Ultra Download Error",
       body: body$5(url, authToken, server),
       footer: footer$1(),
       canClose: false
@@ -74854,28 +74852,23 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function body$5(url, authToken, server) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
-      mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        "Oops, it appears that there’s an ",
-        bold("error downloading the VIM file"),
-        ". Please check the following conditions to get back up and running quickly."
-      ] })),
-      subTitle("Error details:"),
+      mainText(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "We encountered an error downloading the VIM file in VIM Ultra." })),
+      subTitle("Details"),
       dotList([
-        server ? bullet("VIM ULTRA Server:", server) : null,
-        bullet("File URL:", url),
-        authToken ? bullet("Auth Token:", authToken) : null
+        server ? bullet("VIM Ultra:", server) : null,
+        bullet("VIM URL:", url),
+        authToken ? bullet("Access Token:", authToken) : null
       ]),
-      subTitle("Troubleshooting tips:"),
+      subTitle("Tips"),
       numList([
-        "Make sure the VIM exists at the url listed above.",
-        "Reprocess the VIM file and refresh the Power BI report dataset.",
-        server ? "Check network access policies to allow the VIM Ultra Server access to the VIM File url." : ""
+        "Ensure the VIM URL is valid",
+        "Check your network connection and access policies"
       ])
     ] });
   }
   function serverFileLoadingError(url) {
     return {
-      title: "File Loading Error",
+      title: "VIM Ultra Loading Error",
       body: body$4(url),
       footer: footer$1(),
       canClose: false
@@ -74883,30 +74876,20 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function body$4(url) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
-      mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        "Oops, it appears that we ",
-        bold("couldn’t load the VIM file"),
-        ". This could be due to a couple of reasons, including that the file could be corrupt or not recognizable."
-      ] })),
-      subTitle("Error details:"),
+      mainText(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "We encountered an error loading the VIM file in VIM Ultra." })),
+      subTitle("Details"),
       dotList([bullet("File path:", url)]),
-      subTitle("Troubleshooting tips:"),
+      subTitle("Tips"),
       numList([
-        "Reload this Power BI report",
-        "Reprocess the VIM file and refresh the Power BI report dataset"
+        "Reload the page",
+        "Ensure the VIM URL points to a valid VIM file",
+        "Clear your VIM Ultra download cache"
       ])
     ] });
   }
-  const supportUltra = "https://docs.vimaec.com/docs/vim-for-windows/configuring-vim-ultra";
-  const supportControls = "https://docs.vimaec.com/docs/vim-cloud/webgl-navigation-and-controls-guide";
-  const urls = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    supportControls,
-    supportUltra
-  }, Symbol.toStringTag, { value: "Module" }));
   function serverConnectionError(url) {
     return {
-      title: "Connection Error",
+      title: "VIM Ultra Connection",
       body: body$3(url, isLocalUrl(url)),
       footer: footer$1(),
       canClose: false
@@ -74914,29 +74897,17 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function body$3(url, local) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
-      mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        "Oops, it appears that there’s an ",
-        bold("error connecting to the ULTRA server"),
-        ". Please check the following conditions to get back up and running quickly."
-      ] })),
-      subTitle("Troubleshooting tips:"),
+      mainText(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "We encountered an error connecting to VIM Ultra." })),
+      subTitle("Tips"),
       numList([
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          "Ensure that VIM Ultra",
-          " ",
-          link(supportUltra, "process is running"),
-          " ",
-          "at ",
-          detailText(url)
-        ] }),
-        "Check your internet connection.",
-        "Check firewall permissions."
+        `Ensure that VIM Ultra is running at ${detailText(url)}`,
+        "Check your network connection and access policies"
       ])
     ] });
   }
   function serverCompatibilityError(url, localVersion, remoteVersion) {
     return {
-      title: "Compatibility Error",
+      title: "VIM Ultra Compatibility",
       body: body$2(url, localVersion, remoteVersion),
       footer: footer$1(),
       canClose: false
@@ -74944,28 +74915,23 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function body$2(url, localVersion, remoteVersion) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
-      mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        "Oops, it appears that you’re running a ",
-        " ",
-        bold("version of VIM Ultra Server that isn’t compatible with this visual"),
-        ". Please check the following conditions to get back up and running quickly."
-      ] })),
-      subTitle("Error details:"),
+      mainText(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "The VIM Ultra version is incompatible with this visual." })),
+      subTitle("Details"),
       dotList([
         bullet("Url:", url),
         bullet("Local Version:", localVersion),
         bullet("Remote Version:", remoteVersion)
       ]),
-      subTitle("Troubleshooting tips:"),
+      subTitle("Tips"),
       numList([
-        "Update your PowerBI visual with the compatible version.",
-        "Or, run the compatible version of VIM Ultra."
+        "Update this visual to a compatible version.",
+        "Start a compatible version of VIM Ultra."
       ])
     ] });
   }
   function serverStreamError(url) {
     return {
-      title: "Stream Error",
+      title: "VIM Ultra Stream Error",
       body: body$1(),
       footer: footer$1(),
       canClose: false
@@ -74973,16 +74939,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function body$1(url) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
-      mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        "Oops, it appears that there’s an ",
-        bold("error starting a stream on the VIM Ultra Server"),
-        ". Please check the following conditions to get back up and running quickly."
-      ] })),
-      subTitle("Troubleshooting tips:"),
+      mainText(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "We encountered a streaming error with VIM Ultra." })),
+      subTitle("Tips"),
       numList([
-        "Close other applications that may be using the server.",
-        "Try reconnecting to the server.",
-        "Restart the server."
+        "Reload the page",
+        "Close other applications that may be using VIM Ultra",
+        "Restart VIM Ultra"
       ])
     ] });
   }
@@ -75597,7 +75559,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 +75567,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 +75578,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 +75588,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 +75608,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       topOffset,
       sideOffset,
       bottomOffset,
-      sectionSelection: sectionSelection2,
+      sectionSelection,
       sectionScene,
       sectionBox: sectionBox2,
       getBox: () => adapter.getBox(),
@@ -76180,11 +76142,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 [
       {
@@ -76358,33 +76320,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
@@ -76788,12 +76750,12 @@ Averrage Date/Second ${avgDataRatePS} kb
     };
     return useSectionBox(ultraAdapter);
   }
-  function useUltraControlBar(viewer, section, isolation, camera2, settings2, side, customization) {
+  function useUltraControlBar(viewer, section, isolation, camera2, settings2, side, modal, customization) {
     let bar = [
       controlBarCamera(camera2, settings2.ui),
       controlBarVisibility(isolation, settings2.ui),
       controlBarSectionBox(section, viewer.selection.any(), settings2.ui),
-      controlBarSettingsUltra(side, settings2)
+      controlBarMiscUltra(modal, side, settings2)
     ];
     bar = (customization == null ? void 0 : customization(bar)) ?? bar;
     return bar;
@@ -76945,6 +76907,9 @@ Averrage Date/Second ${avgDataRatePS} kb
   function getDefaultUltraSettings() {
     return {
       ui: {
+        // panels
+        panelLogo: true,
+        panelControlBar: true,
         // Control bar - cursors
         cursorOrbit: true,
         cursorLookAround: true,
@@ -76968,7 +76933,9 @@ Averrage Date/Second ${avgDataRatePS} kb
         visibilityIsolate: true,
         visibilityAutoIsolate: true,
         visibilitySettings: true,
-        settings: true
+        // Control bar - misc
+        miscSettings: true,
+        miscHelp: true
       }
     };
   }
@@ -76976,15 +76943,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
       }
     ];
   }
@@ -77040,6 +77014,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       camera2,
       settings2.value,
       side,
+      modalHandle.current,
       (_2) => _2
     );
     useViewerInput(props.core.inputs, camera2);
@@ -77105,13 +77080,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 }),
@@ -77156,6 +77131,13 @@ Averrage Date/Second ${avgDataRatePS} kb
     createViewer,
     getDefaultUltraSettings
   }, Symbol.toStringTag, { value: "Module" }));
+  const supportUltra = "https://docs.vimaec.com/docs/vim-for-windows/configuring-vim-ultra";
+  const supportControls = "https://docs.vimaec.com/docs/vim-cloud/webgl-navigation-and-controls-guide";
+  const urls = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    supportControls,
+    supportUltra
+  }, Symbol.toStringTag, { value: "Module" }));
   const SectionBoxPanel = {
     Ids
   };