@relu-interactives/spatial-ecs 0.3.17 → 0.3.18

package/dist/factories/index.d.cts

@@ -1,4 +1,4 @@
-import { A as AnimationComponent, b as AudioComponent, c as CameraComponentOptions, C as CameraComponent, T as RigidbodyState, g as ColliderState, P as PhysicsComponent, o as EntityType, I as ImageComponent, q as ImageTargetAnchor, p as ImageTarget, L as LightComponent, M as MaterialComponent, B as MeshComponent, F as MeshGeometryComponent, J as ModelComponent, N as Name, O as Object3DRef, W as ScriptEntry, V as ScriptComponent, Y as ScriptObjectComponentInput, X as ScriptObjectComponent, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, w as InstancedMeshKind, G as MeshGeometryParameters, v as InstancedMeshComponent, t as InstanceSlotComponent, a6 as VideoComponent, af as XRRigComponent, a4 as VRTeleportAreaComponent, a8 as XRHandPoseComponent, aa as XRInteractableComponent, ac as XRInteractorComponent, ae as XRInteractorSideComponent } from '../XRHandPose-LR4EhboN.cjs';
+import { A as AnimationComponent, b as AudioComponent, c as CameraComponentOptions, C as CameraComponent, T as RigidbodyState, g as ColliderState, P as PhysicsComponent, o as EntityType, I as ImageComponent, q as ImageTargetAnchor, p as ImageTarget, L as LightComponent, M as MaterialComponent, B as MeshComponent, F as MeshGeometryComponent, J as ModelComponent, N as Name, O as Object3DRef, W as ScriptEntry, V as ScriptComponent, Y as ScriptObjectComponentInput, X as ScriptObjectComponent, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, w as InstancedMeshKind, G as MeshGeometryParameters, v as InstancedMeshComponent, t as InstanceSlotComponent, a6 as VideoComponent, af as XRRigComponent, a4 as VRTeleportAreaComponent, a8 as XRHandPoseComponent, aa as XRInteractableComponent, ac as XRInteractorComponent, ae as XRInteractorSideComponent } from '../XRHandPose-B8xxFb9A.cjs';
 import { l as World, g as EnvironmentState, E as Environment, P as ParentId, i as PostprocessingState, h as Postprocessing, T as TransformComponent, O as ObjectManagementSystem } from '../System-BhnLw0fZ.cjs';
 import * as THREE from 'three';
 import '@dimforge/rapier3d-compat';

package/dist/factories/index.d.ts

@@ -1,4 +1,4 @@
-import { A as AnimationComponent, b as AudioComponent, c as CameraComponentOptions, C as CameraComponent, T as RigidbodyState, g as ColliderState, P as PhysicsComponent, o as EntityType, I as ImageComponent, q as ImageTargetAnchor, p as ImageTarget, L as LightComponent, M as MaterialComponent, B as MeshComponent, F as MeshGeometryComponent, J as ModelComponent, N as Name, O as Object3DRef, W as ScriptEntry, V as ScriptComponent, Y as ScriptObjectComponentInput, X as ScriptObjectComponent, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, w as InstancedMeshKind, G as MeshGeometryParameters, v as InstancedMeshComponent, t as InstanceSlotComponent, a6 as VideoComponent, af as XRRigComponent, a4 as VRTeleportAreaComponent, a8 as XRHandPoseComponent, aa as XRInteractableComponent, ac as XRInteractorComponent, ae as XRInteractorSideComponent } from '../XRHandPose-SZ7ou63b.js';
+import { A as AnimationComponent, b as AudioComponent, c as CameraComponentOptions, C as CameraComponent, T as RigidbodyState, g as ColliderState, P as PhysicsComponent, o as EntityType, I as ImageComponent, q as ImageTargetAnchor, p as ImageTarget, L as LightComponent, M as MaterialComponent, B as MeshComponent, F as MeshGeometryComponent, J as ModelComponent, N as Name, O as Object3DRef, W as ScriptEntry, V as ScriptComponent, Y as ScriptObjectComponentInput, X as ScriptObjectComponent, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, w as InstancedMeshKind, G as MeshGeometryParameters, v as InstancedMeshComponent, t as InstanceSlotComponent, a6 as VideoComponent, af as XRRigComponent, a4 as VRTeleportAreaComponent, a8 as XRHandPoseComponent, aa as XRInteractableComponent, ac as XRInteractorComponent, ae as XRInteractorSideComponent } from '../XRHandPose-ubMe5Igc.js';
 import { l as World, g as EnvironmentState, E as Environment, P as ParentId, i as PostprocessingState, h as Postprocessing, T as TransformComponent, O as ObjectManagementSystem } from '../System-BhnLw0fZ.js';
 import * as THREE from 'three';
 import '@dimforge/rapier3d-compat';

