@hello-terrain/three 0.0.0-alpha.1 → 0.0.0-alpha.11

package/dist/index.cjs

@@ -1,31 +1,33 @@
 'use strict';
 
 const three = require('three');
+const webgpu = require('three/webgpu');
+const work = require('@hello-terrain/work');
 const tsl = require('three/tsl');
+const TSL_js = require('three/src/nodes/TSL.js');
 
 class TerrainGeometry extends three.BufferGeometry {
-  constructor(innerSegments = 14, extendUV = false) {
+  /**
+   * @param flipWinding Reverse triangle winding so front faces point the
+   *   opposite way. The default winding makes flat tiles front-face `+Y`; the
+   *   cube-sphere maps `(u→right, v→up)`, which would otherwise leave the
+   *   planet's outer shell back-facing, so it passes `flipWinding` to render
+   *   the outer surface with `FrontSide`.
+   */
+  constructor(innerSegments = 14, extendUV = false, flipWinding = false) {
     super();
     if (innerSegments < 1 || !Number.isFinite(innerSegments) || !Number.isInteger(innerSegments)) {
-      throw new Error(
-        `Invalid innerSegments: ${innerSegments}. Must be a positive integer.`
-      );
+      throw new Error(`Invalid innerSegments: ${innerSegments}. Must be a positive integer.`);
     }
     try {
-      this.setIndex(this.generateIndices(innerSegments));
+      this.setIndex(this.generateIndices(innerSegments, flipWinding));
       this.setAttribute(
         "position",
-        new three.BufferAttribute(
-          new Float32Array(this.generatePositions(innerSegments)),
-          3
-        )
+        new three.BufferAttribute(new Float32Array(this.generatePositions(innerSegments)), 3)
       );
       this.setAttribute(
         "normal",
-        new three.BufferAttribute(
-          new Float32Array(this.generateNormals(innerSegments)),
-          3
-        )
+        new three.BufferAttribute(new Float32Array(this.generateNormals(innerSegments)), 3)
       );
       this.setAttribute(
         "uv",
@@ -61,17 +63,19 @@ class TerrainGeometry extends three.BufferGeometry {
    *  | / | \ | / | \ |
    *  o---o---o---o---o
    *
-   * INNER GRID (consistent diagonal, no rotational symmetry):
-   *        o---o---o
-   *        | \ | \ |
-   *        o---o---o
-   *        | \ | \ |
-   *        o---o---o
+   * INNER GRID (alternating diagonals — checkerboard pattern):
+   *        o---o---o---o---o
+   *        | \ | / | \ | / |
+   *        o---o---o---o---o
+   *        | / | \ | / | \ |
+   *        o---o---o---o---o
+   *        | \ | / | \ | / |
+   *        o---o---o---o---o
    *
    * Where o = vertex
    * Each square cell is split into 2 triangles.
    * - Skirt cells (outer ring): diagonal flip based on quadrant for corner correctness
-   * - Inner cells: consistent diagonal direction (all triangles "point" the same way)
+   * - Inner cells: alternating diagonal via (x+y)%2 to reduce interpolation artifacts
    *
    * Vertex layout (for innerSegments = 2):
    *
@@ -98,12 +102,16 @@ class TerrainGeometry extends three.BufferGeometry {
    *   triangle 1: a, c, b
    *   triangle 2: b, c, d
    */
-  generateIndices(innerSegments) {
+  generateIndices(innerSegments, flipWinding = false) {
     const innerEdgeVertexCount = innerSegments + 1;
     const edgeVertexCountWithSkirt = innerEdgeVertexCount + 2;
     const indices = [];
     const cellsPerEdge = edgeVertexCountWithSkirt - 1;
     const mid = Math.floor(cellsPerEdge / 2);
+    const pushTri = (v0, v1, v2) => {
+      if (flipWinding) indices.push(v0, v2, v1);
+      else indices.push(v0, v1, v2);
+    };
     for (let y = 0; y < cellsPerEdge; y++) {
       for (let x = 0; x < cellsPerEdge; x++) {
         const a = y * edgeVertexCountWithSkirt + x;
@@ -117,14 +125,14 @@ class TerrainGeometry extends three.BufferGeometry {
           const topHalf = y < mid;
           useDefaultDiagonal = leftHalf && topHalf || !leftHalf && !topHalf;
         } else {
-          useDefaultDiagonal = true;
+          useDefaultDiagonal = (x + y) % 2 === 0;
         }
         if (useDefaultDiagonal) {
-          indices.push(a, d, b);
-          indices.push(a, c, d);
+          pushTri(a, d, b);
+          pushTri(a, c, d);
         } else {
-          indices.push(a, c, b);
-          indices.push(b, c, d);
+          pushTri(a, c, b);
+          pushTri(b, c, d);
         }
       }
     }
@@ -215,6 +223,2832 @@ class TerrainGeometry extends three.BufferGeometry {
   }
 }
 
+const rootSize = work.param(256).displayName("rootSize");
+const origin = work.param({
+  x: 0,
+  y: 0,
+  z: 0
+}).displayName("origin");
+const innerTileSegments = work.param(61).displayName("innerTileSegments");
+const skirtScale = work.param(100).displayName("skirtScale");
+const elevationScale = work.param(1).displayName("elevationScale");
+const radius = work.param(1e3).displayName("radius");
+const maxNodes = work.param(1024).displayName("maxNodes");
+const maxLevel = work.param(16).displayName("maxLevel");
+const quadtreeUpdate = work.param({
+  cameraOrigin: { x: 0, y: 0, z: 0 },
+  mode: "distance",
+  distanceFactor: 1.5
+}).displayName("quadtreeUpdate");
+const topology = work.param(null).displayName("topology");
+const terrainFieldFilter = work.param("linear").displayName(
+  "terrainFieldFilter"
+);
+const elevationFn = work.param(() => tsl.float(0));
+
+const defaultTerrainMeshParams = {
+  // Source of truth is the `innerTileSegments` param itself.
+  innerTileSegments: innerTileSegments.get(),
+  maxNodes: 1024,
+  material: new webgpu.MeshStandardNodeMaterial(),
+  flipWinding: false
+};
+class TerrainMesh extends webgpu.InstancedMesh {
+  _innerTileSegments;
+  _maxNodes;
+  _flipWinding;
+  terrainRaycast = null;
+  constructor(params = defaultTerrainMeshParams) {
+    const mergedParams = { ...defaultTerrainMeshParams, ...params };
+    const { innerTileSegments, maxNodes, material, flipWinding } = mergedParams;
+    const geometry = new TerrainGeometry(innerTileSegments, true, flipWinding);
+    super(geometry, material, maxNodes);
+    this.frustumCulled = false;
+    this._innerTileSegments = innerTileSegments;
+    this._maxNodes = maxNodes;
+    this._flipWinding = flipWinding;
+  }
+  get innerTileSegments() {
+    return this._innerTileSegments;
+  }
+  set innerTileSegments(tileSegments) {
+    if (tileSegments === this._innerTileSegments) return;
+    const oldGeometry = this.geometry;
+    this.geometry = new TerrainGeometry(tileSegments, true, this._flipWinding);
+    this._innerTileSegments = tileSegments;
+    setTimeout(() => oldGeometry.dispose());
+  }
+  get flipWinding() {
+    return this._flipWinding;
+  }
+  set flipWinding(flip) {
+    if (flip === this._flipWinding) return;
+    const oldGeometry = this.geometry;
+    this.geometry = new TerrainGeometry(this._innerTileSegments, true, flip);
+    this._flipWinding = flip;
+    setTimeout(() => oldGeometry.dispose());
+  }
+  get maxNodes() {
+    return this._maxNodes;
+  }
+  set maxNodes(maxNodes) {
+    if (!Number.isInteger(maxNodes) || maxNodes < 1) {
+      throw new Error(`Invalid maxNodes: ${maxNodes}. Must be a positive integer.`);
+    }
+    if (maxNodes === this._maxNodes) return;
+    const oldMax = this._maxNodes;
+    const nextMatrix = new Float32Array(maxNodes * 16);
+    const oldMatrixArray = this.instanceMatrix.array;
+    nextMatrix.set(oldMatrixArray.subarray(0, Math.min(oldMatrixArray.length, nextMatrix.length)));
+    this.instanceMatrix = new webgpu.InstancedBufferAttribute(nextMatrix, 16);
+    if (this.instanceColor) {
+      const itemSize = this.instanceColor.itemSize;
+      const nextColor = new Float32Array(maxNodes * itemSize);
+      const oldColorArray = this.instanceColor.array;
+      nextColor.set(oldColorArray.subarray(0, Math.min(oldColorArray.length, nextColor.length)));
+      this.instanceColor = new webgpu.InstancedBufferAttribute(nextColor, itemSize);
+    }
+    this._maxNodes = maxNodes;
+    this.count = Math.min(this.count, maxNodes);
+    this.instanceMatrix.needsUpdate = true;
+    if (this.instanceColor) this.instanceColor.needsUpdate = true;
+    if (maxNodes < oldMax && this.count >= maxNodes) {
+      this.count = maxNodes;
+    }
+  }
+  raycast(raycaster, intersects) {
+    if (!this.terrainRaycast) {
+      super.raycast(raycaster, intersects);
+      return;
+    }
+    const result = this.terrainRaycast.pick(raycaster.ray);
+    if (!result) return;
+    intersects.push({
+      distance: result.distance,
+      point: result.position.clone(),
+      normal: result.normal.clone(),
+      object: this,
+      face: null,
+      faceIndex: -1
+    });
+  }
+}
+
+function getDeviceComputeLimits(renderer) {
+  const backend = renderer.backend;
+  const limits = backend?.device?.limits;
+  return {
+    maxWorkgroupSizeX: limits?.maxComputeWorkgroupSizeX ?? 256,
+    maxWorkgroupSizeY: limits?.maxComputeWorkgroupSizeY ?? 256,
+    maxWorkgroupInvocations: limits?.maxComputeWorkgroupInvocations ?? 256
+  };
+}
+
+const WORKGROUP_X = 16;
+const WORKGROUP_Y = 16;
+function compileComputePipeline(stages, width, options) {
+  const bindings = options?.bindings;
+  const preferredWorkgroup = options?.workgroupSize ?? [
+    WORKGROUP_X,
+    WORKGROUP_Y
+  ];
+  const uInstanceCount = tsl.uniform(0, "uint");
+  const stagedKernelCache = /* @__PURE__ */ new Map();
+  function clampWorkgroupToLimits(requested, limits) {
+    let x = Math.max(1, Math.floor(requested[0]));
+    let y = Math.max(1, Math.floor(requested[1]));
+    x = Math.min(x, limits.maxWorkgroupSizeX);
+    y = Math.min(y, limits.maxWorkgroupSizeY);
+    y = Math.min(
+      y,
+      Math.max(1, Math.floor(limits.maxWorkgroupInvocations / x))
+    );
+    x = Math.min(
+      x,
+      Math.max(1, Math.floor(limits.maxWorkgroupInvocations / y))
+    );
+    return [x, y];
+  }
+  function buildStagedKernels(workgroupSize) {
+    return stages.map(
+      (stage) => tsl.Fn(() => {
+        bindings?.forEach((b) => b.toVar());
+        const fWidth = tsl.float(width);
+        const activeIndex = tsl.globalId.z;
+        const nodeIndex = tsl.int(activeIndex).toVar();
+        const iWidth = tsl.int(width);
+        const ix = tsl.int(tsl.globalId.x);
+        const iy = tsl.int(tsl.globalId.y);
+        const texelSize = tsl.vec2(1, 1).div(fWidth);
+        const localCoordinates = tsl.vec2(tsl.globalId.x, tsl.globalId.y);
+        const localUVCoords = localCoordinates.div(fWidth);
+        const verticesPerNode = iWidth.mul(iWidth);
+        const globalIndex = tsl.int(nodeIndex).mul(verticesPerNode).add(iy.mul(iWidth).add(ix));
+        const inBounds = ix.lessThan(iWidth).and(iy.lessThan(iWidth)).and(tsl.uint(activeIndex).lessThan(uInstanceCount)).toVar();
+        tsl.If(inBounds, () => {
+          stage(
+            nodeIndex,
+            globalIndex,
+            localUVCoords,
+            localCoordinates,
+            texelSize
+          );
+        });
+      })().computeKernel(workgroupSize)
+    );
+  }
+  function execute(renderer, instanceCount) {
+    const limits = getDeviceComputeLimits(renderer);
+    uInstanceCount.value = instanceCount;
+    const [workgroupX, workgroupY] = clampWorkgroupToLimits(
+      preferredWorkgroup,
+      limits
+    );
+    const cacheKey = `${workgroupX}x${workgroupY}`;
+    let stagedKernels = stagedKernelCache.get(cacheKey);
+    if (!stagedKernels) {
+      stagedKernels = buildStagedKernels([workgroupX, workgroupY, 1]);
+      stagedKernelCache.set(cacheKey, stagedKernels);
+    }
+    const dispatchX = Math.ceil(width / workgroupX);
+    const dispatchY = Math.ceil(width / workgroupY);
+    for (const kernel of stagedKernels) {
+      renderer.compute(kernel, [dispatchX, dispatchY, instanceCount]);
+    }
+  }
+  return { execute };
+}
+
+function resolveType(format) {
+  return format === "rgba16float" ? three.HalfFloatType : three.FloatType;
+}
+function resolveFilter(mode) {
+  return mode === "linear" ? three.LinearFilter : three.NearestFilter;
+}
+function configureStorageTexture(texture2, format, filter) {
+  texture2.format = three.RGBAFormat;
+  texture2.type = resolveType(format);
+  texture2.magFilter = resolveFilter(filter);
+  texture2.minFilter = resolveFilter(filter);
+  texture2.wrapS = three.ClampToEdgeWrapping;
+  texture2.wrapT = three.ClampToEdgeWrapping;
+  texture2.generateMipmaps = false;
+  texture2.needsUpdate = true;
+}
+function ArrayTextureBackend(edgeVertexCount, tileCount, options) {
+  let currentEdgeVertexCount = edgeVertexCount;
+  let currentTileCount = tileCount;
+  const tex = new webgpu.StorageArrayTexture(
+    edgeVertexCount,
+    edgeVertexCount,
+    tileCount
+  );
+  configureStorageTexture(tex, options.format, options.filter);
+  return {
+    backendType: "array-texture",
+    get edgeVertexCount() {
+      return currentEdgeVertexCount;
+    },
+    get tileCount() {
+      return currentTileCount;
+    },
+    texture: tex,
+    uv(ix, iy, _tileIndex) {
+      return tsl.vec2(ix.toFloat(), iy.toFloat());
+    },
+    texel(ix, iy, tileIndex) {
+      return tsl.ivec3(ix, iy, tileIndex);
+    },
+    sample(u, v, tileIndex) {
+      return tsl.texture(tex, tsl.vec2(u, v)).depth(tsl.int(tileIndex));
+    },
+    resize(width, height, nextTileCount) {
+      currentEdgeVertexCount = width;
+      currentTileCount = nextTileCount;
+      tex.setSize(width, height, nextTileCount);
+      tex.needsUpdate = true;
+    }
+  };
+}
+function atlasCoord(tilesPerRow, edgeVertexCount, ix, iy, tileIndex) {
+  const tilesPerRowNode = tsl.int(tilesPerRow);
+  const edge = tsl.int(edgeVertexCount);
+  const tile = tsl.int(tileIndex);
+  const col = tile.mod(tilesPerRowNode);
+  const row = tile.div(tilesPerRowNode);
+  const atlasX = col.mul(edge).add(tsl.int(ix));
+  const atlasY = row.mul(edge).add(tsl.int(iy));
+  return { atlasX, atlasY };
+}
+function AtlasBackend(edgeVertexCount, tileCount, options) {
+  let currentEdgeVertexCount = edgeVertexCount;
+  let currentTileCount = tileCount;
+  let tilesPerRow = Math.max(1, Math.ceil(Math.sqrt(tileCount)));
+  const atlasSize = tilesPerRow * edgeVertexCount;
+  const tex = new webgpu.StorageTexture(atlasSize, atlasSize);
+  configureStorageTexture(tex, options.format, options.filter);
+  return {
+    backendType: "atlas",
+    get edgeVertexCount() {
+      return currentEdgeVertexCount;
+    },
+    get tileCount() {
+      return currentTileCount;
+    },
+    texture: tex,
+    uv(ix, iy, tileIndex) {
+      const { atlasX, atlasY } = atlasCoord(
+        tilesPerRow,
+        currentEdgeVertexCount,
+        ix,
+        iy,
+        tileIndex
+      );
+      const currentAtlasSize = tsl.float(tilesPerRow * currentEdgeVertexCount);
+      return tsl.vec2(
+        atlasX.toFloat().add(0.5).div(currentAtlasSize),
+        atlasY.toFloat().add(0.5).div(currentAtlasSize)
+      );
+    },
+    texel(ix, iy, tileIndex) {
+      const { atlasX, atlasY } = atlasCoord(
+        tilesPerRow,
+        currentEdgeVertexCount,
+        ix,
+        iy,
+        tileIndex
+      );
+      return tsl.ivec2(atlasX, atlasY);
+    },
+    sample(u, v, tileIndex) {
+      const tile = tsl.int(tileIndex);
+      const tilesPerRowNode = tsl.int(tilesPerRow);
+      const col = tile.mod(tilesPerRowNode);
+      const row = tile.div(tilesPerRowNode);
+      const invTilesPerRow = tsl.float(1 / tilesPerRow);
+      const atlasU = col.toFloat().add(u).mul(invTilesPerRow);
+      const atlasV = row.toFloat().add(v).mul(invTilesPerRow);
+      return tsl.texture(tex, tsl.vec2(atlasU, atlasV));
+    },
+    resize(width, height, nextTileCount) {
+      currentEdgeVertexCount = width;
+      currentTileCount = nextTileCount;
+      tilesPerRow = Math.max(1, Math.ceil(Math.sqrt(nextTileCount)));
+      const nextAtlasSize = tilesPerRow * width;
+      const image = tex.image;
+      image.width = nextAtlasSize;
+      image.height = nextAtlasSize;
+      tex.needsUpdate = true;
+    }
+  };
+}
+function texture3DBackend(edgeVertexCount, tileCount, options) {
+  const storage = ArrayTextureBackend(edgeVertexCount, tileCount, options);
+  return { ...storage, backendType: "texture-3d" };
+}
+function tryGetDeviceLimits(renderer) {
+  const backend = renderer;
+  return backend.backend?.device?.limits ?? {};
+}
+function createTerrainFieldStorage(edgeVertexCount, tileCount, renderer, options = {}) {
+  const filter = options.filter ?? "linear";
+  const format = options.format ?? "rgba16float";
+  const forcedBackend = options.backend;
+  if (forcedBackend === "atlas") {
+    return AtlasBackend(edgeVertexCount, tileCount, { filter, format });
+  }
+  if (forcedBackend === "texture-3d") {
+    return texture3DBackend(edgeVertexCount, tileCount, { filter, format });
+  }
+  if (forcedBackend === "array-texture") {
+    return ArrayTextureBackend(edgeVertexCount, tileCount, { filter, format });
+  }
+  const DEFAULT_MAX_TEXTURE_ARRAY_LAYERS = 256;
+  const maxLayers = renderer ? tryGetDeviceLimits(renderer).maxTextureArrayLayers ?? DEFAULT_MAX_TEXTURE_ARRAY_LAYERS : DEFAULT_MAX_TEXTURE_ARRAY_LAYERS;
+  if (tileCount > maxLayers) {
+    return AtlasBackend(edgeVertexCount, tileCount, { filter, format });
+  }
+  return ArrayTextureBackend(edgeVertexCount, tileCount, { filter, format });
+}
+function storeTerrainField(storage, ix, iy, tileIndex, value) {
+  if (storage.backendType === "array-texture" || storage.backendType === "texture-3d") {
+    return tsl.textureStore(
+      storage.texture,
+      tsl.uvec3(tsl.int(ix), tsl.int(iy), tsl.int(tileIndex)),
+      value
+    );
+  }
+  return tsl.textureStore(storage.texture, storage.texel(ix, iy, tileIndex), value);
+}
+function loadTerrainField(storage, ix, iy, tileIndex) {
+  if (storage.backendType === "array-texture" || storage.backendType === "texture-3d") {
+    return tsl.textureLoad(storage.texture, tsl.ivec2(tsl.int(ix), tsl.int(iy)), tsl.int(0)).depth(
+      tsl.int(tileIndex)
+    );
+  }
+  return tsl.textureLoad(storage.texture, storage.texel(ix, iy, tileIndex), tsl.int(0));
+}
+function loadTerrainFieldElevation(storage, ix, iy, tileIndex) {
+  return loadTerrainField(storage, ix, iy, tileIndex).r;
+}
+function loadTerrainFieldNormal(storage, ix, iy, tileIndex) {
+  const raw = loadTerrainField(storage, ix, iy, tileIndex);
+  return tsl.vec2(raw.g, raw.b);
+}
+function sampleTerrainField(storage, u, v, tileIndex) {
+  return storage.sample(u, v, tileIndex);
+}
+function sampleTerrainFieldElevation(storage, u, v, tileIndex) {
+  return sampleTerrainField(storage, u, v, tileIndex).r;
+}
+function packTerrainFieldSample(height, normalXZ, extra = tsl.float(0)) {
+  return tsl.vec4(height, normalXZ.x, normalXZ.y, extra);
+}
+
+const createElevation = (tile, uniforms, elevationFn) => {
+  return function perVertexElevation(nodeIndex, localCoordinates) {
+    const ix = tsl.int(localCoordinates.x);
+    const iy = tsl.int(localCoordinates.y);
+    const edgeVertexCount = uniforms.uInnerTileSegments.toVar().add(tsl.int(3));
+    const tileUV = localCoordinates.toFloat().div(edgeVertexCount.toFloat());
+    const rootUV = tile.rootUVCompute(nodeIndex, ix, iy);
+    const worldPosition = tile.tileVertexWorldPositionCompute(nodeIndex, ix, iy).setName("worldPositionWithSkirt");
+    const rootSize = uniforms.uRootSize.toVar();
+    return elevationFn({
+      worldPosition,
+      rootSize,
+      rootUV,
+      tileOriginVec2: tile.tileOriginVec2(nodeIndex),
+      tileSize: tile.tileSize(nodeIndex),
+      tileLevel: tile.tileLevel(nodeIndex),
+      nodeIndex: tsl.int(nodeIndex),
+      tileUV
+    });
+  };
+};
+
+const CUBE_FACE_COUNT = 6;
+const CUBE_FACES = [
+  // 0: +X
+  { forward: [1, 0, 0], right: [0, 0, -1], up: [0, 1, 0] },
+  // 1: -X
+  { forward: [-1, 0, 0], right: [0, 0, 1], up: [0, 1, 0] },
+  // 2: +Y (north pole)
+  { forward: [0, 1, 0], right: [1, 0, 0], up: [0, 0, -1] },
+  // 3: -Y (south pole)
+  { forward: [0, -1, 0], right: [1, 0, 0], up: [0, 0, 1] },
+  // 4: +Z
+  { forward: [0, 0, 1], right: [1, 0, 0], up: [0, 1, 0] },
+  // 5: -Z
+  { forward: [0, 0, -1], right: [-1, 0, 0], up: [0, 1, 0] }
+];
+
+function vec3Const(v) {
+  return tsl.vec3(tsl.float(v[0]), tsl.float(v[1]), tsl.float(v[2]));
+}
+function selectFaceVec3(face, pick) {
+  const last = CUBE_FACES.length - 1;
+  let acc = vec3Const(pick(CUBE_FACES[last]));
+  for (let i = last - 1; i >= 0; i--) {
+    acc = tsl.select(tsl.int(face).equal(tsl.int(i)), vec3Const(pick(CUBE_FACES[i])), acc);
+  }
+  return acc;
+}
+function cubeFaceBasis(face) {
+  return {
+    forward: selectFaceVec3(face, (f) => f.forward),
+    right: selectFaceVec3(face, (f) => f.right),
+    up: selectFaceVec3(face, (f) => f.up)
+  };
+}
+function cubeFacePoint(basis, u, v) {
+  const s = tsl.float(u).mul(2).sub(1);
+  const t = tsl.float(v).mul(2).sub(1);
+  return basis.forward.add(basis.right.mul(s)).add(basis.up.mul(t));
+}
+function cubeFaceDirection(basis, u, v) {
+  return cubeFacePoint(basis, u, v).normalize();
+}
+function tangentFromAxis(dir, axis) {
+  return axis.sub(dir.mul(dir.dot(axis))).normalize();
+}
+function unpackTangentNormal(nx, nz) {
+  const ny = tsl.float(1).sub(nx.mul(nx)).sub(nz.mul(nz)).max(tsl.float(0)).sqrt();
+  return tsl.vec3(nx, ny, nz);
+}
+function sphereTangentFrameNormal(dir, basis, tangentNormal) {
+  const n = tsl.vec3(tangentNormal);
+  const tu = tangentFromAxis(dir, basis.right);
+  const tv = tangentFromAxis(dir, basis.up);
+  return tu.mul(n.x).add(dir.mul(n.y)).add(tv.mul(n.z)).normalize();
+}
+function cubeFaceFromDirection(dir) {
+  const d = tsl.vec3(dir);
+  const ax = d.x.abs();
+  const ay = d.y.abs();
+  const az = d.z.abs();
+  const faceX = tsl.select(d.x.greaterThanEqual(tsl.float(0)), tsl.int(0), tsl.int(1));
+  const faceY = tsl.select(d.y.greaterThanEqual(tsl.float(0)), tsl.int(2), tsl.int(3));
+  const faceZ = tsl.select(d.z.greaterThanEqual(tsl.float(0)), tsl.int(4), tsl.int(5));
+  const xDominant = ax.greaterThanEqual(ay).and(ax.greaterThanEqual(az));
+  const yDominant = ay.greaterThanEqual(ax).and(ay.greaterThanEqual(az));
+  return tsl.select(xDominant, faceX, tsl.select(yDominant, faceY, faceZ));
+}
+function cubeFaceUVFromDirection(basis, dir) {
+  const d = tsl.vec3(dir);
+  const p = d.div(d.dot(basis.forward));
+  const s = p.dot(basis.right);
+  const t = p.dot(basis.up);
+  return tsl.vec2(s.add(tsl.float(1)).mul(tsl.float(0.5)), t.add(tsl.float(1)).mul(tsl.float(0.5)));
+}
+
+const HALF_PI = Math.PI * 0.5;
+const FIELD_INNER_TEXEL_OFFSET = 1.5;
+const FIELD_EDGE_EXTRA_TEXELS = 3;
+function sphereTileArcLength(radius, levelDivisor) {
+  return radius * HALF_PI / levelDivisor;
+}
+function decodeLeafTile(leafStorage, nodeIndex) {
+  const nodeOffset = tsl.int(nodeIndex).mul(tsl.int(4));
+  return {
+    level: leafStorage.node.element(nodeOffset).toInt(),
+    x: leafStorage.node.element(nodeOffset.add(tsl.int(1))).toFloat(),
+    y: leafStorage.node.element(nodeOffset.add(tsl.int(2))).toFloat(),
+    face: leafStorage.node.element(nodeOffset.add(tsl.int(3))).toInt()
+  };
+}
+function faceUVFromTileLocal(tile, localU, localV) {
+  const n = tsl.pow(tsl.float(2), tile.level.toFloat());
+  return tsl.vec2(tile.x.add(localU).div(n), tile.y.add(localV).div(n));
+}
+function createTileCompute(leafStorage, uniforms, projection = "flat") {
+  const isSphere = projection === "cubeSphere";
+  const tileLevel = tsl.Fn(([nodeIndex]) => {
+    return decodeLeafTile(leafStorage, nodeIndex).level;
+  });
+  const tileFace = tsl.Fn(([nodeIndex]) => {
+    return decodeLeafTile(leafStorage, nodeIndex).face;
+  });
+  const tileOriginVec2 = tsl.Fn(([nodeIndex]) => {
+    const tile = decodeLeafTile(leafStorage, nodeIndex);
+    return tsl.vec2(tile.x, tile.y);
+  });
+  const tileSize = tsl.Fn(([nodeIndex]) => {
+    const level = tileLevel(nodeIndex);
+    const divisor = tsl.pow(tsl.float(2), level.toFloat());
+    if (isSphere) {
+      return uniforms.uRadius.toVar().mul(tsl.float(HALF_PI)).div(divisor);
+    }
+    const rootSize = uniforms.uRootSize.toVar();
+    return tsl.float(rootSize).div(divisor);
+  });
+  const tileFaceUV = tsl.Fn(([nodeIndex, ix, iy]) => {
+    const tile = decodeLeafTile(leafStorage, nodeIndex);
+    const fInnerSegments = uniforms.uInnerTileSegments.toVar().toFloat();
+    const localU = tsl.int(ix).toFloat().sub(tsl.float(1)).div(fInnerSegments);
+    const localV = tsl.int(iy).toFloat().sub(tsl.float(1)).div(fInnerSegments);
+    return faceUVFromTileLocal(tile, localU, localV);
+  });
+  const rootUVCompute = tsl.Fn(([nodeIndex, ix, iy]) => {
+    if (isSphere) {
+      return tileFaceUV(nodeIndex, ix, iy);
+    }
+    const nodeVec2 = tileOriginVec2(nodeIndex);
+    const nodeX = nodeVec2.x;
+    const nodeY = nodeVec2.y;
+    const rootSize = uniforms.uRootSize.toVar();
+    const rootOrigin = uniforms.uRootOrigin.toVar();
+    const size = tileSize(nodeIndex);
+    const half = tsl.float(0.5);
+    const halfRoot = tsl.float(rootSize).mul(half);
+    const fInnerSegments = uniforms.uInnerTileSegments.toVar().toFloat();
+    const texelSpacing = size.div(fInnerSegments);
+    const absX = nodeX.mul(fInnerSegments).add(tsl.int(ix).toFloat().sub(tsl.float(1)));
+    const absY = nodeY.mul(fInnerSegments).add(tsl.int(iy).toFloat().sub(tsl.float(1)));
+    const worldX = rootOrigin.x.add(absX.mul(texelSpacing)).sub(halfRoot);
+    const worldZ = rootOrigin.z.add(absY.mul(texelSpacing)).sub(halfRoot);
+    const centeredX = worldX.sub(rootOrigin.x);
+    const centeredZ = worldZ.sub(rootOrigin.z);
+    return tsl.vec2(
+      centeredX.div(rootSize).add(half),
+      centeredZ.div(rootSize).mul(tsl.float(-1)).add(half)
+    );
+  });
+  const tileVertexWorldPositionCompute = tsl.Fn(
+    ([nodeIndex, ix, iy]) => {
+      const rootOrigin = uniforms.uRootOrigin.toVar();
+      if (isSphere) {
+        const faceUV = tileFaceUV(nodeIndex, ix, iy);
+        const basis = cubeFaceBasis(tileFace(nodeIndex));
+        const dir = cubeFaceDirection(basis, faceUV.x, faceUV.y);
+        return rootOrigin.add(dir.mul(uniforms.uRadius.toVar()));
+      }
+      const nodeVec2 = tileOriginVec2(nodeIndex);
+      const nodeX = nodeVec2.x;
+      const nodeY = nodeVec2.y;
+      const rootSize = uniforms.uRootSize.toVar();
+      const size = tileSize(nodeIndex);
+      const half = tsl.float(0.5);
+      const halfRoot = tsl.float(rootSize).mul(half);
+      const fInnerSegments = uniforms.uInnerTileSegments.toVar().toFloat();
+      const texelSpacing = size.div(fInnerSegments);
+      const absX = nodeX.mul(fInnerSegments).add(tsl.int(ix).toFloat().sub(tsl.float(1)));
+      const absY = nodeY.mul(fInnerSegments).add(tsl.int(iy).toFloat().sub(tsl.float(1)));
+      const worldX = rootOrigin.x.add(absX.mul(texelSpacing)).sub(halfRoot);
+      const worldZ = rootOrigin.z.add(absY.mul(texelSpacing)).sub(halfRoot);
+      return tsl.vec3(worldX, rootOrigin.y, worldZ);
+    }
+  );
+  return {
+    tileLevel,
+    tileFace,
+    tileOriginVec2,
+    tileSize,
+    tileFaceUV,
+    rootUVCompute,
+    tileVertexWorldPositionCompute
+  };
+}
+function tileLocalToFieldUV(localCoord, innerSegments) {
+  const edge = tsl.float(innerSegments).add(tsl.float(FIELD_EDGE_EXTRA_TEXELS));
+  return tsl.float(localCoord).mul(tsl.float(innerSegments)).add(tsl.float(FIELD_INNER_TEXEL_OFFSET)).div(edge);
+}
+function tileLocalToFieldUVNumber(localCoord, innerSegments) {
+  const edge = innerSegments + FIELD_EDGE_EXTRA_TEXELS;
+  return (localCoord * innerSegments + FIELD_INNER_TEXEL_OFFSET) / edge;
+}
+
+function createLeafStorage(maxNodes) {
+  const data = new Int32Array(maxNodes * 4);
+  const attribute = new webgpu.StorageBufferAttribute(data, 4);
+  const node = tsl.storage(attribute, "i32", 1).toReadOnly().setName("leafStorage");
+  return { data, attribute, node };
+}
+
+const Dir = {
+  LEFT: 0,
+  RIGHT: 1,
+  TOP: 2,
+  BOTTOM: 3
+};
+const U32_EMPTY = 4294967295;
+function allocLeafSet(capacity) {
+  return {
+    capacity,
+    count: 0,
+    space: new Uint8Array(capacity),
+    level: new Uint8Array(capacity),
+    x: new Int32Array(capacity),
+    y: new Int32Array(capacity)
+  };
+}
+function resetLeafSet(leaves) {
+  leaves.count = 0;
+}
+function allocSeamTable(capacity) {
+  return {
+    capacity,
+    count: 0,
+    stride: 8,
+    neighbors: new Uint32Array(capacity * 8)
+  };
+}
+function resetSeamTable(seams) {
+  seams.count = 0;
+}
+
+function createNodeStore(maxNodes, spaceCount) {
+  return {
+    maxNodes,
+    nodesUsed: 0,
+    currentGen: 1,
+    gen: new Uint16Array(maxNodes),
+    space: new Uint8Array(maxNodes),
+    level: new Uint8Array(maxNodes),
+    x: new Int32Array(maxNodes),
+    y: new Int32Array(maxNodes),
+    firstChild: new Uint32Array(maxNodes),
+    flags: new Uint8Array(maxNodes),
+    roots: new Uint32Array(spaceCount)
+  };
+}
+function beginFrame(store) {
+  store.nodesUsed = 0;
+  store.currentGen = store.currentGen + 1 & 65535;
+  if (store.currentGen === 0) {
+    store.gen.fill(0);
+    store.currentGen = 1;
+  }
+}
+function allocNode(store, tile) {
+  const id = store.nodesUsed;
+  if (id >= store.maxNodes) return U32_EMPTY;
+  store.nodesUsed = id + 1;
+  store.gen[id] = store.currentGen;
+  store.space[id] = tile.space;
+  store.level[id] = tile.level;
+  store.x[id] = tile.x;
+  store.y[id] = tile.y;
+  store.firstChild[id] = U32_EMPTY;
+  store.flags[id] = 0;
+  return id;
+}
+function hasChildren(store, nodeId) {
+  return store.firstChild[nodeId] !== U32_EMPTY;
+}
+function ensureChildren(store, parentId) {
+  const existing = store.firstChild[parentId];
+  if (existing !== U32_EMPTY) return existing;
+  const childBase = store.nodesUsed;
+  if (childBase + 4 > store.maxNodes) return U32_EMPTY;
+  const space = store.space[parentId];
+  const level = store.level[parentId] + 1;
+  const px = store.x[parentId] << 1;
+  const py = store.y[parentId] << 1;
+  allocNode(store, { space, level, x: px, y: py });
+  allocNode(store, { space, level, x: px + 1, y: py });
+  allocNode(store, { space, level, x: px, y: py + 1 });
+  allocNode(store, { space, level, x: px + 1, y: py + 1 });
+  store.firstChild[parentId] = childBase;
+  return childBase;
+}
+
+function nextPow2$1(n) {
+  let x = 1;
+  while (x < n) x <<= 1;
+  return x;
+}
+function mix32$1(x) {
+  x >>>= 0;
+  x ^= x >>> 16;
+  x = Math.imul(x, 2146121005) >>> 0;
+  x ^= x >>> 15;
+  x = Math.imul(x, 2221713035) >>> 0;
+  x ^= x >>> 16;
+  return x >>> 0;
+}
+function hashKey$1(space, level, x, y) {
+  const h = space & 255 ^ (level & 255) << 8 ^ mix32$1(x) >>> 0 ^ mix32$1(y) >>> 0;
+  return mix32$1(h);
+}
+function createSpatialIndex(maxEntries) {
+  const size = nextPow2$1(Math.max(2, maxEntries * 2));
+  return {
+    size,
+    mask: size - 1,
+    stampGen: 1,
+    stamp: new Uint16Array(size),
+    keysSpace: new Uint8Array(size),
+    keysLevel: new Uint8Array(size),
+    keysX: new Uint32Array(size),
+    keysY: new Uint32Array(size),
+    values: new Uint32Array(size)
+  };
+}
+function resetSpatialIndex(index) {
+  index.stampGen = index.stampGen + 1 & 65535;
+  if (index.stampGen === 0) {
+    index.stamp.fill(0);
+    index.stampGen = 1;
+  }
+}
+function insertSpatialIndexRaw(index, space, level, x, y, value) {
+  const s = space & 255;
+  const l = level & 255;
+  const xx = x >>> 0;
+  const yy = y >>> 0;
+  let slot = hashKey$1(s, l, xx, yy) & index.mask;
+  for (let probes = 0; probes < index.size; probes++) {
+    if (index.stamp[slot] !== index.stampGen) {
+      index.stamp[slot] = index.stampGen;
+      index.keysSpace[slot] = s;
+      index.keysLevel[slot] = l;
+      index.keysX[slot] = xx;
+      index.keysY[slot] = yy;
+      index.values[slot] = value >>> 0;
+      return;
+    }
+    if (index.keysSpace[slot] === s && index.keysLevel[slot] === l && index.keysX[slot] === xx && index.keysY[slot] === yy) {
+      index.values[slot] = value >>> 0;
+      return;
+    }
+    slot = slot + 1 & index.mask;
+  }
+  throw new Error("SpatialIndex is full (no empty slot found).");
+}
+function lookupSpatialIndexRaw(index, space, level, x, y) {
+  const s = space & 255;
+  const l = level & 255;
+  const xx = x >>> 0;
+  const yy = y >>> 0;
+  let slot = hashKey$1(s, l, xx, yy) & index.mask;
+  for (let probes = 0; probes < index.size; probes++) {
+    if (index.stamp[slot] !== index.stampGen) return U32_EMPTY;
+    if (index.keysSpace[slot] === s && index.keysLevel[slot] === l && index.keysX[slot] === xx && index.keysY[slot] === yy) {
+      return index.values[slot];
+    }
+    slot = slot + 1 & index.mask;
+  }
+  return U32_EMPTY;
+}
+
+function buildLeafIndex(leaves, out) {
+  const index = out ?? createSpatialIndex(leaves.count);
+  resetSpatialIndex(index);
+  for (let i = 0; i < leaves.count; i++) {
+    insertSpatialIndexRaw(index, leaves.space[i], leaves.level[i], leaves.x[i], leaves.y[i], i);
+  }
+  return index;
+}
+
+function createState(cfg, topology) {
+  const store = createNodeStore(cfg.maxNodes, topology.spaceCount);
+  const scratchRootTiles = [];
+  for (let i = 0; i < topology.maxRootCount; i++) {
+    scratchRootTiles.push({ space: 0, level: 0, x: 0, y: 0 });
+  }
+  return {
+    cfg,
+    store,
+    leaves: allocLeafSet(cfg.maxNodes),
+    leafNodeIds: new Uint32Array(cfg.maxNodes),
+    leafIndex: createSpatialIndex(cfg.maxNodes),
+    stack: new Uint32Array(cfg.maxNodes),
+    rootNodeIds: new Uint32Array(topology.maxRootCount),
+    rootCount: 0,
+    splitQueue: new Uint32Array(cfg.maxNodes),
+    splitStamp: new Uint16Array(cfg.maxNodes),
+    splitGen: 1,
+    scratchTile: { space: 0, level: 0, x: 0, y: 0 },
+    scratchNeighbor: { space: 0, level: 0, x: 0, y: 0 },
+    scratchBounds: { cx: 0, cy: 0, cz: 0, r: 0 },
+    scratchRootTiles,
+    spaceCount: topology.spaceCount
+  };
+}
+function beginUpdate(state, topology, params) {
+  if (topology.spaceCount !== state.spaceCount) {
+    throw new Error(
+      `Topology spaceCount changed (${state.spaceCount} -> ${topology.spaceCount}). Create a new quadtree state.`
+    );
+  }
+  if (topology.maxRootCount !== state.rootNodeIds.length) {
+    throw new Error(
+      `Topology maxRootCount changed (${state.rootNodeIds.length} -> ${topology.maxRootCount}). Create a new quadtree state.`
+    );
+  }
+  beginFrame(state.store);
+  state.rootCount = 0;
+  const rootCount = topology.rootTiles(params.cameraOrigin, state.scratchRootTiles);
+  if (rootCount < 0 || rootCount > topology.maxRootCount) {
+    throw new Error(`Topology returned invalid root count (${rootCount}).`);
+  }
+  for (let i = 0; i < rootCount; i++) {
+    const rootId = allocNode(state.store, state.scratchRootTiles[i]);
+    if (rootId === U32_EMPTY) {
+      throw new Error("Failed to allocate root node (maxNodes too small).");
+    }
+    state.rootNodeIds[i] = rootId;
+    state.rootCount = i + 1;
+  }
+}
+
+function shouldSplit(bounds, level, maxLevel, params) {
+  if (level >= maxLevel) return false;
+  const mode = params.mode ?? "distance";
+  const cx = bounds.cx;
+  const cy = bounds.cy;
+  const cz = bounds.cz;
+  const distSq = cx * cx + cy * cy + cz * cz;
+  const safeDistSq = distSq > 1e-12 ? distSq : 1e-12;
+  if (mode === "screen") {
+    const proj = params.projectionFactor ?? 0;
+    const target = params.targetPixels ?? 0;
+    if (proj <= 0 || target <= 0) {
+      const f2 = params.distanceFactor ?? 2;
+      const threshold2 = bounds.r * f2;
+      return safeDistSq < threshold2 * threshold2;
+    }
+    const left = bounds.r * bounds.r * proj * proj;
+    const right = safeDistSq * target * target;
+    return left > right;
+  }
+  const f = params.distanceFactor ?? 2;
+  const threshold = bounds.r * f;
+  return safeDistSq < threshold * threshold;
+}
+
+function refineLeaves(state, topology, params, outLeaves) {
+  const leaves = outLeaves ?? state.leaves;
+  resetLeafSet(leaves);
+  const store = state.store;
+  const stack = state.stack;
+  let sp = 0;
+  for (let i = 0; i < state.rootCount; i++) {
+    stack[sp++] = state.rootNodeIds[i];
+  }
+  while (sp > 0) {
+    const nodeId = stack[--sp];
+    const level = store.level[nodeId];
+    const space = store.space[nodeId];
+    const x = store.x[nodeId];
+    const y = store.y[nodeId];
+    const tile = state.scratchTile;
+    tile.space = space;
+    tile.level = level;
+    tile.x = x;
+    tile.y = y;
+    const bounds = state.scratchBounds;
+    topology.tileBounds(tile, params.cameraOrigin, bounds);
+    if (hasChildren(store, nodeId)) {
+      const base = store.firstChild[nodeId];
+      stack[sp++] = base + 3;
+      stack[sp++] = base + 2;
+      stack[sp++] = base + 1;
+      stack[sp++] = base + 0;
+      continue;
+    }
+    const split = shouldSplit(bounds, level, state.cfg.maxLevel, params);
+    if (split) {
+      const base = ensureChildren(store, nodeId);
+      if (base !== U32_EMPTY) {
+        stack[sp++] = base + 3;
+        stack[sp++] = base + 2;
+        stack[sp++] = base + 1;
+        stack[sp++] = base + 0;
+        continue;
+      }
+    }
+    const i = leaves.count;
+    if (i >= leaves.capacity) {
+      throw new Error("LeafSet capacity exceeded.");
+    }
+    leaves.space[i] = space;
+    leaves.level[i] = level;
+    leaves.x[i] = x;
+    leaves.y[i] = y;
+    state.leafNodeIds[i] = nodeId;
+    leaves.count = i + 1;
+  }
+  return leaves;
+}
+
+function resetSplitMarks(state) {
+  state.splitGen = state.splitGen + 1 & 65535;
+  if (state.splitGen === 0) {
+    state.splitStamp.fill(0);
+    state.splitGen = 1;
+  }
+}
+function scheduleSplit(state, nodeId, count) {
+  if (nodeId === U32_EMPTY) return count;
+  if (state.splitStamp[nodeId] === state.splitGen) return count;
+  state.splitStamp[nodeId] = state.splitGen;
+  state.splitQueue[count] = nodeId;
+  return count + 1;
+}
+function balance2to1(state, topology, params, leaves) {
+  const maxIters = state.cfg.maxLevel + 1;
+  for (let iter = 0; iter < maxIters; iter++) {
+    const index = buildLeafIndex(leaves, state.leafIndex);
+    resetSplitMarks(state);
+    let splitCount = 0;
+    for (let i = 0; i < leaves.count; i++) {
+      const leafLevel = leaves.level[i];
+      if (leafLevel < 2) continue;
+      const leafSpace = leaves.space[i];
+      const leafX = leaves.x[i];
+      const leafY = leaves.y[i];
+      for (let dir = 0; dir < 4; dir++) {
+        for (let candidateLevel = leafLevel - 2; candidateLevel >= 0; candidateLevel--) {
+          const shift = leafLevel - candidateLevel;
+          const tile = state.scratchTile;
+          tile.space = leafSpace;
+          tile.level = candidateLevel;
+          tile.x = leafX >>> shift;
+          tile.y = leafY >>> shift;
+          const neighbor = state.scratchNeighbor;
+          if (!topology.neighborSameLevel(tile, dir, neighbor)) break;
+          const j = lookupSpatialIndexRaw(
+            index,
+            neighbor.space,
+            neighbor.level,
+            neighbor.x,
+            neighbor.y
+          );
+          if (j !== U32_EMPTY) {
+            splitCount = scheduleSplit(state, state.leafNodeIds[j], splitCount);
+            break;
+          }
+        }
+      }
+    }
+    if (splitCount === 0) return leaves;
+    let anySplit = false;
+    for (let k = 0; k < splitCount; k++) {
+      const nodeId = state.splitQueue[k];
+      if (state.store.level[nodeId] >= state.cfg.maxLevel) continue;
+      const base = ensureChildren(state.store, nodeId);
+      if (base !== U32_EMPTY) anySplit = true;
+    }
+    if (!anySplit) return leaves;
+    refineLeaves(state, topology, params, leaves);
+  }
+  return leaves;
+}
+
+function update(state, topology, params, outLeaves) {
+  const cam = params.cameraOrigin;
+  const elevation = params.elevationAtCameraXZ ?? 0;
+  const origX = cam.x;
+  const origY = cam.y;
+  const origZ = cam.z;
+  if (topology.projection === "cubeSphere") {
+    const center = topology.center ?? { x: 0, y: 0, z: 0 };
+    const dx = cam.x - center.x;
+    const dy = cam.y - center.y;
+    const dz = cam.z - center.z;
+    const len = Math.hypot(dx, dy, dz);
+    if (len > 1e-12) {
+      const inv = elevation / len;
+      cam.x -= dx * inv;
+      cam.y -= dy * inv;
+      cam.z -= dz * inv;
+    }
+  } else {
+    cam.y -= elevation;
+  }
+  beginUpdate(state, topology, params);
+  const leaves = refineLeaves(state, topology, params, outLeaves);
+  const result = balance2to1(state, topology, params, leaves);
+  cam.x = origX;
+  cam.y = origY;
+  cam.z = origZ;
+  return result;
+}
+
+const scratchTile = { space: 0, level: 0, x: 0, y: 0 };
+const scratchNbr = { space: 0, level: 0, x: 0, y: 0 };
+const scratchParentTile = { space: 0, level: 0, x: 0, y: 0 };
+const scratchParentNbr = { space: 0, level: 0, x: 0, y: 0 };
+function buildSeams2to1(topology, leaves, outSeams, outIndex) {
+  if (outSeams.capacity < leaves.count) {
+    throw new Error("SeamTable capacity is smaller than LeafSet.count.");
+  }
+  const index = buildLeafIndex(leaves, outIndex);
+  outSeams.count = leaves.count;
+  const neighbors = outSeams.neighbors;
+  for (let i = 0; i < leaves.count; i++) {
+    const base = i * 8;
+    const space = leaves.space[i];
+    const level = leaves.level[i];
+    const x = leaves.x[i];
+    const y = leaves.y[i];
+    for (let dir = 0; dir < 4; dir++) {
+      const outOffset = base + dir * 2;
+      neighbors[outOffset + 0] = U32_EMPTY;
+      neighbors[outOffset + 1] = U32_EMPTY;
+      scratchTile.space = space;
+      scratchTile.level = level;
+      scratchTile.x = x;
+      scratchTile.y = y;
+      if (!topology.neighborSameLevel(scratchTile, dir, scratchNbr)) continue;
+      let j = lookupSpatialIndexRaw(index, scratchNbr.space, scratchNbr.level, scratchNbr.x, scratchNbr.y);
+      if (j !== U32_EMPTY) {
+        neighbors[outOffset + 0] = j;
+        continue;
+      }
+      if (level > 0) {
+        const px = x >>> 1;
+        const py = y >>> 1;
+        scratchParentTile.space = space;
+        scratchParentTile.level = level - 1;
+        scratchParentTile.x = px;
+        scratchParentTile.y = py;
+        if (topology.neighborSameLevel(scratchParentTile, dir, scratchParentNbr)) {
+          j = lookupSpatialIndexRaw(
+            index,
+            scratchParentNbr.space,
+            scratchParentNbr.level,
+            scratchParentNbr.x,
+            scratchParentNbr.y
+          );
+          if (j !== U32_EMPTY) {
+            neighbors[outOffset + 0] = j;
+            continue;
+          }
+        }
+      }
+      const childLevel = scratchNbr.level + 1;
+      const x2 = scratchNbr.x << 1 >>> 0;
+      const y2 = scratchNbr.y << 1 >>> 0;
+      let ax = 0;
+      let ay = 0;
+      let bx = 0;
+      let by = 0;
+      switch (dir) {
+        case Dir.LEFT:
+          ax = x2 + 1;
+          ay = y2;
+          bx = x2 + 1;
+          by = y2 + 1;
+          break;
+        case Dir.RIGHT:
+          ax = x2;
+          ay = y2;
+          bx = x2;
+          by = y2 + 1;
+          break;
+        case Dir.TOP:
+          ax = x2;
+          ay = y2 + 1;
+          bx = x2 + 1;
+          by = y2 + 1;
+          break;
+        case Dir.BOTTOM:
+          ax = x2;
+          ay = y2;
+          bx = x2 + 1;
+          by = y2;
+          break;
+      }
+      j = lookupSpatialIndexRaw(index, scratchNbr.space, childLevel, ax, ay);
+      if (j !== U32_EMPTY) neighbors[outOffset + 0] = j;
+      j = lookupSpatialIndexRaw(index, scratchNbr.space, childLevel, bx, by);
+      if (j !== U32_EMPTY) neighbors[outOffset + 1] = j;
+    }
+  }
+  return outSeams;
+}
+
+function createFlatTopology(cfg) {
+  const halfRoot = 0.5 * cfg.rootSize;
+  const maxHeight = cfg.maxHeight ?? 0;
+  const topology = {
+    spaceCount: 1,
+    maxRootCount: 1,
+    neighborSameLevel(tile, dir, out) {
+      const level = tile.level;
+      const x = tile.x;
+      const y = tile.y;
+      let nx = x;
+      let ny = y;
+      switch (dir) {
+        case Dir.LEFT:
+          nx = x - 1;
+          break;
+        case Dir.RIGHT:
+          nx = x + 1;
+          break;
+        case Dir.TOP:
+          ny = y - 1;
+          break;
+        case Dir.BOTTOM:
+          ny = y + 1;
+          break;
+      }
+      if (nx < 0 || ny < 0) return false;
+      const maxCoord = (1 << level) - 1;
+      if (nx > maxCoord || ny > maxCoord) return false;
+      out.space = 0;
+      out.level = level;
+      out.x = nx;
+      out.y = ny;
+      return true;
+    },
+    tileBounds(tile, cameraOrigin, out) {
+      const level = tile.level;
+      const scale = 1 / (1 << level);
+      const size = cfg.rootSize * scale;
+      const minX = cfg.origin.x + (tile.x * size - halfRoot);
+      const minZ = cfg.origin.z + (tile.y * size - halfRoot);
+      const centerX = minX + 0.5 * size;
+      const centerY = cfg.origin.y;
+      const centerZ = minZ + 0.5 * size;
+      out.cx = centerX - cameraOrigin.x;
+      out.cy = centerY - cameraOrigin.y;
+      out.cz = centerZ - cameraOrigin.z;
+      out.r = 0.7071067811865476 * size + maxHeight;
+    },
+    rootTiles(_cameraOrigin, out) {
+      const root = out[0];
+      root.space = 0;
+      root.level = 0;
+      root.x = 0;
+      root.y = 0;
+      return 1;
+    }
+  };
+  return topology;
+}
+
+function createInfiniteFlatTopology(cfg) {
+  const halfRoot = 0.5 * cfg.rootSize;
+  const maxHeight = cfg.maxHeight ?? 0;
+  const rootGridRadius = Math.max(0, Math.floor(cfg.rootGridRadius ?? 1));
+  const rootWidth = rootGridRadius * 2 + 1;
+  return {
+    spaceCount: 1,
+    maxRootCount: rootWidth * rootWidth,
+    neighborSameLevel(tile, dir, out) {
+      let nx = tile.x;
+      let ny = tile.y;
+      switch (dir) {
+        case Dir.LEFT:
+          nx = tile.x - 1;
+          break;
+        case Dir.RIGHT:
+          nx = tile.x + 1;
+          break;
+        case Dir.TOP:
+          ny = tile.y - 1;
+          break;
+        case Dir.BOTTOM:
+          ny = tile.y + 1;
+          break;
+      }
+      out.space = tile.space;
+      out.level = tile.level;
+      out.x = nx;
+      out.y = ny;
+      return true;
+    },
+    tileBounds(tile, cameraOrigin, out) {
+      const level = tile.level;
+      const scale = 1 / (1 << level);
+      const size = cfg.rootSize * scale;
+      const minX = cfg.origin.x + (tile.x * size - halfRoot);
+      const minZ = cfg.origin.z + (tile.y * size - halfRoot);
+      const centerX = minX + 0.5 * size;
+      const centerY = cfg.origin.y;
+      const centerZ = minZ + 0.5 * size;
+      out.cx = centerX - cameraOrigin.x;
+      out.cy = centerY - cameraOrigin.y;
+      out.cz = centerZ - cameraOrigin.z;
+      out.r = 0.7071067811865476 * size + maxHeight;
+    },
+    rootTiles(cameraOrigin, out) {
+      const camRootX = Math.floor((cameraOrigin.x - cfg.origin.x + halfRoot) / cfg.rootSize);
+      const camRootY = Math.floor((cameraOrigin.z - cfg.origin.z + halfRoot) / cfg.rootSize);
+      let index = 0;
+      for (let dy = -rootGridRadius; dy <= rootGridRadius; dy++) {
+        for (let dx = -rootGridRadius; dx <= rootGridRadius; dx++) {
+          const root = out[index];
+          root.space = 0;
+          root.level = 0;
+          root.x = camRootX + dx;
+          root.y = camRootY + dy;
+          index++;
+        }
+      }
+      return index;
+    }
+  };
+}
+
+const DEG_TO_RAD = Math.PI / 180;
+const RAD_TO_DEG = 180 / Math.PI;
+function dot(a, b) {
+  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+}
+function faceUVToCube(face, u, v, out) {
+  const f = CUBE_FACES[face];
+  const s = 2 * u - 1;
+  const t = 2 * v - 1;
+  out[0] = f.forward[0] + s * f.right[0] + t * f.up[0];
+  out[1] = f.forward[1] + s * f.right[1] + t * f.up[1];
+  out[2] = f.forward[2] + s * f.right[2] + t * f.up[2];
+}
+function directionToFace(d) {
+  const ax = Math.abs(d[0]);
+  const ay = Math.abs(d[1]);
+  const az = Math.abs(d[2]);
+  if (ax >= ay && ax >= az) return d[0] >= 0 ? 0 : 1;
+  if (ay >= ax && ay >= az) return d[1] >= 0 ? 2 : 3;
+  return d[2] >= 0 ? 4 : 5;
+}
+function directionToFaceUV(face, d, out) {
+  const f = CUBE_FACES[face];
+  const denom = dot(d, f.forward);
+  const inv = 1 / denom;
+  const px = d[0] * inv;
+  const py = d[1] * inv;
+  const pz = d[2] * inv;
+  const p = [px, py, pz];
+  const s = dot(p, f.right);
+  const t = dot(p, f.up);
+  out[0] = (s + 1) * 0.5;
+  out[1] = (t + 1) * 0.5;
+}
+function latLongToDirection(latDeg, lonDeg, out) {
+  const lat = latDeg * DEG_TO_RAD;
+  const lon = lonDeg * DEG_TO_RAD;
+  const cosLat = Math.cos(lat);
+  out[0] = cosLat * Math.sin(lon);
+  out[1] = Math.sin(lat);
+  out[2] = cosLat * Math.cos(lon);
+}
+function directionToLatLong(d) {
+  const len = Math.hypot(d[0], d[1], d[2]) || 1;
+  const y = Math.max(-1, Math.min(1, d[1] / len));
+  return {
+    latitude: Math.asin(y) * RAD_TO_DEG,
+    longitude: Math.atan2(d[0], d[2]) * RAD_TO_DEG
+  };
+}
+
+function createCubeSphereTopology(cfg) {
+  const radius = cfg.radius;
+  const maxHeight = cfg.maxHeight ?? 0;
+  const center = cfg.center ?? { x: 0, y: 0, z: 0 };
+  const cube = [0, 0, 0];
+  const uv = [0, 0];
+  function crossFaceNeighbor(face, level, nx, ny, out) {
+    const n = 1 << level;
+    const u = (nx + 0.5) / n;
+    const v = (ny + 0.5) / n;
+    faceUVToCube(face, u, v, cube);
+    const len = Math.hypot(cube[0], cube[1], cube[2]);
+    const dir = [cube[0] / len, cube[1] / len, cube[2] / len];
+    const nbrFace = directionToFace(dir);
+    directionToFaceUV(nbrFace, dir, uv);
+    let bx = Math.floor(uv[0] * n);
+    let by = Math.floor(uv[1] * n);
+    if (bx < 0) bx = 0;
+    else if (bx > n - 1) bx = n - 1;
+    if (by < 0) by = 0;
+    else if (by > n - 1) by = n - 1;
+    out.space = nbrFace;
+    out.level = level;
+    out.x = bx;
+    out.y = by;
+  }
+  return {
+    spaceCount: 6,
+    maxRootCount: 6,
+    neighborSameLevel(tile, dir, out) {
+      const level = tile.level;
+      const n = 1 << level;
+      let nx = tile.x;
+      let ny = tile.y;
+      switch (dir) {
+        case 0:
+          nx -= 1;
+          break;
+        case 1:
+          nx += 1;
+          break;
+        case 2:
+          ny -= 1;
+          break;
+        case 3:
+          ny += 1;
+          break;
+      }
+      if (nx >= 0 && ny >= 0 && nx < n && ny < n) {
+        out.space = tile.space;
+        out.level = level;
+        out.x = nx;
+        out.y = ny;
+        return true;
+      }
+      crossFaceNeighbor(tile.space, level, nx, ny, out);
+      return true;
+    },
+    tileBounds(tile, cameraOrigin, out) {
+      const level = tile.level;
+      const n = 1 << level;
+      const u0 = tile.x / n;
+      const u1 = (tile.x + 1) / n;
+      const v0 = tile.y / n;
+      const v1 = (tile.y + 1) / n;
+      const cornersU = [u0, u1, u0, u1];
+      const cornersV = [v0, v0, v1, v1];
+      let sumX = 0;
+      let sumY = 0;
+      let sumZ = 0;
+      const px = [0, 0, 0, 0];
+      const py = [0, 0, 0, 0];
+      const pz = [0, 0, 0, 0];
+      for (let i = 0; i < 4; i++) {
+        faceUVToCube(tile.space, cornersU[i], cornersV[i], cube);
+        const len = Math.hypot(cube[0], cube[1], cube[2]);
+        const sx = center.x + cube[0] / len * radius;
+        const sy = center.y + cube[1] / len * radius;
+        const sz = center.z + cube[2] / len * radius;
+        px[i] = sx;
+        py[i] = sy;
+        pz[i] = sz;
+        sumX += sx;
+        sumY += sy;
+        sumZ += sz;
+      }
+      const cX = sumX * 0.25;
+      const cY = sumY * 0.25;
+      const cZ = sumZ * 0.25;
+      let maxDistSq = 0;
+      for (let i = 0; i < 4; i++) {
+        const dx = px[i] - cX;
+        const dy = py[i] - cY;
+        const dz = pz[i] - cZ;
+        const dSq = dx * dx + dy * dy + dz * dz;
+        if (dSq > maxDistSq) maxDistSq = dSq;
+      }
+      out.cx = cX - cameraOrigin.x;
+      out.cy = cY - cameraOrigin.y;
+      out.cz = cZ - cameraOrigin.z;
+      out.r = Math.sqrt(maxDistSq) + maxHeight;
+    },
+    rootTiles(_cameraOrigin, out) {
+      for (let s = 0; s < 6; s++) {
+        const root = out[s];
+        root.space = s;
+        root.level = 0;
+        root.x = 0;
+        root.y = 0;
+      }
+      return 6;
+    },
+    projection: "cubeSphere",
+    radius,
+    center
+  };
+}
+
+function readHeight(elevation, shape, leafIndex, ix, iy) {
+  const base = leafIndex * shape.verticesPerNode;
+  return elevation[base + iy * shape.edgeVertexCount + ix] ?? 0;
+}
+function sampleGridBilinear(elevation, shape, leafIndex, gx, gy) {
+  const max = shape.edgeVertexCount - 1;
+  const x = Math.max(0, Math.min(max, gx));
+  const y = Math.max(0, Math.min(max, gy));
+  const x0 = Math.floor(x);
+  const y0 = Math.floor(y);
+  const x1 = Math.min(max, x0 + 1);
+  const y1 = Math.min(max, y0 + 1);
+  const tx = x - x0;
+  const ty = y - y0;
+  const h00 = readHeight(elevation, shape, leafIndex, x0, y0);
+  const h10 = readHeight(elevation, shape, leafIndex, x1, y0);
+  const h01 = readHeight(elevation, shape, leafIndex, x0, y1);
+  const h11 = readHeight(elevation, shape, leafIndex, x1, y1);
+  const hx0 = h00 + (h10 - h00) * tx;
+  const hx1 = h01 + (h11 - h01) * tx;
+  return hx0 + (hx1 - hx0) * ty;
+}
+function elevationGradientAt(elevation, shape, leafIndex, gx, gy, stepWorld, elevationScale, out) {
+  const hLeft = sampleGridBilinear(elevation, shape, leafIndex, gx - 1, gy);
+  const hRight = sampleGridBilinear(elevation, shape, leafIndex, gx + 1, gy);
+  const hUp = sampleGridBilinear(elevation, shape, leafIndex, gx, gy - 1);
+  const hDown = sampleGridBilinear(elevation, shape, leafIndex, gx, gy + 1);
+  const inv2Step = 0.5 / stepWorld;
+  out.dhdu = (hRight - hLeft) * elevationScale * inv2Step;
+  out.dhdv = (hDown - hUp) * elevationScale * inv2Step;
+  return out;
+}
+
+const MISSED_LOOKUP = Object.freeze({
+  found: false,
+  leafIndex: -1,
+  space: -1,
+  level: -1,
+  tileX: -1,
+  tileY: -1,
+  tileSize: 0,
+  localU: 0,
+  localV: 0
+});
+function lookupTile(index, config, worldX, worldZ) {
+  const halfRoot = config.rootSize * 0.5;
+  for (let level = config.maxLevel; level >= 0; level -= 1) {
+    const scale = 2 ** level;
+    const tileSize = config.rootSize / scale;
+    const tileX = Math.floor((worldX - config.originX + halfRoot) / tileSize);
+    const tileY = Math.floor((worldZ - config.originZ + halfRoot) / tileSize);
+    const leafIndex = lookupSpatialIndexRaw(index, 0, level, tileX, tileY);
+    if (leafIndex !== U32_EMPTY) {
+      const tileMinX = config.originX + tileX * tileSize - halfRoot;
+      const tileMinZ = config.originZ + tileY * tileSize - halfRoot;
+      return {
+        found: true,
+        leafIndex,
+        space: 0,
+        level,
+        tileX,
+        tileY,
+        tileSize,
+        localU: (worldX - tileMinX) / tileSize,
+        localV: (worldZ - tileMinZ) / tileSize
+      };
+    }
+  }
+  return MISSED_LOOKUP;
+}
+function clamp01(value) {
+  return value < 0 ? 0 : value > 1 ? 1 : value;
+}
+function lookupTileByFaceUV(index, config, face, u, v) {
+  for (let level = config.maxLevel; level >= 0; level -= 1) {
+    const n = 2 ** level;
+    let tileX = Math.floor(u * n);
+    let tileY = Math.floor(v * n);
+    if (tileX < 0) tileX = 0;
+    else if (tileX > n - 1) tileX = n - 1;
+    if (tileY < 0) tileY = 0;
+    else if (tileY > n - 1) tileY = n - 1;
+    const leafIndex = lookupSpatialIndexRaw(index, face, level, tileX, tileY);
+    if (leafIndex !== U32_EMPTY) {
+      const tileSize = sphereTileArcLength(config.radius, n);
+      return {
+        found: true,
+        leafIndex,
+        space: face,
+        level,
+        tileX,
+        tileY,
+        tileSize,
+        localU: clamp01(u * n - tileX),
+        localV: clamp01(v * n - tileY)
+      };
+    }
+  }
+  return MISSED_LOOKUP;
+}
+function lookupTileForDirection(index, config, dx, dy, dz, dirScratch, uvScratch) {
+  if (config.projection !== "cubeSphere") return MISSED_LOOKUP;
+  const len = Math.hypot(dx, dy, dz);
+  if (len === 0) return MISSED_LOOKUP;
+  dirScratch[0] = dx / len;
+  dirScratch[1] = dy / len;
+  dirScratch[2] = dz / len;
+  const face = directionToFace(dirScratch);
+  directionToFaceUV(face, dirScratch, uvScratch);
+  return lookupTileByFaceUV(index, config, face, uvScratch[0], uvScratch[1]);
+}
+
+function createTerrainSnapshotState(maxNodes, totalElements) {
+  return {
+    frontElevation: new Float32Array(totalElements),
+    backElevation: new Float32Array(totalElements),
+    frontIndex: createSpatialIndex(maxNodes),
+    backIndex: createSpatialIndex(maxNodes),
+    frontTileBounds: new Float32Array(maxNodes * 2),
+    backTileBounds: new Float32Array(maxNodes * 2),
+    frontLeafCount: 0,
+    globalRange: null,
+    hasSnapshot: false,
+    readbackPending: false,
+    generation: 0,
+    lastScheduledStampGen: -1
+  };
+}
+function cloneSpatialIndex(target, source) {
+  if (target.size !== source.size) {
+    throw new Error(
+      `SpatialIndex size mismatch (target=${target.size}, source=${source.size}).`
+    );
+  }
+  target.mask = source.mask;
+  target.stampGen = source.stampGen;
+  target.stamp.set(source.stamp);
+  target.keysSpace.set(source.keysSpace);
+  target.keysLevel.set(source.keysLevel);
+  target.keysX.set(source.keysX);
+  target.keysY.set(source.keysY);
+  target.values.set(source.values);
+}
+function triggerSnapshotReadback(state, renderer, attribute, spatialIndex, boundsAttribute, captured) {
+  if (state.readbackPending) return;
+  const withReadback = renderer;
+  if (!withReadback.getArrayBufferAsync) return;
+  if (spatialIndex.stampGen === state.lastScheduledStampGen) return;
+  cloneSpatialIndex(state.backIndex, spatialIndex);
+  state.lastScheduledStampGen = spatialIndex.stampGen;
+  const { activeLeafCount, totalElements, elevationScale, originY } = captured;
+  state.readbackPending = true;
+  const elevationPromise = withReadback.getArrayBufferAsync(attribute);
+  const boundsPromise = boundsAttribute ? withReadback.getArrayBufferAsync(boundsAttribute) : null;
+  const onComplete = (elevResult, boundsResult) => {
+    const data = new Float32Array(elevResult);
+    state.backElevation.fill(0);
+    state.backElevation.set(data.subarray(0, totalElements));
+    let boundsValid = activeLeafCount === 0;
+    if (boundsResult) {
+      const rawBounds = new Float32Array(boundsResult);
+      state.backTileBounds.fill(0);
+      state.backTileBounds.set(rawBounds.subarray(0, activeLeafCount * 2));
+      for (let i = 0; i < activeLeafCount; i += 1) {
+        if ((rawBounds[i * 2 + 1] ?? 0) !== 0) {
+          boundsValid = true;
+          break;
+        }
+      }
+    }
+    const oldFrontElevation = state.frontElevation;
+    const oldFrontIndex = state.frontIndex;
+    state.frontElevation = state.backElevation;
+    state.frontIndex = state.backIndex;
+    state.frontLeafCount = activeLeafCount;
+    state.backElevation = oldFrontElevation;
+    state.backIndex = oldFrontIndex;
+    if (boundsResult && boundsValid) {
+      const oldFrontBounds = state.frontTileBounds;
+      state.frontTileBounds = state.backTileBounds;
+      state.backTileBounds = oldFrontBounds;
+    }
+    if (boundsResult && boundsValid && activeLeafCount > 0) {
+      let gMin = Infinity;
+      let gMax = -Infinity;
+      for (let i = 0; i < activeLeafCount; i++) {
+        const rawMin = state.frontTileBounds[i * 2];
+        const rawMax = state.frontTileBounds[i * 2 + 1];
+        const a = originY + rawMin * elevationScale;
+        const b = originY + rawMax * elevationScale;
+        gMin = Math.min(gMin, a, b);
+        gMax = Math.max(gMax, a, b);
+      }
+      state.globalRange = { min: gMin, max: gMax };
+    }
+    state.hasSnapshot = true;
+    state.generation += 1;
+  };
+  if (boundsPromise) {
+    Promise.all([elevationPromise, boundsPromise]).then(([elev, bounds]) => onComplete(elev, bounds)).finally(() => {
+      state.readbackPending = false;
+    });
+  } else {
+    elevationPromise.then((elev) => onComplete(elev, null)).finally(() => {
+      state.readbackPending = false;
+    });
+  }
+}
+
+function createCpuTerrainCache(maxNodes, initialConfig) {
+  let config = initialConfig;
+  const shape = {
+    edgeVertexCount: config.innerTileSegments + 3,
+    verticesPerNode: 0
+  };
+  shape.verticesPerNode = shape.edgeVertexCount * shape.edgeVertexCount;
+  let totalElements = maxNodes * shape.verticesPerNode;
+  const state = createTerrainSnapshotState(
+    maxNodes,
+    totalElements
+  );
+  const dirScratch = [0, 0, 0];
+  const uvScratch = [0, 0];
+  const llScratch = [0, 0, 0];
+  const gridScratch = { gx: 0, gy: 0 };
+  const gradientScratch = { dhdu: 0, dhdv: 0 };
+  const gridCoordsFromLookup = (lookup) => {
+    const fieldU = tileLocalToFieldUVNumber(lookup.localU, config.innerTileSegments);
+    const fieldV = tileLocalToFieldUVNumber(lookup.localV, config.innerTileSegments);
+    gridScratch.gx = fieldU * (shape.edgeVertexCount - 1);
+    gridScratch.gy = fieldV * (shape.edgeVertexCount - 1);
+    return gridScratch;
+  };
+  const rawHeightFromLookup = (lookup) => {
+    const g = gridCoordsFromLookup(lookup);
+    return sampleGridBilinear(state.frontElevation, shape, lookup.leafIndex, g.gx, g.gy);
+  };
+  const computeNormal = (leafIndex, gx, gy, tileSize) => {
+    const stepWorld = tileSize / config.innerTileSegments;
+    const { dhdu, dhdv } = elevationGradientAt(
+      state.frontElevation,
+      shape,
+      leafIndex,
+      gx,
+      gy,
+      stepWorld,
+      config.elevationScale,
+      gradientScratch
+    );
+    return new three.Vector3(-dhdu, 1, -dhdv).normalize();
+  };
+  const computeSphereNormal = (leafIndex, gx, gy, tileSize, face, dirX, dirY, dirZ) => {
+    const stepWorld = tileSize / config.innerTileSegments;
+    const { dhdu, dhdv } = elevationGradientAt(
+      state.frontElevation,
+      shape,
+      leafIndex,
+      gx,
+      gy,
+      stepWorld,
+      config.elevationScale,
+      gradientScratch
+    );
+    const f = CUBE_FACES[face];
+    const dDotR = dirX * f.right[0] + dirY * f.right[1] + dirZ * f.right[2];
+    let tux = f.right[0] - dirX * dDotR;
+    let tuy = f.right[1] - dirY * dDotR;
+    let tuz = f.right[2] - dirZ * dDotR;
+    const tuLen = Math.hypot(tux, tuy, tuz) || 1;
+    tux /= tuLen;
+    tuy /= tuLen;
+    tuz /= tuLen;
+    const dDotU = dirX * f.up[0] + dirY * f.up[1] + dirZ * f.up[2];
+    let tvx = f.up[0] - dirX * dDotU;
+    let tvy = f.up[1] - dirY * dDotU;
+    let tvz = f.up[2] - dirZ * dDotU;
+    const tvLen = Math.hypot(tvx, tvy, tvz) || 1;
+    tvx /= tvLen;
+    tvy /= tvLen;
+    tvz /= tvLen;
+    const nx = -dhdu;
+    const ny = 1;
+    const nz = -dhdv;
+    return new three.Vector3(
+      tux * nx + dirX * ny + tvx * nz,
+      tuy * nx + dirY * ny + tvy * nz,
+      tuz * nx + dirZ * ny + tvz * nz
+    ).normalize();
+  };
+  const sampleFromLookup = (lookup) => {
+    const height = rawHeightFromLookup(lookup);
+    const scaledHeight = config.originY + height * config.elevationScale;
+    const normal = computeNormal(
+      lookup.leafIndex,
+      gridScratch.gx,
+      gridScratch.gy,
+      lookup.tileSize
+    );
+    return { elevation: scaledHeight, normal, valid: true };
+  };
+  const sampleTerrain = (worldX, worldZ) => {
+    if (!state.hasSnapshot) {
+      return { elevation: 0, normal: new three.Vector3(0, 1, 0), valid: false };
+    }
+    const lookup = lookupTile(state.frontIndex, config, worldX, worldZ);
+    if (!lookup.found) {
+      return { elevation: 0, normal: new three.Vector3(0, 1, 0), valid: false };
+    }
+    return sampleFromLookup(lookup);
+  };
+  const getElevation = (worldX, worldZ) => {
+    if (!state.hasSnapshot) {
+      return { elevation: 0, valid: false };
+    }
+    const lookup = lookupTile(state.frontIndex, config, worldX, worldZ);
+    if (!lookup.found) {
+      return { elevation: 0, valid: false };
+    }
+    const height = rawHeightFromLookup(lookup);
+    return {
+      elevation: config.originY + height * config.elevationScale,
+      valid: true
+    };
+  };
+  const invalidSurfaceSample = (dx, dy, dz) => ({
+    position: new three.Vector3(),
+    normal: new three.Vector3(0, 1, 0),
+    direction: new three.Vector3(dx, dy, dz),
+    elevation: 0,
+    valid: false
+  });
+  const lookupDirection = (dx, dy, dz) => lookupTileForDirection(state.frontIndex, config, dx, dy, dz, dirScratch, uvScratch);
+  const sampleSurfaceByDirection = (dx, dy, dz) => {
+    if (!state.hasSnapshot || config.projection !== "cubeSphere") {
+      return invalidSurfaceSample(dx, dy, dz);
+    }
+    const len = Math.hypot(dx, dy, dz);
+    if (len === 0) return invalidSurfaceSample(0, 0, 0);
+    const nx = dx / len;
+    const ny = dy / len;
+    const nz = dz / len;
+    const lookup = lookupDirection(nx, ny, nz);
+    if (!lookup.found) return invalidSurfaceSample(nx, ny, nz);
+    const height = rawHeightFromLookup(lookup);
+    const elevation = height * config.elevationScale;
+    const r = config.radius + elevation;
+    const position = new three.Vector3(
+      config.originX + nx * r,
+      config.originY + ny * r,
+      config.originZ + nz * r
+    );
+    const normal = computeSphereNormal(
+      lookup.leafIndex,
+      gridScratch.gx,
+      gridScratch.gy,
+      lookup.tileSize,
+      lookup.space,
+      nx,
+      ny,
+      nz
+    );
+    return {
+      position,
+      normal,
+      direction: new three.Vector3(nx, ny, nz),
+      elevation,
+      valid: true
+    };
+  };
+  const tileFromLookup = (lookup) => {
+    if (!lookup.found) return null;
+    return {
+      space: lookup.space,
+      level: lookup.level,
+      x: lookup.tileX,
+      y: lookup.tileY,
+      index: lookup.leafIndex
+    };
+  };
+  const tileBoundsFromLookup = (lookup, elevationBase) => {
+    if (!lookup.found || lookup.leafIndex >= state.frontLeafCount) return null;
+    const rawMin = state.frontTileBounds[lookup.leafIndex * 2];
+    const rawMax = state.frontTileBounds[lookup.leafIndex * 2 + 1];
+    const a = elevationBase + rawMin * config.elevationScale;
+    const b = elevationBase + rawMax * config.elevationScale;
+    return {
+      space: lookup.space,
+      level: lookup.level,
+      x: lookup.tileX,
+      y: lookup.tileY,
+      index: lookup.leafIndex,
+      minElevation: Math.min(a, b),
+      maxElevation: Math.max(a, b)
+    };
+  };
+  const api = {
+    get generation() {
+      return state.generation;
+    },
+    get ready() {
+      return state.hasSnapshot;
+    },
+    updateConfig(nextConfig) {
+      config = nextConfig;
+      shape.edgeVertexCount = config.innerTileSegments + 3;
+      shape.verticesPerNode = shape.edgeVertexCount * shape.edgeVertexCount;
+      totalElements = maxNodes * shape.verticesPerNode;
+    },
+    triggerReadback(renderer, attribute, spatialIndex, boundsAttribute, activeLeafCount) {
+      triggerSnapshotReadback(state, renderer, attribute, spatialIndex, boundsAttribute, {
+        activeLeafCount: activeLeafCount ?? 0,
+        totalElements,
+        elevationScale: config.elevationScale,
+        originY: config.originY
+      });
+    },
+    getElevation(worldX, worldZ) {
+      const sample = getElevation(worldX, worldZ);
+      return sample.valid ? sample.elevation : null;
+    },
+    getNormal(worldX, worldZ) {
+      return sampleTerrain(worldX, worldZ).normal;
+    },
+    getTile(worldX, worldZ) {
+      if (!state.hasSnapshot) return null;
+      return tileFromLookup(lookupTile(state.frontIndex, config, worldX, worldZ));
+    },
+    getTileBounds(worldX, worldZ) {
+      if (!state.hasSnapshot) return null;
+      return tileBoundsFromLookup(
+        lookupTile(state.frontIndex, config, worldX, worldZ),
+        config.originY
+      );
+    },
+    getGlobalElevationRange() {
+      return state.globalRange;
+    },
+    sampleTerrainBatch(positions) {
+      const count = Math.floor(positions.length / 2);
+      const elevations = new Float32Array(count);
+      const normals = new Float32Array(count * 3);
+      const valid = new Uint8Array(count);
+      if (!state.hasSnapshot) {
+        return { elevations, normals, valid, generation: state.generation };
+      }
+      let lastTile;
+      for (let i = 0; i < count; i += 1) {
+        const worldX = positions[i * 2] ?? 0;
+        const worldZ = positions[i * 2 + 1] ?? 0;
+        let lookup;
+        if (lastTile && worldX >= lastTile.tileMinX && worldX <= lastTile.tileMinX + lastTile.tileSize && worldZ >= lastTile.tileMinZ && worldZ <= lastTile.tileMinZ + lastTile.tileSize) {
+          lookup = {
+            found: true,
+            leafIndex: lastTile.leafIndex,
+            space: 0,
+            level: lastTile.level,
+            tileX: lastTile.tileX,
+            tileY: lastTile.tileY,
+            tileSize: lastTile.tileSize,
+            localU: (worldX - lastTile.tileMinX) / lastTile.tileSize,
+            localV: (worldZ - lastTile.tileMinZ) / lastTile.tileSize
+          };
+        } else {
+          lookup = lookupTile(state.frontIndex, config, worldX, worldZ);
+          if (lookup.found) {
+            lastTile = {
+              leafIndex: lookup.leafIndex,
+              level: lookup.level,
+              tileX: lookup.tileX,
+              tileY: lookup.tileY,
+              tileSize: lookup.tileSize,
+              tileMinX: worldX - lookup.localU * lookup.tileSize,
+              tileMinZ: worldZ - lookup.localV * lookup.tileSize
+            };
+          } else {
+            lastTile = void 0;
+          }
+        }
+        if (!lookup?.found) {
+          normals[i * 3 + 1] = 1;
+          continue;
+        }
+        const sample = sampleFromLookup(lookup);
+        elevations[i] = sample.elevation;
+        normals[i * 3] = sample.normal.x;
+        normals[i * 3 + 1] = sample.normal.y;
+        normals[i * 3 + 2] = sample.normal.z;
+        valid[i] = 1;
+      }
+      return { elevations, normals, valid, generation: state.generation };
+    },
+    sampleTerrain,
+    // --- Cube-sphere queries ---
+    sampleTerrainByDirection(direction) {
+      return sampleSurfaceByDirection(direction.x, direction.y, direction.z);
+    },
+    sampleTerrainByPosition(position) {
+      return sampleSurfaceByDirection(
+        position.x - config.originX,
+        position.y - config.originY,
+        position.z - config.originZ
+      );
+    },
+    sampleTerrainByLatLong(latitudeDeg, longitudeDeg) {
+      latLongToDirection(latitudeDeg, longitudeDeg, llScratch);
+      return sampleSurfaceByDirection(llScratch[0], llScratch[1], llScratch[2]);
+    },
+    getElevationByDirection(direction) {
+      const sample = sampleSurfaceByDirection(direction.x, direction.y, direction.z);
+      return sample.valid ? sample.elevation : null;
+    },
+    getElevationByPosition(position) {
+      const sample = sampleSurfaceByDirection(
+        position.x - config.originX,
+        position.y - config.originY,
+        position.z - config.originZ
+      );
+      return sample.valid ? sample.elevation : null;
+    },
+    getElevationByLatLong(latitudeDeg, longitudeDeg) {
+      latLongToDirection(latitudeDeg, longitudeDeg, llScratch);
+      const sample = sampleSurfaceByDirection(llScratch[0], llScratch[1], llScratch[2]);
+      return sample.valid ? sample.elevation : null;
+    },
+    getNormalByDirection(direction) {
+      const sample = sampleSurfaceByDirection(direction.x, direction.y, direction.z);
+      return sample.valid ? sample.normal : null;
+    },
+    getNormalByPosition(position) {
+      const sample = sampleSurfaceByDirection(
+        position.x - config.originX,
+        position.y - config.originY,
+        position.z - config.originZ
+      );
+      return sample.valid ? sample.normal : null;
+    },
+    getNormalByLatLong(latitudeDeg, longitudeDeg) {
+      latLongToDirection(latitudeDeg, longitudeDeg, llScratch);
+      const sample = sampleSurfaceByDirection(llScratch[0], llScratch[1], llScratch[2]);
+      return sample.valid ? sample.normal : null;
+    },
+    getTileByDirection(direction) {
+      if (!state.hasSnapshot) return null;
+      return tileFromLookup(lookupDirection(direction.x, direction.y, direction.z));
+    },
+    getTileByPosition(position) {
+      if (!state.hasSnapshot) return null;
+      return tileFromLookup(
+        lookupDirection(
+          position.x - config.originX,
+          position.y - config.originY,
+          position.z - config.originZ
+        )
+      );
+    },
+    getTileByLatLong(latitudeDeg, longitudeDeg) {
+      if (!state.hasSnapshot) return null;
+      latLongToDirection(latitudeDeg, longitudeDeg, llScratch);
+      return tileFromLookup(lookupDirection(llScratch[0], llScratch[1], llScratch[2]));
+    },
+    getTileBoundsByDirection(direction) {
+      if (!state.hasSnapshot) return null;
+      return tileBoundsFromLookup(
+        lookupDirection(direction.x, direction.y, direction.z),
+        0
+      );
+    },
+    getTileBoundsByPosition(position) {
+      if (!state.hasSnapshot) return null;
+      return tileBoundsFromLookup(
+        lookupDirection(
+          position.x - config.originX,
+          position.y - config.originY,
+          position.z - config.originZ
+        ),
+        0
+      );
+    },
+    getTileBoundsByLatLong(latitudeDeg, longitudeDeg) {
+      if (!state.hasSnapshot) return null;
+      latLongToDirection(latitudeDeg, longitudeDeg, llScratch);
+      return tileBoundsFromLookup(
+        lookupDirection(llScratch[0], llScratch[1], llScratch[2]),
+        0
+      );
+    },
+    sampleTerrainBatchByDirection(directions) {
+      const count = Math.floor(directions.length / 3);
+      const positions = new Float32Array(count * 3);
+      const normals = new Float32Array(count * 3);
+      const elevations = new Float32Array(count);
+      const valid = new Uint8Array(count);
+      if (!state.hasSnapshot || config.projection !== "cubeSphere") {
+        return { positions, normals, elevations, valid, generation: state.generation };
+      }
+      for (let i = 0; i < count; i += 1) {
+        const sample = sampleSurfaceByDirection(
+          directions[i * 3] ?? 0,
+          directions[i * 3 + 1] ?? 0,
+          directions[i * 3 + 2] ?? 0
+        );
+        if (!sample.valid) {
+          normals[i * 3 + 1] = 1;
+          continue;
+        }
+        positions[i * 3] = sample.position.x;
+        positions[i * 3 + 1] = sample.position.y;
+        positions[i * 3 + 2] = sample.position.z;
+        normals[i * 3] = sample.normal.x;
+        normals[i * 3 + 1] = sample.normal.y;
+        normals[i * 3 + 2] = sample.normal.z;
+        elevations[i] = sample.elevation;
+        valid[i] = 1;
+      }
+      return { positions, normals, elevations, valid, generation: state.generation };
+    }
+  };
+  return api;
+}
+
+function createTerrainQuery(cache) {
+  return {
+    get generation() {
+      return cache.generation;
+    },
+    getElevation(worldX, worldZ) {
+      return cache.getElevation(worldX, worldZ);
+    },
+    getNormal(worldX, worldZ) {
+      return cache.getNormal(worldX, worldZ);
+    },
+    getTile(worldX, worldZ) {
+      return cache.getTile(worldX, worldZ);
+    },
+    getTileBounds(worldX, worldZ) {
+      return cache.getTileBounds(worldX, worldZ);
+    },
+    getGlobalElevationRange() {
+      return cache.getGlobalElevationRange();
+    },
+    sampleTerrain(worldX, worldZ) {
+      return cache.sampleTerrain(worldX, worldZ);
+    },
+    sampleTerrainBatch(positions) {
+      return cache.sampleTerrainBatch(positions);
+    }
+  };
+}
+function createTerrainSphereQuery(cache) {
+  return {
+    get generation() {
+      return cache.generation;
+    },
+    getElevationByDirection(direction) {
+      return cache.getElevationByDirection(direction);
+    },
+    getElevationByPosition(position) {
+      return cache.getElevationByPosition(position);
+    },
+    getElevationByLatLong(latitudeDeg, longitudeDeg) {
+      return cache.getElevationByLatLong(latitudeDeg, longitudeDeg);
+    },
+    getNormalByDirection(direction) {
+      return cache.getNormalByDirection(direction);
+    },
+    getNormalByPosition(position) {
+      return cache.getNormalByPosition(position);
+    },
+    getNormalByLatLong(latitudeDeg, longitudeDeg) {
+      return cache.getNormalByLatLong(latitudeDeg, longitudeDeg);
+    },
+    sampleTerrainByDirection(direction) {
+      return cache.sampleTerrainByDirection(direction);
+    },
+    sampleTerrainByPosition(position) {
+      return cache.sampleTerrainByPosition(position);
+    },
+    sampleTerrainByLatLong(latitudeDeg, longitudeDeg) {
+      return cache.sampleTerrainByLatLong(latitudeDeg, longitudeDeg);
+    },
+    getTileByDirection(direction) {
+      return cache.getTileByDirection(direction);
+    },
+    getTileByPosition(position) {
+      return cache.getTileByPosition(position);
+    },
+    getTileByLatLong(latitudeDeg, longitudeDeg) {
+      return cache.getTileByLatLong(latitudeDeg, longitudeDeg);
+    },
+    getTileBoundsByDirection(direction) {
+      return cache.getTileBoundsByDirection(direction);
+    },
+    getTileBoundsByPosition(position) {
+      return cache.getTileBoundsByPosition(position);
+    },
+    getTileBoundsByLatLong(latitudeDeg, longitudeDeg) {
+      return cache.getTileBoundsByLatLong(latitudeDeg, longitudeDeg);
+    },
+    sampleTerrainBatchByDirection(directions) {
+      return cache.sampleTerrainBatchByDirection(directions);
+    }
+  };
+}
+
+const WGSIZE = 64;
+function buildReductionKernel(elevationFieldNode, boundsNode, verticesPerNode) {
+  const elemsPerThread = Math.ceil(verticesPerNode / WGSIZE);
+  return tsl.Fn(() => {
+    const sharedMin = tsl.workgroupArray("float", WGSIZE);
+    const sharedMax = tsl.workgroupArray("float", WGSIZE);
+    const tid = tsl.int(tsl.localId.x);
+    const tileIdx = tsl.int(tsl.workgroupId.z);
+    const baseOffset = tileIdx.mul(tsl.int(verticesPerNode));
+    const start = tid.mul(tsl.int(elemsPerThread));
+    const end = tsl.min(start.add(tsl.int(elemsPerThread)), tsl.int(verticesPerNode));
+    const localMin = tsl.float(1e10).toVar("localMin");
+    const localMax = tsl.float(-1e10).toVar("localMax");
+    tsl.Loop({ start, end, type: "int", condition: "<" }, ({ i }) => {
+      const h = elevationFieldNode.element(baseOffset.add(i));
+      localMin.assign(tsl.min(localMin, h));
+      localMax.assign(tsl.max(localMax, h));
+    });
+    sharedMin.element(tid).assign(localMin);
+    sharedMax.element(tid).assign(localMax);
+    tsl.workgroupBarrier();
+    tsl.If(tid.equal(tsl.int(0)), () => {
+      const finalMin = tsl.float(1e10).toVar("finalMin");
+      const finalMax = tsl.float(-1e10).toVar("finalMax");
+      tsl.Loop(WGSIZE, ({ i }) => {
+        finalMin.assign(tsl.min(finalMin, sharedMin.element(i)));
+        finalMax.assign(tsl.max(finalMax, sharedMax.element(i)));
+      });
+      const outIdx = tileIdx.mul(tsl.int(2));
+      boundsNode.element(outIdx).assign(finalMin);
+      boundsNode.element(outIdx.add(tsl.int(1))).assign(finalMax);
+    });
+  })().computeKernel([WGSIZE, 1, 1]);
+}
+const tileBoundsContextTask = work.task((get, work) => {
+  const elevationFieldContext = get(createElevationFieldContextTask);
+  const maxNodesValue = get(maxNodes);
+  const edgeVertexCount = get(innerTileSegments) + 3;
+  return work(() => {
+    const data = new Float32Array(maxNodesValue * 2);
+    const attribute = new webgpu.StorageBufferAttribute(data, 1);
+    const node = tsl.storage(attribute, "float", maxNodesValue * 2);
+    const verticesPerNode = edgeVertexCount * edgeVertexCount;
+    const kernel = buildReductionKernel(elevationFieldContext.node, node, verticesPerNode);
+    return { data, attribute, node, kernel };
+  });
+}).displayName("tileBoundsContextTask");
+const tileBoundsReductionTask = work.task(
+  (get, work, { resources }) => {
+    get(executeComputeTask);
+    const boundsContext = get(tileBoundsContextTask);
+    const leafState = get(leafGpuBufferTask);
+    return work(() => {
+      if (resources?.renderer && leafState.count > 0) {
+        resources.renderer.compute(boundsContext.kernel, [1, 1, leafState.count]);
+      }
+      return boundsContext;
+    });
+  }
+).displayName("tileBoundsReductionTask").lane("gpu");
+
+const terrainQueryTask = work.task((get, work) => {
+  const maxNodesValue = get(maxNodes);
+  const innerTileSegmentsValue = get(innerTileSegments);
+  const maxLevelValue = get(maxLevel);
+  const rootSizeValue = get(rootSize);
+  const originValue = get(origin);
+  const elevationScaleValue = get(elevationScale);
+  const radiusValue = get(radius);
+  const topologyValue = get(topologyTask);
+  const projectionValue = topologyValue.projection ?? "flat";
+  return work((prev) => {
+    const shapeKey = `${maxNodesValue}:${innerTileSegmentsValue}:${projectionValue}`;
+    const configValues = {
+      rootSize: rootSizeValue,
+      originX: originValue.x,
+      originY: originValue.y,
+      originZ: originValue.z,
+      innerTileSegments: innerTileSegmentsValue,
+      elevationScale: elevationScaleValue,
+      maxLevel: maxLevelValue,
+      projection: projectionValue,
+      radius: topologyValue.radius ?? radiusValue
+    };
+    let cache = prev?.cache;
+    let query = prev?.query;
+    let sphereQuery = prev?.sphereQuery ?? null;
+    if (!cache || !query || prev?.shapeKey !== shapeKey) {
+      cache = createCpuTerrainCache(maxNodesValue, configValues);
+      query = createTerrainQuery(cache);
+      sphereQuery = projectionValue === "cubeSphere" ? createTerrainSphereQuery(cache) : null;
+    }
+    cache.updateConfig(configValues);
+    return { cache, query, sphereQuery, shapeKey };
+  });
+}).displayName("terrainQueryTask");
+const terrainReadbackTask = work.task(
+  (get, work, { resources }) => {
+    const boundsContext = get(tileBoundsReductionTask);
+    const elevationFieldContext = get(createElevationFieldContextTask);
+    const quadtreeConfig = get(quadtreeConfigTask);
+    const leafState = get(leafGpuBufferTask);
+    const { cache } = get(terrainQueryTask);
+    return work(() => {
+      if (!resources?.renderer) return;
+      cache.triggerReadback(
+        resources.renderer,
+        elevationFieldContext.attribute,
+        quadtreeConfig.state.leafIndex,
+        boundsContext.attribute,
+        leafState.count
+      );
+    });
+  }
+).displayName("terrainReadbackTask").lane("gpu");
+
+const topologyTask = work.task((get, work) => {
+  const customTopology = get(topology);
+  const rootSizeVal = get(rootSize);
+  const originVal = get(origin);
+  return work(() => {
+    if (customTopology) return customTopology;
+    return createFlatTopology({ rootSize: rootSizeVal, origin: originVal });
+  });
+}).displayName("topologyTask");
+const quadtreeConfigTask = work.task((get, work) => {
+  const topologyVal = get(topologyTask);
+  const maxNodesVal = get(maxNodes);
+  const maxLevelVal = get(maxLevel);
+  return work(() => {
+    const state = createState({ maxNodes: maxNodesVal, maxLevel: maxLevelVal }, topologyVal);
+    return {
+      state,
+      topology: topologyVal
+    };
+  });
+}).displayName("quadtreeConfigTask");
+const quadtreeUpdateTask = work.task((get, work) => {
+  const quadtreeConfig = get(quadtreeConfigTask);
+  const quadtreeUpdateConfig = get(quadtreeUpdate);
+  const { query: terrainQuery, sphereQuery } = get(terrainQueryTask);
+  let outLeaves = void 0;
+  const cameraPosition = new three.Vector3();
+  return work(() => {
+    const cam = quadtreeUpdateConfig.cameraOrigin;
+    if (sphereQuery) {
+      cameraPosition.set(cam.x, cam.y, cam.z);
+      quadtreeUpdateConfig.elevationAtCameraXZ = sphereQuery.getElevationByPosition(cameraPosition) ?? 0;
+    } else {
+      quadtreeUpdateConfig.elevationAtCameraXZ = terrainQuery.getElevation(cam.x, cam.z) ?? 0;
+    }
+    outLeaves = update(
+      quadtreeConfig.state,
+      quadtreeConfig.topology,
+      quadtreeUpdateConfig,
+      outLeaves
+    );
+    return outLeaves;
+  });
+}).displayName("quadtreeUpdateTask");
+const leafStorageTask = work.task((get, work) => {
+  const maxNodesVal = get(maxNodes);
+  return work(() => createLeafStorage(maxNodesVal));
+}).displayName("leafStorageTask");
+const leafGpuBufferTask = work.task((get, work) => {
+  const leafSet = get(quadtreeUpdateTask);
+  const leafStorage = get(leafStorageTask);
+  return work(() => {
+    const bufferCapacity = leafStorage.data.length / 4;
+    const leafCount = Math.min(leafSet.count, bufferCapacity);
+    for (let i = 0; i < leafCount; i += 1) {
+      const offset = i * 4;
+      leafStorage.data[offset] = leafSet.level[i] ?? 0;
+      leafStorage.data[offset + 1] = leafSet.x[i] ?? 0;
+      leafStorage.data[offset + 2] = leafSet.y[i] ?? 0;
+      leafStorage.data[offset + 3] = leafSet.space[i] ?? 0;
+    }
+    leafStorage.attribute.needsUpdate = true;
+    leafStorage.node.needsUpdate = true;
+    return {
+      count: leafCount,
+      data: leafStorage.data,
+      attribute: leafStorage.attribute,
+      node: leafStorage.node
+    };
+  });
+}).displayName("leafGpuBufferTask");
+
+function createElevationFunction(callback) {
+  const tslFunction = (args) => {
+    const params = {
+      worldPosition: args.worldPosition,
+      rootSize: args.rootSize,
+      rootUV: args.rootUV,
+      tileUV: args.tileUV,
+      tileLevel: args.tileLevel,
+      tileSize: args.tileSize,
+      tileOriginVec2: args.tileOriginVec2,
+      nodeIndex: args.nodeIndex
+    };
+    return callback(params);
+  };
+  return TSL_js.Fn(tslFunction);
+}
+
+function createTerrainUniforms(params) {
+  const sanitizedId = params.instanceId?.replace(/-/g, "_");
+  const suffix = sanitizedId ? `_${sanitizedId}` : "";
+  const uRootOrigin = tsl.uniform(
+    new webgpu.Vector3(params.rootOrigin.x, params.rootOrigin.y, params.rootOrigin.z)
+  ).setName(`uRootOrigin${suffix}`);
+  const uRootSize = tsl.uniform(tsl.float(params.rootSize)).setName(`uRootSize${suffix}`);
+  const uInnerTileSegments = tsl.uniform(tsl.int(params.innerTileSegments)).setName(
+    `uInnerTileSegments${suffix}`
+  );
+  const uSkirtScale = tsl.uniform(tsl.float(params.skirtScale)).setName(`uSkirtScale${suffix}`);
+  const uElevationScale = tsl.uniform(tsl.float(params.elevationScale)).setName(`uElevationScale${suffix}`);
+  const uRadius = tsl.uniform(tsl.float(params.radius)).setName(`uRadius${suffix}`);
+  return {
+    uRootOrigin,
+    uRootSize,
+    uInnerTileSegments,
+    uSkirtScale,
+    uElevationScale,
+    uRadius
+  };
+}
+
+const instanceIdTask = work.task(() => crypto.randomUUID()).displayName("instanceIdTask").cache("once");
+
+const scratchVector3 = new three.Vector3();
+const createUniformsTask = work.task((get, work) => {
+  const uniformParams = {
+    rootOrigin: get(origin),
+    rootSize: get(rootSize),
+    innerTileSegments: get(innerTileSegments),
+    skirtScale: get(skirtScale),
+    elevationScale: get(elevationScale),
+    radius: get(radius),
+    instanceId: get(instanceIdTask)
+  };
+  return work(() => createTerrainUniforms(uniformParams));
+}).displayName("createUniformsTask").cache("once");
+const updateUniformsTask = work.task((get, work) => {
+  const terrainUniformsContext = get(createUniformsTask);
+  const rootSizeVal = get(rootSize);
+  const rootOrigin = get(origin);
+  const innerTileSegmentsVal = get(innerTileSegments);
+  const skirtScaleVal = get(skirtScale);
+  const elevationScaleVal = get(elevationScale);
+  const radiusVal = get(radius);
+  return work(() => {
+    terrainUniformsContext.uRootSize.value = rootSizeVal;
+    terrainUniformsContext.uRootOrigin.value = scratchVector3.set(
+      rootOrigin.x,
+      rootOrigin.y,
+      rootOrigin.z
+    );
+    terrainUniformsContext.uInnerTileSegments.value = innerTileSegmentsVal;
+    terrainUniformsContext.uSkirtScale.value = skirtScaleVal;
+    terrainUniformsContext.uElevationScale.value = elevationScaleVal;
+    terrainUniformsContext.uRadius.value = radiusVal;
+    return terrainUniformsContext;
+  });
+}).displayName("updateUniformsTask");
+
+const createElevationFieldContextTask = work.task((get, work) => {
+  const edgeVertexCount = get(innerTileSegments) + 3;
+  const verticesPerNode = edgeVertexCount * edgeVertexCount;
+  const totalElements = get(maxNodes) * verticesPerNode;
+  return work(() => {
+    const data = new Float32Array(totalElements);
+    const attribute = new webgpu.StorageBufferAttribute(data, 1);
+    const node = tsl.storage(attribute, "float", totalElements);
+    return {
+      data,
+      attribute,
+      node
+    };
+  });
+}).displayName("createElevationFieldContextTask");
+const tileNodesTask = work.task((get, work) => {
+  const leafStorage = get(leafStorageTask);
+  const uniforms = get(updateUniformsTask);
+  const topology = get(topologyTask);
+  return work(() => {
+    return createTileCompute(leafStorage, uniforms, topology.projection ?? "flat");
+  });
+}).displayName("tileNodesTask");
+const elevationFieldStageTask = work.task((get, work) => {
+  const tile = get(tileNodesTask);
+  const uniforms = get(updateUniformsTask);
+  const elevationFieldContext = get(createElevationFieldContextTask);
+  const userElevationFn = get(elevationFn);
+  return work(() => {
+    const heightFn = createElevationFunction(userElevationFn);
+    const heightWriteFn = createElevation(tile, uniforms, heightFn);
+    return [
+      (nodeIndex, globalVertexIndex, _uv, localCoordinates) => {
+        const height = heightWriteFn(nodeIndex, localCoordinates);
+        elevationFieldContext.node.element(globalVertexIndex).assign(height);
+      }
+    ];
+  });
+}).displayName("elevationFieldStageTask");
+
+const createTerrainFieldTextureTask = work.task(
+  (get, work, { resources }) => {
+    const edgeVertexCount = get(innerTileSegments) + 3;
+    const maxNodesValue = get(maxNodes);
+    const filter = get(terrainFieldFilter);
+    return work(
+      () => createTerrainFieldStorage(
+        edgeVertexCount,
+        maxNodesValue,
+        resources?.renderer,
+        { filter }
+      )
+    );
+  }
+).displayName("createTerrainFieldTextureTask");
+function createNormalFromElevationField(elevationFieldNode, edgeVertexCount) {
+  return tsl.Fn(
+    ([nodeIndex, tileSize, ix, iy, elevationScale]) => {
+      const iEdge = tsl.int(edgeVertexCount);
+      const verticesPerNode = iEdge.mul(iEdge);
+      const baseOffset = tsl.int(nodeIndex).mul(verticesPerNode);
+      const xLeft = tsl.int(ix).sub(tsl.int(1));
+      const xRight = tsl.int(ix).add(tsl.int(1));
+      const yUp = tsl.int(iy).sub(tsl.int(1));
+      const yDown = tsl.int(iy).add(tsl.int(1));
+      const hLeft = elevationFieldNode.element(baseOffset.add(tsl.int(iy).mul(iEdge).add(xLeft))).mul(elevationScale);
+      const hRight = elevationFieldNode.element(baseOffset.add(tsl.int(iy).mul(iEdge).add(xRight))).mul(elevationScale);
+      const hUp = elevationFieldNode.element(baseOffset.add(yUp.mul(iEdge).add(tsl.int(ix)))).mul(elevationScale);
+      const hDown = elevationFieldNode.element(baseOffset.add(yDown.mul(iEdge).add(tsl.int(ix)))).mul(elevationScale);
+      const innerSegments = tsl.float(iEdge).sub(tsl.float(3));
+      const stepWorld = tileSize.div(innerSegments);
+      const inv2Step = tsl.float(0.5).div(stepWorld);
+      const dhdx = tsl.float(hRight).sub(tsl.float(hLeft)).mul(inv2Step);
+      const dhdz = tsl.float(hDown).sub(tsl.float(hUp)).mul(inv2Step);
+      const normal = tsl.vec3(dhdx.negate(), tsl.float(1), dhdz.negate()).normalize();
+      return tsl.vec2(normal.x, normal.z);
+    }
+  );
+}
+const terrainFieldStageTask = work.task((get, work) => {
+  const upstream = get(elevationFieldStageTask);
+  const elevationFieldContext = get(createElevationFieldContextTask);
+  const terrainFieldStorage = get(createTerrainFieldTextureTask);
+  const tileEdgeVertexCount = get(innerTileSegments) + 3;
+  const tile = get(tileNodesTask);
+  const uniforms = get(updateUniformsTask);
+  return work(() => {
+    const computeNormal = createNormalFromElevationField(
+      elevationFieldContext.node,
+      tileEdgeVertexCount
+    );
+    return [
+      ...upstream,
+      (nodeIndex, globalVertexIndex, _uv, localCoordinates) => {
+        const ix = tsl.int(localCoordinates.x);
+        const iy = tsl.int(localCoordinates.y);
+        const tileSize = tile.tileSize(nodeIndex);
+        const height = elevationFieldContext.node.element(globalVertexIndex);
+        const normalXZ = computeNormal(
+          nodeIndex,
+          tileSize,
+          ix,
+          iy,
+          uniforms.uElevationScale
+        );
+        storeTerrainField(
+          terrainFieldStorage,
+          ix,
+          iy,
+          nodeIndex,
+          packTerrainFieldSample(height, normalXZ)
+        );
+      }
+    ];
+  });
+}).displayName("terrainFieldStageTask");
+
+const { compile: compileComputeTask, execute: executeComputeTask } = createComputePipelineTasks(terrainFieldStageTask);
+function createComputePipelineTasks(leafStageTask) {
+  const compile = work.task((get, work) => {
+    const pipeline = get(leafStageTask);
+    const edgeVertexCount = get(innerTileSegments) + 3;
+    return work(
+      () => compileComputePipeline(pipeline, edgeVertexCount, {
+        })
+    );
+  }).displayName("compileComputeTask");
+  const execute = work.task(
+    (get, work, { resources }) => {
+      const { execute: run } = get(compile);
+      const leafState = get(leafGpuBufferTask);
+      return work(
+        () => resources?.renderer ? run(resources.renderer, leafState.count) : () => {
+        }
+      );
+    }
+  ).displayName("executeComputeTask").lane("gpu");
+  return { compile, execute };
+}
+
+const SLOT_STRIDE = 6;
+function nextPow2(n) {
+  let x = 1;
+  while (x < n) x <<= 1;
+  return x;
+}
+function createGpuSpatialIndex(maxEntries) {
+  const size = nextPow2(Math.max(2, maxEntries * 2));
+  const data = new Uint32Array(size * SLOT_STRIDE);
+  const attribute = new webgpu.StorageBufferAttribute(data, SLOT_STRIDE);
+  const node = tsl.storage(attribute, "u32", 1).toReadOnly().setName("gpuSpatialIndex");
+  const stampGen = tsl.uniform(tsl.uint(1)).setName("uGpuSpatialIndexStampGen");
+  return {
+    data,
+    size,
+    mask: size - 1,
+    stampGen,
+    attribute,
+    node
+  };
+}
+function uploadGpuSpatialIndex(gpuIndex, cpuIndex) {
+  if (gpuIndex.size !== cpuIndex.size) {
+    throw new Error(
+      `Spatial index size mismatch (gpu=${gpuIndex.size}, cpu=${cpuIndex.size}).`
+    );
+  }
+  for (let i = 0; i < cpuIndex.size; i += 1) {
+    const base = i * SLOT_STRIDE;
+    gpuIndex.data[base] = cpuIndex.stamp[i] ?? 0;
+    gpuIndex.data[base + 1] = cpuIndex.keysSpace[i] ?? 0;
+    gpuIndex.data[base + 2] = cpuIndex.keysLevel[i] ?? 0;
+    gpuIndex.data[base + 3] = cpuIndex.keysX[i] ?? 0;
+    gpuIndex.data[base + 4] = cpuIndex.keysY[i] ?? 0;
+    gpuIndex.data[base + 5] = cpuIndex.values[i] ?? 0;
+  }
+  gpuIndex.stampGen.value = cpuIndex.stampGen >>> 0;
+  gpuIndex.attribute.needsUpdate = true;
+  gpuIndex.node.needsUpdate = true;
+}
+function readGpuSpatialIndexValue(spatialIndex, slot, fieldOffset) {
+  const offset = tsl.int(slot).mul(tsl.int(SLOT_STRIDE)).add(tsl.int(fieldOffset));
+  return spatialIndex.node.element(offset).toUint();
+}
+const mix32 = tsl.Fn(([x]) => {
+  const v = tsl.uint(x).toVar();
+  v.assign(v.bitXor(v.shiftRight(tsl.uint(16))));
+  v.assign(v.mul(tsl.uint(2146121005)));
+  v.assign(v.bitXor(v.shiftRight(tsl.uint(15))));
+  v.assign(v.mul(tsl.uint(2221713035)));
+  v.assign(v.bitXor(v.shiftRight(tsl.uint(16))));
+  return v;
+});
+const hashKey = tsl.Fn(([space, level, x, y]) => {
+  const s = tsl.uint(space).bitAnd(tsl.uint(255));
+  const l = tsl.uint(level).bitAnd(tsl.uint(255));
+  const h = s.bitXor(l.shiftLeft(tsl.uint(8))).bitXor(mix32(tsl.uint(x))).bitXor(mix32(tsl.uint(y)));
+  return mix32(h);
+});
+const createGpuSpatialLookup = (spatialIndex) => {
+  const slotCount = spatialIndex.size;
+  const mask = tsl.uint(spatialIndex.mask);
+  const stampGen = spatialIndex.stampGen.toUint();
+  const emptyValue = tsl.int(-1);
+  return tsl.Fn(([space, level, x, y]) => {
+    const s = tsl.uint(space).bitAnd(tsl.uint(255));
+    const l = tsl.uint(level).bitAnd(tsl.uint(255));
+    const xx = tsl.uint(x);
+    const yy = tsl.uint(y);
+    const result = emptyValue.toVar();
+    const slot = hashKey(s, l, xx, yy).bitAnd(mask).toVar();
+    const probes = tsl.int(0).toVar();
+    tsl.Loop(slotCount, () => {
+      const stamp = readGpuSpatialIndexValue(spatialIndex, slot, 0);
+      tsl.If(stamp.notEqual(stampGen), () => {
+        tsl.Break();
+      });
+      const ks = readGpuSpatialIndexValue(spatialIndex, slot, 1);
+      const kl = readGpuSpatialIndexValue(spatialIndex, slot, 2);
+      const kx = readGpuSpatialIndexValue(spatialIndex, slot, 3);
+      const ky = readGpuSpatialIndexValue(spatialIndex, slot, 4);
+      tsl.If(
+        ks.equal(s).and(kl.equal(l)).and(kx.equal(xx)).and(ky.equal(yy)),
+        () => {
+          result.assign(tsl.int(readGpuSpatialIndexValue(spatialIndex, slot, 5)));
+          tsl.Break();
+        }
+      );
+      slot.assign(slot.add(tsl.uint(1)).bitAnd(mask));
+      probes.addAssign(1);
+    });
+    return result;
+  });
+};
+const createTileIndexFromWorldPosition = (spatialIndex, uniforms, maxLevel) => {
+  const lookup = createGpuSpatialLookup(spatialIndex);
+  const levelCount = Math.max(1, maxLevel + 1);
+  return tsl.Fn(([worldX, worldZ]) => {
+    const rootOrigin = uniforms.uRootOrigin.toVar();
+    const rootSize = uniforms.uRootSize.toVar();
+    const halfRoot = rootSize.mul(tsl.float(0.5));
+    const tileIndex = tsl.int(-1).toVar();
+    const tileU = tsl.float(0).toVar();
+    const tileV = tsl.float(0).toVar();
+    const i = tsl.int(0).toVar();
+    tsl.Loop(levelCount, () => {
+      const level = tsl.int(maxLevel).sub(i).toVar();
+      const scale = tsl.pow(tsl.float(2), level.toFloat());
+      const tileSize = rootSize.div(scale);
+      const tileX = worldX.sub(rootOrigin.x).add(halfRoot).div(tileSize).floor().toInt();
+      const tileY = worldZ.sub(rootOrigin.z).add(halfRoot).div(tileSize).floor().toInt();
+      const maybeIndex = lookup(tsl.int(0), level, tileX, tileY).toVar();
+      tsl.If(maybeIndex.greaterThanEqual(tsl.int(0)), () => {
+        const minX = rootOrigin.x.add(tileX.toFloat().mul(tileSize)).sub(halfRoot);
+        const minZ = rootOrigin.z.add(tileY.toFloat().mul(tileSize)).sub(halfRoot);
+        tileIndex.assign(maybeIndex);
+        tileU.assign(worldX.sub(minX).div(tileSize));
+        tileV.assign(worldZ.sub(minZ).div(tileSize));
+        tsl.Break();
+      });
+      i.addAssign(1);
+    });
+    return tsl.vec3(tileIndex.toFloat(), tileU, tileV);
+  });
+};
+const createTileIndexFromDirection = (spatialIndex, maxLevel) => {
+  const lookup = createGpuSpatialLookup(spatialIndex);
+  const levelCount = Math.max(1, maxLevel + 1);
+  return tsl.Fn(([direction]) => {
+    const dir = tsl.vec3(direction).normalize().toVar();
+    const face = cubeFaceFromDirection(dir).toVar();
+    const basis = cubeFaceBasis(face);
+    const faceUV = cubeFaceUVFromDirection(basis, dir).toVar();
+    const u = faceUV.x.toVar();
+    const v = faceUV.y.toVar();
+    const tileIndex = tsl.int(-1).toVar();
+    const tileU = tsl.float(0).toVar();
+    const tileV = tsl.float(0).toVar();
+    const i = tsl.int(0).toVar();
+    tsl.Loop(levelCount, () => {
+      const level = tsl.int(maxLevel).sub(i).toVar();
+      const n = tsl.pow(tsl.float(2), level.toFloat()).toVar();
+      const nInt = tsl.int(n).toVar();
+      const tileX = u.mul(n).floor().toInt().max(tsl.int(0)).min(nInt.sub(tsl.int(1))).toVar();
+      const tileY = v.mul(n).floor().toInt().max(tsl.int(0)).min(nInt.sub(tsl.int(1))).toVar();
+      const maybeIndex = lookup(face, level, tileX, tileY).toVar();
+      tsl.If(maybeIndex.greaterThanEqual(tsl.int(0)), () => {
+        tileIndex.assign(maybeIndex);
+        tileU.assign(u.mul(n).sub(tileX.toFloat()));
+        tileV.assign(v.mul(n).sub(tileY.toFloat()));
+        tsl.Break();
+      });
+      i.addAssign(1);
+    });
+    return tsl.vec3(tileIndex.toFloat(), tileU, tileV);
+  });
+};
+
+const gpuSpatialIndexStorageTask = work.task((get, work) => {
+  const maxNodesValue = get(maxNodes);
+  return work(() => createGpuSpatialIndex(maxNodesValue));
+}).displayName("gpuSpatialIndexStorageTask");
+const gpuSpatialIndexUploadTask = work.task((get, work) => {
+  const quadtreeConfig = get(quadtreeConfigTask);
+  get(quadtreeUpdateTask);
+  const gpuSpatialIndex = get(gpuSpatialIndexStorageTask);
+  return work(() => {
+    uploadGpuSpatialIndex(gpuSpatialIndex, quadtreeConfig.state.leafIndex);
+    return gpuSpatialIndex;
+  });
+}).displayName("gpuSpatialIndexUploadTask");
+
+function packedSampleFromTileResult(params, tileResult) {
+  const tileIndex = tsl.int(tileResult.x).toVar();
+  const safeTileIndex = tileIndex.max(tsl.int(0)).toVar();
+  const fieldU = tileLocalToFieldUV(
+    tileResult.y,
+    params.uniforms.uInnerTileSegments
+  ).toVar();
+  const fieldV = tileLocalToFieldUV(
+    tileResult.z,
+    params.uniforms.uInnerTileSegments
+  ).toVar();
+  const found = tileIndex.greaterThanEqual(tsl.int(0)).toVar();
+  const sampled = sampleTerrainField(
+    params.terrainFieldStorage,
+    fieldU,
+    fieldV,
+    safeTileIndex
+  ).toVar();
+  const normal = unpackTangentNormal(sampled.g, sampled.b);
+  const valid = found.select(tsl.float(1), tsl.float(0)).toVar();
+  return tsl.vec4(sampled.r, normal.x, normal.y, normal.z).mul(valid);
+}
+function createTerrainSampleNode(params) {
+  const tileLookup = createTileIndexFromWorldPosition(
+    params.spatialIndex,
+    params.uniforms,
+    params.maxLevel
+  );
+  return tsl.Fn(([worldX, worldZ]) => {
+    const tileResult = tileLookup(worldX, worldZ).toVar();
+    return packedSampleFromTileResult(params, tileResult);
+  });
+}
+function createTerrainSampleNodeByDirection(params) {
+  const tileLookup = createTileIndexFromDirection(params.spatialIndex, params.maxLevel);
+  return tsl.Fn(([direction]) => {
+    const tileResult = tileLookup(direction).toVar();
+    return packedSampleFromTileResult(params, tileResult);
+  });
+}
+function createTerrainSampler(params) {
+  const elevationNode = createElevationFunction(params.elevationCallback);
+  const terrainSampleAt = createTerrainSampleNode(params);
+  const evaluateElevationAt = tsl.Fn(([worldX, worldZ]) => {
+    const rootOrigin = params.uniforms.uRootOrigin.toVar();
+    const rootSize = params.uniforms.uRootSize.toVar();
+    const centeredX = worldX.sub(rootOrigin.x);
+    const centeredZ = worldZ.sub(rootOrigin.z);
+    const rootUV = tsl.vec2(
+      centeredX.div(rootSize).add(0.5),
+      centeredZ.div(rootSize).mul(tsl.float(-1)).add(0.5)
+    ).toVar();
+    return elevationNode({
+      worldPosition: tsl.vec3(worldX, rootOrigin.y, worldZ),
+      rootSize,
+      rootUV,
+      tileUV: rootUV,
+      tileLevel: tsl.int(0),
+      tileSize: rootSize,
+      tileOriginVec2: tsl.vec2(0, 0),
+      nodeIndex: tsl.int(0)
+    });
+  });
+  const sampleTerrain = tsl.Fn(
+    ([worldX, worldZ]) => terrainSampleAt(worldX, worldZ)
+  );
+  const sampleElevation = tsl.Fn(
+    ([worldX, worldZ]) => terrainSampleAt(worldX, worldZ).x
+  );
+  const sampleNormal = tsl.Fn(([worldX, worldZ]) => {
+    const sample = terrainSampleAt(worldX, worldZ).toVar();
+    return tsl.vec3(sample.y, sample.z, sample.w);
+  });
+  const sampleValidity = tsl.Fn(([worldX, worldZ]) => {
+    const sample = terrainSampleAt(worldX, worldZ).toVar();
+    return sample.y.abs().add(sample.z.abs()).add(sample.w.abs()).greaterThan(tsl.float(0)).select(tsl.float(1), tsl.float(0));
+  });
+  const evaluateElevation = tsl.Fn(
+    ([worldX, worldZ]) => evaluateElevationAt(worldX, worldZ)
+  );
+  const evaluateNormalNode = tsl.Fn(
+    ([worldX, worldZ, epsilon]) => {
+      const eps = epsilon ?? tsl.float(0.1);
+      const elevationScale = params.uniforms.uElevationScale.toVar();
+      const hL = evaluateElevationAt(worldX.sub(eps), worldZ).mul(
+        elevationScale
+      );
+      const hR = evaluateElevationAt(worldX.add(eps), worldZ).mul(
+        elevationScale
+      );
+      const hD = evaluateElevationAt(worldX, worldZ.sub(eps)).mul(
+        elevationScale
+      );
+      const hU = evaluateElevationAt(worldX, worldZ.add(eps)).mul(
+        elevationScale
+      );
+      const inv2eps = tsl.float(0.5).div(eps);
+      const dhdx = hR.sub(hL).mul(inv2eps);
+      const dhdz = hU.sub(hD).mul(inv2eps);
+      return tsl.vec3(dhdx.negate(), tsl.float(1), dhdz.negate()).normalize();
+    }
+  );
+  const evaluateNormal = (worldX, worldZ, epsilon) => evaluateNormalNode(worldX, worldZ, epsilon ?? tsl.float(0.1));
+  const sampler = {
+    sampleElevation,
+    sampleNormal,
+    sampleTerrain,
+    sampleValidity,
+    evaluateElevation,
+    evaluateNormal
+  };
+  if (params.projection === "cubeSphere") {
+    const terrainSampleByDir = createTerrainSampleNodeByDirection(params);
+    sampler.sampleTerrainByDirection = tsl.Fn(
+      ([direction]) => terrainSampleByDir(direction)
+    );
+    sampler.sampleElevationByDirection = tsl.Fn(
+      ([direction]) => terrainSampleByDir(direction).x
+    );
+    sampler.sampleValidityByDirection = tsl.Fn(([direction]) => {
+      const sample = terrainSampleByDir(direction).toVar();
+      return sample.y.abs().add(sample.z.abs()).add(sample.w.abs()).greaterThan(tsl.float(0)).select(tsl.float(1), tsl.float(0));
+    });
+    sampler.sampleNormalByDirection = tsl.Fn(([direction]) => {
+      const dir = tsl.vec3(direction).normalize().toVar();
+      const packed = terrainSampleByDir(direction).toVar();
+      const basis = cubeFaceBasis(cubeFaceFromDirection(dir));
+      return sphereTangentFrameNormal(dir, basis, tsl.vec3(packed.y, packed.z, packed.w));
+    });
+  }
+  return sampler;
+}
+
+const createTerrainSamplerTask = work.task((get, work) => {
+  const terrainFieldStorage = get(createTerrainFieldTextureTask);
+  const spatialIndex = get(gpuSpatialIndexStorageTask);
+  const uniforms = get(updateUniformsTask);
+  const elevationCallback = get(elevationFn);
+  const maxLevelValue = get(maxLevel);
+  const projection = get(topologyTask).projection ?? "flat";
+  return work(
+    () => createTerrainSampler({
+      terrainFieldStorage,
+      spatialIndex,
+      uniforms,
+      elevationCallback,
+      maxLevel: maxLevelValue,
+      projection
+    })
+  );
+}).displayName("createTerrainSamplerTask");
+
 const isSkirtVertex = tsl.Fn(([segments]) => {
   const segmentsNode = typeof segments === "number" ? tsl.int(segments) : segments;
   const vIndex = tsl.int(tsl.vertexIndex);
@@ -235,6 +3069,635 @@ const isSkirtUV = tsl.Fn(([segments]) => {
   return innerX.and(innerY).not();
 });
 
+function createTileBaseWorldPosition(leafStorage, terrainUniforms) {
+  return tsl.Fn(() => {
+    const tile = decodeLeafTile(leafStorage, tsl.int(tsl.instanceIndex));
+    const rootSize = terrainUniforms.uRootSize.toVar();
+    const rootOrigin = terrainUniforms.uRootOrigin.toVar();
+    const half = tsl.float(0.5);
+    const size = rootSize.div(tsl.pow(tsl.float(2), tile.level.toFloat()));
+    const halfRoot = rootSize.mul(half);
+    const centerX = rootOrigin.x.add(tile.x.add(half).mul(size)).sub(halfRoot);
+    const centerZ = rootOrigin.z.add(tile.y.add(half).mul(size)).sub(halfRoot);
+    const clampedX = tsl.positionLocal.x.max(half.negate()).min(half);
+    const clampedZ = tsl.positionLocal.z.max(half.negate()).min(half);
+    const worldX = centerX.add(clampedX.mul(size));
+    const worldZ = centerZ.add(clampedZ.mul(size));
+    return tsl.vec3(worldX, rootOrigin.y, worldZ);
+  });
+}
+function createTileElevation(terrainUniforms, terrainFieldStorage) {
+  if (!terrainFieldStorage) return tsl.float(0);
+  const innerSegs = terrainUniforms.uInnerTileSegments;
+  const u = tileLocalToFieldUV(tsl.positionLocal.x.add(tsl.float(0.5)), innerSegs);
+  const v = tileLocalToFieldUV(tsl.positionLocal.z.add(tsl.float(0.5)), innerSegs);
+  return sampleTerrainFieldElevation(terrainFieldStorage, u, v, tsl.int(tsl.instanceIndex)).mul(
+    terrainUniforms.uElevationScale
+  );
+}
+function createNormalAssignment(leafStorage, terrainUniforms, terrainFieldStorage, projection = "flat") {
+  if (!terrainFieldStorage) return;
+  tsl.normalLocal.assign(
+    createTileLocalNormal(leafStorage, terrainUniforms, terrainFieldStorage, projection)
+  );
+}
+function loadTangentNormal(terrainUniforms, terrainFieldStorage) {
+  const nodeIndex = tsl.int(tsl.instanceIndex);
+  const edgeVertexCount = tsl.int(terrainUniforms.uInnerTileSegments.add(3));
+  const localVertexIndex = tsl.int(tsl.vertexIndex);
+  const ix = localVertexIndex.mod(edgeVertexCount);
+  const iy = localVertexIndex.div(edgeVertexCount);
+  const normalXZ = loadTerrainFieldNormal(terrainFieldStorage, ix, iy, nodeIndex);
+  const normal = unpackTangentNormal(normalXZ.x, normalXZ.y);
+  return { ix, iy, normal };
+}
+function createTileLocalNormal(leafStorage, terrainUniforms, terrainFieldStorage, projection = "flat") {
+  if (!terrainFieldStorage) return tsl.vec3(0, 1, 0);
+  if (projection === "cubeSphere") {
+    return tsl.Fn(() => {
+      const { ix, iy, normal } = loadTangentNormal(terrainUniforms, terrainFieldStorage);
+      const tile = decodeLeafTile(leafStorage, tsl.int(tsl.instanceIndex));
+      const innerSeg = terrainUniforms.uInnerTileSegments.toVar().toFloat();
+      const localU = ix.toFloat().sub(tsl.float(1)).div(innerSeg).max(tsl.float(0)).min(tsl.float(1));
+      const localV = iy.toFloat().sub(tsl.float(1)).div(innerSeg).max(tsl.float(0)).min(tsl.float(1));
+      const faceUV = faceUVFromTileLocal(tile, localU, localV);
+      const basis = cubeFaceBasis(tile.face);
+      const dir = cubeFaceDirection(basis, faceUV.x, faceUV.y);
+      return sphereTangentFrameNormal(dir, basis, normal);
+    })();
+  }
+  return tsl.Fn(() => {
+    const { normal } = loadTangentNormal(terrainUniforms, terrainFieldStorage);
+    return normal;
+  })();
+}
+function createCubeSphereWorldPosition(leafStorage, terrainUniforms, terrainFieldStorage) {
+  return tsl.Fn(() => {
+    const tile = decodeLeafTile(leafStorage, tsl.int(tsl.instanceIndex));
+    const half = tsl.float(0.5);
+    const localU = tsl.positionLocal.x.max(half.negate()).min(half).add(half);
+    const localV = tsl.positionLocal.z.max(half.negate()).min(half).add(half);
+    const faceUV = faceUVFromTileLocal(tile, localU, localV);
+    const basis = cubeFaceBasis(tile.face);
+    const dir = cubeFaceDirection(basis, faceUV.x, faceUV.y);
+    const yElevation = createTileElevation(terrainUniforms, terrainFieldStorage);
+    const baseRadius = terrainUniforms.uRadius.toVar().add(yElevation);
+    const skirtVertex = isSkirtVertex(terrainUniforms.uInnerTileSegments);
+    const r = tsl.select(skirtVertex, baseRadius.sub(terrainUniforms.uSkirtScale.toVar()), baseRadius);
+    createNormalAssignment(leafStorage, terrainUniforms, terrainFieldStorage, "cubeSphere");
+    const origin = terrainUniforms.uRootOrigin.toVar();
+    return origin.add(dir.mul(r));
+  })();
+}
+function createTileWorldPosition(leafStorage, terrainUniforms, terrainFieldStorage, projection = "flat") {
+  if (projection === "cubeSphere") {
+    return createCubeSphereWorldPosition(leafStorage, terrainUniforms, terrainFieldStorage);
+  }
+  const baseWorldPosition = createTileBaseWorldPosition(leafStorage, terrainUniforms);
+  return tsl.Fn(() => {
+    const base = baseWorldPosition();
+    const yElevation = createTileElevation(terrainUniforms, terrainFieldStorage);
+    const skirtVertex = isSkirtVertex(terrainUniforms.uInnerTileSegments);
+    const skirtY = base.y.add(yElevation).sub(terrainUniforms.uSkirtScale.toVar());
+    const worldY = tsl.select(skirtVertex, skirtY, base.y.add(yElevation));
+    createNormalAssignment(leafStorage, terrainUniforms, terrainFieldStorage, "flat");
+    return tsl.vec3(base.x, worldY, base.z);
+  })();
+}
+
+const positionNodeTask = work.task((get, work) => {
+  const leafStorage = get(leafStorageTask);
+  const terrainUniforms = get(updateUniformsTask);
+  const terrainFieldStorage = get(createTerrainFieldTextureTask);
+  const topology = get(topologyTask);
+  return work(
+    () => createTileWorldPosition(
+      leafStorage,
+      terrainUniforms,
+      terrainFieldStorage,
+      topology.projection ?? "flat"
+    )
+  );
+}).displayName("positionNodeTask");
+
+function intersectRayAabb(ray, minX, minY, minZ, maxX, maxY, maxZ) {
+  let tMin = -Infinity;
+  let tMax = Infinity;
+  const origin = ray.origin;
+  const dir = ray.direction;
+  const slab = (originAxis, dirAxis, minAxis, maxAxis) => {
+    if (Math.abs(dirAxis) < 1e-8) {
+      if (originAxis < minAxis || originAxis > maxAxis) return false;
+      return true;
+    }
+    const inv = 1 / dirAxis;
+    let t0 = (minAxis - originAxis) * inv;
+    let t1 = (maxAxis - originAxis) * inv;
+    if (t0 > t1) {
+      const tmp = t0;
+      t0 = t1;
+      t1 = tmp;
+    }
+    tMin = Math.max(tMin, t0);
+    tMax = Math.min(tMax, t1);
+    return tMax >= tMin;
+  };
+  if (!slab(origin.x, dir.x, minX, maxX) || !slab(origin.y, dir.y, minY, maxY) || !slab(origin.z, dir.z, minZ, maxZ)) {
+    return null;
+  }
+  return { tMin, tMax };
+}
+function getTerrainBounds(config) {
+  const halfRoot = config.rootSize * 0.5;
+  return {
+    minX: config.originX - halfRoot,
+    maxX: config.originX + halfRoot,
+    minZ: config.originZ - halfRoot,
+    maxZ: config.originZ + halfRoot
+  };
+}
+function terrainSignedDistance(query, worldX, worldY, worldZ, skipBoundsFastPath) {
+  if (!skipBoundsFastPath) {
+    const tileBounds = query.getTileBounds(worldX, worldZ);
+    if (tileBounds) {
+      if (worldY > tileBounds.maxElevation) {
+        return worldY - tileBounds.maxElevation;
+      }
+      if (worldY < tileBounds.minElevation) {
+        return worldY - tileBounds.minElevation;
+      }
+    }
+  }
+  const elevation = query.getElevation(worldX, worldZ);
+  if (!Number.isFinite(elevation)) return void 0;
+  return worldY - elevation;
+}
+function marchSignedDistance(ray, startT, endT, stepSignedDistanceAt, refineSignedDistanceAt, options, point) {
+  let prevT = startT;
+  ray.at(prevT, point);
+  let prevSignedDistance = stepSignedDistanceAt(point.x, point.y, point.z);
+  if (prevSignedDistance !== void 0 && prevSignedDistance <= 0) {
+    return startT;
+  }
+  for (let i = 1; i <= options.maxSteps; i += 1) {
+    const t = startT + (endT - startT) * i / options.maxSteps;
+    ray.at(t, point);
+    const signedDistance = stepSignedDistanceAt(point.x, point.y, point.z);
+    if (signedDistance === void 0) {
+      prevSignedDistance = void 0;
+      prevT = t;
+      continue;
+    }
+    if (prevSignedDistance !== void 0 && prevSignedDistance > 0 && signedDistance <= 0) {
+      let lo = prevT;
+      let hi = t;
+      for (let r = 0; r < options.refinementSteps; r += 1) {
+        const mid = (lo + hi) * 0.5;
+        ray.at(mid, point);
+        const midDistance = refineSignedDistanceAt(point.x, point.y, point.z);
+        if (midDistance === void 0) {
+          lo = mid;
+          continue;
+        }
+        if (midDistance > 0) lo = mid;
+        else hi = mid;
+      }
+      return hi;
+    }
+    prevSignedDistance = signedDistance;
+    prevT = t;
+  }
+  return null;
+}
+function cpuRaycast(query, ray, config, options) {
+  const bounds = getTerrainBounds(config);
+  const segment = intersectRayAabb(
+    ray,
+    bounds.minX,
+    config.minY,
+    bounds.minZ,
+    bounds.maxX,
+    config.maxY,
+    bounds.maxZ
+  );
+  if (!segment) return null;
+  const maxDistance = options?.maxDistance ?? Number.POSITIVE_INFINITY;
+  const startT = Math.max(0, segment.tMin);
+  const endT = Math.min(segment.tMax, maxDistance);
+  if (endT < startT) return null;
+  const point = new three.Vector3();
+  const hitT = marchSignedDistance(
+    ray,
+    startT,
+    endT,
+    (px, py, pz) => terrainSignedDistance(query, px, py, pz, false),
+    (px, py, pz) => terrainSignedDistance(query, px, py, pz, true),
+    {
+      maxSteps: Math.max(8, options?.maxSteps ?? 128),
+      refinementSteps: Math.max(1, options?.refinementSteps ?? 8)
+    },
+    point
+  );
+  if (hitT === null) return null;
+  ray.at(hitT, point);
+  const sample = query.sampleTerrain(point.x, point.z);
+  if (!sample.valid) return null;
+  point.y = sample.elevation;
+  return {
+    position: point.clone(),
+    normal: sample.normal.clone(),
+    distance: ray.origin.distanceTo(point)
+  };
+}
+function cpuRaycastBoundsOnly(ray, config, options) {
+  const bounds = getTerrainBounds(config);
+  const planeY = (config.minY + config.maxY) * 0.5;
+  const dirY = ray.direction.y;
+  if (Math.abs(dirY) < 1e-8) return null;
+  const t = (planeY - ray.origin.y) / dirY;
+  if (t < 0) return null;
+  const maxDistance = options?.maxDistance ?? Number.POSITIVE_INFINITY;
+  if (t > maxDistance) return null;
+  const point = new three.Vector3();
+  ray.at(t, point);
+  if (point.x < bounds.minX || point.x > bounds.maxX || point.z < bounds.minZ || point.z > bounds.maxZ) {
+    return null;
+  }
+  return {
+    position: point,
+    normal: new three.Vector3(0, 1, 0),
+    distance: ray.origin.distanceTo(point)
+  };
+}
+function intersectRaySphere(ray, cx, cy, cz, radius) {
+  const ox = ray.origin.x - cx;
+  const oy = ray.origin.y - cy;
+  const oz = ray.origin.z - cz;
+  const dx = ray.direction.x;
+  const dy = ray.direction.y;
+  const dz = ray.direction.z;
+  const a = dx * dx + dy * dy + dz * dz;
+  const b = 2 * (ox * dx + oy * dy + oz * dz);
+  const c = ox * ox + oy * oy + oz * oz - radius * radius;
+  const disc = b * b - 4 * a * c;
+  if (disc < 0) return null;
+  const sqrtDisc = Math.sqrt(disc);
+  const inv2a = 1 / (2 * a);
+  return { t0: (-b - sqrtDisc) * inv2a, t1: (-b + sqrtDisc) * inv2a };
+}
+function sphereSignedDistance(query, config, px, py, pz, scratchDir) {
+  const cx = config.centerX ?? 0;
+  const cy = config.centerY ?? 0;
+  const cz = config.centerZ ?? 0;
+  const radius = config.radius ?? 0;
+  const dx = px - cx;
+  const dy = py - cy;
+  const dz = pz - cz;
+  const dist = Math.hypot(dx, dy, dz);
+  scratchDir.set(dx, dy, dz);
+  const elevation = query.getElevationByDirection(scratchDir);
+  if (elevation === null) return void 0;
+  return dist - (radius + elevation);
+}
+function cubeSphereRaycast(query, ray, config, options) {
+  const cx = config.centerX ?? 0;
+  const cy = config.centerY ?? 0;
+  const cz = config.centerZ ?? 0;
+  const radius = config.radius ?? 0;
+  const outerRadius = config.maxRadius ?? radius;
+  const shell = intersectRaySphere(ray, cx, cy, cz, outerRadius);
+  if (!shell) return null;
+  const maxDistance = options?.maxDistance ?? Number.POSITIVE_INFINITY;
+  const startT = Math.max(0, shell.t0);
+  const endT = Math.min(shell.t1, maxDistance);
+  if (endT < startT) return null;
+  const scratchDir = new three.Vector3();
+  const point = new three.Vector3();
+  const signedDistanceAt = (px, py, pz) => sphereSignedDistance(query, config, px, py, pz, scratchDir);
+  const hitT = marchSignedDistance(
+    ray,
+    startT,
+    endT,
+    signedDistanceAt,
+    signedDistanceAt,
+    {
+      maxSteps: Math.max(8, options?.maxSteps ?? 256),
+      refinementSteps: Math.max(1, options?.refinementSteps ?? 12)
+    },
+    point
+  );
+  if (hitT === null) return null;
+  ray.at(hitT, point);
+  const sample = query.sampleTerrainByPosition(point);
+  if (!sample.valid) return null;
+  return {
+    position: sample.position.clone(),
+    normal: sample.normal.clone(),
+    distance: ray.origin.distanceTo(sample.position)
+  };
+}
+function cubeSphereRaycastBoundsOnly(ray, config, options) {
+  const cx = config.centerX ?? 0;
+  const cy = config.centerY ?? 0;
+  const cz = config.centerZ ?? 0;
+  const radius = config.radius ?? 0;
+  const shell = intersectRaySphere(ray, cx, cy, cz, radius);
+  if (!shell) return null;
+  const maxDistance = options?.maxDistance ?? Number.POSITIVE_INFINITY;
+  const t = shell.t0 >= 0 ? shell.t0 : shell.t1;
+  if (t < 0 || t > maxDistance) return null;
+  const point = new three.Vector3();
+  ray.at(t, point);
+  const normal = new three.Vector3(point.x - cx, point.y - cy, point.z - cz).normalize();
+  return { position: point, normal, distance: ray.origin.distanceTo(point) };
+}
+
+function createTerrainRaycast(params) {
+  return {
+    pick(ray, options) {
+      const config = params.getConfig();
+      const terrainQuery = params.getTerrainQuery();
+      if (config.projection === "cubeSphere") {
+        const sphereQuery = params.getSphereQuery();
+        if (sphereQuery) {
+          const precise = cubeSphereRaycast(sphereQuery, ray, config, options);
+          if (precise) return precise;
+        }
+        return cubeSphereRaycastBoundsOnly(ray, config, options);
+      }
+      if (terrainQuery) {
+        const precise = cpuRaycast(terrainQuery, ray, config, options);
+        if (precise) return precise;
+      }
+      const coarse = cpuRaycastBoundsOnly(ray, config, options);
+      if (coarse && terrainQuery) {
+        const sample = terrainQuery.sampleTerrain(
+          coarse.position.x,
+          coarse.position.z
+        );
+        if (sample.valid) {
+          coarse.position.y = sample.elevation;
+          coarse.normal.copy(sample.normal);
+        }
+      }
+      return coarse;
+    }
+  };
+}
+
+const BOUNDS_PADDING = 1;
+const RAYCAST_STATE = Symbol("terrainRaycastTaskState");
+const terrainRaycastTask = work.task(
+  (get, work) => {
+    const { query: terrainQuery, sphereQuery } = get(terrainQueryTask);
+    const rootSizeValue = get(rootSize);
+    const originValue = get(origin);
+    const elevationScaleValue = get(elevationScale);
+    const radiusValue = get(radius);
+    const topologyValue = get(topologyTask);
+    const projection = topologyValue.projection ?? "flat";
+    const sphereRadius = topologyValue.radius ?? radiusValue;
+    return work((prev) => {
+      let raycast = prev;
+      let state = raycast?.[RAYCAST_STATE];
+      if (!state) {
+        state = {
+          terrainQuery: null,
+          sphereQuery: null,
+          bounds: {
+            rootSize: 0,
+            originX: 0,
+            originZ: 0,
+            minY: 0,
+            maxY: 0,
+            projection: "flat",
+            centerX: 0,
+            centerY: 0,
+            centerZ: 0,
+            radius: 0,
+            minRadius: 0,
+            maxRadius: 0
+          }
+        };
+      }
+      state.terrainQuery = terrainQuery;
+      state.sphereQuery = sphereQuery;
+      state.bounds.rootSize = rootSizeValue;
+      state.bounds.originX = originValue.x;
+      state.bounds.originZ = originValue.z;
+      state.bounds.projection = projection;
+      state.bounds.centerX = originValue.x;
+      state.bounds.centerY = originValue.y;
+      state.bounds.centerZ = originValue.z;
+      state.bounds.radius = sphereRadius;
+      const range = terrainQuery.getGlobalElevationRange();
+      if (range) {
+        state.bounds.minY = range.min - BOUNDS_PADDING;
+        state.bounds.maxY = range.max + BOUNDS_PADDING;
+      } else {
+        const verticalExtent = Math.max(1, Math.abs(elevationScaleValue) * 2);
+        state.bounds.minY = originValue.y - verticalExtent;
+        state.bounds.maxY = originValue.y + verticalExtent;
+      }
+      const elevationExtent = Math.max(1, Math.abs(elevationScaleValue));
+      let dispMin = -elevationExtent;
+      let dispMax = elevationExtent;
+      if (range) {
+        dispMin = range.min - originValue.y;
+        dispMax = range.max - originValue.y;
+      }
+      state.bounds.minRadius = Math.max(0, sphereRadius + dispMin - BOUNDS_PADDING);
+      state.bounds.maxRadius = sphereRadius + dispMax + BOUNDS_PADDING;
+      if (!raycast) {
+        raycast = createTerrainRaycast({
+          getTerrainQuery: () => state.terrainQuery,
+          getSphereQuery: () => state.sphereQuery,
+          getConfig: () => state.bounds
+        });
+      }
+      raycast[RAYCAST_STATE] = state;
+      return raycast;
+    });
+  }
+).displayName("terrainRaycastTask");
+
+const terrainTasks = {
+  instanceId: instanceIdTask,
+  quadtreeConfig: quadtreeConfigTask,
+  quadtreeUpdate: quadtreeUpdateTask,
+  leafStorage: leafStorageTask,
+  topology: topologyTask,
+  leafGpuBuffer: leafGpuBufferTask,
+  gpuSpatialIndexStorage: gpuSpatialIndexStorageTask,
+  gpuSpatialIndexUpload: gpuSpatialIndexUploadTask,
+  createUniforms: createUniformsTask,
+  updateUniforms: updateUniformsTask,
+  positionNode: positionNodeTask,
+  createElevationFieldContext: createElevationFieldContextTask,
+  createTileNodes: tileNodesTask,
+  createTerrainFieldTexture: createTerrainFieldTextureTask,
+  createTerrainSampler: createTerrainSamplerTask,
+  elevationFieldStage: elevationFieldStageTask,
+  terrainFieldStage: terrainFieldStageTask,
+  compileCompute: compileComputeTask,
+  executeCompute: executeComputeTask,
+  tileBoundsContext: tileBoundsContextTask,
+  tileBoundsReduction: tileBoundsReductionTask,
+  terrainQuery: terrainQueryTask,
+  terrainReadback: terrainReadbackTask,
+  terrainRaycast: terrainRaycastTask
+};
+function terrainGraph() {
+  const g = work.graph();
+  for (const t of Object.values(terrainTasks)) {
+    g.add(t);
+  }
+  return g;
+}
+
+const textureSpaceToVectorSpace = tsl.Fn(([value]) => {
+  return tsl.remap(value, tsl.float(0), tsl.float(1), tsl.float(-1), tsl.float(1));
+});
+const vectorSpaceToTextureSpace = tsl.Fn(([value]) => {
+  return tsl.remap(value, tsl.float(-1), tsl.float(1), tsl.float(0), tsl.float(1));
+});
+const blendAngleCorrectedNormals = tsl.Fn(([n1, n2]) => {
+  const t = tsl.vec3(n1.x, n1.y, n1.z.add(1));
+  const u = tsl.vec3(n2.x.negate(), n2.y.negate(), n2.z);
+  const r = t.mul(tsl.dot(t, u)).sub(u.mul(t.z)).normalize();
+  return r;
+});
+const deriveNormalZ = tsl.Fn(([normalXY]) => {
+  const xy = normalXY.toVar();
+  const z = xy.x.mul(xy.x).add(xy.y.mul(xy.y)).oneMinus().max(0).sqrt();
+  return tsl.vec3(xy.x, xy.y, z);
+});
+
+const vGlobalVertexIndex = /* @__PURE__ */ tsl.varyingProperty("int", "vGlobalVertexIndex");
+const vElevation = /* @__PURE__ */ tsl.varyingProperty("f32", "vElevation");
+
+const cellCenter = tsl.Fn(({ cell }) => {
+  return cell.add(tsl.mx_noise_float(cell.mul(Math.PI)));
+});
+const voronoiCells = tsl.Fn((params) => {
+  const scale = tsl.float(params.scale);
+  const facet = tsl.float(params.facet);
+  const seed = tsl.float(params.seed);
+  const pos = params.uv.mul(scale).add(seed);
+  const midCell = pos.round().toVar();
+  const minCell = midCell.toVar();
+  const minDist = tsl.float(1).toVar();
+  const cell = tsl.vec3(0, 0, 0).toVar();
+  const dist = tsl.float().toVar();
+  const i = tsl.float(0).toVar();
+  tsl.Loop(27, () => {
+    const ix = i.mod(3).sub(1);
+    const iy = i.div(3).floor().mod(3).sub(1);
+    const iz = i.div(9).floor().sub(1);
+    cell.assign(midCell.add(tsl.vec3(ix, iy, iz)));
+    dist.assign(pos.distance(cellCenter({ cell })).add(tsl.mx_noise_float(pos).div(5)));
+    tsl.If(dist.lessThan(minDist), () => {
+      minDist.assign(dist);
+      minCell.assign(cell);
+    });
+    i.addAssign(1);
+  });
+  const n = tsl.mx_noise_float(minCell.mul(Math.PI)).toVar();
+  const k = tsl.mix(minDist, n.add(1).div(2), facet);
+  return k;
+});
+
+exports.ArrayTextureBackend = ArrayTextureBackend;
+exports.AtlasBackend = AtlasBackend;
+exports.CUBE_FACES = CUBE_FACES;
+exports.CUBE_FACE_COUNT = CUBE_FACE_COUNT;
+exports.Dir = Dir;
 exports.TerrainGeometry = TerrainGeometry;
+exports.TerrainMesh = TerrainMesh;
+exports.U32_EMPTY = U32_EMPTY;
+exports.allocLeafSet = allocLeafSet;
+exports.allocSeamTable = allocSeamTable;
+exports.beginUpdate = beginUpdate;
+exports.blendAngleCorrectedNormals = blendAngleCorrectedNormals;
+exports.buildLeafIndex = buildLeafIndex;
+exports.buildSeams2to1 = buildSeams2to1;
+exports.compileComputeTask = compileComputeTask;
+exports.createComputePipelineTasks = createComputePipelineTasks;
+exports.createCubeSphereTopology = createCubeSphereTopology;
+exports.createElevationFieldContextTask = createElevationFieldContextTask;
+exports.createFlatTopology = createFlatTopology;
+exports.createInfiniteFlatTopology = createInfiniteFlatTopology;
+exports.createSpatialIndex = createSpatialIndex;
+exports.createState = createState;
+exports.createTerrainFieldStorage = createTerrainFieldStorage;
+exports.createTerrainFieldTextureTask = createTerrainFieldTextureTask;
+exports.createTerrainQuery = createTerrainQuery;
+exports.createTerrainRaycast = createTerrainRaycast;
+exports.createTerrainSampler = createTerrainSampler;
+exports.createTerrainSamplerTask = createTerrainSamplerTask;
+exports.createTerrainSphereQuery = createTerrainSphereQuery;
+exports.createTerrainUniforms = createTerrainUniforms;
+exports.createUniformsTask = createUniformsTask;
+exports.cubeFaceBasis = cubeFaceBasis;
+exports.cubeFaceDirection = cubeFaceDirection;
+exports.cubeFaceFromDirection = cubeFaceFromDirection;
+exports.cubeFacePoint = cubeFacePoint;
+exports.cubeFaceUVFromDirection = cubeFaceUVFromDirection;
+exports.deriveNormalZ = deriveNormalZ;
+exports.directionToFace = directionToFace;
+exports.directionToFaceUV = directionToFaceUV;
+exports.directionToLatLong = directionToLatLong;
+exports.elevationFieldStageTask = elevationFieldStageTask;
+exports.elevationFn = elevationFn;
+exports.elevationScale = elevationScale;
+exports.executeComputeTask = executeComputeTask;
+exports.faceUVToCube = faceUVToCube;
+exports.getDeviceComputeLimits = getDeviceComputeLimits;
+exports.gpuSpatialIndexStorageTask = gpuSpatialIndexStorageTask;
+exports.gpuSpatialIndexUploadTask = gpuSpatialIndexUploadTask;
+exports.innerTileSegments = innerTileSegments;
+exports.instanceIdTask = instanceIdTask;
 exports.isSkirtUV = isSkirtUV;
 exports.isSkirtVertex = isSkirtVertex;
+exports.latLongToDirection = latLongToDirection;
+exports.leafGpuBufferTask = leafGpuBufferTask;
+exports.leafStorageTask = leafStorageTask;
+exports.loadTerrainField = loadTerrainField;
+exports.loadTerrainFieldElevation = loadTerrainFieldElevation;
+exports.loadTerrainFieldNormal = loadTerrainFieldNormal;
+exports.maxLevel = maxLevel;
+exports.maxNodes = maxNodes;
+exports.origin = origin;
+exports.packTerrainFieldSample = packTerrainFieldSample;
+exports.positionNodeTask = positionNodeTask;
+exports.quadtreeConfigTask = quadtreeConfigTask;
+exports.quadtreeUpdate = quadtreeUpdate;
+exports.quadtreeUpdateTask = quadtreeUpdateTask;
+exports.radius = radius;
+exports.resetLeafSet = resetLeafSet;
+exports.resetSeamTable = resetSeamTable;
+exports.rootSize = rootSize;
+exports.sampleTerrainField = sampleTerrainField;
+exports.sampleTerrainFieldElevation = sampleTerrainFieldElevation;
+exports.skirtScale = skirtScale;
+exports.sphereTangentFrameNormal = sphereTangentFrameNormal;
+exports.storeTerrainField = storeTerrainField;
+exports.tangentFromAxis = tangentFromAxis;
+exports.terrainFieldFilter = terrainFieldFilter;
+exports.terrainFieldStageTask = terrainFieldStageTask;
+exports.terrainGraph = terrainGraph;
+exports.terrainQueryTask = terrainQueryTask;
+exports.terrainRaycastTask = terrainRaycastTask;
+exports.terrainReadbackTask = terrainReadbackTask;
+exports.terrainTasks = terrainTasks;
+exports.textureSpaceToVectorSpace = textureSpaceToVectorSpace;
+exports.tileNodesTask = tileNodesTask;
+exports.topology = topology;
+exports.topologyTask = topologyTask;
+exports.unpackTangentNormal = unpackTangentNormal;
+exports.update = update;
+exports.updateUniformsTask = updateUniformsTask;
+exports.vElevation = vElevation;
+exports.vGlobalVertexIndex = vGlobalVertexIndex;
+exports.vectorSpaceToTextureSpace = vectorSpaceToTextureSpace;
+exports.voronoiCells = voronoiCells;