gamedev 0.0.3-alpha.0 → 0.0.4-alpha.2

package/build/world-node-client.js

@@ -381,10 +381,10 @@ var Vector3Enhanced = class _Vector3Enhanced {
     this._onChangeCallback();
     return this;
   }
-  lerpVectors(v110, v28, alpha) {
-    this._x = v110.x + (v28.x - v110.x) * alpha;
-    this._y = v110.y + (v28.y - v110.y) * alpha;
-    this._z = v110.z + (v28.z - v110.z) * alpha;
+  lerpVectors(v112, v28, alpha) {
+    this._x = v112.x + (v28.x - v112.x) * alpha;
+    this._y = v112.y + (v28.y - v112.y) * alpha;
+    this._z = v112.z + (v28.z - v112.z) * alpha;
     this._onChangeCallback();
     return this;
   }
@@ -1460,10 +1460,6 @@ var Apps = class extends System {
         }
         const newUrl = window.location.pathname + "?" + urlParams.toString();
         window.history.replaceState({}, "", newUrl);
-      },
-      evm() {
-        const { world: _, ...evm } = world2.evm;
-        return evm;
       }
     };
   }
@@ -1483,10 +1479,10 @@ var Apps = class extends System {
         return entity.data.state;
       },
       props(entity) {
-        return entity.blueprint.props;
+        return entity.getEffectiveProps();
       },
       config(entity) {
-        return entity.blueprint.props;
+        return entity.getEffectiveProps();
       },
       resetOnMove(entity) {
         return entity.resetOnMove;
@@ -1557,7 +1553,11 @@ var Apps = class extends System {
         if (!isArray(entity.fields)) {
           entity.fields = [];
         }
-        const props = entity.blueprint.props;
+        let props = entity.blueprint.props;
+        if (!props || typeof props !== "object" || isArray(props)) {
+          props = {};
+          entity.blueprint.props = props;
+        }
         for (const field of entity.fields) {
           fileRemaps[field.type]?.(field);
           if (field.initial !== void 0 && props[field.key] === void 0) {
@@ -1572,8 +1572,8 @@ var Apps = class extends System {
     if (world2) {
       for (const key in world2) {
         const value = world2[key];
-        const isFunction8 = typeof value === "function";
-        if (isFunction8) {
+        const isFunction9 = typeof value === "function";
+        if (isFunction9) {
           this.worldMethods[key] = value;
           continue;
         }
@@ -1588,8 +1588,8 @@ var Apps = class extends System {
     if (app) {
       for (const key in app) {
         const value = app[key];
-        const isFunction8 = typeof value === "function";
-        if (isFunction8) {
+        const isFunction9 = typeof value === "function";
+        if (isFunction9) {
           this.appMethods[key] = value;
           continue;
         }
@@ -1983,7 +1983,7 @@ var Blueprints = class extends System {
 };
 
 // src/core/entities/App.js
-import { isArray as isArray8, isFunction as isFunction7, isNumber as isNumber19, isString as isString16 } from "lodash-es";
+import { isArray as isArray8, isFunction as isFunction8, isNumber as isNumber21, isString as isString18, merge as merge3 } from "lodash-es";
 import moment3 from "moment";
 
 // src/core/entities/Entity.js
@@ -2029,9 +2029,11 @@ __export(nodes_exports, {
   snap: () => Snap,
   ui: () => UI,
   uiimage: () => UIImage,
+  uiinput: () => UIInput,
   uitext: () => UIText,
   uiview: () => UIView,
-  video: () => Video
+  video: () => Video,
+  webview: () => WebView
 });
 
 // src/core/nodes/Group.js
@@ -5654,16 +5656,6 @@ var Prim = class extends Node {
       this.handle.setEmissive(this._emissive);
       this.handle.setEmissiveIntensity(this._emissiveIntensity);
       count++;
-    } else {
-      this.sItem = {
-        matrix: this.matrixWorldOffset,
-        geometry,
-        material: material2,
-        getEntity: () => this.ctx.entity,
-        node: this
-      };
-      this.ctx.world.stage.octree.insert(this.sItem);
-      count++;
     }
     if (this._physics && !this.ctx.moving) {
       this.mountPhysics(size);
@@ -10708,8 +10700,983 @@ function isEdge4(value) {
   return false;
 }
 
+// src/core/nodes/WebView.js
+import { isBoolean as isBoolean16, isNumber as isNumber15, isString as isString14 } from "lodash-es";
+import { CSS3DObject } from "three/examples/jsm/renderers/CSS3DRenderer.js";
+var defaults18 = {
+  src: null,
+  html: null,
+  width: 1,
+  height: 1,
+  factor: 100,
+  doubleside: false,
+  space: "world",
+  pointerEvents: true
+};
+var v16 = new Vector3Enhanced();
+var WebView = class extends Node {
+  constructor(data = {}) {
+    super(data);
+    this.name = "webview";
+    this.src = data.src;
+    this.html = data.html ?? data.srcdoc;
+    this.width = data.width;
+    this.height = data.height;
+    this.factor = data.factor;
+    this.doubleside = data.doubleside;
+    this.space = data.space;
+    this.pointerEvents = data.pointerEvents;
+    this.n = 0;
+  }
+  copy(source, recursive) {
+    super.copy(source, recursive);
+    this._src = source._src;
+    this._html = source._html;
+    this._width = source._width;
+    this._height = source._height;
+    this._factor = source._factor;
+    this._doubleside = source._doubleside;
+    this._space = source._space;
+    this._pointerEvents = source._pointerEvents;
+    return this;
+  }
+  mount() {
+    this.build();
+  }
+  commit(didMove) {
+    if (this.needsRebuild) {
+      this.build();
+      return;
+    }
+    if (this._space === "screen") {
+      if (didMove && this.container) {
+        this.updateScreenTransform();
+      }
+      return;
+    }
+    if (didMove) {
+      if (this.mesh) {
+        this.mesh.matrixWorld.copy(this.matrixWorld);
+      }
+      if (this.sItem) {
+        this.ctx.world.stage.octree.move(this.sItem);
+      }
+    }
+  }
+  unmount() {
+    this.unbuild();
+  }
+  build() {
+    this.needsRebuild = false;
+    if (this.ctx.world.network.isServer) return;
+    this.unbuild();
+    if (this._space === "screen") {
+      this.buildScreen();
+    } else {
+      this.buildWorld();
+    }
+  }
+  buildWorld() {
+    const n2 = ++this.n;
+    const hasContent = this._src || this._html;
+    const geometry = new three_exports.PlaneGeometry(this._width, this._height);
+    const material2 = new three_exports.MeshBasicMaterial({
+      opacity: 0,
+      color: new three_exports.Color("black"),
+      blending: hasContent ? three_exports.NoBlending : three_exports.NormalBlending,
+      side: this._doubleside ? three_exports.DoubleSide : three_exports.FrontSide
+    });
+    this.mesh = new three_exports.Mesh(geometry, material2);
+    this.mesh.matrixWorld.copy(this.matrixWorld);
+    this.mesh.matrixAutoUpdate = false;
+    this.mesh.matrixWorldAutoUpdate = false;
+    this.mesh.renderOrder = -1;
+    this.ctx.world.stage.scene.add(this.mesh);
+    if (this._pointerEvents) {
+      this.sItem = {
+        matrix: this.matrixWorld,
+        geometry,
+        material: material2,
+        getEntity: () => this.ctx.entity,
+        node: this
+      };
+      this.ctx.world.stage.octree.insert(this.sItem);
+    }
+    if (!hasContent) return;
+    const widthPx = `${this._width * this._factor}px`;
+    const heightPx = `${this._height * this._factor}px`;
+    const container = document.createElement("div");
+    container.style.width = widthPx;
+    container.style.height = heightPx;
+    const inner = document.createElement("div");
+    inner.style.width = widthPx;
+    inner.style.height = heightPx;
+    inner.style.backgroundColor = "#000";
+    const iframe = document.createElement("iframe");
+    iframe.frameBorder = "0";
+    iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share";
+    iframe.allowFullscreen = true;
+    iframe.style.width = widthPx;
+    iframe.style.height = heightPx;
+    iframe.style.border = "0px";
+    iframe.style.pointerEvents = "none";
+    if (this._html) {
+      iframe.srcdoc = this._html;
+    } else {
+      iframe.src = this._src;
+    }
+    container.appendChild(inner);
+    inner.appendChild(iframe);
+    this.objectCSS = new CSS3DObject(container);
+    this.objectCSS.target = this.mesh;
+    this.mesh.updateMatrixWorld();
+    this.mesh.matrixWorld.decompose(this.objectCSS.position, this.objectCSS.quaternion, v16);
+    this.objectCSS.scale.setScalar(1 / this._factor);
+    this.iframe = iframe;
+    this.inner = inner;
+    this.container = container;
+    const isDesktop = !this.ctx.world.network.isServer && this.ctx.world.controls && !/iPhone|iPad|iPod|Android/i.test(globalThis.navigator?.userAgent || "");
+    if (!isDesktop && this._pointerEvents) {
+      iframe.style.pointerEvents = "auto";
+    }
+    inner.addEventListener("mouseenter", () => {
+      if (isDesktop && this._pointerEvents) {
+        this.objectCSS.interacting = true;
+        iframe.style.pointerEvents = "auto";
+      }
+    });
+    inner.addEventListener("mouseleave", () => {
+      if (isDesktop && this._pointerEvents) {
+        this.objectCSS.interacting = false;
+        iframe.style.pointerEvents = "none";
+      }
+    });
+    if (this.n !== n2) return;
+    this.ctx.world.css?.add(this.objectCSS);
+  }
+  buildScreen() {
+    const hasContent = this._src || this._html;
+    if (!hasContent) return;
+    if (!this.ctx.world.pointer?.ui) return;
+    const widthPx = this._width;
+    const heightPx = this._height;
+    const container = document.createElement("div");
+    container.style.position = "absolute";
+    container.style.width = `${widthPx}px`;
+    container.style.height = `${heightPx}px`;
+    container.style.pointerEvents = this._pointerEvents ? "auto" : "none";
+    const iframe = document.createElement("iframe");
+    iframe.frameBorder = "0";
+    iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share";
+    iframe.allowFullscreen = true;
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    iframe.style.border = "0px";
+    if (this._html) {
+      iframe.srcdoc = this._html;
+    } else {
+      iframe.src = this._src;
+    }
+    container.appendChild(iframe);
+    this.container = container;
+    this.iframe = iframe;
+    this.updateScreenTransform();
+    this.ctx.world.pointer.ui.prepend(container);
+  }
+  unbuild() {
+    this.n++;
+    if (this.mesh) {
+      this.ctx.world.stage.scene.remove(this.mesh);
+      this.mesh.geometry.dispose();
+      this.mesh.material.dispose();
+      this.mesh = null;
+    }
+    if (this.sItem) {
+      this.ctx.world.stage.octree.remove(this.sItem);
+      this.sItem = null;
+    }
+    if (this.objectCSS) {
+      this.ctx.world.css?.remove(this.objectCSS);
+      this.objectCSS = null;
+    }
+    if (this.container) {
+      this.container.remove();
+      this.container = null;
+    }
+    this.iframe = null;
+    this.inner = null;
+  }
+  updateScreenTransform() {
+    const xPercent = this.position.x * 100;
+    const yPercent = this.position.y * 100;
+    const rotation = this.rotation.z || 0;
+    const scaleX = this.scale.x;
+    const scaleY = this.scale.y;
+    this.container.style.left = `${xPercent}%`;
+    this.container.style.top = `${yPercent}%`;
+    this.container.style.transform = `translate(-${xPercent}%, -${yPercent}%) rotate(${rotation}rad) scale(${scaleX}, ${scaleY})`;
+    this.container.style.zIndex = String(Math.floor(this.position.z || 0));
+  }
+  onPointerDown(e2) {
+    if (this._onPointerDown) {
+      this._onPointerDown(e2);
+      if (e2.defaultPrevented) return;
+    }
+    if (this.ctx.world.builder?.enabled) return;
+    if (this.ctx.world.controls?.pointer?.locked) {
+      this.ctx.world.controls.unlockPointer();
+    }
+  }
+  get src() {
+    return this._src;
+  }
+  set src(value = defaults18.src) {
+    if (value !== null && !isString14(value)) {
+      throw new Error("[webview] src not null or string");
+    }
+    if (this._src === value) return;
+    this._src = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get html() {
+    return this._html;
+  }
+  set html(value = defaults18.html) {
+    if (value !== null && !isString14(value)) {
+      throw new Error("[webview] html not null or string");
+    }
+    if (this._html === value) return;
+    this._html = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get srcdoc() {
+    return this._html;
+  }
+  set srcdoc(value = defaults18.html) {
+    this.html = value;
+  }
+  get width() {
+    return this._width;
+  }
+  set width(value = defaults18.width) {
+    if (!isNumber15(value)) {
+      throw new Error("[webview] width not a number");
+    }
+    if (this._width === value) return;
+    this._width = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get height() {
+    return this._height;
+  }
+  set height(value = defaults18.height) {
+    if (!isNumber15(value)) {
+      throw new Error("[webview] height not a number");
+    }
+    if (this._height === value) return;
+    this._height = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get factor() {
+    return this._factor;
+  }
+  set factor(value = defaults18.factor) {
+    if (!isNumber15(value)) {
+      throw new Error("[webview] factor not a number");
+    }
+    if (this._factor === value) return;
+    this._factor = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get doubleside() {
+    return this._doubleside;
+  }
+  set doubleside(value = defaults18.doubleside) {
+    if (!isBoolean16(value)) {
+      throw new Error("[webview] doubleside not a boolean");
+    }
+    if (this._doubleside === value) return;
+    this._doubleside = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get space() {
+    return this._space;
+  }
+  set space(value = defaults18.space) {
+    if (value !== "world" && value !== "screen") {
+      throw new Error('[webview] space must be "world" or "screen"');
+    }
+    if (this._space === value) return;
+    this._space = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get pointerEvents() {
+    return this._pointerEvents;
+  }
+  set pointerEvents(value = defaults18.pointerEvents) {
+    if (!isBoolean16(value)) {
+      throw new Error("[webview] pointerEvents not a boolean");
+    }
+    if (this._pointerEvents === value) return;
+    this._pointerEvents = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  getProxy() {
+    if (!this.proxy) {
+      const self2 = this;
+      let proxy = {
+        get src() {
+          return self2.src;
+        },
+        set src(value) {
+          self2.src = value;
+        },
+        get html() {
+          return self2.html;
+        },
+        set html(value) {
+          self2.html = value;
+        },
+        get srcdoc() {
+          return self2.srcdoc;
+        },
+        set srcdoc(value) {
+          self2.srcdoc = value;
+        },
+        get width() {
+          return self2.width;
+        },
+        set width(value) {
+          self2.width = value;
+        },
+        get height() {
+          return self2.height;
+        },
+        set height(value) {
+          self2.height = value;
+        },
+        get factor() {
+          return self2.factor;
+        },
+        set factor(value) {
+          self2.factor = value;
+        },
+        get doubleside() {
+          return self2.doubleside;
+        },
+        set doubleside(value) {
+          self2.doubleside = value;
+        },
+        get space() {
+          return self2.space;
+        },
+        set space(value) {
+          self2.space = value;
+        },
+        get pointerEvents() {
+          return self2.pointerEvents;
+        },
+        set pointerEvents(value) {
+          self2.pointerEvents = value;
+        }
+      };
+      proxy = Object.defineProperties(proxy, Object.getOwnPropertyDescriptors(super.getProxy()));
+      this.proxy = proxy;
+    }
+    return this.proxy;
+  }
+};
+
+// src/core/nodes/UIInput.js
+import { isBoolean as isBoolean17, isFunction as isFunction5, isNumber as isNumber16, isString as isString15 } from "lodash-es";
+import { CSS3DObject as CSS3DObject2 } from "three/examples/jsm/renderers/CSS3DRenderer.js";
+var defaults19 = {
+  value: "",
+  placeholder: "",
+  width: 200,
+  height: 32,
+  factor: 100,
+  fontSize: 14,
+  color: "#000000",
+  backgroundColor: "#ffffff",
+  borderWidth: 1,
+  borderColor: "#cccccc",
+  borderRadius: 4,
+  padding: 8,
+  disabled: false,
+  type: "text"
+};
+var v17 = new Vector3Enhanced();
+var UIInput = class extends Node {
+  constructor(data = {}) {
+    super(data);
+    this.name = "uiinput";
+    this.value = data.value;
+    this.placeholder = data.placeholder;
+    this.width = data.width;
+    this.height = data.height;
+    this.factor = data.factor;
+    this.fontSize = data.fontSize;
+    this.color = data.color;
+    this.backgroundColor = data.backgroundColor;
+    this.borderWidth = data.borderWidth;
+    this.borderColor = data.borderColor;
+    this.borderRadius = data.borderRadius;
+    this.padding = data.padding;
+    this.disabled = data.disabled;
+    this.type = data.type;
+    this._onFocus = data.onFocus;
+    this._onBlur = data.onBlur;
+    this._onChange = data.onChange;
+    this._onSubmit = data.onSubmit;
+    this.n = 0;
+  }
+  copy(source, recursive) {
+    super.copy(source, recursive);
+    this._value = source._value;
+    this._placeholder = source._placeholder;
+    this._width = source._width;
+    this._height = source._height;
+    this._factor = source._factor;
+    this._fontSize = source._fontSize;
+    this._color = source._color;
+    this._backgroundColor = source._backgroundColor;
+    this._borderWidth = source._borderWidth;
+    this._borderColor = source._borderColor;
+    this._borderRadius = source._borderRadius;
+    this._padding = source._padding;
+    this._disabled = source._disabled;
+    this._type = source._type;
+    this._onFocus = source._onFocus;
+    this._onBlur = source._onBlur;
+    this._onChange = source._onChange;
+    this._onSubmit = source._onSubmit;
+    return this;
+  }
+  mount() {
+    this.build();
+  }
+  commit(didMove) {
+    if (this.needsRebuild) {
+      this.build();
+      return;
+    }
+    if (didMove) {
+      if (this.mesh) {
+        this.mesh.matrixWorld.copy(this.matrixWorld);
+      }
+      if (this.sItem) {
+        this.ctx.world.stage.octree.move(this.sItem);
+      }
+    }
+  }
+  unmount() {
+    this.unbuild();
+  }
+  build() {
+    this.needsRebuild = false;
+    if (this.ctx.world.network.isServer) return;
+    this.unbuild();
+    const n2 = ++this.n;
+    const widthM = this._width / this._factor;
+    const heightM = this._height / this._factor;
+    const geometry = new three_exports.PlaneGeometry(widthM, heightM);
+    const material2 = new three_exports.MeshBasicMaterial({
+      opacity: 0,
+      color: new three_exports.Color("black"),
+      blending: three_exports.NoBlending,
+      side: three_exports.FrontSide
+    });
+    this.mesh = new three_exports.Mesh(geometry, material2);
+    this.mesh.matrixWorld.copy(this.matrixWorld);
+    this.mesh.matrixAutoUpdate = false;
+    this.mesh.matrixWorldAutoUpdate = false;
+    this.mesh.renderOrder = -1;
+    this.ctx.world.stage.scene.add(this.mesh);
+    this.sItem = {
+      matrix: this.matrixWorld,
+      geometry,
+      material: material2,
+      getEntity: () => this.ctx.entity,
+      node: this
+    };
+    this.ctx.world.stage.octree.insert(this.sItem);
+    const widthPx = `${this._width}px`;
+    const heightPx = `${this._height}px`;
+    const container = document.createElement("div");
+    container.style.width = widthPx;
+    container.style.height = heightPx;
+    const inner = document.createElement("div");
+    inner.style.width = widthPx;
+    inner.style.height = heightPx;
+    inner.style.backgroundColor = this._backgroundColor;
+    const input = document.createElement("input");
+    input.type = this._type;
+    input.value = this._value;
+    input.placeholder = this._placeholder;
+    input.disabled = this._disabled;
+    input.style.width = "100%";
+    input.style.height = "100%";
+    input.style.boxSizing = "border-box";
+    input.style.border = `${this._borderWidth}px solid ${this._borderColor}`;
+    input.style.borderRadius = `${this._borderRadius}px`;
+    input.style.padding = `${this._padding}px`;
+    input.style.fontSize = `${this._fontSize}px`;
+    input.style.color = this._color;
+    input.style.backgroundColor = this._backgroundColor;
+    input.style.outline = "none";
+    input.style.fontFamily = "Rubik, sans-serif";
+    input.style.pointerEvents = "none";
+    container.appendChild(inner);
+    inner.appendChild(input);
+    this.objectCSS = new CSS3DObject2(container);
+    this.objectCSS.target = this.mesh;
+    this.mesh.updateMatrixWorld();
+    this.mesh.matrixWorld.decompose(this.objectCSS.position, this.objectCSS.quaternion, v17);
+    this.objectCSS.scale.setScalar(1 / this._factor);
+    this.input = input;
+    this.inner = inner;
+    this.container = container;
+    const isDesktop = !this.ctx.world.network.isServer && this.ctx.world.controls && !/iPhone|iPad|iPod|Android/i.test(globalThis.navigator?.userAgent || "");
+    if (!isDesktop) {
+      input.style.pointerEvents = "auto";
+    }
+    container.addEventListener("pointerdown", (e2) => {
+      e2.stopPropagation();
+    });
+    inner.addEventListener("mouseenter", () => {
+      if (isDesktop) {
+        this.objectCSS.interacting = true;
+        input.style.pointerEvents = "auto";
+      }
+    });
+    inner.addEventListener("mouseleave", () => {
+      if (isDesktop && document.activeElement !== input) {
+        this.objectCSS.interacting = false;
+        input.style.pointerEvents = "none";
+      }
+    });
+    input.addEventListener("focus", () => {
+      this.objectCSS.interacting = true;
+      this._onFocus?.(this._value);
+    });
+    input.addEventListener("blur", () => {
+      if (isDesktop) {
+        this.objectCSS.interacting = false;
+        input.style.pointerEvents = "none";
+      }
+      this._onBlur?.(this._value);
+    });
+    input.addEventListener("input", () => {
+      this._value = input.value;
+      this._onChange?.(this._value);
+    });
+    input.addEventListener("keydown", (e2) => {
+      if (e2.key === "Enter") {
+        e2.preventDefault();
+        this._onSubmit?.(this._value);
+      } else if (e2.key === "Escape") {
+        e2.preventDefault();
+        input.blur();
+      }
+    });
+    if (this.n !== n2) return;
+    this.ctx.world.css?.add(this.objectCSS);
+  }
+  unbuild() {
+    this.n++;
+    if (this.mesh) {
+      this.ctx.world.stage.scene.remove(this.mesh);
+      this.mesh.geometry.dispose();
+      this.mesh.material.dispose();
+      this.mesh = null;
+    }
+    if (this.sItem) {
+      this.ctx.world.stage.octree.remove(this.sItem);
+      this.sItem = null;
+    }
+    if (this.objectCSS) {
+      this.ctx.world.css?.remove(this.objectCSS);
+      this.objectCSS = null;
+    }
+    this.input = null;
+    this.inner = null;
+    this.container = null;
+  }
+  onPointerDown(e2) {
+    if (this._onPointerDown) {
+      this._onPointerDown(e2);
+      if (e2.defaultPrevented) return;
+    }
+    if (this.ctx.world.builder?.enabled) return;
+    if (this._disabled) return;
+    if (this.ctx.world.controls?.pointer?.locked) {
+      this.ctx.world.controls.unlockPointer();
+    }
+  }
+  focus() {
+    this.input?.focus();
+  }
+  blur() {
+    this.input?.blur();
+  }
+  get value() {
+    return this._value;
+  }
+  set value(val = defaults19.value) {
+    if (isNumber16(val)) {
+      val = val + "";
+    }
+    if (!isString15(val)) {
+      throw new Error("[uiinput] value not a string");
+    }
+    if (this._value === val) return;
+    this._value = val;
+    if (this.input) {
+      this.input.value = val;
+    }
+  }
+  get placeholder() {
+    return this._placeholder;
+  }
+  set placeholder(value = defaults19.placeholder) {
+    if (!isString15(value)) {
+      throw new Error("[uiinput] placeholder not a string");
+    }
+    if (this._placeholder === value) return;
+    this._placeholder = value;
+    if (this.input) {
+      this.input.placeholder = value;
+    }
+  }
+  get width() {
+    return this._width;
+  }
+  set width(value = defaults19.width) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] width not a number");
+    }
+    if (this._width === value) return;
+    this._width = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get height() {
+    return this._height;
+  }
+  set height(value = defaults19.height) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] height not a number");
+    }
+    if (this._height === value) return;
+    this._height = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get factor() {
+    return this._factor;
+  }
+  set factor(value = defaults19.factor) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] factor not a number");
+    }
+    if (this._factor === value) return;
+    this._factor = value;
+    this.needsRebuild = true;
+    this.setDirty();
+  }
+  get fontSize() {
+    return this._fontSize;
+  }
+  set fontSize(value = defaults19.fontSize) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] fontSize not a number");
+    }
+    if (this._fontSize === value) return;
+    this._fontSize = value;
+    if (this.input) {
+      this.input.style.fontSize = `${value}px`;
+    }
+  }
+  get color() {
+    return this._color;
+  }
+  set color(value = defaults19.color) {
+    if (!isString15(value)) {
+      throw new Error("[uiinput] color not a string");
+    }
+    if (this._color === value) return;
+    this._color = value;
+    if (this.input) {
+      this.input.style.color = value;
+    }
+  }
+  get backgroundColor() {
+    return this._backgroundColor;
+  }
+  set backgroundColor(value = defaults19.backgroundColor) {
+    if (!isString15(value)) {
+      throw new Error("[uiinput] backgroundColor not a string");
+    }
+    if (this._backgroundColor === value) return;
+    this._backgroundColor = value;
+    if (this.input) {
+      this.input.style.backgroundColor = value;
+    }
+    if (this.inner) {
+      this.inner.style.backgroundColor = value;
+    }
+  }
+  get borderWidth() {
+    return this._borderWidth;
+  }
+  set borderWidth(value = defaults19.borderWidth) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] borderWidth not a number");
+    }
+    if (this._borderWidth === value) return;
+    this._borderWidth = value;
+    if (this.input) {
+      this.input.style.border = `${value}px solid ${this._borderColor}`;
+    }
+  }
+  get borderColor() {
+    return this._borderColor;
+  }
+  set borderColor(value = defaults19.borderColor) {
+    if (!isString15(value)) {
+      throw new Error("[uiinput] borderColor not a string");
+    }
+    if (this._borderColor === value) return;
+    this._borderColor = value;
+    if (this.input) {
+      this.input.style.border = `${this._borderWidth}px solid ${value}`;
+    }
+  }
+  get borderRadius() {
+    return this._borderRadius;
+  }
+  set borderRadius(value = defaults19.borderRadius) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] borderRadius not a number");
+    }
+    if (this._borderRadius === value) return;
+    this._borderRadius = value;
+    if (this.input) {
+      this.input.style.borderRadius = `${value}px`;
+    }
+  }
+  get padding() {
+    return this._padding;
+  }
+  set padding(value = defaults19.padding) {
+    if (!isNumber16(value)) {
+      throw new Error("[uiinput] padding not a number");
+    }
+    if (this._padding === value) return;
+    this._padding = value;
+    if (this.input) {
+      this.input.style.padding = `${value}px`;
+    }
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(value = defaults19.disabled) {
+    if (!isBoolean17(value)) {
+      throw new Error("[uiinput] disabled not a boolean");
+    }
+    if (this._disabled === value) return;
+    this._disabled = value;
+    if (this.input) {
+      this.input.disabled = value;
+    }
+  }
+  get type() {
+    return this._type;
+  }
+  set type(value = defaults19.type) {
+    if (!isString15(value)) {
+      throw new Error("[uiinput] type not a string");
+    }
+    if (this._type === value) return;
+    this._type = value;
+    if (this.input) {
+      this.input.type = value;
+    }
+  }
+  get onFocus() {
+    return this._onFocus;
+  }
+  set onFocus(value) {
+    if (value !== null && value !== void 0 && !isFunction5(value)) {
+      throw new Error("[uiinput] onFocus not a function");
+    }
+    this._onFocus = value;
+  }
+  get onBlur() {
+    return this._onBlur;
+  }
+  set onBlur(value) {
+    if (value !== null && value !== void 0 && !isFunction5(value)) {
+      throw new Error("[uiinput] onBlur not a function");
+    }
+    this._onBlur = value;
+  }
+  get onChange() {
+    return this._onChange;
+  }
+  set onChange(value) {
+    if (value !== null && value !== void 0 && !isFunction5(value)) {
+      throw new Error("[uiinput] onChange not a function");
+    }
+    this._onChange = value;
+  }
+  get onSubmit() {
+    return this._onSubmit;
+  }
+  set onSubmit(value) {
+    if (value !== null && value !== void 0 && !isFunction5(value)) {
+      throw new Error("[uiinput] onSubmit not a function");
+    }
+    this._onSubmit = value;
+  }
+  getProxy() {
+    if (!this.proxy) {
+      const self2 = this;
+      let proxy = {
+        get value() {
+          return self2.value;
+        },
+        set value(v) {
+          self2.value = v;
+        },
+        get placeholder() {
+          return self2.placeholder;
+        },
+        set placeholder(v) {
+          self2.placeholder = v;
+        },
+        get width() {
+          return self2.width;
+        },
+        set width(v) {
+          self2.width = v;
+        },
+        get height() {
+          return self2.height;
+        },
+        set height(v) {
+          self2.height = v;
+        },
+        get factor() {
+          return self2.factor;
+        },
+        set factor(v) {
+          self2.factor = v;
+        },
+        get fontSize() {
+          return self2.fontSize;
+        },
+        set fontSize(v) {
+          self2.fontSize = v;
+        },
+        get color() {
+          return self2.color;
+        },
+        set color(v) {
+          self2.color = v;
+        },
+        get backgroundColor() {
+          return self2.backgroundColor;
+        },
+        set backgroundColor(v) {
+          self2.backgroundColor = v;
+        },
+        get borderWidth() {
+          return self2.borderWidth;
+        },
+        set borderWidth(v) {
+          self2.borderWidth = v;
+        },
+        get borderColor() {
+          return self2.borderColor;
+        },
+        set borderColor(v) {
+          self2.borderColor = v;
+        },
+        get borderRadius() {
+          return self2.borderRadius;
+        },
+        set borderRadius(v) {
+          self2.borderRadius = v;
+        },
+        get padding() {
+          return self2.padding;
+        },
+        set padding(v) {
+          self2.padding = v;
+        },
+        get disabled() {
+          return self2.disabled;
+        },
+        set disabled(v) {
+          self2.disabled = v;
+        },
+        get type() {
+          return self2.type;
+        },
+        set type(v) {
+          self2.type = v;
+        },
+        get onFocus() {
+          return self2.onFocus;
+        },
+        set onFocus(v) {
+          self2.onFocus = v;
+        },
+        get onBlur() {
+          return self2.onBlur;
+        },
+        set onBlur(v) {
+          self2.onBlur = v;
+        },
+        get onChange() {
+          return self2.onChange;
+        },
+        set onChange(v) {
+          self2.onChange = v;
+        },
+        get onSubmit() {
+          return self2.onSubmit;
+        },
+        set onSubmit(v) {
+          self2.onSubmit = v;
+        },
+        focus() {
+          self2.focus();
+        },
+        blur() {
+          self2.blur();
+        }
+      };
+      proxy = Object.defineProperties(proxy, Object.getOwnPropertyDescriptors(super.getProxy()));
+      this.proxy = proxy;
+    }
+    return this.proxy;
+  }
+};
+
 // src/core/nodes/Controller.js
-import { isNumber as isNumber15, isBoolean as isBoolean16, isString as isString14, isFunction as isFunction5 } from "lodash-es";
+import { isNumber as isNumber17, isBoolean as isBoolean18, isString as isString16, isFunction as isFunction6 } from "lodash-es";
 
 // src/core/extras/general.js
 var DEG2RAD = three_exports.MathUtils.DEG2RAD;
@@ -10717,7 +11684,7 @@ var RAD2DEG = three_exports.MathUtils.RAD2DEG;
 
 // src/core/nodes/Controller.js
 var layers = ["environment", "prop", "player", "tool"];
-var defaults18 = {
+var defaults20 = {
   radius: 0.4,
   height: 1,
   visible: false,
@@ -10834,8 +11801,8 @@ var Controller = class extends Node {
   get radius() {
     return this._radius;
   }
-  set radius(value = defaults18.radius) {
-    if (!isNumber15(value)) {
+  set radius(value = defaults20.radius) {
+    if (!isNumber17(value)) {
       throw new Error("[controller] radius not a number");
     }
     this._radius = value;
@@ -10845,8 +11812,8 @@ var Controller = class extends Node {
   get height() {
     return this._height;
   }
-  set height(value = defaults18.height) {
-    if (!isNumber15(value)) {
+  set height(value = defaults20.height) {
+    if (!isNumber17(value)) {
       throw new Error("[controller] height not a number");
     }
     this._height = value;
@@ -10856,8 +11823,8 @@ var Controller = class extends Node {
   get visible() {
     return this._visible;
   }
-  set visible(value = defaults18.visible) {
-    if (!isBoolean16(value)) {
+  set visible(value = defaults20.visible) {
+    if (!isBoolean18(value)) {
       throw new Error("[controller] visible not a boolean");
     }
     this._visible = value;
@@ -10867,7 +11834,7 @@ var Controller = class extends Node {
   get layer() {
     return this._layer;
   }
-  set layer(value = defaults18.layer) {
+  set layer(value = defaults20.layer) {
     if (!isLayer(value)) {
       throw new Error(`[controller] invalid layer: ${value}`);
     }
@@ -10880,11 +11847,11 @@ var Controller = class extends Node {
   get tag() {
     return this._tag;
   }
-  set tag(value = defaults18.tag) {
-    if (isNumber15(value)) {
+  set tag(value = defaults20.tag) {
+    if (isNumber17(value)) {
       value = value + "";
     }
-    if (value !== null && !isString14(value)) {
+    if (value !== null && !isString16(value)) {
       throw new Error("[controller] tag not a string");
     }
     this._tag = value;
@@ -10892,8 +11859,8 @@ var Controller = class extends Node {
   get onContactStart() {
     return this._onContactStart;
   }
-  set onContactStart(value = defaults18.onContactStart) {
-    if (value !== null && !isFunction5(value)) {
+  set onContactStart(value = defaults20.onContactStart) {
+    if (value !== null && !isFunction6(value)) {
       throw new Error("[controller] onContactStart not a function");
     }
     this._onContactStart = value;
@@ -10901,8 +11868,8 @@ var Controller = class extends Node {
   get onContactEnd() {
     return this._onContactEnd;
   }
-  set onContactEnd(value = defaults18.onContactEnd) {
-    if (value !== null && !isFunction5(value)) {
+  set onContactEnd(value = defaults20.onContactEnd) {
+    if (value !== null && !isFunction6(value)) {
       throw new Error("[controller] onContactEnd not a function");
     }
     this._onContactEnd = value;
@@ -11003,7 +11970,7 @@ function isLayer(value) {
 }
 
 // src/core/nodes/RigidBody.js
-import { isFunction as isFunction6, isNumber as isNumber16, isString as isString15 } from "lodash-es";
+import { isFunction as isFunction7, isNumber as isNumber18, isString as isString17 } from "lodash-es";
 var _v14 = new Vector3Enhanced();
 var _v24 = new Vector3Enhanced();
 var _q13 = new three_exports.Quaternion();
@@ -11012,7 +11979,7 @@ var _m23 = new three_exports.Matrix4();
 var _m33 = new three_exports.Matrix4();
 var _defaultScale2 = new Vector3Enhanced(1, 1, 1);
 var types3 = ["static", "kinematic", "dynamic"];
-var defaults19 = {
+var defaults21 = {
   type: "static",
   mass: 1,
   linearDamping: 0,
@@ -11164,7 +12131,7 @@ var RigidBody = class extends Node {
   get type() {
     return this._type;
   }
-  set type(value = defaults19.type) {
+  set type(value = defaults21.type) {
     if (!isType2(value)) {
       throw new Error(`[rigidbody] type invalid: ${value}`);
     }
@@ -11176,8 +12143,8 @@ var RigidBody = class extends Node {
   get mass() {
     return this._mass;
   }
-  set mass(value = defaults19.mass) {
-    if (!isNumber16(value)) {
+  set mass(value = defaults21.mass) {
+    if (!isNumber18(value)) {
       throw new Error("[rigidbody] mass not a number");
     }
     if (value < 0) {
@@ -11190,8 +12157,8 @@ var RigidBody = class extends Node {
   get linearDamping() {
     return this._linearDamping;
   }
-  set linearDamping(value = defaults19.linearDamping) {
-    if (!isNumber16(value)) {
+  set linearDamping(value = defaults21.linearDamping) {
+    if (!isNumber18(value)) {
       throw new Error("[rigidbody] linearDamping not a number");
     }
     if (value < 0) {
@@ -11204,8 +12171,8 @@ var RigidBody = class extends Node {
   get angularDamping() {
     return this._angularDamping;
   }
-  set angularDamping(value = defaults19.angularDamping) {
-    if (!isNumber16(value)) {
+  set angularDamping(value = defaults21.angularDamping) {
+    if (!isNumber18(value)) {
       throw new Error("[rigidbody] angularDamping not a number");
     }
     if (value < 0) {
@@ -11218,11 +12185,11 @@ var RigidBody = class extends Node {
   get tag() {
     return this._tag;
   }
-  set tag(value = defaults19.tag) {
-    if (isNumber16(value)) {
+  set tag(value = defaults21.tag) {
+    if (isNumber18(value)) {
       value = value + "";
     }
-    if (value !== null && !isString15(value)) {
+    if (value !== null && !isString17(value)) {
       throw new Error("[rigidbody] tag not a string");
     }
     this._tag = value;
@@ -11230,8 +12197,8 @@ var RigidBody = class extends Node {
   get onContactStart() {
     return this._onContactStart;
   }
-  set onContactStart(value = defaults19.onContactStart) {
-    if (value !== null && !isFunction6(value)) {
+  set onContactStart(value = defaults21.onContactStart) {
+    if (value !== null && !isFunction7(value)) {
       throw new Error("[rigidbody] onContactStart not a function");
     }
     this._onContactStart = value;
@@ -11239,8 +12206,8 @@ var RigidBody = class extends Node {
   get onContactEnd() {
     return this._onContactEnd;
   }
-  set onContactEnd(value = defaults19.onContactEnd) {
-    if (value !== null && !isFunction6(value)) {
+  set onContactEnd(value = defaults21.onContactEnd) {
+    if (value !== null && !isFunction7(value)) {
       throw new Error("[rigidbody] onContactEnd not a function");
     }
     this._onContactEnd = value;
@@ -11248,8 +12215,8 @@ var RigidBody = class extends Node {
   get onTriggerEnter() {
     return this._onTriggerEnter;
   }
-  set onTriggerEnter(value = defaults19.onTriggerEnter) {
-    if (value !== null && !isFunction6(value)) {
+  set onTriggerEnter(value = defaults21.onTriggerEnter) {
+    if (value !== null && !isFunction7(value)) {
       throw new Error("[rigidbody] onTriggerEnter not a function");
     }
     this._onTriggerEnter = value;
@@ -11257,8 +12224,8 @@ var RigidBody = class extends Node {
   get onTriggerLeave() {
     return this._onTriggerLeave;
   }
-  set onTriggerLeave(value = defaults19.onTriggerLeave) {
-    if (value !== null && !isFunction6(value)) {
+  set onTriggerLeave(value = defaults21.onTriggerLeave) {
+    if (value !== null && !isFunction7(value)) {
       throw new Error("[rigidbody] onTriggerLeave not a function");
     }
     this._onTriggerLeave = value;
@@ -11496,8 +12463,8 @@ function isType2(value) {
 }
 
 // src/core/nodes/Collider.js
-import { isBoolean as isBoolean17, isNumber as isNumber17 } from "lodash-es";
-var defaults20 = {
+import { isBoolean as isBoolean19, isNumber as isNumber19 } from "lodash-es";
+var defaults22 = {
   type: "box",
   width: 1,
   height: 1,
@@ -11627,7 +12594,7 @@ var Collider = class extends Node {
   get type() {
     return this._type;
   }
-  set type(value = defaults20.type) {
+  set type(value = defaults22.type) {
     if (!isType3(value)) {
       throw new Error(`[collider] invalid type:`, value);
     }
@@ -11638,8 +12605,8 @@ var Collider = class extends Node {
   get width() {
     return this._width;
   }
-  set width(value = defaults20.width) {
-    if (!isNumber17(value)) {
+  set width(value = defaults22.width) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] width not a number");
     }
     this._width = value;
@@ -11651,8 +12618,8 @@ var Collider = class extends Node {
   get height() {
     return this._height;
   }
-  set height(value = defaults20.height) {
-    if (!isNumber17(value)) {
+  set height(value = defaults22.height) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] height not a number");
     }
     this._height = value;
@@ -11664,8 +12631,8 @@ var Collider = class extends Node {
   get depth() {
     return this._depth;
   }
-  set depth(value = defaults20.depth) {
-    if (!isNumber17(value)) {
+  set depth(value = defaults22.depth) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] depth not a number");
     }
     this._depth = value;
@@ -11682,8 +12649,8 @@ var Collider = class extends Node {
   get radius() {
     return this._radius;
   }
-  set radius(value = defaults20.radius) {
-    if (!isNumber17(value)) {
+  set radius(value = defaults22.radius) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] radius not a number");
     }
     this._radius = value;
@@ -11695,7 +12662,7 @@ var Collider = class extends Node {
   get geometry() {
     return secureRef({}, () => this._geometry);
   }
-  set geometry(value = defaults20.geometry) {
+  set geometry(value = defaults22.geometry) {
     this._geometry = getRef(value);
     this.needsRebuild = true;
     this.setDirty();
@@ -11703,8 +12670,8 @@ var Collider = class extends Node {
   get convex() {
     return this._convex;
   }
-  set convex(value = defaults20.convex) {
-    if (!isBoolean17(value)) {
+  set convex(value = defaults22.convex) {
+    if (!isBoolean19(value)) {
       throw new Error("[collider] convex not a boolean");
     }
     this._convex = value;
@@ -11716,8 +12683,8 @@ var Collider = class extends Node {
   get trigger() {
     return this._trigger;
   }
-  set trigger(value = defaults20.trigger) {
-    if (!isBoolean17(value)) {
+  set trigger(value = defaults22.trigger) {
+    if (!isBoolean19(value)) {
       throw new Error("[collider] trigger not a boolean");
     }
     this._trigger = value;
@@ -11729,7 +12696,7 @@ var Collider = class extends Node {
   get layer() {
     return this._layer;
   }
-  set layer(value = defaults20.layer) {
+  set layer(value = defaults22.layer) {
     if (!isLayer2(value)) {
       throw new Error(`[collider] invalid layer: ${value}`);
     }
@@ -11742,8 +12709,8 @@ var Collider = class extends Node {
   get staticFriction() {
     return this._staticFriction;
   }
-  set staticFriction(value = defaults20.staticFriction) {
-    if (!isNumber17(value)) {
+  set staticFriction(value = defaults22.staticFriction) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] staticFriction not a number");
     }
     this._staticFriction = value;
@@ -11755,8 +12722,8 @@ var Collider = class extends Node {
   get dynamicFriction() {
     return this._dynamicFriction;
   }
-  set dynamicFriction(value = defaults20.dynamicFriction) {
-    if (!isNumber17(value)) {
+  set dynamicFriction(value = defaults22.dynamicFriction) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] dynamicFriction not a number");
     }
     this._dynamicFriction = value;
@@ -11768,8 +12735,8 @@ var Collider = class extends Node {
   get restitution() {
     return this._restitution;
   }
-  set restitution(value = defaults20.restitution) {
-    if (!isNumber17(value)) {
+  set restitution(value = defaults22.restitution) {
+    if (!isNumber19(value)) {
       throw new Error("[collider] restitution not a number");
     }
     this._restitution = value;
@@ -11890,7 +12857,7 @@ function isLayer2(value) {
 }
 
 // src/core/nodes/Joint.js
-import { isBoolean as isBoolean18, isNumber as isNumber18 } from "lodash-es";
+import { isBoolean as isBoolean20, isNumber as isNumber20 } from "lodash-es";
 
 // src/core/extras/bindRotations.js
 function bindRotations(quaternion, euler) {
@@ -11905,7 +12872,7 @@ function bindRotations(quaternion, euler) {
 // src/core/nodes/Joint.js
 var _q15 = new three_exports.Quaternion();
 var _q2 = new three_exports.Quaternion();
-var defaults21 = {
+var defaults23 = {
   type: "fixed",
   body0: null,
   body1: null,
@@ -11924,7 +12891,7 @@ var Joint = class extends Node {
   constructor(data = {}) {
     super(data);
     this.name = "joint";
-    this.type = data.type || defaults21.type;
+    this.type = data.type || defaults23.type;
     this.body0 = null;
     this.offset0 = new Vector3Enhanced(0, 0, 0);
     this.quaternion0 = new three_exports.Quaternion(0, 0, 0, 1);
@@ -11935,16 +12902,16 @@ var Joint = class extends Node {
     this.quaternion1 = new three_exports.Quaternion(0, 0, 0, 1);
     this.rotation1 = new three_exports.Euler(0, 0, 0, "YXZ");
     bindRotations(this.quaternion1, this.rotation1);
-    this.breakForce = isNumber18(data.breakForce) ? data.breakForce : defaults21.breakForce;
-    this.breakTorque = isNumber18(data.breakTorque) ? data.breakTorque : defaults21.breakTorque;
+    this.breakForce = isNumber20(data.breakForce) ? data.breakForce : defaults23.breakForce;
+    this.breakTorque = isNumber20(data.breakTorque) ? data.breakTorque : defaults23.breakTorque;
     this.axis = new Vector3Enhanced(0, 1, 0);
-    this.limitY = isNumber18(data.limitY) ? data.limitY : defaults21.limitY;
-    this.limitZ = isNumber18(data.limitZ) ? data.limitZ : defaults21.limitZ;
-    this.limitMin = isNumber18(data.limitMin) ? data.limitMin : defaults21.limitMin;
-    this.limitMax = isNumber18(data.limitMax) ? data.limitMax : defaults21.limitMax;
-    this.limitStiffness = isNumber18(data.limitStiffness) ? data.limitStiffness : defaults21.limitStiffness;
-    this.limitDamping = isNumber18(data.limitDamping) ? data.limitDamping : defaults21.limitDamping;
-    this.collide = isBoolean18(data.collide) ? data.collide : defaults21.collide;
+    this.limitY = isNumber20(data.limitY) ? data.limitY : defaults23.limitY;
+    this.limitZ = isNumber20(data.limitZ) ? data.limitZ : defaults23.limitZ;
+    this.limitMin = isNumber20(data.limitMin) ? data.limitMin : defaults23.limitMin;
+    this.limitMax = isNumber20(data.limitMax) ? data.limitMax : defaults23.limitMax;
+    this.limitStiffness = isNumber20(data.limitStiffness) ? data.limitStiffness : defaults23.limitStiffness;
+    this.limitDamping = isNumber20(data.limitDamping) ? data.limitDamping : defaults23.limitDamping;
+    this.collide = isBoolean20(data.collide) ? data.collide : defaults23.collide;
     this.frame0 = new PHYSX.PxTransform(PHYSX.PxIDENTITYEnum.PxIdentity);
     this.frame1 = new PHYSX.PxTransform(PHYSX.PxIDENTITYEnum.PxIdentity);
   }
@@ -11968,9 +12935,9 @@ var Joint = class extends Node {
       _q15.copy(this.quaternion0).multiply(alignRotation).toPxTransform(frame0);
       _q2.copy(this.quaternion1).multiply(alignRotation).toPxTransform(frame1);
       this.joint = new PHYSX.SphericalJointCreate(this.ctx.world.physics.physics, actor0, frame0, actor1, frame1);
-      if (isNumber18(this.limitY) && isNumber18(this.limitZ)) {
+      if (isNumber20(this.limitY) && isNumber20(this.limitZ)) {
         let spring;
-        if (isNumber18(this.limitStiffness) && isNumber18(this.limitDamping)) {
+        if (isNumber20(this.limitStiffness) && isNumber20(this.limitDamping)) {
           spring = new PHYSX.PxSpring(this.limitStiffness, this.limitDamping);
         }
         const cone = new PHYSX.PxJointLimitCone(this.limitY * DEG2RAD, this.limitZ * DEG2RAD, spring);
@@ -11987,9 +12954,9 @@ var Joint = class extends Node {
       _q15.copy(this.quaternion0).multiply(alignRotation).toPxTransform(frame0);
       _q2.copy(this.quaternion1).multiply(alignRotation).toPxTransform(frame1);
       this.joint = new PHYSX.RevoluteJointCreate(this.ctx.world.physics.physics, actor0, frame0, actor1, frame1);
-      if (isNumber18(this.limitMin) && isNumber18(this.limitMax)) {
+      if (isNumber20(this.limitMin) && isNumber20(this.limitMax)) {
         let spring;
-        if (isNumber18(this.limitStiffness) && isNumber18(this.limitDamping)) {
+        if (isNumber20(this.limitStiffness) && isNumber20(this.limitDamping)) {
           spring = new PHYSX.PxSpring(this.limitStiffness, this.limitDamping);
         }
         const limit = new PHYSX.PxJointAngularLimitPair(this.limitMin * DEG2RAD, this.limitMax * DEG2RAD, spring);
@@ -12007,7 +12974,7 @@ var Joint = class extends Node {
       this.joint.setMaxDistance(this.limitMax);
       this.joint.setDistanceJointFlag(PHYSX.PxDistanceJointFlagEnum.eMIN_DISTANCE_ENABLED, true);
       this.joint.setDistanceJointFlag(PHYSX.PxDistanceJointFlagEnum.eMAX_DISTANCE_ENABLED, true);
-      if (isNumber18(this.limitStiffness) && isNumber18(this.limitDamping)) {
+      if (isNumber20(this.limitStiffness) && isNumber20(this.limitDamping)) {
         this.joint.setStiffness(this.limitStiffness);
         this.joint.setDamping(this.limitDamping);
         this.joint.setDistanceJointFlag(PHYSX.PxDistanceJointFlagEnum.eSPRING_ENABLED, true);
@@ -12117,7 +13084,7 @@ var Joint = class extends Node {
           return self2.breakForce;
         },
         set breakForce(value) {
-          self2.breakForce = isNumber18(value) ? value : defaults21.breakForce;
+          self2.breakForce = isNumber20(value) ? value : defaults23.breakForce;
           self2.needsRebuild = true;
           self2.setDirty();
         },
@@ -12125,7 +13092,7 @@ var Joint = class extends Node {
           return self2.breakTorque;
         },
         set breakTorque(value) {
-          self2.breakTorque = isNumber18(value) ? value : defaults21.breakTorque;
+          self2.breakTorque = isNumber20(value) ? value : defaults23.breakTorque;
           self2.needsRebuild = true;
           self2.setDirty();
         },
@@ -12367,9 +13334,6 @@ function createPlayerProxy(entity, player) {
     get destroyed() {
       return !!player.destroyed;
     },
-    get evm() {
-      return player.data.evm;
-    },
     teleport(position2, rotationY) {
       if (player.data.owner === world2.network.id) {
         world2.network.enqueue("onPlayerTeleport", { position: position2.toArray(), rotationY });
@@ -12494,12 +13458,6 @@ function createPlayerProxy(entity, player) {
       if (voiceMod) {
         voiceMod = world2.livekit.removeModifier(voiceMod);
       }
-    },
-    connect() {
-      return world2.evm.connect(player);
-    },
-    disconnect() {
-      return world2.evm.disconnect(player);
     }
   };
 }
@@ -12535,6 +13493,9 @@ var App = class extends Entity {
   constructor(world2, data, local) {
     super(world2, data, local);
     this.isApp = true;
+    if (!this.data.props || typeof this.data.props !== "object" || isArray8(this.data.props)) {
+      this.data.props = {};
+    }
     this.n = 0;
     this.worldNodes = /* @__PURE__ */ new Set();
     this.hotEvents = 0;
@@ -12544,6 +13505,7 @@ var App = class extends Entity {
     this.snaps = [];
     this.root = createNode("group");
     this.fields = [];
+    this.effectiveProps = void 0;
     this.target = null;
     this.projectLimit = Infinity;
     this.resetOnMove = false;
@@ -12559,6 +13521,21 @@ var App = class extends Entity {
     const node = createNode(name, data);
     return node;
   }
+  computeEffectiveProps() {
+    const blueprintProps = this.blueprint?.props ?? null;
+    const entityProps = this.data.props;
+    const hasOverrides = entityProps && typeof entityProps === "object" && !isArray8(entityProps) && Object.keys(entityProps).length > 0;
+    if (hasOverrides) {
+      return merge3({}, blueprintProps || {}, entityProps);
+    }
+    return blueprintProps;
+  }
+  getEffectiveProps() {
+    if (this.effectiveProps === void 0) {
+      this.effectiveProps = this.computeEffectiveProps();
+    }
+    return this.effectiveProps;
+  }
   async build(crashed) {
     this.building = true;
     const n2 = ++this.n;
@@ -12608,6 +13585,7 @@ var App = class extends Entity {
     if (this.data.mover) this.mode = Modes.MOVING;
     if (this.data.uploader && this.data.uploader !== this.world.network.id) this.mode = Modes.LOADING;
     this.blueprint = blueprint;
+    this.effectiveProps = this.computeEffectiveProps();
     this.root = root;
     if (!blueprint.scene) {
       this.root.position.fromArray(this.data.position);
@@ -12621,7 +13599,7 @@ var App = class extends Entity {
     if (runScript) {
       this.abortController = new AbortController();
       try {
-        this.script.exec(this.getWorldProxy(), this.getAppProxy(), this.fetch, blueprint.props, this.setTimeout);
+        this.script.exec(this.getWorldProxy(), this.getAppProxy(), this.fetch, this.effectiveProps, this.setTimeout);
         this.scriptError = null;
       } catch (err) {
         this.scriptError = serializeError(err);
@@ -12773,6 +13751,14 @@ var App = class extends Entity {
       this.data.state = data.state;
       rebuild = true;
     }
+    if (data.hasOwnProperty("props")) {
+      if (data.props && typeof data.props === "object" && !isArray8(data.props)) {
+        this.data.props = data.props;
+      } else {
+        this.data.props = {};
+      }
+      rebuild = true;
+    }
     if (rebuild) {
       this.build();
     }
@@ -12968,7 +13954,7 @@ import { XRControllerModelFactory } from "three/addons";
 
 // src/core/extras/simpleCamLerp.js
 var BACKWARD = new Vector3Enhanced(0, 0, 1);
-var v16 = new Vector3Enhanced();
+var v18 = new Vector3Enhanced();
 var sweepGeometry;
 var smoothing = 20;
 function simpleCamLerp(world2, camera, target, delta) {
@@ -12977,7 +13963,7 @@ function simpleCamLerp(world2, camera, target, delta) {
   camera.position.copy(target.position);
   if (!sweepGeometry) sweepGeometry = new PHYSX.PxSphereGeometry(0.2);
   const origin = camera.position;
-  const direction = v16.copy(BACKWARD).applyQuaternion(camera.quaternion);
+  const direction = v18.copy(BACKWARD).applyQuaternion(camera.quaternion);
   const layerMask = Layers.camera.mask;
   const hit = world2.physics.sweep(sweepGeometry, origin, direction, 200, layerMask);
   let distance = target.zoom;
@@ -13024,7 +14010,7 @@ var emoteUrls = [
 ];
 
 // src/core/entities/PlayerLocal.js
-import { isBoolean as isBoolean19, isNumber as isNumber20 } from "lodash-es";
+import { isBoolean as isBoolean21, isNumber as isNumber22 } from "lodash-es";
 var UP = new Vector3Enhanced(0, 1, 0);
 var DOWN = new Vector3Enhanced(0, -1, 0);
 var FORWARD2 = new Vector3Enhanced(0, 0, -1);
@@ -13038,7 +14024,7 @@ var MAX_ZOOM = 8;
 var STICK_OUTER_RADIUS = 50;
 var STICK_INNER_RADIUS = 25;
 var DEFAULT_CAM_HEIGHT = 1.2;
-var v17 = new Vector3Enhanced();
+var v19 = new Vector3Enhanced();
 var v25 = new Vector3Enhanced();
 var v32 = new Vector3Enhanced();
 var v42 = new Vector3Enhanced();
@@ -13203,8 +14189,8 @@ var PlayerLocal = class extends Entity {
     const localPose = new PHYSX.PxTransform(PHYSX.PxIDENTITYEnum.PxIdentity);
     q14.set(0, 0, 0).setFromAxisAngle(BACKWARD2, Math.PI / 2);
     q14.toPxTransform(localPose);
-    v17.set(0, halfHeight + radius, 0);
-    v17.toPxTransform(localPose);
+    v19.set(0, halfHeight + radius, 0);
+    v19.toPxTransform(localPose);
     shape.setLocalPose(localPose);
     const filterData = new PHYSX.PxFilterData(
       Layers.player.group,
@@ -13216,7 +14202,7 @@ var PlayerLocal = class extends Entity {
     shape.setQueryFilterData(filterData);
     shape.setSimulationFilterData(filterData);
     const transform = new PHYSX.PxTransform(PHYSX.PxIDENTITYEnum.PxIdentity);
-    v17.copy(this.base.position).toPxTransform(transform);
+    v19.copy(this.base.position).toPxTransform(transform);
     q14.set(0, 0, 0, 1).toPxTransform(transform);
     this.capsule = this.world.physics.physics.createRigidDynamic(transform);
     this.capsule.setMass(this.mass);
@@ -13296,7 +14282,7 @@ var PlayerLocal = class extends Entity {
     const child = this.world.camera;
     const feetWorldPos = child.getWorldPosition(v25);
     feetWorldPos.y -= child.position.y;
-    const offset = v17.subVectors(position, feetWorldPos);
+    const offset = v19.subVectors(position, feetWorldPos);
     parent.position.add(offset);
   }
   turnXRRigAtPlayer(degrees) {
@@ -13310,7 +14296,7 @@ var PlayerLocal = class extends Entity {
     parent.position.copy(pivotWorld).sub(offset);
   }
   toggleFlying(value) {
-    value = isBoolean19(value) ? value : !this.flying;
+    value = isBoolean21(value) ? value : !this.flying;
     if (this.flying === value) return;
     this.flying = value;
     if (this.flying) {
@@ -13360,7 +14346,7 @@ var PlayerLocal = class extends Entity {
     } else if (!this.flying) {
       if (this.grounded) {
         const pose = this.capsule.getGlobalPose();
-        const origin = v17.copy(pose.p);
+        const origin = v19.copy(pose.p);
         origin.y += 0.2;
         const hitMask = Layers.environment.group | Layers.prop.group;
         const hit = this.world.physics.raycast(origin, DOWN, 2, hitMask);
@@ -13369,17 +14355,17 @@ var PlayerLocal = class extends Entity {
           this.platform.actor = actor;
           if (actor) {
             const platformPose = this.platform.actor.getGlobalPose();
-            v17.copy(platformPose.p);
+            v19.copy(platformPose.p);
             q14.copy(platformPose.q);
-            this.platform.prevTransform.compose(v17, q14, SCALE_IDENTITY);
+            this.platform.prevTransform.compose(v19, q14, SCALE_IDENTITY);
           }
         }
         if (this.platform.actor) {
           const currTransform = m13;
           const platformPose = this.platform.actor.getGlobalPose();
-          v17.copy(platformPose.p);
+          v19.copy(platformPose.p);
           q14.copy(platformPose.q);
-          currTransform.compose(v17, q14, SCALE_IDENTITY);
+          currTransform.compose(v19, q14, SCALE_IDENTITY);
           const deltaTransform = m2.multiplyMatrices(currTransform, this.platform.prevTransform.clone().invert());
           const deltaPosition = v25;
           const deltaQuaternion = q22;
@@ -13412,7 +14398,7 @@ var PlayerLocal = class extends Entity {
       {
         const geometry = this.groundSweepGeometry;
         const pose = this.capsule.getGlobalPose();
-        const origin = v17.copy(
+        const origin = v19.copy(
           pose.p
           /*this.ghost.position*/
         );
@@ -13489,7 +14475,7 @@ var PlayerLocal = class extends Entity {
           const isKinematic = this.platform.actor.getRigidBodyFlags?.().isSet(PHYSX.PxRigidBodyFlagEnum.eKINEMATIC);
           if (!isKinematic && !isStatic) {
             const amount = -9.81 * 0.2;
-            const force = v17.set(0, amount, 0);
+            const force = v19.set(0, amount, 0);
             PHYSX.PxRigidBodyExt.prototype.addForceAtPos(
               this.platform.actor,
               force.toPxVec3(),
@@ -13500,10 +14486,10 @@ var PlayerLocal = class extends Entity {
           }
         }
       } else {
-        const force = v17.set(0, -this.effectiveGravity, 0);
+        const force = v19.set(0, -this.effectiveGravity, 0);
         this.capsule.addForce(force.toPxVec3(), PHYSX.PxForceModeEnum.eFORCE, true);
       }
-      const velocity = v17.copy(this.capsule.getLinearVelocity());
+      const velocity = v19.copy(this.capsule.getLinearVelocity());
       const dragCoeff = 10 * delta;
       let perpComponent = v25.copy(this.groundNormal).multiplyScalar(velocity.dot(this.groundNormal));
       let parallelComponent = v32.copy(velocity).sub(perpComponent);
@@ -13548,7 +14534,7 @@ var PlayerLocal = class extends Entity {
         let moveSpeed = (this.running ? 6 : 3) * this.mass;
         moveSpeed *= 1 - snare;
         const slopeRotation = q14.setFromUnitVectors(UP, this.groundNormal);
-        const moveForce = v17.copy(this.moveDir).multiplyScalar(moveSpeed * 10).applyQuaternion(slopeRotation);
+        const moveForce = v19.copy(this.moveDir).multiplyScalar(moveSpeed * 10).applyQuaternion(slopeRotation);
         this.capsule.addForce(moveForce.toPxVec3(), PHYSX.PxForceModeEnum.eFORCE, true);
       }
       const shouldJump = this.grounded && !this.jumping && this.jumpDown && !this.data.effect?.snare && !this.data.effect?.freeze;
@@ -13573,7 +14559,7 @@ var PlayerLocal = class extends Entity {
     } else {
       if (this.moving || this.jumpDown || this.control.keyC.down) {
         const flySpeed = this.flyForce * (this.running ? 2 : 1);
-        const force = v17.copy(this.flyDir).multiplyScalar(flySpeed);
+        const force = v19.copy(this.flyDir).multiplyScalar(flySpeed);
         if (this.jumpDown) {
           force.y = flySpeed;
         } else if (this.control.keyC.down) {
@@ -13604,11 +14590,11 @@ var PlayerLocal = class extends Entity {
     const anchor = this.getAnchorMatrix();
     if (xr) {
       this.setXRPlayerPosition(this.base.position);
-      this.world.camera.getWorldPosition(v17);
-      v17.y = 0;
+      this.world.camera.getWorldPosition(v19);
+      v19.y = 0;
       v25.copy(this.xrRig.position);
       v25.y = 0;
-      v32.copy(v17).sub(v25);
+      v32.copy(v19).sub(v25);
       this.hmdDelta.copy(v32).sub(this.hmdLast);
       this.hmdLast.copy(v32);
       const pose = this.capsule.getGlobalPose();
@@ -13627,11 +14613,11 @@ var PlayerLocal = class extends Entity {
         this.didSnapTurn = true;
       }
       if (this.didSnapTurn) {
-        this.world.camera.getWorldPosition(v17);
-        v17.y = 0;
+        this.world.camera.getWorldPosition(v19);
+        v19.y = 0;
         v25.copy(this.xrRig.position);
         v25.y = 0;
-        v32.copy(v17).sub(v25);
+        v32.copy(v19).sub(v25);
         this.hmdLast.copy(v32);
       }
     } else if (this.control.pointer.locked) {
@@ -13780,8 +14766,8 @@ var PlayerLocal = class extends Entity {
     } else {
       this.gaze.copy(FORWARD2).applyQuaternion(this.cam.quaternion);
       if (!this.firstPerson) {
-        v17.copy(gazeTiltAxis).applyQuaternion(this.cam.quaternion);
-        this.gaze.applyAxisAngle(v17, gazeTiltAngle);
+        v19.copy(gazeTiltAxis).applyQuaternion(this.cam.quaternion);
+        this.gaze.applyAxisAngle(v19, gazeTiltAngle);
       }
     }
     if (xr) {
@@ -13862,7 +14848,7 @@ var PlayerLocal = class extends Entity {
     } else {
       this.cam.position.y += this.camHeight;
       if (!this.firstPerson) {
-        const forward = v17.copy(FORWARD2).applyQuaternion(this.cam.quaternion);
+        const forward = v19.copy(FORWARD2).applyQuaternion(this.cam.quaternion);
         const right = v25.crossVectors(forward, UP).normalize();
         this.cam.position.add(right.multiplyScalar(0.3));
       }
@@ -13878,7 +14864,7 @@ var PlayerLocal = class extends Entity {
   }
   teleport({ position, rotationY }) {
     position = position.isVector3 ? position : new Vector3Enhanced().fromArray(position);
-    const hasRotation = isNumber20(rotationY);
+    const hasRotation = isNumber22(rotationY);
     const pose = this.capsule.getGlobalPose();
     position.toPxTransform(pose);
     this.capsuleHandle.snap(pose);
@@ -13916,7 +14902,7 @@ var PlayerLocal = class extends Entity {
     this.speaking = speaking;
   }
   push(force) {
-    force = v17.fromArray(force);
+    force = v19.fromArray(force);
     if (this.pushForce) {
       this.pushForce.add(force);
     } else {
@@ -13985,11 +14971,6 @@ var PlayerLocal = class extends Entity {
     if (avatarChanged) {
       this.applyAvatar();
     }
-    if (data.hasOwnProperty("evm")) {
-      this.data.evm = data.evm;
-      this.world.network.send("entityModified", { id: this.data.id, ...data });
-      this.world.events.emit("evm", { playerId: this.data.id, evm: data.evm });
-    }
     if (changed) {
       this.world.emit("player", this);
     }
@@ -14360,13 +15341,6 @@ var PlayerRemote = class extends Entity {
       this.data.rank = data.rank;
       this.world.emit("rank", { playerId: this.data.id, rank: this.data.rank });
     }
-    if (data.hasOwnProperty("evm")) {
-      this.data.evm = data.evm;
-      this.world.events.emit("evm", { playerId: this.data.id, evm: data.evm });
-    }
-    if (data.hasOwnProperty("roles")) {
-      this.data.roles = data.roles;
-    }
     if (avatarChanged) {
       this.applyAvatar();
     }
@@ -14398,6 +15372,161 @@ var PlayerRemote = class extends Entity {
   }
 };
 
+// src/core/entities/AdminPlayerRemote.js
+var AdminPlayerRemote = class extends Entity {
+  constructor(world2, data, local) {
+    super(world2, data, local);
+    this.isPlayer = true;
+    this.isRemote = true;
+    this.init();
+  }
+  async init() {
+    this.base = createNode("group");
+    this.base.position.fromArray(this.data.position || [0, 0, 0]);
+    this.base.quaternion.fromArray(this.data.quaternion || [0, 0, 0, 1]);
+    this.enteredAt = this.data.enteredAt;
+    this.aura = createNode("group");
+    this.nametag = createNode("nametag", { label: this.data.name || "", health: this.data.health, active: false });
+    this.aura.add(this.nametag);
+    this.bubble = createNode("ui", {
+      width: 300,
+      height: 512,
+      pivot: "bottom-center",
+      billboard: "full",
+      scaler: [3, 30],
+      justifyContent: "flex-end",
+      alignItems: "center",
+      active: false
+    });
+    this.bubbleBox = createNode("uiview", {
+      backgroundColor: "rgba(0, 0, 0, 0.8)",
+      borderRadius: 10,
+      padding: 10
+    });
+    this.bubbleText = createNode("uitext", {
+      color: "white",
+      fontWeight: 100,
+      lineHeight: 1.4,
+      fontSize: 16
+    });
+    this.bubble.add(this.bubbleBox);
+    this.bubbleBox.add(this.bubbleText);
+    this.aura.add(this.bubble);
+    this.aura.activate({ world: this.world, entity: this });
+    this.base.activate({ world: this.world, entity: this });
+    this.applyAvatar();
+    this.position = new BufferedLerpVector3(this.base.position, this.world.networkRate * 1.5);
+    this.quaternion = new BufferedLerpQuaternion(this.base.quaternion, this.world.networkRate * 1.5);
+    this.teleport = 0;
+    this.world.setHot(this, true);
+  }
+  applyAvatar() {
+    const avatarUrl = this.data.sessionAvatar || this.data.avatar || "asset://avatar.vrm";
+    if (this.avatarUrl === avatarUrl) return;
+    this.world.loader.load("avatar", avatarUrl).then((src) => {
+      if (this.avatar) this.avatar.deactivate();
+      this.avatar = src.toNodes().get("avatar");
+      this.base.add(this.avatar);
+      this.nametag.position.y = this.avatar.getHeadToHeight() + 0.2;
+      this.bubble.position.y = this.avatar.getHeadToHeight() + 0.2;
+      if (!this.bubble.active) {
+        this.nametag.active = true;
+      }
+      this.avatarUrl = avatarUrl;
+    });
+  }
+  outranks(otherPlayer) {
+    if (!otherPlayer?.data) return false;
+    const rank = Math.max(this.data.rank, this.world.settings.effectiveRank);
+    const otherRank = Math.max(otherPlayer.data.rank, this.world.settings.effectiveRank);
+    return rank > otherRank;
+  }
+  isAdmin() {
+    const rank = Math.max(this.data.rank, this.world.settings.effectiveRank);
+    return hasRank(rank, Ranks.ADMIN);
+  }
+  isBuilder() {
+    const rank = Math.max(this.data.rank, this.world.settings.effectiveRank);
+    return hasRank(rank, Ranks.BUILDER);
+  }
+  isMuted() {
+    return this.world.livekit?.isMuted?.(this.data.id) || false;
+  }
+  update(delta) {
+    this.position.update(delta);
+    this.quaternion.update(delta);
+  }
+  lateUpdate() {
+    if (this.avatar) {
+      const matrix = this.avatar.getBoneTransform("head");
+      if (matrix) {
+        this.aura.position.setFromMatrixPosition(matrix);
+      }
+    }
+  }
+  modify(data) {
+    let avatarChanged;
+    if (data.hasOwnProperty("t")) {
+      this.teleport++;
+    }
+    const position = data.position || data.p;
+    if (position) {
+      this.data.position = position;
+      this.position.push(position, this.teleport);
+    }
+    const quaternion = data.quaternion || data.q;
+    if (quaternion) {
+      this.data.quaternion = quaternion;
+      this.quaternion.push(quaternion, this.teleport);
+    }
+    if (data.hasOwnProperty("name")) {
+      this.data.name = data.name;
+      this.nametag.label = data.name;
+      this.world.emit("name", { playerId: this.data.id, name: this.data.name });
+    }
+    if (data.hasOwnProperty("avatar")) {
+      this.data.avatar = data.avatar;
+      avatarChanged = true;
+    }
+    if (data.hasOwnProperty("sessionAvatar")) {
+      this.data.sessionAvatar = data.sessionAvatar;
+      avatarChanged = true;
+    }
+    if (data.hasOwnProperty("rank")) {
+      this.data.rank = data.rank;
+      this.world.emit("rank", { playerId: this.data.id, rank: this.data.rank });
+    }
+    if (data.hasOwnProperty("enteredAt")) {
+      this.data.enteredAt = data.enteredAt;
+      this.enteredAt = data.enteredAt;
+    }
+    if (avatarChanged) {
+      this.applyAvatar();
+    }
+  }
+  chat(msg) {
+    this.nametag.active = false;
+    this.bubbleText.value = msg;
+    this.bubble.active = true;
+    clearTimeout(this.chatTimer);
+    this.chatTimer = setTimeout(() => {
+      this.bubble.active = false;
+      this.nametag.active = true;
+    }, 5e3);
+  }
+  destroy() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    clearTimeout(this.chatTimer);
+    this.base?.deactivate();
+    this.avatar = null;
+    this.world.setHot(this, false);
+    this.world.events.emit("leave", { playerId: this.data.id });
+    this.aura?.deactivate();
+    this.aura = null;
+  }
+};
+
 // src/core/systems/Entities.js
 var Types = {
   app: App,
@@ -14417,12 +15546,19 @@ var Entities = class extends System {
     return this.items.get(id);
   }
   getPlayer(entityId) {
+    if (this.world.isAdminClient && this.player?.data?.id === entityId) {
+      return this.player;
+    }
     return this.players.get(entityId);
   }
   add(data, local) {
     let Entity2;
     if (data.type === "player") {
-      Entity2 = Types[data.owner === this.world.network.id ? "playerLocal" : "playerRemote"];
+      if (this.world.isAdminClient) {
+        Entity2 = AdminPlayerRemote;
+      } else {
+        Entity2 = Types[data.owner === this.world.network.id ? "playerLocal" : "playerRemote"];
+      }
     } else {
       Entity2 = Types[data.type];
     }
@@ -44293,10 +45429,10 @@ function getOrCreateOverlapHit(idx) {
 }
 
 // src/core/systems/Stage.js
-import { isNumber as isNumber21 } from "lodash-es";
+import { isNumber as isNumber23 } from "lodash-es";
 
 // src/core/extras/LooseOctree.js
-import { isBoolean as isBoolean20 } from "lodash-es";
+import { isBoolean as isBoolean22 } from "lodash-es";
 var _v16 = new Vector3Enhanced();
 var _v26 = new Vector3Enhanced();
 var _q16 = new three_exports.Quaternion();
@@ -44397,7 +45533,7 @@ var LooseOctree = class {
   //   console.log('pruned:', this.pruneCount)
   // }
   toggleHelper(enabled) {
-    enabled = isBoolean20(enabled) ? enabled : !this.helper;
+    enabled = isBoolean22(enabled) ? enabled : !this.helper;
     if (enabled && !this.helper) {
       this.helper = createHelper(this);
       this.helper.init();
@@ -44823,8 +45959,8 @@ var Stage = class extends System {
     } else {
       raw = new three_exports.MeshStandardMaterial({
         color: options.color || "white",
-        metalness: isNumber21(options.metalness) ? options.metalness : 0,
-        roughness: isNumber21(options.roughness) ? options.roughness : 1
+        metalness: isNumber23(options.metalness) ? options.metalness : 0,
+        roughness: isNumber23(options.roughness) ? options.roughness : 1
       });
     }
     raw.shadowSide = three_exports.BackSide;
@@ -44890,7 +46026,7 @@ var Stage = class extends System {
         return raw.emissiveIntensity;
       },
       set emissiveIntensity(value) {
-        if (!isNumber21(value)) {
+        if (!isNumber23(value)) {
           throw new Error("[material] emissiveIntensity not a number");
         }
         raw.emissiveIntensity = value;
@@ -45603,9 +46739,7 @@ var Scripts = class extends System {
       Date: {
         now: () => Date.now()
       },
-      URL: {
-        createObjectURL: (blob) => URL.createObjectURL(blob)
-      },
+      URL,
       Math,
       eval: void 0,
       harden: void 0,
@@ -46033,7 +47167,7 @@ var HandednessRight = "right";
 var XR_TREMOR_SMOOTHING_FACTOR = 0.6;
 var m14 = new three_exports.Matrix4();
 var m22 = new three_exports.Matrix4();
-var v18 = new Vector3Enhanced();
+var v110 = new Vector3Enhanced();
 var v26 = new Vector3Enhanced();
 var q15 = new three_exports.Quaternion();
 var q23 = new three_exports.Quaternion();
@@ -46101,7 +47235,7 @@ var ClientControls = class extends System {
     for (const control of this.controls) {
       if (control.entries.xrLeftRayPose) {
         const pose = control.entries.xrLeftRayPose;
-        const scale = v18.set(1, 1, 1);
+        const scale = v110.set(1, 1, 1);
         m14.compose(pose.lPosition, pose.lQuaternion, scale);
         m22.compose(xrRig.position, xrRig.quaternion, scale);
         m14.premultiply(m22);
@@ -46109,7 +47243,7 @@ var ClientControls = class extends System {
       }
       if (control.entries.xrRightRayPose) {
         const pose = control.entries.xrRightRayPose;
-        const scale = v18.set(1, 1, 1);
+        const scale = v110.set(1, 1, 1);
         m14.compose(pose.lPosition, pose.lQuaternion, scale);
         m22.compose(xrRig.position, xrRig.quaternion, scale);
         m14.premultiply(m22);
@@ -46141,7 +47275,7 @@ var ClientControls = class extends System {
                     pose.lPosition = new Vector3Enhanced().copy(ray.transform.position);
                     pose.lQuaternion = new three_exports.Quaternion().copy(ray.transform.orientation);
                   }
-                  pose.lPosition.lerp(v18.copy(ray.transform.position), 1 - XR_TREMOR_SMOOTHING_FACTOR);
+                  pose.lPosition.lerp(v110.copy(ray.transform.position), 1 - XR_TREMOR_SMOOTHING_FACTOR);
                   pose.lQuaternion.slerp(q15.copy(ray.transform.orientation), 1 - XR_TREMOR_SMOOTHING_FACTOR);
                 }
               }
@@ -46236,7 +47370,7 @@ var ClientControls = class extends System {
                     pose.lPosition = new Vector3Enhanced().copy(ray.transform.position);
                     pose.lQuaternion = new three_exports.Quaternion().copy(ray.transform.orientation);
                   }
-                  pose.lPosition.lerp(v18.copy(ray.transform.position), 1 - XR_TREMOR_SMOOTHING_FACTOR);
+                  pose.lPosition.lerp(v110.copy(ray.transform.position), 1 - XR_TREMOR_SMOOTHING_FACTOR);
                   pose.lQuaternion.slerp(q15.copy(ray.transform.orientation), 1 - XR_TREMOR_SMOOTHING_FACTOR);
                 }
               }
@@ -46870,17 +48004,19 @@ var names = [
   "spawnModified",
   "modifyRank",
   "kick",
-  "ai",
   "ping",
   "pong",
   "blueprintRemoved",
-  "evmConnect",
-  "evmDisconnect",
-  "hlConfig",
-  "evmDeposit",
-  "depositRequest",
-  "depositResponse",
-  "depositResult"
+  // admin protocol
+  "adminAuth",
+  "adminAuthOk",
+  "adminAuthError",
+  "adminCommand",
+  "adminResult",
+  // admin player streaming
+  "playerJoined",
+  "playerUpdated",
+  "playerLeft"
 ];
 var byName = {};
 var byId = {};
@@ -47106,13 +48242,11 @@ var ClientNetwork = class extends System {
     this.world.settings.deserialize(data.settings);
     this.world.settings.setHasAdminCode(data.hasAdminCode);
     this.world.chat.deserialize(data.chat);
-    this.world.ai.deserialize(data.ai);
     this.world.blueprints.deserialize(data.blueprints);
     this.world.entities.deserialize(data.entities);
     this.world.livekit?.deserialize(data.livekit);
     storage.set("authToken", data.authToken);
     this.world.admin?.onSnapshot?.(data);
-    this.world.evm?.onSnapshot?.(data);
   }
   onSettingsModified = (data) => {
     this.world.settings.set(data.key, data.value);
@@ -47171,15 +48305,6 @@ var ClientNetwork = class extends System {
   onKick = (code) => {
     this.world.emit("kick", code);
   };
-  onHlConfig = (data) => {
-    this.world.evm?.onHlConfig?.(data);
-  };
-  onDepositRequest = (data) => {
-    this.world.evm?.onDepositRequest?.(data);
-  };
-  onDepositResult = (data) => {
-    this.world.evm?.onDepositResult?.(data);
-  };
   onClose = (code) => {
     this.world.chat.add({
       id: uuid(),
@@ -47215,12 +48340,12 @@ import {
   BufferAttribute as BufferAttribute2,
   BufferGeometry as BufferGeometry2,
   ClampToEdgeWrapping,
-  Color as Color4,
+  Color as Color6,
   ColorManagement,
   DirectionalLight,
-  DoubleSide as DoubleSide5,
+  DoubleSide as DoubleSide6,
   FileLoader,
-  FrontSide as FrontSide5,
+  FrontSide as FrontSide7,
   Group as Group2,
   ImageBitmapLoader,
   InstancedMesh as InstancedMesh3,
@@ -47242,8 +48367,8 @@ import {
   Material as Material2,
   MathUtils as MathUtils4,
   Matrix4 as Matrix412,
-  Mesh as Mesh9,
-  MeshBasicMaterial as MeshBasicMaterial5,
+  Mesh as Mesh11,
+  MeshBasicMaterial as MeshBasicMaterial7,
   MeshPhysicalMaterial,
   MeshStandardMaterial as MeshStandardMaterial7,
   MirroredRepeatWrapping,
@@ -47540,7 +48665,7 @@ var GLTFLightsExtension = class {
     const lightDefs = extensions.lights || [];
     const lightDef = lightDefs[lightIndex];
     let lightNode;
-    const color = new Color4(16777215);
+    const color = new Color6(16777215);
     if (lightDef.color !== void 0) color.setRGB(lightDef.color[0], lightDef.color[1], lightDef.color[2], LinearSRGBColorSpace);
     const range = lightDef.range !== void 0 ? lightDef.range : 0;
     switch (lightDef.type) {
@@ -47597,11 +48722,11 @@ var GLTFMaterialsUnlitExtension = class {
     this.name = EXTENSIONS.KHR_MATERIALS_UNLIT;
   }
   getMaterialType() {
-    return MeshBasicMaterial5;
+    return MeshBasicMaterial7;
   }
   extendParams(materialParams, materialDef, parser) {
     const pending = [];
-    materialParams.color = new Color4(1, 1, 1);
+    materialParams.color = new Color6(1, 1, 1);
     materialParams.opacity = 1;
     const metallicRoughness = materialDef.pbrMetallicRoughness;
     if (metallicRoughness) {
@@ -47759,7 +48884,7 @@ var GLTFMaterialsSheenExtension = class {
       return Promise.resolve();
     }
     const pending = [];
-    materialParams.sheenColor = new Color4(0, 0, 0);
+    materialParams.sheenColor = new Color6(0, 0, 0);
     materialParams.sheenRoughness = 0;
     materialParams.sheen = 1;
     const extension = materialDef.extensions[this.name];
@@ -47832,7 +48957,7 @@ var GLTFMaterialsVolumeExtension = class {
     }
     materialParams.attenuationDistance = extension.attenuationDistance || Infinity;
     const colorArray = extension.attenuationColor || [1, 1, 1];
-    materialParams.attenuationColor = new Color4().setRGB(colorArray[0], colorArray[1], colorArray[2], LinearSRGBColorSpace);
+    materialParams.attenuationColor = new Color6().setRGB(colorArray[0], colorArray[1], colorArray[2], LinearSRGBColorSpace);
     return Promise.all(pending);
   }
 };
@@ -47882,7 +49007,7 @@ var GLTFMaterialsSpecularExtension = class {
       pending.push(parser.assignTexture(materialParams, "specularIntensityMap", extension.specularTexture));
     }
     const colorArray = extension.specularColorFactor || [1, 1, 1];
-    materialParams.specularColor = new Color4().setRGB(colorArray[0], colorArray[1], colorArray[2], LinearSRGBColorSpace);
+    materialParams.specularColor = new Color6().setRGB(colorArray[0], colorArray[1], colorArray[2], LinearSRGBColorSpace);
     if (extension.specularColorTexture !== void 0) {
       pending.push(parser.assignTexture(materialParams, "specularColorMap", extension.specularColorTexture, SRGBColorSpace3));
     }
@@ -48426,7 +49551,7 @@ function createDefaultMaterial(cache2) {
       roughness: 1,
       transparent: false,
       depthTest: true,
-      side: FrontSide5
+      side: FrontSide7
     });
   }
   return cache2["DefaultMaterial"];
@@ -49137,7 +50262,7 @@ var GLTFParser = class {
       pending.push(kmuExtension.extendParams(materialParams, materialDef, parser));
     } else {
       const metallicRoughness = materialDef.pbrMetallicRoughness || {};
-      materialParams.color = new Color4(1, 1, 1);
+      materialParams.color = new Color6(1, 1, 1);
       materialParams.opacity = 1;
       if (Array.isArray(metallicRoughness.baseColorFactor)) {
         const array = metallicRoughness.baseColorFactor;
@@ -49161,7 +50286,7 @@ var GLTFParser = class {
       })));
     }
     if (materialDef.doubleSided === true) {
-      materialParams.side = DoubleSide5;
+      materialParams.side = DoubleSide6;
     }
     const alphaMode = materialDef.alphaMode || ALPHA_MODES.OPAQUE;
     if (alphaMode === ALPHA_MODES.BLEND) {
@@ -49173,7 +50298,7 @@ var GLTFParser = class {
         materialParams.alphaTest = materialDef.alphaCutoff !== void 0 ? materialDef.alphaCutoff : 0.5;
       }
     }
-    if (materialDef.normalTexture !== void 0 && materialType !== MeshBasicMaterial5) {
+    if (materialDef.normalTexture !== void 0 && materialType !== MeshBasicMaterial7) {
       pending.push(parser.assignTexture(materialParams, "normalMap", materialDef.normalTexture));
       materialParams.normalScale = new Vector24(1, 1);
       if (materialDef.normalTexture.scale !== void 0) {
@@ -49181,17 +50306,17 @@ var GLTFParser = class {
         materialParams.normalScale.set(scale, scale);
       }
     }
-    if (materialDef.occlusionTexture !== void 0 && materialType !== MeshBasicMaterial5) {
+    if (materialDef.occlusionTexture !== void 0 && materialType !== MeshBasicMaterial7) {
       pending.push(parser.assignTexture(materialParams, "aoMap", materialDef.occlusionTexture));
       if (materialDef.occlusionTexture.strength !== void 0) {
         materialParams.aoMapIntensity = materialDef.occlusionTexture.strength;
       }
     }
-    if (materialDef.emissiveFactor !== void 0 && materialType !== MeshBasicMaterial5) {
+    if (materialDef.emissiveFactor !== void 0 && materialType !== MeshBasicMaterial7) {
       const emissiveFactor = materialDef.emissiveFactor;
-      materialParams.emissive = new Color4().setRGB(emissiveFactor[0], emissiveFactor[1], emissiveFactor[2], LinearSRGBColorSpace);
+      materialParams.emissive = new Color6().setRGB(emissiveFactor[0], emissiveFactor[1], emissiveFactor[2], LinearSRGBColorSpace);
     }
-    if (materialDef.emissiveTexture !== void 0 && materialType !== MeshBasicMaterial5) {
+    if (materialDef.emissiveTexture !== void 0 && materialType !== MeshBasicMaterial7) {
       pending.push(parser.assignTexture(materialParams, "emissiveMap", materialDef.emissiveTexture, SRGBColorSpace3));
     }
     return Promise.all(pending).then(function() {
@@ -49282,7 +50407,7 @@ var GLTFParser = class {
         let mesh;
         const material2 = materials[i];
         if (primitive.mode === WEBGL_CONSTANTS.TRIANGLES || primitive.mode === WEBGL_CONSTANTS.TRIANGLE_STRIP || primitive.mode === WEBGL_CONSTANTS.TRIANGLE_FAN || primitive.mode === void 0) {
-          mesh = meshDef.isSkinnedMesh === true ? new SkinnedMesh2(geometry, material2) : new Mesh9(geometry, material2);
+          mesh = meshDef.isSkinnedMesh === true ? new SkinnedMesh2(geometry, material2) : new Mesh11(geometry, material2);
           if (mesh.isSkinnedMesh === true) {
             mesh.normalizeSkinWeights();
           }
@@ -49780,7 +50905,7 @@ function addPrimitiveAttributes(geometry, primitiveDef, parser) {
 
 // src/core/extras/createVRMFactory.js
 import * as SkeletonUtils2 from "three/examples/jsm/utils/SkeletonUtils.js";
-var v19 = new Vector3Enhanced();
+var v111 = new Vector3Enhanced();
 var v27 = new Vector3Enhanced();
 var q16 = new three_exports.Quaternion();
 var m15 = new three_exports.Matrix4();
@@ -50567,7 +51692,7 @@ var ServerLoader = class extends System {
 };
 
 // src/core/systems/NodeEnvironment.js
-import { isNumber as isNumber22, isString as isString17 } from "lodash-es";
+import { isNumber as isNumber24, isString as isString19 } from "lodash-es";
 var NodeEnvironment = class extends System {
   constructor(world2) {
     super(world2);