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

package/dist/vim-web.js

@@ -55390,7 +55390,7 @@ class RenderScene {
   }
   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);
         }
@@ -55565,6 +55565,7 @@ class Selection {
   }
   add(objectOrObjects) {
     if (!this.enabled) return;
+    if (!objectOrObjects) return;
     const objects = this.toArray(objectOrObjects);
     let changed = false;
     for (const obj of objects) {
@@ -61559,80 +61560,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,75 +67605,75 @@ 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(),
-        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),
@@ -67689,7 +67682,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 +67691,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 +67700,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 +67713,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,57 +67729,57 @@ function controlBarMeasure(measure$1, settings2) {
     ]
   };
 }
-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,
@@ -67797,12 +67790,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 +67804,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 +67813,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 +67828,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}`,
+    style: Style.sectionDefaultStyle,
     buttons: [
       {
-        id: Ids$2.buttonClearSelection,
+        id: Ids$2.visibilityClearSelection,
         enabled: () => isTrue(settings2.visibilityClearSelection),
         tip: "Clear Selection",
         action: () => adapter.clearSelection(),
@@ -67849,7 +67842,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 +67851,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 +67860,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 +67869,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 +67878,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 +67886,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()),
@@ -67906,22 +67899,31 @@ function controlBarVisibility(isolation, settings2) {
 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] = useState(0);
   const resizeObserver = useRef();
@@ -74808,7 +74810,7 @@ const errorStyle = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 }, 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
@@ -74816,12 +74818,8 @@ function fileOpeningError(url) {
 }
 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)])
   ] });
 }
@@ -74830,7 +74828,7 @@ function serverFileDownloadingError(url, authToken, server) {
     return fileOpeningError(url);
   }
   return {
-    title: "File Downloading Error",
+    title: "VIM Ultra Download Error",
     body: body$5(url, authToken, server),
     footer: footer$1(),
     canClose: false
@@ -74838,28 +74836,23 @@ function serverFileDownloadingError(url, authToken, server) {
 }
 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
@@ -74867,30 +74860,20 @@ function serverFileLoadingError(url) {
 }
 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
@@ -74898,29 +74881,17 @@ function serverConnectionError(url) {
 }
 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
@@ -74928,28 +74899,23 @@ function serverCompatibilityError(url, localVersion, remoteVersion) {
 }
 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
@@ -74957,16 +74923,12 @@ function serverStreamError(url) {
 }
 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"
     ])
   ] });
 }
@@ -75581,7 +75543,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 +75551,7 @@ function useSectionBox(adapter) {
     visible2.set(v);
     showOffsetPanel.set(false);
     if (v && auto.get()) {
-      sectionSelection2.call();
+      sectionSelection.call();
     } else {
       sectionScene.call();
     }
@@ -75600,7 +75562,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 +75572,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 +75592,7 @@ function useSectionBox(adapter) {
     topOffset,
     sideOffset,
     bottomOffset,
-    sectionSelection: sectionSelection2,
+    sectionSelection,
     sectionScene,
     sectionBox: sectionBox2,
     getBox: () => adapter.getBox(),
@@ -76164,11 +76126,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 +76304,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
@@ -76772,12 +76734,12 @@ function useUltraSectionBox(viewer) {
   };
   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;
@@ -76929,6 +76891,9 @@ function allButSelection(viewer, vim) {
 function getDefaultUltraSettings() {
   return {
     ui: {
+      // panels
+      panelLogo: true,
+      panelControlBar: true,
       // Control bar - cursors
       cursorOrbit: true,
       cursorLookAround: true,
@@ -76952,7 +76917,9 @@ function getDefaultUltraSettings() {
       visibilityIsolate: true,
       visibilityAutoIsolate: true,
       visibilitySettings: true,
-      settings: true
+      // Control bar - misc
+      miscSettings: true,
+      miscHelp: true
     }
   };
 }
@@ -76960,15 +76927,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
     }
   ];
 }
@@ -77024,6 +76998,7 @@ function Viewer3(props) {
     camera2,
     settings2.value,
     side,
+    modalHandle.current,
     (_2) => _2
   );
   useViewerInput(props.core.inputs, camera2);
@@ -77089,13 +77064,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 }),
@@ -77140,6 +77115,13 @@ const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   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
 };