From 693876ed0e2d092424e64b5adab2732411caf9bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Sun, 17 May 2026 21:24:28 -0400
Subject: [PATCH] docs: cache-bust preview video URLs for updated captions

Upload re-rendered videos with -v2 filenames to bypass CloudFront
immutable cache. Replace gradient-fill with improved version from
sandbox composition.
---
 docs/catalog/components/caption-clip-wipe.mdx               | 2 +-
 docs/catalog/components/caption-glitch-rgb.mdx              | 2 +-
 docs/catalog/components/caption-gradient-fill.mdx           | 2 +-
 docs/catalog/components/caption-highlight.mdx               | 2 +-
 docs/catalog/components/caption-matrix-decode.mdx           | 2 +-
 registry/components/caption-clip-wipe/registry-item.json    | 2 +-
 registry/components/caption-glitch-rgb/registry-item.json   | 2 +-
 .../caption-gradient-fill/caption-gradient-fill.html        | 6 +++---
 registry/components/caption-gradient-fill/demo.html         | 6 +++---
 .../components/caption-gradient-fill/registry-item.json     | 2 +-
 registry/components/caption-highlight/registry-item.json    | 2 +-
 .../components/caption-matrix-decode/registry-item.json     | 2 +-
 registry/components/caption-weight-shift/registry-item.json | 2 +-
 13 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/docs/catalog/components/caption-clip-wipe.mdx b/docs/catalog/components/caption-clip-wipe.mdx
index 9816574f0..8ecd15f1b 100644
--- a/docs/catalog/components/caption-clip-wipe.mdx
+++ b/docs/catalog/components/caption-clip-wipe.mdx
@@ -9,7 +9,7 @@ Left-to-right clip-path wipe reveal per word
 
 `captions` `caption-style` `wipe` `clip-path` `reveal`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-glitch-rgb.mdx b/docs/catalog/components/caption-glitch-rgb.mdx
index e096e5b5c..92493aaf7 100644
--- a/docs/catalog/components/caption-glitch-rgb.mdx
+++ b/docs/catalog/components/caption-glitch-rgb.mdx
@@ -9,7 +9,7 @@ RGB chromatic aberration with CRT scanline overlay
 
 `captions` `caption-style` `glitch` `cyber` `tech`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb.mp4?v=1779066308" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-gradient-fill.mdx b/docs/catalog/components/caption-gradient-fill.mdx
index a81eea83b..6f6ed9fce 100644
--- a/docs/catalog/components/caption-gradient-fill.mdx
+++ b/docs/catalog/components/caption-gradient-fill.mdx
@@ -9,7 +9,7 @@ Gradient-clipped text with elastic bounce entrance
 
 `captions` `caption-style` `gradient` `colorful`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-highlight.mdx b/docs/catalog/components/caption-highlight.mdx
index 6a49ef97a..f6a1bb0a0 100644
--- a/docs/catalog/components/caption-highlight.mdx
+++ b/docs/catalog/components/caption-highlight.mdx
@@ -9,7 +9,7 @@ Red background sweep behind each active word, TikTok-style
 
 `captions` `caption-style` `highlight` `social` `tiktok`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight.mp4?v=1779066308" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-matrix-decode.mdx b/docs/catalog/components/caption-matrix-decode.mdx
index dcc363a8a..8d68cd968 100644
--- a/docs/catalog/components/caption-matrix-decode.mdx
+++ b/docs/catalog/components/caption-matrix-decode.mdx
@@ -9,7 +9,7 @@ Character scramble animation before text reveal
 
 `captions` `caption-style` `matrix` `scramble` `decode`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/registry/components/caption-clip-wipe/registry-item.json b/registry/components/caption-clip-wipe/registry-item.json
index f4ef6f9c9..b36541320 100644
--- a/registry/components/caption-clip-wipe/registry-item.json
+++ b/registry/components/caption-clip-wipe/registry-item.json
@@ -12,5 +12,5 @@
       "type": "hyperframes:snippet"
     }
   ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-clip-wipe/preview.mp4?v=1779057707"
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-clip-wipe/preview-v2.mp4"
 }
diff --git a/registry/components/caption-glitch-rgb/registry-item.json b/registry/components/caption-glitch-rgb/registry-item.json
index 0c2e06fe9..3e86b65ff 100644
--- a/registry/components/caption-glitch-rgb/registry-item.json
+++ b/registry/components/caption-glitch-rgb/registry-item.json
@@ -12,5 +12,5 @@
       "type": "hyperframes:snippet"
     }
   ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-glitch-rgb/preview.mp4?v=1779065047"
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-glitch-rgb/preview-v2.mp4"
 }
