fix: generator emits sentinel, mutation stamps the actual GSAP script

Generator (hyperframes.ts) now emits data-position-mode='relative'
on the GSAP script tag. Mutation engine uses block.scriptElement
(the actual GSAP script found by extractGsapScriptBlock) instead of
querySelector('script:not([src])') which could match a non-GSAP
data-setup script on blocks with multiple inline scripts.

Co-authored-by: Miguel Ángel <miguel07alm@protonmail.com>

Author: miguel-heygen

packages/core/src/generators/hyperframes.ts

@@ -354,7 +354,7 @@ export function generateHyperframesHtml(
   const gsapCdnTag = includeScripts ? `  <script src="${GSAP_CDN}"></script>` : "";
 
   const gsapScriptTag = includeScripts
-    ? `  <script>
+    ? `  <script data-position-mode="relative">
 ${gsapScript}
   </script>`
     : "";

packages/core/src/studio-api/routes/files.ts

@@ -230,6 +230,7 @@ function updateReferences(projectDir: string, oldPath: string, newPath: string):
  */
 function extractGsapScriptBlock(html: string): {
   scriptText: string;
+  scriptElement: Element;
   document: Document;
   replaceScript: (newText: string) => string;
 } | null {
@@ -249,6 +250,7 @@ function extractGsapScriptBlock(html: string): {
     ) {
       return {
         scriptText: content,
+        scriptElement: script,
         document,
         replaceScript(newText: string): string {
           script.textContent = newText;
@@ -1176,11 +1178,8 @@ export function registerFileRoutes(api: Hono, adapter: StudioApiAdapter): void {
 
     const newScript = typeof result === "string" ? result : result.script;
     const changed = newScript !== block.scriptText;
-    if (changed) {
-      const gsapScript = block.document.querySelector("script:not([src])");
-      if (gsapScript && !gsapScript.hasAttribute("data-position-mode")) {
-        gsapScript.setAttribute("data-position-mode", "relative");
-      }
+    if (changed && !block.scriptElement.hasAttribute("data-position-mode")) {
+      block.scriptElement.setAttribute("data-position-mode", "relative");
     }
     const newHtml = changed ? block.replaceScript(newScript) : html;
     let backupPath: string | null = null;