@aura3d/engine 1.3.3 → 1.4.1

package/dist/engine/agent-api/index.js

@@ -1,4 +1,8 @@
 import { PhysicsDebugDraw, PhysicsStepper, PhysicsWorld, ScenePhysicsBridge, Shape as PhysicsShapeFactory } from "../../physics/index.js";
+import { createExternalParityEnvironmentLighting, Geometry, IndexBuffer, PBRMaterial, ProductionRuntimeRenderer, VertexBuffer, VertexFormat } from "../../rendering/index.js";
+import { DirectionalLight } from "../../scene/index.js";
+import { createTypedGLBActor } from "../production-runtime/TypedGLBActor.js";
+import { AURA_NORMALIZED_MODEL_MAX_DIMENSION, boundsFromAsset, boundsHeight, boundsMaxDimension, boundsSize } from "./SceneGroundingUtils.js";
 export * from "./FrameEncoder.js";
 export * from "./BrowserFrameCaptureAdapter.js";
 export * from "./MediaRecorderFrameEncoder.js";
@@ -43,11 +47,17 @@ export * from "./AnimationMotionQuality.js";
 export * from "./AnimationRouteProof.js";
 export * from "./AnimationEpisodePackage.js";
 import { createFrameLoop } from "./FrameLoop.js";
-import { createCombatWorld, createGameCameraDirector, createGameEffects, applyGameCombatEventsToRuntime, createGameAccessibilityFocus, createGameAccessibilityLabel, createGameAccessibilityRuntimeSettings, createGameHighContrastSource, createGameHudBindings, createGameHudComboBinding, createGameHudDebugToggleBinding, createGameHudHealthBinding, createGameHudMeterBinding, createGameHudRoundBinding, createGameHudSnapshot, createGameHudTimerBinding, createGameBoxCollider, createGameCapsuleCollider, createGameColliderDebugGeometry, createGameCombatDebugGeometry, createGameDebugOverlayData, createGameDebugSceneNodes, createGameHitboxDebugGeometry, createGameSimulation, exportGameInputReplay, createGameFighting2DRules, createGameInput, createGameInputReplay, createGameInputReplayDriver, importGameInputReplay, createGameJumpAssist, createGameKinematicBody, createGamePauseControlsSource, createGameRectCollider, createGameReducedFlashSource, createGameReducedMotionSource, createGameSphereCollider, createGameTouchControlLayout, gameColliderAabb, gameColliders, gameEffectPresets, gameGuardboxes, gameHitboxes, gameHurtboxes, gameInputReplayEventsAt, gamePushboxes, runGameSimulation, gameTriggerVolumes } from "./GameRuntime.js";
+import { createCombatWorld, createGameCameraDirector, createGameEffects, applyGameCombatEventsToRuntime, createGameAccessibilityFocus, createGameAccessibilityLabel, createGameAccessibilityRuntimeSettings, createGameEventLog, createGameHighContrastSource, createGameHudBindings, createGameHudComboBinding, createGameHudCheckpointBinding, createGameHudDebugToggleBinding, createGameHudEventLogBinding, createGameHudHealthBinding, createGameHudLivesBinding, createGameHudMeterBinding, createGameHudObjectiveBinding, createGameHudRoundBinding, createGameHudScoreBinding, createGameHudSnapshot, createGameHudTimerBinding, createGameHudValueBinding, createGameBoxCollider, createGameCapsuleCollider, createGameColliderDebugGeometry, createGameCombatDebugGeometry, createGameCollisionWorld, createGameDebugOverlayData, createGameDebugSceneNodes, createGameHitboxDebugGeometry, createGameSimulation, exportGameInputReplay, createGameFighting2DRules, createGameInput, createGameInputReplay, createGameInputReplayDriver, importGameInputReplay, createGameJumpAssist, createGameKinematicBody, createGamePauseControlsSource, createGameRectCollider, createGameReducedFlashSource, createGameReducedMotionSource, createGameSphereCollider, createGameTouchControlLayout, gameColliderAabb, gameColliders, gameEffectPresets, gameGuardboxes, gameHitboxes, gameHurtboxes, gameInputReplayEventsAt, gamePushboxes, runGameSimulation, gameTriggerVolumes } from "./GameRuntime.js";
 import { collectGameRuntimeEvidence as collectGameRuntimeEvidenceV105 } from "./GameEvidence.js";
 import { calculateRuntimeNodeBounds } from "./RuntimeNodeHandle.js";
 import { createRuntimeNodeSpec } from "./GameSceneBridge.js";
 import { createFightingGameKit, fighting as fightingGameKit } from "./game-kits/fighting.js";
+import { GAME_FALLING_BLOCK_PIECES, createGameAssetBoundPlatformerLevel, createGameAssetBoundRacingRoute, createGameFallingBlocksKit, createGameLocomotionKit, createGamePlatformerKit, createGameRacingKit } from "./GameGenreKits.js";
+import { createGamePlatformerSceneBinding, createGamePlatformerPresentationCamera, createGameRacingPresentationCamera, createGameRacingSceneBinding } from "./GameSceneGeometryBindings.js";
+import { certifyPublicPlatformerGeometry, certifyPublicRacingGeometry } from "./PublicGameGeometry.js";
+export { GAME_FALLING_BLOCK_PIECES, createGameAssetBoundPlatformerLevel, createGameAssetBoundRacingRoute, createGameFallingBlocksKit, createGameLocomotionKit, createGamePlatformerKit, createGameRacingKit } from "./GameGenreKits.js";
+export { createGamePlatformerSceneBinding, createGamePlatformerPresentationCamera, createGameRacingPresentationCamera, createGameRacingSceneBinding } from "./GameSceneGeometryBindings.js";
+export { certifyPublicPlatformerGeometry, certifyPublicRacingGeometry } from "./PublicGameGeometry.js";
 import { createPromptAnimationEpisodePlan, createPromptAnimationStoryBible, definePromptAnimationStoryboard } from "./PromptAnimationContract.js";
 import { applyShotPlaybackFrame, createShotPlaybackPlan, createShotTimeline, installShotPlayback, sampleShotPlaybackPlan } from "./ShotTimeline.js";
 import { captionCueAtTime, createCaptionTimingProof, deriveCaptionTrackFromDialogue } from "./DialoguePerformance.js";
@@ -157,6 +167,11 @@ export function model(asset, options = {}) {
         castShadow: options.castShadow ?? true,
         receiveShadow: options.receiveShadow ?? true,
         visible: options.visible ?? true,
+        role: options.role,
+        scaleMode: options.scaleMode,
+        targetHeight: options.targetHeight,
+        targetMaxDimension: options.targetMaxDimension,
+        targetLength: options.targetLength,
         physics: options.physics
     });
 }
@@ -554,8 +569,205 @@ export const material = {
         fabric: material.fabric()
     }),
     inspector: (name, spec) => createMaterialInspector(name, spec),
-    visualQA: (nodes) => validateMaterialVisualQA(nodes)
+    visualQA: (nodes) => validateMaterialVisualQA(nodes),
+    capabilityDiagnostics: (input) => createMaterialCapabilityDiagnostics(input)
 };