package/dist/factories/index.js

@@ -1,6 +1,6 @@
-export { createAnimationComponent, createAudioComponent, createCameraComponent, createEntityTypeComponent, createEnvironmentComponent, createImageComponent, createImageTargetAnchorComponent, createImageTargetComponent, createInstanceSlotComponent, createInstancedMeshComponent, createLightComponent, createMaterialComponent, createMeshComponent, createMeshGeometryComponent, createModelComponent, createNameComponent, createObject3DRefComponent, createParentIdComponent, createPhysicsComponent, createPostprocessingComponent, createScriptComponent, createScriptObjectComponent, createSelectableComponent, createSelectionTransformStateComponent, createSpriteComponent, createTransformComponent, createVRTeleportAreaComponent, createVideoComponent, createXRHandPoseComponent, createXRInteractableComponent, createXRInteractorComponent, createXRInteractorSideComponent, createXRRigComponent, registerDefaultComponentFactories, registerDefaultFactories } from '../chunk-UHJ4MDIM.js';
-import '../chunk-PNQ7HDQC.js';
-import '../chunk-3LDQ4GVZ.js';
+export { createAnimationComponent, createAudioComponent, createCameraComponent, createEntityTypeComponent, createEnvironmentComponent, createImageComponent, createImageTargetAnchorComponent, createImageTargetComponent, createInstanceSlotComponent, createInstancedMeshComponent, createLightComponent, createMaterialComponent, createMeshComponent, createMeshGeometryComponent, createModelComponent, createNameComponent, createObject3DRefComponent, createParentIdComponent, createPhysicsComponent, createPostprocessingComponent, createScriptComponent, createScriptObjectComponent, createSelectableComponent, createSelectionTransformStateComponent, createSpriteComponent, createTransformComponent, createVRTeleportAreaComponent, createVideoComponent, createXRHandPoseComponent, createXRInteractableComponent, createXRInteractorComponent, createXRInteractorSideComponent, createXRRigComponent, registerDefaultComponentFactories, registerDefaultFactories } from '../chunk-KRWBNC6Y.js';
+import '../chunk-PFE2SDXR.js';
+import '../chunk-J3EUNW57.js';
 import '../chunk-OY7ZODZP.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{index-ekS4iypo.d.cts → index-7CFf45fo.d.cts}

