@odori/cli 0.0.7 → 0.0.8

package/dist/{registry-snapshot-ADKSTGDR.js → registry-snapshot-GV6FFZXV.js}

@@ -258,27 +258,110 @@ var registry_snapshot_default = {
       }
     },
     {
-      name: "bed-energetic",
-      description: "Loud and rhythmic, for a launch. Mixed hot, so give it a lower gain.",
+      name: "bed-drift",
+      description: "A pad that breathes instead of keeping time, for narration to pace.",
       registryDependencies: [],
       files: [
         {
-          path: "components/bed-energetic/bed-energetic.preview.tsx",
-          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [\n  0.65, 0.93, 1, 0.94, 0.93, 1, 0.96, 0.93, 1, 0.95, 1, 0.51, 0.97, 1, 0.95, 0.84, 1, 0.94, 1, 0.96, 0.95, 1,\n  0.97, 0.94, 1, 1, 0.66, 1, 0.96, 1, 1, 0.94, 0.91, 0.92, 0.96, 1, 0.96, 1, 0.99, 0.99, 1, 0.95, 1, 0.98, 0.92,\n  0.89, 1, 0.9, 0.99, 0.97, 0.88, 1, 0.91, 1, 0.99, 0.94, 1, 0.95, 0.97, 0.97, 1, 0.98, 1, 0.91, 0.99, 0.94, 0.94,\n  0.99, 0.99, 0.97, 0.97, 0.96, 0.9, 1, 0.67, 1, 0.94, 1, 1, 0.95, 0.88, 1, 0.96, 0.99, 1, 0.98, 1, 0.7, 0.96, 1,\n  0.96, 0.81, 1, 0.95, 1, 0.7, 0.96, 0.94, 0.94, 0.85, 1, 0.96, 1, 0.94, 0.98, 0.98, 0.91, 0.96, 1, 0.96, 0.94, 1,\n  0.97, 1, 0.96, 0.94, 1, 0.81, 0.55, 0.34,\n];\n\nexport default defineComponentPreview({\n  title: "Energetic bed",\n  category: "Sound/Beds",\n  description: "Loud and rhythmic, for a launch. Mixed hot, so give it a lower gain.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.energetic" seconds={45} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
-          target: "videos/components/bed-energetic/bed-energetic.preview.tsx"
+          path: "components/bed-drift/bed-drift.tsx",
+          content: 'import {chord, defineCue, gain, lowPass, mix, noise, normalize, note, pad, sequence, sine, type CueDefinition} from "odori";\n\nexport type BedDriftOptions = {\n  /** Root of the home chord, as a note name. */\n  root?: string;\n  /** Peak level before the mix normalizes the whole track. */\n  peak?: number;\n};\n\n/**\n * Sixteen seconds of slow breathing: the home chord swells and lets go, and a\n * warmer chord answers it, overlapping so the seam between them is a change of\n * colour rather than an event. Nothing in it marks time \u2014 no pulse, no beat \u2014\n * which is the bed for a cut that narration is already pacing.\n *\n * Everything sits below the voice: the pads are low passed under a kilohertz,\n * the drone is an octave under the root, and the air is closer to room tone\n * than to texture.\n */\nexport const bedDrift = ({root = "a2", peak = 0.5}: BedDriftOptions = {}): CueDefinition => {\n  // One breath is four seconds. Two breaths each way is the phrase.\n  const breath = 4 * 48000;\n  const samples = breath * 4;\n\n  // The answering chord, a major third below: the relative major seventh,\n  // which agrees with the home chord about every note but one.\n  const answer = note(root) * 2 ** (-4 / 12);\n\n  return defineCue({\n    name: "bed.drift",\n    durationInFrames: Math.round((samples / 48000) * 30),\n    loops: true,\n    params: {root, peak},\n    render: () =>\n      normalize(\n        mix(\n          // The two swells, placed so one rises while the other releases.\n          sequence(\n            [\n              {\n                at: 0,\n                length: 2.5,\n                play: (length: number) =>\n                  lowPass(pad(chord(root, "minor7"), length, {envelope: {attack: 3.5, sustain: 1, release: 4}}), 850),\n                gain: 0.85,\n              },\n              {\n                at: 1.5,\n                length: 2.5,\n                play: (length: number) =>\n                  lowPass(pad(chord(answer, "major7"), length, {envelope: {attack: 3.5, sustain: 1, release: 4}}), 850),\n                gain: 0.7,\n              },\n            ],\n            {bpm: 60, division: 1, samples},\n          ),\n          // A drone an octave down holds through both, which is what makes the\n          // chord change read as weather rather than as a cut.\n          gain(sine(samples, note(root) / 2), 0.16),\n          // Room tone. Just enough that silence between swells is not digital.\n          gain(lowPass(noise(samples, 7), 350), 0.05),\n        ),\n        peak,\n      ),\n  });\n};\n',
+          target: "videos/components/bed-drift/bed-drift.tsx"
+        },
+        {
+          path: "components/bed-drift/bed-drift.preview.tsx",
+          content: 'import {CueWave, defineComponentPreview} from "odori/preview";\nimport {bedDrift, type BedDriftOptions} from "./bed-drift";\n\nconst Wave = ({root, peak}: BedDriftOptions) => <CueWave cue={bedDrift({root, peak})} />;\n\nexport default defineComponentPreview({\n  title: "Drift bed",\n  category: "Sound/Beds",\n  description: "A pad that breathes instead of keeping time, for narration to pace.",\n  component: Wave,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  controls: {\n    root: {type: "select", defaultValue: "a2", options: ["f2", "g2", "a2", "c3"]},\n    peak: {type: "number", defaultValue: 0.5, min: 0.1, max: 1, step: 0.05},\n  },\n  examples: [{name: "Default", props: {}}, {name: "Lower", props: {root: "f2"}}],\n});\n',
+          target: "videos/components/bed-drift/bed-drift.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "cue",
+        family: "Sound",
+        namespaced: "@odori/bed-drift",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 480,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "the waveform renders without a playhead",
+          requires: {
+            fonts: [
+              "mono"
+            ],
+            audio: []
+          },
+          loops: true
+        },
+        cue: {
+          name: "bed.drift",
+          export: "bedDrift"
+        }
+      }
+    },
+    {
+      name: "bed-horizons",
+      description: "Steady and wide, for a cut that wants scale without hurry.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/bed-horizons/bed-horizons.preview.tsx",
+          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [0.45, 0.44, 0.42, 0.4, 0.44, 0.42, 0.44, 0.48, 0.44, 0.45, 0.47, 0.42, 0.46, 0.43, 0.45, 0.38, 0.44, 0.43, 0.41, 0.36, 0.34, 0.38, 0.34, 0.37, 0.39, 0.4, 0.4, 0.37, 0.35, 0.24, 0.25, 0.22, 0.38, 0.41, 0.45, 0.39, 0.4, 0.47, 0.39, 0.4, 0.4, 0.43, 0.47, 0.41, 0.4, 0.44, 0.36, 0.4, 0.37, 0.4, 0.43, 0.46, 0.43, 0.42, 0.4, 0.41, 0.44, 0.43, 0.4, 0.38, 0.46, 0.41, 0.46, 0.3, 0.44, 0.49, 0.45, 0.41, 0.41, 0.46, 0.41, 0.47, 0.42, 0.47, 0.45, 0.44, 0.42, 0.41, 0.41, 0.41, 0.39, 0.4, 0.44, 0.4, 0.43, 0.43, 0.44, 0.44, 0.38, 0.44, 0.4, 0.38, 0.37, 0.41, 0.36, 0.32, 0.39, 0.38, 0.39, 0.4, 0.45, 0.39, 0.42, 0.44, 0.4, 0.48, 0.39, 0.43, 0.39, 0.47, 0.44, 0.44, 0.46, 0.25, 0.16, 0.09, 0.06, 0.01, 0.0, 0.0, 0.0];\n\nexport default defineComponentPreview({\n  title: "New Horizons",\n  category: "Sound/Beds",\n  description: "Steady and wide, for a cut that wants scale without hurry.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.horizons" seconds={60} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
+          target: "videos/components/bed-horizons/bed-horizons.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "asset",
+        family: "Sound",
+        namespaced: "@odori/bed-horizons",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 1800,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "the waveform renders without a playhead",
+          requires: {
+            fonts: [
+              "mono"
+            ],
+            audio: []
+          },
+          loops: false
+        }
+      }
+    },
+    {
+      name: "bed-innovation",
+      description: "Confident and even, for a product walking through its paces.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/bed-innovation/bed-innovation.preview.tsx",
+          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [0.26, 0.24, 0.18, 0.24, 0.25, 0.35, 0.32, 0.35, 0.26, 0.24, 0.34, 0.21, 0.22, 0.19, 0.26, 0.41, 0.26, 0.32, 0.23, 0.29, 0.35, 0.36, 0.24, 0.3, 0.31, 0.41, 0.34, 0.33, 0.26, 0.3, 0.24, 0.31, 0.25, 0.2, 0.27, 0.31, 0.27, 0.31, 0.24, 0.24, 0.48, 0.35, 0.47, 0.46, 0.51, 0.47, 0.36, 0.45, 0.46, 0.46, 0.52, 0.44, 0.49, 0.45, 0.46, 0.28, 0.48, 0.53, 0.38, 0.45, 0.38, 0.43, 0.45, 0.45, 0.52, 0.46, 0.45, 0.48, 0.43, 0.41, 0.51, 0.43, 0.5, 0.42, 0.48, 0.43, 0.45, 0.48, 0.4, 0.4, 0.47, 0.52, 0.49, 0.4, 0.42, 0.49, 0.47, 0.49, 0.39, 0.43, 0.46, 0.43, 0.51, 0.44, 0.45, 0.48, 0.46, 0.36, 0.47, 0.49, 0.51, 0.5, 0.32, 0.25, 0.2, 0.13, 0.08, 0.07, 0.04, 0.03, 0.02, 0.01, 0.01, 0.01, 0.01, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0];\n\nexport default defineComponentPreview({\n  title: "Innovation Unveiled",\n  category: "Sound/Beds",\n  description: "Confident and even, for a product walking through its paces.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.innovation" seconds={60} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
+          target: "videos/components/bed-innovation/bed-innovation.preview.tsx"
         }
       ],
       meta: {
         kind: "asset",
         family: "Sound",
-        namespaced: "@odori/bed-energetic",
+        namespaced: "@odori/bed-innovation",
         contract: {
           aspectRatios: [
             "16:9",
             "9:16",
             "1:1"
           ],
-          recommendedDurationInFrames: 1350,
+          recommendedDurationInFrames: 1800,
           minimumDurationInFrames: 30,
           entranceFrames: 0,
           exitFrames: 0,
@@ -294,9 +377,92 @@ var registry_snapshot_default = {
         }
       }
     },
+    {
+      name: "bed-launch",
+      description: "A build with a destination, for the run-up to a reveal.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/bed-launch/bed-launch.preview.tsx",
+          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [0.0, 0.01, 0.01, 0.02, 0.02, 0.03, 0.03, 0.03, 0.05, 0.06, 0.04, 0.03, 0.05, 0.04, 0.03, 0.05, 0.04, 0.03, 0.03, 0.03, 0.03, 0.04, 0.06, 0.04, 0.04, 0.04, 0.05, 0.05, 0.06, 0.04, 0.04, 0.46, 0.47, 0.47, 0.48, 0.5, 0.52, 0.52, 0.56, 0.56, 0.64, 0.69, 0.69, 0.67, 0.64, 0.63, 0.61, 0.57, 0.55, 0.56, 0.55, 0.53, 0.53, 0.55, 0.56, 0.52, 0.48, 0.51, 0.49, 0.48, 0.48, 0.37, 0.47, 0.45, 0.42, 0.51, 0.41, 0.47, 0.42, 0.49, 0.46, 0.45, 0.4, 0.47, 0.39, 0.44, 0.4, 0.45, 0.39, 0.44, 0.41, 0.48, 0.39, 0.44, 0.4, 0.44, 0.43, 0.38, 0.43, 0.38, 0.46, 0.44, 0.45, 0.43, 0.43, 0.43, 0.49, 0.49, 0.56, 0.44, 0.56, 0.5, 0.53, 0.47, 0.56, 0.46, 0.51, 0.44, 0.54, 0.21, 0.15, 0.08, 0.08, 0.07, 0.05, 0.04, 0.04, 0.01, 0.01, 0.0, 0.0];\n\nexport default defineComponentPreview({\n  title: "Launch Sequence",\n  category: "Sound/Beds",\n  description: "A build with a destination, for the run-up to a reveal.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.launch" seconds={60} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
+          target: "videos/components/bed-launch/bed-launch.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "asset",
+        family: "Sound",
+        namespaced: "@odori/bed-launch",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 1800,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "the waveform renders without a playhead",
+          requires: {
+            fonts: [
+              "mono"
+            ],
+            audio: []
+          },
+          loops: false
+        }
+      }
+    },
+    {
+      name: "bed-lift",
+      description: "A held chord with a quiet shimmer circling above it, for a cut with somewhere to be.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/bed-lift/bed-lift.tsx",
+          content: 'import {\n  chord,\n  defineCue,\n  gain,\n  lowPass,\n  mix,\n  normalize,\n  note,\n  pad,\n  sequence,\n  shape,\n  sine,\n  step,\n  triangle,\n  type CueDefinition,\n} from "odori";\n\nexport type BedLiftOptions = {\n  /** Tempo of the shimmer. Faster reads brighter, not louder. */\n  bpm?: number;\n  /** Root of the held chord, as a note name. */\n  root?: string;\n  /** Peak level before the mix normalizes the whole track. */\n  peak?: number;\n};\n\n/**\n * Four bars with somewhere to be: a major add9 held underneath and a quiet\n * arpeggio circling above it on the eighths. The shimmer is the point \u2014 it\n * gives a cut forward motion without a drum in sight \u2014 and it stays quiet\n * enough that it colours the bed rather than performing over it.\n *\n * The brightest voice is low passed just above a kilohertz, so the motion is\n * felt more than heard and the voice keeps the range it needs.\n */\nexport const bedLift = ({bpm = 96, root = "c3", peak = 0.55}: BedLiftOptions = {}): CueDefinition => {\n  const beat = step(bpm, 4);\n  const bars = 4;\n  const samples = beat * 4 * bars;\n\n  const tones = chord(root, "add9");\n  // The circling order: root, fifth, third, ninth. Up and never quite back.\n  const circle = [0, 2, 1, 3];\n\n  return defineCue({\n    name: "bed.lift",\n    durationInFrames: Math.round((samples / 48000) * 30),\n    loops: true,\n    params: {bpm, root, peak},\n    render: () =>\n      normalize(\n        mix(\n          // The held chord, warm and below everything.\n          gain(lowPass(pad(tones, samples, {envelope: {attack: 1.4, sustain: 1, release: 1.4}}), 1000), 0.85),\n          // The shimmer: one soft voice per eighth, an octave up, each gone\n          // before the next arrives.\n          lowPass(\n            sequence(\n              Array.from({length: 8 * bars}, (_, index) => ({\n                at: index,\n                play: (length: number) =>\n                  shape(triangle(length, tones[circle[index % circle.length]] * 2), {\n                    attack: 0.015,\n                    decay: 0.32,\n                    sustain: 0,\n                    release: 0.08,\n                  }),\n                // The bar line leans in slightly, which is all the grid a bed needs.\n                gain: index % 8 === 0 ? 0.2 : 0.12,\n              })),\n              {bpm, division: 8, samples},\n            ),\n            1600,\n          ),\n          // A floor under the root.\n          gain(sine(samples, note(root) / 2), 0.22),\n        ),\n        peak,\n      ),\n  });\n};\n',
+          target: "videos/components/bed-lift/bed-lift.tsx"
+        },
+        {
+          path: "components/bed-lift/bed-lift.preview.tsx",
+          content: 'import {CueWave, defineComponentPreview} from "odori/preview";\nimport {bedLift, type BedLiftOptions} from "./bed-lift";\n\nconst Wave = ({bpm, root, peak}: BedLiftOptions) => <CueWave cue={bedLift({bpm, root, peak})} />;\n\nexport default defineComponentPreview({\n  title: "Lift bed",\n  category: "Sound/Beds",\n  description: "A held chord with a quiet shimmer circling above it, for a cut with somewhere to be.",\n  component: Wave,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  controls: {\n    bpm: {type: "number", defaultValue: 96, min: 72, max: 128, step: 4},\n    root: {type: "select", defaultValue: "c3", options: ["a2", "c3", "d3", "f3"]},\n    peak: {type: "number", defaultValue: 0.55, min: 0.1, max: 1, step: 0.05},\n  },\n  examples: [{name: "Default", props: {}}, {name: "Slower", props: {bpm: 80}}],\n});\n',
+          target: "videos/components/bed-lift/bed-lift.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "cue",
+        family: "Sound",
+        namespaced: "@odori/bed-lift",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 300,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "the waveform renders without a playhead",
+          requires: {
+            fonts: [
+              "mono"
+            ],
+            audio: []
+          },
+          loops: true
+        },
+        cue: {
+          name: "bed.lift",
+          export: "bedLift"
+        }
+      }
+    },
     {
       name: "bed-pulse",
-      description: "A soft repeating pulse over a held chord, for narration.",
+      description: "A held chord with a heartbeat, for momentum without a groove.",
       registryDependencies: [],
       files: [
         {
@@ -306,7 +472,7 @@ var registry_snapshot_default = {
         },
         {
           path: "components/bed-pulse/bed-pulse.preview.tsx",
-          content: 'import {CueWave, defineComponentPreview} from "odori/preview";\nimport {bedPulse, type BedPulseOptions} from "./bed-pulse";\n\nconst Wave = ({bpm, root, peak}: BedPulseOptions) => <CueWave cue={bedPulse({bpm, root, peak})} />;\n\nexport default defineComponentPreview({\n  title: "Pulse bed",\n  category: "Sound/Beds",\n  description: "A soft repeating pulse over a held chord, for narration.",\n  component: Wave,\n  canvas: {width: 1920, height: 1080, duration: "6s"},\n  controls: {\n    bpm: {type: "number", defaultValue: 84, min: 60, max: 140},\n    root: {type: "select", defaultValue: "c2", options: ["a1", "c2", "d2", "f2"]},\n    peak: {type: "number", defaultValue: 0.55, min: 0.1, max: 1, step: 0.05},\n  },\n  examples: [\n    {name: "Default", props: {}},\n    {name: "Slower", props: {bpm: 68}},\n    {name: "Darker", props: {root: "a1"}},\n  ],\n});\n',
+          content: 'import {CueWave, defineComponentPreview} from "odori/preview";\nimport {bedPulse, type BedPulseOptions} from "./bed-pulse";\n\nconst Wave = ({bpm, root, peak}: BedPulseOptions) => <CueWave cue={bedPulse({bpm, root, peak})} />;\n\nexport default defineComponentPreview({\n  title: "Pulse bed",\n  category: "Sound/Beds",\n  description: "A held chord with a heartbeat, for momentum without a groove.",\n  component: Wave,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  controls: {\n    bpm: {type: "number", defaultValue: 84, min: 64, max: 112, step: 4},\n    root: {type: "select", defaultValue: "c2", options: ["a1", "c2", "d2", "f2"]},\n    peak: {type: "number", defaultValue: 0.55, min: 0.1, max: 1, step: 0.05},\n  },\n  examples: [{name: "Default", props: {}}, {name: "Slower", props: {bpm: 72}}],\n});\n',
           target: "videos/components/bed-pulse/bed-pulse.preview.tsx"
         }
       ],
@@ -321,7 +487,7 @@ var registry_snapshot_default = {
             "1:1"
           ],
           recommendedDurationInFrames: 171,
-          minimumDurationInFrames: 171,
+          minimumDurationInFrames: 30,
           entranceFrames: 0,
           exitFrames: 0,
           contentLimits: {},
@@ -341,27 +507,27 @@ var registry_snapshot_default = {
       }
     },
     {
-      name: "bed-soft-pulse",
-      description: "A pulse without a beat, for a cut that needs momentum but not tempo.",
+      name: "bed-tomorrow",
+      description: "Bright and open, for showing something new without shouting.",
       registryDependencies: [],
       files: [
         {
-          path: "components/bed-soft-pulse/bed-soft-pulse.preview.tsx",
-          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [\n  0.05, 0.07, 0.16, 0.17, 0.27, 0.38, 0.15, 0.26, 0.21, 0.31, 0.33, 0.21, 0.38, 0.3, 0.32, 0.36, 0.25, 0.3, 0.24,\n  0.2, 0.26, 0.12, 0.26, 0.21, 0.19, 0.31, 0.22, 0.35, 0.29, 0.22, 0.26, 0.2, 0.33, 0.22, 0.1, 0.24, 0.17, 0.34,\n  0.24, 0.22, 0.28, 0.26, 0.44, 0.33, 0.26, 0.33, 0.22, 0.35, 0.26, 0.18, 0.24, 0.23, 0.33, 0.29, 0.32, 0.32,\n  0.28, 0.37, 0.3, 0.27, 0.34, 0.15, 0.26, 0.17, 0.16, 0.29, 0.22, 0.3, 0.2, 0.2, 0.33, 0.24, 0.32, 0.22, 0.17,\n  0.31, 0.2, 0.35, 0.22, 0.13, 0.25, 0.13, 0.28, 0.23, 0.21, 0.33, 0.24, 0.32, 0.3, 0.29, 0.37, 0.24, 0.33, 0.29,\n  0.27, 0.36, 0.32, 0.33, 0.24, 0.21, 0.33, 0.28, 0.23, 0.13, 0.13, 0.27, 0.25, 0.27, 0.25, 0.2, 0.35, 0.28, 0.3,\n  0.18, 0.19, 0.25, 0.14, 0.15, 0.06, 0.02,\n];\n\nexport default defineComponentPreview({\n  title: "Soft pulse bed",\n  category: "Sound/Beds",\n  description: "A pulse without a beat, for a cut that needs momentum but not tempo.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.soft" seconds={48} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
-          target: "videos/components/bed-soft-pulse/bed-soft-pulse.preview.tsx"
+          path: "components/bed-tomorrow/bed-tomorrow.preview.tsx",
+          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [0.21, 0.27, 0.1, 0.24, 0.13, 0.22, 0.21, 0.31, 0.26, 0.23, 0.51, 0.38, 0.36, 0.33, 0.43, 0.5, 0.4, 0.42, 0.31, 0.56, 0.44, 0.42, 0.45, 0.39, 0.37, 0.49, 0.34, 0.36, 0.42, 0.44, 0.5, 0.46, 0.45, 0.37, 0.34, 0.54, 0.41, 0.41, 0.4, 0.52, 0.53, 0.37, 0.39, 0.39, 0.39, 0.44, 0.5, 0.39, 0.33, 0.43, 0.47, 0.49, 0.38, 0.37, 0.4, 0.42, 0.49, 0.46, 0.33, 0.49, 0.37, 0.49, 0.53, 0.36, 0.37, 0.35, 0.47, 0.39, 0.42, 0.28, 0.45, 0.42, 0.4, 0.42, 0.32, 0.45, 0.51, 0.38, 0.36, 0.37, 0.43, 0.52, 0.45, 0.37, 0.4, 0.45, 0.44, 0.52, 0.38, 0.38, 0.3, 0.47, 0.36, 0.39, 0.45, 0.42, 0.44, 0.38, 0.46, 0.41, 0.52, 0.55, 0.55, 0.52, 0.45, 0.58, 0.45, 0.57, 0.56, 0.46, 0.46, 0.34, 0.41, 0.22, 0.1, 0.09, 0.05, 0.02, 0.02, 0.0, 0.0];\n\nexport default defineComponentPreview({\n  title: "Unveiling Tomorrow",\n  category: "Sound/Beds",\n  description: "Bright and open, for showing something new without shouting.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.tomorrow" seconds={60} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
+          target: "videos/components/bed-tomorrow/bed-tomorrow.preview.tsx"
         }
       ],
       meta: {
         kind: "asset",
         family: "Sound",
-        namespaced: "@odori/bed-soft-pulse",
+        namespaced: "@odori/bed-tomorrow",
         contract: {
           aspectRatios: [
             "16:9",
             "9:16",
             "1:1"
           ],
-          recommendedDurationInFrames: 1440,
+          recommendedDurationInFrames: 1800,
           minimumDurationInFrames: 30,
           entranceFrames: 0,
           exitFrames: 0,
@@ -378,27 +544,27 @@ var registry_snapshot_default = {
       }
     },
     {
-      name: "bed-warm-minimal",
-      description: "Unhurried and low contrast. The default bed under narration.",
+      name: "bed-velocity",
+      description: "The fast one: forward motion for a cut with momentum to spend.",
       registryDependencies: [],
       files: [
         {
-          path: "components/bed-warm-minimal/bed-warm-minimal.preview.tsx",
-          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [\n  0.05, 0.1, 0.13, 0.24, 0.29, 0.27, 0.17, 0.17, 0.21, 0.3, 0.22, 0.29, 0.27, 0.33, 0.33, 0.29, 0.24, 0.21, 0.25,\n  0.2, 0.2, 0.17, 0.2, 0.19, 0.24, 0.2, 0.31, 0.22, 0.34, 0.21, 0.23, 0.28, 0.24, 0.22, 0.14, 0.23, 0.18, 0.26,\n  0.2, 0.27, 0.22, 0.32, 0.33, 0.34, 0.24, 0.24, 0.28, 0.25, 0.25, 0.23, 0.21, 0.23, 0.27, 0.27, 0.36, 0.24, 0.32,\n  0.3, 0.35, 0.3, 0.28, 0.2, 0.16, 0.2, 0.17, 0.29, 0.24, 0.2, 0.16, 0.25, 0.24, 0.31, 0.25, 0.26, 0.18, 0.18,\n  0.28, 0.25, 0.2, 0.17, 0.23, 0.15, 0.21, 0.23, 0.24, 0.21, 0.22, 0.24, 0.36, 0.29, 0.29, 0.33, 0.31, 0.32, 0.28,\n  0.45, 0.38, 0.27, 0.19, 0.31, 0.26, 0.34, 0.16, 0.2, 0.13, 0.24, 0.27, 0.24, 0.27, 0.21, 0.3, 0.29, 0.27, 0.21,\n  0.19, 0.16, 0.17, 0.09, 0.08, 0.02,\n];\n\nexport default defineComponentPreview({\n  title: "Warm minimal bed",\n  category: "Sound/Beds",\n  description: "Unhurried and low contrast. The default bed under narration.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.warm" seconds={48} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
-          target: "videos/components/bed-warm-minimal/bed-warm-minimal.preview.tsx"
+          path: "components/bed-velocity/bed-velocity.preview.tsx",
+          content: 'import {SampleWave, defineComponentPreview} from "odori/preview";\n\n/** Peaks measured from the published file, so the card draws the recording. */\nconst PEAKS = [0.15, 0.05, 0.05, 0.05, 0.04, 0.04, 0.05, 0.2, 0.08, 0.06, 0.05, 0.04, 0.06, 0.06, 0.06, 0.19, 0.07, 0.05, 0.08, 0.05, 0.07, 0.07, 0.08, 0.25, 0.09, 0.07, 0.11, 0.06, 0.08, 0.07, 0.09, 0.37, 0.54, 0.39, 0.56, 0.55, 0.64, 0.46, 0.53, 0.48, 0.52, 0.57, 0.55, 0.58, 0.55, 0.66, 0.66, 0.61, 0.56, 0.6, 0.53, 0.51, 0.51, 0.69, 0.52, 0.67, 0.59, 0.49, 0.53, 0.55, 0.61, 0.53, 0.47, 0.59, 0.64, 0.63, 0.53, 0.6, 0.56, 0.57, 0.55, 0.52, 0.62, 0.51, 0.5, 0.43, 0.48, 0.46, 0.48, 0.58, 0.53, 0.45, 0.54, 0.57, 0.46, 0.52, 0.46, 0.52, 0.54, 0.43, 0.43, 0.47, 0.43, 0.48, 0.43, 0.5, 0.44, 0.49, 0.56, 0.46, 0.53, 0.45, 0.5, 0.45, 0.46, 0.41, 0.55, 0.32, 0.39, 0.3, 0.33, 0.18, 0.1, 0.07, 0.07, 0.04, 0.03, 0.01, 0.01, 0.0, 0.0];\n\nexport default defineComponentPreview({\n  title: "Launch Velocity",\n  category: "Sound/Beds",\n  description: "The fast one: forward motion for a cut with momentum to spend.",\n  component: () => <SampleWave peaks={PEAKS} label="bed.velocity" seconds={60} />,\n  canvas: {width: 1920, height: 1080, duration: "5s"},\n  examples: [{name: "Default", props: {}}],\n});\n',
+          target: "videos/components/bed-velocity/bed-velocity.preview.tsx"
         }
       ],
       meta: {
         kind: "asset",
         family: "Sound",
-        namespaced: "@odori/bed-warm-minimal",
+        namespaced: "@odori/bed-velocity",
         contract: {
           aspectRatios: [
             "16:9",
             "9:16",
             "1:1"
           ],
-          recommendedDurationInFrames: 1440,
+          recommendedDurationInFrames: 1800,
           minimumDurationInFrames: 30,
           entranceFrames: 0,
           exitFrames: 0,
@@ -1710,6 +1876,48 @@ export default defineComponentPreview({
         }
       }
     },
+    {
+      name: "dissolve-reveal",
+      description: "A noise threshold sweeps across the frame, so content arrives as a torn edge.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/dissolve-reveal/dissolve-reveal.tsx",
+          content: 'import type {ReactNode} from "react";\nimport {EffectSurface, defineShaderEffect, numberUniform} from "odori/effects";\n\n/**\n * Anything you put inside it, arriving through a dissolve.\n *\n * A cut usually needs its content to appear, and a fade is the answer everyone\n * reaches for because it is the one CSS gives away. This is the other one: a\n * noise threshold sweeps across the frame, so the picture comes in as a torn\n * edge rather than a uniform brightening.\n *\n * The sweep runs on `progress`, so it always fills exactly the scene it is in\n * however long that scene is. `hold` keeps it complete for the rest of the\n * shot once it has arrived.\n */\nexport type DissolveRevealProps = {\n  children: ReactNode;\n  /** How much of the scene the arrival takes. 0.4 is the first two fifths. */\n  hold?: number;\n  /** Size of the torn edge. Small is grainy, large is cloudy. */\n  grain?: number;\n  /** Width of the soft edge between arrived and not. */\n  softness?: number;\n  /** Direction the sweep travels. */\n  direction?: "up" | "down" | "left" | "right";\n};\n\nconst AXIS: Record<string, [number, number]> = {\n  up: [0, -1],\n  down: [0, 1],\n  left: [-1, 0],\n  right: [1, 0],\n};\n\nconst dissolve = defineShaderEffect({\n  name: "dissolve-reveal",\n  uniforms: {\n    hold: numberUniform(0.4),\n    grain: numberUniform(9),\n    softness: numberUniform(0.22),\n    axisX: numberUniform(0),\n    axisY: numberUniform(1),\n  },\n  fragmentShader: `\nuniform float hold;\nuniform float grain;\nuniform float softness;\nuniform float axisX;\nuniform float axisY;\n\nfloat value(vec2 p) {\n  vec2 cell = floor(p);\n  vec2 f = fract(p);\n  f = f * f * (3.0 - 2.0 * f);\n  return mix(\n    mix(hash(cell), hash(cell + vec2(1.0, 0.0)), f.x),\n    mix(hash(cell + vec2(0.0, 1.0)), hash(cell + vec2(1.0, 1.0)), f.x),\n    f.y);\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy / resolution;\n  /* Where along the sweep this pixel sits, 0 at the leading edge. */\n  vec2 axis = vec2(axisX, axisY);\n  float along = dot(uv - 0.5, axis) * 0.5 + 0.5;\n\n  /* The threshold each pixel has to beat: its position plus some noise, so the\n     boundary is torn rather than straight. */\n  float threshold = along * 0.7 + value(uv * grain) * 0.3;\n\n  float swept = clamp(progress / max(hold, 0.0001), 0.0, 1.0);\n  /* A pixel is in once the sweep passes the threshold it was given. Padded at\n     both ends by the softness so the frame is genuinely empty at 0 and\n     genuinely full at 1, rather than starting or finishing part way. */\n  float front = swept * (1.0 + softness * 2.0) - softness;\n  float arrived = smoothstep(threshold - softness, threshold + softness, front);\n\n  odoriColour = tex(uv) * arrived;\n}`,\n});\n\nexport const DissolveReveal = ({\n  children,\n  hold = 0.4,\n  grain = 9,\n  softness = 0.22,\n  direction = "up",\n}: DissolveRevealProps) => {\n  const [axisX, axisY] = AXIS[direction] ?? AXIS.up;\n  return (\n    <EffectSurface effects={[dissolve({hold, grain, softness, axisX, axisY})]}>{children}</EffectSurface>\n  );\n};\n',
+          target: "videos/components/dissolve-reveal/dissolve-reveal.tsx"
+        },
+        {
+          path: "components/dissolve-reveal/dissolve-reveal.preview.tsx",
+          content: 'import {Fill, useBrand} from "odori";\nimport {defineComponentPreview} from "odori/preview";\nimport {DissolveReveal} from "./dissolve-reveal";\n\nconst Card = () => {\n  const brand = useBrand();\n  return (\n    <Fill\n      style={{\n        alignItems: "center",\n        background: brand.colors.surface,\n        color: brand.colors.foreground,\n        display: "flex",\n        fontFamily: brand.typography.display ?? brand.typography.sans,\n        fontSize: 150,\n        fontWeight: 700,\n        justifyContent: "center",\n      }}\n    >\n      Arrived\n    </Fill>\n  );\n};\n\nexport default defineComponentPreview({\n  title: "Dissolve reveal",\n  category: "Motion/Transitions",\n  description: "A noise threshold sweeps across the frame, so content arrives as a torn edge.",\n  component: DissolveReveal,\n  canvas: {width: 1920, height: 1080, duration: "3s"},\n  controls: {\n    hold: {type: "number", defaultValue: 0.4, min: 0.1, max: 1, step: 0.05},\n    grain: {type: "number", defaultValue: 9, min: 2, max: 40, step: 1},\n    softness: {type: "number", defaultValue: 0.22, min: 0.02, max: 0.6, step: 0.02},\n    direction: {type: "select", defaultValue: "up", options: ["up", "down", "left", "right"]},\n  },\n  examples: [\n    {name: "Up", props: {children: <Card />}},\n    {name: "Fine grain", props: {children: <Card />, grain: 30, softness: 0.1}},\n    {name: "Cloudy", props: {children: <Card />, grain: 3, softness: 0.45, direction: "right"}},\n  ],\n});\n',
+          target: "videos/components/dissolve-reveal/dissolve-reveal.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "component",
+        family: "Motion",
+        namespaced: "@odori/dissolve-reveal",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 90,
+          minimumDurationInFrames: 24,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "set hold to a small value so content is present almost at once",
+          requires: {
+            fonts: [],
+            audio: [],
+            graphics: [
+              "webgl2"
+            ]
+          }
+        }
+      }
+    },
     {
       name: "donut-chart",
       description: "Part-to-whole display with a stable center metric.",
@@ -2689,6 +2897,51 @@ export default defineComponentPreview({
         }
       }
     },
+    {
+      name: "liquid-title",
+      description: "A headline displaced by moving glass that settles as the shot goes on.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/liquid-title/liquid-title.tsx",
+          content: 'import {Fill, useBrand, useVideo} from "odori";\nimport {EffectSurface, defineShaderEffect, numberUniform} from "odori/effects";\n\n/**\n * A headline seen through moving glass.\n *\n * The text is ordinary HTML, set in the brand\'s display face, and the whole\n * frame is displaced by a noise field before it reaches the screen. That is\n * the point of doing it this way rather than as an SVG filter: the type stays\n * type, so it kerns and wraps and can be read by anything inspecting the DOM,\n * and only the last step is pixels.\n *\n * The distortion settles as the shot goes on, so a title arrives unreadable\n * and resolves, which is usually what this is for. Set `settle` to 0 to keep\n * it moving throughout.\n */\nexport type LiquidTitleProps = {\n  title: string;\n  /** A quieter line under the headline. */\n  detail?: string;\n  /** How far the glass pushes the picture, in pixels at 1080p. */\n  amount?: number;\n  /** Size of the ripples. Larger is slower and wider. */\n  scale?: number;\n  /** 1 resolves to clear by the end of the shot, 0 never settles. */\n  settle?: number;\n};\n\nconst liquid = defineShaderEffect({\n  name: "liquid-title",\n  uniforms: {amount: numberUniform(28), scale: numberUniform(2.2), settle: numberUniform(1)},\n  fragmentShader: `\nuniform float amount;\nuniform float scale;\nuniform float settle;\n\nfloat value(vec2 p) {\n  vec2 cell = floor(p);\n  vec2 f = fract(p);\n  f = f * f * (3.0 - 2.0 * f);\n  return mix(\n    mix(hash(cell), hash(cell + vec2(1.0, 0.0)), f.x),\n    mix(hash(cell + vec2(0.0, 1.0)), hash(cell + vec2(1.0, 1.0)), f.x),\n    f.y);\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy / resolution;\n  float t = seconds * 0.6;\n\n  /* Two noise samples a little apart give a direction to push in, rather than\n     one sample which would only ever push along one axis. */\n  vec2 p = uv * scale + vec2(t, -t * 0.7);\n  vec2 push = vec2(value(p) - 0.5, value(p + 31.7) - 0.5);\n\n  /* Eased so it lets go quickly and then creeps to nothing, which reads as\n     settling rather than as a fade. */\n  float strength = mix(1.0, pow(1.0 - progress, 2.2), settle);\n  odoriColour = tex(uv + push * (amount / resolution) * strength * 2.0);\n}`,\n});\n\nexport const LiquidTitle = ({title, detail, amount = 28, scale = 2.2, settle = 1}: LiquidTitleProps) => {\n  const brand = useBrand();\n  const {width, height} = useVideo();\n  const unit = Math.min(width, height) / 1080;\n\n  return (\n    <EffectSurface effects={[liquid({amount, scale, settle})]}>\n      <Fill\n        style={{\n          alignItems: "center",\n          background: brand.colors.background,\n          display: "flex",\n          flexDirection: "column",\n          gap: 28 * unit,\n          height,\n          justifyContent: "center",\n          padding: 96 * unit,\n          width,\n        }}\n      >\n        <h1\n          style={{\n            color: brand.colors.foreground,\n            fontFamily: brand.typography.display ?? brand.typography.sans,\n            fontSize: 168 * unit,\n            fontWeight: 700,\n            letterSpacing: "-0.035em",\n            lineHeight: 1.02,\n            margin: 0,\n            textAlign: "center",\n          }}\n        >\n          {title}\n        </h1>\n        {detail ? (\n          <p\n            style={{\n              color: brand.colors.muted,\n              fontFamily: brand.typography.sans,\n              fontSize: 44 * unit,\n              margin: 0,\n              textAlign: "center",\n            }}\n          >\n            {detail}\n          </p>\n        ) : null}\n      </Fill>\n    </EffectSurface>\n  );\n};\n',
+          target: "videos/components/liquid-title/liquid-title.tsx"
+        },
+        {
+          path: "components/liquid-title/liquid-title.preview.tsx",
+          content: 'import {defineComponentPreview} from "odori/preview";\nimport {LiquidTitle} from "./liquid-title";\n\nexport default defineComponentPreview({\n  title: "Liquid title",\n  category: "Typography/Titles",\n  description: "A headline displaced by moving glass that settles as the shot goes on.",\n  component: LiquidTitle,\n  canvas: {width: 1920, height: 1080, duration: "4s"},\n  controls: {\n    title: {type: "text", defaultValue: "Author the story.", maxLength: 48},\n    detail: {type: "text", defaultValue: "Frame accurate, every render.", maxLength: 64},\n    amount: {type: "number", defaultValue: 28, min: 0, max: 90, step: 2},\n    scale: {type: "number", defaultValue: 2.2, min: 0.5, max: 8, step: 0.1},\n    settle: {type: "number", defaultValue: 1, min: 0, max: 1, step: 0.1},\n  },\n  examples: [\n    {name: "Settles", props: {}},\n    {name: "Never settles", props: {settle: 0, amount: 18}},\n    {name: "Heat haze", props: {amount: 12, scale: 6}},\n  ],\n});\n',
+          target: "videos/components/liquid-title/liquid-title.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "component",
+        family: "Typography",
+        namespaced: "@odori/liquid-title",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 120,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "set amount to 0 and the type is undisturbed",
+          requires: {
+            fonts: [
+              "display",
+              "sans"
+            ],
+            audio: [],
+            graphics: [
+              "webgl2"
+            ]
+          }
+        }
+      }
+    },
     {
       name: "log-stream",
       description: "Paced runtime logs with levels and bounded scrolling.",
@@ -2950,6 +3203,48 @@ export const MarkStack = ({color, size = 72, drawFrames = 24, style}: MarkProps)
         }
       }
     },
+    {
+      name: "mesh-gradient",
+      description: "Four colour centres blended by inverse distance, so they pass through each other cleanly.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/mesh-gradient/mesh-gradient.tsx",
+          content: 'import {Fill, useBrand, useVideo} from "odori";\nimport {EffectSurface, defineShaderEffect, numberUniform, vec3Uniform} from "odori/effects";\n\n/**\n * Four colour centres drifting past each other, blended on the GPU.\n *\n * The sibling of `gradient-field`, which does a similar job with blurred DOM\n * and repeats exactly across a cycle. This one is a shader: the centres blend\n * by inverse distance rather than by stacking blurs, so they pass through each\n * other without an edge and the falloff is a control rather than a blur\n * radius. Reach for the DOM one when a background has to loop seamlessly, and\n * this one when it has to look like a mesh gradient.\n *\n * Colours default to the brand, so it already looks like the project.\n */\nexport type MeshGradientProps = {\n  /** Two to four colours. Beyond four the extra ones are ignored. */\n  colors?: string[];\n  /** How far the centres travel. 0 holds them still. */\n  drift?: number;\n  /** How sharply one colour gives way to the next. */\n  falloff?: number;\n  /** Grain over the blend, which keeps a wide gradient from banding. */\n  grain?: number;\n};\n\nconst hexToRgb = (hex: string): [number, number, number] => {\n  const clean = hex.replace("#", "");\n  const full = clean.length === 3 ? [...clean].map((c) => c + c).join("") : clean;\n  const value = Number.parseInt(full.slice(0, 6), 16);\n  return [((value >> 16) & 255) / 255, ((value >> 8) & 255) / 255, (value & 255) / 255];\n};\n\nconst field = defineShaderEffect({\n  name: "mesh-gradient",\n  uniforms: {\n    drift: numberUniform(1),\n    falloff: numberUniform(1.6),\n    grain: numberUniform(0.03),\n    colourA: vec3Uniform([0.11, 0.13, 0.22]),\n    colourB: vec3Uniform([0.35, 0.22, 0.55]),\n    colourC: vec3Uniform([0.12, 0.35, 0.45]),\n    colourD: vec3Uniform([0.05, 0.06, 0.1]),\n  },\n  fragmentShader: `\nuniform float drift;\nuniform float falloff;\nuniform float grain;\nuniform vec3 colourA;\nuniform vec3 colourB;\nuniform vec3 colourC;\nuniform vec3 colourD;\n\n/* Inverse-distance blending rather than a gradient stop, so the centres can\n   pass through each other without a visible edge. */\nvec3 blend(vec2 uv, vec2 p, vec3 c, inout float total) {\n  float w = 1.0 / (pow(distance(uv, p), falloff) + 0.0001);\n  total += w;\n  return c * w;\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy / resolution;\n  /* Corrected for shape, or the centres travel in ovals on a wide frame. */\n  vec2 aspect = vec2(resolution.x / resolution.y, 1.0);\n  uv *= aspect;\n  float t = progress * 6.2831853 * drift;\n\n  float total = 0.0;\n  vec3 sum = vec3(0.0);\n  sum += blend(uv, vec2(0.28, 0.30) * aspect + vec2(cos(t), sin(t * 0.9)) * 0.16 * drift, colourA, total);\n  sum += blend(uv, vec2(0.76, 0.26) * aspect + vec2(cos(t * 1.3 + 2.0), sin(t * 0.7)) * 0.14 * drift, colourB, total);\n  sum += blend(uv, vec2(0.30, 0.74) * aspect + vec2(sin(t * 0.8), cos(t * 1.1)) * 0.15 * drift, colourC, total);\n  sum += blend(uv, vec2(0.74, 0.78) * aspect + vec2(sin(t * 1.2 + 1.0), cos(t * 0.6)) * 0.13 * drift, colourD, total);\n\n  vec3 colour = sum / total;\n  /* A wide gradient bands across 8-bit output without this. */\n  colour += (hash(gl_FragCoord.xy + frame) - 0.5) * grain;\n  odoriColour = vec4(colour, 1.0);\n}`,\n});\n\nexport const MeshGradient = ({colors, drift = 1, falloff = 1.6, grain = 0.03}: MeshGradientProps) => {\n  const brand = useBrand();\n  const {width, height} = useVideo();\n  const palette = colors?.length\n    ? colors\n    : [brand.colors.accent, brand.colors.surface, brand.colors.muted, brand.colors.background];\n  const [a, b, c, d] = [0, 1, 2, 3].map((index) => hexToRgb(palette[index % palette.length]));\n\n  return (\n    <EffectSurface effects={[field({drift, falloff, grain, colourA: a, colourB: b, colourC: c, colourD: d})]}>\n      {/* The surface needs something to photograph even where the shader\n          ignores it, and a flat fill is the cheapest thing to capture. */}\n      <Fill style={{background: brand.colors.background, height, width}} />\n    </EffectSurface>\n  );\n};\n',
+          target: "videos/components/mesh-gradient/mesh-gradient.tsx"
+        },
+        {
+          path: "components/mesh-gradient/mesh-gradient.preview.tsx",
+          content: 'import {defineComponentPreview} from "odori/preview";\nimport {MeshGradient} from "./mesh-gradient";\n\nexport default defineComponentPreview({\n  title: "Mesh gradient",\n  category: "Foundation/Backgrounds",\n  description: "Four colour centres blended by inverse distance, so they pass through each other cleanly.",\n  component: MeshGradient,\n  canvas: {width: 1920, height: 1080, duration: "6s"},\n  controls: {\n    drift: {type: "number", defaultValue: 1, min: 0, max: 3, step: 0.1},\n    falloff: {type: "number", defaultValue: 1.6, min: 0.6, max: 4, step: 0.1},\n    grain: {type: "number", defaultValue: 0.03, min: 0, max: 0.12, step: 0.01},\n  },\n  examples: [\n    {name: "Brand", props: {}},\n    {name: "Still", props: {drift: 0}},\n    {name: "Sunset", props: {colors: ["#2b1055", "#7597de", "#ff7e5f", "#120318"]}},\n  ],\n});\n',
+          target: "videos/components/mesh-gradient/mesh-gradient.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "component",
+        family: "Foundation",
+        namespaced: "@odori/mesh-gradient",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 180,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "set drift to 0 and the field holds still",
+          requires: {
+            fonts: [],
+            audio: [],
+            graphics: [
+              "webgl2"
+            ]
+          }
+        }
+      }
+    },
     {
       name: "metric-callout",
       description: "A single counted number with a supporting label.",
@@ -3041,6 +3336,48 @@ export const MarkStack = ({color, size = 72, drawFrames = 24, style}: MarkProps)
         }
       }
     },
+    {
+      name: "noise-field",
+      description: "Domain-warped fractal noise that folds through itself, from soft cloud to hard contour.",
+      registryDependencies: [],
+      files: [
+        {
+          path: "components/noise-field/noise-field.tsx",
+          content: 'import {Fill, useBrand, useVideo} from "odori";\nimport {EffectSurface, defineShaderEffect, numberUniform, vec3Uniform} from "odori/effects";\n\n/**\n * Flowing fractal noise, for a background with structure rather than a blur.\n *\n * Where a gradient field is four soft centres, this is layered value noise:\n * wisps and filaments that fold through each other. It reads as smoke, tide,\n * or contour depending on how hard the contrast is driven, which is the one\n * control worth having.\n *\n * The flow is a function of `seconds`, so a longer cut travels further rather\n * than looping, and the noise itself comes from the prelude\'s integer hash so\n * two machines agree on it.\n */\nexport type NoiseFieldProps = {\n  /** Two colours the noise sits between. Defaults to the brand. */\n  colors?: [string, string];\n  /** How fast the field folds through itself. */\n  speed?: number;\n  /** Size of the largest features, in screens. */\n  scale?: number;\n  /** 0 is a soft cloud, 1 is hard contour lines. */\n  contrast?: number;\n};\n\nconst hexToRgb = (hex: string): [number, number, number] => {\n  const clean = hex.replace("#", "");\n  const full = clean.length === 3 ? [...clean].map((c) => c + c).join("") : clean;\n  const value = Number.parseInt(full.slice(0, 6), 16);\n  return [((value >> 16) & 255) / 255, ((value >> 8) & 255) / 255, (value & 255) / 255];\n};\n\nconst field = defineShaderEffect({\n  name: "noise-field",\n  uniforms: {\n    speed: numberUniform(0.25),\n    scale: numberUniform(3),\n    contrast: numberUniform(0.3),\n    low: vec3Uniform([0.04, 0.05, 0.09]),\n    high: vec3Uniform([0.45, 0.55, 0.85]),\n  },\n  fragmentShader: `\nuniform float speed;\nuniform float scale;\nuniform float contrast;\nuniform vec3 low;\nuniform vec3 high;\n\n/* Value noise: the integer hash at four lattice corners, smoothed between.\n   Not gradient noise, which needs more taps for a look this will blur anyway. */\nfloat value(vec2 p) {\n  vec2 cell = floor(p);\n  vec2 f = fract(p);\n  f = f * f * (3.0 - 2.0 * f);\n  float a = hash(cell);\n  float b = hash(cell + vec2(1.0, 0.0));\n  float c = hash(cell + vec2(0.0, 1.0));\n  float d = hash(cell + vec2(1.0, 1.0));\n  return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);\n}\n\n/* Five octaves, each half the size and half the weight of the last. */\nfloat fbm(vec2 p) {\n  float sum = 0.0;\n  float weight = 0.5;\n  for (int i = 0; i < 5; i++) {\n    sum += value(p) * weight;\n    p = p * 2.03 + 17.3;\n    weight *= 0.5;\n  }\n  return sum;\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy / resolution;\n  uv.x *= resolution.x / resolution.y;\n  float t = seconds * speed;\n\n  /* Domain warping: the field is sampled at a position the field itself\n     decides, which is what turns smooth noise into something that curls. */\n  vec2 q = vec2(fbm(uv * scale + t), fbm(uv * scale + vec2(5.2, 1.3) - t));\n  float n = fbm(uv * scale + q * 1.8);\n\n  /* Contrast pushes the midpoint into a hard edge, so the same field reads as\n     cloud at 0 and as a contour map at 1. */\n  n = mix(n, smoothstep(0.45, 0.55, n), contrast);\n  odoriColour = vec4(mix(low, high, clamp(n, 0.0, 1.0)), 1.0);\n}`,\n});\n\nexport const NoiseField = ({colors, speed = 0.25, scale = 3, contrast = 0.3}: NoiseFieldProps) => {\n  const brand = useBrand();\n  const {width, height} = useVideo();\n  const [low, high] = colors ?? [brand.colors.background, brand.colors.accent];\n\n  return (\n    <EffectSurface effects={[field({speed, scale, contrast, low: hexToRgb(low), high: hexToRgb(high)})]}>\n      <Fill style={{background: brand.colors.background, height, width}} />\n    </EffectSurface>\n  );\n};\n',
+          target: "videos/components/noise-field/noise-field.tsx"
+        },
+        {
+          path: "components/noise-field/noise-field.preview.tsx",
+          content: 'import {defineComponentPreview} from "odori/preview";\nimport {NoiseField} from "./noise-field";\n\nexport default defineComponentPreview({\n  title: "Noise field",\n  category: "Foundation/Backgrounds",\n  description: "Domain-warped fractal noise that folds through itself, from soft cloud to hard contour.",\n  component: NoiseField,\n  canvas: {width: 1920, height: 1080, duration: "6s"},\n  controls: {\n    speed: {type: "number", defaultValue: 0.25, min: 0, max: 1.5, step: 0.05},\n    scale: {type: "number", defaultValue: 3, min: 1, max: 10, step: 0.5},\n    contrast: {type: "number", defaultValue: 0.3, min: 0, max: 1, step: 0.05},\n  },\n  examples: [\n    {name: "Brand", props: {}},\n    {name: "Contour", props: {contrast: 1, scale: 4}},\n    {name: "Tide", props: {colors: ["#04121a", "#4fd1c5"], scale: 2, speed: 0.15}},\n  ],\n});\n',
+          target: "videos/components/noise-field/noise-field.preview.tsx"
+        }
+      ],
+      meta: {
+        kind: "component",
+        family: "Foundation",
+        namespaced: "@odori/noise-field",
+        contract: {
+          aspectRatios: [
+            "16:9",
+            "9:16",
+            "1:1"
+          ],
+          recommendedDurationInFrames: 180,
+          minimumDurationInFrames: 30,
+          entranceFrames: 0,
+          exitFrames: 0,
+          contentLimits: {},
+          reducedMotion: "set speed to 0 and the field holds still",
+          requires: {
+            fonts: [],
+            audio: [],
+            graphics: [
+              "webgl2"
+            ]
+          }
+        }
+      }
+    },
     {
       name: "notify",
       description: "A soft bell for a toast or a message.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odori/cli",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "description": "The odori command line: discovery, Studio, component installation, stills, tests, and export jobs.",
   "license": "Apache-2.0",
@@ -28,7 +28,7 @@
     "playwright-core": "1.55.0",
     "tsx": "4.20.5",
     "vite": "7.3.0",
-    "odori": "0.0.7"
+    "odori": "0.0.8"
   },
   "devDependencies": {
     "@types/node": "22.19.0",
@@ -36,7 +36,7 @@
     "@types/react-dom": "19.2.3",
     "tsup": "^8.5.1",
     "typescript": "5.9.3",
-    "@odori/registry": "0.0.7"
+    "@odori/registry": "0.0.8"
   },
   "publishConfig": {
     "access": "public"

package/src/audio-mix.ts

@@ -126,7 +126,12 @@ export const buildAudioFilter = (
     // loudnorm resamples to its own rate and can drop the layout on the way
     // out, so the last link states the output format rather than negotiating
     // it with whatever encoder is downstream.
-    `[mixed]loudnorm=I=${targetLufs}:TP=-1.5:LRA=11,aformat=sample_fmts=fltp:sample_rates=48000:channel_layouts=stereo[audio]`,
+    /* No LRA target: a mix cannot be given a loudness range it does not have,
+       so asking for one states an intent the filter cannot honour. Measured
+       against the beds here it changes nothing either way, which is the point
+       — the range comes from the material, and asking for eleven from a bed
+       mastered to two only hides that. */
+    `[mixed]loudnorm=I=${targetLufs}:TP=-1.5,aformat=sample_fmts=fltp:sample_rates=48000:channel_layouts=stereo[audio]`,
   );
 
   return {filter: parts.join(";"), label: "[audio]"};