src/chronixel-src/Root.tsx

// @ts-nocheck
import { Composition } from "remotion";
import { FPS, W, H } from "./chronixel/theme";
import { withSfx } from "./chronixel/sfx";

// ===== Atelier — warm-editorial flagship preset =====
import { AtelierScene01ColdOpen } from "./scenes/atelier/Scene01ColdOpen";
import { AtelierScene02StatBand } from "./scenes/atelier/Scene02StatBand";
import { AtelierScene03Quote } from "./scenes/atelier/Scene03Quote";
import { AtelierScene04Compare } from "./scenes/atelier/Scene04Compare";
import { AtelierScene05Outro } from "./scenes/atelier/Scene05Outro";
import { AtelierShowcase } from "./scenes/atelier/Showcase";
// ===== Style reference showcases (one 3-beat showcase per style) =====
import { ChronixelScene01, ChronixelScene02, ChronixelScene03 } from "./scenes/styles/Chronixel";
import { SketchbookScene01, SketchbookScene02, SketchbookScene03 } from "./scenes/styles/Sketchbook";
import { ArchitecturalManifestoScene01, ArchitecturalManifestoScene02, ArchitecturalManifestoScene03 } from "./scenes/styles/ArchitecturalManifesto";
import { BoardroomWhiteboardScene01, BoardroomWhiteboardScene02, BoardroomWhiteboardScene03 } from "./scenes/styles/BoardroomWhiteboard";
import { ChronixelPrimeScene01, ChronixelPrimeScene02, ChronixelPrimeScene03 } from "./scenes/styles/ChronixelPrime";
import { MissionControlScene01, MissionControlScene02, MissionControlScene03 } from "./scenes/styles/MissionControl";
import { AlgorithmicCaptureScene01, AlgorithmicCaptureScene02, AlgorithmicCaptureScene03 } from "./scenes/styles/AlgorithmicCapture";
import { SchematicCityScene01, SchematicCityScene02, SchematicCityScene03 } from "./scenes/styles/SchematicCity";
import { GlassWorksScene01, GlassWorksScene02, GlassWorksScene03 } from "./scenes/styles/GlassWorks";
import { DepthStageScene01, DepthStageScene02, DepthStageScene03 } from "./scenes/styles/DepthStage";
import { HolotableScene01, HolotableScene02, HolotableScene03 } from "./scenes/styles/Holotable";
import { ObsidianOrbitScene01, ObsidianOrbitScene02, ObsidianOrbitScene03 } from "./scenes/styles/ObsidianOrbit";
import { VoltageHorizonScene01, VoltageHorizonScene02, VoltageHorizonScene03 } from "./scenes/styles/VoltageHorizon";
// stitched 3-beat showcase reels (one per style)
import { ChronixelReel, SketchbookReel, ArchitecturalManifestoReel, BoardroomWhiteboardReel, ChronixelPrimeReel, MissionControlReel, AlgorithmicCaptureReel, SchematicCityReel, GlassWorksReel, DepthStageReel, HolotableReel, ObsidianOrbitReel, VoltageHorizonReel } from "./scenes/styles/Reels";
// Motion Graphics episode — Sketchbook direction (scenes 1–5)
import { MgSketchScene01Hook } from "./scenes/motionGraphicsSketch/Scene01Hook";
import { MgSketchScene02TheTurn } from "./scenes/motionGraphicsSketch/Scene02TheTurn";
import { MgSketchScene03Reveal } from "./scenes/motionGraphicsSketch/Scene03Reveal";
import { MgSketchScene04Free } from "./scenes/motionGraphicsSketch/Scene04Free";
import { MgSketchScene05Setup } from "./scenes/motionGraphicsSketch/Scene05Setup";
// Motion Graphics episode — Obsidian Orbit direction (scenes 1–5)
import { MgOrbitScene01Hook } from "./scenes/motionGraphicsOrbit/Scene01Hook";
import { MgOrbitScene02TheTurn } from "./scenes/motionGraphicsOrbit/Scene02TheTurn";
import { MgOrbitScene03Reveal } from "./scenes/motionGraphicsOrbit/Scene03Reveal";
import { MgOrbitScene04Free } from "./scenes/motionGraphicsOrbit/Scene04Free";
import { MgOrbitScene05Setup } from "./scenes/motionGraphicsOrbit/Scene05Setup";
// Motion Graphics episode — Obsidian Orbit (scenes 6–15)
import { MgOrbitScene06ProjectCreated } from "./scenes/motionGraphicsOrbit/Scene06ProjectCreated";
import { MgOrbitScene07LocalLink } from "./scenes/motionGraphicsOrbit/Scene07LocalLink";
import { MgOrbitScene08CreateEpisode } from "./scenes/motionGraphicsOrbit/Scene08CreateEpisode";
import { MgOrbitScene09DropScript } from "./scenes/motionGraphicsOrbit/Scene09DropScript";
import { MgOrbitScene10CopyPrompt } from "./scenes/motionGraphicsOrbit/Scene10CopyPrompt";
import { MgOrbitScene11PasteClaude } from "./scenes/motionGraphicsOrbit/Scene11PasteClaude";
import { MgOrbitScene12DraftAppears } from "./scenes/motionGraphicsOrbit/Scene12DraftAppears";
import { MgOrbitScene13ChooseAesthetic } from "./scenes/motionGraphicsOrbit/Scene13ChooseAesthetic";
import { MgOrbitScene14ProTip } from "./scenes/motionGraphicsOrbit/Scene14ProTip";
import { MgOrbitScene15Generate } from "./scenes/motionGraphicsOrbit/Scene15Generate";
const base = { fps: FPS, width: W, height: H } as const;