@@ -751,15 +751,36 @@ declare class XRControllerVisualSystem implements EcsSystem {
 declare class XRTeleportVisualSystem implements EcsSystem {
     private readonly locomotionSystem;
     private readonly group;
+    /** Holds the segment chain that draws the arc. */
     private readonly arc;
-    private readonly arcGeometry;
+    /**
+     * Unit cylinder along +Y, reused by every segment.
+     *
+     * The arc was a `THREE.Line`, which WebGL always renders one pixel wide —
+     * effectively invisible on a headset, and not thickenable at all. A chain of
+     * scaled cylinders gives real thickness while rebuilding no geometry: each
+     * frame only moves, rotates and scales meshes that already exist.
+     */
+    private readonly segmentGeometry;
+    private readonly segments;
     private readonly marker;
     private attached;
+    private readonly scratchDirection;
+    private readonly scratchHead;
+    private readonly validColor;
+    private readonly invalidColor;
     constructor(locomotionSystem: XRLocomotionSystem);
     update(world: World): void;
     private updateArcGeometry;
+    /** Grow the segment pool to cover the current arc. */
+    private ensureSegments;
+    /** Drop leading points that sit too close to the viewer's head. */
+    private trimNearHead;
+    private resolveRig;
     private createRing;
     private createDot;
+    /** Recolour the landing marker to match the arc. */
+    private tintMarker;
     private setVisible;
     dispose(): void;
 }

package/dist/{index-BL5EWkwY.d.cts → index-CA9fqh4Z.d.cts}

@@ -1,4 +1,4 @@
-import { A as AnimationComponent, a as AnimationComponentOptions, b as AudioComponent, C as CameraComponent, c as CameraComponentOptions, d as CameraProjection, e as CameraRuntimeType, f as ColliderShape, g as ColliderState, h as CubeMeshParameters, D as DEFAULT_COLLIDER_STATE, i as DEFAULT_INSTANCED_MESH_PARAMETERS, j as DEFAULT_INSTANCE_TRANSFORM, k as DEFAULT_MESH_GEOMETRY_PARAMETERS, l as DEFAULT_PHYSICS_STATE, m as DEFAULT_POSE_CURLS, n as DEFAULT_RIGIDBODY_STATE, E as EditableMeshObjectKind, o as EntityType, I as ImageComponent, p as ImageTarget, q as ImageTargetAnchor, r as ImageTargetAnchorOptions, s as ImageTargetReference, t as InstanceSlotComponent, u as InstanceTransform, v as InstancedMeshComponent, w as InstancedMeshKind, L as LightComponent, x as LightValueState, M as MaterialComponent, y as MaterialTypeValue, z as MaterialValueState, B as MeshComponent, F as MeshGeometryComponent, G as MeshGeometryParameters, H as MeshGeometryParametersByKind, J as ModelComponent, N as Name, O as Object3DRef, P as PhysicsComponent, K as PhysicsState, Q as PlaneMeshParameters, R as RadiusHeightMeshParameters, S as RadiusMeshParameters, T as RigidbodyState, U as RigidbodyType, V as ScriptComponent, W as ScriptEntry, X as ScriptObjectComponent, Y as ScriptObjectComponentInput, Z as ScriptObjectRuntimeState, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, a1 as TextureFilteringValue, a2 as TransformModeValue, a3 as TransformSpaceValue, a4 as VRTeleportAreaComponent, a5 as VRTeleportAreaOptions, a6 as VideoComponent, a7 as VrTeleportShape, a8 as XRHandPoseComponent, a9 as XRHandPoseOptions, aa as XRInteractableComponent, ab as XRInteractableOptions, ac as XRInteractorComponent, ad as XRInteractorOptions, ae as XRInteractorSideComponent, af as XRRigComponent, ag as XRRigOptions, ah as XrAttachPoint, ai as XrDistanceGrabBehavior, aj as XrGrabGesture, ak as XrGrabHands, al as XrGrabReach, am as XrHandPoseEntry, an as XrHandPreset, ao as XrInteractorSide, ap as XrInteractorType, aq as XrLocomotionMode, ar as XrTrackingOrigin, as as XrTwoHandRotation, at as createAttachPoint, au as createHandPoseEntry, av as defaultMaterialValue, aw as handPoseDefinitionFor, ax as normalizePhysicsState, ay as setPhysicsLiveRef } from './XRHandPose-LR4EhboN.cjs';
+import { A as AnimationComponent, a as AnimationComponentOptions, b as AudioComponent, C as CameraComponent, c as CameraComponentOptions, d as CameraProjection, e as CameraRuntimeType, f as ColliderShape, g as ColliderState, h as CubeMeshParameters, D as DEFAULT_COLLIDER_STATE, i as DEFAULT_INSTANCED_MESH_PARAMETERS, j as DEFAULT_INSTANCE_TRANSFORM, k as DEFAULT_MESH_GEOMETRY_PARAMETERS, l as DEFAULT_PHYSICS_STATE, m as DEFAULT_POSE_CURLS, n as DEFAULT_RIGIDBODY_STATE, E as EditableMeshObjectKind, o as EntityType, I as ImageComponent, p as ImageTarget, q as ImageTargetAnchor, r as ImageTargetAnchorOptions, s as ImageTargetReference, t as InstanceSlotComponent, u as InstanceTransform, v as InstancedMeshComponent, w as InstancedMeshKind, L as LightComponent, x as LightValueState, M as MaterialComponent, y as MaterialTypeValue, z as MaterialValueState, B as MeshComponent, F as MeshGeometryComponent, G as MeshGeometryParameters, H as MeshGeometryParametersByKind, J as ModelComponent, N as Name, O as Object3DRef, P as PhysicsComponent, K as PhysicsState, Q as PlaneMeshParameters, R as RadiusHeightMeshParameters, S as RadiusMeshParameters, T as RigidbodyState, U as RigidbodyType, V as ScriptComponent, W as ScriptEntry, X as ScriptObjectComponent, Y as ScriptObjectComponentInput, Z as ScriptObjectRuntimeState, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, a1 as TextureFilteringValue, a2 as TransformModeValue, a3 as TransformSpaceValue, a4 as VRTeleportAreaComponent, a5 as VRTeleportAreaOptions, a6 as VideoComponent, a7 as VrTeleportShape, a8 as XRHandPoseComponent, a9 as XRHandPoseOptions, aa as XRInteractableComponent, ab as XRInteractableOptions, ac as XRInteractorComponent, ad as XRInteractorOptions, ae as XRInteractorSideComponent, af as XRRigComponent, ag as XRRigOptions, ah as XrAttachPoint, ai as XrDistanceGrabBehavior, aj as XrGrabGesture, ak as XrGrabHands, al as XrGrabReach, am as XrHandPoseEntry, an as XrHandPreset, ao as XrInteractorSide, ap as XrInteractorType, aq as XrLocomotionMode, ar as XrTrackingOrigin, as as XrTwoHandRotation, at as createAttachPoint, au as createHandPoseEntry, av as defaultMaterialValue, aw as handPoseDefinitionFor, ax as normalizePhysicsState, ay as setPhysicsLiveRef } from './XRHandPose-B8xxFb9A.cjs';
 import { C as Component, D as DEFAULT_ENVIRONMENT_STATE, a as DEFAULT_POSTPROCESSING_STATE, E as Environment, b as EnvironmentFogState, c as EnvironmentFogType, d as EnvironmentGradientEffect, e as EnvironmentSkyboxState, f as EnvironmentSkyboxType, g as EnvironmentState, P as ParentId, h as Postprocessing, i as PostprocessingState, T as TransformComponent, j as TransformData, V as Vec3 } from './System-BhnLw0fZ.cjs';
 
 /**

package/dist/{index-uKFxVCmr.d.ts → index-D7aSZ-e9.d.ts}

@@ -751,15 +751,36 @@ declare class XRControllerVisualSystem implements EcsSystem {
 declare class XRTeleportVisualSystem implements EcsSystem {
     private readonly locomotionSystem;
     private readonly group;
+    /** Holds the segment chain that draws the arc. */
     private readonly arc;
-    private readonly arcGeometry;
+    /**
+     * Unit cylinder along +Y, reused by every segment.
+     *
+     * The arc was a `THREE.Line`, which WebGL always renders one pixel wide —
+     * effectively invisible on a headset, and not thickenable at all. A chain of
+     * scaled cylinders gives real thickness while rebuilding no geometry: each
+     * frame only moves, rotates and scales meshes that already exist.
+     */
+    private readonly segmentGeometry;
+    private readonly segments;
     private readonly marker;
     private attached;
+    private readonly scratchDirection;
+    private readonly scratchHead;
+    private readonly validColor;
+    private readonly invalidColor;
     constructor(locomotionSystem: XRLocomotionSystem);
     update(world: World): void;
     private updateArcGeometry;
+    /** Grow the segment pool to cover the current arc. */
+    private ensureSegments;
+    /** Drop leading points that sit too close to the viewer's head. */
+    private trimNearHead;
+    private resolveRig;
     private createRing;
     private createDot;
+    /** Recolour the landing marker to match the arc. */
+    private tintMarker;
     private setVisible;
     dispose(): void;
 }

