create-aura3d 1.1.2 → 1.3.0

package/templates/{cartoon-channel → animation-channel}/src/main.ts

@@ -21,11 +21,11 @@ import { assets } from "./aura-assets";
 import {
   episode,
   episodeContractId,
-  missingCartoonCharacterAssets,
-  publicCartoonAssetInstructions,
-  requiredCartoonCharacterAssets,
-  typedCartoonAssetSummary,
-  type CartoonAssetKey
+  missingAnimationCharacterAssets,
+  publicAnimationAssetInstructions,
+  requiredAnimationCharacterAssets,
+  typedAnimationAssetSummary,
+  type AnimationAssetKey
 } from "./episode";
 import {
   accessibilityProofMetadata,
@@ -50,7 +50,7 @@ import { installSampleEpisodeVisual } from "./sample-episode-visual";
 
 declare global {
   interface Window {
-    __AURA3D_CARTOON_TEMPLATE__?: {
+    __AURA3D_ANIMATION_TEMPLATE__?: {
       readonly contractId: string;
       readonly template: string;
       readonly storyBible: unknown;
@@ -82,11 +82,11 @@ const firstCaption = episode.captionTrack.cues[0];
 const thumbnailCapture = renderOutputPackage.thumbnailCapture;
 const thumbnailCaption = captionCueAtTime(episode.captionTrack, thumbnailCapture.time);
 const storyBible = episode.storyBible;
-const typedCartoonAssets = assets as Partial<Record<CartoonAssetKey, AuraAssetRef<"model">>>;
+const typedAnimationAssets = assets as Partial<Record<AnimationAssetKey, AuraAssetRef<"model">>>;
 
 const captionOverlay = document.createElement("div");
 captionOverlay.id = "caption-overlay";
-captionOverlay.textContent = firstCaption?.text ?? firstStoryboardShot?.storyBeat ?? "Aura3D cartoon channel";
+captionOverlay.textContent = firstCaption?.text ?? firstStoryboardShot?.storyBeat ?? "Aura3D animation channel";
 captionOverlay.style.cssText = [
   "position:fixed",
   "left:50%",
@@ -118,24 +118,24 @@ const shotPlaybackPlan = createShotPlaybackPlan({
 });
 
 const playbackProbeTimes = [1, 21, 43] as const;
-const playbackProbeSamples = playbackProbeTimes.map((time) => sampleCartoonRouteAt(time));
+const playbackProbeSamples = playbackProbeTimes.map((time) => sampleAnimationRouteAt(time));
 captionOverlay.dataset.shotId = playbackProbeSamples[0]?.shotId ?? "";
 captionOverlay.dataset.captionId = playbackProbeSamples[0]?.captionId ?? firstCaption?.captionId ?? "";
-document.body.dataset.cartoonShotCount = String(episode.shotTimeline.shots.length);
-document.body.dataset.cartoonCaptionCount = String(episode.captionTrack.cues.length);
-document.body.dataset.cartoonStoryBibleProps = String(storyBible.props.length);
-document.body.dataset.cartoonReleaseFacingView = "sample-episode-visual";
-document.body.dataset.cartoonRejectedViews = "concept-2-5d,puppet-2d,image-puppet";
+document.body.dataset.animationShotCount = String(episode.shotTimeline.shots.length);
+document.body.dataset.animationCaptionCount = String(episode.captionTrack.cues.length);
+document.body.dataset.animationStoryBibleProps = String(storyBible.props.length);
+document.body.dataset.animationReleaseFacingView = "sample-episode-visual";
+document.body.dataset.animationRejectedViews = "concept-2-5d,puppet-2d,image-puppet";
 installSampleEpisodeVisual({
-  sampleAt: sampleCartoonRouteAt,
+  sampleAt: sampleAnimationRouteAt,
   duration: episode.episodePlan.runtime.duration,
-  usesTypedAssets: missingCartoonCharacterAssets.length === 0
+  usesTypedAssets: missingAnimationCharacterAssets.length === 0
 });
 
 const app = createAuraApp("#app", {
   scene: scene()
     .background("#081b2a")
-    .addMany(createAuraRenderedCartoonScene())
+    .addMany(createAuraRenderedAnimationScene())
     .add(createCharacterBody("miko", "Miko", "miko", [-0.72, 0.08, -0.34], [0.32, 0.42, 0.32], 0.9, "#7de2ff"))
     .add(createMouthCard("miko:mouth", "Miko", [-3.2, -3.2, -3.2], "#f8fff2"))
     .add(createCharacterBody("luma", "Luma", "luma", [0.72, 0.08, -0.34], [0.3, 0.38, 0.3], 0.9, "#ffe18e"))
@@ -158,33 +158,33 @@ const app = createAuraApp("#app", {
         .position(-0.38, 0.2, 0.18)
         .scale([0.12, 0.24, 0.04])
     )
-    .add(labels.hud(firstCaption?.text ?? firstStoryboardShot?.storyBeat ?? "Aura3D cartoon channel"))
+    .add(labels.hud(firstCaption?.text ?? firstStoryboardShot?.storyBeat ?? "Aura3D animation channel"))
     .add(lights.studio({ intensity: 1.2 }))
     .add(effects.bloom({ intensity: 0.18, color: "#7de2ff" }))
     .camera(camera.perspective({ position: [0, 1.18, 4.4], target: [0, 0.82, -0.45], fov: 38 })),
   diagnostics: true
 });
 
-window.__AURA3D_CARTOON_TEMPLATE__ = {
+window.__AURA3D_ANIMATION_TEMPLATE__ = {
   contractId: episodeContractId,
-  template: "cartoon-channel",
+  template: "animation-channel",
   storyBible,
   shotIds: episode.shotTimeline.shots.map((shot) => shot.shotId),
   captionIds: episode.captionTrack.cues.map((caption) => caption.captionId),
   playbackProbeTimes,
   playbackProbeSamples,
   renderQueueItems: renderPlan.items.length,
-  typedAssets: typedCartoonAssetSummary,
-  requiredTypedAssets: requiredCartoonCharacterAssets,
-  missingTypedAssets: missingCartoonCharacterAssets,
-  assetCommands: publicCartoonAssetInstructions,
+  typedAssets: typedAnimationAssetSummary,
+  requiredTypedAssets: requiredAnimationCharacterAssets,
+  missingTypedAssets: missingAnimationCharacterAssets,
+  assetCommands: publicAnimationAssetInstructions,
   bridgeIssues,
   promptAnimationEvidence,
   publishReadiness,
   releaseFacingViews: ["sample-episode-visual"],
   rejectedViews: ["concept-2-5d", "puppet-2d", "image-puppet"],
   rejectedViewReason:
-    "Rejected 1.0.10 puppet/parallax experiments are quarantined from the release-facing cartoon-channel route because still-image parallax, flat cutout motion, and notTrue3D proof cannot satisfy Aura3D 1.1 cartoon animation readiness.",
+    "Rejected 1.0.10 puppet/parallax experiments are quarantined from the release-facing animation-channel route because still-image parallax, flat cutout motion, and notTrue3D proof cannot satisfy Aura3D 1.1 animation animation readiness.",
   sourceProofs: {
     captionFrameSyncSourceProof,
     visemeFrameSyncSourceProof,
@@ -195,7 +195,7 @@ window.__AURA3D_CARTOON_TEMPLATE__ = {
     return app.diagnostics();
   },
   sampleAt(time: number) {
-    return sampleCartoonRouteAt(time);
+    return sampleAnimationRouteAt(time);
   }
 };
 
@@ -214,13 +214,13 @@ installShotPlayback(app, shotPlaybackPlan, {
 function createCharacterBody(
   id: "miko" | "luma",
   name: string,
-  assetKey: CartoonAssetKey,
+  assetKey: AnimationAssetKey,
   position: readonly [number, number, number],
   fallbackScale: readonly [number, number, number],
   modelScale: number,
   color: string
 ) {
-  const asset = typedCartoonAssets[assetKey];
+  const asset = typedAnimationAssets[assetKey];
   const runtime = game.runtimeNode(id, { tags: ["character", id, asset ? "typed-asset" : "primitive-fallback"] });
   if (asset) {
     return model(asset, { name: `${name} typed character asset` })
@@ -250,7 +250,7 @@ function createMouthCard(id: "miko:mouth" | "luma:mouth", name: string, position
     .runtime(game.runtimeNode(id, { tags: ["mouth", "primitive", name.toLowerCase()] }));
 }
 
-function createAuraRenderedCartoonScene() {
+function createAuraRenderedAnimationScene() {
   const skyMat = material.emissive({ color: "#0a2941", emissive: "#0f4765", emissiveIntensity: 0.18 });
   const gardenMat = material.pbr({ color: "#17493e", roughness: 0.64, metallic: 0.02 });
   const pathMat = material.clearcoat({ color: "#526b62", roughness: 0.2, clearcoat: 0.4 });
@@ -262,7 +262,7 @@ function createAuraRenderedCartoonScene() {
     primitives.plane({ name: "Aura3D moon garden sky plate", material: skyMat }).position(0, 1.35, -2.15).rotate(-0.04, 0, 0).scale([5.8, 1, 2.5]),
     primitives.sphere({ name: "Aura3D glowing moon portal core", material: moonMat }).position(0, 1.35, -1.95).scale([0.62, 0.62, 0.04]),
     primitives.torus({ name: "Aura3D moon portal rim", material: bloomCyan }).position(0, 1.35, -1.94).scale([0.78, 0.78, 0.026]),
-    ...createCartoonCitySilhouette(),
+    ...createAnimationCitySilhouette(),
     primitives.plane({ name: "Aura3D moon garden floor", material: gardenMat }).position(0, -0.02, -0.45).scale([4.8, 1, 2.6]),
     primitives.cylinder({ name: "Aura3D curved garden mound", material: gardenMat }).position(0, 0.03, -0.64).scale([1.72, 0.08, 0.74]),
     primitives.box({ name: "Aura3D warm stone path", material: pathMat }).position(0, 0.06, 0.1).scale([1.58, 0.04, 0.28]),
@@ -278,7 +278,7 @@ function createAuraRenderedCartoonScene() {
   ];
 }
 
-function createCartoonCitySilhouette() {
+function createAnimationCitySilhouette() {
   const mat = material.pbr({ color: "#071825", roughness: 0.88, metallic: 0.04 });
   return [-2.2, -1.45, -0.62, 0.38, 1.25, 2.04].map((x, index) =>
     primitives.box({ name: `Aura3D rounded distant city tower ${index + 1}`, material: mat })
@@ -308,7 +308,7 @@ function createMoonLilies() {
   ];
 }
 
-function sampleCartoonRouteAt(time: number) {
+function sampleAnimationRouteAt(time: number) {
   const bridgeSample = sampleAuraVoiceBridgeAtTime(auraVoicePackage, time);
   const playbackSample = sampleShotPlaybackPlan(shotPlaybackPlan, time);
   const caption = captionCueAtTime(episode.captionTrack, time);

package/templates/{cartoon-channel → animation-channel}/src/render-plan.ts

@@ -5,8 +5,8 @@ import {
   createAuraVoiceVisemeTrack,
   createCaptionTimingProof,
   createGlbBlendshapeVisemeCue,
-  createCartoonPerformanceCoverage,
-  createCartoonRenderOutputPackageMetadata,
+  createAnimationPerformanceCoverage,
+  createAnimationRenderOutputPackageMetadata,
   createPrimitiveMouthVisemeCues,
   createPromptAnimationDeterministicScreenshotFixtureMetadata,
   evaluatePromptAnimationPublishReadiness,
@@ -21,10 +21,10 @@ import {
   episode,
   episodeAudioCues,
   episodeContractId,
-  missingCartoonCharacterAssets,
-  publicCartoonAssetInstructions,
-  requiredCartoonCharacterAssets,
-  typedCartoonAssetSummary,
+  missingAnimationCharacterAssets,
+  publicAnimationAssetInstructions,
+  requiredAnimationCharacterAssets,
+  typedAnimationAssetSummary,
   youtubeDraftMetadata
 } from "./episode";
 
@@ -34,7 +34,7 @@ export const renderContractId = episodeContractId;
 
 export const renderPlan = episode.renderQueue;
 
-export const renderOutputPackage = createCartoonRenderOutputPackageMetadata({
+export const renderOutputPackage = createAnimationRenderOutputPackageMetadata({
   episodePlan: episode.episodePlan,
   shotTimeline: episode.shotTimeline,
   renderQueue: renderPlan,
@@ -255,7 +255,7 @@ export const phonemeVisemeDubSyncSourceProof = {
   executionBoundary: "Source harness only; actual phoneme, viseme, and dub playback proof requires rendered frame/video evidence."
 } as const;
 
-export const performanceCoverage = createCartoonPerformanceCoverage(episode.performance, episode.dialogueTrack);
+export const performanceCoverage = createAnimationPerformanceCoverage(episode.performance, episode.dialogueTrack);
 
 export const reviewPackagePaths = renderOutputPackage.reviewPackagePaths;
 
@@ -283,10 +283,10 @@ export const sampleRenderSourceWorkflow = {
   resolution: episode.episodePlan.runtime.resolution,
   shotCount: episode.shotTimeline.shots.length,
   speakingCharacterIds: Array.from(new Set(episode.dialogueTrack.lines.map((line) => line.speakerId))),
-  requiredTypedAssets: requiredCartoonCharacterAssets,
-  typedAssetSummary: typedCartoonAssetSummary,
-  missingTypedCharacterAssets: missingCartoonCharacterAssets,
-  assetCommands: publicCartoonAssetInstructions,
+  requiredTypedAssets: requiredAnimationCharacterAssets,
+  typedAssetSummary: typedAnimationAssetSummary,
+  missingTypedCharacterAssets: missingAnimationCharacterAssets,
+  assetCommands: publicAnimationAssetInstructions,
   audioStemRoles: audioStemManifest.stems.map((stem) => stem.role),
   requiresNoManualTimingEdits: true,
   doesNotClaimRenderedArtifacts: true,
@@ -357,7 +357,7 @@ export const sampleRenderSourceWorkflow = {
     "Fresh scaffold npm run build output",
     "Browser route health and storyboard playback output",
     "Typed character GLBs added through src/aura-assets.ts",
-    "npx @aura3d/cli@latest assets validate-cartoon output",
+    "npx @aura3d/cli@latest assets validate-animation output",
     "Actual 60-second MP4/WebM render artifact",
     "Actual thumbnail artifact captured from the same Aura3D scene state",
     "Actual captions/timeline/audio-stems/evidence JSON files with hashes",

package/templates/{cartoon-channel → animation-channel}/src/sample-episode-visual.css

@@ -163,7 +163,7 @@ body {
   right: 18%;
 }
 
-.cartoon-robot {
+.animation-robot {
   --accent: #7de2ff;
   --shadow: rgba(125, 226, 255, 0.28);
   position: absolute;
@@ -178,7 +178,7 @@ body {
     right 420ms ease;
 }
 
-.sample-episode[data-uses-typed-assets="true"] .cartoon-robot {
+.sample-episode[data-uses-typed-assets="true"] .animation-robot {
   display: none;
 }
 
@@ -188,41 +188,41 @@ body {
 .sample-episode[data-uses-typed-assets="true"] .sample-episode__path,
 .sample-episode[data-uses-typed-assets="true"] .sample-episode__stones,
 .sample-episode[data-uses-typed-assets="true"] .sample-episode__flowers,
-.sample-episode[data-uses-typed-assets="true"] .cartoon-broom {
+.sample-episode[data-uses-typed-assets="true"] .animation-broom {
   display: none;
 }
 
-.cartoon-robot--miko {
+.animation-robot--miko {
   left: 26%;
 }
 
-.cartoon-robot--luma {
+.animation-robot--luma {
   --accent: #ffe18e;
   --shadow: rgba(255, 225, 142, 0.32);
   right: 26%;
 }
 
-.sample-episode[data-shot-id="shot-glow-stone-teamwork"] .cartoon-robot--miko {
+.sample-episode[data-shot-id="shot-glow-stone-teamwork"] .animation-robot--miko {
   transform: translateX(8%) rotate(-6deg);
 }
 
-.sample-episode[data-shot-id="shot-glow-stone-teamwork"] .cartoon-robot--luma {
+.sample-episode[data-shot-id="shot-glow-stone-teamwork"] .animation-robot--luma {
   transform: translateX(-8%) rotate(5deg);
 }
 
-.sample-episode[data-shot-id="shot-moon-garden-finish"] .cartoon-robot--miko {
+.sample-episode[data-shot-id="shot-moon-garden-finish"] .animation-robot--miko {
   transform: translateX(14%) scale(1.05);
 }
 
-.sample-episode[data-shot-id="shot-moon-garden-finish"] .cartoon-robot--luma {
+.sample-episode[data-shot-id="shot-moon-garden-finish"] .animation-robot--luma {
   transform: translateX(-14%) scale(1.05);
 }
 
-.cartoon-robot__antenna,
-.cartoon-robot__head,
-.cartoon-robot__body,
-.cartoon-robot__arm,
-.cartoon-robot__leg {
+.animation-robot__antenna,
+.animation-robot__head,
+.animation-robot__body,
+.animation-robot__arm,
+.animation-robot__leg {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -232,7 +232,7 @@ body {
   border: 2px solid rgba(255, 255, 255, 0.38);
 }
 
-.cartoon-robot__antenna {
+.animation-robot__antenna {
   top: 0;
   width: 8%;
   height: 10%;
@@ -240,14 +240,14 @@ body {
   box-shadow: 0 -10px 0 -2px var(--accent);
 }
 
-.cartoon-robot__head {
+.animation-robot__head {
   top: 9%;
   width: 58%;
   height: 26%;
   border-radius: 42% 42% 36% 36%;
 }
 
-.cartoon-robot__eye {
+.animation-robot__eye {
   position: absolute;
   top: 40%;
   width: 10%;
@@ -257,15 +257,15 @@ body {
   box-shadow: 0 0 10px rgba(6, 16, 31, 0.45);
 }
 
-.cartoon-robot__eye--left {
+.animation-robot__eye--left {
   left: 34%;
 }
 
-.cartoon-robot__eye--right {
+.animation-robot__eye--right {
   right: 34%;
 }
 
-.cartoon-robot__mouth {
+.animation-robot__mouth {
   position: absolute;
   left: 50%;
   bottom: 21%;
@@ -276,57 +276,57 @@ body {
   background: #f8fff2;
 }
 
-.sample-episode[data-speaker="miko"] .cartoon-robot--miko .cartoon-robot__mouth,
-.sample-episode[data-speaker="luma"] .cartoon-robot--luma .cartoon-robot__mouth {
+.sample-episode[data-speaker="miko"] .animation-robot--miko .animation-robot__mouth,
+.sample-episode[data-speaker="luma"] .animation-robot--luma .animation-robot__mouth {
   height: 14%;
   bottom: 17%;
 }
 
-.cartoon-robot__body {
+.animation-robot__body {
   top: 38%;
   width: 70%;
   height: 33%;
   border-radius: 28% 28% 34% 34%;
 }
 
-.cartoon-robot__arm {
+.animation-robot__arm {
   top: 42%;
   width: 15%;
   height: 34%;
   border-radius: 999px;
 }
 
-.cartoon-robot__arm--left {
+.animation-robot__arm--left {
   left: 12%;
   transform: rotate(22deg);
 }
 
-.cartoon-robot__arm--right {
+.animation-robot__arm--right {
   left: auto;
   right: 12%;
   transform: rotate(-22deg);
 }
 
-.sample-episode[data-shot-id="shot-glow-stone-teamwork"] .cartoon-robot__arm--right {
+.sample-episode[data-shot-id="shot-glow-stone-teamwork"] .animation-robot__arm--right {
   transform: rotate(-54deg);
 }
 
-.cartoon-robot__leg {
+.animation-robot__leg {
   top: 70%;
   width: 17%;
   height: 28%;
   border-radius: 999px;
 }
 
-.cartoon-robot__leg--left {
+.animation-robot__leg--left {
   left: 36%;
 }
 
-.cartoon-robot__leg--right {
+.animation-robot__leg--right {
   left: 62%;
 }
 
-.cartoon-broom {
+.animation-broom {
   position: absolute;
   z-index: 6;
   left: 42%;
@@ -339,7 +339,7 @@ body {
   box-shadow: 0 0 18px rgba(125, 226, 255, 0.48);
 }
 
-.cartoon-broom::after {
+.animation-broom::after {
   content: "";
   position: absolute;
   right: -8%;
@@ -351,7 +351,7 @@ body {
   background: #ffe18e;
 }
 
-.sample-episode[data-shot-id="shot-moon-garden-open"] .cartoon-broom {
+.sample-episode[data-shot-id="shot-moon-garden-open"] .animation-broom {
   opacity: 0.35;
 }
 
@@ -451,7 +451,7 @@ body {
     font-size: 10px;
   }
 
-  .cartoon-robot {
+  .animation-robot {
     min-width: 88px;
   }
 }

package/templates/{cartoon-channel → animation-channel}/src/sample-episode-visual.ts

@@ -1,6 +1,6 @@
 import { episode, episodeSampleDescription, youtubeDraftMetadata } from "./episode";
 
-export interface CartoonRouteSampleForVisual {
+export interface AnimationRouteSampleForVisual {
   readonly time: number;
   readonly frame: number;
   readonly shotId?: string;
@@ -16,7 +16,7 @@ export interface CartoonRouteSampleForVisual {
 }
 
 export interface SampleEpisodeVisualOptions {
-  readonly sampleAt: (time: number) => CartoonRouteSampleForVisual;
+  readonly sampleAt: (time: number) => AnimationRouteSampleForVisual;
   readonly duration: number;
   readonly fixedTime?: number;
   readonly usesTypedAssets?: boolean;
@@ -26,7 +26,7 @@ export function installSampleEpisodeVisual(options: SampleEpisodeVisualOptions)
   const root = document.createElement("section");
   root.id = "sample-episode-visual";
   root.className = "sample-episode";
-  root.setAttribute("aria-label", "Aura3D cartoon sample episode preview");
+  root.setAttribute("aria-label", "Aura3D animation sample episode preview");
   root.innerHTML = `
     <div class="sample-episode__frame">
       <div class="sample-episode__aura-host-slot" data-aura-host-slot></div>
@@ -38,10 +38,10 @@ export function installSampleEpisodeVisual(options: SampleEpisodeVisualOptions)
       <div class="sample-episode__flowers" aria-hidden="true"></div>
       ${robotMarkup("miko", "Miko")}
       ${robotMarkup("luma", "Luma")}
-      <div class="cartoon-broom" aria-hidden="true"></div>
+      <div class="animation-broom" aria-hidden="true"></div>
       <h1 class="sample-episode__title">${escapeHtml(episode.episodePlan.title)}</h1>
       <div class="sample-episode__shot" data-sample-shot-label>Shot 1 / 3</div>
-      <div class="sample-episode__proof">Aura3D cartoon contract · captions · visemes · render queue</div>
+      <div class="sample-episode__proof">Aura3D animation contract · captions · visemes · render queue</div>
       <div class="sample-episode__caption" data-sample-caption></div>
       <div class="sample-episode__timeline" aria-hidden="true">
         <span class="sample-episode__timeline-fill" data-sample-progress></span>
@@ -75,7 +75,7 @@ export function installSampleEpisodeVisual(options: SampleEpisodeVisualOptions)
     root.dataset.speaker = speaker;
     root.dataset.visemeId = sample.visemeId ?? "";
     root.dataset.usesTypedAssets = options.usesTypedAssets ? "true" : "false";
-    root.dataset.cartoonSampleEpisode = "moon-garden-cleanup";
+    root.dataset.animationSampleEpisode = "moon-garden-cleanup";
     root.dataset.youtubeDraftTitle = youtubeDraftMetadata.title;
 
     if (caption) {
@@ -88,7 +88,7 @@ export function installSampleEpisodeVisual(options: SampleEpisodeVisualOptions)
       progress.style.setProperty("--progress", `${progressPercent}%`);
     }
 
-    window.__AURA3D_CARTOON_SAMPLE_EPISODE__ = {
+    window.__AURA3D_ANIMATION_SAMPLE_EPISODE__ = {
       contractId: episodeSampleDescription.contractId,
       episodeId: episode.episodePlan.episodeId,
       title: episode.episodePlan.title,
@@ -122,12 +122,12 @@ export function installSampleEpisodeVisual(options: SampleEpisodeVisualOptions)
 
 declare global {
   interface Window {
-    __AURA3D_CARTOON_SAMPLE_EPISODE__?: {
+    __AURA3D_ANIMATION_SAMPLE_EPISODE__?: {
       readonly contractId: string;
       readonly episodeId: string;
       readonly title: string;
       readonly route: string;
-      readonly sample: CartoonRouteSampleForVisual;
+      readonly sample: AnimationRouteSampleForVisual;
       readonly visualLayer: {
         readonly id: string;
         readonly deterministicSampleTime: number | null;
@@ -144,18 +144,18 @@ declare global {
 
 function robotMarkup(id: "miko" | "luma", label: string) {
   return `
-    <div class="cartoon-robot cartoon-robot--${id}" role="img" aria-label="${label} cartoon robot">
-      <span class="cartoon-robot__antenna"></span>
-      <span class="cartoon-robot__head">
-        <span class="cartoon-robot__eye cartoon-robot__eye--left"></span>
-        <span class="cartoon-robot__eye cartoon-robot__eye--right"></span>
-        <span class="cartoon-robot__mouth"></span>
+    <div class="animation-robot animation-robot--${id}" role="img" aria-label="${label} animation robot">
+      <span class="animation-robot__antenna"></span>
+      <span class="animation-robot__head">
+        <span class="animation-robot__eye animation-robot__eye--left"></span>
+        <span class="animation-robot__eye animation-robot__eye--right"></span>
+        <span class="animation-robot__mouth"></span>
       </span>
-      <span class="cartoon-robot__body"></span>
-      <span class="cartoon-robot__arm cartoon-robot__arm--left"></span>
-      <span class="cartoon-robot__arm cartoon-robot__arm--right"></span>
-      <span class="cartoon-robot__leg cartoon-robot__leg--left"></span>
-      <span class="cartoon-robot__leg cartoon-robot__leg--right"></span>
+      <span class="animation-robot__body"></span>
+      <span class="animation-robot__arm animation-robot__arm--left"></span>
+      <span class="animation-robot__arm animation-robot__arm--right"></span>
+      <span class="animation-robot__leg animation-robot__leg--left"></span>
+      <span class="animation-robot__leg animation-robot__leg--right"></span>
     </div>
   `;
 }

package/templates/{cartoon-channel → animation-channel}/tests/concept-2-5d-animation.spec.ts

@@ -8,9 +8,9 @@ test("2.5D animation recording lane is disabled for release-facing proof", async
 
   const proof = await page.evaluate(() => ({
     rejectedViews: (window as unknown as {
-      __AURA3D_CARTOON_TEMPLATE__?: { readonly rejectedViews?: readonly string[]; readonly rejectedViewReason?: string };
-    }).__AURA3D_CARTOON_TEMPLATE__?.rejectedViews ?? [],
-    conceptProof: (window as unknown as { __AURA3D_CARTOON_2_5D_PROOF__?: unknown }).__AURA3D_CARTOON_2_5D_PROOF__
+      __AURA3D_ANIMATION_TEMPLATE__?: { readonly rejectedViews?: readonly string[]; readonly rejectedViewReason?: string };
+    }).__AURA3D_ANIMATION_TEMPLATE__?.rejectedViews ?? [],
+    conceptProof: (window as unknown as { __AURA3D_ANIMATION_2_5D_PROOF__?: unknown }).__AURA3D_ANIMATION_2_5D_PROOF__
   }));
 
   expect(proof.conceptProof).toBeUndefined();

package/templates/{cartoon-channel → animation-channel}/tests/concept-2-5d.spec.ts

@@ -1,6 +1,6 @@
 import { expect, test } from "@playwright/test";
 
-test("2.5D concept query is quarantined from the release-facing cartoon route", async ({ page }) => {
+test("2.5D concept query is quarantined from the release-facing animation route", async ({ page }) => {
   await page.setViewportSize({ width: 1440, height: 900 });
   await page.goto("/?view=concept-2-5d&sampleTime=24&parallax=0.78&animateParallax=1");
 
@@ -9,16 +9,16 @@ test("2.5D concept query is quarantined from the release-facing cartoon route",
   await expect(page.locator("[data-sample-caption]")).toContainText(/tiny circle|stones|cleanup/i);
 
   const quarantine = await page.evaluate(() => ({
-    releaseFacingView: document.body.dataset.cartoonReleaseFacingView,
-    rejectedViews: document.body.dataset.cartoonRejectedViews,
-    conceptProof: (window as unknown as { __AURA3D_CARTOON_2_5D_PROOF__?: unknown }).__AURA3D_CARTOON_2_5D_PROOF__,
+    releaseFacingView: document.body.dataset.animationReleaseFacingView,
+    rejectedViews: document.body.dataset.animationRejectedViews,
+    conceptProof: (window as unknown as { __AURA3D_ANIMATION_2_5D_PROOF__?: unknown }).__AURA3D_ANIMATION_2_5D_PROOF__,
     template: (window as unknown as {
-      __AURA3D_CARTOON_TEMPLATE__?: {
+      __AURA3D_ANIMATION_TEMPLATE__?: {
         readonly releaseFacingViews?: readonly string[];
         readonly rejectedViews?: readonly string[];
         readonly rejectedViewReason?: string;
       };
-    }).__AURA3D_CARTOON_TEMPLATE__
+    }).__AURA3D_ANIMATION_TEMPLATE__
   }));
 
   expect(quarantine.releaseFacingView).toBe("sample-episode-visual");

package/templates/{cartoon-channel → animation-channel}/tests/image-puppet-animation.spec.ts

@@ -8,9 +8,9 @@ test("image-puppet animation recording lane cannot produce release-facing proof"
 
   const proof = await page.evaluate(() => ({
     rejectedViews: (window as unknown as {
-      __AURA3D_CARTOON_TEMPLATE__?: { readonly rejectedViews?: readonly string[]; readonly rejectedViewReason?: string };
-    }).__AURA3D_CARTOON_TEMPLATE__?.rejectedViews ?? [],
-    imagePuppetProof: (window as unknown as { __AURA3D_CARTOON_IMAGE_PUPPET_PROOF__?: unknown }).__AURA3D_CARTOON_IMAGE_PUPPET_PROOF__
+      __AURA3D_ANIMATION_TEMPLATE__?: { readonly rejectedViews?: readonly string[]; readonly rejectedViewReason?: string };
+    }).__AURA3D_ANIMATION_TEMPLATE__?.rejectedViews ?? [],
+    imagePuppetProof: (window as unknown as { __AURA3D_ANIMATION_IMAGE_PUPPET_PROOF__?: unknown }).__AURA3D_ANIMATION_IMAGE_PUPPET_PROOF__
   }));
 
   expect(proof.imagePuppetProof).toBeUndefined();

package/templates/{cartoon-channel → animation-channel}/tests/image-puppet.spec.ts

@@ -9,16 +9,16 @@ test("image-puppet query is kept as rejected evidence and does not mount a cutou
   await expect(page.locator("[data-source-cutout]")).toHaveCount(0);
 
   const quarantine = await page.evaluate(() => ({
-    imagePuppetProof: (window as unknown as { __AURA3D_CARTOON_IMAGE_PUPPET_PROOF__?: unknown }).__AURA3D_CARTOON_IMAGE_PUPPET_PROOF__,
-    sampleProof: (window as unknown as { __AURA3D_CARTOON_SAMPLE_EPISODE__?: { visualLayer?: { renderedBy?: string } } })
-      .__AURA3D_CARTOON_SAMPLE_EPISODE__,
+    imagePuppetProof: (window as unknown as { __AURA3D_ANIMATION_IMAGE_PUPPET_PROOF__?: unknown }).__AURA3D_ANIMATION_IMAGE_PUPPET_PROOF__,
+    sampleProof: (window as unknown as { __AURA3D_ANIMATION_SAMPLE_EPISODE__?: { visualLayer?: { renderedBy?: string } } })
+      .__AURA3D_ANIMATION_SAMPLE_EPISODE__,
     template: (window as unknown as {
-      __AURA3D_CARTOON_TEMPLATE__?: {
+      __AURA3D_ANIMATION_TEMPLATE__?: {
         readonly releaseFacingViews?: readonly string[];
         readonly rejectedViews?: readonly string[];
         readonly rejectedViewReason?: string;
       };
-    }).__AURA3D_CARTOON_TEMPLATE__
+    }).__AURA3D_ANIMATION_TEMPLATE__
   }));
 
   expect(quarantine.imagePuppetProof).toBeUndefined();

package/templates/{cartoon-channel → animation-channel}/tests/puppet-2d-animation.spec.ts

@@ -8,9 +8,9 @@ test("2D puppet recording lane remains negative evidence only", async ({ page })
 
   const proof = await page.evaluate(() => ({
     rejectedViews: (window as unknown as {
-      __AURA3D_CARTOON_TEMPLATE__?: { readonly rejectedViews?: readonly string[]; readonly rejectedViewReason?: string };
-    }).__AURA3D_CARTOON_TEMPLATE__?.rejectedViews ?? [],
-    puppetProof: (window as unknown as { __AURA3D_CARTOON_2D_PUPPET_PROOF__?: unknown }).__AURA3D_CARTOON_2D_PUPPET_PROOF__
+      __AURA3D_ANIMATION_TEMPLATE__?: { readonly rejectedViews?: readonly string[]; readonly rejectedViewReason?: string };
+    }).__AURA3D_ANIMATION_TEMPLATE__?.rejectedViews ?? [],
+    puppetProof: (window as unknown as { __AURA3D_ANIMATION_2D_PUPPET_PROOF__?: unknown }).__AURA3D_ANIMATION_2D_PUPPET_PROOF__
   }));
 
   expect(proof.puppetProof).toBeUndefined();