vim-web 0.3.39 → 0.3.41

package/dist/vim-web.js

@@ -188,11 +188,12 @@ function requireRetriableRequest() {
   Object.defineProperty(retriableRequest, "__esModule", { value: true });
   retriableRequest.RetriableRequest = void 0;
   class RetriableRequest {
-    constructor(url, headers, range2, responseType) {
+    constructor(url, headers, range2, responseType, maxTries) {
       this.url = url;
       this.headers = headers ?? {};
       this.range = range2;
       this.responseType = responseType;
+      this.maxTries = maxTries ?? 999;
     }
     abort() {
       var _a2;
@@ -266,9 +267,9 @@ function requireRemoteBuffer() {
       this._active.clear();
       this._queue.length = 0;
     }
-    async http(range2, label) {
+    async http(range2, label, maxTries) {
       const rangeStr = range2 ? `bytes=${range2.start}-${range2.end - 1}` : void 0;
-      const request2 = new retriableRequest_1.RetriableRequest(this.url, this.headers, rangeStr, "arraybuffer");
+      const request2 = new retriableRequest_1.RetriableRequest(this.url, this.headers, rangeStr, "arraybuffer", maxTries);
       request2.msg = range2 ? `${label} : [${range2.start}, ${range2.end}] of ${this.url}` : `${label} of ${this.url}`;
       this.enqueue(request2);
       return new Promise((resolve, reject) => {
@@ -277,13 +278,18 @@ function requireRemoteBuffer() {
           this._tracker.update(label, e);
         };
         request2.onLoad = (result) => {
-          this._tracker.end(label);
+          this.end(request2, label);
           resolve(result);
-          this.end(request2);
         };
         request2.onError = () => {
           this._tracker.fail(label);
-          this.retry(request2);
+          request2.maxTries -= 1;
+          if (request2.maxTries <= 0) {
+            this.end(request2, label);
+            reject(new Error("Max tries exceeded: " + request2.msg));
+          } else {
+            this.retry(request2);
+          }
         };
       });
     }
@@ -296,8 +302,9 @@ function requireRemoteBuffer() {
       this.maxConcurency = Math.max(1, this.maxConcurency - 1);
       setTimeout(() => this.enqueue(request2), 2e3);
     }
-    end(request2) {
+    end(request2, label) {
       this.logs.log("Finished " + request2.msg);
+      this._tracker.end(label);
       this._active.delete(request2);
       this.next();
     }
@@ -4961,7 +4968,8 @@ function requireBfast() {
      * Downloads and parse header from remote.
      */
     async requestHeader() {
-      const buffer = await this.request(new Range(0, 32), "Header");
+      const tries = this.offset === 0 ? 3 : 999;
+      const buffer = await this.request(new Range(0, 32), "Header", tries);
       if (!buffer)
         throw new Error("Could not get BFAST Header");
       const result = BFastHeader.createFromBuffer(buffer);
@@ -4972,8 +4980,8 @@ function requireBfast() {
      * @param range range to get, or get full resource if undefined
      * @param label label for logs
      */
-    async request(range2, label) {
-      const buffer = this.local(range2, label) ?? await this.remote(range2, label) ?? await this.remote(void 0, label);
+    async request(range2, label, maxTries) {
+      const buffer = this.local(range2, label) ?? await this.remote(range2, label, maxTries) ?? await this.remote(void 0, label, maxTries);
       if (!buffer) {
         throw new Error(`Could not load vim at ${this.source}`);
       }
@@ -4995,11 +5003,11 @@ function requireBfast() {
     /**
      * returns requested range from remote.
      */
-    async remote(range2, label) {
+    async remote(range2, label, maxTries = -1) {
       if (!(this.source instanceof remoteBuffer_1.RemoteBuffer))
         return void 0;
       const r = range2 == null ? void 0 : range2.offset(this.offset);
-      const buffer = await this.source.http(r, `${this.name}.${label}`);
+      const buffer = await this.source.http(r, `${this.name}.${label}`, maxTries);
       if (range2 && ((buffer == null ? void 0 : buffer.byteLength) ?? 0) < range2.length) {
         console.log("Range request request failed.");
         return void 0;
@@ -5952,85 +5960,6 @@ function requireRemoteVimx() {
   remoteVimx.RemoteVimx = RemoteVimx;
   return remoteVimx;
 }
-var requester = {};
-var hasRequiredRequester;
-function requireRequester() {
-  if (hasRequiredRequester) return requester;
-  hasRequiredRequester = 1;
-  Object.defineProperty(requester, "__esModule", { value: true });
-  requester.Requester = void 0;
-  const logging_1 = requireLogging$1();
-  const retriableRequest_1 = requireRetriableRequest();
-  const requestTracker_1 = requireRequestTracker();
-  class Requester {
-    constructor(verbose = false) {
-      this.maxConcurency = 10;
-      this._queue = [];
-      this._active = /* @__PURE__ */ new Set();
-      this._logs = verbose ? new logging_1.DefaultLog() : new logging_1.NoLog();
-      this._tracker = new requestTracker_1.RequestTracker(void 0, this._logs);
-      this._tracker.onUpdate = (p) => {
-        var _a2;
-        return (_a2 = this.onProgress) == null ? void 0 : _a2.call(this, p);
-      };
-    }
-    abort() {
-      this._active.forEach((request2) => {
-        request2.abort();
-      });
-      this._active.clear();
-      this._queue.length = 0;
-    }
-    async http(url, headers = {}, label) {
-      const request2 = new retriableRequest_1.RetriableRequest(url, headers, void 0, "arraybuffer");
-      request2.msg = url;
-      this.enqueue(request2);
-      return new Promise((resolve, reject) => {
-        this._tracker.start(label);
-        request2.onProgress = (e) => {
-          this._tracker.update(label, e);
-        };
-        request2.onLoad = (result) => {
-          this._tracker.end(label);
-          resolve(result);
-          this.end(request2);
-        };
-        request2.onError = () => {
-          this._tracker.fail(label);
-          this.retry(request2);
-        };
-      });
-    }
-    enqueue(xhr) {
-      this._queue.push(xhr);
-      this.next();
-    }
-    retry(xhr) {
-      this._active.delete(xhr);
-      this.maxConcurency = Math.max(1, this.maxConcurency - 1);
-      setTimeout(() => this.enqueue(xhr), 2e3);
-    }
-    end(xhr) {
-      this._active.delete(xhr);
-      this.next();
-    }
-    next() {
-      if (this._queue.length === 0) {
-        return;
-      }
-      if (this._active.size >= this.maxConcurency) {
-        return;
-      }
-      const next = this._queue[0];
-      this._queue.shift();
-      this._active.add(next);
-      next.send();
-      this._logs.log("Starting " + next.msg);
-    }
-  }
-  requester.Requester = Requester;
-  return requester;
-}
 var objectModel = {};
 var entityTable = {};
 var hasRequiredEntityTable;
@@ -8820,6 +8749,7 @@ function requireObjectModel() {
         table.getHostIndex(index2).then((v) => result.hostIndex = v),
         table.getFromRoomIndex(index2).then((v) => result.fromRoomIndex = v),
         table.getToRoomIndex(index2).then((v) => result.toRoomIndex = v),
+        table.getSuperComponentIndex(index2).then((v) => result.superComponentIndex = v),
         table.getElementIndex(index2).then((v) => result.elementIndex = v)
       ]);
       return result;
@@ -8872,6 +8802,7 @@ function requireObjectModel() {
       let hostIndex;
       let fromRoomIndex;
       let toRoomIndex;
+      let superComponentIndex;
       let elementIndex;
       await Promise.all([
         (async () => {
@@ -8955,6 +8886,9 @@ function requireObjectModel() {
         (async () => {
           toRoomIndex = await localTable.getNumberArray("index:Vim.Room:ToRoom");
         })(),
+        (async () => {
+          superComponentIndex = await localTable.getNumberArray("index:Vim.Element:SuperComponent");
+        })(),
         (async () => {
           elementIndex = await localTable.getNumberArray("index:Vim.Element:Element");
         })()
@@ -8991,6 +8925,7 @@ function requireObjectModel() {
           hostIndex: hostIndex ? hostIndex[i] : void 0,
           fromRoomIndex: fromRoomIndex ? fromRoomIndex[i] : void 0,
           toRoomIndex: toRoomIndex ? toRoomIndex[i] : void 0,
+          superComponentIndex: superComponentIndex ? superComponentIndex[i] : void 0,
           elementIndex: elementIndex ? elementIndex[i] : void 0
         });
       }
@@ -9190,6 +9125,20 @@ function requireObjectModel() {
       }
       return await ((_a2 = this.document.room) == null ? void 0 : _a2.get(index2));
     }
+    async getSuperComponentIndex(familyInstanceIndex) {
+      return await this.entityTable.getNumber(familyInstanceIndex, "index:Vim.Element:SuperComponent");
+    }
+    async getAllSuperComponentIndex() {
+      return await this.entityTable.getNumberArray("index:Vim.Element:SuperComponent");
+    }
+    async getSuperComponent(familyInstanceIndex) {
+      var _a2;
+      const index2 = await this.getSuperComponentIndex(familyInstanceIndex);
+      if (index2 === void 0) {
+        return void 0;
+      }
+      return await ((_a2 = this.document.element) == null ? void 0 : _a2.get(index2));
+    }
     async getElementIndex(familyInstanceIndex) {
       return await this.entityTable.getNumber(familyInstanceIndex, "index:Vim.Element:Element");
     }
@@ -13362,7 +13311,6 @@ function requireDist$3() {
     __exportStar(requireG3dScene(), exports);
     __exportStar(requireRemoteBuffer(), exports);
     __exportStar(requireRequestTracker(), exports);
-    __exportStar(requireRequester(), exports);
     __exportStar(requireRemoteValue(), exports);
     __exportStar(requireVimHeader(), exports);
     __exportStar(requireObjectModel(), exports);
@@ -47927,6 +47875,7 @@ class StandardMaterial {
 }
 function createMaskMaterial() {
   return new ShaderMaterial({
+    side: DoubleSide,
     uniforms: {},
     clipping: true,
     vertexShader: `
@@ -50203,10 +50152,10 @@ const defaultViewerSettings = {
   background: { color: new Color(12698310) },
   skybox: {
     enable: true,
-    skyColor: new Color(15135994),
-    // Light sky blue pastel
-    groundColor: new Color(14671841),
-    // Light earthy brown pastel
+    skyColor: new Color(16777215),
+    // white
+    groundColor: new Color(16185078),
+    // less white
     sharpness: 2
   },
   groundPlane: {
@@ -53642,7 +53591,7 @@ class GizmoOrbit {
   onUpdate() {
     this.updateScale();
     this.setPosition(this._camera.target);
-    this.show(true);
+    this.show(this._inputs.pointerActive === "orbit");
   }
   /**
    * Determines whether the orbit gizmo is enabled.
@@ -53664,6 +53613,7 @@ class GizmoOrbit {
     }
     clearTimeout(this._timeout);
     this._gizmos.visible = show;
+    this._renderer.needsUpdate = true;
     if (show) {
       this._timeout = setTimeout(() => {
         this._gizmos.visible = false;
@@ -55270,6 +55220,15 @@ class BoxInputs {
     this.reg(canvas, "pointerdown", this.onMouseDown.bind(this));
     this.reg(canvas, "pointermove", this.onMouseMove.bind(this));
     this.reg(canvas, "pointerup", this.onMouseUp.bind(this));
+    this.reg(canvas, "pointerleave", this.onPointerLeave.bind(this));
+  }
+  onPointerLeave(event) {
+    var _a2;
+    if (this.capturedId !== void 0) {
+      return;
+    }
+    this.faceNormal.set(0, 0, 0);
+    (_a2 = this.onFaceEnter) == null ? void 0 : _a2.call(this, this.faceNormal);
   }
   capturePointer(pointerId) {
     this.releasePointer();
@@ -58161,6 +58120,9 @@ class RpcClient {
   get url() {
     return this._messenger.url;
   }
+  get connected() {
+    return this._messenger.state.status === "connected";
+  }
   RPCAddNodeFlags(componentHandle, nodes, flags) {
     const marshal = new Marshal();
     marshal.writeString("RPCAddNodeFlags");
@@ -58857,6 +58819,9 @@ class RpcSafeClient {
   get url() {
     return this.rpc.url;
   }
+  get connected() {
+    return this.rpc.connected;
+  }
   /*******************************************************************************
    * SCENE MANAGEMENT METHODS
    * Methods for managing the overall scene, including initialization, lighting,
@@ -59193,15 +59158,15 @@ class RpcSafeClient {
    ******************************************************************************/
   /**
    * Loads a VIM file from the local filesystem.
-   * @param fileName - The path to the VIM file (supports file:// protocol)
+   * @param source - The path to the VIM file (supports file:// protocol)
    * @returns Promise resolving to the handle of the loaded VIM component
    * @throws {Error} If the filename is invalid or empty
    */
-  async RPCLoadVim(fileName) {
-    if (!Validation.isNonEmptyString(fileName)) return INVALID_HANDLE;
-    fileName = fileName.replace("file:///", "file://");
+  async RPCLoadVim(source) {
+    if (!Validation.isNonEmptyString(source.url)) return INVALID_HANDLE;
+    const url = source.url.replace("file:///", "file://");
     return await this.safeCall(
-      () => this.rpc.RPCLoadVim(fileName),
+      () => this.rpc.RPCLoadVim(url),
       INVALID_HANDLE
     );
   }
@@ -59211,10 +59176,10 @@ class RpcSafeClient {
    * @returns Promise resolving to the handle of the loaded VIM component
    * @throws {Error} If the URL is invalid
    */
-  async RPCLoadVimURL(url) {
-    if (!Validation.isURL(url)) return INVALID_HANDLE;
+  async RPCLoadVimURL(source) {
+    if (!Validation.isURL(source.url)) return INVALID_HANDLE;
     return await this.safeCall(
-      () => this.rpc.RPCLoadVimURL(url, ""),
+      () => this.rpc.RPCLoadVimURL(source.url, source.authToken ?? ""),
       INVALID_HANDLE
     );
   }
@@ -59598,9 +59563,9 @@ class Inputs extends InputHandler2 {
     this._inputsMouse = new InputMouse(this._canvas, this._rpc, selection, camera2);
     this._inputsTouch = new InputTouch(this._canvas, this._rpc);
     this._keyboard = new InputKeyboard(this._rpc, selection, camera2, this);
-    this.register();
   }
   onConnect() {
+    this.register();
     this._rpc.RPCSetMoveSpeed(this._moveSpeed);
   }
   register() {
@@ -59846,7 +59811,7 @@ class SocketClient {
    * Disconnects from the current WebSocket server.
    */
   disconnect(error) {
-    this._logger.log("Disconnecting from " + this._connectingUrl);
+    this._logger.log("Disconnecting from: ", this._connectingUrl);
     this._connectingUrl = void 0;
     this._disconnect(error);
   }
@@ -59932,7 +59897,7 @@ class SocketClient {
       this._disconnect(issues);
       return;
     }
-    this._logger.log("Connected to " + ((_a2 = this._socket) == null ? void 0 : _a2.url));
+    this._logger.log("Connected to: ", (_a2 = this._socket) == null ? void 0 : _a2.url);
     this.updateState({ status: "connected" });
     this._streamLogger.startLoggging();
     this._connectPromise.resolve();
@@ -60245,7 +60210,10 @@ class Decoder {
         this._logger.error("Error decoding video chunk: ", e);
       }
     }
-    this._firstDecoded = true;
+    if (!this._firstDecoded) {
+      this._firstDecoded = true;
+      this._logger.log("First frame decoded");
+    }
   }
   /**
    * Clears the decoder state and renderer buffer.
@@ -60455,16 +60423,16 @@ class Vim2 {
     if (this._request) {
       return this._request;
     }
-    this._logger.log("Loading " + this.source);
+    this._logger.log("Loading: ", this.source);
     this._request = new LoadRequest$1();
     this._load(this.source, this._request).then(async (request2) => {
       const result = await request2.getResult();
       if (result.isSuccess) {
-        this._logger.log(`Successfully loaded vim: ${this.source}`);
+        this._logger.log("Successfully loaded vim: ", this.source);
         this.reapplyNodes();
         this.reapplyColors();
       } else {
-        this._logger.log(`Failed to load vim:  ${this.source}`);
+        this._logger.log("Failed to load vim: ", this.source);
       }
     });
     return this._request;
@@ -60497,18 +60465,19 @@ class Vim2 {
   }
   /**
    * Requests for the server to load the given URL or file path.
-   * @param url - The URL or file path to load.
+   * @param source - The URL or file path to load.
    * @param result - The load request object to update.
    * @returns The updated load request.
    */
-  async _load(url, result) {
-    const handle = await this._getHandle(url, result);
+  async _load(source, result) {
+    const handle = await this._getHandle(source, result);
     if (result.isCompleted || handle === INVALID_HANDLE) {
       return result;
     }
     while (true) {
       try {
         const state = await this._rpc.RPCGetVimLoadingState(handle);
+        this._logger.log("state :", state);
         result.onProgress(state.progress);
         switch (state.status) {
           // Keep waiting for the loading to complete
@@ -60545,16 +60514,16 @@ class Vim2 {
         return "unknown";
     }
   }
-  async _getHandle(url, result) {
+  async _getHandle(source, result) {
     let handle = void 0;
     try {
-      if (isURL(url)) {
-        handle = await this._rpc.RPCLoadVimURL(url);
-      } else if (isFileURI(url)) {
-        handle = await this._rpc.RPCLoadVim(url);
+      if (isURL(source.url)) {
+        handle = await this._rpc.RPCLoadVimURL(source);
+      } else if (isFileURI(source.url)) {
+        handle = await this._rpc.RPCLoadVim(source);
       } else {
         console.log("Defaulting to file path");
-        handle = await this._rpc.RPCLoadVim(url);
+        handle = await this._rpc.RPCLoadVim(source);
       }
     } catch (e) {
       result.error("downloadingError", e.message);
@@ -60564,6 +60533,7 @@ class Vim2 {
       result.error("downloadingError");
       return INVALID_HANDLE;
     }
+    console.log("handle :", handle);
     return handle;
   }
   /**
@@ -60769,13 +60739,27 @@ function wait(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 const defaultLogger = {
-  log: (message) => {
-    console.log("VIM Ultra: " + message);
+  log: (message, obj) => {
+    const caller = getCaller();
+    const msg = `VIM Ultra : ${message}`;
+    if (obj) {
+      console.log(msg, obj, { caller });
+    } else {
+      console.log(msg, { caller });
+    }
   },
   error: (message, e) => {
-    console.error("VIM Ultra: " + message, e);
+    console.error("VIM Ultra " + message, e);
   }
 };
+function getCaller() {
+  const stack = new Error().stack;
+  if (!stack) return "";
+  const files = stack.split("/");
+  const file = files[files.length - 1];
+  const clean = file.replace(/\?[^:]+/, "");
+  return clean;
+}
 function debounce(func, delay) {
   let timeoutId;
   return [function(...args) {
@@ -60793,14 +60777,16 @@ class Viewport2 {
    * @param canvas - The HTML canvas element to observe and manage
    * @param rpc - RPC client for viewport communication
    */
-  constructor(canvas, rpc) {
+  constructor(canvas, rpc, logger) {
     /** The HTML canvas element used for rendering */
     __publicField(this, "canvas");
     __publicField(this, "_rpc");
+    __publicField(this, "_logger");
     __publicField(this, "_observer");
     __publicField(this, "_clearTimeout");
     this.canvas = canvas;
     this._rpc = rpc;
+    this._logger = logger;
     const [debounced, clear] = debounce(() => this.onResize(), 250);
     this._observer = new ResizeObserver(debounced);
     this._observer.observe(canvas);
@@ -60811,14 +60797,16 @@ class Viewport2 {
    * @private
    */
   onResize() {
-    console.log("Canvas resized to", this.canvas.offsetWidth, "x", this.canvas.offsetHeight);
+    this._logger.log("Canvas resized to :", { x: this.canvas.offsetWidth, y: this.canvas.offsetHeight });
     this.update();
   }
   /**
    * Updates the aspect ratio of the viewport on the server
    */
   update() {
-    this._rpc.RPCSetAspectRatio(this.canvas.offsetWidth, this.canvas.offsetHeight);
+    if (this._rpc.connected) {
+      this._rpc.RPCSetAspectRatio(this.canvas.offsetWidth, this.canvas.offsetHeight);
+    }
   }
   /**
    * Cleans up resources by removing resize observer and clearing timeouts
@@ -61356,7 +61344,7 @@ class VimCollection {
 const defaultRenderSettings = {
   ...defaultSceneSettings,
   lockIblRotation: true,
-  ghostColor: new RGBA(0.7, 0.62, 0.66, 5e-3)
+  ghostColor: new RGBA(14 / 255, 14 / 255, 14 / 255, 1 / 255)
 };
 class Renderer2 {
   /**
@@ -61364,14 +61352,16 @@ class Renderer2 {
    * @param rpc - RPC client for communication with the rendering backend
    * @param settings - Optional partial render settings to override defaults
    */
-  constructor(rpc, settings2 = {}) {
+  constructor(rpc, logger, settings2 = {}) {
     __publicField(this, "_rpc");
+    __publicField(this, "_logger");
     __publicField(this, "_settings");
     __publicField(this, "_animationFrame");
     __publicField(this, "_updateLighting", false);
     __publicField(this, "_updateGhostColor", false);
     __publicField(this, "_updateIblRotation", false);
     this._rpc = rpc;
+    this._logger = logger;
     this._settings = { ...defaultRenderSettings, ...settings2 };
   }
   /**
@@ -61380,8 +61370,12 @@ class Renderer2 {
    */
   async validateConnection() {
     const success = await this._rpc.RPCStartScene(this._settings);
-    if (success) return void 0;
+    if (success) {
+      this._logger.log("Scene stream started successfully");
+      return void 0;
+    }
     const error = await this._rpc.RPCGetLastError();
+    this._logger.error("Failed to start scene stream", error);
     return {
       status: "error",
       error: "stream",
@@ -61606,10 +61600,10 @@ class Viewer2 {
     this.rpc = new RpcSafeClient(new RpcClient(this._socketClient));
     this._canvas = canvas;
     this._vims = new VimCollection();
-    this._viewport = new Viewport2(canvas, this.rpc);
+    this._viewport = new Viewport2(canvas, this.rpc, this._logger);
     this._decoder = new Decoder(canvas, this._logger);
     this._selection = new ViewerSelection(this.rpc, this._vims);
-    this._renderer = new Renderer2(this.rpc);
+    this._renderer = new Renderer2(this.rpc, this._logger);
     this.colors = new ColorManager(this.rpc);
     this._camera = new Camera3(this.rpc);
     this._input = new Inputs(canvas, this.rpc, this._selection, this._camera, this._renderer);
@@ -61718,6 +61712,7 @@ class Viewer2 {
     const remoteVersion = parseVersion(version2);
     const localParsedVersion = parseVersion(localVersion);
     if (localParsedVersion.major !== remoteVersion.major) {
+      this._logger.error("Major version mismatch", { local: localParsedVersion, remote: remoteVersion });
       return {
         status: "error",
         error: "compatibility",
@@ -61726,6 +61721,7 @@ class Viewer2 {
         serverVersion: version2
       };
     }
+    this._logger.log("API version check passed", { local: localParsedVersion, remote: remoteVersion });
     return void 0;
   }
   /**
@@ -61755,16 +61751,16 @@ class Viewer2 {
   }
   /**
    * Requests the server to load the given URL or file path.
-   * @param path - The path or URL to the VIM file.
+   * @param source - The path or URL to the VIM file.
    * @returns A load request object that can be used to wait for the load to complete.
    */
-  loadVim(path) {
-    if (typeof path !== "string" || path.trim() === "") {
+  loadVim(source) {
+    if (typeof source.url !== "string" || source.url.trim() === "") {
       const request22 = new LoadRequest$1();
       request22.error("loadingError", "Invalid path");
       return request22;
     }
-    const vim = new Vim2(this.rpc, this.colors, path, this._logger);
+    const vim = new Vim2(this.rpc, this.colors, source, this._logger);
     this._vims.add(vim);
     const request2 = vim.connect();
     request2.getResult().then((result) => {
@@ -74249,6 +74245,8 @@ function Overlay(props) {
     relay("pointerdown", (s, e) => new PointerEvent(s, e), false);
     relay("pointermove", (s, e) => new PointerEvent(s, e), false);
     relay("pointerup", (s, e) => new PointerEvent(s, e), false);
+    relay("pointerenter", (s, e) => new PointerEvent(s, e));
+    relay("pointerleave", (s, e) => new PointerEvent(s, e));
     relay("touchstart", (s, e) => new TouchEvent(s, e), false);
     relay("touchend", (s, e) => new TouchEvent(s, e), false);
     relay("touchmove", (s, e) => new TouchEvent(s, e), false);
@@ -75692,18 +75690,18 @@ function isFilePathOrUri(input) {
   }
   return true;
 }
-function serverFileDownloadingError(url, server) {
+function serverFileDownloadingError(url, authToken, server) {
   if (isFilePathOrUri(url)) {
     return fileOpeningError(url);
   }
   return {
     title: "File Downloading Error",
-    body: body$4(server, url),
+    body: body$4(server, authToken, server),
     footer: footer(support),
     canClose: false
   };
 }
-function body$4(server, url) {
+function body$4(url, server, authToken) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
     mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       "Oops, it appears that there’s an ",
@@ -75713,7 +75711,8 @@ function body$4(server, url) {
     subTitle("Error details:"),
     dotList([
       server ? bullet("VIM ULTRA Server:", server) : null,
-      bullet("File URL:", url)
+      bullet("File URL:", url),
+      authToken ? bullet("Auth Token:", authToken) : null``
     ]),
     subTitle("Troubleshooting tips:"),
     numList([
@@ -75818,7 +75817,7 @@ function body(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 Ulta Server"),
+      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:"),
@@ -75849,17 +75848,17 @@ function getErrorMessage(state) {
       return serverStreamError(state.serverUrl);
   }
 }
-function getRequestErrorMessage(url, error) {
+function getRequestErrorMessage(source, error) {
   console.log(error);
   switch (error) {
     case "loadingError":
-      return serverFileLoadingError(url);
+      return serverFileLoadingError(source.url);
     case "downloadingError":
     case "unknown":
     case "cancelled":
-      return serverFileDownloadingError(url);
+      return serverFileDownloadingError(source.url);
     case "serverDisconnected":
-      return serverConnectionError(url);
+      return serverConnectionError(source.url);
   }
 }
 function createUltraComponent(container) {
@@ -75914,13 +75913,13 @@ function updateModal(modal, state) {
   }
 }
 function ToRef(viewer, modal) {
-  function load(url) {
-    const request2 = viewer.loadVim(url);
+  function load(source) {
+    const request2 = viewer.loadVim(source);
     void updateProgress(request2, modal);
     void request2.getResult().then(
       (result) => {
         if (result.isError) {
-          modal.message(getRequestErrorMessage(url, result.error));
+          modal.message(getRequestErrorMessage(source, result.error));
           return;
         }
         if (result.isSuccess) {