package/dist/{index-ByiUoIoh.d.ts → index-DhWfxUgL.d.ts}

@@ -1,4 +1,4 @@
-import { A as AnimationComponent, a as AnimationComponentOptions, b as AudioComponent, C as CameraComponent, c as CameraComponentOptions, d as CameraProjection, e as CameraRuntimeType, f as ColliderShape, g as ColliderState, h as CubeMeshParameters, D as DEFAULT_COLLIDER_STATE, i as DEFAULT_INSTANCED_MESH_PARAMETERS, j as DEFAULT_INSTANCE_TRANSFORM, k as DEFAULT_MESH_GEOMETRY_PARAMETERS, l as DEFAULT_PHYSICS_STATE, m as DEFAULT_POSE_CURLS, n as DEFAULT_RIGIDBODY_STATE, E as EditableMeshObjectKind, o as EntityType, I as ImageComponent, p as ImageTarget, q as ImageTargetAnchor, r as ImageTargetAnchorOptions, s as ImageTargetReference, t as InstanceSlotComponent, u as InstanceTransform, v as InstancedMeshComponent, w as InstancedMeshKind, L as LightComponent, x as LightValueState, M as MaterialComponent, y as MaterialTypeValue, z as MaterialValueState, B as MeshComponent, F as MeshGeometryComponent, G as MeshGeometryParameters, H as MeshGeometryParametersByKind, J as ModelComponent, N as Name, O as Object3DRef, P as PhysicsComponent, K as PhysicsState, Q as PlaneMeshParameters, R as RadiusHeightMeshParameters, S as RadiusMeshParameters, T as RigidbodyState, U as RigidbodyType, V as ScriptComponent, W as ScriptEntry, X as ScriptObjectComponent, Y as ScriptObjectComponentInput, Z as ScriptObjectRuntimeState, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, a1 as TextureFilteringValue, a2 as TransformModeValue, a3 as TransformSpaceValue, a4 as VRTeleportAreaComponent, a5 as VRTeleportAreaOptions, a6 as VideoComponent, a7 as VrTeleportShape, a8 as XRHandPoseComponent, a9 as XRHandPoseOptions, aa as XRInteractableComponent, ab as XRInteractableOptions, ac as XRInteractorComponent, ad as XRInteractorOptions, ae as XRInteractorSideComponent, af as XRRigComponent, ag as XRRigOptions, ah as XrAttachPoint, ai as XrDistanceGrabBehavior, aj as XrGrabGesture, ak as XrGrabHands, al as XrGrabReach, am as XrHandPoseEntry, an as XrHandPreset, ao as XrInteractorSide, ap as XrInteractorType, aq as XrLocomotionMode, ar as XrTrackingOrigin, as as XrTwoHandRotation, at as createAttachPoint, au as createHandPoseEntry, av as defaultMaterialValue, aw as handPoseDefinitionFor, ax as normalizePhysicsState, ay as setPhysicsLiveRef } from './XRHandPose-SZ7ou63b.js';
+import { A as AnimationComponent, a as AnimationComponentOptions, b as AudioComponent, C as CameraComponent, c as CameraComponentOptions, d as CameraProjection, e as CameraRuntimeType, f as ColliderShape, g as ColliderState, h as CubeMeshParameters, D as DEFAULT_COLLIDER_STATE, i as DEFAULT_INSTANCED_MESH_PARAMETERS, j as DEFAULT_INSTANCE_TRANSFORM, k as DEFAULT_MESH_GEOMETRY_PARAMETERS, l as DEFAULT_PHYSICS_STATE, m as DEFAULT_POSE_CURLS, n as DEFAULT_RIGIDBODY_STATE, E as EditableMeshObjectKind, o as EntityType, I as ImageComponent, p as ImageTarget, q as ImageTargetAnchor, r as ImageTargetAnchorOptions, s as ImageTargetReference, t as InstanceSlotComponent, u as InstanceTransform, v as InstancedMeshComponent, w as InstancedMeshKind, L as LightComponent, x as LightValueState, M as MaterialComponent, y as MaterialTypeValue, z as MaterialValueState, B as MeshComponent, F as MeshGeometryComponent, G as MeshGeometryParameters, H as MeshGeometryParametersByKind, J as ModelComponent, N as Name, O as Object3DRef, P as PhysicsComponent, K as PhysicsState, Q as PlaneMeshParameters, R as RadiusHeightMeshParameters, S as RadiusMeshParameters, T as RigidbodyState, U as RigidbodyType, V as ScriptComponent, W as ScriptEntry, X as ScriptObjectComponent, Y as ScriptObjectComponentInput, Z as ScriptObjectRuntimeState, _ as Selectable, $ as SelectionTransformState, a0 as SpriteComponent, a1 as TextureFilteringValue, a2 as TransformModeValue, a3 as TransformSpaceValue, a4 as VRTeleportAreaComponent, a5 as VRTeleportAreaOptions, a6 as VideoComponent, a7 as VrTeleportShape, a8 as XRHandPoseComponent, a9 as XRHandPoseOptions, aa as XRInteractableComponent, ab as XRInteractableOptions, ac as XRInteractorComponent, ad as XRInteractorOptions, ae as XRInteractorSideComponent, af as XRRigComponent, ag as XRRigOptions, ah as XrAttachPoint, ai as XrDistanceGrabBehavior, aj as XrGrabGesture, ak as XrGrabHands, al as XrGrabReach, am as XrHandPoseEntry, an as XrHandPreset, ao as XrInteractorSide, ap as XrInteractorType, aq as XrLocomotionMode, ar as XrTrackingOrigin, as as XrTwoHandRotation, at as createAttachPoint, au as createHandPoseEntry, av as defaultMaterialValue, aw as handPoseDefinitionFor, ax as normalizePhysicsState, ay as setPhysicsLiveRef } from './XRHandPose-ubMe5Igc.js';
 import { C as Component, D as DEFAULT_ENVIRONMENT_STATE, a as DEFAULT_POSTPROCESSING_STATE, E as Environment, b as EnvironmentFogState, c as EnvironmentFogType, d as EnvironmentGradientEffect, e as EnvironmentSkyboxState, f as EnvironmentSkyboxType, g as EnvironmentState, P as ParentId, h as Postprocessing, i as PostprocessingState, T as TransformComponent, j as TransformData, V as Vec3 } from './System-BhnLw0fZ.js';
 
 /**

package/dist/index.cjs

@@ -2576,6 +2576,9 @@ var _XRRigComponent = class _XRRigComponent extends Component {
     this.snapTurn = options?.snapTurn ?? true;
     this.snapTurnDegrees = options?.snapTurnDegrees ?? 30;
     this.fallbackEyeHeight = options?.fallbackEyeHeight ?? 1.6;
+    this.teleportArcColor = options?.teleportArcColor ?? "#4da3ff";
+    this.teleportArcInvalidColor = options?.teleportArcInvalidColor ?? "#ff5a5a";
+    this.teleportArcThickness = options?.teleportArcThickness ?? 0.012;
   }
 };
 __name(_XRRigComponent, "XRRigComponent");
@@ -4831,6 +4834,15 @@ function restorePostCreateComponents(world, objectManagementSystem, targetEntity
       if (typeof sourceXrRig.snapTurnDegrees === "number") {
         rig.snapTurnDegrees = sourceXrRig.snapTurnDegrees;
       }
+      if (typeof sourceXrRig.teleportArcColor === "string") {
+        rig.teleportArcColor = sourceXrRig.teleportArcColor;
+      }
+      if (typeof sourceXrRig.teleportArcInvalidColor === "string") {
+        rig.teleportArcInvalidColor = sourceXrRig.teleportArcInvalidColor;
+      }
+      if (typeof sourceXrRig.teleportArcThickness === "number") {
+        rig.teleportArcThickness = sourceXrRig.teleportArcThickness;
+      }
       if (typeof sourceXrRig.fallbackEyeHeight === "number") {
         rig.fallbackEyeHeight = sourceXrRig.fallbackEyeHeight;
       }
@@ -12625,24 +12637,33 @@ __name(_XRControllerVisualSystem, "XRControllerVisualSystem");
 var XRControllerVisualSystem = _XRControllerVisualSystem;
 var MARKER_RADIUS = 0.28;
 var ACCENT = new THREE51__namespace.Color("#4da3ff");
-var BLOCKED = new THREE51__namespace.Color("#ff5a5a");
+var SEGMENT_AXIS = new THREE51__namespace.Vector3(0, 1, 0);
+var HEAD_CLEARANCE = 0.25;
 var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
   constructor(locomotionSystem) {
     this.group = new THREE51__namespace.Group();
-    this.arcGeometry = new THREE51__namespace.BufferGeometry();
+    /** Holds the segment chain that draws the arc. */
+    this.arc = new THREE51__namespace.Group();
+    /**
+     * Unit cylinder along +Y, reused by every segment.
+     *
+     * The arc was a `THREE.Line`, which WebGL always renders one pixel wide —
+     * effectively invisible on a headset, and not thickenable at all. A chain of
+     * scaled cylinders gives real thickness while rebuilding no geometry: each
+     * frame only moves, rotates and scales meshes that already exist.
+     */
+    this.segmentGeometry = new THREE51__namespace.CylinderGeometry(1, 1, 1, 6, 1);
+    this.segments = [];
     this.marker = new THREE51__namespace.Group();
     this.attached = false;