const ATELIER_01 = withSfx("Atelier-Scene01-ColdOpen", AtelierScene01ColdOpen);
const ATELIER_02 = withSfx("Atelier-Scene02-StatBand", AtelierScene02StatBand);
const ATELIER_03 = withSfx("Atelier-Scene03-Quote", AtelierScene03Quote);
const ATELIER_04 = withSfx("Atelier-Scene04-Compare", AtelierScene04Compare);
const ATELIER_05 = withSfx("Atelier-Scene05-Outro", AtelierScene05Outro);
const SS_chronixel_01 = withSfx("chronixel-01-Pain", ChronixelScene01);
const SS_chronixel_02 = withSfx("chronixel-02-Reveal", ChronixelScene02);
const SS_chronixel_03 = withSfx("chronixel-03-Free", ChronixelScene03);
const SS_sketchbook_01 = withSfx("sketchbook-01-Pain", SketchbookScene01);
const SS_sketchbook_02 = withSfx("sketchbook-02-Reveal", SketchbookScene02);
const SS_sketchbook_03 = withSfx("sketchbook-03-Free", SketchbookScene03);
const SS_architectural_manifesto_01 = withSfx("architectural-manifesto-01-Pain", ArchitecturalManifestoScene01);
const SS_architectural_manifesto_02 = withSfx("architectural-manifesto-02-Reveal", ArchitecturalManifestoScene02);
const SS_architectural_manifesto_03 = withSfx("architectural-manifesto-03-Free", ArchitecturalManifestoScene03);
const SS_boardroom_whiteboard_01 = withSfx("boardroom-whiteboard-01-Pain", BoardroomWhiteboardScene01);
const SS_boardroom_whiteboard_02 = withSfx("boardroom-whiteboard-02-Reveal", BoardroomWhiteboardScene02);
const SS_boardroom_whiteboard_03 = withSfx("boardroom-whiteboard-03-Free", BoardroomWhiteboardScene03);
const SS_chronixel_prime_01 = withSfx("chronixel-prime-01-Pain", ChronixelPrimeScene01);
const SS_chronixel_prime_02 = withSfx("chronixel-prime-02-Reveal", ChronixelPrimeScene02);
const SS_chronixel_prime_03 = withSfx("chronixel-prime-03-Free", ChronixelPrimeScene03);
const SS_mission_control_01 = withSfx("mission-control-01-Pain", MissionControlScene01);
const SS_mission_control_02 = withSfx("mission-control-02-Reveal", MissionControlScene02);
const SS_mission_control_03 = withSfx("mission-control-03-Free", MissionControlScene03);
const SS_algorithmic_capture_01 = withSfx("algorithmic-capture-01-Pain", AlgorithmicCaptureScene01);
const SS_algorithmic_capture_02 = withSfx("algorithmic-capture-02-Reveal", AlgorithmicCaptureScene02);
const SS_algorithmic_capture_03 = withSfx("algorithmic-capture-03-Free", AlgorithmicCaptureScene03);
const SS_schematic_city_01 = withSfx("schematic-city-01-Pain", SchematicCityScene01);
const SS_schematic_city_02 = withSfx("schematic-city-02-Reveal", SchematicCityScene02);
const SS_schematic_city_03 = withSfx("schematic-city-03-Free", SchematicCityScene03);
const SS_glass_works_01 = withSfx("glass-works-01-Pain", GlassWorksScene01);
const SS_glass_works_02 = withSfx("glass-works-02-Reveal", GlassWorksScene02);
const SS_glass_works_03 = withSfx("glass-works-03-Free", GlassWorksScene03);
const SS_depth_stage_01 = withSfx("depth-stage-01-Pain", DepthStageScene01);
const SS_depth_stage_02 = withSfx("depth-stage-02-Reveal", DepthStageScene02);
const SS_depth_stage_03 = withSfx("depth-stage-03-Free", DepthStageScene03);
const SS_holotable_01 = withSfx("holotable-01-Pain", HolotableScene01);
const SS_holotable_02 = withSfx("holotable-02-Reveal", HolotableScene02);
const SS_holotable_03 = withSfx("holotable-03-Free", HolotableScene03);
const SS_obsidian_orbit_01 = withSfx("obsidian-orbit-01-Pain", ObsidianOrbitScene01);
const SS_obsidian_orbit_02 = withSfx("obsidian-orbit-02-Reveal", ObsidianOrbitScene02);
const SS_obsidian_orbit_03 = withSfx("obsidian-orbit-03-Free", ObsidianOrbitScene03);
const SS_voltage_horizon_01 = withSfx("voltage-horizon-01-Pain", VoltageHorizonScene01);
const SS_voltage_horizon_02 = withSfx("voltage-horizon-02-Reveal", VoltageHorizonScene02);
const SS_voltage_horizon_03 = withSfx("voltage-horizon-03-Free", VoltageHorizonScene03);
const MGS_01 = withSfx("MotionGraphics-Sketch-Scene01-Hook", MgSketchScene01Hook);
const MGS_02 = withSfx("MotionGraphics-Sketch-Scene02-TheTurn", MgSketchScene02TheTurn);
const MGS_03 = withSfx("MotionGraphics-Sketch-Scene03-Reveal", MgSketchScene03Reveal);
const MGS_04 = withSfx("MotionGraphics-Sketch-Scene04-Free", MgSketchScene04Free);
const MGS_05 = withSfx("MotionGraphics-Sketch-Scene05-Setup", MgSketchScene05Setup);

