fix(docs): use live player previewSrc on animated map catalog pages

Regenerate map-* CatalogDetail MDX now that payloads exist so detail
pages mount /public/catalog/blocks/map-*.json instead of 403 CDN mp4/png.

Author: miguel-heygen

docs/catalog/blocks/map-arrow-fanout.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-arrow-fanout.json"
   compositionId="map-arrow-fanout"
   compositionSrc="compositions/map-arrow-fanout.html"
   title="Map Arrow Fanout"
   description="Arrow swarm fan-out from an origin - abstract schematic advances. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Advance Fan-Out"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · arrow swarm"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":8,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":282}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-arrow-fanout","tags":["map","geography","animation","arrows","fanout","swarm","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-arrow-fanout.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-arrow-fanout.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-arrow-fanout/map-arrow-fanout.html"
 >

docs/catalog/blocks/map-border-chase.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-border-chase.json"
   compositionId="map-border-chase"
   compositionSrc="compositions/map-border-chase.html"
   title="Map Border Chase"
   description="Border highlight chase that races along a coastline or frontier stroke. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Frontier Trace"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · border chase"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":8,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":177}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-border-chase","tags":["map","geography","animation","border","chase","highlight","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-border-chase.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-border-chase.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-border-chase/map-border-chase.html"
 >

docs/catalog/blocks/map-boundary-morph.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-boundary-morph.json"
   compositionId="map-boundary-morph"
   compositionSrc="compositions/map-boundary-morph.html"
   title="Map Boundary Morph"
   description="Crossfade morph between two simplified historical boundary silhouettes. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Shifting Borders"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · boundary morph"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":8,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":203}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-boundary-morph","tags":["map","geography","animation","boundary","morph","historical","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-boundary-morph.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-boundary-morph.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-boundary-morph/map-boundary-morph.html"
 >

docs/catalog/blocks/map-campaign-arrows.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-campaign-arrows.json"
   compositionId="map-campaign-arrows"
   compositionSrc="compositions/map-campaign-arrows.html"
   title="Map Campaign Arrows"
   description="Newsreel wartime aesthetic with sequential schematic campaign arrows along a path - abstract educational cartography, not glorifying. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Schematic Advances"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Sequential path arrows · abstract cartography"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":9,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":283}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-campaign-arrows","tags":["map","geography","animation","arrows","campaign","newsreel","schematic","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-campaign-arrows.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-campaign-arrows.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-campaign-arrows/map-campaign-arrows.html"
 >

docs/catalog/blocks/map-city-pins.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-city-pins.json"
   compositionId="map-city-pins"
   compositionSrc="compositions/map-city-pins.html"
   title="Map City Pins"
   description="Newsreel-style labeled city pins that pop and stagger onto a stylized landmass. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Cities of Note"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Staggered pin drops · educational map"},{"id":"city1","type":"string","label":"City 1","default":"NORTH"},{"id":"city2","type":"string","label":"City 2","default":"CENTRAL"},{"id":"city3","type":"string","label":"City 3","default":"EAST"},{"id":"city4","type":"string","label":"City 4","default":"SOUTH"},{"id":"city5","type":"string","label":"City 5","default":"ISLE"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":8,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":260}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-city-pins","tags":["map","geography","animation","pins","cities","newsreel","labels","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-city-pins.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-city-pins.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-city-pins/map-city-pins.html"
 >

docs/catalog/blocks/map-compass-scale.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-compass-scale.json"
   compositionId="map-compass-scale"
   compositionSrc="compositions/map-compass-scale.html"
   title="Map Compass Scale"
   description="Compass rose and scale bar reveal over a stylized newsreel landmass. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Compass & Scale"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · compass rose"},{"id":"scaleLabel","type":"string","label":"Scale label","default":"100 mi"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":7,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":212}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-compass-scale","tags":["map","geography","animation","compass","scale","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-compass-scale.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-compass-scale.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-compass-scale/map-compass-scale.html"
 >

docs/catalog/blocks/map-conquest-fill-sequence.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-conquest-fill-sequence.json"
   compositionId="map-conquest-fill-sequence"
   compositionSrc="compositions/map-conquest-fill-sequence.html"
   title="Map Conquest Fill Sequence"
   description="Sequential region fill sequence - abstract educational conquest cartography, not glorifying. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Sequential Fill"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · conquest fill"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":8,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":197}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-conquest-fill-sequence","tags":["map","geography","animation","conquest","fill","sequence","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-conquest-fill-sequence.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-conquest-fill-sequence.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-conquest-fill-sequence/map-conquest-fill-sequence.html"
 >

docs/catalog/blocks/map-front-line-crawl.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-front-line-crawl.json"
   compositionId="map-front-line-crawl"
   compositionSrc="compositions/map-front-line-crawl.html"
   title="Map Front Line Crawl"
   description="Dashed front-line crawl across a stylized landmass - abstract educational cartography. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"The Shifting Front"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · front-line crawl"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":8,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":174}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-front-line-crawl","tags":["map","geography","animation","front-line","dashed","newsreel","battle-line","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-front-line-crawl.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-front-line-crawl.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-front-line-crawl/map-front-line-crawl.html"
 >

docs/catalog/blocks/map-globe-inset.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-globe-inset.json"
   compositionId="map-globe-inset"
   compositionSrc="compositions/map-globe-inset.html"
   title="Map Globe Inset"
   description="Inset globe that rotates via seek-safe GSAP transform beside a main stylized map. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"World Inset"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · globe inset"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":9,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":230}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-globe-inset","tags":["map","geography","animation","globe","inset","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-globe-inset.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-globe-inset.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-globe-inset/map-globe-inset.html"
 >

docs/catalog/blocks/map-grid-crosshair.mdx

@@ -8,15 +8,14 @@ import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx";
 import { InstallCommand } from "/snippets/install-command.jsx";
 
 <CatalogDetail
+  previewSrc="/public/catalog/blocks/map-grid-crosshair.json"
   compositionId="map-grid-crosshair"
   compositionSrc="compositions/map-grid-crosshair.html"
   title="Map Grid Crosshair"
   description="Lat-long grid draw-on with a crosshair lock on a target point. Inspired by classic newsreel animated-map tropes (Moving Image Archive Animated Maps collection - not affiliated; footage not included)."
-  variables={[]}
+  variables={[{"id":"title","type":"string","label":"Title","default":"Grid Lock"},{"id":"subtitle","type":"string","label":"Subtitle","default":"Educational cartography · lat-long lock"},{"id":"accent","type":"color","label":"Accent","default":"#c45c26"}]}
   meta={{"duration":7,"width":1920,"height":1080,"category":"Blocks","badge":"Stable","codeLines":383}}
   attribution={{"author":"HeyGen","authorUrl":"https://hyperframes.heygen.com","path":"registry/blocks/map-grid-crosshair","tags":["map","geography","animation","grid","crosshair","latlong","newsreel","svg"]}}
-  video="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-grid-crosshair.mp4"
-  poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/map-grid-crosshair.png"
   hasCode
   rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/map-grid-crosshair/map-grid-crosshair.html"
 >