+    this.scratchDirection = new THREE51__namespace.Vector3();
+    this.scratchHead = new THREE51__namespace.Vector3();
+    this.validColor = new THREE51__namespace.Color();
+    this.invalidColor = new THREE51__namespace.Color();
     this.locomotionSystem = locomotionSystem;
     this.group.name = "XRTeleportVisuals";
     this.group.userData.ecsPreviewHidden = true;
-    const arcMaterial = new THREE51__namespace.LineBasicMaterial({
-      vertexColors: true,
-      transparent: true,
-      depthTest: false
-    });
-    this.arc = new THREE51__namespace.Line(this.arcGeometry, arcMaterial);
-    this.arc.frustumCulled = false;
-    this.arc.renderOrder = 998;
+    this.arc.name = "XRTeleportArc";
     this.group.add(this.arc);
     this.marker.add(this.createRing(), this.createDot());
     this.marker.renderOrder = 999;
@@ -12654,15 +12675,27 @@ var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
       world.getScene().add(this.group);
       this.attached = true;
     }
-    const curve = this.locomotionSystem.getAimCurve();
+    const raw = this.locomotionSystem.getAimCurve();
     const landing = this.locomotionSystem.getLandingPoint();
     const valid = this.locomotionSystem.isAimValid();
+    if (raw.length < 2) {
+      this.setVisible(false);
+      return;
+    }
+    const curve = this.trimNearHead(world, raw);
     if (curve.length < 2) {
       this.setVisible(false);
       return;
     }