+const materialCapabilityCatalog = [
+    {
+        id: "base-color",
+        label: "Base color",
+        rootSafeApi: "supported",
+        productionRuntime: "supported",
+        evidence: "AuraMaterialSpec.color and imported GLB baseColorFactor are consumed by the root renderer.",
+        claimRule: "Can be claimed with a route screenshot."
+    },
+    {
+        id: "base-color-texture",
+        label: "Base-color texture",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Imported GLB baseColorTexture is sampled by the root WebGL path, but the root material contract currently keeps texture support partial until controlled texture on/off pixels are retained.",
+        claimRule: "Can describe typed texture metadata and rendered textured assets; do not claim full texture-material parity without controlled root pixels."
+    },
+    {
+        id: "metallic-roughness",
+        label: "Metallic/roughness",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root material specs expose values, but production-style material response needs route-specific pixel proof.",
+        claimRule: "Do not claim full PBR parity without browser evidence."
+    },
+    {
+        id: "normal-map",
+        label: "Normal maps",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root specs carry normal/procedural-normal intent; production shader parity is not guaranteed.",
+        claimRule: "Claim only with material-specific screenshot evidence."
+    },
+    {
+        id: "emissive",
+        label: "Emissive",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root specs and effects expose emissive color; pixel-backed bloom is reported separately.",
+        claimRule: "Distinguish emissive material from postprocess bloom."
+    },
+    {
+        id: "alpha",
+        label: "Alpha/opacity",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Opacity is accepted by the public spec, but sorting and blending must be visually verified.",
+        claimRule: "Verify alpha behavior in screenshots before claiming."
+    },
+    {
+        id: "double-sided",
+        label: "Double-sided materials",
+        rootSafeApi: "metadata-only",
+        productionRuntime: "supported",
+        evidence: "Root diagnostics may preserve metadata, but public material specs do not expose a full double-sided render contract.",
+        claimRule: "Claim only when tested route shows backface behavior."
+    },
+    {
+        id: "clearcoat",
+        label: "Clearcoat",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root specs and inspectors expose clearcoat values; physically accurate layered highlights need pixel proof.",
+        claimRule: "Do not call clearcoat physically accurate without renderer evidence."
+    },
+    {
+        id: "sheen",
+        label: "Sheen",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root specs expose sheen values for inspection and future renderer binding.",
+        claimRule: "Treat as partial unless screenshot-proven."
+    },
+    {
+        id: "transmission",
+        label: "Transmission/glass",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root specs expose glass intent, opacity, IOR, and thickness; real refraction/volume is not proven in the root path.",
+        claimRule: "Do not claim real transmission/refraction through root createAuraApp without pixels."
+    },
+    {
+        id: "variants",
+        label: "Material variants",
+        rootSafeApi: "metadata-only",
+        productionRuntime: "supported",
+        evidence: "Variant metadata and route logic can be inspected; renderer-level variant switching needs route tests.",
+        claimRule: "Claim selected variant behavior only when tested."
+    },
+    {
+        id: "hdr-ibl",
+        label: "HDR/IBL",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root environment nodes request lighting intent; environment prefiltering is not proven in the root path.",
+        claimRule: "Root HDR/IBL claims require diagnostics and browser pixels."
+    },
+    {
+        id: "shadow-maps",
+        label: "Shadow maps",
+        rootSafeApi: "partial",
+        productionRuntime: "supported",
+        evidence: "Root path reports contact-shadow cues; production shadow-map sampling is not proven by spec alone.",
+        claimRule: "Production-shadow claims require pixel proof."
+    }
+];
+function createMaterialCapabilityDiagnostics(input) {
+    const specs = extractMaterialCapabilitySpecs(input);
+    const requested = new Set();
+    if (specs.length > 0)
+        requested.add("base-color");
+    for (const spec of specs) {
+        if (spec.texture)
+            requested.add("base-color-texture");
+        if (spec.metallic !== undefined || spec.metalness !== undefined || spec.roughness !== undefined || spec.roughnessMap || spec.metalnessMap)
+            requested.add("metallic-roughness");
+        if (spec.normal)
+            requested.add("normal-map");
+        if (spec.emissive || spec.emissiveIntensity !== undefined)
+            requested.add("emissive");
+        if (spec.opacity !== undefined && spec.opacity < 1)
+            requested.add("alpha");
+        if (spec.clearcoat !== undefined || spec.clearcoatRoughness !== undefined)
+            requested.add("clearcoat");
+        if (spec.sheen !== undefined || spec.sheenColor !== undefined || spec.sheenRoughness !== undefined)
+            requested.add("sheen");
+        if (spec.transmission !== undefined || spec.thickness !== undefined || spec.ior !== undefined || spec.attenuationColor !== undefined || spec.attenuationDistance !== undefined)
+            requested.add("transmission");
+        if (spec.envMapIntensity !== undefined)
+            requested.add("hdr-ibl");
+    }
+    const features = materialCapabilityCatalog.map((feature) => ({ ...feature, requested: requested.has(feature.id) }));
+    const unsupportedRequestedFeatures = features
+        .filter((feature) => feature.requested && (feature.rootSafeApi === "unsupported" || feature.rootSafeApi === "internal" || feature.rootSafeApi === "metadata-only"))
+        .map((feature) => feature.id);
+    const partialRequestedFeatures = features
+        .filter((feature) => feature.requested && feature.rootSafeApi === "partial")
+        .map((feature) => feature.id);
+    const warnings = [];
+    if (partialRequestedFeatures.length > 0) {
+        warnings.push(`Partial root material features requested: ${partialRequestedFeatures.join(", ")}. Capture route pixels before claiming production material quality.`);
+    }
+    if (unsupportedRequestedFeatures.length > 0) {
+        warnings.push(`Metadata/internal material features requested: ${unsupportedRequestedFeatures.join(", ")}. Do not claim rendered support from root createAuraApp alone.`);
+    }
+    return {
+        kind: "aura-material-capability-diagnostics",
+        rendererPath: "root-createAuraApp",
+        requestedFeatures: [...requested].sort(),
+        unsupportedRequestedFeatures,
+        partialRequestedFeatures,
+        features,
+        warnings,
+        claimBoundary: "Material diagnostics describe public root createAuraApp support. They are not a substitute for browser screenshot evidence."
+    };
+}
+function extractMaterialCapabilitySpecs(input) {
+    if (!input)
+        return [];
+    if (Array.isArray(input)) {
+        if (input.every(isAuraMaterialSpecLike))
+            return input;
+        return groups.flatten(input)
+            .filter((node) => (node.kind === "primitive" || node.kind === "model") && Boolean(node.material))
+            .map((node) => node.material);
+    }
+    if (isAuraMaterialSpecLike(input))
+        return [input];
+    const snapshot = normalizeSceneSnapshot(input);
+    return groups.flatten(snapshot.nodes)
+        .filter((node) => (node.kind === "primitive" || node.kind === "model") && Boolean(node.material))
+        .map((node) => node.material);
+}
+function isAuraMaterialSpecLike(value) {
+    if (!value || typeof value !== "object")
+        return false;
+    const candidate = value;
+    if (candidate.kind !== undefined || candidate.nodes !== undefined)
+        return false;
+    return Boolean(candidate.color !== undefined ||
+        candidate.roughness !== undefined ||
+        candidate.metallic !== undefined ||
+        candidate.metalness !== undefined ||
+        candidate.emissive !== undefined ||
+        candidate.opacity !== undefined ||
+        candidate.transmission !== undefined ||
+        candidate.clearcoat !== undefined ||
+        candidate.sheen !== undefined ||
+        candidate.texture !== undefined ||
+        candidate.normal !== undefined ||
+        candidate.roughnessMap !== undefined ||
+        candidate.metalnessMap !== undefined ||
+        candidate.envMapIntensity !== undefined ||
+        candidate.shader !== undefined ||
+        candidate.name !== undefined);
+}
 function createMaterialInspector(name, spec) {
     const metalness = spec.metalness ?? spec.metallic ?? 0;
     const parameters = [
@@ -807,6 +1019,7 @@ export const camera = {
         distance: options.distance ?? 5,
         position: options.position,
         target: options.target ?? [0, 1, 0],
+        offset: options.offset,
         fov: options.fov ?? 50,
         easing: options.easing,
         captureTime: options.captureTime,
@@ -844,6 +1057,37 @@ export const camera = {
         const distance = extent * (options.padding ?? 2.15);
         return camera.orbit({ target: center, distance, fov: options.fov ?? 42 });
     },
+    frameAsset: (asset, options = {}) => {
+        const bounds = boundsFromAsset(asset);
+        const size = boundsSize(bounds);
+        const renderedScale = resolveFrameAssetRenderScale(bounds, options);
+        const renderedSize = [
+            Math.max(0.001, size[0] * renderedScale),
+            Math.max(0.001, size[1] * renderedScale),
+            Math.max(0.001, size[2] * renderedScale)
+        ];
+        const position = options.position ?? [0, options.floorY ?? 0, 0];
+        const target = options.target ?? [
+            position[0],
+            position[1] + renderedSize[1] * 0.28,
+            position[2]
+        ];
+        const fov = options.fov ?? 36;
+        const fovRadians = Math.max(1, Math.min(120, fov)) * Math.PI / 180;
+        const radius = Math.hypot(renderedSize[0], renderedSize[1], renderedSize[2]) / 2;
+        const verticalFitDistance = renderedSize[1] / (2 * Math.tan(fovRadians / 2));
+        const horizontalFitDistance = Math.max(renderedSize[0], renderedSize[2]) / (2 * Math.tan(fovRadians / 2));
+        const distance = Math.max(options.minDistance ?? 0.85, verticalFitDistance * (options.padding ?? 1.42), horizontalFitDistance * (options.padding ?? 1.42), radius / Math.tan(fovRadians / 2) * (options.padding ?? 1.42));
+        const azimuth = options.azimuth ?? 0.62;
+        const elevation = options.elevation ?? 0.28;
+        const horizontal = Math.max(0.001, Math.cos(elevation));
+        const eye = [
+            target[0] + Math.sin(azimuth) * horizontal * distance,
+            target[1] + Math.sin(elevation) * distance,
+            target[2] + Math.cos(azimuth) * horizontal * distance
+        ];
+        return camera.orbit({ target, position: eye, distance, fov });
+    },
     physics: () => camera.orbit({ target: [0, 0.58, -0.35], distance: 5.8, fov: 43 }),
     charts: () => camera.orbit({ target: [0, 0.78, 0], distance: 6.4, fov: 40 }),
     materials: () => camera.perspective({ position: [0, 2.08, 7.35], target: [0, 0.9, -0.72], fov: 40 }),
@@ -854,6 +1098,19 @@ export const camera = {
     miniGolf: () => camera.follow({ targetNode: "white physics golf ball", distance: 4.2, fov: 48 }),
     neon: () => camera.flythrough({ from: [0, 0.36, 1.6], to: [0, 0.36, -5.8], target: [0, 0.26, -6.8], fov: 54, captureTime: 0.16 })
 };
+function resolveFrameAssetRenderScale(bounds, options) {
+    const size = boundsSize(bounds);
+    const height = Math.max(0.001, boundsHeight(bounds));
+    const horizontalLength = Math.max(0.001, size[0], size[2]);
+    const maxDimension = Math.max(0.001, boundsMaxDimension(bounds));
+    if (isPositiveFinite(options.targetHeight))
+        return options.targetHeight / height;
+    if (isPositiveFinite(options.targetLength))
+        return options.targetLength / horizontalLength;
+    if (isPositiveFinite(options.targetMaxDimension))
+        return options.targetMaxDimension / maxDimension;
+    return AURA_NORMALIZED_MODEL_MAX_DIMENSION / maxDimension;
+}
 export const timeline = {
     loop: (options = {}) => ({
         mode: "loop",
@@ -1284,17 +1541,120 @@ const rendererQualityPresets = {
         evidence: "prioritizes benchmark screenshots with stronger edge quality for labels, axes, and neon rings"
     }
 };
+const rendererQualityProfiles = {
+    "safe-basic": {
+        kind: "aura-renderer-quality-profile",
+        id: "safe-basic",
+        label: "Safe Basic",
+        rendererMode: "safe-basic",
+        status: "supported",
+        antialiasing: "msaa",
+        pixelRatio: 1,
+        preserveDrawingBuffer: true,
+        maxRecommendedDrawCalls: 180,
+        requestedFeatures: ["typed models", "primitives", "basic particles", "base-color textures", "runtime nodes"],
+        supportedInRoot: ["typed models", "primitives", "basic particles", "base-color textures", "runtime nodes"],
+        blockedInRoot: ["production PBR parity", "skinned animation mixer", "native WebGPU compute", "postprocess pass chain"],
+        claimBoundary: "Root createAuraApp safe path. Use this for public examples unless a browser test proves a stronger profile."
+    },
+    production: {
+        kind: "aura-renderer-quality-profile",
+        id: "production",
+        label: "Production Typed GLB",
+        rendererMode: "production",
+        status: "supported",
+        antialiasing: "msaa-plus-high-dpi",
+        pixelRatio: 1.5,
+        preserveDrawingBuffer: true,
+        maxRecommendedDrawCalls: 260,
+        requestedFeatures: ["typed GLB actors", "PBR material pipeline", "environment lighting", "shadow maps", "postprocess"],
+        supportedInRoot: ["typed GLB actor bridge", "imported GLB render source", "PBR material pipeline metadata", "runtime diagnostics"],
+        blockedInRoot: ["environment prefiltering without pixel proof", "shadow-map sampling without pixel proof", "postprocess pass chain without pixel proof", "native WebGPU claim without adapter/render evidence"],
+        claimBoundary: "Root createAuraApp can route typed GLB manifest assets through the production runtime. Claim only the specific features proven by route diagnostics and screenshots."
+    },
+    cinematic: {
+        kind: "aura-renderer-quality-profile",
+        id: "cinematic",
+        label: "Cinematic Request",
+        rendererMode: "production",
+        status: "fallback-only",
+        antialiasing: "msaa-plus-high-dpi",
+        pixelRatio: 1.5,
+        preserveDrawingBuffer: true,
+        maxRecommendedDrawCalls: 320,
+        requestedFeatures: ["cinematic lighting", "environment lighting", "postprocess", "motion proof", "high-DPI screenshots"],
+        supportedInRoot: ["high-DPI canvas sizing", "scene diagnostics", "basic particles", "camera/timeline animation"],
+        blockedInRoot: ["renderer-owned bloom pass", "depth-aware postprocess", "production shadow maps", "skinned animation mixer"],
+        claimBoundary: "Cinematic is an explicit request profile, not proof of production cinematic rendering."
+    },
+    "experimental-webgpu": {
+        kind: "aura-renderer-quality-profile",
+        id: "experimental-webgpu",
+        label: "Experimental WebGPU Request",
+        rendererMode: "production",
+        status: "experimental",
+        antialiasing: "msaa",
+        pixelRatio: 1,
+        preserveDrawingBuffer: true,
+        maxRecommendedDrawCalls: 220,
+        requestedFeatures: ["WebGPU adapter", "compute dispatch", "native WebGPU rendering"],
+        supportedInRoot: ["capability diagnostics", "fallback route evidence"],
+        blockedInRoot: ["native WebGPU claim without adapter/backend/dispatch/render evidence"],
+        claimBoundary: "May only claim native WebGPU when route diagnostics and browser screenshots prove adapter, backend, dispatch, and pixels."
+    }
+};
+function resolveRendererQualityProfile(id) {
+    return rendererQualityProfiles[id ?? "safe-basic"] ?? rendererQualityProfiles["safe-basic"];
+}
+function normalizeCreateAppRendererOptions(options) {
+    const profile = resolveRendererQualityProfile(options?.qualityProfile);
+    const mode = options?.mode ?? profile.rendererMode;
+    return {
+        mode,
+        fallback: options?.fallback ?? "safe-basic",
+        qualityProfile: profile.id,
+        profile
+    };
+}
+function analyzeProductionBridgeEligibility(nodes) {
+    const modelNodes = nodes.filter(isRenderableModelNode);
+    const typedModelCount = modelNodes.filter((node) => createAssetProvenance(node.asset).source === "typed-aura-assets-manifest").length;
+    const unsafeModelCount = modelNodes.filter((node) => createAssetProvenance(node.asset).source === "unsafe-url").length;
+    const inlineModelCount = modelNodes.filter((node) => createAssetProvenance(node.asset).source === "inline-definition").length;
+    const primitiveCount = nodes.filter((node) => node.kind === "primitive").length;
+    const effectCount = nodes.filter((node) => node.kind === "effect").length;
+    const reasons = [];
+    if (typedModelCount < 1)
+        reasons.push("production bridge requires at least one typed GLB from generated aura-assets");
+    if (unsafeModelCount > 0)
+        reasons.push("unsafeModelUrl and remote/raw model URLs are blocked from the production bridge");
+    if (inlineModelCount > 0)
+        reasons.push("inline model definitions without manifest hashes are blocked from the production bridge");
+    return {
+        eligible: reasons.length === 0,
+        typedModelCount,
+        unsafeModelCount,
+        inlineModelCount,
+        primitiveCount,
+        effectCount,
+        reasons
+    };
+}
 export const renderer = {
     colorManagementPreset: () => rendererColorManagementPreset,
     exposurePresets: () => sceneExposurePresets,
     exposureFor: (category) => sceneExposurePresets[category],
     qualityPresets: () => rendererQualityPresets,
+    qualityProfiles: () => rendererQualityProfiles,
+    qualityProfile: (id) => resolveRendererQualityProfile(id),
     screenshotQuality: () => rendererQualityPresets.screenshot,
-    diagnostics: (sceneValue) => createRendererDiagnosticReport(flattenSceneSnapshot(normalizeSceneSnapshot(sceneValue)))
+    diagnostics: (sceneValue, options) => createRendererDiagnosticReport(flattenSceneSnapshot(normalizeSceneSnapshot(sceneValue)), undefined, options)
 };
-function createRendererDiagnosticReport(snapshot, runtime) {
+function createRendererDiagnosticReport(snapshot, runtime, rendererOptions) {
     const flattened = groups.flatten(snapshot.nodes);
     const names = flattened.map((node) => "name" in node ? node.name?.toLowerCase() ?? "" : "");
+    const rendererSelection = normalizeCreateAppRendererOptions(rendererOptions);
+    const productionEligibility = analyzeProductionBridgeEligibility(flattened);
     const sceneCategory = resolveRendererSceneCategory(snapshot, names);
     const exposure = sceneExposurePresets[sceneCategory];
     const bloom = flattened.find((node) => node.kind === "effect" && node.effect === "bloom");
@@ -1303,9 +1663,12 @@ function createRendererDiagnosticReport(snapshot, runtime) {
     const contactShadows = names.filter((name) => name.includes("contact shadow") || name.includes("footprint") || name.includes("glow pool")).length;
     const ambientOcclusion = flattened.some((node) => node.kind === "effect" && node.effect === "ambient-occlusion");
     const contactOcclusion = flattened.some((node) => node.kind === "effect" && node.effect === "contact-occlusion") || contactShadows > 0;
-    const postprocessRequested = Boolean(bloom) || ambientOcclusion || contactOcclusion;
-    const requestedPasses = requestedRendererPostProcessPasses(Boolean(bloom), ambientOcclusion, contactOcclusion);
     const runtimePostprocess = runtime?.postprocess;
+    const runtimePasses = runtimePostprocess?.actualPasses ?? [];
+    const postprocessRequested = Boolean(bloom) || ambientOcclusion || contactOcclusion || runtimePasses.length > 0;
+    const requestedPasses = runtimePasses.length > 0
+        ? runtimePasses
+        : requestedRendererPostProcessPasses(Boolean(bloom), ambientOcclusion, contactOcclusion);
     const runtimeStatus = !postprocessRequested
         ? "disabled"
         : runtime?.mounted
@@ -1324,6 +1687,18 @@ function createRendererDiagnosticReport(snapshot, runtime) {
         warnings.push("renderer diagnostics are a scene plan only; call createAuraApp(...).diagnostics() after the first render for pixel-backed pass status");
     if (postprocessRequested && runtime?.mounted && !runtimePostprocess?.pixelBacked)
         warnings.push("postprocess was requested but the runtime composer did not initialize a pixel-backed pass");
+    if (rendererSelection.mode === "production" && !runtime?.mounted && productionEligibility.eligible) {
+        warnings.push(`Renderer profile "${rendererSelection.profile.id}" can use the typed-GLB production bridge after createAuraApp mounts; inspect app.diagnostics().renderer.runtime for pixel-backed status.`);
+    }
+    if (rendererSelection.mode === "production" && !productionEligibility.eligible) {
+        warnings.push(`Renderer profile "${rendererSelection.profile.id}" will use safe-basic fallback for this scene: ${productionEligibility.reasons.join("; ")}.`);
+    }
+    if (rendererSelection.profile.status === "fallback-only") {
+        warnings.push(`Renderer profile "${rendererSelection.profile.id}" is a request profile; public claims require route-specific runtime diagnostics and screenshot proof.`);
+    }
+    if (rendererSelection.profile.id === "experimental-webgpu") {
+        warnings.push("Experimental WebGPU profile cannot claim native WebGPU without adapter, backend, dispatch, render, and pixel evidence.");
+    }
     warnings.push(...(runtime?.warnings ?? []));
     const environmentStatus = runtime?.environment ?? {
         enabled: Boolean(environment),
@@ -1343,6 +1718,9 @@ function createRendererDiagnosticReport(snapshot, runtime) {
     return {
         kind: "aura-renderer-diagnostics",
         colorManagement: rendererColorManagementPreset,
+        rendererMode: rendererSelection.mode,
+        fallbackMode: rendererSelection.fallback,
+        qualityProfile: rendererSelection.profile,
         sceneCategory,
         exposure,
         toneMapping: "aces-filmic",
@@ -1406,6 +1784,7 @@ function createRendererDiagnosticReport(snapshot, runtime) {
         },
         antialiasing: rendererQualityPresets.screenshot.antialiasing,
         screenshotQuality: rendererQualityPresets.screenshot,
+        materialCapabilities: createMaterialCapabilityDiagnostics(snapshot),
         warnings
     };
 }
@@ -1439,7 +1818,18 @@ function resolveRendererSceneCategory(snapshot, names) {
         return "physics";
     if (hasName("chart") || hasName("data bar") || hasName("axis"))
         return "chart";
-    if (hasName("golf") || hasName("score") || hasName("cup"))
+    if (hasName("game") ||
+        hasName("golf") ||
+        hasName("score") ||
+        hasName("cup") ||
+        hasName("race") ||
+        hasName("car") ||
+        hasName("circuit") ||
+        hasName("runner") ||
+        hasName("platform") ||
+        hasName("checkpoint") ||
+        hasName("arcade") ||
+        hasName("blockfall"))
         return "game";
     const background = colorToClearColor(snapshot.background);
     const luminance = background[0] * 0.2126 + background[1] * 0.7152 + background[2] * 0.0722;
@@ -3238,6 +3628,821 @@ export function createAuraGameRuntime(options = {}) {
         bodies: []
     };
 }
+export function createGameRacingRoadMeshNodes(options) {
+    const mode = options.mode ?? "standalone";
+    const routePoints = racingPresentationRoutePoints(options.sceneBinding, options.route, options.roadY);
+    if (routePoints.length < 2)
+        return [];
+    const isCircuitStage = mode === "game-circuit";
+    const roadWidth = racingPresentationRoadWidth(options.sceneBinding, options.route, mode);
+    const markingVisibility = options.markingVisibility ?? "full";
+    const nodes = [];
+    const includeTerrain = options.includeTerrain ?? (mode === "standalone" || isCircuitStage);
+    if (includeTerrain && mode !== "asset-overlay") {
+        const terrainPaddingScale = options.terrainPaddingScale ?? (isCircuitStage ? 4.5 : 3.2);
+        const bounds = boundsForPresentationPoints(routePoints, roadWidth * terrainPaddingScale);
+        nodes.push(primitives.box({
+            name: "scene-bound racing terrain pad",
+            material: material.pbr({ color: options.terrainColor ?? (isCircuitStage ? "#1f342e" : "#263b35"), roughness: 0.92, metallic: 0 })
+        })
+            .position(bounds.centerX, -0.032, bounds.centerZ)
+            .scale([bounds.width, 0.035, bounds.depth])
+            .toJSON());
+        if (isCircuitStage) {
+            nodes.push(primitives.box({
+                name: "scene-bound racing pit lane apron",
+                material: material.pbr({ color: options.pitLaneColor ?? "#121c1e", roughness: 0.86, metallic: 0 })
+            })
+                .position(roundGamePresentation(bounds.centerX - bounds.width * 0.12), 0.002, roundGamePresentation(bounds.centerZ + bounds.depth * 0.23))
+                .rotate(0, -0.16, 0)
+                .scale([Math.max(0.8, bounds.width * 0.42), 0.026, roadWidth * 0.58])
+                .toJSON());
+        }
+    }
+    for (let index = 0; index < routePoints.length - 1; index += 1) {
+        const start = routePoints[index];
+        const end = routePoints[index + 1];
+        if (!start || !end)
+            continue;
+        const segment = segmentPresentation(start, end);
+        if (segment.length <= 0.02)
+            continue;
+        if (mode === "asset-overlay") {
+            nodes.push(primitives.box({
+                name: `asset-bound racing topology line ${index + 1}`,
+                material: material.emissive({
+                    color: options.laneColor ?? "#d8f6ff",
+                    emissive: options.laneColor ?? "#8df4ff",
+                    emissiveIntensity: 0.48,
+                    roughness: 0.42
+                })
+            })
+                .position(segment.midX, segment.midY + 0.038, segment.midZ)
+                .rotate(0, -segment.angle, 0)
+                .scale([Math.max(0.06, segment.length * 0.68), 0.008, 0.014])
+                .toJSON());
+            continue;
+        }
+        const sideX = -Math.sin(segment.angle);
+        const sideZ = Math.cos(segment.angle);
+        const y = segment.midY;
+        nodes.push(primitives.box({
+            name: `scene-bound racing road segment ${index + 1}`,
+            material: material.pbr({ color: options.roadColor ?? (isCircuitStage ? "#11191d" : "#343b3f"), roughness: 0.82, metallic: 0 })
+        })
+            .position(segment.midX, y, segment.midZ)
+            .rotate(0, -segment.angle, 0)
+            .scale([segment.length + roadWidth * 0.44, 0.028, roadWidth])
+            .toJSON());
+        if (markingVisibility === "none")
+            continue;
+        const isSubtleMark = markingVisibility === "subtle";
+        if (!isSubtleMark || index % 3 === 0) {
+            nodes.push(primitives.box({
+                name: `scene-bound racing center stripe ${index + 1}`,
+                material: material.emissive({
+                    color: options.laneColor ?? "#d8f6ff",
+                    emissive: options.laneColor ?? "#8df4ff",
+                    emissiveIntensity: isSubtleMark ? 0.34 : 0.7,
+                    roughness: 0.4
+                })
+            })
+                .position(segment.midX, y + 0.022, segment.midZ)
+                .rotate(0, -segment.angle, 0)
+                .scale([Math.max(0.08, segment.length * (isCircuitStage ? 0.28 : 0.72)), 0.009, 0.01])
+                .toJSON());
+        }
+        if (!isSubtleMark || index % 4 === 0) {
+            nodes.push(primitives.box({
+                name: `scene-bound racing left curb ${index + 1}`,
+                material: material.pbr({ color: index % 2 === 0 ? "#d4ded8" : options.curbColor ?? "#df3550", roughness: 0.66 })
+            })
+                .position(roundGamePresentation(segment.midX + sideX * roadWidth * 0.54), y + 0.024, roundGamePresentation(segment.midZ + sideZ * roadWidth * 0.54))
+                .rotate(0, -segment.angle, 0)
+                .scale([Math.max(0.08, segment.length * 0.38), 0.012, 0.016])
+                .toJSON(), primitives.box({
+                name: `scene-bound racing right curb ${index + 1}`,
+                material: material.pbr({ color: index % 2 === 0 ? options.curbColor ?? "#df3550" : "#d4ded8", roughness: 0.66 })
+            })
+                .position(roundGamePresentation(segment.midX - sideX * roadWidth * 0.54), y + 0.024, roundGamePresentation(segment.midZ - sideZ * roadWidth * 0.54))
+                .rotate(0, -segment.angle, 0)
+                .scale([Math.max(0.08, segment.length * 0.38), 0.012, 0.016])
+                .toJSON());
+        }
+        if (isCircuitStage && (!isSubtleMark || index % 2 === 0)) {
+            const railLength = Math.max(0.1, segment.length * (isSubtleMark ? 0.5 : 0.64));
+            nodes.push(primitives.box({
+                name: `scene-bound racing left guardrail ${index + 1}`,
+                material: material.pbr({ color: "#141d20", roughness: 0.74, metallic: 0 })
+            })
+                .position(roundGamePresentation(segment.midX + sideX * roadWidth * 0.62), y + 0.034, roundGamePresentation(segment.midZ + sideZ * roadWidth * 0.62))
+                .rotate(0, -segment.angle, 0)
+                .scale([railLength, 0.018, 0.014])
+                .toJSON(), primitives.box({
+                name: `scene-bound racing right guardrail ${index + 1}`,
+                material: material.pbr({ color: "#141d20", roughness: 0.74, metallic: 0 })
+            })
+                .position(roundGamePresentation(segment.midX - sideX * roadWidth * 0.62), y + 0.034, roundGamePresentation(segment.midZ - sideZ * roadWidth * 0.62))
+                .rotate(0, -segment.angle, 0)
+                .scale([railLength, 0.018, 0.014])
+                .toJSON());
+        }
+    }
+    return nodes;
+}
+export function createGameRacingCheckpointGateNodes(options) {
+    const mode = options.mode ?? "scene-bound";
+    const sample = racingPresentationSceneSample(options.sceneBinding, options.route, options.progress, options.roadY);
+    if (!sample)
+        return [];
+    const roadWidth = options.roadWidth ?? racingPresentationRoadWidth(options.sceneBinding, options.route, "game-circuit");
+    const label = options.index === undefined ? "racing checkpoint gate" : `racing checkpoint gate ${options.index + 1}`;
+    const sideX = -Math.sin(sample.angle);
+    const sideZ = Math.cos(sample.angle);
+    const crossAngle = -sample.angle + Math.PI / 2;
+    const prefix = mode === "asset-bound" ? "asset-bound" : "scene-bound";
+    if (mode === "asset-bound") {
+        return [
+            primitives.box({
+                name: `${prefix} ${label}`,
+                material: material.emissive({ color: options.gateColor ?? "#f8f1bf", emissive: options.accentColor ?? "#f6e27a", emissiveIntensity: 0.38, roughness: 0.46 })
+            })
+                .position(sample.point[0], sample.point[1] + 0.045, sample.point[2])
+                .rotate(0, crossAngle, 0)
+                .scale([roadWidth * 0.9, 0.01, 0.026])
+                .toJSON()
+        ];
+    }
+    const postOffset = roadWidth * 0.72;
+    const bannerY = sample.point[1] + 0.096;
+    const lightY = sample.point[1] + 0.072;
+    const leftX = roundGamePresentation(sample.point[0] + sideX * postOffset);
+    const leftZ = roundGamePresentation(sample.point[2] + sideZ * postOffset);
+    const rightX = roundGamePresentation(sample.point[0] - sideX * postOffset);
+    const rightZ = roundGamePresentation(sample.point[2] - sideZ * postOffset);
+    const bannerX = roundGamePresentation(sample.point[0] + sideX * roadWidth * 0.76);
+    const bannerZ = roundGamePresentation(sample.point[2] + sideZ * roadWidth * 0.76);
+    return [
+        primitives.box({
+            name: `${prefix} ${label} left post`,
+            material: material.metal({ color: options.gateColor ?? "#26373a", roughness: 0.5, metallic: 0.28 })
+        })
+            .position(leftX, sample.point[1] + 0.041, leftZ)
+            .scale([0.028, 0.082, 0.028])
+            .toJSON(),
+        primitives.box({
+            name: `${prefix} ${label} right post`,
+            material: material.metal({ color: options.gateColor ?? "#26373a", roughness: 0.5, metallic: 0.28 })
+        })
+            .position(rightX, sample.point[1] + 0.041, rightZ)
+            .scale([0.028, 0.082, 0.028])
+            .toJSON(),
+        primitives.box({
+            name: `${prefix} ${label} overhead banner`,
+            material: material.emissive({
+                color: options.accentColor ?? "#b66d33",
+                emissive: options.accentColor ?? "#d88f4a",
+                emissiveIntensity: 0.16,
+                roughness: 0.42
+            })
+        })
+            .position(bannerX, bannerY, bannerZ)
+            .rotate(0, crossAngle, 0)
+            .scale([roadWidth * 0.26, 0.024, 0.024])
+            .toJSON(),
+        primitives.sphere({
+            name: `${prefix} ${label} left signal light`,
+            material: material.emissive({ color: options.lightColor ?? "#7ee8c4", emissive: options.lightColor ?? "#7ee8c4", emissiveIntensity: 0.64, roughness: 0.32 })
+        })
+            .position(roundGamePresentation(sample.point[0] + sideX * roadWidth * 0.2), lightY, roundGamePresentation(sample.point[2] + sideZ * roadWidth * 0.2))
+            .scale(0.018)
+            .toJSON(),
+        primitives.sphere({
+            name: `${prefix} ${label} right signal light`,
+            material: material.emissive({ color: options.lightColor ?? "#7ee8c4", emissive: options.lightColor ?? "#7ee8c4", emissiveIntensity: 0.64, roughness: 0.32 })
+        })
+            .position(roundGamePresentation(sample.point[0] - sideX * roadWidth * 0.2), lightY, roundGamePresentation(sample.point[2] - sideZ * roadWidth * 0.2))
+            .scale(0.018)
+            .toJSON(),
+        primitives.cylinder({
+            name: `${prefix} ${label} left cone marker`,
+            material: material.emissive({ color: options.accentColor ?? "#c78344", emissive: options.accentColor ?? "#c78344", emissiveIntensity: 0.26, roughness: 0.52 })
+        })
+            .position(roundGamePresentation(sample.point[0] + sideX * roadWidth * 0.78), sample.point[1] + 0.034, roundGamePresentation(sample.point[2] + sideZ * roadWidth * 0.78))
+            .scale([0.038, 0.068, 0.038])
+            .toJSON(),
+        primitives.cylinder({
+            name: `${prefix} ${label} right cone marker`,
+            material: material.emissive({ color: options.accentColor ?? "#c78344", emissive: options.accentColor ?? "#c78344", emissiveIntensity: 0.26, roughness: 0.52 })
+        })
+            .position(roundGamePresentation(sample.point[0] - sideX * roadWidth * 0.78), sample.point[1] + 0.034, roundGamePresentation(sample.point[2] - sideZ * roadWidth * 0.78))
+            .scale([0.038, 0.068, 0.038])
+            .toJSON()
+    ];
+}
+export function createGameRacingStartFinishNodes(options) {
+    const mode = options.mode ?? "scene-bound";
+    const sample = racingPresentationSceneSample(options.sceneBinding, options.route, 0, options.roadY);
+    if (!sample)
+        return [];
+    const roadWidth = options.roadWidth ?? racingPresentationRoadWidth(options.sceneBinding, options.route, "game-circuit");
+    const crossAngle = -sample.angle + Math.PI / 2;
+    const prefix = mode === "asset-bound" ? "asset-bound" : "scene-bound";
+    if (mode === "asset-bound") {
+        return [
+            primitives.box({
+                name: `${prefix} racing start finish band`,
+                material: material.emissive({ color: "#ffffff", emissive: "#ffffff", emissiveIntensity: 0.36, roughness: 0.3 })
+            })
+                .position(sample.point[0], sample.point[1] + 0.052, sample.point[2])
+                .rotate(0, crossAngle, 0)
+                .scale([roadWidth * 1.05, 0.01, 0.035])
+                .toJSON()
+        ];
+    }
+    const nodes = [];
+    const sideX = -Math.sin(sample.angle);
+    const sideZ = Math.cos(sample.angle);
+    const forwardX = Math.cos(sample.angle);
+    const forwardZ = Math.sin(sample.angle);
+    nodes.push(primitives.box({
+        name: "scene-bound racing start grid vehicle pad",
+        material: material.pbr({ color: options.checkerColorB ?? "#0d1416", roughness: 0.78, metallic: 0 })
+    })
+        .position(roundGamePresentation(sample.point[0] - forwardX * roadWidth * 0.1), sample.point[1] + 0.028, roundGamePresentation(sample.point[2] - forwardZ * roadWidth * 0.1))
+        .rotate(0, crossAngle, 0)
+        .scale([roadWidth * 1.08, 0.01, roadWidth * 0.78])
+        .toJSON(), primitives.box({
+        name: "scene-bound racing start finish light strip",
+        material: material.emissive({ color: options.lightColor ?? "#86e391", emissive: options.lightColor ?? "#86e391", emissiveIntensity: 0.48, roughness: 0.38 })
+    })
+        .position(sample.point[0], sample.point[1] + 0.047, sample.point[2])
+        .rotate(0, crossAngle, 0)
+        .scale([roadWidth * 0.86, 0.012, 0.028])
+        .toJSON());
+    const tileCount = 10;
+    for (let tile = 0; tile < tileCount; tile += 1) {
+        const laneOffset = ((tile + 0.5) / tileCount - 0.5) * roadWidth * 1.18;
+        nodes.push(primitives.box({
+            name: `scene-bound racing start finish checker ${tile + 1}`,
+            material: material.pbr({ color: tile % 2 === 0 ? options.checkerColorA ?? "#d4ded8" : options.checkerColorB ?? "#0d1416", roughness: 0.52, metallic: 0 })
+        })
+            .position(roundGamePresentation(sample.point[0] + sideX * laneOffset), sample.point[1] + 0.04, roundGamePresentation(sample.point[2] + sideZ * laneOffset))
+            .rotate(0, crossAngle, 0)
+            .scale([roadWidth / tileCount, 0.014, 0.07])
+            .toJSON());
+    }
+    const postOffset = roadWidth * 0.68;
+    const leftX = roundGamePresentation(sample.point[0] + sideX * postOffset);
+    const leftZ = roundGamePresentation(sample.point[2] + sideZ * postOffset);
+    const rightX = roundGamePresentation(sample.point[0] - sideX * postOffset);
+    const rightZ = roundGamePresentation(sample.point[2] - sideZ * postOffset);
+    const bannerX = roundGamePresentation(sample.point[0] + sideX * roadWidth * 0.84);
+    const bannerZ = roundGamePresentation(sample.point[2] + sideZ * roadWidth * 0.84);
+    nodes.push(primitives.box({
+        name: "scene-bound racing launch grid bright marker",
+        material: material.emissive({ color: options.checkerColorA ?? "#718980", emissive: options.lightColor ?? "#86e391", emissiveIntensity: 0.16, roughness: 0.44 })
+    })
+        .position(roundGamePresentation(sample.point[0] - forwardX * roadWidth * 0.28), sample.point[1] + 0.038, roundGamePresentation(sample.point[2] - forwardZ * roadWidth * 0.28))
+        .rotate(0, crossAngle, 0)
+        .scale([roadWidth * 0.44, 0.012, 0.05])
+        .toJSON(), primitives.box({
+        name: "scene-bound racing launch grid dark marker",
+        material: material.pbr({ color: options.checkerColorB ?? "#0d1416", roughness: 0.52, metallic: 0 })
+    })
+        .position(roundGamePresentation(sample.point[0] - forwardX * roadWidth * 0.42), sample.point[1] + 0.039, roundGamePresentation(sample.point[2] - forwardZ * roadWidth * 0.42))
+        .rotate(0, crossAngle, 0)
+        .scale([roadWidth * 0.44, 0.012, 0.05])
+        .toJSON(), primitives.sphere({
+        name: "scene-bound racing start left lane signal",
+        material: material.emissive({ color: options.lightColor ?? "#86e391", emissive: options.lightColor ?? "#86e391", emissiveIntensity: 0.72, roughness: 0.32 })
+    })
+        .position(roundGamePresentation(sample.point[0] + sideX * roadWidth * 0.34 - forwardX * roadWidth * 0.2), sample.point[1] + 0.06, roundGamePresentation(sample.point[2] + sideZ * roadWidth * 0.34 - forwardZ * roadWidth * 0.2))
+        .scale(0.036)
+        .toJSON(), primitives.sphere({
+        name: "scene-bound racing start right lane signal",
+        material: material.emissive({ color: options.lightColor ?? "#86e391", emissive: options.lightColor ?? "#86e391", emissiveIntensity: 0.72, roughness: 0.32 })
+    })
+        .position(roundGamePresentation(sample.point[0] - sideX * roadWidth * 0.34 - forwardX * roadWidth * 0.2), sample.point[1] + 0.06, roundGamePresentation(sample.point[2] - sideZ * roadWidth * 0.34 - forwardZ * roadWidth * 0.2))
+        .scale(0.036)
+        .toJSON(), primitives.box({
+        name: "scene-bound racing start gantry left post",
+        material: material.metal({ color: options.gantryColor ?? "#26373a", roughness: 0.5, metallic: 0.28 })
+    })
+        .position(leftX, sample.point[1] + 0.064, leftZ)
+        .scale([0.032, 0.128, 0.032])
+        .toJSON(), primitives.box({
+        name: "scene-bound racing start gantry right post",
+        material: material.metal({ color: options.gantryColor ?? "#26373a", roughness: 0.5, metallic: 0.28 })
+    })
+        .position(rightX, sample.point[1] + 0.064, rightZ)
+        .scale([0.032, 0.128, 0.032])
+        .toJSON(), primitives.box({
+        name: "scene-bound racing start finish gantry banner",
+        material: material.emissive({ color: options.gantryColor ?? "#2c4243", emissive: options.lightColor ?? "#86e391", emissiveIntensity: 0.12, roughness: 0.42 })
+    })
+        .position(bannerX, sample.point[1] + 0.138, bannerZ)
+        .rotate(0, crossAngle, 0)
+        .scale([roadWidth * 0.34, 0.034, 0.034])
+        .toJSON(), primitives.sphere({
+        name: "scene-bound racing start green light",
+        material: material.emissive({ color: options.lightColor ?? "#86e391", emissive: options.lightColor ?? "#86e391", emissiveIntensity: 0.72, roughness: 0.32 })
+    })
+        .position(roundGamePresentation(sample.point[0] - sideX * roadWidth * 0.84), sample.point[1] + 0.156, roundGamePresentation(sample.point[2] - sideZ * roadWidth * 0.84))
+        .scale(0.023)
+        .toJSON());
+    return nodes;
+}
+export function createGamePublicRacingPresentationNodes(options) {
+    const mode = "game-circuit";
+    const roadWidth = racingPresentationRoadWidth(options.sceneBinding, options.route, mode);
+    const nodes = [
+        ...createGameRacingRoadMeshNodes({ ...options, mode, includeTerrain: options.includeTerrain ?? true })
+    ];
+    for (const [index, progress] of (options.route.checkpoints ?? []).entries()) {
+        nodes.push(...createGameRacingCheckpointGateNodes({
+            sceneBinding: options.sceneBinding,
+            route: options.route,
+            progress,
+            index,
+            roadY: options.roadY,
+            roadWidth,
+            gateColor: options.checkpointColor,
+            accentColor: options.checkpointAccentColor,
+            lightColor: options.startLightColor
+        }));
+    }
+    nodes.push(...createGameRacingStartFinishNodes({
+        sceneBinding: options.sceneBinding,
+        route: options.route,
+        roadY: options.roadY,
+        roadWidth,
+        lightColor: options.startLightColor
+    }));
+    return nodes;
+}
+export function createGameRacingCameraRig(options) {
+    return createGameRacingPresentationCamera(options);
+}
+export function certifyPublicRacingPresentation(input) {
+    const base = certifyPublicRacingGeometry(input);
+    const blockers = [...base.blockers];
+    const presentation = input.presentation;
+    if (!presentation) {
+        blockers.push("racing:presentation-missing");
+    }
+    else {
+        if ((presentation.roadMeshNodes ?? 0) < 8)
+            blockers.push(`racing:presentation-road-mesh-too-small:${presentation.roadMeshNodes ?? 0}`);
+        if ((presentation.checkpointGateNodes ?? 0) < input.checkpoints.length) {
+            blockers.push(`racing:presentation-checkpoint-gates-too-few:${presentation.checkpointGateNodes ?? 0}`);
+        }
+        if ((presentation.startFinishNodes ?? 0) < 4)
+            blockers.push(`racing:presentation-start-finish-too-small:${presentation.startFinishNodes ?? 0}`);
+        if (presentation.cameraMode !== "follow" && presentation.cameraMode !== "perspective") {
+            blockers.push(`racing:presentation-camera-not-racing:${presentation.cameraMode ?? "missing"}`);
+        }
+        if ((presentation.debugMarkerCount ?? 0) > 0)
+            blockers.push(`racing:presentation-debug-markers:${presentation.debugMarkerCount}`);
+    }
+    return {
+        ...base,
+        publicReady: blockers.length === 0,
+        blockers
+    };
+}
+export function createGameRacingPresentationTrackNodes(options) {
+    const mode = options.mode ?? "standalone";
+    const guideVisibility = options.guideVisibility ?? (mode === "asset-overlay" ? "evidence" : "full");
+    if (mode === "asset-overlay" && guideVisibility === "public")
+        return [];
+    const roadWidth = racingPresentationRoadWidth(options.sceneBinding, options.route, mode);
+    const nodes = [...createGameRacingRoadMeshNodes(options)];
+    if (mode === "asset-overlay") {
+        for (const [index, progress] of (options.route.checkpoints ?? []).entries()) {
+            nodes.push(...createGameRacingCheckpointGateNodes({
+                sceneBinding: options.sceneBinding,
+                route: options.route,
+                progress,
+                index,
+                mode: "asset-bound",
+                roadY: options.roadY,
+                roadWidth,
+                gateColor: options.laneColor,
+                accentColor: options.laneColor
+            }));
+        }
+        nodes.push(...createGameRacingStartFinishNodes({
+            sceneBinding: options.sceneBinding,
+            route: options.route,
+            mode: "asset-bound",
+            roadY: options.roadY,
+            roadWidth
+        }));
+        return nodes;
+    }
+    if (guideVisibility === "evidence" || guideVisibility === "full") {
+        for (const [index, progress] of (options.route.checkpoints ?? []).entries()) {
+            nodes.push(...createGameRacingCheckpointGateNodes({
+                sceneBinding: options.sceneBinding,
+                route: options.route,
+                progress,
+                index,
+                roadY: options.roadY,
+                roadWidth,
+                gateColor: options.laneColor,
+                accentColor: options.laneColor
+            }));
+        }
+        nodes.push(...createGameRacingStartFinishNodes({
+            sceneBinding: options.sceneBinding,
+            route: options.route,
+            roadY: options.roadY,
+            roadWidth,
+            lightColor: options.laneColor
+        }));
+    }
+    return nodes;
+}
+export function createGamePublicPlatformerPresentationNodes(options) {
+    return createGamePlatformerPresentationSurfaceNodes({
+        ...options,
+        mode: "game-level",
+        guideVisibility: "public"
+    });
+}
+export function createGamePlatformerGroundMeshNodes(options) {
+    return createSinglePlatformerSurfaceMeshNodes("ground", options);
+}
+export function createGamePlatformerPlatformMeshNodes(options) {
+    return createSinglePlatformerSurfaceMeshNodes("platform", options);
+}
+export function createGamePlatformerHazardNodes(options) {
+    const mode = options.mode ?? "game-level";
+    const isGameLevel = mode === "game-level";
+    const rect = options.sceneBinding.surfaceToSceneRect(options.hazard);
+    return [
+        primitives.box({
+            name: `scene-bound platformer hazard ${options.hazard.id}`,
+            material: material.emissive({
+                color: options.color ?? "#ff6b6b",
+                emissive: options.color ?? "#ff6b6b",
+                emissiveIntensity: isGameLevel ? 0.7 : 0.54,
+                roughness: 0.36
+            })
+        })
+            .position(rect.center[0], rect.center[1], rect.center[2] + (isGameLevel ? 0.39 : 0.31))
+            .scale([Math.max(rect.size[0], 0.045), Math.max(rect.size[1], 0.045), 0.055])
+            .toJSON()
+    ];
+}
+export function createGamePlatformerCheckpointNodes(options) {
+    const point = options.sceneBinding.toScenePoint(options.checkpoint, 0.02);
+    return [
+        primitives.box({
+            name: `scene-bound platformer checkpoint ${options.checkpoint.id}`,
+            material: material.emissive({
+                color: options.color ?? "#d7f9ff",
+                emissive: options.color ?? "#a6f4ff",
+                emissiveIntensity: 0.48,
+                roughness: 0.4
+            })
+        })
+            .position(point[0], point[1], point[2] + 0.29)
+            .scale([0.026, 0.22, 0.034])
+            .toJSON()
+    ];
+}
+export function createGamePlatformerFinishNodes(options) {
+    const point = options.sceneBinding.toScenePoint(options.finish, 0.04);
+    return [
+        primitives.box({
+            name: `scene-bound platformer finish marker${options.finish.id ? ` ${options.finish.id}` : ""}`,
+            material: material.emissive({
+                color: options.color ?? "#b6ffbd",
+                emissive: options.color ?? "#83f58f",
+                emissiveIntensity: 0.6,
+                roughness: 0.42
+            })
+        })
+            .position(point[0], point[1], point[2] + 0.34)
+            .scale([0.06, 0.34, 0.05])
+            .toJSON()
+    ];
+}
+export function createGamePlatformerCameraRig(options) {
+    return createGamePlatformerPresentationCamera(options);
+}
+export function certifyPublicPlatformerPresentation(input) {
+    const base = certifyPublicPlatformerGeometry(input);
+    const blockers = [...base.blockers];
+    const presentation = input.presentation;
+    if (!presentation) {
+        blockers.push("platformer:presentation-missing");
+    }
+    else {
+        if ((presentation.groundMeshNodes ?? 0) < 2)
+            blockers.push(`platformer:presentation-ground-mesh-too-small:${presentation.groundMeshNodes ?? 0}`);
+        if ((presentation.platformMeshNodes ?? 0) < 6)
+            blockers.push(`platformer:presentation-platform-mesh-too-small:${presentation.platformMeshNodes ?? 0}`);
+        if ((presentation.hazardNodes ?? 0) < input.hazards.length) {
+            blockers.push(`platformer:presentation-hazards-too-few:${presentation.hazardNodes ?? 0}`);
+        }
+        if ((presentation.checkpointNodes ?? 0) < input.checkpoints.length) {
+            blockers.push(`platformer:presentation-checkpoints-too-few:${presentation.checkpointNodes ?? 0}`);
+        }
+        if ((presentation.finishNodes ?? 0) < 1)
+            blockers.push(`platformer:presentation-finish-missing:${presentation.finishNodes ?? 0}`);
+        if (presentation.cameraMode !== "follow" && presentation.cameraMode !== "perspective") {
+            blockers.push(`platformer:presentation-camera-not-side-scroller:${presentation.cameraMode ?? "missing"}`);
+        }
+        if ((presentation.debugMarkerCount ?? 0) > 0)
+            blockers.push(`platformer:presentation-debug-markers:${presentation.debugMarkerCount}`);
+        if (presentation.characterGrounded !== true)
+            blockers.push("platformer:presentation-character-not-grounded");
+    }
+    return {
+        ...base,
+        publicReady: blockers.length === 0,
+        blockers
+    };
+}
+export function createGamePlatformerPresentationSurfaceNodes(options) {
+    const mode = options.mode ?? "standalone";
+    const platforms = options.level.platforms ?? [];
+    const guideVisibility = options.guideVisibility ?? (mode === "asset-overlay" ? "evidence" : "full");
+    if (mode === "asset-overlay" && guideVisibility === "public")
+        return [];
+    const isGameLevel = mode === "game-level";
+    const nodes = [];
+    if ((mode === "standalone" || mode === "game-level") && platforms.length > 0 && options.includeBackdrop !== false) {
+        const rects = platforms.map((surface) => options.sceneBinding.surfaceToSceneRect(surface));
+        const bounds = boundsForPresentationRects(rects, isGameLevel ? 0.78 : 0.42);
+        nodes.push(primitives.box({
+            name: "scene-bound platformer backdrop",
+            material: material.pbr({ color: isGameLevel ? "#263d48" : "#314d59", roughness: 0.94, metallic: 0, opacity: isGameLevel ? 0.2 : 0.28 })
+        })
+            .position(bounds.centerX, bounds.centerY + (isGameLevel ? 0.18 : 0.08), bounds.backZ)
+            .scale([bounds.width, Math.max(0.2, bounds.height * (isGameLevel ? 2.25 : 1.8)), 0.035])
+            .toJSON());
+    }
+    for (const surface of platforms) {
+        const rect = options.sceneBinding.surfaceToSceneRect(surface);
+        const width = Math.max(rect.size[0], 0.08);
+        const height = Math.max(rect.size[1], 0.055);
+        if (mode === "asset-overlay") {
+            nodes.push(primitives.box({
+                name: `asset-bound platformer contact strip ${surface.id}`,
+                material: material.emissive({
+                    color: options.platformTrimColor ?? "#c9f7ff",
+                    emissive: options.platformTrimColor ?? "#a8f4ff",
+                    emissiveIntensity: 0.28,
+                    roughness: 0.44
+                })
+            })
+                .position(rect.center[0], roundGamePresentation(rect.center[1] + height / 2 + 0.026), rect.center[2] + 0.24)
+                .scale([width * 0.78, 0.012, 0.024])
+                .toJSON());
+            continue;
+        }
+        nodes.push(primitives.box({
+            name: `scene-bound platformer surface ${surface.id}`,
+            material: material.pbr({ color: options.platformColor ?? (isGameLevel ? "#526972" : "#718994"), roughness: 0.72, metallic: 0 })
+        })
+            .position(rect.center[0], rect.center[1], rect.center[2])
+            .scale([width, height, isGameLevel ? 0.64 : 0.5])
+            .toJSON(), primitives.box({
+            name: `scene-bound platformer surface trim ${surface.id}`,
+            material: material.emissive({
+                color: options.platformTrimColor ?? "#c9f7ff",
+                emissive: options.platformTrimColor ?? "#a8f4ff",
+                emissiveIntensity: 0.36,
+                roughness: 0.38
+            })
+        })
+            .position(rect.center[0], roundGamePresentation(rect.center[1] + height / 2 + 0.012), rect.center[2] + (isGameLevel ? 0.334 : 0.262))
+            .scale([width * 0.92, 0.016, 0.035])
+            .toJSON());
+    }
+    for (const hazard of options.level.hazards ?? []) {
+        const rect = options.sceneBinding.surfaceToSceneRect(hazard);
+        nodes.push(primitives.box({
+            name: `scene-bound platformer hazard ${hazard.id}`,
+            material: material.emissive({
+                color: options.hazardColor ?? "#ff6b6b",
+                emissive: options.hazardColor ?? "#ff6b6b",
+                emissiveIntensity: 0.7,
+                roughness: 0.36
+            })
+        })
+            .position(rect.center[0], rect.center[1], rect.center[2] + (isGameLevel ? 0.39 : 0.31))
+            .scale([Math.max(rect.size[0], 0.045), Math.max(rect.size[1], 0.045), 0.055])
+            .toJSON());
+    }
+    for (const collectible of options.level.collectibles ?? []) {
+        const point = options.sceneBinding.toScenePoint(collectible, 0.04);
+        nodes.push(primitives.torus({
+            name: `scene-bound platformer collectible ${collectible.id}`,
+            material: material.emissive({
+                color: options.collectibleColor ?? "#fff3a3",
+                emissive: options.collectibleColor ?? "#f6dc67",
+                emissiveIntensity: 0.62,
+                roughness: 0.4
+            })
+        })
+            .position(point[0], point[1], point[2] + (isGameLevel ? 0.26 : 0.16))
+            .rotate(Math.PI / 2, 0, 0)
+            .scale([0.045, 0.045, 0.012])
+            .toJSON());
+    }
+    for (const checkpoint of options.level.checkpoints ?? []) {
+        const point = options.sceneBinding.toScenePoint(checkpoint, 0.02);
+        nodes.push(primitives.box({
+            name: `scene-bound platformer checkpoint ${checkpoint.id}`,
+            material: material.emissive({ color: "#d7f9ff", emissive: "#a6f4ff", emissiveIntensity: 0.48, roughness: 0.4 })
+        })
+            .position(point[0], point[1], point[2] + (isGameLevel ? 0.29 : 0.19))
+            .scale([0.026, 0.22, 0.034])
+            .toJSON());
+    }
+    if (options.level.finish) {
+        const finish = options.sceneBinding.toScenePoint(options.level.finish, 0.04);
+        nodes.push(primitives.box({
+            name: "scene-bound platformer finish marker",
+            material: material.emissive({
+                color: options.finishColor ?? "#b6ffbd",
+                emissive: options.finishColor ?? "#83f58f",
+                emissiveIntensity: 0.6,
+                roughness: 0.42
+            })
+        })
+            .position(finish[0], finish[1], finish[2] + (isGameLevel ? 0.34 : 0.22))
+            .scale([0.06, 0.34, 0.05])
+            .toJSON());
+    }
+    return nodes;
+}
+function createSinglePlatformerSurfaceMeshNodes(surfaceRole, options) {
+    const mode = options.mode ?? "game-level";
+    const isGameLevel = mode === "game-level";
+    const rect = options.sceneBinding.surfaceToSceneRect(options.surface);
+    const width = Math.max(rect.size[0], 0.08);
+    const height = Math.max(rect.size[1], 0.055);
+    if (mode === "asset-bound") {
+        return [
+            primitives.box({
+                name: `asset-bound platformer ${surfaceRole} contact strip ${options.surface.id}`,
+                material: material.emissive({
+                    color: options.trimColor ?? "#c9f7ff",
+                    emissive: options.trimColor ?? "#a8f4ff",
+                    emissiveIntensity: 0.28,
+                    roughness: 0.44
+                })
+            })
+                .position(rect.center[0], roundGamePresentation(rect.center[1] + height / 2 + 0.026), rect.center[2] + 0.24)
+                .scale([width * 0.78, 0.012, 0.024])
+                .toJSON()
+        ];
+    }
+    return [
+        primitives.box({
+            name: `scene-bound platformer ${surfaceRole} mesh ${options.surface.id}`,
+            material: material.pbr({
+                color: options.color ?? (isGameLevel ? "#526972" : "#718994"),
+                roughness: 0.72,
+                metallic: 0
+            })
+        })
+            .position(rect.center[0], rect.center[1], rect.center[2])
+            .scale([width, height, isGameLevel ? 0.64 : 0.5])
+            .toJSON(),
+        primitives.box({
+            name: `scene-bound platformer ${surfaceRole} trim ${options.surface.id}`,
+            material: material.emissive({
+                color: options.trimColor ?? "#c9f7ff",
+                emissive: options.trimColor ?? "#a8f4ff",
+                emissiveIntensity: 0.36,
+                roughness: 0.38
+            })
+        })
+            .position(rect.center[0], roundGamePresentation(rect.center[1] + height / 2 + 0.012), rect.center[2] + (isGameLevel ? 0.334 : 0.262))
+            .scale([width * 0.92, 0.016, 0.035])
+            .toJSON()
+    ];
+}
+function boundsForPresentationPoints(points, padding) {
+    const xs = points.map((point) => point[0]);
+    const zs = points.map((point) => point[2]);
+    const minX = Math.min(...xs);
+    const maxX = Math.max(...xs);
+    const minZ = Math.min(...zs);
+    const maxZ = Math.max(...zs);
+    return {
+        centerX: roundGamePresentation((minX + maxX) / 2),
+        centerZ: roundGamePresentation((minZ + maxZ) / 2),
+        width: roundGamePresentation(Math.max(1.2, maxX - minX + padding)),
+        depth: roundGamePresentation(Math.max(1.2, maxZ - minZ + padding))
+    };
+}
+function boundsForPresentationRects(rects, padding) {
+    const minX = Math.min(...rects.map((rect) => rect.center[0] - rect.size[0] / 2));
+    const maxX = Math.max(...rects.map((rect) => rect.center[0] + rect.size[0] / 2));
+    const minY = Math.min(...rects.map((rect) => rect.center[1] - rect.size[1] / 2));
+    const maxY = Math.max(...rects.map((rect) => rect.center[1] + rect.size[1] / 2));
+    const z = Math.min(...rects.map((rect) => rect.center[2]));
+    return {
+        centerX: roundGamePresentation((minX + maxX) / 2),
+        centerY: roundGamePresentation((minY + maxY) / 2),
+        backZ: roundGamePresentation(z - 0.22),
+        width: roundGamePresentation(Math.max(1, maxX - minX + padding)),
+        height: roundGamePresentation(Math.max(0.6, maxY - minY + padding))
+    };
+}
+function segmentPresentation(start, end) {
+    const dx = end[0] - start[0];
+    const dz = end[2] - start[2];
+    return {
+        midX: roundGamePresentation((start[0] + end[0]) / 2),
+        midY: roundGamePresentation((start[1] + end[1]) / 2),
+        midZ: roundGamePresentation((start[2] + end[2]) / 2),
+        length: roundGamePresentation(Math.hypot(dx, dz)),
+        angle: Math.atan2(dz, dx)
+    };
+}
+function racingPresentationRoutePoints(sceneBinding, route, roadY) {
+    return route.points.map((point) => sceneBinding.toScenePoint(point, roadY ?? 0.012));
+}
+function racingPresentationRoadWidth(sceneBinding, route, mode) {
+    const isCircuitStage = mode === "game-circuit";
+    return Math.max((route.width ?? 0.18) * sceneBinding.transform.scale * (isCircuitStage ? 1.55 : 1.5), isCircuitStage ? 0.34 : 0.18);
+}
+function racingPresentationSceneSample(sceneBinding, route, progress, roadY) {
+    const sample = racingPresentationRouteSample(route, progress);
+    if (!sample)
+        return undefined;
+    return {
+        point: sceneBinding.toScenePoint(sample.point, roadY ?? 0.012),
+        angle: sample.angle
+    };
+}
+function racingPresentationRouteSample(route, progress) {
+    const points = route.points;
+    if (points.length < 2)
+        return undefined;
+    const clamped = Number.isFinite(progress) ? Math.min(1, Math.max(0, progress)) : 0;
+    let totalLength = 0;
+    const segmentLengths = [];
+    for (let index = 0; index < points.length - 1; index += 1) {
+        const start = points[index];
+        const end = points[index + 1];
+        if (!start || !end)
+            continue;
+        const length = Math.hypot(end.x - start.x, end.y - start.y);
+        segmentLengths[index] = length;
+        totalLength += length;
+    }
+    if (totalLength <= 0) {
+        const start = points[0];
+        const end = points[1] ?? start;
+        if (!start || !end)
+            return undefined;
+        return {
+            point: start,
+            angle: Math.atan2(end.y - start.y, end.x - start.x)
+        };
+    }
+    const targetLength = clamped * totalLength;
+    let traversed = 0;
+    for (let index = 0; index < points.length - 1; index += 1) {
+        const start = points[index];
+        const end = points[index + 1];
+        const length = segmentLengths[index] ?? 0;
+        if (!start || !end || length <= 0)
+            continue;
+        if (targetLength <= traversed + length || index === points.length - 2) {
+            const localT = Math.min(1, Math.max(0, (targetLength - traversed) / length));
+            return {
+                point: {
+                    x: start.x + (end.x - start.x) * localT,
+                    y: start.y + (end.y - start.y) * localT
+                },
+                angle: Math.atan2(end.y - start.y, end.x - start.x)
+            };
+        }
+        traversed += length;
+    }
+    const last = points[points.length - 1];
+    const previous = points[points.length - 2] ?? last;
+    if (!last || !previous)
+        return undefined;
+    return {
+        point: last,
+        angle: Math.atan2(last.y - previous.y, last.x - previous.x)
+    };
+}
+function roundGamePresentation(value) {
+    return Math.round(value * 1000) / 1000;
+}
 export const game = {
     createRuntime: createAuraGameRuntime,
     rules: gameRules,
@@ -3258,8 +4463,39 @@ export const game = {
     simulation: createGameSimulation,
     runSimulation: runGameSimulation,
     inspector: createGameInspector,
+    locomotion: createGameLocomotionKit,
+    assetBoundPlatformerLevel: createGameAssetBoundPlatformerLevel,
+    platformerSceneBinding: createGamePlatformerSceneBinding,
+    platformerPresentationCamera: createGamePlatformerPresentationCamera,
+    platformerPresentationSurfaces: createGamePlatformerPresentationSurfaceNodes,
+    publicPlatformerPresentation: createGamePublicPlatformerPresentationNodes,
+    platformerGroundMesh: createGamePlatformerGroundMeshNodes,
+    platformerPlatformMesh: createGamePlatformerPlatformMeshNodes,
+    platformerHazard: createGamePlatformerHazardNodes,
+    platformerCheckpoint: createGamePlatformerCheckpointNodes,
+    platformerFinish: createGamePlatformerFinishNodes,
+    platformerCameraRig: createGamePlatformerCameraRig,
+    certifyPlatformerGeometry: certifyPublicPlatformerGeometry,
+    certifyPlatformerPresentation: certifyPublicPlatformerPresentation,
+    platformer: createGamePlatformerKit,
+    assetBoundRacingRoute: createGameAssetBoundRacingRoute,
+    racingSceneBinding: createGameRacingSceneBinding,
+    racingPresentationCamera: createGameRacingPresentationCamera,
+    racingCameraRig: createGameRacingCameraRig,
+    racingRoadMesh: createGameRacingRoadMeshNodes,
+    racingCheckpointGate: createGameRacingCheckpointGateNodes,
+    racingStartFinish: createGameRacingStartFinishNodes,
+    racingPresentationTrack: createGameRacingPresentationTrackNodes,
+    publicRacingPresentation: createGamePublicRacingPresentationNodes,
+    certifyRacingGeometry: certifyPublicRacingGeometry,
+    certifyRacingPresentation: certifyPublicRacingPresentation,
+    racing: createGameRacingKit,
+    fallingBlocks: createGameFallingBlocksKit,
+    fallingBlockPieces: GAME_FALLING_BLOCK_PIECES,
+    eventLog: createGameEventLog,
     touchControls: createGameTouchControlLayout,
     kinematicBody: createGameKinematicBody,
+    collisionWorld: createGameCollisionWorld,
     jumpAssist: createGameJumpAssist,
     collider: {
         box: createGameBoxCollider,
@@ -3292,6 +4528,12 @@ export const game = {
         timer: createGameHudTimerBinding,
         combo: createGameHudComboBinding,
         round: createGameHudRoundBinding,
+        score: createGameHudScoreBinding,
+        lives: createGameHudLivesBinding,
+        objective: createGameHudObjectiveBinding,
+        checkpoint: createGameHudCheckpointBinding,
+        value: createGameHudValueBinding,
+        eventLog: createGameHudEventLogBinding,
         debugToggle: createGameHudDebugToggleBinding,
         bindings: createGameHudBindings,
         snapshot: createGameHudSnapshot
@@ -5047,6 +6289,8 @@ export function createRuntimeNodeImportedAssetEvidence(input) {
             }
         } : {}),
         morphTargets,
+        activeMorphTargets: { ...(input.activeMorphTargets ?? {}) },
+        missingMorphTargets: [...(input.missingMorphTargets ?? [])],
         ...(input.bounds ? { bounds: isRuntimeNodeEvidenceBounds(input.bounds) ? input.bounds : calculateRuntimeNodeBounds(input.bounds) } : {}),
         renderItemCount: input.renderItemCount ?? 0,
         skinnedRenderItemCount: input.skinnedRenderItemCount ?? 0,
@@ -5297,6 +6541,8 @@ function cloneRuntimeImportedAssetEvidence(evidence) {
         clips: [...evidence.clips],
         skinningPalette: evidence.skinningPalette ? { ...evidence.skinningPalette } : undefined,
         morphTargets: [...evidence.morphTargets],
+        activeMorphTargets: { ...evidence.activeMorphTargets },
+        missingMorphTargets: [...evidence.missingMorphTargets],
         bounds: evidence.bounds
             ? {
                 ...evidence.bounds,
@@ -5320,10 +6566,11 @@ function sanitizeRuntimeMorphWeight(weight) {
 export function createAuraApp(target, options) {
     let snapshot = normalizeSceneSnapshot(options.scene);
     let renderSnapshot = flattenSceneSnapshot(snapshot);
-    const diagnosticsState = createInitialDiagnostics(renderSnapshot);
+    const rendererSelection = normalizeCreateAppRendererOptions(options.renderer);
+    const diagnosticsState = createInitialDiagnostics(renderSnapshot, options.renderer);
     const canvas = resolveCanvas(target);
     if (canvas) {
-        configureCanvas(canvas, options.pixelRatio ?? devicePixelRatioSafe(), options.resize ?? true);
+        configureCanvas(canvas, options.pixelRatio ?? rendererSelection.profile.pixelRatio ?? devicePixelRatioSafe(), options.resize ?? true);
     }
     const overlay = canvas && shouldRenderOverlay(options.diagnostics, snapshot) ? createDiagnosticsOverlay(canvas, diagnosticsState) : undefined;
     let disposed = false;
@@ -5360,7 +6607,7 @@ export function createAuraApp(target, options) {
     };
     const shouldUseProductionRendererForCurrentScene = () => Boolean(canvas && renderSnapshot.nodes.some(isWebGLRenderableNode) && typeof window !== "undefined");
     const resetDiagnosticsForCurrentScene = (backend) => {
-        const fresh = createInitialDiagnostics(renderSnapshot);
+        const fresh = createInitialDiagnostics(renderSnapshot, options.renderer);
         diagnosticsState.backend = backend;
         diagnosticsState.fps = fresh.fps;
         diagnosticsState.drawCalls = fresh.drawCalls;
@@ -5409,7 +6656,7 @@ export function createAuraApp(target, options) {
         overlay?.update();
         const revision = ++mountRevision;
         if (shouldUseProductionRenderer && canvas) {
-            void startProductionRender(canvas, renderSnapshot, diagnosticsState, options, overlay, runRuntimeFrame, () => runtimePaused)
+            void startProductionRender(canvas, renderSnapshot, diagnosticsState, options, overlay, runRuntimeFrame, () => runtimePaused, runtimeNodes)
                 .then((controller) => {
                 if (disposed || revision !== mountRevision) {
                     controller.dispose();
@@ -5737,12 +6984,12 @@ function isRenderableModelNode(node) {
 function isWebGLRenderableNode(node) {
     return isRenderableModelNode(node) || node.kind === "primitive";
 }
-async function startProductionRender(canvas, snapshot, diagnosticsState, options, overlay, beforeRender, isPaused = () => false) {
+async function startProductionRender(canvas, snapshot, diagnosticsState, options, overlay, beforeRender, isPaused = () => false, runtimeNodes) {
     const renderableNode = snapshot.nodes.find(isWebGLRenderableNode);
     if (!renderableNode) {
         throw new AuraRuntimeError("missing-asset", "Aura3D production rendering requires at least one typed model asset or primitive. Suggested fix: add model(assets.product), primitives.box(), primitives.sphere(), primitives.cylinder(), or primitives.plane().");
     }
-    const renderer = await createProductionSceneRenderer(canvas, snapshot);
+    const renderer = await createProductionSceneRenderer(canvas, snapshot, options.renderer, runtimeNodes);
     diagnosticsState.renderer = renderer.diagnostics;
     const continuousRender = shouldContinuouslyRender(snapshot);
     let disposed = false;
@@ -5756,7 +7003,7 @@ async function startProductionRender(canvas, snapshot, diagnosticsState, options
         if (!isPaused())
             beforeRender?.(delta / 1000, "raf");
         const drawCalls = renderer.render(time);
-        diagnosticsState.backend = "webgl2";
+        diagnosticsState.backend = renderer.backend;
         diagnosticsState.fps = diagnosticsState.fps || 60;
         diagnosticsState.drawCalls = drawCalls;
         diagnosticsState.renderSize = [canvas.width, canvas.height];
@@ -5795,8 +7042,494 @@ function shouldContinuouslyRender(snapshot) {
         return node.effect === "particles" || node.effect === "rain";
     });
 }
-async function createProductionSceneRenderer(canvas, snapshot) {
-    return await createWebGLSceneRenderer(canvas, snapshot);
+async function createProductionSceneRenderer(canvas, snapshot, rendererOptions, runtimeNodes) {
+    const rendererSelection = normalizeCreateAppRendererOptions(rendererOptions);
+    if (rendererSelection.mode !== "production") {
+        return await createWebGLSceneRenderer(canvas, snapshot, rendererOptions, [], runtimeNodes);
+    }
+    const flattened = groups.flatten(snapshot.nodes);
+    const eligibility = analyzeProductionBridgeEligibility(flattened);
+    if (!eligibility.eligible) {
+        return await createWebGLSceneRenderer(canvas, snapshot, rendererOptions, [
+            `Production bridge skipped: ${eligibility.reasons.join("; ")}.`
+        ], runtimeNodes);
+    }
+    try {
+        return await createProductionRuntimeSceneRenderer(canvas, snapshot, rendererOptions, runtimeNodes);
+    }
+    catch (error) {
+        return await createWebGLSceneRenderer(canvas, snapshot, rendererOptions, [
+            `Production bridge failed and safe-basic fallback rendered instead: ${productionRenderErrorMessage(error)}`
+        ], runtimeNodes);
+    }
+}
+const PRODUCTION_RUNTIME_POSTPROCESS = {
+    targetFormat: "rgba8",
+    toneMapping: {
+        exposure: 1.14,
+        whitePoint: 1.18,
+        operator: "filmic",
+        inputColorSpace: "linear",
+        outputColorSpace: "srgb"
+    },
+    colorGrade: {
+        contrast: 1.1,
+        saturation: 1.06,
+        vibrance: 0.12,
+        vignette: 0.08,
+        sharpening: 0.24
+    },
+    fxaa: {
+        edgeThreshold: 0.08,
+        subpixelBlend: 0.55
+    }
+};
+const PRODUCTION_RUNTIME_SHADOWS = {
+    enabled: true,
+    size: 1024,
+    bias: 0.0014,
+    strength: 0.28,
+    pcfRadius: 1.2,
+    pcfSamples: 9,
+    filter: "pcf",
+    label: "aura3d-root-production-shadow-map"
+};
+let cachedProductionRuntimeLights;
+function createProductionRuntimeEnvironment(snapshot) {
+    const names = groups.flatten(snapshot.nodes).map((node) => "name" in node ? node.name?.toLowerCase() ?? "" : "");
+    const category = resolveRendererSceneCategory(snapshot, names);
+    const preset = category === "city-day" ? "daylight"
+        : category === "city-night" ? "evening"
+            : category === "game" ? "gameplay"
+                : category === "material" ? "inspection"
+                    : "studio";
+    const bundle = createExternalParityEnvironmentLighting(preset);
+    return {
+        preset,
+        intensity: bundle.lighting.environmentMapIntensity ?? bundle.lighting.intensity,
+        evidence: `production bridge submitted generated HDR ${preset} environment lighting through RenderSource.environmentLighting`,
+        lighting: bundle.lighting
+    };
+}
+function createProductionRuntimePostprocess() {
+    return PRODUCTION_RUNTIME_POSTPROCESS;
+}
+function createProductionRuntimeShadowOptions() {
+    return PRODUCTION_RUNTIME_SHADOWS;
+}
+function createProductionRuntimePostprocessObservation(diagnostics) {
+    const actualPasses = diagnostics.postprocessPassNames ?? [];
+    const pixelBacked = actualPasses.length > 0 && diagnostics.lastError === null;
+    return {
+        renderPass: actualPasses.length > 0,
+        outputPass: pixelBacked,
+        bloomPass: actualPasses.includes("bloom"),
+        ambientOcclusionPass: actualPasses.includes("ssao"),
+        contactOcclusionReceiver: actualPasses.includes("contact-shadow"),
+        pixelBacked,
+        actualPasses,
+        fallbackPasses: pixelBacked ? [] : ["direct-render"]
+    };
+}
+function createProductionRuntimeCollectedLights() {
+    if (cachedProductionRuntimeLights)
+        return cachedProductionRuntimeLights;
+    const key = new DirectionalLight("aura3d-root-production-key-shadow");
+    const fill = new DirectionalLight("aura3d-root-production-fill");
+    const rim = new DirectionalLight("aura3d-root-production-rim");
+    key.castsShadow = true;
+    key.color = [1, 0.94, 0.82];
+    key.intensity = 2.6;
+    fill.color = [0.52, 0.64, 0.9];
+    fill.intensity = 0.64;
+    rim.color = [0.88, 0.94, 1];
+    rim.intensity = 0.88;
+    cachedProductionRuntimeLights = [
+        {
+            kind: "directional",
+            color: [1, 0.94, 0.82],
+            intensity: 2.6,
+            position: [0, 0, 0],
+            direction: [0.44, -0.64, -0.63],
+            range: 0,
+            spotAngle: 0,
+            penumbra: 0,
+            castsShadow: true,
+            layerMask: 0xffffffff,
+            source: key
+        },
+        {
+            kind: "directional",
+            color: [0.52, 0.64, 0.9],
+            intensity: 0.64,
+            position: [0, 0, 0],
+            direction: [-0.5, -0.28, -0.82],
+            range: 0,
+            spotAngle: 0,
+            penumbra: 0,
+            castsShadow: false,
+            layerMask: 0xffffffff,
+            source: fill
+        },
+        {
+            kind: "directional",
+            color: [0.88, 0.94, 1],
+            intensity: 0.88,
+            position: [0, 0, 0],
+            direction: [-0.24, -0.36, 0.9],
+            range: 0,
+            spotAngle: 0,
+            penumbra: 0,
+            castsShadow: false,
+            layerMask: 0xffffffff,
+            source: rim
+        }
+    ];
+    return cachedProductionRuntimeLights;
+}
+async function createProductionRuntimeSceneRenderer(canvas, snapshot, rendererOptions, runtimeNodes) {
+    const flattened = groups.flatten(snapshot.nodes);
+    const modelNodes = flattened.filter((node) => isRenderableModelNode(node) && createAssetProvenance(node.asset).source === "typed-aura-assets-manifest");
+    const actorEntries = await Promise.all(modelNodes.map(async (node, index) => ({
+        node,
+        actor: await createTypedGLBActor({
+            asset: node.asset,
+            id: node.runtime?.id ?? node.asset.id ?? `model-${index + 1}`,
+            name: node.name ?? node.asset.id ?? `model-${index + 1}`,
+            width: canvas.width,
+            height: canvas.height,
+            ...(node.material?.color ? { tint: { baseColor: colorToRgba(node.material.color) } } : {})
+        })
+    })));
+    const primitiveEntries = createProductionRuntimePrimitiveEntries(flattened);
+    const productionRenderer = await ProductionRuntimeRenderer.create({
+        canvas,
+        width: canvas.width,
+        height: canvas.height,
+        backend: "webgl2",
+        antialias: true,
+        preserveDrawingBuffer: true,
+        clearColor: colorToClearColor(snapshot.background)
+    });
+    let latestDeviceDiagnostics = productionRenderer.getDiagnostics();
+    let latestFeatures = productionRenderer.getFeatures();
+    const runtimeWarnings = new Set();
+    const productionEnvironment = createProductionRuntimeEnvironment(snapshot);
+    const buildDiagnostics = () => createRendererDiagnosticReport(snapshot, {
+        mounted: true,
+        backend: "production-runtime",
+        postprocess: createProductionRuntimePostprocessObservation(latestDeviceDiagnostics),
+        environment: {
+            enabled: true,
+            preset: productionEnvironment.preset,
+            intensity: productionEnvironment.intensity,
+            evidence: productionEnvironment.evidence
+        },
+        warnings: [
+            `Production runtime bridge active with ${actorEntries.length} typed GLB actor${actorEntries.length === 1 ? "" : "s"} and ${primitiveEntries.length} Aura primitive${primitiveEntries.length === 1 ? "" : "s"} on ${productionRenderer.backend}.`,
+            ...(flattened.some((node) => node.kind === "effect")
+                ? ["Effect nodes are requested in the scene graph; production bridge diagnostics report them, but unsupported postprocess/effect passes remain non-pixel-backed until the runtime feature reports support."]
+                : []),
+            ...(productionRenderer.backendSelection.fallback ? [`Production runtime backend fallback: ${productionRenderer.backendSelection.reason}`] : []),
+            ...latestFeatures
+                .filter((feature) => feature.state !== "supported")
+                .map((feature) => `Production runtime feature ${feature.id} is ${feature.state}: ${feature.detail}`),
+            ...runtimeWarnings
+        ]
+    }, rendererOptions);
+    return {
+        get backend() {
+            return productionRenderer.backend;
+        },
+        get diagnostics() {
+            return buildDiagnostics();
+        },
+        render(time) {
+            runtimeWarnings.clear();
+            const input = createProductionRuntimeRendererInput(snapshot, canvas, actorEntries, primitiveEntries, time, runtimeNodes, runtimeWarnings, productionEnvironment.lighting);
+            const result = productionRenderer.renderInteractiveFrame(input);
+            latestDeviceDiagnostics = result.diagnostics;
+            latestFeatures = result.features;
+            return latestDeviceDiagnostics.drawCalls;
+        },
+        dispose() {
+            productionRenderer.dispose();
+            for (const { actor } of actorEntries)
+                actor.pipeline.dispose();
+            for (const { geometry, material } of primitiveEntries) {
+                geometry.dispose();
+                material.dispose();
+            }
+        }
+    };
+}
+function createProductionRuntimeRendererInput(snapshot, canvas, actorEntries, primitiveEntries, time, runtimeNodes, runtimeWarnings, environmentLighting) {
+    const items = [];
+    for (const entry of actorEntries) {
+        const currentState = resolveProductionActorRuntimeState(entry, runtimeNodes);
+        const currentNode = currentState.node;
+        if (currentNode.visible === false)
+            continue;
+        applyProductionActorAnimation(entry, currentNode, currentState.animationBinding, time, runtimeWarnings);
+        applyProductionActorMorphTargets(entry, currentState.morphTargets, runtimeWarnings);
+        const modelMatrix = [...createModelMatrix(currentNode, boundsFromAuraAsset(currentNode.asset), shouldNormalizeModelNode(currentNode), time)];
+        const actorItems = entry.actor.collectRenderItems({ modelMatrix });
+        items.push(...actorItems);
+        attachProductionActorEvidence(currentNode, entry.actor, actorItems, runtimeNodes);
+    }
+    for (const entry of primitiveEntries) {
+        const currentState = resolveProductionPrimitiveRuntimeState(entry, runtimeNodes);
+        if (!currentState.visible)
+            continue;
+        items.push({
+            geometry: entry.geometry,
+            material: entry.material,
+            modelMatrix: createModelMatrix(currentState.node, entry.bounds, false, time),
+            label: currentState.node.name ?? `aura-primitive-${currentState.node.primitive}`,
+            includeInAutoFrame: false
+        });
+    }
+    const viewProjectionMatrix = createViewProjection(snapshot, canvas.width / Math.max(1, canvas.height), time, runtimeNodes);
+    const cameraPosition = resolveCameraEye(snapshot, snapshot.camera, time, runtimeNodes);
+    const source = {
+        collectRenderItems: () => items,
+        cameraPolicy: "require",
+        staticBatching: false,
+        frustumCulling: false,
+        collectedLights: createProductionRuntimeCollectedLights(),
+        environmentLighting,
+        postprocess: createProductionRuntimePostprocess(),
+        shadow: createProductionRuntimeShadowOptions(),
+        cameraPosition
+    };
+    const cameraLike = { viewProjectionMatrix };
+    return {
+        source,
+        camera: cameraLike,
+        metadata: createProductionRuntimeMetadata(actorEntries)
+    };
+}
+function createProductionRuntimePrimitiveEntries(nodes) {
+    return nodes
+        .filter((node) => node.kind === "primitive")
+        .map((node) => ({
+        node,
+        geometry: createProductionPrimitiveGeometry(node),
+        material: createProductionPrimitiveMaterial(node),
+        bounds: primitiveGeometryBounds(node.primitive)
+    }));
+}
+function resolveProductionPrimitiveRuntimeState(entry, runtimeNodes) {
+    const runtimeId = entry.node.runtime?.id;
+    if (!runtimeId)
+        return { node: entry.node, visible: true };
+    const runtimeSnapshot = runtimeNodes?.get(runtimeId)?.snapshot();
+    if (!runtimeSnapshot)
+        return { node: entry.node, visible: true };
+    return {
+        node: {
+            ...entry.node,
+            position: runtimeSnapshot.position,
+            rotation: runtimeSnapshot.rotation,
+            scale: runtimeSnapshot.scale,
+            animation: runtimeSnapshot.animation ?? entry.node.animation
+        },
+        visible: runtimeSnapshot.visible
+    };
+}
+function createProductionPrimitiveMaterial(node) {
+    const materialSpec = node.material;
+    const baseColor = colorToRgba(materialSpec?.color ?? materialSpec?.emissive ?? "#d7dee8");
+    const opacity = clamp01(materialSpec?.opacity ?? baseColor[3] ?? 1);
+    const emissiveColor = materialSpec?.emissive ? colorToRgb(materialSpec.emissive) : [0, 0, 0];
+    return new PBRMaterial({
+        name: `a3d-production-primitive-${node.primitive}${node.name ? `-${node.name}` : ""}`,
+        baseColor: [baseColor[0], baseColor[1], baseColor[2], opacity],
+        metallic: clamp01(materialSpec?.metallic ?? materialSpec?.metalness ?? 0),
+        roughness: clamp01(materialSpec?.roughness ?? 0.58),
+        emissiveColor,
+        emissiveStrength: Math.max(0, materialSpec?.emissiveIntensity ?? (materialSpec?.emissive ? 1.35 : 0)),
+        clearcoatFactor: clamp01(materialSpec?.clearcoat ?? 0),
+        clearcoatRoughnessFactor: clamp01(materialSpec?.clearcoatRoughness ?? 0.34),
+        environmentIntensity: Math.max(0, materialSpec?.envMapIntensity ?? 0.75),
+        renderState: {
+            blend: opacity < 0.999,
+            depthWrite: opacity >= 0.999,
+            cullMode: node.primitive === "plane" || opacity < 0.999 ? "none" : "back"
+        }
+    });
+}
+function createProductionPrimitiveGeometry(node) {
+    return createProductionGeometryFromPrimitiveMesh(createProductionPrimitiveMesh(node.primitive));
+}
+function primitiveGeometryBounds(primitive) {
+    return createProductionPrimitiveMesh(primitive).bounds;
+}
+function createProductionPrimitiveMesh(primitive) {
+    if (primitive === "sphere")
+        return createSphereGeometry();
+    if (primitive === "capsule")
+        return createCapsuleApproxGeometry();
+    if (primitive === "torus")
+        return createTorusGeometry();
+    if (primitive === "box")
+        return createBoxGeometry();
+    if (primitive === "cylinder")
+        return createCylinderGeometry();
+    return createPlaneGeometry();
+}
+function createProductionGeometryFromPrimitiveMesh(mesh) {
+    const vertexCount = mesh.positions.length / 3;
+    const vertices = new VertexBuffer(VertexFormat.P3N3, vertexCount);
+    for (let index = 0; index < vertexCount; index += 1) {
+        const base = index * 3;
+        vertices.setAttribute(index, "position", [mesh.positions[base] ?? 0, mesh.positions[base + 1] ?? 0, mesh.positions[base + 2] ?? 0]);
+        vertices.setAttribute(index, "normal", [mesh.normals[base] ?? 0, mesh.normals[base + 1] ?? 1, mesh.normals[base + 2] ?? 0]);
+    }
+    return new Geometry(vertices, new IndexBuffer(Array.from(mesh.indices), vertexCount), "triangles", mesh.bounds);
+}
+function resolveProductionActorRuntimeState(entry, runtimeNodes) {
+    const runtimeId = entry.node.runtime?.id;
+    if (!runtimeId)
+        return { node: entry.node };
+    const runtimeSnapshot = runtimeNodes?.get(runtimeId)?.snapshot();
+    if (!runtimeSnapshot)
+        return { node: entry.node };
+    const morphTargets = runtimeSnapshot.morphTargets ?? {};
+    return {
+        node: {
+            ...entry.node,
+            position: runtimeSnapshot.position,
+            rotation: runtimeSnapshot.rotation,
+            scale: runtimeSnapshot.scale,
+            visible: runtimeSnapshot.visible,
+            animation: runtimeSnapshot.animation ?? entry.node.animation
+        },
+        animationBinding: runtimeSnapshot.animationBinding,
+        ...(Object.keys(morphTargets).length > 0 ? { morphTargets } : {})
+    };
+}
+function applyProductionActorAnimation(entry, node, animationBinding, time, runtimeWarnings) {
+    const animation = node.animation;
+    if (!animation?.clip || isModelTransformAnimationClip(animation.clip))
+        return;
+    const clipName = entry.actor.animation.resolveClipName(animation.clip);
+    if (!clipName) {
+        runtimeWarnings.add(`Typed GLB actor "${entry.actor.id}" has no clips for requested animation "${animation.clip}".`);
+        return;
+    }
+    try {
+        entry.actor.playClip(clipName, resolveProductionActorAnimationSeconds(animation, animationBinding, time));
+    }
+    catch (error) {
+        runtimeWarnings.add(`Typed GLB actor "${entry.actor.id}" failed to apply clip "${clipName}": ${productionRenderErrorMessage(error)}`);
+    }
+}
+function applyProductionActorMorphTargets(entry, morphTargets, runtimeWarnings) {
+    if (!morphTargets || Object.keys(morphTargets).length === 0)
+        return;
+    try {
+        const result = entry.actor.applyMorphTargets(morphTargets);
+        for (const missing of result.missingTargets) {
+            runtimeWarnings.add(`Typed GLB actor "${entry.actor.id}" has no morph target "${missing}".`);
+        }
+    }
+    catch (error) {
+        runtimeWarnings.add(`Typed GLB actor "${entry.actor.id}" failed to apply morph targets: ${productionRenderErrorMessage(error)}`);
+    }
+}
+function attachProductionActorEvidence(node, actor, renderItems, runtimeNodes) {
+    if (!node.runtime?.id || !runtimeNodes?.has(node.runtime.id))
+        return;
+    const evidence = createRuntimeEvidenceFromTypedGLBActor(node, actor, renderItems);
+    runtimeNodes.get(node.runtime.id)?.setImportedAssetEvidence(evidence);
+}
+function createRuntimeEvidenceFromTypedGLBActor(node, actor, renderItems) {
+    const actorEvidence = actor.evidence;
+    const skeletonBones = actor.pipeline.asset.skins.flatMap((skin) => skin.jointNames);
+    const morphTargets = actor.pipeline.asset.meshes.flatMap((mesh) => mesh.morphTargets.map((target, index) => target.name ?? `${mesh.name}-morph-${index + 1}`));
+    const morphApply = actorEvidence.lastMorphApply;
+    return createRuntimeNodeImportedAssetEvidence({
+        assetId: node.asset.id,
+        ...(node.runtime?.id ? { nodeId: node.runtime.id } : {}),
+        skeletonBones,
+        clips: actorEvidence.clips,
+        ...(actorEvidence.lastClip ? { activeClip: actorEvidence.lastClip } : {}),
+        ...(actorEvidence.skinningBindingCount > 0 ? {
+            skinningPalette: {
+                jointCount: actorEvidence.skinningBindingCount,
+                matrixCount: actorEvidence.skinningBindingCount,
+                updated: actorEvidence.lastSkinningPalettesUpdated > 0
+            }
+        } : {}),
+        morphTargets,
+        activeMorphTargets: morphApply?.activeWeights ?? {},
+        missingMorphTargets: morphApply?.missingTargets ?? [],
+        bounds: {
+            position: node.position,
+            scale: node.scale,
+            size: node.asset.bounds
+        },
+        renderItemCount: renderItems.length,
+        skinnedRenderItemCount: renderItems.filter((item) => item.skinning).length,
+        morphRenderItemCount: renderItems.filter((item) => item.morphTargets && item.morphTargets.length > 0).length
+    });
+}
+function createProductionRuntimeMetadata(actorEntries) {
+    const metadata = actorEntries.map((entry) => entry.actor.pipeline.metadata);
+    const primary = metadata[0];
+    return {
+        assetId: metadata.length === 1 ? primary?.assetId ?? "typed-glb" : `typed-glb-batch-${metadata.length}`,
+        assetUri: metadata.length === 1 ? primary?.assetUri ?? "aura3d://typed-glb" : "aura3d://scene/typed-glb-batch",
+        ...(metadata.length === 1 && primary?.assetName ? { assetName: primary.assetName } : metadata.length > 1 ? { assetName: "Aura3D typed GLB scene batch" } : {}),
+        meshCount: sumProductionMetadata(metadata, "meshCount"),
+        primitiveCount: sumProductionMetadata(metadata, "primitiveCount"),
+        materialCount: sumProductionMetadata(metadata, "materialCount"),
+        textureCount: sumProductionMetadata(metadata, "textureCount"),
+        imageCount: sumProductionMetadata(metadata, "imageCount"),
+        animationCount: sumProductionMetadata(metadata, "animationCount"),
+        skinCount: sumProductionMetadata(metadata, "skinCount"),
+        morphTargetCount: sumProductionMetadata(metadata, "morphTargetCount"),
+        extensionsUsed: [...new Set(metadata.flatMap((item) => item.extensionsUsed))]
+    };
+}
+function sumProductionMetadata(metadata, key) {
+    return metadata.reduce((total, item) => total + item[key], 0);
+}
+function boundsFromAuraAsset(asset) {
+    const metadataBounds = asset.metadata?.boundsMetadata;
+    const metadataMin = vec3FromReadonly(metadataBounds?.min);
+    const metadataMax = vec3FromReadonly(metadataBounds?.max);
+    if (metadataMin && metadataMax)
+        return { min: metadataMin, max: metadataMax };
+    const metadataSize = vec3FromReadonly(metadataBounds?.size);
+    const metadataCenter = vec3FromReadonly(metadataBounds?.center);
+    if (metadataSize) {
+        const center = metadataCenter ?? [0, metadataSize[1] / 2, 0];
+        return {
+            min: [center[0] - metadataSize[0] / 2, center[1] - metadataSize[1] / 2, center[2] - metadataSize[2] / 2],
+            max: [center[0] + metadataSize[0] / 2, center[1] + metadataSize[1] / 2, center[2] + metadataSize[2] / 2]
+        };
+    }
+    const bounds = asset.bounds;
+    if (!bounds || bounds.length < 3)
+        return { min: [-0.5, 0, -0.5], max: [0.5, 1, 0.5] };
+    const halfX = Math.max(0.001, bounds[0] / 2);
+    const halfZ = Math.max(0.001, bounds[2] / 2);
+    return {
+        min: [-halfX, 0, -halfZ],
+        max: [halfX, Math.max(0.001, bounds[1]), halfZ]
+    };
+}
+function vec3FromReadonly(value) {
+    if (!value || value.length < 3)
+        return undefined;
+    const vec = [Number(value[0]), Number(value[1]), Number(value[2])];
+    return vec.every((component) => Number.isFinite(component)) ? vec : undefined;
+}
+function colorToRgba(color) {
+    const [r, g, b, a] = colorToClearColor(color);
+    return [r, g, b, a];
 }
 function colorToClearColor(color) {
     if (typeof color === "string" && /^#[0-9a-f]{6}$/i.test(color)) {
@@ -5838,6 +7571,16 @@ function resolveAnimationSeconds(animation, time) {
         return rawSeconds;
     return animation.loop === false ? Math.min(rawSeconds, duration) : rawSeconds % duration;
 }
+function resolveProductionActorAnimationSeconds(animation, animationBinding, time) {
+    if (!animation || animation.captureTime === undefined || !animationBinding?.controllerId) {
+        return resolveAnimationSeconds(animation, time);
+    }
+    const duration = Math.max(0, animation.duration ?? 0);
+    const phase = Math.max(0, animationBinding.captureTime ?? animationBinding.localTime ?? animation.captureTime);
+    if (duration <= 0)
+        return phase;
+    return animation.loop === false ? Math.min(phase, duration) : phase % duration;
+}
 function orbitAnimatedAngle(seconds, speed) {
     return seconds * speed * 0.58;
 }
@@ -5917,17 +7660,59 @@ function seededRange(index, salt, min, max) {
     const normalized = value - Math.floor(value);
     return min + (max - min) * normalized;
 }
-function resolveCameraTarget(snapshot, cameraSpec) {
+function findRuntimeCameraTarget(cameraSpec, runtimeNodes) {
+    if (cameraSpec.mode !== "follow" || !cameraSpec.targetNode || !runtimeNodes)
+        return undefined;
+    const targetNode = cameraSpec.targetNode;
+    const directHandle = runtimeNodes.get(targetNode);
+    if (directHandle && directHandle.visible !== false)
+        return { position: directHandle.position, rotation: directHandle.rotation };
+    const namedHandle = runtimeNodes.all().find((handle) => handle.visible !== false && (handle.name === targetNode || handle.tags.includes(targetNode)));
+    return namedHandle ? { position: namedHandle.position, rotation: namedHandle.rotation } : undefined;
+}
+function rotateVec3BySceneYaw(vector, yaw) {
+    const cos = Math.cos(yaw);
+    const sin = Math.sin(yaw);
+    return [
+        vector[0] * cos + vector[2] * sin,
+        vector[1],
+        -vector[0] * sin + vector[2] * cos
+    ];
+}
+function applyCameraOffset(cameraSpec, offset, target) {
+    if (cameraSpec.offsetMode !== "target-yaw" || !target)
+        return offset;
+    return rotateVec3BySceneYaw(offset, target.rotation[1]);
+}
+function add3(left, right) {
+    return [left[0] + right[0], left[1] + right[1], left[2] + right[2]];
+}
+function resolveRuntimeCameraTarget(cameraSpec, runtimeNodes) {
+    return findRuntimeCameraTarget(cameraSpec, runtimeNodes);
+}
+function resolveCameraTarget(snapshot, cameraSpec, runtimeNodes) {
+    const runtimeTarget = resolveRuntimeCameraTarget(cameraSpec, runtimeNodes);
+    if (runtimeTarget) {
+        const targetOffset = cameraSpec.targetOffset
+            ? applyCameraOffset(cameraSpec, cameraSpec.targetOffset, runtimeTarget)
+            : [0, 0, 0];
+        return add3(runtimeTarget.position, targetOffset);
+    }
     if (cameraSpec.mode === "follow" && cameraSpec.targetNode) {
-        const targetNode = snapshot.nodes.find((node) => (node.kind === "model" || node.kind === "primitive") &&
-            (node.name === cameraSpec.targetNode || (node.kind === "model" && node.asset.id === cameraSpec.targetNode)));
-        if (targetNode?.position)
-            return targetNode.position;
+        const targetNode = groups.flatten(snapshot.nodes).find((node) => (node.kind === "model" || node.kind === "primitive") &&
+            (node.name === cameraSpec.targetNode ||
+                (node.kind === "model" && node.asset.id === cameraSpec.targetNode) ||
+                node.runtime?.id === cameraSpec.targetNode));
+        if (targetNode?.position) {
+            const targetOffset = cameraSpec.targetOffset ?? [0, 0, 0];
+            return add3(targetNode.position, targetOffset);
+        }
     }
     return cameraSpec.target ?? [0, 0.7, 0];
 }
-function resolveCameraEye(snapshot, cameraSpec, time) {
-    const target = resolveCameraTarget(snapshot, cameraSpec);
+function resolveCameraEye(snapshot, cameraSpec, time, runtimeNodes) {
+    const target = resolveCameraTarget(snapshot, cameraSpec, runtimeNodes);
+    const runtimeTarget = resolveRuntimeCameraTarget(cameraSpec, runtimeNodes);
     let eye = cameraSpec.position ?? [0, 1.4, cameraSpec.distance ?? 4];
     if (cameraSpec.mode === "orbit") {
         const distance = cameraSpec.distance ?? 4;
@@ -5935,7 +7720,11 @@ function resolveCameraEye(snapshot, cameraSpec, time) {
     }
     if (cameraSpec.mode === "follow") {
         const distance = cameraSpec.distance ?? 4;
-        eye = cameraSpec.position ?? [target[0] - distance * 0.38, target[1] + distance * 0.52, target[2] + distance * 0.82];
+        const offset = cameraSpec.offset ? applyCameraOffset(cameraSpec, cameraSpec.offset, runtimeTarget) : undefined;
+        eye = cameraSpec.position
+            ?? (offset
+                ? [target[0] + offset[0], target[1] + offset[1], target[2] + offset[2]]
+                : [target[0] - distance * 0.38, target[1] + distance * 0.52, target[2] + distance * 0.82]);
     }
     if (cameraSpec.mode === "dolly") {
         const seconds = cameraSpec.seconds ?? 6;
@@ -5962,7 +7751,7 @@ function collectRuntimeEffectNodes(snapshot) {
 function hasRuntimePostProcessEffects(effectNodes) {
     return effectNodes.some((node) => node.effect === "bloom" || node.effect === "ambient-occlusion" || node.effect === "contact-occlusion");
 }
-async function createWebGLSceneRenderer(canvas, snapshot) {
+async function createWebGLSceneRenderer(canvas, snapshot, rendererOptions, runtimeWarnings = [], runtimeNodes) {
     const gl = canvas.getContext("webgl2", { antialias: true, preserveDrawingBuffer: true });
     if (!gl) {
         throw new AuraRuntimeError("backend-fallback", "Aura3D could not create a WebGL2 renderer. Suggested fix: use a WebGL2-capable browser.");
@@ -5998,9 +7787,13 @@ async function createWebGLSceneRenderer(canvas, snapshot) {
             actualPasses: [],
             fallbackPasses: hasRuntimePostProcessEffects(requestedEffectNodes) ? ["webgl2-direct-render"] : []
         },
-        warnings: ["Aura3D WebGL2 agent runtime renders typed models, primitives, and basic effects; advanced postprocess, environment prefiltering, shadow maps, and GLB animation mixers are reported as unsupported until the production renderer adapter covers them."]
-    });
+        warnings: [
+            "Aura3D WebGL2 agent runtime renders typed models, primitives, and basic effects; advanced postprocess, environment prefiltering, shadow maps, and GLB animation mixers are reported as unsupported unless a route uses the typed-GLB production bridge.",
+            ...runtimeWarnings
+        ]
+    }, rendererOptions);
     return {
+        backend: "webgl2",
         diagnostics: runtimeRendererDiagnostics,
         render(time) {
             gl.viewport(0, 0, canvas.width, canvas.height);
@@ -6009,14 +7802,23 @@ async function createWebGLSceneRenderer(canvas, snapshot) {
             let drawCalls = backdrop.render();
             gl.useProgram(program.program);
             gl.enable(gl.DEPTH_TEST);
-            const viewProjection = createViewProjection(snapshot, canvas.width / Math.max(1, canvas.height), time);
+            const viewProjection = createViewProjection(snapshot, canvas.width / Math.max(1, canvas.height), time, runtimeNodes);
             gl.uniformMatrix4fv(program.uniforms.viewProjection, false, viewProjection);
             gl.uniform3fv(program.uniforms.lightDirection, new Float32Array(normalize3([0.45, 0.82, 0.36])));
+            gl.uniform1i(program.uniforms.baseColorTexture, 0);
+            gl.uniform1i(program.uniforms.metallicRoughnessTexture, 1);
+            gl.uniform1i(program.uniforms.occlusionTexture, 2);
+            gl.uniform1i(program.uniforms.emissiveTexture, 3);
             for (const modelEntry of models) {
+                modelEntry.update?.(time);
                 const modelMatrix = modelEntry.modelMatrix ?? createModelMatrix(modelEntry.node, modelEntry.bounds, modelEntry.normalizeToUnit, time);
-                gl.uniformMatrix4fv(program.uniforms.model, false, modelMatrix);
                 for (const primitiveEntry of modelEntry.primitives) {
+                    const primitiveMatrix = primitiveEntry.modelMatrix ? multiply4(modelMatrix, primitiveEntry.modelMatrix(time)) : modelMatrix;
+                    gl.uniformMatrix4fv(program.uniforms.model, false, primitiveMatrix);
                     gl.uniform3fv(program.uniforms.color, new Float32Array(primitiveEntry.color ?? modelEntry.color));
+                    gl.uniform1f(program.uniforms.metallic, primitiveEntry.metallic ?? 0);
+                    gl.uniform1f(program.uniforms.roughness, primitiveEntry.roughness ?? 0.72);
+                    gl.uniform3fv(program.uniforms.emissive, new Float32Array(primitiveEntry.emissive ?? [0, 0, 0]));
                     gl.bindBuffer(gl.ARRAY_BUFFER, primitiveEntry.position);
                     gl.enableVertexAttribArray(program.attributes.position);
                     gl.vertexAttribPointer(program.attributes.position, 3, gl.FLOAT, false, 0, 0);
@@ -6032,6 +7834,55 @@ async function createWebGLSceneRenderer(canvas, snapshot) {
                         gl.disableVertexAttribArray(program.attributes.color);
                         gl.vertexAttrib3f(program.attributes.color, 1, 1, 1);
                     }
+                    if (primitiveEntry.uv) {
+                        gl.bindBuffer(gl.ARRAY_BUFFER, primitiveEntry.uv);
+                        gl.enableVertexAttribArray(program.attributes.uv);
+                        gl.vertexAttribPointer(program.attributes.uv, 2, gl.FLOAT, false, 0, 0);
+                    }
+                    else {
+                        gl.disableVertexAttribArray(program.attributes.uv);
+                        gl.vertexAttrib2f(program.attributes.uv, 0, 0);
+                    }
+                    if (primitiveEntry.texture) {
+                        gl.activeTexture(gl.TEXTURE0);
+                        gl.bindTexture(gl.TEXTURE_2D, primitiveEntry.texture);
+                        gl.uniform1i(program.uniforms.useTexture, 1);
+                    }
+                    else {
+                        gl.activeTexture(gl.TEXTURE0);
+                        gl.bindTexture(gl.TEXTURE_2D, null);
+                        gl.uniform1i(program.uniforms.useTexture, 0);
+                    }
+                    if (primitiveEntry.metallicRoughnessTexture) {
+                        gl.activeTexture(gl.TEXTURE1);
+                        gl.bindTexture(gl.TEXTURE_2D, primitiveEntry.metallicRoughnessTexture);
+                        gl.uniform1i(program.uniforms.useMetallicRoughnessTexture, 1);
+                    }
+                    else {
+                        gl.activeTexture(gl.TEXTURE1);
+                        gl.bindTexture(gl.TEXTURE_2D, null);
+                        gl.uniform1i(program.uniforms.useMetallicRoughnessTexture, 0);
+                    }
+                    if (primitiveEntry.occlusionTexture) {
+                        gl.activeTexture(gl.TEXTURE2);
+                        gl.bindTexture(gl.TEXTURE_2D, primitiveEntry.occlusionTexture);
+                        gl.uniform1i(program.uniforms.useOcclusionTexture, 1);
+                    }
+                    else {
+                        gl.activeTexture(gl.TEXTURE2);
+                        gl.bindTexture(gl.TEXTURE_2D, null);
+                        gl.uniform1i(program.uniforms.useOcclusionTexture, 0);
+                    }
+                    if (primitiveEntry.emissiveTexture) {
+                        gl.activeTexture(gl.TEXTURE3);
+                        gl.bindTexture(gl.TEXTURE_2D, primitiveEntry.emissiveTexture);
+                        gl.uniform1i(program.uniforms.useEmissiveTexture, 1);
+                    }
+                    else {
+                        gl.activeTexture(gl.TEXTURE3);
+                        gl.bindTexture(gl.TEXTURE_2D, null);
+                        gl.uniform1i(program.uniforms.useEmissiveTexture, 0);
+                    }
                     if (primitiveEntry.index && primitiveEntry.indexType) {
                         gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, primitiveEntry.index);
                         gl.drawElements(primitiveEntry.mode, primitiveEntry.count, primitiveEntry.indexType, 0);
@@ -6046,12 +7897,25 @@ async function createWebGLSceneRenderer(canvas, snapshot) {
         },
         dispose() {
             for (const modelEntry of models) {
+                const textures = new Set();
                 for (const primitiveEntry of modelEntry.primitives) {
                     gl.deleteBuffer(primitiveEntry.position);
                     gl.deleteBuffer(primitiveEntry.normal);
+                    if (primitiveEntry.uv)
+                        gl.deleteBuffer(primitiveEntry.uv);
                     if (primitiveEntry.index)
                         gl.deleteBuffer(primitiveEntry.index);
+                    if (primitiveEntry.texture)
+                        textures.add(primitiveEntry.texture);
+                    if (primitiveEntry.metallicRoughnessTexture)
+                        textures.add(primitiveEntry.metallicRoughnessTexture);
+                    if (primitiveEntry.occlusionTexture)
+                        textures.add(primitiveEntry.occlusionTexture);
+                    if (primitiveEntry.emissiveTexture)
+                        textures.add(primitiveEntry.emissiveTexture);
                 }
+                for (const texture of textures)
+                    gl.deleteTexture(texture);
             }
             gl.deleteProgram(program.program);
             backdrop.dispose();
@@ -6145,27 +8009,156 @@ function createBackdropPalette(snapshot) {
     };
 }
 function createWebGLModel(gl, node, modelData) {
+    const textures = new Map();
+    const textureFor = (index) => {
+        if (index === undefined)
+            return undefined;
+        const existing = textures.get(index);
+        if (existing)
+            return existing;
+        const source = modelData.textures[index];
+        if (!source)
+            return undefined;
+        const texture = createTexture2D(gl, source.image);
+        textures.set(index, texture);
+        return texture;
+    };
     return {
         node,
         bounds: modelData.bounds,
         color: colorToRgb(node.material?.color ?? "#8fb4ff"),
-        normalizeToUnit: true,
+        normalizeToUnit: shouldNormalizeModelNode(node),
         primitives: modelData.primitives.map((primitiveEntry) => {
             const position = createBuffer(gl, gl.ARRAY_BUFFER, primitiveEntry.positions);
             const normal = createBuffer(gl, gl.ARRAY_BUFFER, primitiveEntry.normals);
+            const uv = primitiveEntry.uvs ? createBuffer(gl, gl.ARRAY_BUFFER, primitiveEntry.uvs) : undefined;
             const index = primitiveEntry.indices ? createBuffer(gl, gl.ELEMENT_ARRAY_BUFFER, primitiveEntry.indices) : undefined;
+            const texture = textureFor(primitiveEntry.textureIndex);
+            const metallicRoughnessTexture = textureFor(primitiveEntry.metallicRoughnessTextureIndex);
+            const occlusionTexture = textureFor(primitiveEntry.occlusionTextureIndex);
+            const emissiveTexture = textureFor(primitiveEntry.emissiveTextureIndex);
+            const primitiveModelMatrix = createGltfPrimitiveModelMatrixResolver(modelData, node.animation, primitiveEntry);
             return {
                 position,
                 normal,
+                ...(uv ? { uv } : {}),
                 ...(index ? { index } : {}),
                 count: primitiveEntry.indices?.length ?? primitiveEntry.positions.length / 3,
                 mode: webglDrawMode(gl, primitiveEntry.mode),
                 color: node.material?.color ? colorToRgb(node.material.color) : primitiveEntry.color,
+                ...(texture ? { texture } : {}),
+                ...(metallicRoughnessTexture ? { metallicRoughnessTexture } : {}),
+                ...(occlusionTexture ? { occlusionTexture } : {}),
+                ...(emissiveTexture ? { emissiveTexture } : {}),
+                ...(primitiveEntry.metallic !== undefined ? { metallic: primitiveEntry.metallic } : {}),
+                ...(primitiveEntry.roughness !== undefined ? { roughness: primitiveEntry.roughness } : {}),
+                ...(primitiveEntry.emissive ? { emissive: primitiveEntry.emissive } : {}),
+                ...(primitiveModelMatrix ? { modelMatrix: primitiveModelMatrix } : {}),
                 ...(primitiveEntry.indices ? { indexType: primitiveEntry.indices instanceof Uint32Array ? gl.UNSIGNED_INT : gl.UNSIGNED_SHORT } : {})
             };
         })
     };
 }
+function createGltfPrimitiveModelMatrixResolver(modelData, animation, primitiveEntry) {
+    const staticMatrix = primitiveEntry.staticWorldMatrix;
+    const nodeIndex = primitiveEntry.nodeIndex;
+    if (nodeIndex === undefined)
+        return staticMatrix ? () => staticMatrix : undefined;
+    const clip = animation?.clip ? findGltfAnimationClip(modelData, animation.clip) : undefined;
+    if (!clip)
+        return staticMatrix ? () => staticMatrix : undefined;
+    return (time) => resolveGltfAnimatedNodeMatrix(modelData, clip, animation, nodeIndex, time) ?? staticMatrix ?? identity4();
+}
+function findGltfAnimationClip(modelData, requestedClip) {
+    const requested = requestedClip.trim().toLowerCase();
+    if (!requested)
+        return undefined;
+    return modelData.animations.find((clip) => clip.name === requestedClip)
+        ?? modelData.animations.find((clip) => clip.name.toLowerCase() === requested);
+}
+function resolveGltfAnimatedNodeMatrix(modelData, clip, animation, nodeIndex, time) {
+    if (nodeIndex < 0 || nodeIndex >= modelData.nodes.length)
+        return undefined;
+    const seconds = resolveGltfAnimationSeconds(animation, clip, time);
+    const poses = modelData.nodes.map((node) => ({
+        translation: [...node.baseTranslation],
+        rotation: [...node.baseRotation],
+        scale: [...node.baseScale],
+        changed: false
+    }));
+    for (const channel of clip.channels) {
+        const pose = poses[channel.nodeIndex];
+        if (!pose)
+            continue;
+        pose.changed = true;
+        if (channel.path === "rotation")
+            pose.rotation = sampleGltfQuaternionChannel(channel, seconds);
+        else if (channel.path === "scale")
+            pose.scale = sampleGltfVec3Channel(channel, seconds);
+        else
+            pose.translation = sampleGltfVec3Channel(channel, seconds);
+    }
+    const localMatrices = modelData.nodes.map((node, index) => {
+        const pose = poses[index];
+        return pose?.changed ? gltfTrsMatrix(pose.translation, pose.rotation, pose.scale) : node.baseMatrix;
+    });
+    const worldMatrices = new Array(modelData.nodes.length);
+    const visited = new Set();
+    const visit = (currentIndex, parentMatrix) => {
+        if (visited.has(currentIndex))
+            return;
+        const currentNode = modelData.nodes[currentIndex];
+        const localMatrix = localMatrices[currentIndex];
+        if (!currentNode || !localMatrix)
+            return;
+        visited.add(currentIndex);
+        const worldMatrix = multiply4(parentMatrix, localMatrix);
+        worldMatrices[currentIndex] = worldMatrix;
+        for (const childIndex of currentNode.children)
+            visit(childIndex, worldMatrix);
+    };
+    const roots = modelData.sceneRoots.length > 0 ? modelData.sceneRoots : modelData.nodes.map((_, index) => index);
+    for (const rootIndex of roots)
+        visit(rootIndex, identity4());
+    for (let index = 0; index < modelData.nodes.length; index += 1) {
+        if (!visited.has(index))
+            visit(index, identity4());
+    }
+    return worldMatrices[nodeIndex];
+}
+function resolveGltfAnimationSeconds(animation, clip, time) {
+    const speed = Math.max(0.05, animation?.speed ?? 1);
+    const startTime = animation?.startTime ?? 0;
+    const phase = Math.max(0, animation?.captureTime ?? 0);
+    const rawSeconds = Math.max(0, time / 1000 - startTime) * speed;
+    const seconds = phase + rawSeconds;
+    const duration = Math.max(0, animation?.duration ?? clip.duration);
+    if (duration <= 0)
+        return seconds;
+    return animation?.loop === false ? Math.min(seconds, duration) : seconds % duration;
+}
+function createTexture2D(gl, image) {
+    const texture = gl.createTexture();
+    if (!texture)
+        throw new AuraRuntimeError("backend-fallback", "Aura3D WebGL2 texture allocation failed. Suggested fix: reduce texture count or reload the page.");
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+    const anisotropic = gl.getExtension("EXT_texture_filter_anisotropic")
+        ?? gl.getExtension("WEBKIT_EXT_texture_filter_anisotropic")
+        ?? gl.getExtension("MOZ_EXT_texture_filter_anisotropic");
+    if (anisotropic) {
+        const maxAnisotropy = Number(gl.getParameter(anisotropic.MAX_TEXTURE_MAX_ANISOTROPY_EXT)) || 1;
+        gl.texParameterf(gl.TEXTURE_2D, anisotropic.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(8, maxAnisotropy));
+    }
+    gl.generateMipmap(gl.TEXTURE_2D);
+    return texture;
+}
 function createWebGLPrimitiveModel(gl, node) {
     const primitive = node.primitive === "sphere"
         ? createSphereGeometry()
@@ -6189,7 +8182,10 @@ function createWebGLPrimitiveModel(gl, node) {
                 index: createBuffer(gl, gl.ELEMENT_ARRAY_BUFFER, primitive.indices),
                 count: primitive.indices.length,
                 mode: gl.TRIANGLES,
-                indexType: gl.UNSIGNED_SHORT
+                indexType: gl.UNSIGNED_SHORT,
+                metallic: clamp01(node.material?.metallic ?? node.material?.metalness ?? 0),
+                roughness: clamp01(node.material?.roughness ?? 0.72),
+                emissive: node.material?.emissive ? colorToRgb(node.material.emissive) : [0, 0, 0]
             }]
     };
 }
@@ -6278,53 +8274,66 @@ function createWebGLParticleModel(gl, effect) {
             ? ["#fff7ad", "#fef08a", "#fb923c", "#60a5fa", "#38bdf8", "#fb7185"]
             : [effect.color ?? "#7dfcff", "#ffd166", "#60a5fa"]);
     const sizeCurve = effect.sizeOverLife ?? [0.35, 1, 0.58];
-    for (let index = 0; index < count; index += 1) {
-        writeParticlePosition(center, 0, 0, effect.emitter ?? "swirl", radius, height, index, turbulence, gravity, groundCollision, fountainLayer);
-        const life = getParticleLife(index, 0, effect.emitter ?? "swirl");
-        const sizeLife = life < 0.5
-            ? (sizeCurve[0] ?? 0.35) + ((sizeCurve[1] ?? 1) - (sizeCurve[0] ?? 0.35)) * (life / 0.5)
-            : (sizeCurve[1] ?? 1) + ((sizeCurve[2] ?? 0.58) - (sizeCurve[1] ?? 1)) * ((life - 0.5) / 0.5);
-        const baseSize = isFountain
-            ? fountainLayer === "mist"
-                ? 0.026
-                : fountainLayer === "splash"
-                    ? 0.058
-                    : 0.074
-            : materialMode === "dust" || materialMode === "smoke"
-                ? 0.032
-                : 0.044;
-        const size = baseSize * Math.max(0.45, sizeLife) * seededRange(index, 353, 0.78, 1.22);
-        const particleColor = colorToRgb(lifetimeRamp[index % lifetimeRamp.length] ?? effect.color ?? "#7dfcff");
-        const vertexBase = index * 6;
-        const positionBase = vertexBase * 3;
-        for (let vertex = 0; vertex < localVertices.length; vertex += 1) {
-            const local = localVertices[vertex];
-            const offset = positionBase + vertex * 3;
-            positions[offset] = center[0] + local[0] * size;
-            positions[offset + 1] = center[1] + local[1] * size;
-            positions[offset + 2] = center[2] + local[2] * size;
-            normals[offset] = 0.45;
-            normals[offset + 1] = 0.82;
-            normals[offset + 2] = 0.36;
-            colors[offset] = particleColor[0];
-            colors[offset + 1] = particleColor[1];
-            colors[offset + 2] = particleColor[2];
-        }
-        const indexBase = index * 24;
-        for (let tri = 0; tri < localTriangles.length; tri += 1) {
-            const local = localTriangles[tri];
-            indices[indexBase + tri * 3] = vertexBase + local[0];
-            indices[indexBase + tri * 3 + 1] = vertexBase + local[1];
-            indices[indexBase + tri * 3 + 2] = vertexBase + local[2];
+    const writeParticleVertices = (seconds) => {
+        const emitter = effect.emitter ?? "swirl";
+        for (let index = 0; index < count; index += 1) {
+            writeParticlePosition(center, 0, seconds, emitter, radius, height, index, turbulence, gravity, groundCollision, fountainLayer);
+            const life = getParticleLife(index, seconds, emitter);
+            const sizeLife = life < 0.5
+                ? (sizeCurve[0] ?? 0.35) + ((sizeCurve[1] ?? 1) - (sizeCurve[0] ?? 0.35)) * (life / 0.5)
+                : (sizeCurve[1] ?? 1) + ((sizeCurve[2] ?? 0.58) - (sizeCurve[1] ?? 1)) * ((life - 0.5) / 0.5);
+            const baseSize = isFountain
+                ? fountainLayer === "mist"
+                    ? 0.012
+                    : fountainLayer === "splash"
+                        ? 0.024
+                        : 0.032
+                : materialMode === "dust" || materialMode === "smoke"
+                    ? 0.011
+                    : materialMode === "star" || materialMode === "spark"
+                        ? 0.016
+                        : 0.022;
+            const size = baseSize * Math.max(0.38, sizeLife) * seededRange(index, 353, 0.72, 1.14);
+            const particleColor = colorToRgb(lifetimeRamp[index % lifetimeRamp.length] ?? effect.color ?? "#7dfcff");
+            const vertexBase = index * 6;
+            const positionBase = vertexBase * 3;
+            for (let vertex = 0; vertex < localVertices.length; vertex += 1) {
+                const local = localVertices[vertex];
+                const offset = positionBase + vertex * 3;
+                positions[offset] = center[0] + local[0] * size;
+                positions[offset + 1] = center[1] + local[1] * size;
+                positions[offset + 2] = center[2] + local[2] * size;
+                normals[offset] = 0.45;
+                normals[offset + 1] = 0.82;
+                normals[offset + 2] = 0.36;
+                colors[offset] = particleColor[0];
+                colors[offset + 1] = particleColor[1];
+                colors[offset + 2] = particleColor[2];
+            }
+            const indexBase = index * 24;
+            for (let tri = 0; tri < localTriangles.length; tri += 1) {
+                const local = localTriangles[tri];
+                indices[indexBase + tri * 3] = vertexBase + local[0];
+                indices[indexBase + tri * 3 + 1] = vertexBase + local[1];
+                indices[indexBase + tri * 3 + 2] = vertexBase + local[2];
+            }
         }
-    }
+    };
+    writeParticleVertices(0);
+    const position = createBuffer(gl, gl.ARRAY_BUFFER, positions);
     return {
+        node: effect,
         bounds: { min: [-radius * 2, 0, -radius * 2], max: [radius * 2, height, radius * 2] },
         color: [1, 1, 1],
         normalizeToUnit: false,
-        modelMatrix: identity4(),
+        update(time) {
+            const seconds = time * Math.max(0.05, effect.speed ?? 1);
+            writeParticleVertices(seconds);
+            gl.bindBuffer(gl.ARRAY_BUFFER, position);
+            gl.bufferSubData(gl.ARRAY_BUFFER, 0, positions);
+        },
         primitives: [{
-                position: createBuffer(gl, gl.ARRAY_BUFFER, positions),
+                position,
                 normal: createBuffer(gl, gl.ARRAY_BUFFER, normals),
                 vertexColor: createBuffer(gl, gl.ARRAY_BUFFER, colors),
                 index: createBuffer(gl, gl.ELEMENT_ARRAY_BUFFER, indices),
@@ -6348,16 +8357,19 @@ precision highp float;
 in vec3 a_position;
 in vec3 a_normal;
 in vec3 a_color;
+in vec2 a_uv;
 uniform mat4 u_model;
 uniform mat4 u_viewProjection;
 out vec3 v_normal;
 out vec3 v_world;
 out vec3 v_color;
+out vec2 v_uv;
 void main() {
   vec4 world = u_model * vec4(a_position, 1.0);
   v_world = world.xyz;
   v_normal = normalize(mat3(u_model) * a_normal);
   v_color = a_color;
+  v_uv = a_uv;
   gl_Position = u_viewProjection * world;
 }`);
     const fragment = compileShader(gl, gl.FRAGMENT_SHADER, `#version 300 es
@@ -6365,16 +8377,48 @@ precision highp float;
 in vec3 v_normal;
 in vec3 v_world;
 in vec3 v_color;
+in vec2 v_uv;
 uniform vec3 u_color;
 uniform vec3 u_lightDirection;
+uniform sampler2D u_baseColorTexture;
+uniform int u_useTexture;
+uniform sampler2D u_metallicRoughnessTexture;
+uniform int u_useMetallicRoughnessTexture;
+uniform sampler2D u_occlusionTexture;
+uniform int u_useOcclusionTexture;
+uniform sampler2D u_emissiveTexture;
+uniform int u_useEmissiveTexture;
+uniform float u_metallic;
+uniform float u_roughness;
+uniform vec3 u_emissive;
 out vec4 outColor;
 void main() {
   vec3 normal = normalize(v_normal);
-  float key = max(dot(normal, normalize(u_lightDirection)), 0.0);
-  float rim = pow(1.0 - max(dot(normal, normalize(vec3(0.0, 0.35, 1.0))), 0.0), 2.0);
-  vec3 base = u_color * v_color;
-  vec3 color = base * (0.34 + key * 0.66) + vec3(0.35, 0.65, 1.0) * rim * 0.12;
-  outColor = vec4(pow(color, vec3(1.0 / 2.2)), 1.0);
+  vec3 lightDirection = normalize(u_lightDirection);
+  vec3 viewDirection = normalize(vec3(0.0, 0.34, 1.0));
+  vec3 halfVector = normalize(lightDirection + viewDirection);
+  float key = max(dot(normal, lightDirection), 0.0);
+  float wrap = max(dot(normal, normalize(vec3(-0.36, 0.52, -0.28))), 0.0);
+  float fresnel = pow(1.0 - max(dot(normal, viewDirection), 0.0), 4.0);
+  float rim = pow(1.0 - max(dot(normal, viewDirection), 0.0), 2.0);
+  vec4 texel = u_useTexture == 1 ? texture(u_baseColorTexture, v_uv) : vec4(1.0);
+  vec4 mrTexel = u_useMetallicRoughnessTexture == 1 ? texture(u_metallicRoughnessTexture, v_uv) : vec4(1.0);
+  vec3 emissiveTexel = u_useEmissiveTexture == 1 ? texture(u_emissiveTexture, v_uv).rgb : vec3(1.0);
+  float ao = u_useOcclusionTexture == 1 ? mix(0.45, 1.0, texture(u_occlusionTexture, v_uv).r) : 1.0;
+  float roughness = clamp(u_roughness * mrTexel.g, 0.045, 1.0);
+  float metallic = clamp(u_metallic * mrTexel.b, 0.0, 1.0);
+  vec3 base = u_color * v_color * texel.rgb;
+  vec3 dielectricSpecular = vec3(0.045);
+  vec3 specularColor = mix(dielectricSpecular, base, metallic);
+  float specularPower = mix(96.0, 10.0, roughness);
+  float specular = pow(max(dot(normal, halfVector), 0.0), specularPower) * mix(0.95, 0.18, roughness);
+  vec3 diffuse = base * (1.0 - metallic) * (0.22 + key * 0.78 + wrap * 0.12);
+  vec3 environment = mix(vec3(0.10, 0.15, 0.18), vec3(0.74, 0.86, 1.0), normal.y * 0.5 + 0.5);
+  vec3 reflection = environment * specularColor * (fresnel * 0.62 + (1.0 - roughness) * 0.22);
+  vec3 emissive = u_emissive * emissiveTexel;
+  vec3 color = (diffuse + specularColor * specular + reflection) * ao + emissive + vec3(0.35, 0.65, 1.0) * rim * 0.075;
+  color = color / (color + vec3(1.0));
+  outColor = vec4(pow(color, vec3(1.0 / 2.2)), texel.a);
 }`);
     const program = gl.createProgram();
     if (!program)
@@ -6391,14 +8435,26 @@ void main() {
         model: requiredUniform(gl, program, "u_model"),
         viewProjection: requiredUniform(gl, program, "u_viewProjection"),
         color: requiredUniform(gl, program, "u_color"),
-        lightDirection: requiredUniform(gl, program, "u_lightDirection")
+        lightDirection: requiredUniform(gl, program, "u_lightDirection"),
+        baseColorTexture: requiredUniform(gl, program, "u_baseColorTexture"),
+        useTexture: requiredUniform(gl, program, "u_useTexture"),
+        metallicRoughnessTexture: requiredUniform(gl, program, "u_metallicRoughnessTexture"),
+        useMetallicRoughnessTexture: requiredUniform(gl, program, "u_useMetallicRoughnessTexture"),
+        occlusionTexture: requiredUniform(gl, program, "u_occlusionTexture"),
+        useOcclusionTexture: requiredUniform(gl, program, "u_useOcclusionTexture"),
+        emissiveTexture: requiredUniform(gl, program, "u_emissiveTexture"),
+        useEmissiveTexture: requiredUniform(gl, program, "u_useEmissiveTexture"),
+        metallic: requiredUniform(gl, program, "u_metallic"),
+        roughness: requiredUniform(gl, program, "u_roughness"),
+        emissive: requiredUniform(gl, program, "u_emissive")
     };
     return {
         program,
         attributes: {
             position: gl.getAttribLocation(program, "a_position"),
             normal: gl.getAttribLocation(program, "a_normal"),
-            color: gl.getAttribLocation(program, "a_color")
+            color: gl.getAttribLocation(program, "a_color"),
+            uv: gl.getAttribLocation(program, "a_uv")
         },
         uniforms
     };
@@ -6440,7 +8496,7 @@ async function loadGltfForWebGL(url) {
     const bytes = await response.arrayBuffer();
     const loaded = isGlb(bytes) ? parseGlb(bytes) : { json: JSON.parse(new TextDecoder().decode(bytes)), buffers: [] };
     const buffers = loaded.buffers.length > 0 ? loaded.buffers : await loadExternalGltfBuffers(loaded.json, absoluteUrl);
-    return createGltfModel(loaded.json, buffers);
+    return await createGltfModel(loaded.json, buffers, absoluteUrl);
 }
 function isGlb(bytes) {
     return new DataView(bytes).getUint32(0, true) === 0x46546c67;
@@ -6487,10 +8543,14 @@ function dataUriToArrayBuffer(uri) {
         bytes[index] = binary.charCodeAt(index);
     return bytes.buffer;
 }
-function createGltfModel(json, buffers) {
+async function createGltfModel(json, buffers, modelUrl) {
     const primitives = [];
+    const textures = await createGltfTextureSources(json, buffers, modelUrl);
+    const nodes = createGltfRuntimeNodes(json);
+    const animations = createGltfAnimationClips(json, buffers);
+    const sceneRoots = resolveGltfSceneRoots(json);
     let bounds;
-    const pushMesh = (meshIndex, matrix) => {
+    const pushMesh = (meshIndex, matrix, nodeIndex) => {
         const mesh = json.meshes?.[meshIndex];
         if (!mesh)
             return;
@@ -6502,17 +8562,29 @@ function createGltfModel(json, buffers) {
             const sourceNormals = primitive.attributes?.NORMAL === undefined
                 ? createDefaultNormals(sourcePositions.length / 3)
                 : readAccessor(json, buffers, primitive.attributes.NORMAL, 3);
-            const positions = transformPositions(sourcePositions, matrix);
-            const normals = transformNormals(sourceNormals, matrix);
+            const sourceUvs = primitive.attributes?.TEXCOORD_0 === undefined
+                ? undefined
+                : readAccessor(json, buffers, primitive.attributes.TEXCOORD_0, 2);
             const indices = primitive.indices === undefined ? undefined : readIndices(json, buffers, primitive.indices);
-            const primitiveBounds = boundsFromPositions(positions);
+            const materialInfo = materialRenderInfo(json, primitive.material, sourceUvs);
+            const primitiveBounds = boundsFromPositions(transformPositions(sourcePositions, matrix));
             bounds = bounds ? mergeBounds(bounds, primitiveBounds) : primitiveBounds;
             primitives.push({
-                positions,
-                normals,
+                positions: sourcePositions,
+                normals: sourceNormals,
+                ...(sourceUvs ? { uvs: sourceUvs } : {}),
                 ...(indices ? { indices } : {}),
                 mode: primitive.mode ?? 4,
-                color: materialColor(json, primitive.material)
+                color: materialInfo.color,
+                ...(materialInfo.textureIndex !== undefined ? { textureIndex: materialInfo.textureIndex } : {}),
+                ...(materialInfo.metallicRoughnessTextureIndex !== undefined ? { metallicRoughnessTextureIndex: materialInfo.metallicRoughnessTextureIndex } : {}),
+                ...(materialInfo.occlusionTextureIndex !== undefined ? { occlusionTextureIndex: materialInfo.occlusionTextureIndex } : {}),
+                ...(materialInfo.emissiveTextureIndex !== undefined ? { emissiveTextureIndex: materialInfo.emissiveTextureIndex } : {}),
+                metallic: materialInfo.metallic,
+                roughness: materialInfo.roughness,
+                emissive: materialInfo.emissive,
+                ...(nodeIndex !== undefined ? { nodeIndex } : {}),
+                staticWorldMatrix: matrix
             });
         }
     };
@@ -6527,22 +8599,16 @@ function createGltfModel(json, buffers) {
         const nextStack = new Set(stack);
         nextStack.add(nodeIndex);
         if (node.mesh !== undefined)
-            pushMesh(node.mesh, worldMatrix);
+            pushMesh(node.mesh, worldMatrix, nodeIndex);
         for (const childIndex of node.children ?? [])
             visitNode(childIndex, worldMatrix, nextStack);
     };
-    const sceneRoots = json.scenes?.[json.scene ?? 0]?.nodes;
-    if (json.nodes?.length && sceneRoots?.length) {
+    if (json.nodes?.length && sceneRoots.length) {
         for (const nodeIndex of sceneRoots)
             visitNode(nodeIndex, identity4(), new Set());
     }
     else if (json.nodes?.length) {
-        const childNodes = new Set();
-        for (const node of json.nodes)
-            for (const childIndex of node.children ?? [])
-                childNodes.add(childIndex);
-        const roots = json.nodes.map((_, nodeIndex) => nodeIndex).filter((nodeIndex) => !childNodes.has(nodeIndex));
-        for (const nodeIndex of roots.length > 0 ? roots : json.nodes.map((_, nodeIndex) => nodeIndex))
+        for (const nodeIndex of json.nodes.map((_, nodeIndex) => nodeIndex))
             visitNode(nodeIndex, identity4(), new Set());
     }
     else {
@@ -6552,19 +8618,163 @@ function createGltfModel(json, buffers) {
     if (primitives.length === 0) {
         throw new AuraRuntimeError("failed-glb-load", "Aura3D found no mesh primitives with POSITION data in the model. Suggested fix: export a visible mesh to GLB/glTF.");
     }
-    return { primitives, bounds: bounds ?? { min: [-1, -1, -1], max: [1, 1, 1] } };
+    return { primitives, textures, nodes, animations, sceneRoots, bounds: bounds ?? { min: [-1, -1, -1], max: [1, 1, 1] } };
+}
+function resolveGltfSceneRoots(json) {
+    const nodeCount = json.nodes?.length ?? 0;
+    const sceneRoots = json.scenes?.[json.scene ?? 0]?.nodes?.filter((nodeIndex) => nodeIndex >= 0 && nodeIndex < nodeCount) ?? [];
+    if (sceneRoots.length > 0)
+        return sceneRoots;
+    if (nodeCount === 0)
+        return [];
+    const childNodes = new Set();
+    for (const node of json.nodes ?? []) {
+        for (const childIndex of node.children ?? [])
+            childNodes.add(childIndex);
+    }
+    const roots = (json.nodes ?? []).map((_, nodeIndex) => nodeIndex).filter((nodeIndex) => !childNodes.has(nodeIndex));
+    return roots.length > 0 ? roots : (json.nodes ?? []).map((_, nodeIndex) => nodeIndex);
+}
+function createGltfRuntimeNodes(json) {
+    return (json.nodes ?? []).map((node) => {
+        const translate = node.translation ?? [0, 0, 0];
+        const rotate = node.rotation ?? [0, 0, 0, 1];
+        const scale = node.scale ?? [1, 1, 1];
+        return {
+            children: node.children ?? [],
+            baseTranslation: [translate[0] ?? 0, translate[1] ?? 0, translate[2] ?? 0],
+            baseRotation: normalizeQuaternion([rotate[0] ?? 0, rotate[1] ?? 0, rotate[2] ?? 0, rotate[3] ?? 1]),
+            baseScale: [scale[0] ?? 1, scale[1] ?? 1, scale[2] ?? 1],
+            baseMatrix: gltfNodeMatrix(node)
+        };
+    });
 }
-function materialColor(json, materialIndex) {
-    if (materialIndex === undefined)
+function createGltfAnimationClips(json, buffers) {
+    return (json.animations ?? []).map((animation, animationIndex) => {
+        const channels = [];
+        let duration = 0;
+        for (const channel of animation.channels ?? []) {
+            const sampler = animation.samplers?.[channel.sampler];
+            const nodeIndex = channel.target.node;
+            const path = parseGltfAnimationPath(channel.target.path);
+            if (!sampler || nodeIndex === undefined || !path)
+                continue;
+            const times = readAccessor(json, buffers, sampler.input, 1);
+            const values = readAccessor(json, buffers, sampler.output, path === "rotation" ? 4 : 3);
+            if (times.length === 0 || values.length === 0)
+                continue;
+            duration = Math.max(duration, times[times.length - 1] ?? 0);
+            channels.push({
+                nodeIndex,
+                path,
+                times,
+                values,
+                interpolation: sampler.interpolation ?? "LINEAR"
+            });
+        }
+        return {
+            name: animation.name ?? `animation-${animationIndex + 1}`,
+            duration,
+            channels
+        };
+    }).filter((clip) => clip.channels.length > 0);
+}
+function parseGltfAnimationPath(path) {
+    return path === "translation" || path === "rotation" || path === "scale" ? path : undefined;
+}
+async function createGltfTextureSources(json, buffers, modelUrl) {
+    const images = new Map();
+    const loadImage = (imageIndex) => {
+        const existing = images.get(imageIndex);
+        if (existing)
+            return existing;
+        const promise = loadGltfImage(json, buffers, imageIndex, modelUrl).catch(() => undefined);
+        images.set(imageIndex, promise);
+        return promise;
+    };
+    return await Promise.all((json.textures ?? []).map(async (texture) => {
+        if (texture.source === undefined)
+            return undefined;
+        const image = await loadImage(texture.source);
+        return image ? { image } : undefined;
+    }));
+}
+async function loadGltfImage(json, buffers, imageIndex, modelUrl) {
+    const image = json.images?.[imageIndex];
+    if (!image)
+        return undefined;
+    let blob;
+    if (image.bufferView !== undefined) {
+        const view = json.bufferViews?.[image.bufferView];
+        if (!view)
+            return undefined;
+        const buffer = buffers[view.buffer];
+        if (!buffer)
+            return undefined;
+        const bytes = new Uint8Array(buffer, view.byteOffset ?? 0, view.byteLength);
+        blob = new Blob([bytes], { type: image.mimeType ?? "application/octet-stream" });
+    }
+    else if (image.uri?.startsWith("data:")) {
+        const response = await fetch(image.uri);
+        blob = await response.blob();
+    }
+    else if (image.uri) {
+        const response = await fetch(new URL(image.uri, modelUrl).href);
+        if (!response.ok)
+            return undefined;
+        blob = await response.blob();
+    }
+    else {
         return undefined;
+    }
+    if (typeof createImageBitmap === "function")
+        return await createImageBitmap(blob);
+    return await blobToHtmlImage(blob);
+}
+async function blobToHtmlImage(blob) {
+    const url = URL.createObjectURL(blob);
+    try {
+        const image = new Image();
+        image.decoding = "async";
+        image.src = url;
+        if (typeof image.decode === "function")
+            await image.decode();
+        else
+            await new Promise((resolve, reject) => {
+                image.onload = () => resolve();
+                image.onerror = () => reject(new Error("Aura3D failed to decode glTF image."));
+            });
+        return image;
+    }
+    finally {
+        URL.revokeObjectURL(url);
+    }
+}
+function materialRenderInfo(json, materialIndex, uvs) {
+    if (materialIndex === undefined) {
+        return { metallic: 0, roughness: 0.72, emissive: [0, 0, 0] };
+    }
     const materialEntry = json.materials?.[materialIndex];
-    const base = materialEntry?.pbrMetallicRoughness?.baseColorFactor;
-    if (base && base.length >= 3)
-        return [clamp01(base[0]), clamp01(base[1]), clamp01(base[2])];
+    const pbr = materialEntry?.pbrMetallicRoughness;
+    const base = pbr?.baseColorFactor;
     const emissive = materialEntry?.emissiveFactor;
-    if (emissive && emissive.length >= 3)
-        return [clamp01(emissive[0]), clamp01(emissive[1]), clamp01(emissive[2])];
-    return undefined;
+    return {
+        ...(base && base.length >= 3 ? { color: [clamp01(base[0]), clamp01(base[1]), clamp01(base[2])] } : {}),
+        ...textureRef(pbr?.baseColorTexture, uvs, "textureIndex"),
+        ...textureRef(pbr?.metallicRoughnessTexture, uvs, "metallicRoughnessTextureIndex"),
+        ...textureRef(materialEntry?.occlusionTexture, uvs, "occlusionTextureIndex"),
+        ...textureRef(materialEntry?.emissiveTexture, uvs, "emissiveTextureIndex"),
+        metallic: clamp01(pbr?.metallicFactor ?? 0),
+        roughness: clamp01(pbr?.roughnessFactor ?? 0.72),
+        emissive: emissive && emissive.length >= 3
+            ? [clamp01(emissive[0]), clamp01(emissive[1]), clamp01(emissive[2])]
+            : [0, 0, 0]
+    };
+}
+function textureRef(texture, uvs, key) {
+    if (!texture || !uvs || texture.texCoord !== undefined && texture.texCoord !== 0)
+        return {};
+    return { [key]: texture.index };
 }
 function createPlaneGeometry() {
     return {
@@ -6809,6 +9019,106 @@ function gltfNodeMatrix(node) {
     const scale = node.scale ?? [1, 1, 1];
     return multiply4(translation(translate[0] ?? 0, translate[1] ?? 0, translate[2] ?? 0), multiply4(rotationQuaternion(rotate), scaling(scale[0] ?? 1, scale[1] ?? 1, scale[2] ?? 1)));
 }
+function gltfTrsMatrix(translate, rotate, scale) {
+    return multiply4(translation(translate[0], translate[1], translate[2]), multiply4(rotationQuaternion(rotate), scaling(scale[0], scale[1], scale[2])));
+}
+function sampleGltfVec3Channel(channel, seconds) {
+    const [left, right, t] = gltfKeyframePair(channel.times, seconds);
+    const a = readGltfChannelValue(channel, left, 3);
+    if (left === right || channel.interpolation === "STEP")
+        return [a[0], a[1], a[2]];
+    const b = readGltfChannelValue(channel, right, 3);
+    return [
+        a[0] + (b[0] - a[0]) * t,
+        a[1] + (b[1] - a[1]) * t,
+        a[2] + (b[2] - a[2]) * t
+    ];
+}
+function sampleGltfQuaternionChannel(channel, seconds) {
+    const [left, right, t] = gltfKeyframePair(channel.times, seconds);
+    const a = normalizeQuaternion(readGltfChannelValue(channel, left, 4));
+    if (left === right || channel.interpolation === "STEP")
+        return a;
+    const b = normalizeQuaternion(readGltfChannelValue(channel, right, 4));
+    return slerpQuaternion(a, b, t);
+}
+function gltfKeyframePair(times, seconds) {
+    if (times.length <= 1)
+        return [0, 0, 0];
+    if (seconds <= (times[0] ?? 0))
+        return [0, 0, 0];
+    const lastIndex = times.length - 1;
+    if (seconds >= (times[lastIndex] ?? seconds))
+        return [lastIndex, lastIndex, 0];
+    for (let index = 0; index < lastIndex; index += 1) {
+        const start = times[index] ?? 0;
+        const end = times[index + 1] ?? start;
+        if (seconds >= start && seconds <= end) {
+            const duration = Math.max(0.000001, end - start);
+            return [index, index + 1, Math.min(1, Math.max(0, (seconds - start) / duration))];
+        }
+    }
+    return [lastIndex, lastIndex, 0];
+}
+function readGltfChannelValue(channel, keyframeIndex, components) {
+    const cubic = channel.interpolation === "CUBICSPLINE";
+    const stride = components * (cubic ? 3 : 1);
+    const offset = keyframeIndex * stride + (cubic ? components : 0);
+    if (components === 4) {
+        return [
+            channel.values[offset] ?? 0,
+            channel.values[offset + 1] ?? 0,
+            channel.values[offset + 2] ?? 0,
+            channel.values[offset + 3] ?? 1
+        ];
+    }
+    return [
+        channel.values[offset] ?? 0,
+        channel.values[offset + 1] ?? 0,
+        channel.values[offset + 2] ?? 0
+    ];
+}
+function normalizeQuaternion(rotation) {
+    const length = Math.hypot(rotation[0] ?? 0, rotation[1] ?? 0, rotation[2] ?? 0, rotation[3] ?? 1) || 1;
+    return [
+        (rotation[0] ?? 0) / length,
+        (rotation[1] ?? 0) / length,
+        (rotation[2] ?? 0) / length,
+        (rotation[3] ?? 1) / length
+    ];
+}
+function slerpQuaternion(a, b, t) {
+    let bx = b[0];
+    let by = b[1];
+    let bz = b[2];
+    let bw = b[3];
+    let dot = a[0] * bx + a[1] * by + a[2] * bz + a[3] * bw;
+    if (dot < 0) {
+        dot = -dot;
+        bx = -bx;
+        by = -by;
+        bz = -bz;
+        bw = -bw;
+    }
+    if (dot > 0.9995) {
+        return normalizeQuaternion([
+            a[0] + (bx - a[0]) * t,
+            a[1] + (by - a[1]) * t,
+            a[2] + (bz - a[2]) * t,
+            a[3] + (bw - a[3]) * t
+        ]);
+    }
+    const theta = Math.acos(Math.min(1, Math.max(-1, dot)));
+    const sinTheta = Math.sin(theta) || 1;
+    const wa = Math.sin((1 - t) * theta) / sinTheta;
+    const wb = Math.sin(t * theta) / sinTheta;
+    return normalizeQuaternion([
+        a[0] * wa + bx * wb,
+        a[1] * wa + by * wb,
+        a[2] * wa + bz * wb,
+        a[3] * wa + bw * wb
+    ]);
+}
 function rotationQuaternion(rotation) {
     const length = Math.hypot(rotation[0] ?? 0, rotation[1] ?? 0, rotation[2] ?? 0, rotation[3] ?? 1) || 1;
     const x = (rotation[0] ?? 0) / length;
@@ -6878,10 +9188,10 @@ function mergeBounds(a, b) {
         max: [Math.max(a.max[0], b.max[0]), Math.max(a.max[1], b.max[1]), Math.max(a.max[2], b.max[2])]
     };
 }
-function createViewProjection(snapshot, aspect, time) {
+function createViewProjection(snapshot, aspect, time, runtimeNodes) {
     const cameraSpec = snapshot.camera;
-    const target = resolveCameraTarget(snapshot, cameraSpec);
-    const eye = resolveCameraEye(snapshot, cameraSpec, time);
+    const target = resolveCameraTarget(snapshot, cameraSpec, runtimeNodes);
+    const eye = resolveCameraEye(snapshot, cameraSpec, time, runtimeNodes);
     const view = lookAt(eye, target, [0, 1, 0]);
     const projection = perspective(((cameraSpec.fov ?? 45) * Math.PI) / 180, aspect, 0.05, 100);
     return multiply4(projection, view);
@@ -6892,7 +9202,7 @@ function createModelMatrix(node, bounds, normalizeToUnit, time = 0) {
         Math.max(0.001, bounds.max[1] - bounds.min[1]),
         Math.max(0.001, bounds.max[2] - bounds.min[2])
     ];
-    const fitScale = normalizeToUnit ? 1.55 / Math.max(extent[0], extent[1], extent[2]) : 1;
+    const fitScale = resolveModelFitScale(node, extent, normalizeToUnit);
     const centerX = (bounds.min[0] + bounds.max[0]) / 2;
     const centerZ = (bounds.min[2] + bounds.max[2]) / 2;
     const baseSize = node?.kind === "primitive" ? primitiveSize(node) : [1, 1, 1];
@@ -6901,6 +9211,23 @@ function createModelMatrix(node, bounds, normalizeToUnit, time = 0) {
     const rotation = animatedRotation(node, time);
     return multiply4(translation(position[0], position[1], position[2]), multiply4(rotationXYZ(rotation), multiply4(scaling(nodeScale[0] * baseSize[0] * fitScale, nodeScale[1] * baseSize[1] * fitScale, nodeScale[2] * baseSize[2] * fitScale), normalizeToUnit ? translation(-centerX, -bounds.min[1], -centerZ) : identity4())));
 }
+function resolveModelFitScale(node, extent, normalizeToUnit) {
+    if (node?.kind === "model") {
+        if (isPositiveFinite(node.targetHeight))
+            return node.targetHeight / extent[1];
+        if (isPositiveFinite(node.targetLength))
+            return node.targetLength / Math.max(extent[0], extent[2]);
+        if (isPositiveFinite(node.targetMaxDimension))
+            return node.targetMaxDimension / Math.max(extent[0], extent[1], extent[2]);
+    }
+    return normalizeToUnit ? AURA_NORMALIZED_MODEL_MAX_DIMENSION / Math.max(extent[0], extent[1], extent[2]) : 1;
+}
+function isPositiveFinite(value) {
+    return typeof value === "number" && Number.isFinite(value) && value > 0;
+}
+function shouldNormalizeModelNode(node) {
+    return node?.scaleMode !== "world";
+}
 function animatedPosition(node, time) {
     const basePosition = node?.position ?? [0, 0, 0];
     if (!node?.animation)
@@ -6918,6 +9245,8 @@ function animatedRotation(node, time) {
     const baseRotation = node?.rotation ?? [0, 0, 0];
     if (!node?.animation)
         return baseRotation;
+    if (node.kind === "model" && !isModelTransformAnimationClip(node.animation.clip))
+        return baseRotation;
     const speed = Math.max(0.05, node.animation.speed ?? 1);
     const seconds = resolveAnimationSeconds(node.animation, time);
     if (node.animation.clip === "turntable") {
@@ -6933,6 +9262,9 @@ function animatedRotation(node, time) {
         return baseRotation;
     return [baseRotation[0], baseRotation[1] + seconds * speed, baseRotation[2]];
 }
+function isModelTransformAnimationClip(clip) {
+    return clip === "turntable" || clip === "float" || clip === "orbit";
+}
 function primitiveSize(node) {
     if (typeof node.size === "number")
         return [node.size, node.size, node.size];
@@ -7215,7 +9547,7 @@ function validateMaterialTexture(materialSpec) {
         throw new AuraRuntimeError("unsupported-texture", `Aura3D texture asset "${texture.id}" uses unsupported format "${texture.format}". Suggested fix: use png, jpg, jpeg, webp, or ktx2 textures.`);
     }
 }
-function createInitialDiagnostics(snapshot) {
+function createInitialDiagnostics(snapshot, rendererOptions) {
     return {
         backend: "headless",
         fps: 0,
@@ -7223,7 +9555,7 @@ function createInitialDiagnostics(snapshot) {
         renderSize: [0, 0],
         assets: [],
         evidence: collectAuraSceneEvidence(snapshot),
-        renderer: createRendererDiagnosticReport(snapshot),
+        renderer: createRendererDiagnosticReport(snapshot, undefined, rendererOptions),
         warnings: snapshot.nodes.length === 0 ? ["Scene contains no renderable nodes. Add model(assets.assetId) or primitives.box()."] : [],
         errors: []
     };
@@ -7250,7 +9582,7 @@ function collectGeneratedCodeWarnings(snapshot) {
         warnings.push("Scene has no interactions. Suggested fix: add interactions.orbit() for product/viewer scenes.");
     }
     for (const node of snapshot.nodes) {
-        if (node.kind === "model" && node.asset.id === "unsafe-url") {
+        if (node.kind === "model" && createAssetProvenance(node.asset).source === "unsafe-url") {
             warnings.push(`Model uses unsafeModelUrl("${node.asset.url}"). Suggested fix: run assets add and use typed assets.`);
         }
     }