const MGO_01 = withSfx("MotionGraphics-Orbit-Scene01-Hook", MgOrbitScene01Hook);
const MGO_02 = withSfx("MotionGraphics-Orbit-Scene02-TheTurn", MgOrbitScene02TheTurn);
const MGO_03 = withSfx("MotionGraphics-Orbit-Scene03-Reveal", MgOrbitScene03Reveal);
const MGO_04 = withSfx("MotionGraphics-Orbit-Scene04-Free", MgOrbitScene04Free);
const MGO_05 = withSfx("MotionGraphics-Orbit-Scene05-Setup", MgOrbitScene05Setup);

const MGO_06 = withSfx("MotionGraphics-Orbit-Scene06-ProjectCreated", MgOrbitScene06ProjectCreated);
const MGO_07 = withSfx("MotionGraphics-Orbit-Scene07-LocalLink", MgOrbitScene07LocalLink);
const MGO_08 = withSfx("MotionGraphics-Orbit-Scene08-CreateEpisode", MgOrbitScene08CreateEpisode);
const MGO_09 = withSfx("MotionGraphics-Orbit-Scene09-DropScript", MgOrbitScene09DropScript);
const MGO_10 = withSfx("MotionGraphics-Orbit-Scene10-CopyPrompt", MgOrbitScene10CopyPrompt);
const MGO_11 = withSfx("MotionGraphics-Orbit-Scene11-PasteClaude", MgOrbitScene11PasteClaude);
const MGO_12 = withSfx("MotionGraphics-Orbit-Scene12-DraftAppears", MgOrbitScene12DraftAppears);
const MGO_13 = withSfx("MotionGraphics-Orbit-Scene13-ChooseAesthetic", MgOrbitScene13ChooseAesthetic);
const MGO_14 = withSfx("MotionGraphics-Orbit-Scene14-ProTip", MgOrbitScene14ProTip);
const MGO_15 = withSfx("MotionGraphics-Orbit-Scene15-Generate", MgOrbitScene15Generate);