diff --git a/registry/components/caption-gradient-fill/caption-gradient-fill.html b/registry/components/caption-gradient-fill/caption-gradient-fill.html
index 75c5d0fcf..eb0fa9e05 100644
--- a/registry/components/caption-gradient-fill/caption-gradient-fill.html
+++ b/registry/components/caption-gradient-fill/caption-gradient-fill.html
@@ -233,11 +233,11 @@
           groupWords.forEach(function (w, i) {
             var wi = g.wordStart + i;
             var el = document.getElementById("gr-w-" + wi);
-            tl.to(el, { opacity: 1, scale: 1.1, duration: 0.15 }, w.start);
-            tl.to(el, { opacity: 0.3, scale: 1, duration: 0.15 }, w.end);
+            tl.to(el, { opacity: 1, scale: 1.1, duration: 0.08 }, w.start);
+            tl.to(el, { opacity: 0.3, scale: 1, duration: 0.08 }, w.end);
           });
 
-          tl.to(grp, { y: -26, opacity: 0, duration: 0.25 }, g.end - 0.25);
+          tl.to(grp, { y: -26, opacity: 0, duration: 0.18 }, g.end - 0.18);
           tl.set(grp, { opacity: 0, visibility: "hidden" }, g.end);
         });
 
diff --git a/registry/components/caption-gradient-fill/demo.html b/registry/components/caption-gradient-fill/demo.html
index 75c5d0fcf..eb0fa9e05 100644
--- a/registry/components/caption-gradient-fill/demo.html
+++ b/registry/components/caption-gradient-fill/demo.html
@@ -233,11 +233,11 @@
           groupWords.forEach(function (w, i) {
             var wi = g.wordStart + i;
             var el = document.getElementById("gr-w-" + wi);
-            tl.to(el, { opacity: 1, scale: 1.1, duration: 0.15 }, w.start);
-            tl.to(el, { opacity: 0.3, scale: 1, duration: 0.15 }, w.end);
+            tl.to(el, { opacity: 1, scale: 1.1, duration: 0.08 }, w.start);
+            tl.to(el, { opacity: 0.3, scale: 1, duration: 0.08 }, w.end);
           });
 
-          tl.to(grp, { y: -26, opacity: 0, duration: 0.25 }, g.end - 0.25);
+          tl.to(grp, { y: -26, opacity: 0, duration: 0.18 }, g.end - 0.18);
           tl.set(grp, { opacity: 0, visibility: "hidden" }, g.end);
         });
 
diff --git a/registry/components/caption-gradient-fill/registry-item.json b/registry/components/caption-gradient-fill/registry-item.json
index 6e090599c..b56b5330c 100644
--- a/registry/components/caption-gradient-fill/registry-item.json
+++ b/registry/components/caption-gradient-fill/registry-item.json
@@ -12,5 +12,5 @@
       "type": "hyperframes:snippet"
     }
   ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-gradient-fill/preview.mp4?v=1779057707"
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-gradient-fill/preview-v2.mp4"
 }
diff --git a/registry/components/caption-highlight/registry-item.json b/registry/components/caption-highlight/registry-item.json
index 6f112c29a..58c7c9d34 100644
--- a/registry/components/caption-highlight/registry-item.json
+++ b/registry/components/caption-highlight/registry-item.json
@@ -12,5 +12,5 @@
       "type": "hyperframes:snippet"
     }
   ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-highlight/preview.mp4"
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-highlight/preview-v2.mp4"
 }
diff --git a/registry/components/caption-matrix-decode/registry-item.json b/registry/components/caption-matrix-decode/registry-item.json
index b3d2cad2f..414d2c7c2 100644
--- a/registry/components/caption-matrix-decode/registry-item.json
+++ b/registry/components/caption-matrix-decode/registry-item.json
@@ -12,5 +12,5 @@
       "type": "hyperframes:snippet"
     }
   ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-matrix-decode/preview.mp4?v=1779060427"
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-matrix-decode/preview-v2.mp4"
 }
diff --git a/registry/components/caption-weight-shift/registry-item.json b/registry/components/caption-weight-shift/registry-item.json
index dd4e17c51..2ef0d13bd 100644
--- a/registry/components/caption-weight-shift/registry-item.json
+++ b/registry/components/caption-weight-shift/registry-item.json
@@ -12,5 +12,5 @@
       "type": "hyperframes:snippet"
     }
   ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-weight-shift/preview.mp4?v=1779065047"
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-weight-shift/preview-v2.mp4"
 }