hyperframes 0.4.4 → 0.4.6

package/dist/cli.js

@@ -54,7 +54,7 @@ var VERSION;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    VERSION = true ? "0.4.4" : "0.0.0-dev";
+    VERSION = true ? "0.4.6" : "0.0.0-dev";
   }
 });
 
@@ -6245,7 +6245,15 @@ function runSkillsAdd(repo) {
   return new Promise((resolve35, reject) => {
     const child = spawn("npx", ["skills", "add", repo, "--all"], {
       stdio: "inherit",
-      timeout: 12e4
+      timeout: 12e4,
+      // GH #316 — the upstream `skills` CLI shells out to `git clone`.
+      // When Git's clone-hook protection is active (shipped on by
+      // default in 2.45.1, reverted in 2.45.2, still present on many
+      // corporate and CI setups), any globally-registered
+      // `git lfs install` post-checkout hook aborts the clone. The
+      // `repo` reaching this function is hardcoded in SOURCES below
+      // — no user input reaches the spawn — so opting out here is safe.
+      env: { ...process.env, GIT_CLONE_PROTECTION_ACTIVE: "0" }
     });
     child.on("close", (code, signal) => {
       if (code === 0) resolve35();
@@ -10507,10 +10515,10 @@ function compareDocumentPosition(nodeA, nodeB) {
 function uniqueSort(nodes) {
   nodes = nodes.filter((node, i2, arr) => !arr.includes(node, i2 + 1));
   nodes.sort((a, b) => {
-    const relative4 = compareDocumentPosition(a, b);
-    if (relative4 & DocumentPosition.PRECEDING) {
+    const relative5 = compareDocumentPosition(a, b);
+    if (relative5 & DocumentPosition.PRECEDING) {
       return -1;
-    } else if (relative4 & DocumentPosition.FOLLOWING) {
+    } else if (relative5 & DocumentPosition.FOLLOWING) {
       return 1;
     }
     return 0;
@@ -20930,6 +20938,15 @@ function isFontResourceError(type, text, locationUrl) {
     `${locationUrl} ${text}`
   );
 }
+async function pollPageExpression(page, expression, timeoutMs, intervalMs = 100) {
+  const deadline = Date.now() + timeoutMs;
+  while (Date.now() < deadline) {
+    const ready = Boolean(await page.evaluate(expression));
+    if (ready) return true;
+    await new Promise((resolve35) => setTimeout(resolve35, intervalMs));
+  }
+  return Boolean(await page.evaluate(expression));
+}
 async function initializeSession(session) {
   const { page, serverUrl } = session;
   page.on("console", (msg) => {
@@ -20959,14 +20976,26 @@ async function initializeSession(session) {
   if (session.captureMode === "screenshot") {
     await page.goto(url, { waitUntil: "domcontentloaded", timeout: 6e4 });
     const pageReadyTimeout2 = session.config?.playerReadyTimeout ?? DEFAULT_CONFIG2.playerReadyTimeout;
-    await page.waitForFunction(
+    const pageReady2 = await pollPageExpression(
+      page,
       `!!(window.__hf && typeof window.__hf.seek === "function" && window.__hf.duration > 0)`,
-      { timeout: pageReadyTimeout2 }
+      pageReadyTimeout2
     );
-    await page.waitForFunction(
+    if (!pageReady2) {
+      throw new Error(
+        `[FrameCapture] window.__hf not ready after ${pageReadyTimeout2}ms. Page must expose window.__hf = { duration, seek }.`
+      );
+    }
+    const videosReady = await pollPageExpression(
+      page,
       `document.querySelectorAll("video").length === 0 || Array.from(document.querySelectorAll("video")).every(v => v.readyState >= 1)`,
-      { timeout: pageReadyTimeout2 }
+      pageReadyTimeout2
     );
+    if (!videosReady) {
+      throw new Error(
+        `[FrameCapture] video metadata not ready after ${pageReadyTimeout2}ms. Video elements must load metadata before capture starts.`
+      );
+    }
     await page.evaluate(`document.fonts?.ready`);
     session.isInitialized = true;
     return;
@@ -24071,8 +24100,22 @@ function injectScriptsIntoHtml2(html, headScripts, bodyScripts, stripEmbedded) {
   }
   return html;
 }
+function injectScriptsAtHeadStart(html, scripts) {
+  if (scripts.length === 0) return html;
+  const headTags = scripts.map((src) => `<script>${src}</script>`).join("\n");
+  if (html.includes("<head")) {
+    return html.replace(/<head\b[^>]*>/i, (match) => `${match}
+${headTags}`);
+  }
+  if (html.includes("<body")) {
+    return html.replace("<body", () => `${headTags}
+<body`);
+  }
+  return headTags + "\n" + html;
+}
 function createFileServer2(options) {
   const { projectDir, compiledDir, port = 0, stripEmbeddedRuntime = true } = options;
+  const preHeadScripts = options.preHeadScripts ?? [];
   const headScripts = options.headScripts ?? [getVerifiedHyperframeRuntimeSource()];
   const bodyScripts = options.bodyScripts ?? [RENDER_MODE_SCRIPT, HF_BRIDGE_SCRIPT];
   const app = new Hono3();
@@ -24096,7 +24139,11 @@ function createFileServer2(options) {
     if (ext === ".html") {
       const rawHtml = readFileSync17(filePath, "utf-8");
       const isIndex = relativePath === "index.html";
-      const html = isIndex ? injectScriptsIntoHtml2(rawHtml, headScripts, bodyScripts, stripEmbeddedRuntime) : rawHtml;
+      let html = rawHtml;
+      if (preHeadScripts.length > 0) {
+        html = injectScriptsAtHeadStart(html, preHeadScripts);
+      }
+      html = isIndex ? injectScriptsIntoHtml2(html, headScripts, bodyScripts, stripEmbeddedRuntime) : html;
       return c2.text(html, 200, { "Content-Type": contentType });
     }
     const content = readFileSync17(filePath);
@@ -24124,7 +24171,7 @@ function createFileServer2(options) {
     });
   });
 }
-var MIME_TYPES3, RENDER_SEEK_MODE, RENDER_SEEK_DIAGNOSTICS, RENDER_SEEK_STEP, RENDER_SEEK_OFFSET_FRACTION, RENDER_MODE_SCRIPT, HF_BRIDGE_SCRIPT;
+var MIME_TYPES3, VIRTUAL_TIME_SHIM, RENDER_SEEK_MODE, RENDER_SEEK_DIAGNOSTICS, RENDER_SEEK_STEP, RENDER_SEEK_OFFSET_FRACTION, RENDER_MODE_SCRIPT, HF_BRIDGE_SCRIPT;
 var init_fileServer2 = __esm({
   "../producer/src/services/fileServer.ts"() {
     "use strict";
@@ -24151,6 +24198,102 @@ var init_fileServer2 = __esm({
       ".ttf": "font/ttf",
       ".otf": "font/otf"
     };
+    VIRTUAL_TIME_SHIM = String.raw`(function() {
+  if (window.__HF_VIRTUAL_TIME__) return;
+
+  var virtualNowMs = 0;
+  var rafId = 1;
+  var rafQueue = [];
+  var OriginalDate = Date;
+  var originalSetTimeout = window.setTimeout.bind(window);
+  var originalClearTimeout = window.clearTimeout.bind(window);
+  var originalSetInterval = window.setInterval.bind(window);
+  var originalClearInterval = window.clearInterval.bind(window);
+  var originalRequestAnimationFrame = window.requestAnimationFrame
+    ? window.requestAnimationFrame.bind(window)
+    : null;
+  var originalCancelAnimationFrame = window.cancelAnimationFrame
+    ? window.cancelAnimationFrame.bind(window)
+    : null;
+
+  function flushAnimationFrame() {
+    if (!rafQueue.length) return;
+    var current = rafQueue.slice();
+    rafQueue.length = 0;
+    for (var i = 0; i < current.length; i++) {
+      var entry = current[i];
+      if (entry.cancelled) continue;
+      try {
+        entry.callback(virtualNowMs);
+      } catch {}
+    }
+  }
+
+  function VirtualDate() {
+    var args = Array.prototype.slice.call(arguments);
+    if (!(this instanceof VirtualDate)) {
+      return OriginalDate.apply(null, args.length ? args : [virtualNowMs]);
+    }
+    var instance = args.length ? new (Function.prototype.bind.apply(OriginalDate, [null].concat(args)))() : new OriginalDate(virtualNowMs);
+    Object.setPrototypeOf(instance, VirtualDate.prototype);
+    return instance;
+  }
+
+  VirtualDate.prototype = OriginalDate.prototype;
+  Object.setPrototypeOf(VirtualDate, OriginalDate);
+  VirtualDate.now = function() { return virtualNowMs; };
+  VirtualDate.parse = OriginalDate.parse.bind(OriginalDate);
+  VirtualDate.UTC = OriginalDate.UTC.bind(OriginalDate);
+
+  try {
+    Object.defineProperty(window, "Date", {
+      configurable: true,
+      writable: true,
+      value: VirtualDate,
+    });
+  } catch {}
+
+  if (window.performance && typeof window.performance.now === "function") {
+    try {
+      Object.defineProperty(window.performance, "now", {
+        configurable: true,
+        value: function() { return virtualNowMs; },
+      });
+    } catch {}
+  }
+
+  window.requestAnimationFrame = function(callback) {
+    if (typeof callback !== "function") return 0;
+    var entry = { id: rafId++, callback: callback, cancelled: false };
+    rafQueue.push(entry);
+    return entry.id;
+  };
+  window.cancelAnimationFrame = function(id) {
+    for (var i = 0; i < rafQueue.length; i++) {
+      if (rafQueue[i].id === id) {
+        rafQueue[i].cancelled = true;
+      }
+    }
+  };
+
+  window.__HF_VIRTUAL_TIME__ = {
+    originalSetTimeout: originalSetTimeout,
+    originalClearTimeout: originalClearTimeout,
+    originalSetInterval: originalSetInterval,
+    originalClearInterval: originalClearInterval,
+    originalRequestAnimationFrame: originalRequestAnimationFrame,
+    originalCancelAnimationFrame: originalCancelAnimationFrame,
+    seekToTime: function(nextTimeMs) {
+      var safeTimeMs = Math.max(0, Number(nextTimeMs) || 0);
+      virtualNowMs = safeTimeMs;
+      flushAnimationFrame();
+      return virtualNowMs;
+    },
+    getTime: function() {
+      return virtualNowMs;
+    },
+  };
+})();`;
     RENDER_SEEK_MODE = process.env.PRODUCER_RUNTIME_RENDER_SEEK_MODE === "strict-boundary" ? "strict-boundary" : "preview-phase";
     RENDER_SEEK_DIAGNOSTICS = process.env.PRODUCER_DEBUG_SEEK_DIAGNOSTICS === "true";
     RENDER_SEEK_STEP = Math.max(
@@ -24162,6 +24305,10 @@ var init_fileServer2 = __esm({
       Math.min(0.95, Number(process.env.PRODUCER_RUNTIME_RENDER_SEEK_OFFSET_FRACTION || 0.5))
     );
     RENDER_MODE_SCRIPT = `(function() {
+  var __realSetTimeout =
+    window.__HF_VIRTUAL_TIME__ && typeof window.__HF_VIRTUAL_TIME__.originalSetTimeout === "function"
+      ? window.__HF_VIRTUAL_TIME__.originalSetTimeout
+      : window.setTimeout.bind(window);
   var __seekMode = ${JSON.stringify(RENDER_SEEK_MODE)};
   var __seekDiagnostics = ${RENDER_SEEK_DIAGNOSTICS ? "true" : "false"};
   var __seekStep = ${RENDER_SEEK_STEP};
@@ -24255,23 +24402,56 @@ var init_fileServer2 = __esm({
         window.__renderReady = true;
         return;
       }
-      setTimeout(waitForPlayer, 50);
+      __realSetTimeout(waitForPlayer, 50);
       return;
     }
     if (installMediaFallbackPlayer()) {
       return;
     }
-    setTimeout(waitForPlayer, 50);
+    __realSetTimeout(waitForPlayer, 50);
   }
   waitForPlayer();
 })();`;
     HF_BRIDGE_SCRIPT = `(function() {
+  var __realSetInterval =
+    window.__HF_VIRTUAL_TIME__ && typeof window.__HF_VIRTUAL_TIME__.originalSetInterval === "function"
+      ? window.__HF_VIRTUAL_TIME__.originalSetInterval
+      : window.setInterval.bind(window);
+  var __realClearInterval =
+    window.__HF_VIRTUAL_TIME__ && typeof window.__HF_VIRTUAL_TIME__.originalClearInterval === "function"
+      ? window.__HF_VIRTUAL_TIME__.originalClearInterval
+      : window.clearInterval.bind(window);
   function getDeclaredDuration() {
     var root = document.querySelector('[data-composition-id]');
     if (!root) return 0;
     var d = Number(root.getAttribute('data-duration'));
     return Number.isFinite(d) && d > 0 ? d : 0;
   }
+  function seekSameOriginChildFrames(frameWindow, nextTimeMs) {
+    var frames;
+    try {
+      frames = frameWindow.frames;
+    } catch (_error) {
+      return;
+    }
+    if (!frames || typeof frames.length !== "number") return;
+    for (var i = 0; i < frames.length; i++) {
+      var childWindow = null;
+      try {
+        childWindow = frames[i];
+        if (!childWindow || childWindow === frameWindow) continue;
+        if (
+          childWindow.__HF_VIRTUAL_TIME__ &&
+          typeof childWindow.__HF_VIRTUAL_TIME__.seekToTime === "function"
+        ) {
+          childWindow.__HF_VIRTUAL_TIME__.seekToTime(nextTimeMs);
+        }
+      } catch (_error) {
+        continue;
+      }
+      seekSameOriginChildFrames(childWindow, nextTimeMs);
+    }
+  }
   function bridge() {
     var p = window.__player;
     if (!p || typeof p.renderSeek !== "function" || typeof p.getDuration !== "function") {
@@ -24282,13 +24462,20 @@ var init_fileServer2 = __esm({
         var d = p.getDuration();
         return d > 0 ? d : getDeclaredDuration();
       },
-      seek: function(t) { p.renderSeek(t); },
+      seek: function(t) {
+        p.renderSeek(t);
+        var nextTimeMs = (Math.max(0, Number(t) || 0)) * 1000;
+        if (window.__HF_VIRTUAL_TIME__ && typeof window.__HF_VIRTUAL_TIME__.seekToTime === "function") {
+          window.__HF_VIRTUAL_TIME__.seekToTime(nextTimeMs);
+        }
+        seekSameOriginChildFrames(window, nextTimeMs);
+      },
     };
     return true;
   }
   if (bridge()) return;
-  var iv = setInterval(function() {
-    if (bridge()) clearInterval(iv);
+  var iv = __realSetInterval(function() {
+    if (bridge()) __realClearInterval(iv);
   }, 50);
 })();`;
   }
@@ -24302,6 +24489,40 @@ var init_ffprobe2 = __esm({
   }
 });
 
+// ../producer/src/utils/paths.ts
+import { resolve as resolve13, basename, join as join27, relative as relative2, isAbsolute as isAbsolute3 } from "path";
+function isPathInside(childPath, parentPath) {
+  const absChild = resolve13(childPath);
+  const absParent = resolve13(parentPath);
+  if (absChild === absParent) return true;
+  const rel = relative2(absParent, absChild);
+  return rel !== "" && !rel.startsWith("..") && !isAbsolute3(rel);
+}
+function toExternalAssetKey(absPath) {
+  if (absPath.startsWith("hf-ext/")) return absPath;
+  let normalised = absPath.replace(/\\/g, "/");
+  normalised = normalised.replace(/^\/\/\?\/UNC\//i, "//");
+  normalised = normalised.replace(/^\/\/\?\//, "");
+  normalised = normalised.replace(/^\/\/([^/]+)\//, "unc/$1/");
+  normalised = normalised.replace(/^\/+/, "");
+  normalised = normalised.replace(/^([A-Za-z]):\/?/, "$1/");
+  return "hf-ext/" + normalised;
+}
+function resolveRenderPaths(projectDir, outputPath, rendersDir = DEFAULT_RENDERS_DIR) {
+  const absoluteProjectDir = resolve13(projectDir);
+  const projectName = basename(absoluteProjectDir);
+  const resolvedOutputPath = outputPath ?? join27(rendersDir, `${projectName}.mp4`);
+  const absoluteOutputPath = resolve13(resolvedOutputPath);
+  return { absoluteProjectDir, absoluteOutputPath };
+}
+var DEFAULT_RENDERS_DIR;
+var init_paths = __esm({
+  "../producer/src/utils/paths.ts"() {
+    "use strict";
+    DEFAULT_RENDERS_DIR = process.env.PRODUCER_RENDERS_DIR ?? resolve13(new URL(import.meta.url).pathname, "../../..", "renders");
+  }
+});
+
 // ../producer/src/utils/urlDownloader.ts
 var init_urlDownloader2 = __esm({
   "../producer/src/utils/urlDownloader.ts"() {
@@ -24365,7 +24586,7 @@ var init_fontData_generated = __esm({
 // ../producer/src/services/deterministicFonts.ts
 import { existsSync as existsSync25, mkdirSync as mkdirSync15, readFileSync as readFileSync18, writeFileSync as writeFileSync9 } from "fs";
 import { homedir as homedir6 } from "os";
-import { join as join27 } from "path";
+import { join as join28 } from "path";
 function normalizeFamilyName(family) {
   return family.trim().replace(/^['"]|['"]$/g, "").trim().toLowerCase();
 }
@@ -24476,14 +24697,14 @@ function fontSlug(familyName) {
   return familyName.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
 function fontCacheDir(slug) {
-  const dir = join27(GOOGLE_FONTS_CACHE_DIR, slug);
+  const dir = join28(GOOGLE_FONTS_CACHE_DIR, slug);
   if (!existsSync25(dir)) {
     mkdirSync15(dir, { recursive: true });
   }
   return dir;
 }
 function cachedWoff2Path(slug, weight, style) {
-  return join27(fontCacheDir(slug), `${weight}-${style}.woff2`);
+  return join28(fontCacheDir(slug), `${weight}-${style}.woff2`);
 }
 async function fetchGoogleFont(familyName) {
   const slug = fontSlug(familyName);
@@ -24695,14 +24916,14 @@ var init_deterministicFonts = __esm({
       poppins: "poppins",
       "segoe ui": "roboto"
     };
-    GOOGLE_FONTS_CACHE_DIR = join27(homedir6(), ".cache", "hyperframes", "fonts");
+    GOOGLE_FONTS_CACHE_DIR = join28(homedir6(), ".cache", "hyperframes", "fonts");
     WOFF2_USER_AGENT = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36";
   }
 });
 
 // ../producer/src/services/htmlCompiler.ts
 import { readFileSync as readFileSync19, existsSync as existsSync26, mkdirSync as mkdirSync16 } from "fs";
-import { join as join28, dirname as dirname9, resolve as resolve13 } from "path";
+import { join as join29, dirname as dirname9, resolve as resolve14 } from "path";
 import postcss from "postcss";
 function dedupeElementsById(elements) {
   const deduped = /* @__PURE__ */ new Map();
@@ -24711,6 +24932,36 @@ function dedupeElementsById(elements) {
   }
   return Array.from(deduped.values());
 }
+function stripJsComments(source) {
+  return source.replace(/\/\/.*$/gm, "").replace(/\/\*[\s\S]*?\*\//g, "");
+}
+function detectRenderModeHints(html) {
+  const reasons = [];
+  const { document: document2 } = parseHTML(html);
+  if (document2.querySelector("iframe")) {
+    reasons.push({
+      code: "iframe",
+      message: "Detected <iframe> in the composition DOM. Nested iframe animation is routed through screenshot capture mode for compatibility."
+    });
+  }
+  let scriptMatch;
+  const scriptPattern = new RegExp(INLINE_SCRIPT_PATTERN.source, INLINE_SCRIPT_PATTERN.flags);
+  while ((scriptMatch = scriptPattern.exec(html)) !== null) {
+    const attrs = scriptMatch[1] || "";
+    if (/\bsrc\s*=/i.test(attrs)) continue;
+    const content = stripJsComments(scriptMatch[2] || "");
+    if (!/requestAnimationFrame\s*\(/.test(content)) continue;
+    reasons.push({
+      code: "requestAnimationFrame",
+      message: "Detected raw requestAnimationFrame() in an inline script. This render is routed through screenshot capture mode with virtual time enabled."
+    });
+    break;
+  }
+  return {
+    recommendScreenshot: reasons.length > 0,
+    reasons
+  };
+}
 async function resolveMediaDuration(src, mediaStart, baseDir, downloadDir, tagName19) {
   let filePath = src;
   if (isHttpUrl(src)) {
@@ -24721,7 +24972,7 @@ async function resolveMediaDuration(src, mediaStart, baseDir, downloadDir, tagNa
       return { duration: 0, resolvedPath: src };
     }
   } else if (!filePath.startsWith("/")) {
-    filePath = join28(baseDir, filePath);
+    filePath = join29(baseDir, filePath);
   }
   if (!existsSync26(filePath)) {
     return { duration: 0, resolvedPath: filePath };
@@ -24787,7 +25038,7 @@ async function parseSubCompositions(html, projectDir, downloadDir, parentOffset
     const elEnd = elEndRaw ? parseFloat(elEndRaw) : Infinity;
     const absoluteStart = parentOffset + elStart;
     const absoluteEnd = Math.min(parentEnd, isFinite(elEnd) ? parentOffset + elEnd : Infinity);
-    const filePath = resolve13(projectDir, srcPath);
+    const filePath = resolve14(projectDir, srcPath);
     if (visited.has(filePath)) {
       continue;
     }
@@ -24987,7 +25238,7 @@ function inlineSubCompositions(html, subCompositions, projectDir) {
     if (!srcPath) continue;
     let compHtml = subCompositions.get(srcPath) || null;
     if (!compHtml) {
-      const filePath = resolve13(projectDir, srcPath);
+      const filePath = resolve14(projectDir, srcPath);
       if (existsSync26(filePath)) {
         compHtml = readFileSync19(filePath, "utf-8");
       }
@@ -25200,7 +25451,7 @@ ${safeText}
   return result;
 }
 function collectExternalAssets(html, projectDir) {
-  const absProjectDir = resolve13(projectDir);
+  const absProjectDir = resolve14(projectDir);
   const externalAssets = /* @__PURE__ */ new Map();
   const CSS_URL_RE2 = /\burl\(\s*(["']?)([^)"']+)\1\s*\)/g;
   function processPath(rawPath) {
@@ -25208,12 +25459,12 @@ function collectExternalAssets(html, projectDir) {
     if (!trimmed || trimmed.startsWith("/") || trimmed.startsWith("http://") || trimmed.startsWith("https://") || trimmed.startsWith("//") || trimmed.startsWith("data:") || trimmed.startsWith("#")) {
       return null;
     }
-    const absPath = resolve13(absProjectDir, trimmed);
-    if (absPath.startsWith(absProjectDir + "/") || absPath === absProjectDir) {
+    const absPath = resolve14(absProjectDir, trimmed);
+    if (isPathInside(absPath, absProjectDir)) {
       return null;
     }
     if (!existsSync26(absPath)) return null;
-    const safeKey = "hf-ext/" + absPath.replace(/^\//, "");
+    const safeKey = toExternalAssetKey(absPath);
     externalAssets.set(safeKey, absPath);
     return safeKey;
   }
@@ -25274,6 +25525,7 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
     /(<(?:video|audio)\b[^>]*?)\s+preload\s*=\s*["']none["']/gi,
     "$1"
   );
+  const renderModeHints = detectRenderModeHints(sanitizedHtml);
   const coalescedHtml = await injectDeterministicFontFaces(
     coalesceHeadStylesAndBodyScripts2(promoteCssImportsToLinkTags(sanitizedHtml))
   );
@@ -25285,7 +25537,7 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
   const audios = dedupeElementsById([...mainAudios, ...subAudios]);
   for (const video of videos) {
     if (isHttpUrl(video.src)) continue;
-    const videoPath = resolve13(projectDir, video.src);
+    const videoPath = resolve14(projectDir, video.src);
     const reencode = `ffmpeg -i "${video.src}" -c:v libx264 -r 30 -g 30 -keyint_min 30 -movflags +faststart -c:a copy output.mp4`;
     Promise.all([analyzeKeyframeIntervals(videoPath), extractVideoMetadata(videoPath)]).then(([analysis, metadata]) => {
       if (analysis.isProblematic) {
@@ -25317,7 +25569,8 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
     externalAssets,
     width,
     height,
-    staticDuration
+    staticDuration,
+    renderModeHints
   };
 }
 async function discoverMediaFromBrowser(page) {
@@ -25411,18 +25664,22 @@ async function recompileWithResolutions(compiled, resolutions, projectDir, downl
     subCompositions,
     videos,
     audios,
-    unresolvedCompositions: remaining
+    unresolvedCompositions: remaining,
+    renderModeHints: compiled.renderModeHints
   };
 }
+var INLINE_SCRIPT_PATTERN;
 var init_htmlCompiler2 = __esm({
   "../producer/src/services/htmlCompiler.ts"() {
     "use strict";
     init_esm10();
     init_src();
     init_ffprobe2();
+    init_paths();
     init_src2();
     init_urlDownloader2();
     init_deterministicFonts();
+    INLINE_SCRIPT_PATTERN = /<script\b([^>]*)>([\s\S]*?)<\/script>/gi;
   }
 });
 
@@ -25478,7 +25735,7 @@ import {
   copyFileSync as copyFileSync2,
   appendFileSync
 } from "fs";
-import { join as join29, dirname as dirname10, resolve as resolve14 } from "path";
+import { join as join30, dirname as dirname10, resolve as resolve15 } from "path";
 import { randomUUID as randomUUID2 } from "crypto";
 import { freemem as freemem2 } from "os";
 import { fileURLToPath as fileURLToPath3 } from "url";
@@ -25534,17 +25791,17 @@ function installDebugLogger(logPath, log = defaultLogger) {
   };
 }
 function writeCompiledArtifacts(compiled, workDir, includeSummary) {
-  const compileDir = join29(workDir, "compiled");
+  const compileDir = join30(workDir, "compiled");
   mkdirSync17(compileDir, { recursive: true });
-  writeFileSync10(join29(compileDir, "index.html"), compiled.html, "utf-8");
+  writeFileSync10(join30(compileDir, "index.html"), compiled.html, "utf-8");
   for (const [srcPath, html] of compiled.subCompositions) {
-    const outPath = join29(compileDir, srcPath);
+    const outPath = join30(compileDir, srcPath);
     mkdirSync17(dirname10(outPath), { recursive: true });
     writeFileSync10(outPath, html, "utf-8");
   }
   for (const [relativePath, absolutePath] of compiled.externalAssets) {
-    const outPath = resolve14(join29(compileDir, relativePath));
-    if (!outPath.startsWith(compileDir + "/")) {
+    const outPath = resolve15(join30(compileDir, relativePath));
+    if (!isPathInside(outPath, compileDir)) {
       console.warn(`[Render] Skipping external asset with unsafe path: ${relativePath}`);
       continue;
     }
@@ -25570,11 +25827,20 @@ function writeCompiledArtifacts(compiled, workDir, includeSummary) {
         end: a.end,
         mediaStart: a.mediaStart
       })),
-      subCompositions: Array.from(compiled.subCompositions.keys())
+      subCompositions: Array.from(compiled.subCompositions.keys()),
+      renderModeHints: compiled.renderModeHints
     };
-    writeFileSync10(join29(compileDir, "summary.json"), JSON.stringify(summary, null, 2), "utf-8");
+    writeFileSync10(join30(compileDir, "summary.json"), JSON.stringify(summary, null, 2), "utf-8");
   }
 }
+function applyRenderModeHints(cfg, compiled, log = defaultLogger) {
+  if (cfg.forceScreenshot || !compiled.renderModeHints.recommendScreenshot) return;
+  cfg.forceScreenshot = true;
+  log.warn("Auto-selected screenshot capture mode for render compatibility", {
+    reasonCodes: compiled.renderModeHints.reasons.map((reason) => reason.code),
+    reasons: compiled.renderModeHints.reasons.map((reason) => reason.message)
+  });
+}
 function createRenderJob(config) {
   return {
     id: randomUUID2(),
@@ -25616,9 +25882,9 @@ function extractStandaloneEntryFromIndex(indexHtml, entryFile) {
 }
 async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSignal) {
   const moduleDir = dirname10(fileURLToPath3(import.meta.url));
-  const producerRoot = process.env.PRODUCER_RENDERS_DIR ? resolve14(process.env.PRODUCER_RENDERS_DIR, "..") : resolve14(moduleDir, "../..");
-  const debugDir = join29(producerRoot, ".debug");
-  const workDir = job.config.debug ? join29(debugDir, job.id) : join29(dirname10(outputPath), `work-${job.id}`);
+  const producerRoot = process.env.PRODUCER_RENDERS_DIR ? resolve15(process.env.PRODUCER_RENDERS_DIR, "..") : resolve15(moduleDir, "../..");
+  const debugDir = join30(producerRoot, ".debug");
+  const workDir = job.config.debug ? join30(debugDir, job.id) : join30(dirname10(outputPath), `work-${job.id}`);
   const pipelineStart = Date.now();
   const log = job.config.logger ?? defaultLogger;
   let fileServer = null;
@@ -25626,7 +25892,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
   let lastBrowserConsole = [];
   let restoreLogger = null;
   const perfStages = {};
-  const perfOutputPath = join29(workDir, "perf-summary.json");
+  const perfOutputPath = join30(workDir, "perf-summary.json");
   const cfg = { ...job.config.producerConfig ?? resolveConfig() };
   const outputFormat = job.config.format ?? "mp4";
   const isWebm = outputFormat === "webm";
@@ -25648,19 +25914,19 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     assertNotAborted();
     if (!existsSync27(workDir)) mkdirSync17(workDir, { recursive: true });
     if (job.config.debug) {
-      const logPath = join29(workDir, "render.log");
+      const logPath = join30(workDir, "render.log");
       restoreLogger = installDebugLogger(logPath, log);
     }
     const entryFile = job.config.entryFile || "index.html";
-    let htmlPath = join29(projectDir, entryFile);
+    let htmlPath = join30(projectDir, entryFile);
     if (!existsSync27(htmlPath)) {
       throw new Error(`Entry file not found: ${htmlPath}`);
     }
     assertNotAborted();
     const rawEntry = readFileSync20(htmlPath, "utf-8");
     if (entryFile !== "index.html" && rawEntry.trimStart().startsWith("<template")) {
-      const wrapperPath = join29(workDir, "standalone-entry.html");
-      const projectIndexPath = join29(projectDir, "index.html");
+      const wrapperPath = join30(workDir, "standalone-entry.html");
+      const projectIndexPath = join30(projectDir, "index.html");
       if (!existsSync27(projectIndexPath)) {
         throw new Error(
           `Template entry file "${entryFile}" requires a project index.html to extract its render shell.`
@@ -25684,9 +25950,10 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     const stage1Start = Date.now();
     updateJobStatus(job, "preprocessing", "Compiling composition", 5, onProgress);
     const compileStart = Date.now();
-    let compiled = await compileForRender(projectDir, htmlPath, join29(workDir, "downloads"));
+    let compiled = await compileForRender(projectDir, htmlPath, join30(workDir, "downloads"));
     assertNotAborted();
     perfStages.compileOnlyMs = Date.now() - compileStart;
+    applyRenderModeHints(cfg, compiled, log);
     writeCompiledArtifacts(compiled, workDir, Boolean(job.config.debug));
     log.info("Compiled composition metadata", {
       entryFile,
@@ -25694,7 +25961,8 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
       width: compiled.width,
       height: compiled.height,
       videoCount: compiled.videos.length,
-      audioCount: compiled.audios.length
+      audioCount: compiled.audios.length,
+      renderModeHints: compiled.renderModeHints
     });
     const composition = {
       duration: compiled.staticDuration,
@@ -25713,8 +25981,9 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
         reasons.push(`${compiled.unresolvedCompositions.length} unresolved composition(s)`);
       fileServer = await createFileServer2({
         projectDir,
-        compiledDir: join29(workDir, "compiled"),
-        port: 0
+        compiledDir: join30(workDir, "compiled"),
+        port: 0,
+        preHeadScripts: [VIRTUAL_TIME_SHIM]
       });
       assertNotAborted();
       const captureOpts = {
@@ -25726,7 +25995,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
       };
       probeSession = await createCaptureSession(
         fileServer.url,
-        join29(workDir, "probe"),
+        join30(workDir, "probe"),
         captureOpts,
         null,
         cfg
@@ -25758,7 +26027,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
             compiled,
             resolutions,
             projectDir,
-            join29(workDir, "downloads")
+            join30(workDir, "downloads")
           );
           assertNotAborted();
           composition.videos = compiled.videos;
@@ -25893,12 +26162,12 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     const stage2Start = Date.now();
     updateJobStatus(job, "preprocessing", "Extracting video frames", 10, onProgress);
     let frameLookup = null;
-    const compiledDir = join29(workDir, "compiled");
+    const compiledDir = join30(workDir, "compiled");
     if (composition.videos.length > 0) {
       const extractionResult = await extractAllVideoFrames(
         composition.videos,
         projectDir,
-        { fps: job.config.fps, outputDir: join29(workDir, "video-frames") },
+        { fps: job.config.fps, outputDir: join30(workDir, "video-frames") },
         abortSignal,
         void 0,
         compiledDir
@@ -25932,13 +26201,13 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     }
     const stage3Start = Date.now();
     updateJobStatus(job, "preprocessing", "Processing audio tracks", 20, onProgress);
-    const audioOutputPath = join29(workDir, "audio.aac");
+    const audioOutputPath = join30(workDir, "audio.aac");
     let hasAudio = false;
     if (composition.audios.length > 0) {
       const audioResult = await processCompositionAudio(
         composition.audios,
         projectDir,
-        join29(workDir, "audio-work"),
+        join30(workDir, "audio-work"),
         audioOutputPath,
         job.duration,
         abortSignal,
@@ -25956,12 +26225,13 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     if (!fileServer) {
       fileServer = await createFileServer2({
         projectDir,
-        compiledDir: join29(workDir, "compiled"),
-        port: 0
+        compiledDir: join30(workDir, "compiled"),
+        port: 0,
+        preHeadScripts: [VIRTUAL_TIME_SHIM]
       });
       assertNotAborted();
     }
-    const framesDir = join29(workDir, "captured-frames");
+    const framesDir = join30(workDir, "captured-frames");
     if (!existsSync27(framesDir)) mkdirSync17(framesDir, { recursive: true });
     const captureOptions = {
       width,
@@ -25973,7 +26243,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     const workerCount = calculateOptimalWorkers(job.totalFrames, job.config.workers, cfg);
     const FORMAT_EXT2 = { mp4: ".mp4", webm: ".webm", mov: ".mov" };
     const videoExt = FORMAT_EXT2[outputFormat] ?? ".mp4";
-    const videoOnlyPath = join29(workDir, `video-only${videoExt}`);
+    const videoOnlyPath = join30(workDir, `video-only${videoExt}`);
     const preset = getEncoderPreset(job.config.quality, outputFormat);
     const effectiveQuality = job.config.crf ?? preset.quality;
     const effectiveBitrate = job.config.videoBitrate;
@@ -26249,7 +26519,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     }
     if (job.config.debug) {
       if (existsSync27(outputPath)) {
-        const debugOutput = join29(workDir, `output${videoExt}`);
+        const debugOutput = join30(workDir, `output${videoExt}`);
         copyFileSync2(outputPath, debugOutput);
       }
     } else {
@@ -26350,6 +26620,7 @@ var init_renderOrchestrator = __esm({
     init_fileServer2();
     init_htmlCompiler2();
     init_logger();
+    init_paths();
     RenderCancelledError = class extends Error {
       reason;
       constructor(message = "render_cancelled", reason = "aborted") {
@@ -26387,7 +26658,7 @@ var init_config3 = __esm({
 
 // ../producer/src/services/hyperframeLint.ts
 import { existsSync as existsSync28, readFileSync as readFileSync21, statSync as statSync8 } from "fs";
-import { resolve as resolve15, join as join30 } from "path";
+import { resolve as resolve16, join as join31 } from "path";
 function isStringRecord(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) {
     return false;
@@ -26414,7 +26685,7 @@ function pickEntryFile(files, preferredEntryFile) {
   return null;
 }
 function readProjectEntryFile(projectDir, preferredEntryFile) {
-  const absProjectDir = resolve15(projectDir);
+  const absProjectDir = resolve16(projectDir);
   if (!existsSync28(absProjectDir) || !statSync8(absProjectDir).isDirectory()) {
     return { error: `Project directory not found: ${absProjectDir}` };
   }
@@ -26422,7 +26693,7 @@ function readProjectEntryFile(projectDir, preferredEntryFile) {
     (value) => typeof value === "string" && value.trim().length > 0
   );
   for (const entryFile of entryCandidates) {
-    const absoluteEntryPath = resolve15(absProjectDir, entryFile);
+    const absoluteEntryPath = resolve16(absProjectDir, entryFile);
     if (!absoluteEntryPath.startsWith(absProjectDir)) {
       return { error: `Entry file must stay inside project directory: ${entryFile}` };
     }
@@ -26435,7 +26706,7 @@ function readProjectEntryFile(projectDir, preferredEntryFile) {
     }
   }
   return {
-    error: `No HTML entry file found in project directory: ${join30(absProjectDir, preferredEntryFile || "index.html")}`
+    error: `No HTML entry file found in project directory: ${join31(absProjectDir, preferredEntryFile || "index.html")}`
   };
 }
 function prepareHyperframeLintBody(body) {
@@ -26481,23 +26752,6 @@ var init_hyperframeLint = __esm({
   }
 });
 
-// ../producer/src/utils/paths.ts
-import { resolve as resolve16, basename, join as join31 } from "path";
-function resolveRenderPaths(projectDir, outputPath, rendersDir = DEFAULT_RENDERS_DIR) {
-  const absoluteProjectDir = resolve16(projectDir);
-  const projectName = basename(absoluteProjectDir);
-  const resolvedOutputPath = outputPath ?? join31(rendersDir, `${projectName}.mp4`);
-  const absoluteOutputPath = resolve16(resolvedOutputPath);
-  return { absoluteProjectDir, absoluteOutputPath };
-}
-var DEFAULT_RENDERS_DIR;
-var init_paths = __esm({
-  "../producer/src/utils/paths.ts"() {
-    "use strict";
-    DEFAULT_RENDERS_DIR = process.env.PRODUCER_RENDERS_DIR ?? resolve16(new URL(import.meta.url).pathname, "../../..", "renders");
-  }
-});
-
 // ../producer/src/utils/semaphore.ts
 var Semaphore;
 var init_semaphore = __esm({
@@ -28300,7 +28554,7 @@ __export(add_exports, {
   runAdd: () => runAdd
 });
 import { existsSync as existsSync33 } from "fs";
-import { resolve as resolve21, relative as relative2 } from "path";
+import { resolve as resolve21, relative as relative3 } from "path";
 function remapTarget(item, originalTarget, paths) {
   if (item.type === "hyperframes:block") {
     const blocksDir = paths.blocks.replace(/\/+$/, "");
@@ -28439,7 +28693,7 @@ var init_add = __esm({
           console.log("");
           console.log(`${c.success("\u2713")} Added ${c.accent(result.name)} (${result.type})`);
           for (const file of result.written) {
-            console.log(`  ${c.dim(relative2(projectDir, file))}`);
+            console.log(`  ${c.dim(relative3(projectDir, file))}`);
           }
           if (result.snippet) {
             console.log("");
@@ -30868,18 +31122,18 @@ function checkFFmpeg() {
   return {
     ok: false,
     detail: "Not found",
-    hint: process.platform === "darwin" ? "brew install ffmpeg" : "sudo apt install ffmpeg"
+    hint: getFFmpegInstallHint()
   };
 }
 function checkFFprobe() {
   try {
-    const result = execSync3("which ffprobe", { encoding: "utf-8", timeout: 5e3 }).trim();
-    return { ok: true, detail: result };
+    const version = execSync3("ffprobe -version", { encoding: "utf-8", timeout: 5e3 }).split("\n")[0] ?? "";
+    return { ok: true, detail: version.trim() };
   } catch {
     return {
       ok: false,
       detail: "Not found",
-      hint: "Installed with ffmpeg"
+      hint: `Installed with ffmpeg \u2014 ${getFFmpegInstallHint()}`
     };
   }
 }
@@ -31531,7 +31785,7 @@ __export(snapshot_exports, {
   examples: () => examples18
 });
 import { existsSync as existsSync44, readFileSync as readFileSync31, mkdirSync as mkdirSync24 } from "fs";
-import { resolve as resolve32, join as join44, dirname as dirname20, relative as relative3, isAbsolute as isAbsolute3 } from "path";
+import { resolve as resolve32, join as join44, dirname as dirname20, relative as relative4, isAbsolute as isAbsolute4 } from "path";
 import { fileURLToPath as fileURLToPath8 } from "url";
 async function captureSnapshots(projectDir, opts) {
   const { bundleToSingleHtml: bundleToSingleHtml2 } = await Promise.resolve().then(() => (init_compiler(), compiler_exports));
@@ -31564,8 +31818,8 @@ async function captureSnapshots(projectDir, opts) {
       return;
     }
     const filePath = resolve32(projectDir, decodeURIComponent(url).replace(/^\//, ""));
-    const rel = relative3(projectDir, filePath);
-    if (rel.startsWith("..") || isAbsolute3(rel)) {
+    const rel = relative4(projectDir, filePath);
+    if (rel.startsWith("..") || isAbsolute4(rel)) {
       res.writeHead(403);
       res.end();
       return;