feat: rewrite bootstrap, fix CloudKit sync, update canonical data, and UI fixes

- Rewrite BootstrapService: remove all legacy code paths (JSONStadium,
  JSONGame, bootstrapStadiumsLegacy, bootstrapGamesLegacy, venue aliases,
  createDefaultLeagueStructure), require canonical JSON files only
- Add clearCanonicalData() to handle partial bootstrap recovery (prevents
  duplicate key crashes from interrupted first-launch)
- Fix nullable stadium_canonical_id in games (4 MLS games have null)
- Fix CKModels: logoUrl case, conference/division field keys
- Fix CanonicalSyncService: sync conferenceCanonicalId/divisionCanonicalId
- Add sports_canonical.json and DemoMode.swift
- Delete legacy stadiums.json and games.json
- Update all canonical resource JSON files with latest data
- Fix TripWizardView horizontal scrolling with GeometryReader constraint
- Update RegionMapSelector, TripDetailView, TripOptionsView UI improvements
- Add DateRangePicker, PlanningModeStep, SportsStep enhancements
- Update UI tests and marketing-videos config

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

marketing-videos/package.json

@@ -10,7 +10,31 @@
     "render:bucketlist": "remotion render TheBucketList out/the-bucket-list.mp4",
     "render:squad": "remotion render TheSquad out/the-squad.mp4",
     "render:handoff": "remotion render TheHandoff out/the-handoff.mp4",
-    "render:all": "npm run render:route && npm run render:checklist && npm run render:bucketlist && npm run render:squad && npm run render:handoff"
+    "render:fantest": "remotion render TheFanTest out/the-fan-test.mp4",
+    "render:groupchat": "remotion render TheGroupChat out/the-group-chat.mp4",
+    "render:all-originals": "npm run render:route && npm run render:checklist && npm run render:bucketlist && npm run render:squad && npm run render:handoff && npm run render:fantest && npm run render:groupchat",
+    "render:V03_H01": "remotion render V03_H01 out/week1/V03_H01.mp4",
+    "render:V10_H01": "remotion render V10_H01 out/week1/V10_H01.mp4",
+    "render:V03_H02": "remotion render V03_H02 out/week1/V03_H02.mp4",
+    "render:V10_H02": "remotion render V10_H02 out/week1/V10_H02.mp4",
+    "render:V03_H03": "remotion render V03_H03 out/week1/V03_H03.mp4",
+    "render:V17_H01": "remotion render V17_H01 out/week1/V17_H01.mp4",
+    "render:V17_H02": "remotion render V17_H02 out/week1/V17_H02.mp4",
+    "render:V06_H01": "remotion render V06_H01 out/week1/V06_H01.mp4",
+    "render:V08_H01": "remotion render V08_H01 out/week1/V08_H01.mp4",
+    "render:V05_LA_01": "remotion render V05_LA_01 out/week1/V05_LA_01.mp4",
+    "render:V05_NY_01": "remotion render V05_NY_01 out/week1/V05_NY_01.mp4",
+    "render:V05_TX_01": "remotion render V05_TX_01 out/week1/V05_TX_01.mp4",
+    "render:V05_CA_01": "remotion render V05_CA_01 out/week1/V05_CA_01.mp4",
+    "render:V08_LA_01": "remotion render V08_LA_01 out/week1/V08_LA_01.mp4",
+    "render:V04_H01": "remotion render V04_H01 out/week1/V04_H01.mp4",
+    "render:V20_H01": "remotion render V20_H01 out/week1/V20_H01.mp4",
+    "render:V14_H01": "remotion render V14_H01 out/week1/V14_H01.mp4",
+    "render:V04_H02": "remotion render V04_H02 out/week1/V04_H02.mp4",
+    "render:V02_H01": "remotion render V02_H01 out/week1/V02_H01.mp4",
+    "render:V19_H01": "remotion render V19_H01 out/week1/V19_H01.mp4",
+    "render:week1": "bash scripts/render-week1.sh",
+    "render:all": "npm run render:all-originals && npm run render:week1"
   },
   "type": "module",
   "dependencies": {

marketing-videos/src/Root.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Composition, Folder } from "remotion";
 
 import { TheRoute } from "./videos/TheRoute";
@@ -5,6 +6,12 @@ import { TheChecklist } from "./videos/TheChecklist";
 import { TheBucketList } from "./videos/TheBucketList";
 import { TheSquad } from "./videos/TheSquad";
 import { TheHandoff } from "./videos/TheHandoff";
+import { TheFanTest } from "./videos/TheFanTest";
+import { TheGroupChat } from "./videos/TheGroupChat";
+
+import { VideoFromConfig } from "./engine";
+import type { VideoConfig } from "./engine";
+import week1Configs from "./configs/week1.json";
 
 /**
  * SportsTime Marketing Videos
@@ -17,8 +24,11 @@ export const RemotionRoot: React.FC = () => {
   const WIDTH = 1080;
   const HEIGHT = 1920;
 
+  const configs = week1Configs as VideoConfig[];
+
   return (
     <>
+      {/* Original hand-crafted marketing videos */}
       <Folder name="SportsTime-Marketing">
         {/* Video 1: The Route - Map animation showcasing trip planning */}
         <Composition
@@ -69,6 +79,41 @@ export const RemotionRoot: React.FC = () => {
           width={WIDTH}
           height={HEIGHT}
         />
+
+        {/* Video 6: The Fan Test - Viral identity challenge */}
+        <Composition
+          id="TheFanTest"
+          component={TheFanTest}
+          durationInFrames={18 * FPS} // 18 seconds = 540 frames
+          fps={FPS}
+          width={WIDTH}
+          height={HEIGHT}
+        />
+
+        {/* Video 7: The Group Chat - Viral group chat chaos */}
+        <Composition
+          id="TheGroupChat"
+          component={TheGroupChat}
+          durationInFrames={16 * FPS} // 16 seconds = 480 frames
+          fps={FPS}
+          width={WIDTH}
+          height={HEIGHT}
+        />
+      </Folder>
+
+      {/* Week 1: 20 config-driven TikTok/Reels videos */}
+      <Folder name="Week1-Reels">
+        {configs.map((config) => (
+          <Composition
+            key={config.id}
+            id={config.id}
+            component={() => <VideoFromConfig config={config} />}
+            durationInFrames={Math.round(config.targetLengthSec * FPS)}
+            fps={FPS}
+            width={WIDTH}
+            height={HEIGHT}
+          />
+        ))}
       </Folder>
     </>
   );