-    this.updateArcGeometry(curve, valid ? ACCENT : BLOCKED);
+    const rig = this.resolveRig(world);
+    const thickness = Math.min(
+      0.1,
+      Math.max(1e-3, rig?.teleportArcThickness ?? 0.012)
+    );
+    const tint = valid ? this.validColor.set(rig?.teleportArcColor ?? "#4da3ff") : this.invalidColor.set(rig?.teleportArcInvalidColor ?? "#ff5a5a");
+    this.updateArcGeometry(curve, tint, thickness);
     if (valid && landing) {
+      this.tintMarker(tint);
       this.marker.position.copy(landing);
       this.marker.position.y += 0.01;
       this.marker.visible = true;
@@ -12671,27 +12704,66 @@ var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
     }
     this.setVisible(true);
   }
-  updateArcGeometry(curve, tint) {
-    const count = curve.length;
-    const positions = new Float32Array(count * 3);
-    const colors = new Float32Array(count * 3);
-    for (let i = 0; i < count; i += 1) {
-      const point = curve[i];
-      positions[i * 3] = point.x;
-      positions[i * 3 + 1] = point.y;
-      positions[i * 3 + 2] = point.z;
-      const t = count > 1 ? i / (count - 1) : 0;
+  updateArcGeometry(curve, tint, thickness) {
+    const needed = curve.length - 1;
+    this.ensureSegments(needed);
+    const radius = thickness / 2;
+    for (let i = 0; i < this.segments.length; i += 1) {
+      const segment = this.segments[i];
+      if (i >= needed) {
+        segment.visible = false;
+        continue;
+      }
+      const from = curve[i];
+      const to = curve[i + 1];
+      this.scratchDirection.subVectors(to, from);
+      const length = this.scratchDirection.length();
+      if (length < 1e-6) {
+        segment.visible = false;
+        continue;
+      }
+      segment.visible = true;
+      segment.position.copy(from).addScaledVector(this.scratchDirection, 0.5);
+      segment.quaternion.setFromUnitVectors(
+        SEGMENT_AXIS,
+        this.scratchDirection.divideScalar(length)
+      );
+      segment.scale.set(radius, length, radius);
+      const t = needed > 1 ? i / (needed - 1) : 0;
       const fade = 1 - t * 0.75;
-      colors[i * 3] = tint.r * fade;
-      colors[i * 3 + 1] = tint.g * fade;
-      colors[i * 3 + 2] = tint.b * fade;
+      segment.material.color.copy(tint).multiplyScalar(fade);
     }
-    this.arcGeometry.setAttribute(
-      "position",
-      new THREE51__namespace.BufferAttribute(positions, 3)
-    );
-    this.arcGeometry.setAttribute("color", new THREE51__namespace.BufferAttribute(colors, 3));
-    this.arcGeometry.computeBoundingSphere();
+  }
+  /** Grow the segment pool to cover the current arc. */
+  ensureSegments(count) {
+    while (this.segments.length < count) {
+      const material = new THREE51__namespace.MeshBasicMaterial({
+        transparent: true,
+        depthTest: false,
+        depthWrite: false
+      });
+      const mesh = new THREE51__namespace.Mesh(this.segmentGeometry, material);
+      mesh.frustumCulled = false;
+      mesh.renderOrder = 998;
+      mesh.raycast = () => {
+      };
+      this.segments.push(mesh);
+      this.arc.add(mesh);
+    }
+  }
+  /** Drop leading points that sit too close to the viewer's head. */
+  trimNearHead(world, curve) {
+    world.getCamera().getWorldPosition(this.scratchHead);
+    let start = 0;
+    while (start < curve.length - 2 && curve[start].distanceTo(this.scratchHead) < HEAD_CLEARANCE) {
+      start += 1;
+    }
+    return start === 0 ? curve : curve.slice(start);
+  }
+  resolveRig(world) {
+    const entityId = world.query(XRRigComponent)[0];
+    if (typeof entityId !== "number") return null;
+    return world.getComponent(entityId, XRRigComponent) ?? null;
   }
   createRing() {
     const geometry = new THREE51__namespace.RingGeometry(
@@ -12725,6 +12797,15 @@ var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
       })
     );
   }
+  /** Recolour the landing marker to match the arc. */
+  tintMarker(color) {
+    this.marker.traverse((child) => {
+      const material = child.material;
+      if (material && !Array.isArray(material)) {
+        material.color?.copy(color);
+      }
+    });
+  }
   setVisible(visible) {
     this.group.visible = visible;
   }