export const RemotionRoot: React.FC = () => {
  return (
    <>
      {/* ===== ATELIER — warm-editorial flagship ===== */}
      <Composition id="Atelier-Scene01-ColdOpen" component={ATELIER_01} durationInFrames={9 * FPS} {...base} />
      <Composition id="Atelier-Scene02-StatBand" component={ATELIER_02} durationInFrames={8 * FPS} {...base} />
      <Composition id="Atelier-Scene03-Quote" component={ATELIER_03} durationInFrames={10 * FPS} {...base} />
      <Composition id="Atelier-Scene04-Compare" component={ATELIER_04} durationInFrames={11 * FPS} {...base} />
      <Composition id="Atelier-Scene05-Outro" component={ATELIER_05} durationInFrames={9 * FPS} {...base} />
      <Composition id="Atelier-Showcase" component={AtelierShowcase} durationInFrames={1298} {...base} />

      {/* ===== STYLE REFERENCE SHOWCASES ===== */}
      {/* chronixel */}
      <Composition id="chronixel-01-Pain" component={SS_chronixel_01} durationInFrames={255} {...base} />
      <Composition id="chronixel-02-Reveal" component={SS_chronixel_02} durationInFrames={270} {...base} />
      <Composition id="chronixel-03-Free" component={SS_chronixel_03} durationInFrames={270} {...base} />
      {/* sketchbook */}
      <Composition id="sketchbook-01-Pain" component={SS_sketchbook_01} durationInFrames={255} {...base} />
      <Composition id="sketchbook-02-Reveal" component={SS_sketchbook_02} durationInFrames={270} {...base} />
      <Composition id="sketchbook-03-Free" component={SS_sketchbook_03} durationInFrames={270} {...base} />
      {/* architectural-manifesto */}
      <Composition id="architectural-manifesto-01-Pain" component={SS_architectural_manifesto_01} durationInFrames={270} {...base} />
      <Composition id="architectural-manifesto-02-Reveal" component={SS_architectural_manifesto_02} durationInFrames={270} {...base} />
      <Composition id="architectural-manifesto-03-Free" component={SS_architectural_manifesto_03} durationInFrames={270} {...base} />
      {/* boardroom-whiteboard */}
      <Composition id="boardroom-whiteboard-01-Pain" component={SS_boardroom_whiteboard_01} durationInFrames={255} {...base} />
      <Composition id="boardroom-whiteboard-02-Reveal" component={SS_boardroom_whiteboard_02} durationInFrames={270} {...base} />
      <Composition id="boardroom-whiteboard-03-Free" component={SS_boardroom_whiteboard_03} durationInFrames={270} {...base} />
      {/* chronixel-prime */}
      <Composition id="chronixel-prime-01-Pain" component={SS_chronixel_prime_01} durationInFrames={240} {...base} />
      <Composition id="chronixel-prime-02-Reveal" component={SS_chronixel_prime_02} durationInFrames={270} {...base} />
      <Composition id="chronixel-prime-03-Free" component={SS_chronixel_prime_03} durationInFrames={270} {...base} />
      {/* mission-control */}
      <Composition id="mission-control-01-Pain" component={SS_mission_control_01} durationInFrames={250} {...base} />
      <Composition id="mission-control-02-Reveal" component={SS_mission_control_02} durationInFrames={270} {...base} />
      <Composition id="mission-control-03-Free" component={SS_mission_control_03} durationInFrames={270} {...base} />
      {/* algorithmic-capture */}
      <Composition id="algorithmic-capture-01-Pain" component={SS_algorithmic_capture_01} durationInFrames={255} {...base} />
      <Composition id="algorithmic-capture-02-Reveal" component={SS_algorithmic_capture_02} durationInFrames={285} {...base} />
      <Composition id="algorithmic-capture-03-Free" component={SS_algorithmic_capture_03} durationInFrames={285} {...base} />
      {/* schematic-city */}
      <Composition id="schematic-city-01-Pain" component={SS_schematic_city_01} durationInFrames={270} {...base} />
      <Composition id="schematic-city-02-Reveal" component={SS_schematic_city_02} durationInFrames={285} {...base} />
      <Composition id="schematic-city-03-Free" component={SS_schematic_city_03} durationInFrames={285} {...base} />
      {/* glass-works */}
      <Composition id="glass-works-01-Pain" component={SS_glass_works_01} durationInFrames={240} {...base} />
      <Composition id="glass-works-02-Reveal" component={SS_glass_works_02} durationInFrames={270} {...base} />
      <Composition id="glass-works-03-Free" component={SS_glass_works_03} durationInFrames={270} {...base} />
      {/* depth-stage */}
      <Composition id="depth-stage-01-Pain" component={SS_depth_stage_01} durationInFrames={250} {...base} />
      <Composition id="depth-stage-02-Reveal" component={SS_depth_stage_02} durationInFrames={270} {...base} />
      <Composition id="depth-stage-03-Free" component={SS_depth_stage_03} durationInFrames={270} {...base} />
      {/* holotable */}
      <Composition id="holotable-01-Pain" component={SS_holotable_01} durationInFrames={255} {...base} />
      <Composition id="holotable-02-Reveal" component={SS_holotable_02} durationInFrames={270} {...base} />
      <Composition id="holotable-03-Free" component={SS_holotable_03} durationInFrames={285} {...base} />
      {/* obsidian-orbit */}
      <Composition id="obsidian-orbit-01-Pain" component={SS_obsidian_orbit_01} durationInFrames={255} {...base} />
      <Composition id="obsidian-orbit-02-Reveal" component={SS_obsidian_orbit_02} durationInFrames={270} {...base} />
      <Composition id="obsidian-orbit-03-Free" component={SS_obsidian_orbit_03} durationInFrames={270} {...base} />
      {/* voltage-horizon */}
      <Composition id="voltage-horizon-01-Pain" component={SS_voltage_horizon_01} durationInFrames={240} {...base} />
      <Composition id="voltage-horizon-02-Reveal" component={SS_voltage_horizon_02} durationInFrames={270} {...base} />
      <Composition id="voltage-horizon-03-Free" component={SS_voltage_horizon_03} durationInFrames={270} {...base} />

      {/* ===== STYLE SHOWCASE REELS (stitched 3-beat) ===== */}
      <Composition id="chronixel-Reel" component={ChronixelReel} durationInFrames={743} {...base} />
      <Composition id="sketchbook-Reel" component={SketchbookReel} durationInFrames={743} {...base} />
      <Composition id="architectural-manifesto-Reel" component={ArchitecturalManifestoReel} durationInFrames={758} {...base} />
      <Composition id="boardroom-whiteboard-Reel" component={BoardroomWhiteboardReel} durationInFrames={743} {...base} />
      <Composition id="chronixel-prime-Reel" component={ChronixelPrimeReel} durationInFrames={728} {...base} />
      <Composition id="mission-control-Reel" component={MissionControlReel} durationInFrames={738} {...base} />
      <Composition id="algorithmic-capture-Reel" component={AlgorithmicCaptureReel} durationInFrames={773} {...base} />
      <Composition id="schematic-city-Reel" component={SchematicCityReel} durationInFrames={788} {...base} />
      <Composition id="glass-works-Reel" component={GlassWorksReel} durationInFrames={728} {...base} />
      <Composition id="depth-stage-Reel" component={DepthStageReel} durationInFrames={738} {...base} />
      <Composition id="holotable-Reel" component={HolotableReel} durationInFrames={758} {...base} />
      <Composition id="obsidian-orbit-Reel" component={ObsidianOrbitReel} durationInFrames={743} {...base} />
      <Composition id="voltage-horizon-Reel" component={VoltageHorizonReel} durationInFrames={728} {...base} />


      {/* ===== MOTION GRAPHICS episode · Sketchbook (scenes 1–5) ===== */}
      <Composition id="MotionGraphics-Sketch-Scene01-Hook" component={MGS_01} durationInFrames={270} {...base} />
      <Composition id="MotionGraphics-Sketch-Scene02-TheTurn" component={MGS_02} durationInFrames={210} {...base} />
      <Composition id="MotionGraphics-Sketch-Scene03-Reveal" component={MGS_03} durationInFrames={300} {...base} />
      <Composition id="MotionGraphics-Sketch-Scene04-Free" component={MGS_04} durationInFrames={420} {...base} />
      <Composition id="MotionGraphics-Sketch-Scene05-Setup" component={MGS_05} durationInFrames={360} {...base} />


      {/* ===== MOTION GRAPHICS episode · Obsidian Orbit (scenes 1–5) ===== */}
      <Composition id="MotionGraphics-Orbit-Scene01-Hook" component={MGO_01} durationInFrames={270} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene02-TheTurn" component={MGO_02} durationInFrames={210} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene03-Reveal" component={MGO_03} durationInFrames={300} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene04-Free" component={MGO_04} durationInFrames={420} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene05-Setup" component={MGO_05} durationInFrames={360} {...base} />


      {/* ===== MOTION GRAPHICS episode · Obsidian Orbit (scenes 6–15) ===== */}
      <Composition id="MotionGraphics-Orbit-Scene06-ProjectCreated" component={MGO_06} durationInFrames={330} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene07-LocalLink" component={MGO_07} durationInFrames={270} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene08-CreateEpisode" component={MGO_08} durationInFrames={390} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene09-DropScript" component={MGO_09} durationInFrames={330} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene10-CopyPrompt" component={MGO_10} durationInFrames={300} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene11-PasteClaude" component={MGO_11} durationInFrames={390} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene12-DraftAppears" component={MGO_12} durationInFrames={330} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene13-ChooseAesthetic" component={MGO_13} durationInFrames={420} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene14-ProTip" component={MGO_14} durationInFrames={390} {...base} />
      <Composition id="MotionGraphics-Orbit-Scene15-Generate" component={MGO_15} durationInFrames={390} {...base} />

    </>
  );
};