hyperframes 0.4.14 → 0.4.15

package/dist/cli.js

@@ -54,7 +54,7 @@ var VERSION;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    VERSION = true ? "0.4.14" : "0.0.0-dev";
+    VERSION = true ? "0.4.15" : "0.0.0-dev";
   }
 });
 
@@ -9821,7 +9821,7 @@ import { get as httpsGet } from "https";
 import { pipeline } from "stream/promises";
 function downloadFile(url, dest) {
   const tmp = `${dest}.tmp`;
-  return new Promise((resolve35, reject) => {
+  return new Promise((resolve37, reject) => {
     const follow = (u) => {
       httpsGet(u, (res) => {
         if (res.statusCode === 301 || res.statusCode === 302) {
@@ -9838,7 +9838,7 @@ function downloadFile(url, dest) {
         const file = createWriteStream(tmp);
         pipeline(res, file).then(() => {
           renameSync(tmp, dest);
-          resolve35();
+          resolve37();
         }).catch((err) => {
           try {
             unlinkSync(tmp);
@@ -10556,7 +10556,7 @@ function hasNpx() {
   }
 }
 function runSkillsAdd(repo) {
-  return new Promise((resolve35, reject) => {
+  return new Promise((resolve37, reject) => {
     const child = spawn("npx", ["skills", "add", repo, "--all"], {
       stdio: "inherit",
       timeout: 12e4,
@@ -10570,7 +10570,7 @@ function runSkillsAdd(repo) {
       env: { ...process.env, GIT_CLONE_PROTECTION_ACTIVE: "0" }
     });
     child.on("close", (code, signal) => {
-      if (code === 0) resolve35();
+      if (code === 0) resolve37();
       else if (signal === "SIGINT" || code === 130) process.exit(0);
       else reject(new Error(`npx skills add exited with code ${code}`));
     });
@@ -14850,10 +14850,10 @@ function compareDocumentPosition(nodeA, nodeB) {
 function uniqueSort(nodes) {
   nodes = nodes.filter((node, i2, arr) => !arr.includes(node, i2 + 1));
   nodes.sort((a, b) => {
-    const relative5 = compareDocumentPosition(a, b);
-    if (relative5 & DocumentPosition.PRECEDING) {
+    const relative6 = compareDocumentPosition(a, b);
+    if (relative6 & DocumentPosition.PRECEDING) {
       return -1;
-    } else if (relative5 & DocumentPosition.FOLLOWING) {
+    } else if (relative6 & DocumentPosition.FOLLOWING) {
       return 1;
     }
     return 0;
@@ -15315,8 +15315,8 @@ var init_custom_element_registry = __esm({
         } : (element) => element.localName === localName;
         registry.set(localName, { Class, check });
         if (waiting.has(localName)) {
-          for (const resolve35 of waiting.get(localName))
-            resolve35(Class);
+          for (const resolve37 of waiting.get(localName))
+            resolve37(Class);
           waiting.delete(localName);
         }
         ownerDocument.querySelectorAll(
@@ -15356,13 +15356,13 @@ var init_custom_element_registry = __esm({
        */
       whenDefined(localName) {
         const { registry, waiting } = this;
-        return new Promise((resolve35) => {
+        return new Promise((resolve37) => {
           if (registry.has(localName))
-            resolve35(registry.get(localName).Class);
+            resolve37(registry.get(localName).Class);
           else {
             if (!waiting.has(localName))
               waiting.set(localName, []);
-            waiting.get(localName).push(resolve35);
+            waiting.get(localName).push(resolve37);
           }
         });
       }
@@ -21068,12 +21068,12 @@ var require_CSSValueExpression = __commonJS({
         return false;
       }
     };
-    CSSOM.CSSValueExpression.prototype._parseJSString = function(token, idx, sep3) {
-      var endIdx = this._findMatchedIdx(token, idx, sep3), text;
+    CSSOM.CSSValueExpression.prototype._parseJSString = function(token, idx, sep4) {
+      var endIdx = this._findMatchedIdx(token, idx, sep4), text;
       if (endIdx === -1) {
         return false;
       } else {
-        text = token.substring(idx, endIdx + sep3.length);
+        text = token.substring(idx, endIdx + sep4.length);
         return {
           idx: endIdx,
           text
@@ -21113,15 +21113,15 @@ var require_CSSValueExpression = __commonJS({
       if (!isLegal) {
         return false;
       } else {
-        var sep3 = "/";
-        return this._parseJSString(token, idx, sep3);
+        var sep4 = "/";
+        return this._parseJSString(token, idx, sep4);
       }
     };
-    CSSOM.CSSValueExpression.prototype._findMatchedIdx = function(token, idx, sep3) {
+    CSSOM.CSSValueExpression.prototype._findMatchedIdx = function(token, idx, sep4) {
       var startIdx = idx, endIdx;
       var NOT_FOUND = -1;
       while (true) {
-        endIdx = token.indexOf(sep3, startIdx + 1);
+        endIdx = token.indexOf(sep4, startIdx + 1);
         if (endIdx === -1) {
           endIdx = NOT_FOUND;
           break;
@@ -24755,7 +24755,7 @@ function resolveConfig(overrides) {
     hdr: (() => {
       const raw = env("PRODUCER_HDR_TRANSFER");
       if (raw === "hlg" || raw === "pq") return { transfer: raw };
-      return void 0;
+      return false;
     })(),
     hdrAutoDetect: envBool("PRODUCER_HDR_AUTO_DETECT", DEFAULT_CONFIG2.hdrAutoDetect),
     audioGain: envNum("PRODUCER_AUDIO_GAIN", DEFAULT_CONFIG2.audioGain),
@@ -25220,7 +25220,8 @@ async function injectVideoFramesBatch(page, updates) {
         let img = video.nextElementSibling;
         const isNewImage = !img || !img.classList.contains("__render_frame__");
         const computedStyle = window.getComputedStyle(video);
-        const computedOpacity = parseFloat(computedStyle.opacity) || 1;
+        const opacityParsed = parseFloat(computedStyle.opacity);
+        const computedOpacity = Number.isNaN(opacityParsed) ? 1 : opacityParsed;
         const sourceIsStatic = !computedStyle.position || computedStyle.position === "static";
         if (isNewImage) {
           img = document.createElement("img");
@@ -25266,7 +25267,6 @@ async function injectVideoFramesBatch(page, updates) {
         img.style.opacity = String(computedOpacity);
         img.style.visibility = "visible";
         video.style.setProperty("visibility", "hidden", "important");
-        video.style.setProperty("opacity", "0", "important");
         video.style.setProperty("pointer-events", "none", "important");
       }
       if (pendingDecodes.length > 0) {
@@ -25293,7 +25293,6 @@ async function syncVideoFrameVisibility(page, activeVideoIds) {
       } else {
         video.style.removeProperty("display");
         video.style.setProperty("visibility", "hidden", "important");
-        video.style.setProperty("opacity", "0", "important");
         video.style.setProperty("pointer-events", "none", "important");
         if (hasImg) {
           img.style.visibility = "hidden";
@@ -25397,7 +25396,7 @@ async function pollPageExpression(page, expression, timeoutMs, intervalMs = 100)
   while (Date.now() < deadline) {
     const ready = Boolean(await page.evaluate(expression));
     if (ready) return true;
-    await new Promise((resolve35) => setTimeout(resolve35, intervalMs));
+    await new Promise((resolve37) => setTimeout(resolve37, intervalMs));
   }
   return Boolean(await page.evaluate(expression));
 }
@@ -25628,9 +25627,15 @@ async function captureFrameToBuffer(session, frameIndex, time) {
   return { buffer, captureTimeMs };
 }
 async function closeCaptureSession(session) {
-  if (session.page) await session.page.close().catch(() => {
-  });
-  if (session.browser) await releaseBrowser(session.browser, session.config);
+  if (!session.pageReleased && session.page) {
+    await session.page.close().catch(() => {
+    });
+    session.pageReleased = true;
+  }
+  if (!session.browserReleased && session.browser) {
+    await releaseBrowser(session.browser, session.config);
+    session.browserReleased = true;
+  }
   session.isInitialized = false;
 }
 function prepareCaptureSessionForReuse(session, outputDir, onBeforeCapture) {
@@ -25680,7 +25685,7 @@ var init_frameCapture = __esm({
 // ../engine/src/utils/gpuEncoder.ts
 import { spawn as spawn2 } from "child_process";
 async function detectGpuEncoder() {
-  return new Promise((resolve35) => {
+  return new Promise((resolve37) => {
     const ffmpeg = spawn2("ffmpeg", ["-encoders"], {
       stdio: ["pipe", "pipe", "pipe"]
     });
@@ -25689,13 +25694,13 @@ async function detectGpuEncoder() {
       stdout2 += data.toString();
     });
     ffmpeg.on("close", () => {
-      if (stdout2.includes("h264_nvenc")) resolve35("nvenc");
-      else if (stdout2.includes("h264_videotoolbox")) resolve35("videotoolbox");
-      else if (stdout2.includes("h264_vaapi")) resolve35("vaapi");
-      else if (stdout2.includes("h264_qsv")) resolve35("qsv");
-      else resolve35(null);
+      if (stdout2.includes("h264_nvenc")) resolve37("nvenc");
+      else if (stdout2.includes("h264_videotoolbox")) resolve37("videotoolbox");
+      else if (stdout2.includes("h264_vaapi")) resolve37("vaapi");
+      else if (stdout2.includes("h264_qsv")) resolve37("qsv");
+      else resolve37(null);
     });
-    ffmpeg.on("error", () => resolve35(null));
+    ffmpeg.on("error", () => resolve37(null));
   });
 }
 async function getCachedGpuEncoder() {
@@ -25727,6 +25732,51 @@ var init_gpuEncoder = __esm({
   }
 });
 
+// ../engine/src/utils/hdr.ts
+function isHdrColorSpace(cs) {
+  if (!cs) return false;
+  return cs.colorPrimaries.includes("bt2020") || cs.colorSpace.includes("bt2020") || cs.colorTransfer === "smpte2084" || cs.colorTransfer === "arib-std-b67";
+}
+function detectTransfer(cs) {
+  if (cs?.colorTransfer === "smpte2084") return "pq";
+  return "hlg";
+}
+function getHdrEncoderColorParams(transfer, mastering = DEFAULT_HDR10_MASTERING) {
+  const colorTrc = transfer === "pq" ? "smpte2084" : "arib-std-b67";
+  const tagging = `colorprim=bt2020:transfer=${colorTrc}:colormatrix=bt2020nc`;
+  const metadata = `master-display=${mastering.masterDisplay}:max-cll=${mastering.maxCll}`;
+  return {
+    colorPrimaries: "bt2020",
+    colorTrc,
+    colorspace: "bt2020nc",
+    pixelFormat: "yuv420p10le",
+    x265ColorParams: `${tagging}:${metadata}`,
+    mastering
+  };
+}
+function analyzeCompositionHdr(colorSpaces) {
+  let hasPq = false;
+  let hasHdr = false;
+  for (const cs of colorSpaces) {
+    if (!isHdrColorSpace(cs)) continue;
+    hasHdr = true;
+    if (cs?.colorTransfer === "smpte2084") hasPq = true;
+  }
+  if (!hasHdr) return { hasHdr: false, dominantTransfer: null };
+  const dominantTransfer = hasPq ? "pq" : "hlg";
+  return { hasHdr: true, dominantTransfer };
+}
+var DEFAULT_HDR10_MASTERING;
+var init_hdr = __esm({
+  "../engine/src/utils/hdr.ts"() {
+    "use strict";
+    DEFAULT_HDR10_MASTERING = {
+      masterDisplay: "G(13250,34500)B(7500,3000)R(34000,16000)WP(15635,16450)L(10000000,1)",
+      maxCll: "1000,400"
+    };
+  }
+});
+
 // ../engine/src/utils/runFfmpeg.ts
 import { spawn as spawn3 } from "child_process";
 async function runFfmpeg(args, opts) {
@@ -25734,7 +25784,7 @@ async function runFfmpeg(args, opts) {
   const signal = opts?.signal;
   const timeout = opts?.timeout ?? DEFAULT_TIMEOUT;
   const onStderr = opts?.onStderr;
-  return new Promise((resolve35) => {
+  return new Promise((resolve37) => {
     const ffmpeg = spawn3("ffmpeg", args);
     let stderr = "";
     const onAbort = () => {
@@ -25760,7 +25810,7 @@ async function runFfmpeg(args, opts) {
     ffmpeg.on("close", (code) => {
       clearTimeout(timer);
       if (signal) signal.removeEventListener("abort", onAbort);
-      resolve35({
+      resolve37({
         success: !signal?.aborted && code === 0,
         exitCode: code,
         stderr,
@@ -25770,7 +25820,7 @@ async function runFfmpeg(args, opts) {
     ffmpeg.on("error", (err) => {
       clearTimeout(timer);
       if (signal) signal.removeEventListener("abort", onAbort);
-      resolve35({
+      resolve37({
         success: false,
         exitCode: null,
         stderr: err.message,
@@ -25830,6 +25880,12 @@ function buildEncoderArgs(options, inputArgs, outputPath, gpuEncoder = null) {
     pixelFormat = "yuv420p",
     useGpu = false
   } = options;
+  if (options.hdr && codec === "h264") {
+    console.warn(
+      "[chunkEncoder] HDR is not supported with codec=h264 (libx264 has no HDR support). Stripping HDR metadata and tagging output as SDR/BT.709. Use codec=h265 for HDR output."
+    );
+    options = { ...options, hdr: void 0 };
+  }
   const args = [...inputArgs, "-r", String(fps)];
   const shouldUseGpu = useGpu && gpuEncoder !== null;
   if (codec === "h264" || codec === "h265") {
@@ -25868,7 +25924,7 @@ function buildEncoderArgs(options, inputArgs, outputPath, gpuEncoder = null) {
       if (bitrate) args.push("-b:v", bitrate);
       else args.push("-crf", String(quality));
       const xParamsFlag = codec === "h264" ? "-x264-params" : "-x265-params";
-      const colorParams = "colorprim=bt709:transfer=bt709:colormatrix=bt709";
+      const colorParams = codec === "h265" && options.hdr ? getHdrEncoderColorParams(options.hdr.transfer).x265ColorParams : "colorprim=bt709:transfer=bt709:colormatrix=bt709";
       if (preset === "ultrafast") {
         args.push(xParamsFlag, `aq-mode=3:${colorParams}`);
       } else {
@@ -25892,16 +25948,30 @@ function buildEncoderArgs(options, inputArgs, outputPath, gpuEncoder = null) {
     return [...args, "-y", outputPath];
   }
   if (codec === "h264" || codec === "h265") {
-    args.push(
-      "-colorspace:v",
-      "bt709",
-      "-color_primaries:v",
-      "bt709",
-      "-color_trc:v",
-      "bt709",
-      "-color_range",
-      "tv"
-    );
+    if (options.hdr) {
+      const transferTag = options.hdr.transfer === "pq" ? "smpte2084" : "arib-std-b67";
+      args.push(
+        "-colorspace:v",
+        "bt2020nc",
+        "-color_primaries:v",
+        "bt2020",
+        "-color_trc:v",
+        transferTag,
+        "-color_range",
+        "tv"
+      );
+    } else {
+      args.push(
+        "-colorspace:v",
+        "bt709",
+        "-color_primaries:v",
+        "bt709",
+        "-color_trc:v",
+        "bt709",
+        "-color_range",
+        "tv"
+      );
+    }
     if (gpuEncoder === "vaapi") {
       const vfIdx = args.indexOf("-vf");
       if (vfIdx !== -1) {
@@ -25941,7 +26011,7 @@ async function encodeFramesFromDir(framesDir, framePattern, outputPath, options,
   const inputPath = join19(framesDir, framePattern);
   const inputArgs = ["-framerate", String(options.fps), "-i", inputPath];
   const args = buildEncoderArgs(options, inputArgs, outputPath, gpuEncoder);
-  return new Promise((resolve35) => {
+  return new Promise((resolve37) => {
     const ffmpeg = spawn4("ffmpeg", args);
     let stderr = "";
     const onAbort = () => {
@@ -25966,7 +26036,7 @@ async function encodeFramesFromDir(framesDir, framePattern, outputPath, options,
       if (signal) signal.removeEventListener("abort", onAbort);
       const durationMs = Date.now() - startTime;
       if (signal?.aborted) {
-        resolve35({
+        resolve37({
           success: false,
           outputPath,
           durationMs,
@@ -25977,7 +26047,7 @@ async function encodeFramesFromDir(framesDir, framePattern, outputPath, options,
         return;
       }
       if (code !== 0) {
-        resolve35({
+        resolve37({
           success: false,
           outputPath,
           durationMs,
@@ -25988,12 +26058,12 @@ async function encodeFramesFromDir(framesDir, framePattern, outputPath, options,
         return;
       }
       const fileSize = existsSync15(outputPath) ? statSync4(outputPath).size : 0;
-      resolve35({ success: true, outputPath, durationMs, framesEncoded: frameCount, fileSize });
+      resolve37({ success: true, outputPath, durationMs, framesEncoded: frameCount, fileSize });
     });
     ffmpeg.on("error", (err) => {
       clearTimeout(timer);
       if (signal) signal.removeEventListener("abort", onAbort);
-      resolve35({
+      resolve37({
         success: false,
         outputPath,
         durationMs: Date.now() - startTime,
@@ -26051,18 +26121,18 @@ async function encodeFramesChunkedConcat(framesDir, framePattern, outputPath, op
     let gpuEncoder = null;
     if (options.useGpu) gpuEncoder = await getCachedGpuEncoder();
     const args = buildEncoderArgs(options, inputArgs, chunkPath, gpuEncoder);
-    const chunkResult = await new Promise((resolve35) => {
+    const chunkResult = await new Promise((resolve37) => {
       const ffmpeg = spawn4("ffmpeg", args);
       let stderr = "";
       ffmpeg.stderr.on("data", (d) => {
         stderr += d.toString();
       });
       ffmpeg.on("close", (code) => {
-        if (code === 0) resolve35({ success: true });
-        else resolve35({ success: false, error: `Chunk ${i2} encode failed: ${stderr.slice(-400)}` });
+        if (code === 0) resolve37({ success: true });
+        else resolve37({ success: false, error: `Chunk ${i2} encode failed: ${stderr.slice(-400)}` });
       });
       ffmpeg.on("error", (err) => {
-        resolve35({ success: false, error: `Chunk ${i2} encode error: ${err.message}` });
+        resolve37({ success: false, error: `Chunk ${i2} encode error: ${err.message}` });
       });
     });
     if (!chunkResult.success) {
@@ -26092,18 +26162,18 @@ async function encodeFramesChunkedConcat(framesDir, framePattern, outputPath, op
     "-y",
     outputPath
   ];
-  const concatResult = await new Promise((resolve35) => {
+  const concatResult = await new Promise((resolve37) => {
     const ffmpeg = spawn4("ffmpeg", concatArgs);
     let stderr = "";
     ffmpeg.stderr.on("data", (d) => {
       stderr += d.toString();
     });
     ffmpeg.on("close", (code) => {
-      if (code === 0) resolve35({ success: true });
-      else resolve35({ success: false, error: `Chunk concat failed: ${stderr.slice(-400)}` });
+      if (code === 0) resolve37({ success: true });
+      else resolve37({ success: false, error: `Chunk concat failed: ${stderr.slice(-400)}` });
     });
     ffmpeg.on("error", (err) => {
-      resolve35({ success: false, error: `Chunk concat error: ${err.message}` });
+      resolve37({ success: false, error: `Chunk concat error: ${err.message}` });
     });
   });
   if (!concatResult.success) {
@@ -26185,6 +26255,7 @@ var init_chunkEncoder = __esm({
     "use strict";
     init_config2();
     init_gpuEncoder();
+    init_hdr();
     init_runFfmpeg();
     init_gpuEncoder();
     ENCODER_PRESETS = {
@@ -26195,51 +26266,6 @@ var init_chunkEncoder = __esm({
   }
 });
 
-// ../engine/src/utils/hdr.ts
-function isHdrColorSpace(cs) {
-  if (!cs) return false;
-  return cs.colorPrimaries.includes("bt2020") || cs.colorSpace.includes("bt2020") || cs.colorTransfer === "smpte2084" || cs.colorTransfer === "arib-std-b67";
-}
-function detectTransfer(cs) {
-  if (cs?.colorTransfer === "smpte2084") return "pq";
-  return "hlg";
-}
-function getHdrEncoderColorParams(transfer, mastering = DEFAULT_HDR10_MASTERING) {
-  const colorTrc = transfer === "pq" ? "smpte2084" : "arib-std-b67";
-  const tagging = `colorprim=bt2020:transfer=${colorTrc}:colormatrix=bt2020nc`;
-  const metadata = `master-display=${mastering.masterDisplay}:max-cll=${mastering.maxCll}`;
-  return {
-    colorPrimaries: "bt2020",
-    colorTrc,
-    colorspace: "bt2020nc",
-    pixelFormat: "yuv420p10le",
-    x265ColorParams: `${tagging}:${metadata}`,
-    mastering
-  };
-}
-function analyzeCompositionHdr(colorSpaces) {
-  let hasPq = false;
-  let hasHdr = false;
-  for (const cs of colorSpaces) {
-    if (!isHdrColorSpace(cs)) continue;
-    hasHdr = true;
-    if (cs?.colorTransfer === "smpte2084") hasPq = true;
-  }
-  if (!hasHdr) return { hasHdr: false, dominantTransfer: null };
-  const dominantTransfer = hasPq ? "pq" : "hlg";
-  return { hasHdr: true, dominantTransfer };
-}
-var DEFAULT_HDR10_MASTERING;
-var init_hdr = __esm({
-  "../engine/src/utils/hdr.ts"() {
-    "use strict";
-    DEFAULT_HDR10_MASTERING = {
-      masterDisplay: "G(13250,34500)B(7500,3000)R(34000,16000)WP(15635,16450)L(10000000,1)",
-      maxCll: "1000,400"
-    };
-  }
-});
-
 // ../engine/src/services/streamingEncoder.ts
 import { spawn as spawn5 } from "child_process";
 import { existsSync as existsSync16, mkdirSync as mkdirSync10, statSync as statSync5 } from "fs";
@@ -26247,37 +26273,37 @@ import { dirname as dirname6 } from "path";
 function createFrameReorderBuffer(startFrame, endFrame) {
   let cursor = startFrame;
   const pending = /* @__PURE__ */ new Map();
-  const enqueueAt = (frame, resolve35) => {
+  const enqueueAt = (frame, resolve37) => {
     const list = pending.get(frame);
     if (list === void 0) {
-      pending.set(frame, [resolve35]);
+      pending.set(frame, [resolve37]);
     } else {
-      list.push(resolve35);
+      list.push(resolve37);
     }
   };
   const flushAt = (frame) => {
     const list = pending.get(frame);
     if (list === void 0) return;
     pending.delete(frame);
-    for (const resolve35 of list) resolve35();
+    for (const resolve37 of list) resolve37();
   };
-  const waitForFrame = (frame) => new Promise((resolve35) => {
+  const waitForFrame = (frame) => new Promise((resolve37) => {
     if (frame === cursor) {
-      resolve35();
+      resolve37();
       return;
     }
-    enqueueAt(frame, resolve35);
+    enqueueAt(frame, resolve37);
   });
   const advanceTo = (frame) => {
     cursor = frame;
     flushAt(frame);
   };
-  const waitForAllDone = () => new Promise((resolve35) => {
+  const waitForAllDone = () => new Promise((resolve37) => {
     if (cursor >= endFrame) {
-      resolve35();
+      resolve37();
       return;
     }
-    enqueueAt(endFrame, resolve35);
+    enqueueAt(endFrame, resolve37);
   });
   return { waitForFrame, advanceTo, waitForAllDone };
 }
@@ -26439,7 +26465,7 @@ async function spawnStreamingEncoder(outputPath, options, signal, config) {
   let stderr = "";
   let exitCode = null;
   let exitPromiseResolve = null;
-  const exitPromise = new Promise((resolve35) => exitPromiseResolve = resolve35);
+  const exitPromise = new Promise((resolve37) => exitPromiseResolve = resolve37);
   ffmpeg.stderr?.on("data", (data) => {
     stderr += data.toString();
   });
@@ -26485,8 +26511,8 @@ Process error: ${err.message}`;
       if (signal) signal.removeEventListener("abort", onAbort);
       const stdin = ffmpeg.stdin;
       if (stdin && !stdin.destroyed) {
-        await new Promise((resolve35) => {
-          stdin.end(() => resolve35());
+        await new Promise((resolve37) => {
+          stdin.end(() => resolve37());
         });
       }
       await exitPromise;
@@ -26528,7 +26554,7 @@ import { spawn as spawn6 } from "child_process";
 import { readFileSync as readFileSync14 } from "fs";
 import { extname as extname4 } from "path";
 function runFfprobe(args) {
-  return new Promise((resolve35, reject) => {
+  return new Promise((resolve37, reject) => {
     const proc = spawn6("ffprobe", args);
     let stdout2 = "";
     let stderr = "";
@@ -26542,7 +26568,7 @@ function runFfprobe(args) {
       if (code !== 0) {
         reject(new Error(`[FFmpeg] ffprobe exited with code ${code}: ${stderr}`));
       } else {
-        resolve35(stdout2);
+        resolve37(stdout2);
       }
     });
     proc.on("error", (err) => {
@@ -26956,7 +26982,7 @@ async function extractVideoFramesRange(videoPath, videoId, startTime, duration,
   args.push("-q:v", format === "jpg" ? String(Math.ceil((100 - quality) / 3)) : "0");
   if (format === "png") args.push("-compression_level", "6");
   args.push("-y", outputPattern);
-  return new Promise((resolve35, reject) => {
+  return new Promise((resolve37, reject) => {
     const ffmpeg = spawn7("ffmpeg", args);
     let stderr = "";
     const onAbort = () => {
@@ -26991,7 +27017,7 @@ async function extractVideoFramesRange(videoPath, videoId, startTime, duration,
       files.forEach((file, index) => {
         framePaths.set(index, join21(videoOutputDir, file));
       });
-      resolve35({
+      resolve37({
         videoId,
         srcPath: videoPath,
         outputDir: videoOutputDir,
@@ -27013,8 +27039,9 @@ async function extractVideoFramesRange(videoPath, videoId, startTime, duration,
     });
   });
 }
-async function convertSdrToHdr(inputPath, outputPath, signal, config) {
+async function convertSdrToHdr(inputPath, outputPath, targetTransfer, signal, config) {
   const timeout = config?.ffmpegProcessTimeout ?? DEFAULT_CONFIG2.ffmpegProcessTimeout;
+  const colorTrc = targetTransfer === "pq" ? "smpte2084" : "arib-std-b67";
   const args = [
     "-i",
     inputPath,
@@ -27023,7 +27050,7 @@ async function convertSdrToHdr(inputPath, outputPath, signal, config) {
     "-color_primaries",
     "bt2020",
     "-color_trc",
-    "arib-std-b67",
+    colorTrc,
     "-colorspace",
     "bt2020nc",
     "-c:v",
@@ -27109,8 +27136,9 @@ async function extractAllVideoFrames(videos, baseDir, options, signal, config, c
       return metadata.colorSpace;
     })
   );
-  const hasAnyHdr = videoColorSpaces.some(isHdrColorSpace);
-  if (hasAnyHdr) {
+  const hdrInfo = analyzeCompositionHdr(videoColorSpaces);
+  if (hdrInfo.hasHdr && hdrInfo.dominantTransfer) {
+    const targetTransfer = hdrInfo.dominantTransfer;
     const convertDir = join21(options.outputDir, "_hdr_normalized");
     mkdirSync12(convertDir, { recursive: true });
     for (let i2 = 0; i2 < resolvedVideos.length; i2++) {
@@ -27121,7 +27149,7 @@ async function extractAllVideoFrames(videos, baseDir, options, signal, config, c
         if (!entry) continue;
         const convertedPath = join21(convertDir, `${entry.video.id}_hdr.mp4`);
         try {
-          await convertSdrToHdr(entry.videoPath, convertedPath, signal, config);
+          await convertSdrToHdr(entry.videoPath, convertedPath, targetTransfer, signal, config);
           entry.videoPath = convertedPath;
         } catch (err) {
           errors.push({
@@ -27424,7 +27452,6 @@ async function hideVideoElements(page, videoIds) {
       const el = document.getElementById(id);
       if (el) {
         el.style.setProperty("visibility", "hidden", "important");
-        el.style.setProperty("opacity", "0", "important");
         const img = document.getElementById(`__render_frame_${id}__`);
         if (img) img.style.setProperty("visibility", "hidden", "important");
       }
@@ -27438,7 +27465,6 @@ async function showVideoElements(page, videoIds) {
       const el = document.getElementById(id);
       if (el) {
         el.style.removeProperty("visibility");
-        el.style.removeProperty("opacity");
         const img = document.getElementById(`__render_frame_${id}__`);
         if (img) img.style.removeProperty("visibility");
       }
@@ -27465,8 +27491,10 @@ async function queryVideoElementBounds(page, videoIds) {
       }
       const rect = el.getBoundingClientRect();
       const style = window.getComputedStyle(el);
-      const zIndex = parseInt(style.zIndex) || 0;
-      const opacity = parseFloat(style.opacity) || 1;
+      const zIndexParsed = parseInt(style.zIndex);
+      const zIndex = Number.isNaN(zIndexParsed) ? 0 : zIndexParsed;
+      const opacityParsed = parseFloat(style.opacity);
+      const opacity = Number.isNaN(opacityParsed) ? 1 : opacityParsed;
       const transform = style.transform || "none";
       const visible = style.visibility !== "hidden" && style.display !== "none" && rect.width > 0 && rect.height > 0;
       return {
@@ -27504,12 +27532,12 @@ async function queryElementStacking(page, nativeHdrIds) {
       function resolveRadius(value, el) {
         if (value.includes("%")) {
           const pct = parseFloat(value) / 100;
-          const htmlEl = el;
-          const w = htmlEl.offsetWidth || 0;
-          const h3 = htmlEl.offsetHeight || 0;
+          const w = el instanceof HTMLElement ? el.offsetWidth : 0;
+          const h3 = el instanceof HTMLElement ? el.offsetHeight : 0;
           return pct * Math.min(w, h3);
         }
-        return parseFloat(value) || 0;
+        const parsed = parseFloat(value);
+        return Number.isNaN(parsed) ? 0 : parsed;
       }
       const selfCs = window.getComputedStyle(node);
       const selfRadii = [
@@ -27593,8 +27621,7 @@ async function queryElementStacking(page, nativeHdrIds) {
       const style = window.getComputedStyle(el);
       const zIndex = getEffectiveZIndex(el);
       const isHdrEl = hdrSet.has(id);
-      const opacityStartNode = isHdrEl ? el.parentElement : el;
-      const opacity = opacityStartNode ? getEffectiveOpacity(opacityStartNode) : 1;
+      const opacity = getEffectiveOpacity(el);
       const visible = style.visibility !== "hidden" && style.display !== "none" && rect.width > 0 && rect.height > 0;
       const htmlEl = el instanceof HTMLElement ? el : null;
       results.push({
@@ -28237,11 +28264,11 @@ function createFileServer(options) {
       headers: { "Content-Type": contentType }
     });
   });
-  return new Promise((resolve35) => {
+  return new Promise((resolve37) => {
     const server = serve({ fetch: app.fetch, port }, (info) => {
       const actualPort = info.port;
       const url = `http://localhost:${actualPort}`;
-      resolve35({
+      resolve37({
         url,
         port: actualPort,
         close: () => server.close()
@@ -30502,8 +30529,20 @@ var init_hyperframeRuntimeLoader = __esm({
 // ../producer/src/services/fileServer.ts
 import { Hono as Hono3 } from "hono";
 import { serve as serve2 } from "@hono/node-server";
-import { readFileSync as readFileSync18, existsSync as existsSync25, statSync as statSync7 } from "fs";
-import { join as join27, extname as extname7 } from "path";
+import { readFileSync as readFileSync18, existsSync as existsSync25, realpathSync, statSync as statSync7 } from "fs";
+import { join as join27, extname as extname7, resolve as resolve13, sep as sep3 } from "path";
+function isPathInside(child, parent, options = {}) {
+  const { resolveSymlinks = false, pathModule } = options;
+  const resolveFn = pathModule?.resolve ?? resolve13;
+  const separator = pathModule?.sep ?? sep3;
+  const resolvedChild = resolveFn(child);
+  const resolvedParent = resolveFn(parent);
+  const normalizedChild = resolveSymlinks && existsSync25(resolvedChild) ? realpathSync.native(resolvedChild) : resolvedChild;
+  const normalizedParent = resolveSymlinks && existsSync25(resolvedParent) ? realpathSync.native(resolvedParent) : resolvedParent;
+  if (normalizedChild === normalizedParent) return true;
+  const parentWithSep = normalizedParent.endsWith(separator) ? normalizedParent : normalizedParent + separator;
+  return normalizedChild.startsWith(parentWithSep);
+}
 function stripEmbeddedRuntimeScripts3(html) {
   if (!html) return html;
   const scriptRe = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
@@ -30586,12 +30625,20 @@ function createFileServer2(options) {
     let requestPath = c2.req.path;
     if (requestPath === "/") requestPath = "/index.html";
     const relativePath = requestPath.replace(/^\//, "");
-    const compiledPath = compiledDir ? join27(compiledDir, relativePath) : null;
-    const hasCompiledFile = Boolean(
-      compiledPath && existsSync25(compiledPath) && statSync7(compiledPath).isFile()
-    );
-    const filePath = hasCompiledFile ? compiledPath : join27(projectDir, relativePath);
-    if (!existsSync25(filePath) || !statSync7(filePath).isFile()) {
+    let filePath = null;
+    if (compiledDir) {
+      const candidate = join27(compiledDir, relativePath);
+      if (existsSync25(candidate) && isPathInside(candidate, compiledDir, { resolveSymlinks: true }) && statSync7(candidate).isFile()) {
+        filePath = candidate;
+      }
+    }
+    if (!filePath) {
+      const candidate = join27(projectDir, relativePath);
+      if (existsSync25(candidate) && isPathInside(candidate, projectDir, { resolveSymlinks: true }) && statSync7(candidate).isFile()) {
+        filePath = candidate;
+      }
+    }
+    if (!filePath) {
       if (!/favicon\.ico$/i.test(requestPath)) {
         console.warn(`[FileServer] 404 Not Found: ${requestPath}`);
       }
@@ -30615,10 +30662,10 @@ function createFileServer2(options) {
       headers: { "Content-Type": contentType }
     });
   });
-  return new Promise((resolve35) => {
+  return new Promise((resolve37) => {
     const connections = /* @__PURE__ */ new Set();
     const server = serve2({ fetch: app.fetch, port }, (info) => {
-      resolve35({
+      resolve37({
         url: `http://localhost:${info.port}`,
         port: info.port,
         close: () => {
@@ -30961,10 +31008,10 @@ var init_ffprobe2 = __esm({
 });
 
 // ../producer/src/utils/paths.ts
-import { resolve as resolve13, basename, join as join28, relative as relative2, isAbsolute as isAbsolute3 } from "path";
-function isPathInside(childPath, parentPath) {
-  const absChild = resolve13(childPath);
-  const absParent = resolve13(parentPath);
+import { resolve as resolve14, basename, join as join28, relative as relative2, isAbsolute as isAbsolute3 } from "path";
+function isPathInside2(childPath, parentPath) {
+  const absChild = resolve14(childPath);
+  const absParent = resolve14(parentPath);
   if (absChild === absParent) return true;
   const rel = relative2(absParent, absChild);
   return rel !== "" && !rel.startsWith("..") && !isAbsolute3(rel);
@@ -30980,17 +31027,17 @@ function toExternalAssetKey(absPath) {
   return "hf-ext/" + normalised;
 }
 function resolveRenderPaths(projectDir, outputPath, rendersDir = DEFAULT_RENDERS_DIR) {
-  const absoluteProjectDir = resolve13(projectDir);
+  const absoluteProjectDir = resolve14(projectDir);
   const projectName = basename(absoluteProjectDir);
   const resolvedOutputPath = outputPath ?? join28(rendersDir, `${projectName}.mp4`);
-  const absoluteOutputPath = resolve13(resolvedOutputPath);
+  const absoluteOutputPath = resolve14(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");
+    DEFAULT_RENDERS_DIR = process.env.PRODUCER_RENDERS_DIR ?? resolve14(new URL(import.meta.url).pathname, "../../..", "renders");
   }
 });
 
@@ -31394,7 +31441,7 @@ var init_deterministicFonts = __esm({
 
 // ../producer/src/services/htmlCompiler.ts
 import { readFileSync as readFileSync20, existsSync as existsSync27, mkdirSync as mkdirSync16 } from "fs";
-import { join as join30, dirname as dirname9, resolve as resolve14 } from "path";
+import { join as join30, dirname as dirname9, resolve as resolve15 } from "path";
 import postcss from "postcss";
 function dedupeElementsById(elements) {
   const deduped = /* @__PURE__ */ new Map();
@@ -31519,7 +31566,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 = resolve14(projectDir, srcPath);
+    const filePath = resolve15(projectDir, srcPath);
     if (visited.has(filePath)) {
       continue;
     }
@@ -31732,7 +31779,7 @@ function inlineSubCompositions(html, subCompositions, projectDir) {
     if (!srcPath) continue;
     let compHtml = subCompositions.get(srcPath) || null;
     if (!compHtml) {
-      const filePath = resolve14(projectDir, srcPath);
+      const filePath = resolve15(projectDir, srcPath);
       if (existsSync27(filePath)) {
         compHtml = readFileSync20(filePath, "utf-8");
       }
@@ -31949,7 +31996,7 @@ ${safeText}
   return wrappedFragment ? document2.body.innerHTML || "" : document2.toString();
 }
 function collectExternalAssets(html, projectDir) {
-  const absProjectDir = resolve14(projectDir);
+  const absProjectDir = resolve15(projectDir);
   const externalAssets = /* @__PURE__ */ new Map();
   const CSS_URL_RE2 = /\burl\(\s*(["']?)([^)"']+)\1\s*\)/g;
   function processPath(rawPath) {
@@ -31957,8 +32004,8 @@ 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 = resolve14(absProjectDir, trimmed);
-    if (isPathInside(absPath, absProjectDir)) {
+    const absPath = resolve15(absProjectDir, trimmed);
+    if (isPathInside2(absPath, absProjectDir)) {
       return null;
     }
     if (!existsSync27(absPath)) return null;
@@ -32038,7 +32085,7 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
   const images = dedupeElementsById([...mainImages, ...subImages]);
   for (const video of videos) {
     if (isHttpUrl(video.src)) continue;
-    const videoPath = resolve14(projectDir, video.src);
+    const videoPath = resolve15(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) {
@@ -32244,7 +32291,7 @@ import {
   copyFileSync as copyFileSync2,
   appendFileSync
 } from "fs";
-import { join as join31, dirname as dirname10, resolve as resolve15 } from "path";
+import { join as join31, dirname as dirname10, resolve as resolve16 } from "path";
 import { randomUUID as randomUUID2 } from "crypto";
 import { freemem as freemem2 } from "os";
 import { fileURLToPath as fileURLToPath3 } from "url";
@@ -32325,8 +32372,8 @@ function writeCompiledArtifacts(compiled, workDir, includeSummary) {
     writeFileSync10(outPath, html, "utf-8");
   }
   for (const [relativePath, absolutePath] of compiled.externalAssets) {
-    const outPath = resolve15(join31(compileDir, relativePath));
-    if (!isPathInside(outPath, compileDir)) {
+    const outPath = resolve16(join31(compileDir, relativePath));
+    if (!isPathInside2(outPath, compileDir)) {
       console.warn(`[Render] Skipping external asset with unsafe path: ${relativePath}`);
       continue;
     }
@@ -32513,7 +32560,7 @@ 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 ? resolve15(process.env.PRODUCER_RENDERS_DIR, "..") : resolve15(moduleDir, "../..");
+  const producerRoot = process.env.PRODUCER_RENDERS_DIR ? resolve16(process.env.PRODUCER_RENDERS_DIR, "..") : resolve16(moduleDir, "../..");
   const debugDir = join31(producerRoot, ".debug");
   const workDir = job.config.debug ? join31(debugDir, job.id) : join31(dirname10(outputPath), `work-${job.id}`);
   const pipelineStart = Date.now();
@@ -32957,6 +33004,13 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     const hasHdrContent = effectiveHdr && nativeHdrIds.size > 0;
     const encoderHdr = hasHdrContent ? effectiveHdr : void 0;
     const preset = getEncoderPreset(job.config.quality, outputFormat, encoderHdr);
+    if (job.config.crf != null && job.config.videoBitrate) {
+      log2.warn(
+        `[Render] Both crf=${job.config.crf} and videoBitrate=${job.config.videoBitrate} were set. These are mutually exclusive; honoring crf and ignoring videoBitrate. Set only one to silence this warning.`
+      );
+    }
+    const effectiveQuality = job.config.crf ?? preset.quality;
+    const effectiveBitrate = job.config.crf != null ? void 0 : job.config.videoBitrate;
     job.framesRendered = 0;
     if (hasHdrContent) {
       log2.info("[Render] HDR layered composite: z-ordered DOM + native HLG video layers");
@@ -32980,411 +33034,251 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
         createVideoFrameInjector(frameLookup),
         cfg
       );
-      await initializeSession(domSession);
-      assertNotAborted();
-      lastBrowserConsole = domSession.browserConsoleBuffer;
-      await initTransparentBackground(domSession.page);
-      const transitionMeta = await domSession.page.evaluate(() => {
-        return window.__hf?.transitions ?? [];
-      });
-      const sceneElements = await domSession.page.evaluate(() => {
-        const scenes = document.querySelectorAll(".scene");
-        const map = {};
-        for (const scene of scenes) {
-          const els = scene.querySelectorAll("[data-start]");
-          map[scene.id] = Array.from(els).map((e2) => e2.id);
-        }
-        return map;
-      });
-      const transitionRanges = transitionMeta.map((t3) => ({
-        ...t3,
-        startFrame: Math.floor(t3.time * job.config.fps),
-        endFrame: Math.ceil((t3.time + t3.duration) * job.config.fps)
-      }));
-      if (transitionRanges.length > 0) {
-        log2.info("[Render] Detected shader transitions for HDR compositing", {
-          count: transitionRanges.length,
-          transitions: transitionRanges.map((t3) => ({
-            shader: t3.shader,
-            from: t3.fromScene,
-            to: t3.toScene,
-            frames: `${t3.startFrame}-${t3.endFrame}`
-          }))
-        });
-      }
-      const hdrEncoder = await spawnStreamingEncoder(
-        videoOnlyPath,
-        {
-          fps: job.config.fps,
-          width,
-          height,
-          codec: preset.codec,
-          preset: preset.preset,
-          quality: preset.quality,
-          pixelFormat: preset.pixelFormat,
-          hdr: preset.hdr,
-          rawInputFormat: "rgb48le"
-        },
-        abortSignal,
-        { ffmpegStreamingTimeout: 36e5 }
-      );
-      assertNotAborted();
-      const hdrExtractionDims = /* @__PURE__ */ new Map();
-      const hdrImageFitInfo = /* @__PURE__ */ new Map();
-      const hdrVideoStartTimes = /* @__PURE__ */ new Map();
-      for (const v of composition.videos) {
-        if (hdrVideoIds.includes(v.id)) {
-          hdrVideoStartTimes.set(v.id, v.start);
-        }
-      }
-      const hdrImageStartTimes = /* @__PURE__ */ new Map();
-      for (const img of composition.images) {
-        if (nativeHdrImageIds.has(img.id)) {
-          hdrImageStartTimes.set(img.id, img.start);
-        }
-      }
-      const uniqueStartTimes = [
-        .../* @__PURE__ */ new Set([...hdrVideoStartTimes.values(), ...hdrImageStartTimes.values()])
-      ].sort((a, b) => a - b);
-      for (const seekTime of uniqueStartTimes) {
-        await domSession.page.evaluate((t3) => {
-          if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
-        }, seekTime);
-        if (domSession.onBeforeCapture) {
-          await domSession.onBeforeCapture(domSession.page, seekTime);
-        }
-        const stacking = await queryElementStacking(domSession.page, nativeHdrIds);
-        for (const el of stacking) {
-          if (el.isHdr && el.layoutWidth > 0 && el.layoutHeight > 0 && !hdrExtractionDims.has(el.id)) {
-            hdrExtractionDims.set(el.id, { width: el.layoutWidth, height: el.layoutHeight });
-          }
-          if (el.isHdr && nativeHdrImageIds.has(el.id) && !hdrImageFitInfo.has(el.id)) {
-            hdrImageFitInfo.set(el.id, {
-              fit: el.objectFit,
-              position: el.objectPosition
-            });
-          }
-        }
-      }
+      let hdrEncoder = null;
+      let hdrEncoderClosed = false;
+      let domSessionClosed = false;
       const hdrFrameDirs = /* @__PURE__ */ new Map();
-      for (const [videoId, srcPath] of hdrVideoSrcPaths) {
-        const video = composition.videos.find((v) => v.id === videoId);
-        if (!video) continue;
-        const frameDir = join31(framesDir, `hdr_${videoId}`);
-        mkdirSync17(frameDir, { recursive: true });
-        const duration = video.end - video.start;
-        const dims = hdrExtractionDims.get(videoId) ?? { width, height };
-        const ffmpegArgs = [
-          "-ss",
-          String(video.mediaStart),
-          "-i",
-          srcPath,
-          "-t",
-          String(duration),
-          "-r",
-          String(job.config.fps),
-          "-vf",
-          `scale=${dims.width}:${dims.height}:force_original_aspect_ratio=increase,crop=${dims.width}:${dims.height}`,
-          "-pix_fmt",
-          "rgb48le",
-          "-c:v",
-          "png",
-          "-y",
-          join31(frameDir, "frame_%04d.png")
-        ];
-        const result = await runFfmpeg(ffmpegArgs, { signal: abortSignal });
-        if (!result.success) {
-          hdrDiagnostics.videoExtractionFailures += 1;
-          log2.error("HDR frame pre-extraction failed; aborting render", {
-            videoId,
-            srcPath,
-            stderr: result.stderr.slice(-400)
+      try {
+        await initializeSession(domSession);
+        assertNotAborted();
+        lastBrowserConsole = domSession.browserConsoleBuffer;
+        await initTransparentBackground(domSession.page);
+        const transitionMeta = await domSession.page.evaluate(() => {
+          return window.__hf?.transitions ?? [];
+        });
+        const sceneElements = await domSession.page.evaluate(() => {
+          const scenes = document.querySelectorAll(".scene");
+          const map = {};
+          for (const scene of scenes) {
+            const els = scene.querySelectorAll("[data-start]");
+            map[scene.id] = Array.from(els).map((e2) => e2.id);
+          }
+          return map;
+        });
+        const transitionRanges = transitionMeta.map((t3) => ({
+          ...t3,
+          startFrame: Math.floor(t3.time * job.config.fps),
+          endFrame: Math.ceil((t3.time + t3.duration) * job.config.fps)
+        }));
+        if (transitionRanges.length > 0) {
+          log2.info("[Render] Detected shader transitions for HDR compositing", {
+            count: transitionRanges.length,
+            transitions: transitionRanges.map((t3) => ({
+              shader: t3.shader,
+              from: t3.fromScene,
+              to: t3.toScene,
+              frames: `${t3.startFrame}-${t3.endFrame}`
+            }))
           });
-          throw new Error(
-            `HDR frame extraction failed for video "${videoId}". Aborting render to avoid shipping black HDR layers.`
-          );
         }
-        hdrFrameDirs.set(videoId, frameDir);
-      }
-      const hdrImageBuffers = /* @__PURE__ */ new Map();
-      for (const [imageId, srcPath] of hdrImageSrcPaths) {
-        try {
-          const decoded = decodePngToRgb48le(readFileSync21(srcPath));
-          const layout2 = hdrExtractionDims.get(imageId);
-          const fitInfo = hdrImageFitInfo.get(imageId);
-          if (layout2 && (layout2.width !== decoded.width || layout2.height !== decoded.height)) {
-            const fit = normalizeObjectFit(fitInfo?.fit);
-            const resampled = resampleRgb48leObjectFit(
-              decoded.data,
-              decoded.width,
-              decoded.height,
-              layout2.width,
-              layout2.height,
-              fit,
-              fitInfo?.position
-            );
-            hdrImageBuffers.set(imageId, {
-              data: resampled,
-              width: layout2.width,
-              height: layout2.height
-            });
-          } else {
-            hdrImageBuffers.set(imageId, {
-              data: Buffer.from(decoded.data),
-              width: decoded.width,
-              height: decoded.height
-            });
+        hdrEncoder = await spawnStreamingEncoder(
+          videoOnlyPath,
+          {
+            fps: job.config.fps,
+            width,
+            height,
+            codec: preset.codec,
+            preset: preset.preset,
+            quality: effectiveQuality,
+            bitrate: effectiveBitrate,
+            pixelFormat: preset.pixelFormat,
+            hdr: preset.hdr,
+            rawInputFormat: "rgb48le"
+          },
+          abortSignal,
+          { ffmpegStreamingTimeout: 36e5 }
+        );
+        assertNotAborted();
+        const hdrExtractionDims = /* @__PURE__ */ new Map();
+        const hdrImageFitInfo = /* @__PURE__ */ new Map();
+        const hdrVideoStartTimes = /* @__PURE__ */ new Map();
+        for (const v of composition.videos) {
+          if (hdrVideoIds.includes(v.id)) {
+            hdrVideoStartTimes.set(v.id, v.start);
           }
-        } catch (err) {
-          hdrDiagnostics.imageDecodeFailures += 1;
-          log2.error("HDR image decode failed; aborting render", {
-            imageId,
-            srcPath,
-            error: err instanceof Error ? err.message : String(err)
-          });
-          throw new Error(
-            `HDR image decode failed for image "${imageId}". Aborting render to avoid shipping missing HDR image layers.`
-          );
         }
-      }
-      assertNotAborted();
-      try {
-        let countNonZeroAlpha2 = function(rgba) {
-          let n = 0;
-          for (let p = 3; p < rgba.length; p += 4) {
-            if (rgba[p] !== 0) n++;
+        const hdrImageStartTimes = /* @__PURE__ */ new Map();
+        for (const img of composition.images) {
+          if (nativeHdrImageIds.has(img.id)) {
+            hdrImageStartTimes.set(img.id, img.start);
           }
-          return n;
-        }, countNonZeroRgb482 = function(buf) {
-          let n = 0;
-          for (let p = 0; p < buf.length; p += 6) {
-            if (buf[p] !== 0 || buf[p + 1] !== 0 || buf[p + 2] !== 0) n++;
+        }
+        const uniqueStartTimes = [
+          .../* @__PURE__ */ new Set([...hdrVideoStartTimes.values(), ...hdrImageStartTimes.values()])
+        ].sort((a, b) => a - b);
+        for (const seekTime of uniqueStartTimes) {
+          await domSession.page.evaluate((t3) => {
+            if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
+          }, seekTime);
+          if (domSession.onBeforeCapture) {
+            await domSession.onBeforeCapture(domSession.page, seekTime);
+          }
+          const stacking = await queryElementStacking(domSession.page, nativeHdrIds);
+          for (const el of stacking) {
+            if (el.isHdr && el.layoutWidth > 0 && el.layoutHeight > 0 && !hdrExtractionDims.has(el.id)) {
+              hdrExtractionDims.set(el.id, { width: el.layoutWidth, height: el.layoutHeight });
+            }
+            if (el.isHdr && nativeHdrImageIds.has(el.id) && !hdrImageFitInfo.has(el.id)) {
+              hdrImageFitInfo.set(el.id, {
+                fit: el.objectFit,
+                position: el.objectPosition
+              });
+            }
           }
-          return n;
-        };
-        var countNonZeroAlpha = countNonZeroAlpha2, countNonZeroRgb48 = countNonZeroRgb482;
-        const beforeCaptureHook = domSession.onBeforeCapture;
-        const cleanedUpVideos = /* @__PURE__ */ new Set();
-        const hdrVideoEndTimes = /* @__PURE__ */ new Map();
-        for (const v of composition.videos) {
-          if (hdrFrameDirs.has(v.id)) {
-            hdrVideoEndTimes.set(v.id, v.end);
-          }
-        }
-        const debugDumpEnabled = process.env.KEEP_TEMP === "1";
-        const debugDumpDir = debugDumpEnabled ? join31(framesDir, "debug-composite") : null;
-        if (debugDumpDir && !existsSync28(debugDumpDir)) {
-          mkdirSync17(debugDumpDir, { recursive: true });
-        }
-        async function compositeToBuffer(canvas, time, fullStacking, elementFilter, debugFrameIndex = -1) {
-          const filteredStacking = elementFilter ? fullStacking.filter((e2) => elementFilter.has(e2.id)) : fullStacking;
-          const layers = groupIntoLayers(filteredStacking);
-          const shouldLog = debugDumpEnabled && debugFrameIndex >= 0;
-          if (shouldLog) {
-            log2.info("[diag] compositeToBuffer plan", {
-              frame: debugFrameIndex,
-              time: time.toFixed(3),
-              filterSize: elementFilter?.size,
-              fullStackingCount: fullStacking.length,
-              filteredCount: filteredStacking.length,
-              layerCount: layers.length,
-              layers: layers.map(
-                (l) => l.type === "hdr" ? {
-                  type: "hdr",
-                  id: l.element.id,
-                  z: l.element.zIndex,
-                  visible: l.element.visible,
-                  opacity: l.element.opacity,
-                  bounds: `${Math.round(l.element.x)},${Math.round(l.element.y)} ${Math.round(l.element.width)}x${Math.round(l.element.height)}`
-                } : { type: "dom", ids: l.elementIds }
-              )
+        }
+        for (const [videoId, srcPath] of hdrVideoSrcPaths) {
+          const video = composition.videos.find((v) => v.id === videoId);
+          if (!video) continue;
+          const frameDir = join31(framesDir, `hdr_${videoId}`);
+          mkdirSync17(frameDir, { recursive: true });
+          const duration = video.end - video.start;
+          const dims = hdrExtractionDims.get(videoId) ?? { width, height };
+          const ffmpegArgs = [
+            "-ss",
+            String(video.mediaStart),
+            "-i",
+            srcPath,
+            "-t",
+            String(duration),
+            "-r",
+            String(job.config.fps),
+            "-vf",
+            `scale=${dims.width}:${dims.height}:force_original_aspect_ratio=increase,crop=${dims.width}:${dims.height}`,
+            "-pix_fmt",
+            "rgb48le",
+            "-c:v",
+            "png",
+            "-y",
+            join31(frameDir, "frame_%04d.png")
+          ];
+          const result = await runFfmpeg(ffmpegArgs, { signal: abortSignal });
+          if (!result.success) {
+            hdrDiagnostics.videoExtractionFailures += 1;
+            log2.error("HDR frame pre-extraction failed; aborting render", {
+              videoId,
+              srcPath,
+              stderr: result.stderr.slice(-400)
             });
+            throw new Error(
+              `HDR frame extraction failed for video "${videoId}". Aborting render to avoid shipping black HDR layers.`
+            );
           }
-          for (const [layerIdx, layer] of layers.entries()) {
-            if (layer.type === "hdr") {
-              const before2 = shouldLog ? countNonZeroRgb482(canvas) : 0;
-              const isHdrImage = nativeHdrImageIds.has(layer.element.id);
-              if (isHdrImage) {
-                blitHdrImageLayer(
-                  canvas,
-                  layer.element,
-                  hdrImageBuffers,
-                  width,
-                  height,
-                  log2,
-                  imageTransfers.get(layer.element.id),
-                  effectiveHdr?.transfer
-                );
-              } else {
-                blitHdrVideoLayer(
-                  canvas,
-                  layer.element,
-                  time,
-                  job.config.fps,
-                  hdrFrameDirs,
-                  hdrVideoStartTimes,
-                  width,
-                  height,
-                  log2,
-                  videoTransfers.get(layer.element.id),
-                  effectiveHdr?.transfer
-                );
-              }
-              if (shouldLog) {
-                const after2 = countNonZeroRgb482(canvas);
-                if (isHdrImage) {
-                  const buf = hdrImageBuffers.get(layer.element.id);
-                  log2.info("[diag] hdr layer blit", {
-                    frame: debugFrameIndex,
-                    layerIdx,
-                    id: layer.element.id,
-                    kind: "image",
-                    pixelsAdded: after2 - before2,
-                    totalNonZero: after2,
-                    bufferDecoded: !!buf,
-                    bufferDims: buf ? `${buf.width}x${buf.height}` : null
-                  });
-                } else {
-                  const frameDir = hdrFrameDirs.get(layer.element.id);
-                  const startTime = hdrVideoStartTimes.get(layer.element.id) ?? 0;
-                  const localTime = time - startTime;
-                  const frameNum = Math.floor(localTime * job.config.fps) + 1;
-                  const expectedFrame = frameDir ? join31(frameDir, `frame_${String(frameNum).padStart(4, "0")}.png`) : null;
-                  log2.info("[diag] hdr layer blit", {
-                    frame: debugFrameIndex,
-                    layerIdx,
-                    id: layer.element.id,
-                    kind: "video",
-                    pixelsAdded: after2 - before2,
-                    totalNonZero: after2,
-                    startTime,
-                    localTime: localTime.toFixed(3),
-                    hdrFrameNum: frameNum,
-                    expectedFrame,
-                    expectedFrameExists: expectedFrame ? existsSync28(expectedFrame) : false
-                  });
-                }
-              }
+          hdrFrameDirs.set(videoId, frameDir);
+        }
+        const hdrImageBuffers = /* @__PURE__ */ new Map();
+        for (const [imageId, srcPath] of hdrImageSrcPaths) {
+          try {
+            const decoded = decodePngToRgb48le(readFileSync21(srcPath));
+            const layout2 = hdrExtractionDims.get(imageId);
+            const fitInfo = hdrImageFitInfo.get(imageId);
+            if (layout2 && (layout2.width !== decoded.width || layout2.height !== decoded.height)) {
+              const fit = normalizeObjectFit(fitInfo?.fit);
+              const resampled = resampleRgb48leObjectFit(
+                decoded.data,
+                decoded.width,
+                decoded.height,
+                layout2.width,
+                layout2.height,
+                fit,
+                fitInfo?.position
+              );
+              hdrImageBuffers.set(imageId, {
+                data: resampled,
+                width: layout2.width,
+                height: layout2.height
+              });
             } else {
-              const allElementIds = fullStacking.map((e2) => e2.id);
-              const layerIds = new Set(layer.elementIds);
-              const hideIds = allElementIds.filter((id) => !layerIds.has(id));
-              await domSession.page.evaluate((t3) => {
-                if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
-              }, time);
-              if (beforeCaptureHook) {
-                await beforeCaptureHook(domSession.page, time);
-              }
-              await applyDomLayerMask(domSession.page, layer.elementIds, hideIds);
-              const domPng = await captureAlphaPng(domSession.page, width, height);
-              await removeDomLayerMask(domSession.page, hideIds);
-              try {
-                const { data: domRgba } = decodePng(domPng);
-                if (!effectiveHdr) {
-                  throw new Error(
-                    "Invariant violation: effectiveHdr is undefined inside HDR layer branch"
-                  );
-                }
-                const before2 = shouldLog ? countNonZeroRgb482(canvas) : 0;
-                const alphaPixels = shouldLog ? countNonZeroAlpha2(domRgba) : 0;
-                blitRgba8OverRgb48le(domRgba, canvas, width, height, effectiveHdr.transfer);
-                if (shouldLog && debugDumpDir) {
-                  const after2 = countNonZeroRgb482(canvas);
-                  const dumpName = `frame_${String(debugFrameIndex).padStart(4, "0")}_layer_${String(layerIdx).padStart(2, "0")}_dom.png`;
-                  const dumpPath = join31(debugDumpDir, dumpName);
-                  writeFileSync10(dumpPath, domPng);
-                  log2.info("[diag] dom layer blit", {
-                    frame: debugFrameIndex,
-                    layerIdx,
-                    layerIds: layer.elementIds,
-                    hideCount: hideIds.length,
-                    pngBytes: domPng.length,
-                    alphaPixels,
-                    pixelsAdded: after2 - before2,
-                    totalNonZero: after2,
-                    dumpPath
-                  });
-                }
-              } catch (err) {
-                log2.warn("DOM layer decode/blit failed; skipping overlay", {
-                  layerIds: layer.elementIds,
-                  error: err instanceof Error ? err.message : String(err)
-                });
-              }
+              hdrImageBuffers.set(imageId, {
+                data: Buffer.from(decoded.data),
+                width: decoded.width,
+                height: decoded.height
+              });
             }
-          }
-          if (shouldLog && debugDumpDir) {
-            const finalNonZero = countNonZeroRgb482(canvas);
-            log2.info("[diag] compositeToBuffer end", {
-              frame: debugFrameIndex,
-              finalNonZeroPixels: finalNonZero,
-              totalPixels: width * height,
-              coverage: (finalNonZero / (width * height) * 100).toFixed(1) + "%"
+          } catch (err) {
+            hdrDiagnostics.imageDecodeFailures += 1;
+            log2.error("HDR image decode failed; aborting render", {
+              imageId,
+              srcPath,
+              error: err instanceof Error ? err.message : String(err)
             });
+            throw new Error(
+              `HDR image decode failed for image "${imageId}". Aborting render to avoid shipping missing HDR image layers.`
+            );
           }
         }
-        const bufSize = width * height * 6;
-        const hasTransitions = transitionRanges.length > 0;
-        const transBufferA = hasTransitions ? Buffer.alloc(bufSize) : null;
-        const transBufferB = hasTransitions ? Buffer.alloc(bufSize) : null;
-        const transOutput = hasTransitions ? Buffer.alloc(bufSize) : null;
-        const normalCanvas = Buffer.alloc(bufSize);
-        for (let i2 = 0; i2 < totalFrames; i2++) {
-          assertNotAborted();
-          const time = i2 / job.config.fps;
-          await domSession.page.evaluate((t3) => {
-            if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
-          }, time);
-          if (beforeCaptureHook) {
-            await beforeCaptureHook(domSession.page, time);
-          }
-          const stackingInfo = await queryElementStacking(domSession.page, nativeHdrIds);
-          const activeTransition = transitionRanges.find(
-            (t3) => i2 >= t3.startFrame && i2 <= t3.endFrame
-          );
-          if (i2 % 30 === 0) {
-            const hdrEl = stackingInfo.find((e2) => e2.isHdr);
-            log2.debug("[Render] HDR layer composite frame", {
-              frame: i2,
-              time: time.toFixed(2),
-              hdrElement: hdrEl ? { z: hdrEl.zIndex, visible: hdrEl.visible, width: hdrEl.width } : null,
-              stackingCount: stackingInfo.length,
-              activeTransition: activeTransition?.shader
-            });
+        assertNotAborted();
+        try {
+          let countNonZeroAlpha2 = function(rgba) {
+            let n = 0;
+            for (let p = 3; p < rgba.length; p += 4) {
+              if (rgba[p] !== 0) n++;
+            }
+            return n;
+          }, countNonZeroRgb482 = function(buf) {
+            let n = 0;
+            for (let p = 0; p < buf.length; p += 6) {
+              if (buf[p] !== 0 || buf[p + 1] !== 0 || buf[p + 2] !== 0 || buf[p + 3] !== 0 || buf[p + 4] !== 0 || buf[p + 5] !== 0)
+                n++;
+            }
+            return n;
+          };
+          var countNonZeroAlpha = countNonZeroAlpha2, countNonZeroRgb48 = countNonZeroRgb482;
+          const beforeCaptureHook = domSession.onBeforeCapture;
+          const cleanedUpVideos = /* @__PURE__ */ new Set();
+          const hdrVideoEndTimes = /* @__PURE__ */ new Map();
+          for (const v of composition.videos) {
+            if (hdrFrameDirs.has(v.id)) {
+              hdrVideoEndTimes.set(v.id, v.end);
+            }
           }
-          if (activeTransition && transBufferA && transBufferB && transOutput) {
-            const progress = activeTransition.endFrame === activeTransition.startFrame ? 1 : (i2 - activeTransition.startFrame) / (activeTransition.endFrame - activeTransition.startFrame);
-            const sceneAIds = new Set(sceneElements[activeTransition.fromScene] ?? []);
-            const sceneBIds = new Set(sceneElements[activeTransition.toScene] ?? []);
-            transBufferA.fill(0);
-            transBufferB.fill(0);
-            for (const [sceneBuf, sceneIds] of [
-              [transBufferA, sceneAIds],
-              [transBufferB, sceneBIds]
-            ]) {
-              await domSession.page.evaluate((t3) => {
-                if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
-              }, time);
-              if (beforeCaptureHook) {
-                await beforeCaptureHook(domSession.page, time);
-              }
-              for (const el of stackingInfo) {
-                if (!el.isHdr || !sceneIds.has(el.id)) continue;
-                if (nativeHdrImageIds.has(el.id)) {
+          const debugDumpEnabled = process.env.KEEP_TEMP === "1";
+          const debugDumpDir = debugDumpEnabled ? join31(framesDir, "debug-composite") : null;
+          if (debugDumpDir && !existsSync28(debugDumpDir)) {
+            mkdirSync17(debugDumpDir, { recursive: true });
+          }
+          async function compositeToBuffer(canvas, time, fullStacking, elementFilter, debugFrameIndex = -1) {
+            const filteredStacking = elementFilter ? fullStacking.filter((e2) => elementFilter.has(e2.id)) : fullStacking;
+            const layers = groupIntoLayers(filteredStacking);
+            const shouldLog = debugDumpEnabled && debugFrameIndex >= 0;
+            if (shouldLog) {
+              log2.info("[diag] compositeToBuffer plan", {
+                frame: debugFrameIndex,
+                time: time.toFixed(3),
+                filterSize: elementFilter?.size,
+                fullStackingCount: fullStacking.length,
+                filteredCount: filteredStacking.length,
+                layerCount: layers.length,
+                layers: layers.map(
+                  (l) => l.type === "hdr" ? {
+                    type: "hdr",
+                    id: l.element.id,
+                    z: l.element.zIndex,
+                    visible: l.element.visible,
+                    opacity: l.element.opacity,
+                    bounds: `${Math.round(l.element.x)},${Math.round(l.element.y)} ${Math.round(l.element.width)}x${Math.round(l.element.height)}`
+                  } : { type: "dom", ids: l.elementIds }
+                )
+              });
+            }
+            for (const [layerIdx, layer] of layers.entries()) {
+              if (layer.type === "hdr") {
+                const before2 = shouldLog ? countNonZeroRgb482(canvas) : 0;
+                const isHdrImage = nativeHdrImageIds.has(layer.element.id);
+                if (isHdrImage) {
                   blitHdrImageLayer(
-                    sceneBuf,
-                    el,
+                    canvas,
+                    layer.element,
                     hdrImageBuffers,
                     width,
                     height,
                     log2,
-                    imageTransfers.get(el.id),
+                    imageTransfers.get(layer.element.id),
                     effectiveHdr?.transfer
                   );
                 } else {
                   blitHdrVideoLayer(
-                    sceneBuf,
-                    el,
+                    canvas,
+                    layer.element,
                     time,
                     job.config.fps,
                     hdrFrameDirs,
@@ -33392,100 +33286,294 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
                     width,
                     height,
                     log2,
-                    videoTransfers.get(el.id),
+                    videoTransfers.get(layer.element.id),
                     effectiveHdr?.transfer
                   );
                 }
+                if (shouldLog) {
+                  const after2 = countNonZeroRgb482(canvas);
+                  if (isHdrImage) {
+                    const buf = hdrImageBuffers.get(layer.element.id);
+                    log2.info("[diag] hdr layer blit", {
+                      frame: debugFrameIndex,
+                      layerIdx,
+                      id: layer.element.id,
+                      kind: "image",
+                      pixelsAdded: after2 - before2,
+                      totalNonZero: after2,
+                      bufferDecoded: !!buf,
+                      bufferDims: buf ? `${buf.width}x${buf.height}` : null
+                    });
+                  } else {
+                    const frameDir = hdrFrameDirs.get(layer.element.id);
+                    const startTime = hdrVideoStartTimes.get(layer.element.id) ?? 0;
+                    const localTime = time - startTime;
+                    const frameNum = Math.floor(localTime * job.config.fps) + 1;
+                    const expectedFrame = frameDir ? join31(frameDir, `frame_${String(frameNum).padStart(4, "0")}.png`) : null;
+                    log2.info("[diag] hdr layer blit", {
+                      frame: debugFrameIndex,
+                      layerIdx,
+                      id: layer.element.id,
+                      kind: "video",
+                      pixelsAdded: after2 - before2,
+                      totalNonZero: after2,
+                      startTime,
+                      localTime: localTime.toFixed(3),
+                      hdrFrameNum: frameNum,
+                      expectedFrame,
+                      expectedFrameExists: expectedFrame ? existsSync28(expectedFrame) : false
+                    });
+                  }
+                }
+              } else {
+                const allElementIds = fullStacking.map((e2) => e2.id);
+                const layerIds = new Set(layer.elementIds);
+                const hideIds = allElementIds.filter((id) => !layerIds.has(id));
+                await domSession.page.evaluate((t3) => {
+                  if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
+                }, time);
+                if (beforeCaptureHook) {
+                  await beforeCaptureHook(domSession.page, time);
+                }
+                await applyDomLayerMask(domSession.page, layer.elementIds, hideIds);
+                const domPng = await captureAlphaPng(domSession.page, width, height);
+                await removeDomLayerMask(domSession.page, hideIds);
+                try {
+                  const { data: domRgba } = decodePng(domPng);
+                  if (!effectiveHdr) {
+                    throw new Error(
+                      "Invariant violation: effectiveHdr is undefined inside HDR layer branch"
+                    );
+                  }
+                  const before2 = shouldLog ? countNonZeroRgb482(canvas) : 0;
+                  const alphaPixels = shouldLog ? countNonZeroAlpha2(domRgba) : 0;
+                  blitRgba8OverRgb48le(domRgba, canvas, width, height, effectiveHdr.transfer);
+                  if (shouldLog && debugDumpDir) {
+                    const after2 = countNonZeroRgb482(canvas);
+                    const dumpName = `frame_${String(debugFrameIndex).padStart(4, "0")}_layer_${String(layerIdx).padStart(2, "0")}_dom.png`;
+                    const dumpPath = join31(debugDumpDir, dumpName);
+                    writeFileSync10(dumpPath, domPng);
+                    log2.info("[diag] dom layer blit", {
+                      frame: debugFrameIndex,
+                      layerIdx,
+                      layerIds: layer.elementIds,
+                      hideCount: hideIds.length,
+                      pngBytes: domPng.length,
+                      alphaPixels,
+                      pixelsAdded: after2 - before2,
+                      totalNonZero: after2,
+                      dumpPath
+                    });
+                  }
+                } catch (err) {
+                  log2.warn("DOM layer decode/blit failed; skipping overlay", {
+                    layerIds: layer.elementIds,
+                    error: err instanceof Error ? err.message : String(err)
+                  });
+                }
               }
-              const showIds = Array.from(sceneIds);
-              const hideIds = stackingInfo.map((e2) => e2.id).filter((id) => !sceneIds.has(id) || nativeHdrIds.has(id));
-              await applyDomLayerMask(domSession.page, showIds, hideIds);
-              const domPng = await captureAlphaPng(domSession.page, width, height);
-              await removeDomLayerMask(domSession.page, hideIds);
-              try {
-                const { data: domRgba } = decodePng(domPng);
-                if (!effectiveHdr) {
-                  throw new Error(
-                    "Invariant violation: effectiveHdr is undefined inside hasHdrVideo branch"
+            }
+            if (shouldLog && debugDumpDir) {
+              const finalNonZero = countNonZeroRgb482(canvas);
+              log2.info("[diag] compositeToBuffer end", {
+                frame: debugFrameIndex,
+                finalNonZeroPixels: finalNonZero,
+                totalPixels: width * height,
+                coverage: (finalNonZero / (width * height) * 100).toFixed(1) + "%"
+              });
+            }
+          }
+          const bufSize = width * height * 6;
+          const hasTransitions = transitionRanges.length > 0;
+          const transBufferA = hasTransitions ? Buffer.alloc(bufSize) : null;
+          const transBufferB = hasTransitions ? Buffer.alloc(bufSize) : null;
+          const transOutput = hasTransitions ? Buffer.alloc(bufSize) : null;
+          const normalCanvas = Buffer.alloc(bufSize);
+          for (let i2 = 0; i2 < totalFrames; i2++) {
+            assertNotAborted();
+            const time = i2 / job.config.fps;
+            await domSession.page.evaluate((t3) => {
+              if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
+            }, time);
+            if (beforeCaptureHook) {
+              await beforeCaptureHook(domSession.page, time);
+            }
+            const stackingInfo = await queryElementStacking(domSession.page, nativeHdrIds);
+            const activeTransition = transitionRanges.find(
+              (t3) => i2 >= t3.startFrame && i2 <= t3.endFrame
+            );
+            if (i2 % 30 === 0) {
+              const hdrEl = stackingInfo.find((e2) => e2.isHdr);
+              log2.debug("[Render] HDR layer composite frame", {
+                frame: i2,
+                time: time.toFixed(2),
+                hdrElement: hdrEl ? { z: hdrEl.zIndex, visible: hdrEl.visible, width: hdrEl.width } : null,
+                stackingCount: stackingInfo.length,
+                activeTransition: activeTransition?.shader
+              });
+            }
+            if (activeTransition && transBufferA && transBufferB && transOutput) {
+              const progress = activeTransition.endFrame === activeTransition.startFrame ? 1 : (i2 - activeTransition.startFrame) / (activeTransition.endFrame - activeTransition.startFrame);
+              const sceneAIds = new Set(sceneElements[activeTransition.fromScene] ?? []);
+              const sceneBIds = new Set(sceneElements[activeTransition.toScene] ?? []);
+              transBufferA.fill(0);
+              transBufferB.fill(0);
+              for (const [sceneBuf, sceneIds] of [
+                [transBufferA, sceneAIds],
+                [transBufferB, sceneBIds]
+              ]) {
+                assertNotAborted();
+                await domSession.page.evaluate((t3) => {
+                  if (window.__hf && typeof window.__hf.seek === "function") window.__hf.seek(t3);
+                }, time);
+                if (beforeCaptureHook) {
+                  await beforeCaptureHook(domSession.page, time);
+                }
+                for (const el of stackingInfo) {
+                  if (!el.isHdr || !sceneIds.has(el.id)) continue;
+                  if (nativeHdrImageIds.has(el.id)) {
+                    blitHdrImageLayer(
+                      sceneBuf,
+                      el,
+                      hdrImageBuffers,
+                      width,
+                      height,
+                      log2,
+                      imageTransfers.get(el.id),
+                      effectiveHdr?.transfer
+                    );
+                  } else {
+                    blitHdrVideoLayer(
+                      sceneBuf,
+                      el,
+                      time,
+                      job.config.fps,
+                      hdrFrameDirs,
+                      hdrVideoStartTimes,
+                      width,
+                      height,
+                      log2,
+                      videoTransfers.get(el.id),
+                      effectiveHdr?.transfer
+                    );
+                  }
+                }
+                const showIds = Array.from(sceneIds);
+                const hideIds = stackingInfo.map((e2) => e2.id).filter((id) => !sceneIds.has(id) || nativeHdrIds.has(id));
+                await applyDomLayerMask(domSession.page, showIds, hideIds);
+                const domPng = await captureAlphaPng(domSession.page, width, height);
+                await removeDomLayerMask(domSession.page, hideIds);
+                try {
+                  const { data: domRgba } = decodePng(domPng);
+                  if (!effectiveHdr) {
+                    throw new Error(
+                      "Invariant violation: effectiveHdr is undefined inside hasHdrVideo branch"
+                    );
+                  }
+                  blitRgba8OverRgb48le(
+                    domRgba,
+                    sceneBuf,
+                    width,
+                    height,
+                    effectiveHdr.transfer
                   );
+                } catch (err) {
+                  log2.warn("DOM layer decode/blit failed; skipping overlay for transition scene", {
+                    frameIndex: i2,
+                    sceneIds: Array.from(sceneIds),
+                    error: err instanceof Error ? err.message : String(err)
+                  });
                 }
-                blitRgba8OverRgb48le(
-                  domRgba,
-                  sceneBuf,
-                  width,
-                  height,
-                  effectiveHdr.transfer
+              }
+              const transitionFn = TRANSITIONS[activeTransition.shader] ?? crossfade;
+              transitionFn(transBufferA, transBufferB, transOutput, width, height, progress);
+              hdrEncoder.writeFrame(transOutput);
+            } else {
+              normalCanvas.fill(0);
+              await compositeToBuffer(normalCanvas, time, stackingInfo, void 0, i2);
+              if (debugDumpEnabled && debugDumpDir && i2 % 30 === 0) {
+                const previewPath = join31(
+                  debugDumpDir,
+                  `frame_${String(i2).padStart(4, "0")}_final_rgb48le.bin`
                 );
-              } catch (err) {
-                log2.warn("DOM layer decode/blit failed; skipping overlay for transition scene", {
-                  frameIndex: i2,
-                  sceneIds: Array.from(sceneIds),
-                  error: err instanceof Error ? err.message : String(err)
-                });
+                writeFileSync10(previewPath, normalCanvas);
               }
+              hdrEncoder.writeFrame(normalCanvas);
             }
-            const transitionFn = TRANSITIONS[activeTransition.shader] ?? crossfade;
-            transitionFn(transBufferA, transBufferB, transOutput, width, height, progress);
-            hdrEncoder.writeFrame(transOutput);
-          } else {
-            normalCanvas.fill(0);
-            await compositeToBuffer(normalCanvas, time, stackingInfo, void 0, i2);
-            if (debugDumpEnabled && debugDumpDir && i2 % 30 === 0) {
-              const previewPath = join31(
-                debugDumpDir,
-                `frame_${String(i2).padStart(4, "0")}_final_rgb48le.bin`
-              );
-              writeFileSync10(previewPath, normalCanvas);
-            }
-            hdrEncoder.writeFrame(normalCanvas);
-          }
-          if (process.env.KEEP_TEMP !== "1") {
-            for (const [videoId, endTime] of hdrVideoEndTimes) {
-              if (time > endTime && !cleanedUpVideos.has(videoId)) {
-                const stillNeeded = activeTransition && (sceneElements[activeTransition.fromScene]?.includes(videoId) || sceneElements[activeTransition.toScene]?.includes(videoId));
-                if (!stillNeeded) {
-                  const frameDir = hdrFrameDirs.get(videoId);
-                  if (frameDir) {
-                    try {
-                      rmSync6(frameDir, { recursive: true, force: true });
-                    } catch (err) {
-                      log2.warn("Failed to clean up HDR frame directory", {
-                        videoId,
-                        frameDir,
-                        error: err instanceof Error ? err.message : String(err)
-                      });
+            if (process.env.KEEP_TEMP !== "1") {
+              for (const [videoId, endTime] of hdrVideoEndTimes) {
+                if (time > endTime && !cleanedUpVideos.has(videoId)) {
+                  const stillNeeded = activeTransition && (sceneElements[activeTransition.fromScene]?.includes(videoId) || sceneElements[activeTransition.toScene]?.includes(videoId));
+                  if (!stillNeeded) {
+                    const frameDir = hdrFrameDirs.get(videoId);
+                    if (frameDir) {
+                      try {
+                        rmSync6(frameDir, { recursive: true, force: true });
+                      } catch (err) {
+                        log2.warn("Failed to clean up HDR frame directory", {
+                          videoId,
+                          frameDir,
+                          error: err instanceof Error ? err.message : String(err)
+                        });
+                      }
+                      frameDirMaxIndexCache.delete(frameDir);
+                      hdrFrameDirs.delete(videoId);
                     }
+                    cleanedUpVideos.add(videoId);
                   }
-                  cleanedUpVideos.add(videoId);
                 }
               }
             }
+            job.framesRendered = i2 + 1;
+            if ((i2 + 1) % 10 === 0 || i2 + 1 === totalFrames) {
+              const frameProgress = (i2 + 1) / totalFrames;
+              updateJobStatus(
+                job,
+                "rendering",
+                `HDR composite frame ${i2 + 1}/${job.totalFrames}`,
+                Math.round(25 + frameProgress * 55),
+                onProgress
+              );
+            }
           }
-          job.framesRendered = i2 + 1;
-          if ((i2 + 1) % 10 === 0 || i2 + 1 === totalFrames) {
-            const frameProgress = (i2 + 1) / totalFrames;
-            updateJobStatus(
-              job,
-              "rendering",
-              `HDR composite frame ${i2 + 1}/${job.totalFrames}`,
-              Math.round(25 + frameProgress * 55),
-              onProgress
-            );
-          }
+        } finally {
+          lastBrowserConsole = domSession.browserConsoleBuffer;
+          await closeCaptureSession(domSession);
+          domSessionClosed = true;
         }
+        const hdrEncodeResult = await hdrEncoder.close();
+        hdrEncoderClosed = true;
+        assertNotAborted();
+        if (!hdrEncodeResult.success) {
+          throw new Error(`HDR encode failed: ${hdrEncodeResult.error}`);
+        }
+        perfStages.captureMs = Date.now() - stage4Start;
+        perfStages.encodeMs = hdrEncodeResult.durationMs;
       } finally {
-        lastBrowserConsole = domSession.browserConsoleBuffer;
-        await closeCaptureSession(domSession);
-      }
-      const hdrEncodeResult = await hdrEncoder.close();
-      assertNotAborted();
-      if (!hdrEncodeResult.success) {
-        throw new Error(`HDR encode failed: ${hdrEncodeResult.error}`);
+        if (hdrEncoder && !hdrEncoderClosed) {
+          try {
+            await hdrEncoder.close();
+          } catch (err) {
+            log2.warn("hdrEncoder defensive close failed", {
+              err: err instanceof Error ? err.message : String(err)
+            });
+          }
+        }
+        if (!domSessionClosed) {
+          await closeCaptureSession(domSession).catch((err) => {
+            log2.warn("closeCaptureSession defensive close failed", {
+              err: err instanceof Error ? err.message : String(err)
+            });
+          });
+        }
+        for (const frameDir of hdrFrameDirs.values()) {
+          frameDirMaxIndexCache.delete(frameDir);
+        }
+        hdrFrameDirs.clear();
       }
-      perfStages.captureMs = Date.now() - stage4Start;
-      perfStages.encodeMs = hdrEncodeResult.durationMs;
     } else {
       let streamingEncoder = null;
+      let streamingEncoderClosed = false;
       if (enableStreamingEncode) {
         streamingEncoder = await spawnStreamingEncoder(
           videoOnlyPath,
@@ -33495,7 +33583,8 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
             height,
             codec: preset.codec,
             preset: preset.preset,
-            quality: preset.quality,
+            quality: effectiveQuality,
+            bitrate: effectiveBitrate,
             pixelFormat: preset.pixelFormat,
             useGpu: job.config.useGpu,
             imageFormat: captureOptions.format || "jpeg",
@@ -33505,201 +33594,215 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
         );
         assertNotAborted();
       }
-      if (enableStreamingEncode && streamingEncoder) {
-        const reorderBuffer = createFrameReorderBuffer(0, totalFrames);
-        const currentEncoder = streamingEncoder;
-        if (workerCount > 1) {
-          const tasks = distributeFrames(job.totalFrames, workerCount, workDir);
-          const onFrameBuffer = async (frameIndex, buffer) => {
-            await reorderBuffer.waitForFrame(frameIndex);
-            currentEncoder.writeFrame(buffer);
-            reorderBuffer.advanceTo(frameIndex + 1);
-          };
-          await executeParallelCapture(
-            fileServer.url,
-            workDir,
-            tasks,
-            { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
-            () => createVideoFrameInjector(frameLookup),
-            abortSignal,
-            (progress) => {
-              job.framesRendered = progress.capturedFrames;
-              const frameProgress = progress.capturedFrames / progress.totalFrames;
-              const progressPct = 25 + frameProgress * 55;
-              if (progress.capturedFrames % 30 === 0 || progress.capturedFrames === progress.totalFrames) {
+      try {
+        if (enableStreamingEncode && streamingEncoder) {
+          const reorderBuffer = createFrameReorderBuffer(0, totalFrames);
+          const currentEncoder = streamingEncoder;
+          if (workerCount > 1) {
+            const tasks = distributeFrames(job.totalFrames, workerCount, workDir);
+            const onFrameBuffer = async (frameIndex, buffer) => {
+              await reorderBuffer.waitForFrame(frameIndex);
+              currentEncoder.writeFrame(buffer);
+              reorderBuffer.advanceTo(frameIndex + 1);
+            };
+            await executeParallelCapture(
+              fileServer.url,
+              workDir,
+              tasks,
+              { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
+              () => createVideoFrameInjector(frameLookup),
+              abortSignal,
+              (progress) => {
+                job.framesRendered = progress.capturedFrames;
+                const frameProgress = progress.capturedFrames / progress.totalFrames;
+                const progressPct = 25 + frameProgress * 55;
+                if (progress.capturedFrames % 30 === 0 || progress.capturedFrames === progress.totalFrames) {
+                  updateJobStatus(
+                    job,
+                    "rendering",
+                    `Streaming frame ${progress.capturedFrames}/${progress.totalFrames} (${workerCount} workers)`,
+                    Math.round(progressPct),
+                    onProgress
+                  );
+                }
+              },
+              onFrameBuffer,
+              cfg
+            );
+            if (probeSession) {
+              lastBrowserConsole = probeSession.browserConsoleBuffer;
+              await closeCaptureSession(probeSession);
+              probeSession = null;
+            }
+          } else {
+            const videoInjector = createVideoFrameInjector(frameLookup);
+            const session = probeSession ?? await createCaptureSession(
+              fileServer.url,
+              framesDir,
+              { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
+              videoInjector,
+              cfg
+            );
+            if (probeSession) {
+              prepareCaptureSessionForReuse(session, framesDir, videoInjector);
+              probeSession = null;
+            }
+            try {
+              if (!session.isInitialized) {
+                await initializeSession(session);
+              }
+              assertNotAborted();
+              lastBrowserConsole = session.browserConsoleBuffer;
+              for (let i2 = 0; i2 < totalFrames; i2++) {
+                assertNotAborted();
+                const time = i2 / job.config.fps;
+                const { buffer } = await captureFrameToBuffer(session, i2, time);
+                await reorderBuffer.waitForFrame(i2);
+                currentEncoder.writeFrame(buffer);
+                reorderBuffer.advanceTo(i2 + 1);
+                job.framesRendered = i2 + 1;
+                const frameProgress = (i2 + 1) / totalFrames;
+                const progress = 25 + frameProgress * 55;
                 updateJobStatus(
                   job,
                   "rendering",
-                  `Streaming frame ${progress.capturedFrames}/${progress.totalFrames} (${workerCount} workers)`,
-                  Math.round(progressPct),
+                  `Streaming frame ${i2 + 1}/${job.totalFrames}`,
+                  Math.round(progress),
                   onProgress
                 );
               }
-            },
-            onFrameBuffer,
-            cfg
-          );
-          if (probeSession) {
-            lastBrowserConsole = probeSession.browserConsoleBuffer;
-            await closeCaptureSession(probeSession);
-            probeSession = null;
+            } finally {
+              lastBrowserConsole = session.browserConsoleBuffer;
+              await closeCaptureSession(session);
+            }
           }
-        } else {
-          const videoInjector = createVideoFrameInjector(frameLookup);
-          const session = probeSession ?? await createCaptureSession(
-            fileServer.url,
-            framesDir,
-            { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
-            videoInjector,
-            cfg
-          );
-          if (probeSession) {
-            prepareCaptureSessionForReuse(session, framesDir, videoInjector);
-            probeSession = null;
+          const encodeResult = await currentEncoder.close();
+          streamingEncoderClosed = true;
+          assertNotAborted();
+          if (!encodeResult.success) {
+            throw new Error(`Streaming encode failed: ${encodeResult.error}`);
           }
-          try {
-            if (!session.isInitialized) {
-              await initializeSession(session);
+          perfStages.captureMs = Date.now() - stage4Start;
+          perfStages.encodeMs = encodeResult.durationMs;
+        } else {
+          if (workerCount > 1) {
+            const tasks = distributeFrames(job.totalFrames, workerCount, workDir);
+            await executeParallelCapture(
+              fileServer.url,
+              workDir,
+              tasks,
+              { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
+              () => createVideoFrameInjector(frameLookup),
+              abortSignal,
+              (progress) => {
+                job.framesRendered = progress.capturedFrames;
+                const frameProgress = progress.capturedFrames / progress.totalFrames;
+                const progressPct = 25 + frameProgress * 45;
+                if (progress.capturedFrames % 30 === 0 || progress.capturedFrames === progress.totalFrames) {
+                  updateJobStatus(
+                    job,
+                    "rendering",
+                    `Capturing frame ${progress.capturedFrames}/${progress.totalFrames} (${workerCount} workers)`,
+                    Math.round(progressPct),
+                    onProgress
+                  );
+                }
+              },
+              void 0,
+              cfg
+            );
+            await mergeWorkerFrames(workDir, tasks, framesDir);
+            if (probeSession) {
+              lastBrowserConsole = probeSession.browserConsoleBuffer;
+              await closeCaptureSession(probeSession);
+              probeSession = null;
             }
-            assertNotAborted();
-            lastBrowserConsole = session.browserConsoleBuffer;
-            for (let i2 = 0; i2 < totalFrames; i2++) {
-              assertNotAborted();
-              const time = i2 / job.config.fps;
-              const { buffer } = await captureFrameToBuffer(session, i2, time);
-              await reorderBuffer.waitForFrame(i2);
-              currentEncoder.writeFrame(buffer);
-              reorderBuffer.advanceTo(i2 + 1);
-              job.framesRendered = i2 + 1;
-              const frameProgress = (i2 + 1) / totalFrames;
-              const progress = 25 + frameProgress * 55;
-              updateJobStatus(
-                job,
-                "rendering",
-                `Streaming frame ${i2 + 1}/${job.totalFrames}`,
-                Math.round(progress),
-                onProgress
-              );
+          } else {
+            const videoInjector = createVideoFrameInjector(frameLookup);
+            const session = probeSession ?? await createCaptureSession(
+              fileServer.url,
+              framesDir,
+              { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
+              videoInjector,
+              cfg
+            );
+            if (probeSession) {
+              prepareCaptureSessionForReuse(session, framesDir, videoInjector);
+              probeSession = null;
             }
-          } finally {
-            lastBrowserConsole = session.browserConsoleBuffer;
-            await closeCaptureSession(session);
-          }
-        }
-        const encodeResult = await currentEncoder.close();
-        assertNotAborted();
-        if (!encodeResult.success) {
-          throw new Error(`Streaming encode failed: ${encodeResult.error}`);
-        }
-        perfStages.captureMs = Date.now() - stage4Start;
-        perfStages.encodeMs = encodeResult.durationMs;
-      } else {
-        if (workerCount > 1) {
-          const tasks = distributeFrames(job.totalFrames, workerCount, workDir);
-          await executeParallelCapture(
-            fileServer.url,
-            workDir,
-            tasks,
-            { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
-            () => createVideoFrameInjector(frameLookup),
-            abortSignal,
-            (progress) => {
-              job.framesRendered = progress.capturedFrames;
-              const frameProgress = progress.capturedFrames / progress.totalFrames;
-              const progressPct = 25 + frameProgress * 45;
-              if (progress.capturedFrames % 30 === 0 || progress.capturedFrames === progress.totalFrames) {
+            try {
+              if (!session.isInitialized) {
+                await initializeSession(session);
+              }
+              assertNotAborted();
+              lastBrowserConsole = session.browserConsoleBuffer;
+              for (let i2 = 0; i2 < job.totalFrames; i2++) {
+                assertNotAborted();
+                const time = i2 / job.config.fps;
+                await captureFrame(session, i2, time);
+                job.framesRendered = i2 + 1;
+                const frameProgress = (i2 + 1) / job.totalFrames;
+                const progress = 25 + frameProgress * 45;
                 updateJobStatus(
                   job,
                   "rendering",
-                  `Capturing frame ${progress.capturedFrames}/${progress.totalFrames} (${workerCount} workers)`,
-                  Math.round(progressPct),
+                  `Capturing frame ${i2 + 1}/${job.totalFrames}`,
+                  Math.round(progress),
                   onProgress
                 );
               }
-            },
-            void 0,
-            cfg
-          );
-          await mergeWorkerFrames(workDir, tasks, framesDir);
-          if (probeSession) {
-            lastBrowserConsole = probeSession.browserConsoleBuffer;
-            await closeCaptureSession(probeSession);
-            probeSession = null;
+            } finally {
+              lastBrowserConsole = session.browserConsoleBuffer;
+              await closeCaptureSession(session);
+            }
           }
-        } else {
-          const videoInjector = createVideoFrameInjector(frameLookup);
-          const session = probeSession ?? await createCaptureSession(
-            fileServer.url,
+          perfStages.captureMs = Date.now() - stage4Start;
+          const stage5Start = Date.now();
+          updateJobStatus(job, "encoding", "Encoding video", 75, onProgress);
+          const frameExt = needsAlpha ? "png" : "jpg";
+          const framePattern = `frame_%06d.${frameExt}`;
+          const encoderOpts = {
+            fps: job.config.fps,
+            width,
+            height,
+            codec: preset.codec,
+            preset: preset.preset,
+            quality: effectiveQuality,
+            bitrate: effectiveBitrate,
+            pixelFormat: preset.pixelFormat,
+            useGpu: job.config.useGpu,
+            hdr: preset.hdr
+          };
+          const encodeResult = enableChunkedEncode ? await encodeFramesChunkedConcat(
             framesDir,
-            { ...captureOptions, skipReadinessVideoIds: Array.from(nativeHdrVideoIds) },
-            videoInjector,
-            cfg
+            framePattern,
+            videoOnlyPath,
+            encoderOpts,
+            chunkedEncodeSize,
+            abortSignal
+          ) : await encodeFramesFromDir(
+            framesDir,
+            framePattern,
+            videoOnlyPath,
+            encoderOpts,
+            abortSignal
           );
-          if (probeSession) {
-            prepareCaptureSessionForReuse(session, framesDir, videoInjector);
-            probeSession = null;
+          assertNotAborted();
+          if (!encodeResult.success) {
+            throw new Error(`Encoding failed: ${encodeResult.error}`);
           }
+          perfStages.encodeMs = Date.now() - stage5Start;
+        }
+      } finally {
+        if (streamingEncoder && !streamingEncoderClosed) {
           try {
-            if (!session.isInitialized) {
-              await initializeSession(session);
-            }
-            assertNotAborted();
-            lastBrowserConsole = session.browserConsoleBuffer;
-            for (let i2 = 0; i2 < job.totalFrames; i2++) {
-              assertNotAborted();
-              const time = i2 / job.config.fps;
-              await captureFrame(session, i2, time);
-              job.framesRendered = i2 + 1;
-              const frameProgress = (i2 + 1) / job.totalFrames;
-              const progress = 25 + frameProgress * 45;
-              updateJobStatus(
-                job,
-                "rendering",
-                `Capturing frame ${i2 + 1}/${job.totalFrames}`,
-                Math.round(progress),
-                onProgress
-              );
-            }
-          } finally {
-            lastBrowserConsole = session.browserConsoleBuffer;
-            await closeCaptureSession(session);
+            await streamingEncoder.close();
+          } catch (err) {
+            log2.warn("streamingEncoder defensive close failed", {
+              err: err instanceof Error ? err.message : String(err)
+            });
           }
         }
-        perfStages.captureMs = Date.now() - stage4Start;
-        const stage5Start = Date.now();
-        updateJobStatus(job, "encoding", "Encoding video", 75, onProgress);
-        const frameExt = needsAlpha ? "png" : "jpg";
-        const framePattern = `frame_%06d.${frameExt}`;
-        const encoderOpts = {
-          fps: job.config.fps,
-          width,
-          height,
-          codec: preset.codec,
-          preset: preset.preset,
-          quality: preset.quality,
-          pixelFormat: preset.pixelFormat,
-          useGpu: job.config.useGpu,
-          hdr: preset.hdr
-        };
-        const encodeResult = enableChunkedEncode ? await encodeFramesChunkedConcat(
-          framesDir,
-          framePattern,
-          videoOnlyPath,
-          encoderOpts,
-          chunkedEncodeSize,
-          abortSignal
-        ) : await encodeFramesFromDir(
-          framesDir,
-          framePattern,
-          videoOnlyPath,
-          encoderOpts,
-          abortSignal
-        );
-        assertNotAborted();
-        if (!encodeResult.success) {
-          throw new Error(`Encoding failed: ${encodeResult.error}`);
-        }
-        perfStages.encodeMs = Date.now() - stage5Start;
       }
     }
     if (probeSession !== null) {
@@ -33909,7 +34012,7 @@ var init_config3 = __esm({
 
 // ../producer/src/services/hyperframeLint.ts
 import { existsSync as existsSync29, readFileSync as readFileSync22, statSync as statSync8 } from "fs";
-import { resolve as resolve16, join as join32 } from "path";
+import { resolve as resolve17, join as join32 } from "path";
 function isStringRecord(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) {
     return false;
@@ -33936,7 +34039,7 @@ function pickEntryFile(files, preferredEntryFile) {
   return null;
 }
 function readProjectEntryFile(projectDir, preferredEntryFile) {
-  const absProjectDir = resolve16(projectDir);
+  const absProjectDir = resolve17(projectDir);
   if (!existsSync29(absProjectDir) || !statSync8(absProjectDir).isDirectory()) {
     return { error: `Project directory not found: ${absProjectDir}` };
   }
@@ -33944,7 +34047,7 @@ function readProjectEntryFile(projectDir, preferredEntryFile) {
     (value) => typeof value === "string" && value.trim().length > 0
   );
   for (const entryFile of entryCandidates) {
-    const absoluteEntryPath = resolve16(absProjectDir, entryFile);
+    const absoluteEntryPath = resolve17(absProjectDir, entryFile);
     if (!absoluteEntryPath.startsWith(absProjectDir)) {
       return { error: `Entry file must stay inside project directory: ${entryFile}` };
     }
@@ -34019,10 +34122,10 @@ var init_semaphore = __esm({
           this.active++;
           return () => this.release();
         }
-        return new Promise((resolve35) => {
+        return new Promise((resolve37) => {
           this.queue.push(() => {
             this.active++;
-            resolve35(() => this.release());
+            resolve37(() => this.release());
           });
         });
       }
@@ -34053,7 +34156,7 @@ import {
   rmSync as rmSync7,
   createReadStream
 } from "fs";
-import { resolve as resolve17, dirname as dirname11, join as join33 } from "path";
+import { resolve as resolve18, dirname as dirname11, join as join33 } from "path";
 import { tmpdir as tmpdir2 } from "os";
 import { parseArgs as parseArgs2 } from "util";
 import crypto2 from "crypto";
@@ -34075,12 +34178,12 @@ async function prepareRenderBody(body) {
   const options = parseRenderOptions(body);
   const projectDir = typeof body.projectDir === "string" ? body.projectDir : void 0;
   if (projectDir) {
-    const absProjectDir = resolve17(projectDir);
+    const absProjectDir = resolve18(projectDir);
     if (!existsSync30(absProjectDir) || !statSync9(absProjectDir).isDirectory()) {
       return { error: `Project directory not found: ${absProjectDir}` };
     }
     const entry = options.entryFile || "index.html";
-    if (!existsSync30(resolve17(absProjectDir, entry))) {
+    if (!existsSync30(resolve18(absProjectDir, entry))) {
       return { error: `Entry file "${entry}" not found in project directory: ${absProjectDir}` };
     }
     return { prepared: { input: { projectDir: absProjectDir, ...options } } };
@@ -34121,7 +34224,7 @@ function resolveOutputPath(projectDir, outputCandidate, rendersDir, log2) {
   try {
     return resolveRenderPaths(projectDir, outputCandidate, rendersDir).absoluteOutputPath;
   } catch (error) {
-    const fallbackPath = resolve17(rendersDir, `producer-fallback-${Date.now()}.mp4`);
+    const fallbackPath = resolve18(rendersDir, `producer-fallback-${Date.now()}.mp4`);
     log2.warn("Failed to resolve output path, using fallback", {
       fallback: fallbackPath,
       error: error instanceof Error ? error.message : String(error)
@@ -34509,7 +34612,7 @@ var init_server = __esm({
     init_paths();
     init_logger();
     init_semaphore();
-    entryScript = process.argv[1] ? resolve17(process.argv[1]) : "";
+    entryScript = process.argv[1] ? resolve18(process.argv[1]) : "";
     isPublicServerEntry = entryScript.endsWith("/public-server.js") || entryScript.endsWith("/src/server.ts");
     if (isPublicServerEntry) {
       const { values } = parseArgs2({
@@ -34582,18 +34685,18 @@ __export(studioServer_exports, {
 import { Hono as Hono5 } from "hono";
 import { streamSSE as streamSSE3 } from "hono/streaming";
 import { existsSync as existsSync31, readFileSync as readFileSync23, writeFileSync as writeFileSync12, statSync as statSync10 } from "fs";
-import { resolve as resolve18, join as join34, basename as basename2 } from "path";
+import { resolve as resolve19, join as join34, basename as basename2 } from "path";
 function resolveDistDir() {
-  const builtPath = resolve18(__dirname, "studio");
-  if (existsSync31(resolve18(builtPath, "index.html"))) return builtPath;
-  const devPath = resolve18(__dirname, "..", "..", "..", "studio", "dist");
-  if (existsSync31(resolve18(devPath, "index.html"))) return devPath;
+  const builtPath = resolve19(__dirname, "studio");
+  if (existsSync31(resolve19(builtPath, "index.html"))) return builtPath;
+  const devPath = resolve19(__dirname, "..", "..", "..", "studio", "dist");
+  if (existsSync31(resolve19(devPath, "index.html"))) return devPath;
   return builtPath;
 }
 function resolveRuntimePath() {
-  const builtPath = resolve18(__dirname, "hyperframe-runtime.js");
+  const builtPath = resolve19(__dirname, "hyperframe-runtime.js");
   if (existsSync31(builtPath)) return builtPath;
-  const devPath = resolve18(
+  const devPath = resolve19(
     __dirname,
     "..",
     "..",
@@ -34814,7 +34917,7 @@ function createStudioServer(options) {
     return api.fetch(forwardReq);
   });
   app.get("/assets/*", (c2) => {
-    const filePath = resolve18(studioDir, c2.req.path.slice(1));
+    const filePath = resolve19(studioDir, c2.req.path.slice(1));
     if (!existsSync31(filePath) || !statSync10(filePath).isFile()) return c2.text("not found", 404);
     const content = readFileSync23(filePath);
     return new Response(content, {
@@ -34822,7 +34925,7 @@ function createStudioServer(options) {
     });
   });
   app.get("/icons/*", (c2) => {
-    const filePath = resolve18(studioDir, c2.req.path.slice(1));
+    const filePath = resolve19(studioDir, c2.req.path.slice(1));
     if (!existsSync31(filePath) || !statSync10(filePath).isFile()) return c2.text("not found", 404);
     const content = readFileSync23(filePath);
     return new Response(content, {
@@ -34830,7 +34933,7 @@ function createStudioServer(options) {
     });
   });
   app.get("*", (c2) => {
-    const indexPath = resolve18(studioDir, "index.html");
+    const indexPath = resolve19(studioDir, "index.html");
     if (!existsSync31(indexPath)) {
       return c2.text("Studio not found. Rebuild with: pnpm run build", 500);
     }
@@ -34859,12 +34962,12 @@ __export(preview_exports, {
 });
 import { spawn as spawn8 } from "child_process";
 import { existsSync as existsSync32, lstatSync, symlinkSync, unlinkSync as unlinkSync5, readlinkSync, mkdirSync as mkdirSync19 } from "fs";
-import { resolve as resolve19, dirname as dirname12, basename as basename3, join as join35 } from "path";
+import { resolve as resolve20, dirname as dirname12, basename as basename3, join as join35 } from "path";
 import { fileURLToPath as fileURLToPath4 } from "url";
 import { createRequire } from "module";
 async function runDevMode(dir, projectName) {
   const thisFile = fileURLToPath4(import.meta.url);
-  const repoRoot = resolve19(dirname12(thisFile), "..", "..", "..", "..");
+  const repoRoot = resolve20(dirname12(thisFile), "..", "..", "..", "..");
   const projectsDir = join35(repoRoot, "packages", "studio", "data", "projects");
   const pName = projectName ?? basename3(dir);
   const symlinkPath = join35(projectsDir, pName);
@@ -34876,7 +34979,7 @@ async function runDevMode(dir, projectName) {
         const stat3 = lstatSync(symlinkPath);
         if (stat3.isSymbolicLink()) {
           const target = readlinkSync(symlinkPath);
-          if (resolve19(target) !== resolve19(dir)) {
+          if (resolve20(target) !== resolve20(dir)) {
             unlinkSync5(symlinkPath);
           }
         }
@@ -34930,8 +35033,8 @@ async function runDevMode(dir, projectName) {
       }
     });
   }
-  return new Promise((resolve35) => {
-    child.on("close", () => resolve35());
+  return new Promise((resolve37) => {
+    child.on("close", () => resolve37());
   });
 }
 function hasLocalStudio(dir) {
@@ -34953,7 +35056,7 @@ async function runLocalStudioMode(dir, projectName) {
   let createdSymlink = false;
   if (dir !== symlinkPath) {
     if (existsSync32(symlinkPath) && lstatSync(symlinkPath).isSymbolicLink()) {
-      if (resolve19(readlinkSync(symlinkPath)) !== resolve19(dir)) {
+      if (resolve20(readlinkSync(symlinkPath)) !== resolve20(dir)) {
         unlinkSync5(symlinkPath);
       }
     }
@@ -35001,8 +35104,8 @@ async function runLocalStudioMode(dir, projectName) {
       }
     });
   }
-  return new Promise((resolve35) => {
-    child.on("close", () => resolve35());
+  return new Promise((resolve37) => {
+    child.on("close", () => resolve37());
   });
 }
 async function runEmbeddedMode(dir, startPort, projectName, forceNew = false) {
@@ -35133,7 +35236,7 @@ var init_preview2 = __esm({
           return;
         }
         const rawArg = args.dir;
-        const dir = resolve19(rawArg ?? ".");
+        const dir = resolve20(rawArg ?? ".");
         const isImplicitCwd = !rawArg || rawArg === "." || rawArg === "./";
         const projectName = isImplicitCwd ? basename3(process.env.PWD ?? dir) : basename3(dir);
         const indexPath = join35(dir, "index.html");
@@ -35174,7 +35277,7 @@ import {
   readFileSync as readFileSync24,
   readdirSync as readdirSync12
 } from "fs";
-import { resolve as resolve20, basename as basename4, join as join36, dirname as dirname13 } from "path";
+import { resolve as resolve21, basename as basename4, join as join36, dirname as dirname13 } from "path";
 import { fileURLToPath as fileURLToPath5 } from "url";
 import { execFileSync as execFileSync4, spawn as spawn9 } from "child_process";
 function probeVideo(filePath) {
@@ -35244,8 +35347,8 @@ function transcodeToMp4(inputPath, outputPath) {
 }
 function resolveAssetDir(devSegments, builtSegments) {
   const base = dirname13(fileURLToPath5(import.meta.url));
-  const devPath = resolve20(base, ...devSegments);
-  const builtPath = resolve20(base, ...builtSegments);
+  const devPath = resolve21(base, ...devSegments);
+  const builtPath = resolve21(base, ...builtSegments);
   return existsSync33(devPath) ? devPath : builtPath;
 }
 function getStaticTemplateDir(templateId) {
@@ -35330,7 +35433,7 @@ async function handleVideoFile(videoPath, destDir, interactive) {
       }
       if (shouldTranscode) {
         const mp4Name = localVideoName.replace(/\.[^.]+$/, ".mp4");
-        const mp4Path = resolve20(destDir, mp4Name);
+        const mp4Path = resolve21(destDir, mp4Name);
         const spin = be();
         spin.start("Transcoding to H.264 MP4...");
         const ok = await transcodeToMp4(videoPath, mp4Path);
@@ -35339,10 +35442,10 @@ async function handleVideoFile(videoPath, destDir, interactive) {
           localVideoName = mp4Name;
         } else {
           spin.stop(c.warn("Transcode failed \u2014 copying original file"));
-          copyFileSync3(videoPath, resolve20(destDir, localVideoName));
+          copyFileSync3(videoPath, resolve21(destDir, localVideoName));
         }
       } else {
-        copyFileSync3(videoPath, resolve20(destDir, localVideoName));
+        copyFileSync3(videoPath, resolve21(destDir, localVideoName));
       }
     } else {
       if (interactive) {
@@ -35352,10 +35455,10 @@ async function handleVideoFile(videoPath, destDir, interactive) {
         console.log(c.warn("ffmpeg not installed \u2014 cannot transcode. Copying original."));
         console.log(c.dim("Install: ") + c.accent("brew install ffmpeg"));
       }
-      copyFileSync3(videoPath, resolve20(destDir, localVideoName));
+      copyFileSync3(videoPath, resolve21(destDir, localVideoName));
     }
   } else {
-    copyFileSync3(videoPath, resolve20(destDir, localVideoName));
+    copyFileSync3(videoPath, resolve21(destDir, localVideoName));
   }
   return { meta, localVideoName };
 }
@@ -35369,7 +35472,7 @@ async function scaffoldProject(destDir, name, templateId, localVideoName, durati
   }
   patchVideoSrc(destDir, localVideoName, durationSeconds);
   writeFileSync13(
-    resolve20(destDir, "meta.json"),
+    resolve21(destDir, "meta.json"),
     JSON.stringify(
       {
         id: name,
@@ -35381,7 +35484,7 @@ async function scaffoldProject(destDir, name, templateId, localVideoName, durati
     ),
     "utf-8"
   );
-  if (!existsSync33(resolve20(destDir, "hyperframes.json"))) {
+  if (!existsSync33(resolve21(destDir, "hyperframes.json"))) {
     const { writeProjectConfig: writeProjectConfig2, DEFAULT_PROJECT_CONFIG: DEFAULT_PROJECT_CONFIG2 } = await Promise.resolve().then(() => (init_projectConfig(), projectConfig_exports));
     writeProjectConfig2(destDir, DEFAULT_PROJECT_CONFIG2);
   }
@@ -35389,7 +35492,7 @@ async function scaffoldProject(destDir, name, templateId, localVideoName, durati
   if (existsSync33(sharedDir)) {
     for (const entry of readdirSync12(sharedDir, { withFileTypes: true })) {
       const src = join36(sharedDir, entry.name);
-      const dest = resolve20(destDir, entry.name);
+      const dest = resolve21(destDir, entry.name);
       if (entry.isFile() || entry.isSymbolicLink()) {
         copyFileSync3(src, dest);
       }
@@ -35501,7 +35604,7 @@ var init_init = __esm({
         if (!interactive) {
           const templateId2 = exampleFlag ?? "blank";
           const name2 = args.name ?? "my-video";
-          const destDir2 = resolve20(name2);
+          const destDir2 = resolve21(name2);
           if (existsSync33(destDir2) && readdirSync12(destDir2).length > 0) {
             console.error(c.error(`Directory already exists and is not empty: ${name2}`));
             process.exit(1);
@@ -35515,7 +35618,7 @@ var init_init = __esm({
             process.exit(1);
           }
           if (videoFlag) {
-            const videoPath = resolve20(videoFlag);
+            const videoPath = resolve21(videoFlag);
             if (!existsSync33(videoPath)) {
               console.error(c.error(`Video file not found: ${videoFlag}`));
               process.exit(1);
@@ -35529,13 +35632,13 @@ var init_init = __esm({
             );
           }
           if (audioFlag) {
-            const audioPath = resolve20(audioFlag);
+            const audioPath = resolve21(audioFlag);
             if (!existsSync33(audioPath)) {
               console.error(c.error(`Audio file not found: ${audioFlag}`));
               process.exit(1);
             }
             sourceFilePath2 = audioPath;
-            copyFileSync3(audioPath, resolve20(destDir2, basename4(audioPath)));
+            copyFileSync3(audioPath, resolve21(destDir2, basename4(audioPath)));
             console.log(`Audio: ${basename4(audioPath)}`);
           }
           if (sourceFilePath2 && !skipTranscribe) {
@@ -35575,7 +35678,7 @@ var init_init = __esm({
             process.exit(1);
           }
           trackInitTemplate(templateId2);
-          const transcriptFile2 = resolve20(destDir2, "transcript.json");
+          const transcriptFile2 = resolve21(destDir2, "transcript.json");
           if (existsSync33(transcriptFile2)) {
             await patchTranscript(destDir2, transcriptFile2);
           }
@@ -35627,7 +35730,7 @@ var init_init = __esm({
           }
           name = nameResult;
         }
-        const destDir = resolve20(name);
+        const destDir = resolve21(name);
         if (existsSync33(destDir) && readdirSync12(destDir).length > 0) {
           const overwrite = await Rt({
             message: `Directory ${c.accent(name)} already exists and is not empty. Overwrite?`,
@@ -35642,7 +35745,7 @@ var init_init = __esm({
         let sourceFilePath;
         let videoDuration;
         if (videoFlag) {
-          const videoPath = resolve20(videoFlag);
+          const videoPath = resolve21(videoFlag);
           if (!existsSync33(videoPath)) {
             R2.error(`File not found: ${videoFlag}`);
             Nt("Setup cancelled.");
@@ -35654,7 +35757,7 @@ var init_init = __esm({
           localVideoName = result.localVideoName;
           videoDuration = result.meta.durationSeconds;
         } else if (audioFlag) {
-          const audioPath = resolve20(audioFlag);
+          const audioPath = resolve21(audioFlag);
           if (!existsSync33(audioPath)) {
             R2.error(`File not found: ${audioFlag}`);
             Nt("Setup cancelled.");
@@ -35662,7 +35765,7 @@ var init_init = __esm({
           }
           mkdirSync20(destDir, { recursive: true });
           sourceFilePath = audioPath;
-          copyFileSync3(audioPath, resolve20(destDir, basename4(audioPath)));
+          copyFileSync3(audioPath, resolve21(destDir, basename4(audioPath)));
           R2.info(`Audio copied to ${c.accent(basename4(audioPath))}`);
         }
         if (sourceFilePath) {
@@ -35747,7 +35850,7 @@ ${c.dim("Use --example blank for offline use.")}`
           process.exit(1);
         }
         trackInitTemplate(templateId);
-        const transcriptFile = resolve20(destDir, "transcript.json");
+        const transcriptFile = resolve21(destDir, "transcript.json");
         if (existsSync33(transcriptFile)) {
           await patchTranscript(destDir, transcriptFile);
         }
@@ -35835,7 +35938,7 @@ __export(add_exports, {
   runAdd: () => runAdd
 });
 import { existsSync as existsSync34 } from "fs";
-import { resolve as resolve21, relative as relative3 } from "path";
+import { resolve as resolve22, relative as relative3 } from "path";
 function remapTarget(item, originalTarget, paths) {
   if (item.type === "hyperframes:block") {
     const blocksDir = paths.blocks.replace(/\/+$/, "");
@@ -35858,10 +35961,10 @@ function buildSnippet(item, relativeTarget) {
   return "";
 }
 async function runAdd(opts) {
-  const projectDir = resolve21(opts.projectDir);
+  const projectDir = resolve22(opts.projectDir);
   let config = loadProjectConfig(projectDir);
   const hasConfig = existsSync34(projectConfigPath(projectDir));
-  if (!hasConfig && existsSync34(resolve21(projectDir, "index.html"))) {
+  if (!hasConfig && existsSync34(resolve22(projectDir, "index.html"))) {
     writeProjectConfig(projectDir, DEFAULT_PROJECT_CONFIG);
     config = DEFAULT_PROJECT_CONFIG;
   }
@@ -35957,7 +36060,7 @@ var init_add = __esm({
         }
       },
       async run({ args }) {
-        const projectDir = resolve21(args.dir ?? process.cwd());
+        const projectDir = resolve22(args.dir ?? process.cwd());
         const json = args.json === true;
         const skipClipboard = args["no-clipboard"] === true;
         const hasConfigBefore = existsSync34(projectConfigPath(projectDir));
@@ -36005,7 +36108,7 @@ __export(catalog_exports, {
   default: () => catalog_default,
   examples: () => examples4
 });
-import { resolve as resolve22 } from "path";
+import { resolve as resolve23 } from "path";
 var examples4, catalog_default;
 var init_catalog = __esm({
   "src/commands/catalog.ts"() {
@@ -36049,7 +36152,7 @@ var init_catalog = __esm({
       async run({ args }) {
         const json = args.json === true;
         const interactive = args["human-friendly"] === true;
-        const dir = resolve22(process.cwd());
+        const dir = resolve23(process.cwd());
         const config = loadProjectConfig(dir) ?? DEFAULT_PROJECT_CONFIG;
         let typeFilter;
         if (args.type === "block") typeFilter = "hyperframes:block";
@@ -36174,11 +36277,11 @@ var init_format = __esm({
 
 // src/utils/project.ts
 import { existsSync as existsSync35, statSync as statSync11 } from "fs";
-import { resolve as resolve23, basename as basename5 } from "path";
+import { resolve as resolve24, basename as basename5 } from "path";
 function resolveProject(dirArg) {
-  const dir = resolve23(dirArg ?? ".");
+  const dir = resolve24(dirArg ?? ".");
   const name = basename5(dir);
-  const indexPath = resolve23(dir, "index.html");
+  const indexPath = resolve24(dir, "index.html");
   if (!existsSync35(dir) || !statSync11(dir).isDirectory()) {
     errorBox("Not a directory: " + dir);
     process.exit(1);
@@ -36207,7 +36310,7 @@ __export(play_exports, {
   examples: () => examples5
 });
 import { existsSync as existsSync36, readFileSync as readFileSync25 } from "fs";
-import { resolve as resolve24, dirname as dirname14 } from "path";
+import { resolve as resolve25, dirname as dirname14 } from "path";
 function commandDir() {
   return dirname14(new URL(import.meta.url).pathname);
 }
@@ -36215,10 +36318,10 @@ function resolveRuntimePath2() {
   const d = commandDir();
   const candidates = [
     // Bundled with CLI dist
-    resolve24(d, "hyperframe-runtime.js"),
-    resolve24(d, "..", "hyperframe-runtime.js"),
+    resolve25(d, "hyperframe-runtime.js"),
+    resolve25(d, "..", "hyperframe-runtime.js"),
     // Monorepo dev: commands/ → src/ → cli/ → packages/ then into core/dist/
-    resolve24(d, "..", "..", "..", "core", "dist", "hyperframe.runtime.iife.js")
+    resolve25(d, "..", "..", "..", "core", "dist", "hyperframe.runtime.iife.js")
   ];
   for (const p of candidates) {
     if (existsSync36(p)) return p;
@@ -36229,10 +36332,10 @@ function resolvePlayerPath() {
   const d = commandDir();
   const candidates = [
     // Monorepo dev: commands/ → src/ → cli/ → packages/ then into player/dist/
-    resolve24(d, "..", "..", "..", "player", "dist", "hyperframes-player.global.js"),
+    resolve25(d, "..", "..", "..", "player", "dist", "hyperframes-player.global.js"),
     // Bundled with CLI dist
-    resolve24(d, "hyperframes-player.global.js"),
-    resolve24(d, "..", "hyperframes-player.global.js")
+    resolve25(d, "hyperframes-player.global.js"),
+    resolve25(d, "..", "hyperframes-player.global.js")
   ];
   for (const p of candidates) {
     if (existsSync36(p)) return p;
@@ -36335,7 +36438,7 @@ var init_play = __esm({
         });
         app.get("/composition/*", async (ctx) => {
           const reqPath = ctx.req.path.replace("/composition/", "");
-          const filePath = resolve24(project.dir, reqPath);
+          const filePath = resolve25(project.dir, reqPath);
           if (!filePath.startsWith(project.dir)) return ctx.text("Forbidden", 403);
           if (!existsSync36(filePath)) return ctx.text("Not found", 404);
           const content = readFileSync25(filePath, "utf-8");
@@ -36412,6 +36515,184 @@ var init_play = __esm({
   }
 });
 
+// src/utils/publishProject.ts
+import { basename as basename6, join as join37, relative as relative4 } from "path";
+import { readdirSync as readdirSync13, readFileSync as readFileSync26, statSync as statSync12 } from "fs";
+import AdmZip from "adm-zip";
+function shouldIgnoreSegment(segment) {
+  return segment.startsWith(".") || IGNORED_DIRS.has(segment) || IGNORED_FILES.has(segment);
+}
+function collectProjectFiles(rootDir, currentDir, paths) {
+  for (const entry of readdirSync13(currentDir, { withFileTypes: true })) {
+    if (shouldIgnoreSegment(entry.name)) continue;
+    const absolutePath = join37(currentDir, entry.name);
+    const relativePath = relative4(rootDir, absolutePath).replaceAll("\\", "/");
+    if (!relativePath) continue;
+    if (entry.isDirectory()) {
+      collectProjectFiles(rootDir, absolutePath, paths);
+      continue;
+    }
+    if (!statSync12(absolutePath).isFile()) continue;
+    paths.push(relativePath);
+  }
+}
+function createPublishArchive(projectDir) {
+  const filePaths = [];
+  collectProjectFiles(projectDir, projectDir, filePaths);
+  if (!filePaths.includes("index.html")) {
+    throw new Error("Project must include an index.html file at the root before publish.");
+  }
+  const archive = new AdmZip();
+  for (const filePath of filePaths) {
+    archive.addFile(filePath, readFileSync26(join37(projectDir, filePath)));
+  }
+  return {
+    buffer: archive.toBuffer(),
+    fileCount: filePaths.length
+  };
+}
+function getPublishApiBaseUrl() {
+  return (process.env["HYPERFRAMES_PUBLISHED_PROJECTS_API_URL"] || process.env["HEYGEN_API_URL"] || "https://api2.heygen.com").replace(/\/$/, "");
+}
+async function publishProjectArchive(projectDir) {
+  const title = basename6(projectDir);
+  const archive = createPublishArchive(projectDir);
+  const archiveBytes = new Uint8Array(archive.buffer.byteLength);
+  archiveBytes.set(archive.buffer);
+  const body = new FormData();
+  body.set("title", title);
+  body.set("file", new File([archiveBytes], `${title}.zip`, { type: "application/zip" }));
+  const headers = {
+    heygen_route: "canary"
+  };
+  const response = await fetch(`${getPublishApiBaseUrl()}/v1/hyperframes/projects/publish`, {
+    method: "POST",
+    body,
+    headers,
+    signal: AbortSignal.timeout(3e4)
+  });
+  const payload = await response.json().catch(() => null);
+  const message = typeof payload?.message === "string" ? payload.message : "Failed to publish project";
+  if (!response.ok || !payload?.data) {
+    throw new Error(message);
+  }
+  return {
+    projectId: String(payload.data.project_id),
+    title: String(payload.data.title),
+    fileCount: Number(payload.data.file_count),
+    url: String(payload.data.url),
+    claimToken: String(payload.data.claim_token)
+  };
+}
+var IGNORED_DIRS, IGNORED_FILES;
+var init_publishProject = __esm({
+  "src/utils/publishProject.ts"() {
+    "use strict";
+    IGNORED_DIRS = /* @__PURE__ */ new Set([".git", "node_modules", "dist", ".next", "coverage"]);
+    IGNORED_FILES = /* @__PURE__ */ new Set([".DS_Store", "Thumbs.db"]);
+  }
+});
+
+// src/commands/publish.ts
+var publish_exports = {};
+__export(publish_exports, {
+  default: () => publish_default,
+  examples: () => examples6
+});
+import { basename as basename7, resolve as resolve26 } from "path";
+import { existsSync as existsSync37 } from "fs";
+import { join as join38 } from "path";
+var examples6, publish_default;
+var init_publish = __esm({
+  "src/commands/publish.ts"() {
+    "use strict";
+    init_dist();
+    init_dist3();
+    init_colors();
+    init_lintProject();
+    init_lintFormat();
+    init_publishProject();
+    examples6 = [
+      ["Publish the current project with a public URL", "hyperframes publish"],
+      ["Publish a specific directory", "hyperframes publish ./my-video"],
+      ["Skip the consent prompt (scripts)", "hyperframes publish --yes"]
+    ];
+    publish_default = defineCommand({
+      meta: {
+        name: "publish",
+        description: "Upload the project and return a stable public URL"
+      },
+      args: {
+        dir: { type: "positional", description: "Project directory", required: false },
+        yes: {
+          type: "boolean",
+          alias: "y",
+          description: "Skip the publish confirmation prompt",
+          default: false
+        }
+      },
+      async run({ args }) {
+        const rawArg = args.dir;
+        const dir = resolve26(rawArg ?? ".");
+        const isImplicitCwd = !rawArg || rawArg === "." || rawArg === "./";
+        const projectName = isImplicitCwd ? basename7(process.env["PWD"] ?? dir) : basename7(dir);
+        const indexPath = join38(dir, "index.html");
+        if (existsSync37(indexPath)) {
+          const lintResult = lintProject({ dir, name: projectName, indexPath });
+          if (lintResult.totalErrors > 0 || lintResult.totalWarnings > 0) {
+            console.log();
+            for (const line of formatLintFindings(lintResult)) console.log(line);
+            console.log();
+          }
+        }
+        if (args.yes !== true) {
+          console.log();
+          console.log(
+            `  ${c.bold("hyperframes publish uploads this project and creates a stable public URL.")}`
+          );
+          console.log(
+            `  ${c.dim("Anyone with the URL can open the published project and claim it after authenticating.")}`
+          );
+          console.log();
+          const approved = await Rt({ message: "Publish this project?" });
+          if (Ct(approved) || approved !== true) {
+            console.log();
+            console.log(`  ${c.dim("Aborted.")}`);
+            console.log();
+            return;
+          }
+        }
+        Wt2(c.bold("hyperframes publish"));
+        const publishSpinner = be();
+        publishSpinner.start("Uploading project...");
+        try {
+          const published = await publishProjectArchive(dir);
+          const claimUrl = new URL(published.url);
+          claimUrl.searchParams.set("claim_token", published.claimToken);
+          publishSpinner.stop(c.success("Project published"));
+          console.log();
+          console.log(`  ${c.dim("Project")}    ${c.accent(published.title)}`);
+          console.log(`  ${c.dim("Files")}      ${String(published.fileCount)}`);
+          console.log(`  ${c.dim("Public")}     ${c.accent(claimUrl.toString())}`);
+          console.log();
+          console.log(
+            `  ${c.dim("Open the URL on hyperframes.dev to claim the project and continue editing.")}`
+          );
+          console.log();
+          return;
+        } catch (err) {
+          publishSpinner.stop(c.error("Publish failed"));
+          console.error();
+          console.error(`  ${err.message}`);
+          console.error();
+          process.exitCode = 1;
+          return;
+        }
+      }
+    });
+  }
+});
+
 // src/utils/producer.ts
 async function loadProducer() {
   return await Promise.resolve().then(() => (init_src3(), src_exports3));
@@ -36525,11 +36806,11 @@ var init_ffmpeg = __esm({
 var render_exports = {};
 __export(render_exports, {
   default: () => render_default,
-  examples: () => examples6
+  examples: () => examples7
 });
-import { mkdirSync as mkdirSync21, readFileSync as readFileSync26, statSync as statSync12, writeFileSync as writeFileSync14, rmSync as rmSync8 } from "fs";
+import { mkdirSync as mkdirSync21, readFileSync as readFileSync27, statSync as statSync13, writeFileSync as writeFileSync14, rmSync as rmSync8 } from "fs";
 import { cpus as cpus3, freemem as freemem3, tmpdir as tmpdir3 } from "os";
-import { resolve as resolve25, dirname as dirname15, join as join37, basename as basename6 } from "path";
+import { resolve as resolve27, dirname as dirname15, join as join39, basename as basename8 } from "path";
 import { execFileSync as execFileSync5, spawn as spawn10 } from "child_process";
 function defaultWorkerCount() {
   return Math.max(1, Math.min(Math.floor(CPU_CORE_COUNT * 3 / 4), 8));
@@ -36538,11 +36819,11 @@ function dockerImageTag(version) {
   return `${DOCKER_IMAGE_PREFIX}:${version}`;
 }
 function resolveDockerfilePath() {
-  const builtPath = resolve25(__dirname, "docker", "Dockerfile.render");
-  const devPath = resolve25(__dirname, "..", "src", "docker", "Dockerfile.render");
+  const builtPath = resolve27(__dirname, "docker", "Dockerfile.render");
+  const devPath = resolve27(__dirname, "..", "src", "docker", "Dockerfile.render");
   for (const p of [builtPath, devPath]) {
     try {
-      statSync12(p);
+      statSync13(p);
       return p;
     } catch {
       continue;
@@ -36566,9 +36847,9 @@ function ensureDockerImage(version, quiet) {
   }
   if (!quiet) console.log(c.dim(`  Building Docker image: ${tag}...`));
   const dockerfilePath = resolveDockerfilePath();
-  const tmpDir = join37(tmpdir3(), `hyperframes-docker-${Date.now()}`);
+  const tmpDir = join39(tmpdir3(), `hyperframes-docker-${Date.now()}`);
   mkdirSync21(tmpDir, { recursive: true });
-  writeFileSync14(join37(tmpDir, "Dockerfile"), readFileSync26(dockerfilePath));
+  writeFileSync14(join39(tmpDir, "Dockerfile"), readFileSync27(dockerfilePath));
   try {
     execFileSync5(
       "docker",
@@ -36613,11 +36894,11 @@ async function renderDocker(projectDir, outputPath, options) {
     process.exit(1);
   }
   const outputDir = dirname15(outputPath);
-  const outputFilename = basename6(outputPath);
+  const outputFilename = basename8(outputPath);
   const dockerArgs = buildDockerRunArgs({
     imageTag,
-    projectDir: resolve25(projectDir),
-    outputDir: resolve25(outputDir),
+    projectDir: resolve27(projectDir),
+    outputDir: resolve27(outputDir),
     outputFilename,
     options: {
       fps: options.fps,
@@ -36736,7 +37017,7 @@ function printRenderComplete(outputPath, elapsedMs, quiet) {
   if (quiet) return;
   let fileSize = "unknown";
   try {
-    fileSize = formatBytes(statSync12(outputPath).size);
+    fileSize = formatBytes(statSync13(outputPath).size);
   } catch {
   }
   const duration = formatDuration(elapsedMs);
@@ -36744,7 +37025,7 @@ function printRenderComplete(outputPath, elapsedMs, quiet) {
   console.log(c.success("\u25C7") + "  " + c.accent(outputPath));
   console.log("   " + c.bold(fileSize) + c.dim(" \xB7 " + duration + " \xB7 completed"));
 }
-var examples6, VALID_FPS, VALID_QUALITY, VALID_FORMAT, FORMAT_EXT, CPU_CORE_COUNT, render_default, DOCKER_IMAGE_PREFIX;
+var examples7, VALID_FPS, VALID_QUALITY, VALID_FORMAT, FORMAT_EXT, CPU_CORE_COUNT, render_default, DOCKER_IMAGE_PREFIX;
 var init_render2 = __esm({
   "src/commands/render.ts"() {
     "use strict";
@@ -36761,7 +37042,7 @@ var init_render2 = __esm({
     init_version();
     init_env();
     init_dockerRunArgs();
-    examples6 = [
+    examples7 = [
       ["Render to MP4", "hyperframes render --output output.mp4"],
       ["Render transparent overlay (ProRes)", "hyperframes render --format mov --output overlay.mov"],
       ["Render transparent WebM overlay", "hyperframes render --format webm --output overlay.webm"],
@@ -36892,12 +37173,12 @@ var init_render2 = __esm({
           }
           process.env.PRODUCER_MAX_CONCURRENT_RENDERS = String(parsed);
         }
-        const rendersDir = resolve25("renders");
+        const rendersDir = resolve27("renders");
         const ext = FORMAT_EXT[format] ?? ".mp4";
         const now = /* @__PURE__ */ new Date();
         const datePart = now.toISOString().slice(0, 10);
         const timePart = now.toTimeString().slice(0, 8).replace(/:/g, "-");
-        const outputPath = args.output ? resolve25(args.output) : join37(rendersDir, `${project.name}_${datePart}_${timePart}${ext}`);
+        const outputPath = args.output ? resolve27(args.output) : join39(rendersDir, `${project.name}_${datePart}_${timePart}${ext}`);
         mkdirSync21(dirname15(outputPath), { recursive: true });
         const useDocker = args.docker ?? false;
         const useGpu = args.gpu ?? false;
@@ -37126,9 +37407,9 @@ var init_updateCheck = __esm({
 var lint_exports2 = {};
 __export(lint_exports2, {
   default: () => lint_default,
-  examples: () => examples7
+  examples: () => examples8
 });
-var examples7, lint_default;
+var examples8, lint_default;
 var init_lint3 = __esm({
   "src/commands/lint.ts"() {
     "use strict";
@@ -37138,7 +37419,7 @@ var init_lint3 = __esm({
     init_lintProject();
     init_project();
     init_updateCheck();
-    examples7 = [
+    examples8 = [
       ["Lint the current project", "hyperframes lint"],
       ["Lint a specific directory", "hyperframes lint ./my-video"],
       ["Output findings as JSON", "hyperframes lint --json"],
@@ -37243,23 +37524,23 @@ var init_dom = __esm({
 var info_exports = {};
 __export(info_exports, {
   default: () => info_default,
-  examples: () => examples8
+  examples: () => examples9
 });
-import { readFileSync as readFileSync27, readdirSync as readdirSync13, statSync as statSync13 } from "fs";
-import { join as join38 } from "path";
+import { readFileSync as readFileSync28, readdirSync as readdirSync14, statSync as statSync14 } from "fs";
+import { join as join40 } from "path";
 function totalSize(dir) {
   let total = 0;
-  for (const entry of readdirSync13(dir, { withFileTypes: true })) {
-    const path2 = join38(dir, entry.name);
+  for (const entry of readdirSync14(dir, { withFileTypes: true })) {
+    const path2 = join40(dir, entry.name);
     if (entry.isDirectory()) {
       total += totalSize(path2);
     } else {
-      total += statSync13(path2).size;
+      total += statSync14(path2).size;
     }
   }
   return total;
 }
-var examples8, info_default;
+var examples9, info_default;
 var init_info = __esm({
   "src/commands/info.ts"() {
     "use strict";
@@ -37270,7 +37551,7 @@ var init_info = __esm({
     init_dom();
     init_project();
     init_updateCheck();
-    examples8 = [
+    examples9 = [
       ["Show project metadata", "hyperframes info"],
       ["Output as JSON", "hyperframes info --json"]
     ];
@@ -37282,7 +37563,7 @@ var init_info = __esm({
       },
       async run({ args }) {
         const project = resolveProject(args.dir);
-        const html = readFileSync27(project.indexPath, "utf-8");
+        const html = readFileSync28(project.indexPath, "utf-8");
         ensureDOMParser();
         const parsed = parseHtml(html);
         const tracks = new Set(parsed.elements.map((el) => el.zIndex));
@@ -37336,10 +37617,10 @@ var init_info = __esm({
 var compositions_exports = {};
 __export(compositions_exports, {
   default: () => compositions_default,
-  examples: () => examples9
+  examples: () => examples10
 });
-import { existsSync as existsSync37, readFileSync as readFileSync28 } from "fs";
-import { resolve as resolve26, dirname as dirname16 } from "path";
+import { existsSync as existsSync38, readFileSync as readFileSync29 } from "fs";
+import { resolve as resolve28, dirname as dirname16 } from "path";
 function parseCompositions(html, baseDir) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, "text/html");
@@ -37351,9 +37632,9 @@ function parseCompositions(html, baseDir) {
     const height = parseInt(div.getAttribute("data-height") ?? "1080", 10);
     const compositionSrc = div.getAttribute("data-composition-src");
     if (compositionSrc) {
-      const subPath = resolve26(baseDir, compositionSrc);
-      if (existsSync37(subPath)) {
-        const subHtml = readFileSync28(subPath, "utf-8");
+      const subPath = resolve28(baseDir, compositionSrc);
+      if (existsSync38(subPath)) {
+        const subHtml = readFileSync29(subPath, "utf-8");
         const subInfo = parseSubComposition(subHtml, id, width, height);
         compositions.push({ ...subInfo, source: compositionSrc });
         return;
@@ -37426,7 +37707,7 @@ function parseSubComposition(html, fallbackId, fallbackWidth, fallbackHeight) {
   }
   return { id, duration, width, height, elementCount };
 }
-var examples9, compositions_default;
+var examples10, compositions_default;
 var init_compositions = __esm({
   "src/commands/compositions.ts"() {
     "use strict";
@@ -37435,7 +37716,7 @@ var init_compositions = __esm({
     init_dom();
     init_project();
     init_updateCheck();
-    examples9 = [
+    examples10 = [
       ["List compositions in the current project", "hyperframes compositions"],
       ["Output as JSON", "hyperframes compositions --json"]
     ];
@@ -37447,7 +37728,7 @@ var init_compositions = __esm({
       },
       async run({ args }) {
         const project = resolveProject(args.dir);
-        const html = readFileSync28(project.indexPath, "utf-8");
+        const html = readFileSync29(project.indexPath, "utf-8");
         ensureDOMParser();
         const compositions = parseCompositions(html, dirname16(project.indexPath));
         if (compositions.length === 0) {
@@ -37483,11 +37764,11 @@ var init_compositions = __esm({
 var benchmark_exports = {};
 __export(benchmark_exports, {
   default: () => benchmark_default,
-  examples: () => examples10
+  examples: () => examples11
 });
-import { existsSync as existsSync38, statSync as statSync14 } from "fs";
-import { resolve as resolve27, join as join39 } from "path";
-var examples10, DEFAULT_CONFIGS, benchmark_default;
+import { existsSync as existsSync39, statSync as statSync15 } from "fs";
+import { resolve as resolve29, join as join41 } from "path";
+var examples11, DEFAULT_CONFIGS, benchmark_default;
 var init_benchmark = __esm({
   "src/commands/benchmark.ts"() {
     "use strict";
@@ -37498,7 +37779,7 @@ var init_benchmark = __esm({
     init_format();
     init_dist3();
     init_updateCheck();
-    examples10 = [
+    examples11 = [
       ["Run benchmarks with default settings (3 runs)", "hyperframes benchmark"],
       ["Run 5 iterations per config", "hyperframes benchmark --runs 5"],
       ["Output results as JSON", "hyperframes benchmark --json"]
@@ -37528,7 +37809,7 @@ var init_benchmark = __esm({
           process.exit(1);
         }
         const jsonOutput = args.json ?? false;
-        const benchDir = resolve27("renders", ".benchmark");
+        const benchDir = resolve29("renders", ".benchmark");
         let producer = null;
         try {
           producer = await loadProducer();
@@ -37561,7 +37842,7 @@ var init_benchmark = __esm({
           s2?.start(`Benchmarking ${config.label}...`);
           for (let i2 = 0; i2 < runsPerConfig; i2++) {
             s2?.message(`${config.label} \u2014 run ${i2 + 1}/${runsPerConfig}`);
-            const outputPath = join39(
+            const outputPath = join41(
               benchDir,
               `${config.label.replace(/[^a-zA-Z0-9]/g, "_")}_run${i2}.mp4`
             );
@@ -37575,8 +37856,8 @@ var init_benchmark = __esm({
               await producer.executeRenderJob(job, project.dir, outputPath);
               const elapsedMs = Date.now() - startTime;
               let fileSize = null;
-              if (existsSync38(outputPath)) {
-                const stat3 = statSync14(outputPath);
+              if (existsSync39(outputPath)) {
+                const stat3 = statSync15(outputPath);
                 fileSize = stat3.size;
               }
               runs.push({ elapsedMs, fileSize });
@@ -37658,7 +37939,7 @@ var init_benchmark = __esm({
 var browser_exports = {};
 __export(browser_exports, {
   default: () => browser_default,
-  examples: () => examples11
+  examples: () => examples12
 });
 async function runEnsure() {
   Wt2(c.bold("hyperframes browser ensure"));
@@ -37721,7 +38002,7 @@ function runClear() {
     Gt(c.dim("No cached browser to remove."));
   }
 }
-var examples11, browser_default;
+var examples12, browser_default;
 var init_browser = __esm({
   "src/commands/browser.ts"() {
     "use strict";
@@ -37731,7 +38012,7 @@ var init_browser = __esm({
     init_format();
     init_manager2();
     init_events();
-    examples11 = [
+    examples12 = [
       ["Find or download Chrome for rendering", "hyperframes browser ensure"],
       ["Print the Chrome executable path", "hyperframes browser path"],
       ["Remove cached Chrome download", "hyperframes browser clear"]
@@ -37789,10 +38070,10 @@ Run ${c.accent("hyperframes browser --help")} for usage.`
 var transcribe_exports2 = {};
 __export(transcribe_exports2, {
   default: () => transcribe_default,
-  examples: () => examples12
+  examples: () => examples13
 });
-import { existsSync as existsSync39, writeFileSync as writeFileSync15 } from "fs";
-import { resolve as resolve28, join as join40, extname as extname8 } from "path";
+import { existsSync as existsSync40, writeFileSync as writeFileSync15 } from "fs";
+import { resolve as resolve30, join as join42, extname as extname8 } from "path";
 async function importTranscript(inputPath, dir, json) {
   const { loadTranscript: loadTranscript2, patchCaptionHtml: patchCaptionHtml2 } = await Promise.resolve().then(() => (init_normalize(), normalize_exports));
   const { words, format } = loadTranscript2(inputPath);
@@ -37800,7 +38081,7 @@ async function importTranscript(inputPath, dir, json) {
     console.error(c.error("No words found in transcript."));
     process.exit(1);
   }
-  const outPath = join40(dir, "transcript.json");
+  const outPath = join42(dir, "transcript.json");
   writeFileSync15(outPath, JSON.stringify(words, null, 2));
   patchCaptionHtml2(dir, words);
   if (json) {
@@ -37867,7 +38148,7 @@ async function transcribeAudio(inputPath, dir, opts) {
     process.exit(1);
   }
 }
-var examples12, transcribe_default;
+var examples13, transcribe_default;
 var init_transcribe2 = __esm({
   "src/commands/transcribe.ts"() {
     "use strict";
@@ -37875,7 +38156,7 @@ var init_transcribe2 = __esm({
     init_dist3();
     init_colors();
     init_manager();
-    examples12 = [
+    examples13 = [
       ["Transcribe an audio file", "hyperframes transcribe audio.mp3"],
       ["Transcribe a video file", "hyperframes transcribe video.mp4"],
       ["Use a larger model for better accuracy", "hyperframes transcribe audio.mp3 --model medium.en"],
@@ -37916,12 +38197,12 @@ var init_transcribe2 = __esm({
         }
       },
       async run({ args }) {
-        const inputPath = resolve28(args.input);
-        if (!existsSync39(inputPath)) {
+        const inputPath = resolve30(args.input);
+        if (!existsSync40(inputPath)) {
           console.error(c.error(`File not found: ${args.input}`));
           process.exit(1);
         }
-        const dir = resolve28(args.dir ?? ".");
+        const dir = resolve30(args.dir ?? ".");
         const ext = extname8(inputPath).toLowerCase();
         const isImport = ext === ".json" || ext === ".srt" || ext === ".vtt";
         if (isImport) {
@@ -37938,9 +38219,9 @@ var init_transcribe2 = __esm({
 });
 
 // src/tts/manager.ts
-import { existsSync as existsSync40, mkdirSync as mkdirSync22 } from "fs";
+import { existsSync as existsSync41, mkdirSync as mkdirSync22 } from "fs";
 import { homedir as homedir8 } from "os";
-import { join as join41 } from "path";
+import { join as join43 } from "path";
 function inferLangFromVoiceId(voiceId) {
   const first = voiceId.charAt(0).toLowerCase();
   return VOICE_PREFIX_LANG[first] ?? "en-us";
@@ -37949,8 +38230,8 @@ function isSupportedLang(value) {
   return SUPPORTED_LANGS.includes(value);
 }
 async function ensureModel2(model = DEFAULT_MODEL2, options) {
-  const modelPath = join41(MODELS_DIR2, `${model}.onnx`);
-  if (existsSync40(modelPath)) return modelPath;
+  const modelPath = join43(MODELS_DIR2, `${model}.onnx`);
+  if (existsSync41(modelPath)) return modelPath;
   const url = MODEL_URLS[model];
   if (!url) {
     throw new Error(
@@ -37960,18 +38241,18 @@ async function ensureModel2(model = DEFAULT_MODEL2, options) {
   mkdirSync22(MODELS_DIR2, { recursive: true });
   options?.onProgress?.(`Downloading TTS model ${model} (~311 MB)...`);
   await downloadFile(url, modelPath);
-  if (!existsSync40(modelPath)) {
+  if (!existsSync41(modelPath)) {
     throw new Error(`Model download failed: ${model}`);
   }
   return modelPath;
 }
 async function ensureVoices(options) {
-  const voicesPath = join41(VOICES_DIR, "voices-v1.0.bin");
-  if (existsSync40(voicesPath)) return voicesPath;
+  const voicesPath = join43(VOICES_DIR, "voices-v1.0.bin");
+  if (existsSync41(voicesPath)) return voicesPath;
   mkdirSync22(VOICES_DIR, { recursive: true });
   options?.onProgress?.("Downloading voice data (~27 MB)...");
   await downloadFile(VOICES_URL, voicesPath);
-  if (!existsSync40(voicesPath)) {
+  if (!existsSync41(voicesPath)) {
     throw new Error("Voice data download failed");
   }
   return voicesPath;
@@ -37981,9 +38262,9 @@ var init_manager3 = __esm({
   "src/tts/manager.ts"() {
     "use strict";
     init_download();
-    CACHE_DIR3 = join41(homedir8(), ".cache", "hyperframes", "tts");
-    MODELS_DIR2 = join41(CACHE_DIR3, "models");
-    VOICES_DIR = join41(CACHE_DIR3, "voices");
+    CACHE_DIR3 = join43(homedir8(), ".cache", "hyperframes", "tts");
+    MODELS_DIR2 = join43(CACHE_DIR3, "models");
+    VOICES_DIR = join43(CACHE_DIR3, "voices");
     DEFAULT_MODEL2 = "kokoro-v1.0";
     MODEL_URLS = {
       "kokoro-v1.0": "https://github.com/thewh1teagle/kokoro-onnx/releases/download/model-files-v1.0/kokoro-v1.0.onnx"
@@ -38044,8 +38325,8 @@ __export(synthesize_exports, {
   synthesize: () => synthesize
 });
 import { execFileSync as execFileSync6 } from "child_process";
-import { existsSync as existsSync41, writeFileSync as writeFileSync16, mkdirSync as mkdirSync23, readdirSync as readdirSync14, unlinkSync as unlinkSync6 } from "fs";
-import { join as join42, dirname as dirname17, basename as basename7 } from "path";
+import { existsSync as existsSync42, writeFileSync as writeFileSync16, mkdirSync as mkdirSync23, readdirSync as readdirSync15, unlinkSync as unlinkSync6 } from "fs";
+import { join as join44, dirname as dirname17, basename as basename9 } from "path";
 import { homedir as homedir9 } from "os";
 function findPython() {
   for (const name of ["python3", "python"]) {
@@ -38081,15 +38362,15 @@ function hasPythonPackage(python, pkg) {
   }
 }
 function ensureSynthScript() {
-  if (!existsSync41(SCRIPT_PATH)) {
+  if (!existsSync42(SCRIPT_PATH)) {
     mkdirSync23(SCRIPT_DIR, { recursive: true });
     writeFileSync16(SCRIPT_PATH, SYNTH_SCRIPT);
-    const currentName = basename7(SCRIPT_PATH);
+    const currentName = basename9(SCRIPT_PATH);
     try {
-      for (const entry of readdirSync14(SCRIPT_DIR)) {
+      for (const entry of readdirSync15(SCRIPT_DIR)) {
         if (entry !== currentName && /^synth(-v\d+)?\.py$/.test(entry)) {
           try {
-            unlinkSync6(join42(SCRIPT_DIR, entry));
+            unlinkSync6(join44(SCRIPT_DIR, entry));
           } catch {
           }
         }
@@ -38135,7 +38416,7 @@ async function synthesize(text, outputPath, options) {
         stdio: ["pipe", "pipe", "pipe"]
       }
     );
-    if (!existsSync41(outputPath)) {
+    if (!existsSync42(outputPath)) {
       throw new Error("Synthesis completed but no output file was created");
     }
     const lines = stdout2.trim().split("\n");
@@ -38148,7 +38429,7 @@ async function synthesize(text, outputPath, options) {
       langApplied: result.langApplied
     };
   } catch (err) {
-    if (err instanceof SyntaxError && existsSync41(outputPath)) {
+    if (err instanceof SyntaxError && existsSync42(outputPath)) {
       throw new Error(
         "Speech was generated but metadata could not be read. Check the output file manually."
       );
@@ -38199,8 +38480,8 @@ print(json.dumps({
     "langApplied": bool(lang and supports_lang),
 }))
 `;
-    SCRIPT_DIR = join42(homedir9(), ".cache", "hyperframes", "tts");
-    SCRIPT_PATH = join42(SCRIPT_DIR, "synth-v2.py");
+    SCRIPT_DIR = join44(homedir9(), ".cache", "hyperframes", "tts");
+    SCRIPT_PATH = join44(SCRIPT_DIR, "synth-v2.py");
   }
 });
 
@@ -38208,10 +38489,10 @@ print(json.dumps({
 var tts_exports = {};
 __export(tts_exports, {
   default: () => tts_default,
-  examples: () => examples13
+  examples: () => examples14
 });
-import { existsSync as existsSync42, readFileSync as readFileSync29 } from "fs";
-import { resolve as resolve29, extname as extname9 } from "path";
+import { existsSync as existsSync43, readFileSync as readFileSync30 } from "fs";
+import { resolve as resolve31, extname as extname9 } from "path";
 function listVoices(json) {
   const rows = BUNDLED_VOICES.map((v) => ({ ...v, defaultLang: inferLangFromVoiceId(v.id) }));
   if (json) {
@@ -38241,7 +38522,7 @@ ${c.bold("Available voices")} (Kokoro-82M)
 `
   );
 }
-var examples13, voiceList, langList, tts_default;
+var examples14, voiceList, langList, tts_default;
 var init_tts = __esm({
   "src/commands/tts.ts"() {
     "use strict";
@@ -38250,7 +38531,7 @@ var init_tts = __esm({
     init_colors();
     init_format();
     init_manager3();
-    examples13 = [
+    examples14 = [
       ["Generate speech from text", 'hyperframes tts "Welcome to HyperFrames"'],
       ["Choose a voice", 'hyperframes tts "Hello world" --voice am_adam'],
       ["Save to a specific file", 'hyperframes tts "Intro" --voice bf_emma --output narration.wav'],
@@ -38319,9 +38600,9 @@ var init_tts = __esm({
           process.exit(1);
         }
         let text;
-        const maybeFile = resolve29(args.input);
-        if (existsSync42(maybeFile) && extname9(maybeFile).toLowerCase() === ".txt") {
-          text = readFileSync29(maybeFile, "utf-8").trim();
+        const maybeFile = resolve31(args.input);
+        if (existsSync43(maybeFile) && extname9(maybeFile).toLowerCase() === ".txt") {
+          text = readFileSync30(maybeFile, "utf-8").trim();
           if (!text) {
             console.error(c.error("File is empty."));
             process.exit(1);
@@ -38333,7 +38614,7 @@ var init_tts = __esm({
           console.error(c.error("No text provided."));
           process.exit(1);
         }
-        const output = resolve29(args.output ?? "speech.wav");
+        const output = resolve31(args.output ?? "speech.wav");
         const voice = args.voice ?? DEFAULT_VOICE;
         const speed = args.speed ? parseFloat(args.speed) : 1;
         if (isNaN(speed) || speed <= 0 || speed > 3) {
@@ -38411,17 +38692,17 @@ var init_tts = __esm({
 var docs_exports = {};
 __export(docs_exports, {
   default: () => docs_default,
-  examples: () => examples14
+  examples: () => examples15
 });
-import { readFileSync as readFileSync30, existsSync as existsSync43 } from "fs";
-import { resolve as resolve30, dirname as dirname18, join as join43 } from "path";
+import { readFileSync as readFileSync31, existsSync as existsSync44 } from "fs";
+import { resolve as resolve32, dirname as dirname18, join as join45 } from "path";
 import { fileURLToPath as fileURLToPath6 } from "url";
 function docsDir() {
   const thisFile = fileURLToPath6(import.meta.url);
   const dir = dirname18(thisFile);
-  const devPath = resolve30(dir, "..", "docs");
-  const builtPath = resolve30(dir, "docs");
-  return existsSync43(devPath) ? devPath : builtPath;
+  const devPath = resolve32(dir, "..", "docs");
+  const builtPath = resolve32(dir, "docs");
+  return existsSync44(devPath) ? devPath : builtPath;
 }
 function formatInlineCode(line) {
   return line.replace(/`([^`]+)`/g, (_match, code) => c.accent(code));
@@ -38448,13 +38729,13 @@ function renderMarkdown(content) {
     console.log(formatInlineCode(line));
   }
 }
-var examples14, TOPICS, TOPIC_NAMES, docs_default;
+var examples15, TOPICS, TOPIC_NAMES, docs_default;
 var init_docs = __esm({
   "src/commands/docs.ts"() {
     "use strict";
     init_dist();
     init_colors();
-    examples14 = [
+    examples15 = [
       ["List all available topics", "hyperframes docs"],
       ["Read about data attributes", "hyperframes docs data-attributes"],
       ["Read about rendering", "hyperframes docs rendering"],
@@ -38518,12 +38799,12 @@ var init_docs = __esm({
           }
           process.exit(1);
         }
-        const filePath = join43(docsDir(), entry.file);
-        if (!existsSync43(filePath)) {
+        const filePath = join45(docsDir(), entry.file);
+        if (!existsSync44(filePath)) {
           console.error(c.error(`Doc file not found: ${filePath}`));
           process.exit(1);
         }
-        const content = readFileSync30(filePath, "utf-8");
+        const content = readFileSync31(filePath, "utf-8");
         console.log();
         renderMarkdown(content);
       }
@@ -38535,7 +38816,7 @@ var init_docs = __esm({
 var doctor_exports = {};
 __export(doctor_exports, {
   default: () => doctor_default,
-  examples: () => examples15
+  examples: () => examples16
 });
 import { execSync as execSync3 } from "child_process";
 import { freemem as freemem4, platform as platform4 } from "os";
@@ -38677,7 +38958,7 @@ function checkEnvironment() {
   }
   return { ok: true, detail: parts.join(" \xB7 ") };
 }
-var examples15, doctor_default;
+var examples16, doctor_default;
 var init_doctor = __esm({
   "src/commands/doctor.ts"() {
     "use strict";
@@ -38688,7 +38969,7 @@ var init_doctor = __esm({
     init_version();
     init_updateCheck();
     init_system();
-    examples15 = [["Check system dependencies", "hyperframes doctor"]];
+    examples16 = [["Check system dependencies", "hyperframes doctor"]];
     doctor_default = defineCommand({
       meta: { name: "doctor", description: "Check system dependencies and environment" },
       args: {},
@@ -38743,10 +39024,10 @@ var init_doctor = __esm({
 var upgrade_exports = {};
 __export(upgrade_exports, {
   default: () => upgrade_default,
-  examples: () => examples16
+  examples: () => examples17
 });
 import { execSync as execSync4 } from "child_process";
-var examples16, upgrade_default;
+var examples17, upgrade_default;
 var init_upgrade = __esm({
   "src/commands/upgrade.ts"() {
     "use strict";
@@ -38755,7 +39036,7 @@ var init_upgrade = __esm({
     init_colors();
     init_version();
     init_updateCheck();
-    examples16 = [
+    examples17 = [
       ["Check for updates interactively", "hyperframes upgrade"],
       ["Check for updates without prompting", "hyperframes upgrade --check"],
       ["Upgrade non-interactively", "hyperframes upgrade --yes"]
@@ -38833,7 +39114,7 @@ var init_upgrade = __esm({
 var telemetry_exports = {};
 __export(telemetry_exports, {
   default: () => telemetry_default,
-  examples: () => examples17
+  examples: () => examples18
 });
 function runEnable() {
   const config = readConfig();
@@ -38863,14 +39144,14 @@ function runStatus() {
   console.log(`  ${c.dim("Env var:")}    ${c.accent("HYPERFRAMES_NO_TELEMETRY=1")}`);
   console.log();
 }
-var examples17, telemetry_default;
+var examples18, telemetry_default;
 var init_telemetry = __esm({
   "src/commands/telemetry.ts"() {
     "use strict";
     init_dist();
     init_colors();
     init_config();
-    examples17 = [
+    examples18 = [
       ["Check current telemetry status", "hyperframes telemetry status"],
       ["Disable telemetry", "hyperframes telemetry disable"],
       ["Enable telemetry", "hyperframes telemetry enable"]
@@ -38949,8 +39230,8 @@ var validate_exports = {};
 __export(validate_exports, {
   default: () => validate_default
 });
-import { existsSync as existsSync44, readFileSync as readFileSync31 } from "fs";
-import { resolve as resolve31, join as join44, dirname as dirname19 } from "path";
+import { existsSync as existsSync45, readFileSync as readFileSync32 } from "fs";
+import { resolve as resolve33, join as join46, dirname as dirname19 } from "path";
 import { fileURLToPath as fileURLToPath7 } from "url";
 async function getCompositionDuration2(page) {
   return page.evaluate(() => {
@@ -38996,7 +39277,7 @@ async function validateInBrowser(projectDir, opts) {
   const { bundleToSingleHtml: bundleToSingleHtml2 } = await Promise.resolve().then(() => (init_compiler(), compiler_exports));
   const { ensureBrowser: ensureBrowser2 } = await Promise.resolve().then(() => (init_manager2(), manager_exports2));
   let html = await bundleToSingleHtml2(projectDir);
-  const runtimePath = resolve31(
+  const runtimePath = resolve33(
     __dirname2,
     "..",
     "..",
@@ -39005,8 +39286,8 @@ async function validateInBrowser(projectDir, opts) {
     "dist",
     "hyperframe.runtime.iife.js"
   );
-  if (existsSync44(runtimePath)) {
-    const runtimeSource = readFileSync31(runtimePath, "utf-8");
+  if (existsSync45(runtimePath)) {
+    const runtimeSource = readFileSync32(runtimePath, "utf-8");
     html = html.replace(
       /<script[^>]*data-hyperframes-preview-runtime[^>]*src="[^"]*"[^>]*><\/script>/,
       () => `<script data-hyperframes-preview-runtime="1">${runtimeSource}</script>`
@@ -39021,10 +39302,10 @@ async function validateInBrowser(projectDir, opts) {
       res.end(html);
       return;
     }
-    const filePath = join44(projectDir, decodeURIComponent(url));
-    if (existsSync44(filePath)) {
+    const filePath = join46(projectDir, decodeURIComponent(url));
+    if (existsSync45(filePath)) {
       res.writeHead(200, { "Content-Type": getMimeType2(filePath) });
-      res.end(readFileSync31(filePath));
+      res.end(readFileSync32(filePath));
       return;
     }
     res.writeHead(404);
@@ -39212,16 +39493,16 @@ Examples:
 var snapshot_exports = {};
 __export(snapshot_exports, {
   default: () => snapshot_default,
-  examples: () => examples18
+  examples: () => examples19
 });
 import { spawn as spawn11 } from "child_process";
-import { existsSync as existsSync45, mkdtempSync as mkdtempSync2, readFileSync as readFileSync32, mkdirSync as mkdirSync24, rmSync as rmSync9 } from "fs";
+import { existsSync as existsSync46, mkdtempSync as mkdtempSync2, readFileSync as readFileSync33, mkdirSync as mkdirSync24, rmSync as rmSync9 } from "fs";
 import { tmpdir as tmpdir4 } from "os";
-import { resolve as resolve32, join as join45, dirname as dirname20, relative as relative4, isAbsolute as isAbsolute4 } from "path";
+import { resolve as resolve34, join as join47, dirname as dirname20, relative as relative5, isAbsolute as isAbsolute4 } from "path";
 import { fileURLToPath as fileURLToPath8 } from "url";
 async function extractVideoFrameToBuffer(videoPath, timeSeconds) {
-  const tmp = mkdtempSync2(join45(tmpdir4(), "hf-snapshot-frame-"));
-  const outPath = join45(tmp, "frame.png");
+  const tmp = mkdtempSync2(join47(tmpdir4(), "hf-snapshot-frame-"));
+  const outPath = join47(tmp, "frame.png");
   try {
     const result = await new Promise(
       (resolvePromise) => {
@@ -39259,8 +39540,8 @@ async function extractVideoFrameToBuffer(videoPath, timeSeconds) {
         });
       }
     );
-    if (result.code !== 0 || result.timedOut || !existsSync45(outPath)) return null;
-    return readFileSync32(outPath);
+    if (result.code !== 0 || result.timedOut || !existsSync46(outPath)) return null;
+    return readFileSync33(outPath);
   } finally {
     try {
       rmSync9(tmp, { recursive: true, force: true });
@@ -39273,7 +39554,7 @@ async function captureSnapshots(projectDir, opts) {
   const { ensureBrowser: ensureBrowser2 } = await Promise.resolve().then(() => (init_manager2(), manager_exports2));
   const numFrames = opts.frames ?? 5;
   let html = await bundleToSingleHtml2(projectDir);
-  const runtimePath = resolve32(
+  const runtimePath = resolve34(
     __dirname3,
     "..",
     "..",
@@ -39282,8 +39563,8 @@ async function captureSnapshots(projectDir, opts) {
     "dist",
     "hyperframe.runtime.iife.js"
   );
-  if (existsSync45(runtimePath)) {
-    const runtimeSource = readFileSync32(runtimePath, "utf-8");
+  if (existsSync46(runtimePath)) {
+    const runtimeSource = readFileSync33(runtimePath, "utf-8");
     html = html.replace(
       /<script[^>]*data-hyperframes-preview-runtime[^>]*src="[^"]*"[^>]*><\/script>/,
       () => `<script data-hyperframes-preview-runtime="1">${runtimeSource}</script>`
@@ -39298,16 +39579,16 @@ async function captureSnapshots(projectDir, opts) {
       res.end(html);
       return;
     }
-    const filePath = resolve32(projectDir, decodeURIComponent(url).replace(/^\//, ""));
-    const rel = relative4(projectDir, filePath);
+    const filePath = resolve34(projectDir, decodeURIComponent(url).replace(/^\//, ""));
+    const rel = relative5(projectDir, filePath);
     if (rel.startsWith("..") || isAbsolute4(rel)) {
       res.writeHead(403);
       res.end();
       return;
     }
-    if (existsSync45(filePath)) {
+    if (existsSync46(filePath)) {
       res.writeHead(200, { "Content-Type": getMimeType2(filePath) });
-      res.end(readFileSync32(filePath));
+      res.end(readFileSync33(filePath));
       return;
     }
     res.writeHead(404);
@@ -39380,7 +39661,7 @@ async function captureSnapshots(projectDir, opts) {
         return [];
       }
       const positions = opts.at?.length ? opts.at : numFrames === 1 ? [duration / 2] : Array.from({ length: numFrames }, (_2, i2) => i2 / (numFrames - 1) * duration);
-      const snapshotDir = join45(projectDir, "snapshots");
+      const snapshotDir = join47(projectDir, "snapshots");
       mkdirSync24(snapshotDir, { recursive: true });
       let injectVideoFramesBatch2 = null;
       let syncVideoFrameVisibility2 = null;
@@ -39439,9 +39720,9 @@ async function captureSnapshots(projectDir, opts) {
             try {
               const url = new URL(v.src);
               const decodedPath = decodeURIComponent(url.pathname).replace(/^\//, "");
-              const candidate = resolve32(projectDir, decodedPath);
-              const rel = relative4(projectDir, candidate);
-              if (!rel.startsWith("..") && !isAbsolute4(rel) && existsSync45(candidate)) {
+              const candidate = resolve34(projectDir, decodedPath);
+              const rel = relative5(projectDir, candidate);
+              if (!rel.startsWith("..") && !isAbsolute4(rel) && existsSync46(candidate)) {
                 filePath = candidate;
               }
             } catch {
@@ -39467,7 +39748,7 @@ async function captureSnapshots(projectDir, opts) {
         }
         const timeLabel = opts.at?.length ? `${time.toFixed(1)}s` : `${Math.round(time / duration * 100)}pct`;
         const filename = `frame-${String(i2).padStart(2, "0")}-at-${timeLabel}.png`;
-        const framePath = join45(snapshotDir, filename);
+        const framePath = join47(snapshotDir, filename);
         await page.screenshot({ path: framePath, type: "png" });
         savedPaths.push(`snapshots/${filename}`);
       }
@@ -39479,7 +39760,7 @@ async function captureSnapshots(projectDir, opts) {
   }
   return savedPaths;
 }
-var __filename2, __dirname3, FFMPEG_EXTRACT_TIMEOUT_MS, examples18, snapshot_default;
+var __filename2, __dirname3, FFMPEG_EXTRACT_TIMEOUT_MS, examples19, snapshot_default;
 var init_snapshot = __esm({
   "src/commands/snapshot.ts"() {
     "use strict";
@@ -39489,7 +39770,7 @@ var init_snapshot = __esm({
     __filename2 = fileURLToPath8(import.meta.url);
     __dirname3 = dirname20(__filename2);
     FFMPEG_EXTRACT_TIMEOUT_MS = 3e4;
-    examples18 = [
+    examples19 = [
       ["Capture 5 key frames from a composition", "snapshot captures/stripe"],
       ["Capture 10 evenly-spaced frames", "snapshot captures/stripe --frames 10"]
     ];
@@ -39553,13 +39834,13 @@ ${c.error("\u2717")} Snapshot failed: ${msg}`);
 
 // src/capture/assetDownloader.ts
 import { writeFileSync as writeFileSync17, mkdirSync as mkdirSync25 } from "fs";
-import { join as join46, extname as extname10 } from "path";
+import { join as join48, extname as extname10 } from "path";
 async function downloadAssets(tokens, outputDir, catalogedAssets, faviconLinks) {
-  const assetsDir = join46(outputDir, "assets");
+  const assetsDir = join48(outputDir, "assets");
   mkdirSync25(assetsDir, { recursive: true });
   const assets = [];
   const downloadedUrls = /* @__PURE__ */ new Set();
-  mkdirSync25(join46(outputDir, "assets", "svgs"), { recursive: true });
+  mkdirSync25(join48(outputDir, "assets", "svgs"), { recursive: true });
   for (let i2 = 0; i2 < tokens.svgs.length && i2 < 30; i2++) {
     const svg = tokens.svgs[i2];
     if (!svg.outerHTML || svg.outerHTML.length < 50) continue;
@@ -39567,7 +39848,7 @@ async function downloadAssets(tokens, outputDir, catalogedAssets, faviconLinks)
     const name = label2 ? slugify(label2) + ".svg" : svg.isLogo ? `logo-${i2}.svg` : `icon-${i2}.svg`;
     const localPath = `assets/svgs/${name}`;
     try {
-      writeFileSync17(join46(outputDir, localPath), svg.outerHTML, "utf-8");
+      writeFileSync17(join48(outputDir, localPath), svg.outerHTML, "utf-8");
       assets.push({ url: "", localPath, type: "svg" });
     } catch {
     }
@@ -39580,7 +39861,7 @@ async function downloadAssets(tokens, outputDir, catalogedAssets, faviconLinks)
       const localPath = `assets/${name}`;
       const buffer = await fetchBuffer(icon.href);
       if (buffer) {
-        writeFileSync17(join46(outputDir, localPath), buffer);
+        writeFileSync17(join48(outputDir, localPath), buffer);
         assets.push({ url: icon.href, localPath, type: "favicon" });
         break;
       }
@@ -39637,7 +39918,7 @@ async function downloadAssets(tokens, outputDir, catalogedAssets, faviconLinks)
         const slug = isMeaningful ? slugify(rawName) : `${prefix}-${imgIdx}`;
         const name = `${slug}${ext}`;
         const localPath = `assets/${name}`;
-        writeFileSync17(join46(outputDir, localPath), buffer);
+        writeFileSync17(join48(outputDir, localPath), buffer);
         assets.push({ url, localPath, type: "image" });
         imgIdx++;
       } catch {
@@ -39650,7 +39931,7 @@ async function downloadAssets(tokens, outputDir, catalogedAssets, faviconLinks)
       const localPath = `assets/og-image${ext}`;
       const buffer = await fetchBuffer(tokens.ogImage);
       if (buffer && buffer.length > 5e3) {
-        writeFileSync17(join46(outputDir, localPath), buffer);
+        writeFileSync17(join48(outputDir, localPath), buffer);
         assets.push({ url: tokens.ogImage, localPath, type: "image" });
       }
     } catch {
@@ -39673,7 +39954,7 @@ function normalizeUrl(u) {
   }
 }
 async function downloadAndRewriteFonts(css, outputDir) {
-  const assetsDir = join46(outputDir, "assets", "fonts");
+  const assetsDir = join48(outputDir, "assets", "fonts");
   mkdirSync25(assetsDir, { recursive: true });
   const fontUrlRegex = /url\(['"]?(https?:\/\/[^'")\s]+\.(?:woff2?|ttf|otf)[^'")\s]*?)['"]?\)/g;
   const fontUrls = /* @__PURE__ */ new Set();
@@ -39709,7 +39990,7 @@ async function downloadAndRewriteFonts(css, outputDir) {
     try {
       const urlObj = new URL(fontUrl);
       const filename = urlObj.pathname.split("/").pop() || `font-${count}.woff2`;
-      const localPath = join46(assetsDir, filename);
+      const localPath = join48(assetsDir, filename);
       const relativePath = `assets/fonts/${filename}`;
       const buffer = await fetchBuffer(fontUrl);
       if (buffer) {
@@ -39931,7 +40212,7 @@ async function extractHtml(page, opts = {}) {
     (_match, pre, urls, post) => {
       const fixed = urls.replace(/&amp;/g, "&").replace(
         /(^|,\s*)(\/[^\s,]+)/g,
-        (_m, sep3, path2) => sep3 + pageOrigin + path2
+        (_m, sep4, path2) => sep4 + pageOrigin + path2
       );
       return pre + fixed + post;
     }
@@ -40506,8 +40787,8 @@ var init_animationCataloger = __esm({
 });
 
 // src/capture/mediaCapture.ts
-import { mkdirSync as mkdirSync26, writeFileSync as writeFileSync18, readdirSync as readdirSync15, readFileSync as readFileSync33, statSync as statSync15 } from "fs";
-import { join as join47 } from "path";
+import { mkdirSync as mkdirSync26, writeFileSync as writeFileSync18, readdirSync as readdirSync16, readFileSync as readFileSync34, statSync as statSync16 } from "fs";
+import { join as join49 } from "path";
 async function saveLottieAnimations(discoveredLotties, lottieDir) {
   let savedCount = 0;
   const savedHashes = /* @__PURE__ */ new Set();
@@ -40527,8 +40808,8 @@ async function saveLottieAnimations(discoveredLotties, lottieDir) {
         const buf = Buffer.from(await res.arrayBuffer());
         if (lottieItem.url.endsWith(".lottie")) {
           try {
-            const AdmZip = (await import("adm-zip")).default;
-            const zip = new AdmZip(buf);
+            const AdmZip2 = (await import("adm-zip")).default;
+            const zip = new AdmZip2(buf);
             const entries2 = zip.getEntries();
             const animEntry = entries2.find(
               (e2) => (e2.entryName.startsWith("a/") || e2.entryName.startsWith("animations/")) && e2.entryName.endsWith(".json")
@@ -40540,7 +40821,7 @@ async function saveLottieAnimations(discoveredLotties, lottieDir) {
             const hash2 = buf.toString("base64").slice(0, 100);
             if (savedHashes.has(hash2)) continue;
             savedHashes.add(hash2);
-            writeFileSync18(join47(lottieDir, `animation-${savedCount}.lottie`), buf);
+            writeFileSync18(join49(lottieDir, `animation-${savedCount}.lottie`), buf);
             savedCount++;
             continue;
           }
@@ -40558,7 +40839,7 @@ async function saveLottieAnimations(discoveredLotties, lottieDir) {
         } catch {
           continue;
         }
-        writeFileSync18(join47(lottieDir, `animation-${savedCount}.json`), jsonData, "utf-8");
+        writeFileSync18(join49(lottieDir, `animation-${savedCount}.json`), jsonData, "utf-8");
         savedCount++;
       }
     } catch {
@@ -40568,22 +40849,22 @@ async function saveLottieAnimations(discoveredLotties, lottieDir) {
 }
 async function renderLottiePreviews(chromeBrowser, lottieDir, outputDir) {
   const manifest = [];
-  const previewDir = join47(lottieDir, "previews");
+  const previewDir = join49(lottieDir, "previews");
   mkdirSync26(previewDir, { recursive: true });
-  for (const file of readdirSync15(lottieDir)) {
+  for (const file of readdirSync16(lottieDir)) {
     if (!file.endsWith(".json")) continue;
     try {
-      const raw = JSON.parse(readFileSync33(join47(lottieDir, file), "utf-8"));
+      const raw = JSON.parse(readFileSync34(join49(lottieDir, file), "utf-8"));
       const fr = raw.fr || 30;
       const dur = ((raw.op || 0) - (raw.ip || 0)) / fr;
       const previewName = file.replace(".json", "-preview.png");
-      const fileSize = statSync15(join47(lottieDir, file)).size;
+      const fileSize = statSync16(join49(lottieDir, file)).size;
       if (fileSize > 2e6) continue;
       let previewPage;
       try {
         previewPage = await chromeBrowser.newPage();
         await previewPage.setViewport({ width: 400, height: 400 });
-        const animData = JSON.parse(readFileSync33(join47(lottieDir, file), "utf-8"));
+        const animData = JSON.parse(readFileSync34(join49(lottieDir, file), "utf-8"));
         const midFrame = Math.floor(((raw.op || 0) - (raw.ip || 0)) * 0.3);
         await previewPage.setContent(
           `<!DOCTYPE html>
@@ -40613,7 +40894,7 @@ async function renderLottiePreviews(chromeBrowser, lottieDir, outputDir) {
         await previewPage.waitForFunction(() => window.__READY === true, { timeout: 5e3 }).catch(() => {
         });
         await previewPage.screenshot({
-          path: join47(previewDir, previewName),
+          path: join49(previewDir, previewName),
           type: "png",
           omitBackground: true
         });
@@ -40637,7 +40918,7 @@ async function renderLottiePreviews(chromeBrowser, lottieDir, outputDir) {
   }
   if (manifest.length > 0) {
     writeFileSync18(
-      join47(outputDir, "extracted", "lottie-manifest.json"),
+      join49(outputDir, "extracted", "lottie-manifest.json"),
       JSON.stringify(manifest, null, 2),
       "utf-8"
     );
@@ -40699,15 +40980,15 @@ async function captureVideoManifest(page, outputDir, progress) {
     return true;
   });
   if (uniqueVideos.length > 0) {
-    const videoManifestDir = join47(outputDir, "assets", "videos");
+    const videoManifestDir = join49(outputDir, "assets", "videos");
     mkdirSync26(videoManifestDir, { recursive: true });
-    const previewDir = join47(videoManifestDir, "previews");
+    const previewDir = join49(videoManifestDir, "previews");
     mkdirSync26(previewDir, { recursive: true });
     const videoManifest = [];
     for (let vi = 0; vi < uniqueVideos.length && vi < 20; vi++) {
       const v = uniqueVideos[vi];
       const previewName = `video-${vi}-preview.png`;
-      const previewPath = join47(previewDir, previewName);
+      const previewPath = join49(previewDir, previewName);
       try {
         await page.evaluate(`window.scrollTo(0, ${Math.max(0, v.top - 100)})`);
         await new Promise((r2) => setTimeout(r2, 300));
@@ -40746,7 +41027,7 @@ async function captureVideoManifest(page, outputDir, progress) {
     }
     if (videoManifest.length > 0) {
       writeFileSync18(
-        join47(outputDir, "extracted", "video-manifest.json"),
+        join49(outputDir, "extracted", "video-manifest.json"),
         JSON.stringify(videoManifest, null, 2),
         "utf-8"
       );
@@ -41028,7 +41309,7 @@ var require_p_retry = __commonJS({
       return error;
     };
     var isNetworkError = (errorMessage) => networkErrorMsgs.includes(errorMessage);
-    var pRetry2 = (input, options) => new Promise((resolve35, reject) => {
+    var pRetry2 = (input, options) => new Promise((resolve37, reject) => {
       options = {
         onFailedAttempt: () => {
         },
@@ -41038,7 +41319,7 @@ var require_p_retry = __commonJS({
       const operation = retry.operation(options);
       operation.attempt(async (attemptNumber) => {
         try {
-          resolve35(await input(attemptNumber));
+          resolve37(await input(attemptNumber));
         } catch (error) {
           if (!(error instanceof Error)) {
             reject(new TypeError(`Non-error was thrown: "${error}". You should only throw errors.`));
@@ -41574,8 +41855,8 @@ var require_retry3 = __commonJS({
       }
       const delay = getNextRetryDelay(config);
       err.config.retryConfig.currentRetryAttempt += 1;
-      const backoff = config.retryBackoff ? config.retryBackoff(err, delay) : new Promise((resolve35) => {
-        setTimeout(resolve35, delay);
+      const backoff = config.retryBackoff ? config.retryBackoff(err, delay) : new Promise((resolve37) => {
+        setTimeout(resolve37, delay);
       });
       if (config.onRetryAttempt) {
         await config.onRetryAttempt(err);
@@ -42483,8 +42764,8 @@ var require_helpers = __commonJS({
     function req(url, opts = {}) {
       const href = typeof url === "string" ? url : url.href;
       const req2 = (href.startsWith("https:") ? https2 : http4).request(url, opts);
-      const promise = new Promise((resolve35, reject) => {
-        req2.once("response", resolve35).once("error", reject).end();
+      const promise = new Promise((resolve37, reject) => {
+        req2.once("response", resolve37).once("error", reject).end();
       });
       req2.then = promise.then.bind(promise);
       return req2;
@@ -42661,7 +42942,7 @@ var require_parse_proxy_response = __commonJS({
     var debug_1 = __importDefault(require_src2());
     var debug = (0, debug_1.default)("https-proxy-agent:parse-proxy-response");
     function parseProxyResponse(socket) {
-      return new Promise((resolve35, reject) => {
+      return new Promise((resolve37, reject) => {
         let buffersLength = 0;
         const buffers = [];
         function read() {
@@ -42727,7 +43008,7 @@ var require_parse_proxy_response = __commonJS({
           }
           debug("got proxy server response: %o %o", firstLine, headers);
           cleanup();
-          resolve35({
+          resolve37({
             connect: {
               statusCode,
               statusText,
@@ -42971,7 +43252,7 @@ var require_ponyfill_es2018 = __commonJS({
         return new originalPromise(executor);
       }
       function promiseResolvedWith(value) {
-        return newPromise((resolve35) => resolve35(value));
+        return newPromise((resolve37) => resolve37(value));
       }
       function promiseRejectedWith(reason) {
         return originalPromiseReject(reason);
@@ -43141,8 +43422,8 @@ var require_ponyfill_es2018 = __commonJS({
         return new TypeError("Cannot " + name + " a stream using a released reader");
       }
       function defaultReaderClosedPromiseInitialize(reader) {
-        reader._closedPromise = newPromise((resolve35, reject) => {
-          reader._closedPromise_resolve = resolve35;
+        reader._closedPromise = newPromise((resolve37, reject) => {
+          reader._closedPromise_resolve = resolve37;
           reader._closedPromise_reject = reject;
         });
       }
@@ -43316,8 +43597,8 @@ var require_ponyfill_es2018 = __commonJS({
           }
           let resolvePromise;
           let rejectPromise;
-          const promise = newPromise((resolve35, reject) => {
-            resolvePromise = resolve35;
+          const promise = newPromise((resolve37, reject) => {
+            resolvePromise = resolve37;
             rejectPromise = reject;
           });
           const readRequest = {
@@ -43422,8 +43703,8 @@ var require_ponyfill_es2018 = __commonJS({
           const reader = this._reader;
           let resolvePromise;
           let rejectPromise;
-          const promise = newPromise((resolve35, reject) => {
-            resolvePromise = resolve35;
+          const promise = newPromise((resolve37, reject) => {
+            resolvePromise = resolve37;
             rejectPromise = reject;
           });
           const readRequest = {
@@ -44442,8 +44723,8 @@ var require_ponyfill_es2018 = __commonJS({
           }
           let resolvePromise;
           let rejectPromise;
-          const promise = newPromise((resolve35, reject) => {
-            resolvePromise = resolve35;
+          const promise = newPromise((resolve37, reject) => {
+            resolvePromise = resolve37;
             rejectPromise = reject;
           });
           const readIntoRequest = {
@@ -44755,10 +45036,10 @@ var require_ponyfill_es2018 = __commonJS({
           wasAlreadyErroring = true;
           reason = void 0;
         }
-        const promise = newPromise((resolve35, reject) => {
+        const promise = newPromise((resolve37, reject) => {
           stream._pendingAbortRequest = {
             _promise: void 0,
-            _resolve: resolve35,
+            _resolve: resolve37,
             _reject: reject,
             _reason: reason,
             _wasAlreadyErroring: wasAlreadyErroring
@@ -44775,9 +45056,9 @@ var require_ponyfill_es2018 = __commonJS({
         if (state === "closed" || state === "errored") {
           return promiseRejectedWith(new TypeError(`The stream (in ${state} state) is not in the writable state and cannot be closed`));
         }
-        const promise = newPromise((resolve35, reject) => {
+        const promise = newPromise((resolve37, reject) => {
           const closeRequest = {
-            _resolve: resolve35,
+            _resolve: resolve37,
             _reject: reject
           };
           stream._closeRequest = closeRequest;
@@ -44790,9 +45071,9 @@ var require_ponyfill_es2018 = __commonJS({
         return promise;
       }
       function WritableStreamAddWriteRequest(stream) {
-        const promise = newPromise((resolve35, reject) => {
+        const promise = newPromise((resolve37, reject) => {
           const writeRequest = {
-            _resolve: resolve35,
+            _resolve: resolve37,
             _reject: reject
           };
           stream._writeRequests.push(writeRequest);
@@ -45408,8 +45689,8 @@ var require_ponyfill_es2018 = __commonJS({
         return new TypeError("Cannot " + name + " a stream using a released writer");
       }
       function defaultWriterClosedPromiseInitialize(writer) {
-        writer._closedPromise = newPromise((resolve35, reject) => {
-          writer._closedPromise_resolve = resolve35;
+        writer._closedPromise = newPromise((resolve37, reject) => {
+          writer._closedPromise_resolve = resolve37;
           writer._closedPromise_reject = reject;
           writer._closedPromiseState = "pending";
         });
@@ -45445,8 +45726,8 @@ var require_ponyfill_es2018 = __commonJS({
         writer._closedPromiseState = "resolved";
       }
       function defaultWriterReadyPromiseInitialize(writer) {
-        writer._readyPromise = newPromise((resolve35, reject) => {
-          writer._readyPromise_resolve = resolve35;
+        writer._readyPromise = newPromise((resolve37, reject) => {
+          writer._readyPromise_resolve = resolve37;
           writer._readyPromise_reject = reject;
         });
         writer._readyPromiseState = "pending";
@@ -45533,7 +45814,7 @@ var require_ponyfill_es2018 = __commonJS({
         source._disturbed = true;
         let shuttingDown = false;
         let currentWrite = promiseResolvedWith(void 0);
-        return newPromise((resolve35, reject) => {
+        return newPromise((resolve37, reject) => {
           let abortAlgorithm;
           if (signal !== void 0) {
             abortAlgorithm = () => {
@@ -45678,7 +45959,7 @@ var require_ponyfill_es2018 = __commonJS({
             if (isError) {
               reject(error);
             } else {
-              resolve35(void 0);
+              resolve37(void 0);
             }
             return null;
           }
@@ -45959,8 +46240,8 @@ var require_ponyfill_es2018 = __commonJS({
         let branch1;
         let branch2;
         let resolveCancelPromise;
-        const cancelPromise = newPromise((resolve35) => {
-          resolveCancelPromise = resolve35;
+        const cancelPromise = newPromise((resolve37) => {
+          resolveCancelPromise = resolve37;
         });
         function pullAlgorithm() {
           if (reading) {
@@ -46051,8 +46332,8 @@ var require_ponyfill_es2018 = __commonJS({
         let branch1;
         let branch2;
         let resolveCancelPromise;
-        const cancelPromise = newPromise((resolve35) => {
-          resolveCancelPromise = resolve35;
+        const cancelPromise = newPromise((resolve37) => {
+          resolveCancelPromise = resolve37;
         });
         function forwardReaderError(thisReader) {
           uponRejection(thisReader._closedPromise, (r2) => {
@@ -46832,8 +47113,8 @@ var require_ponyfill_es2018 = __commonJS({
           const writableHighWaterMark = ExtractHighWaterMark(writableStrategy, 1);
           const writableSizeAlgorithm = ExtractSizeAlgorithm(writableStrategy);
           let startPromise_resolve;
-          const startPromise = newPromise((resolve35) => {
-            startPromise_resolve = resolve35;
+          const startPromise = newPromise((resolve37) => {
+            startPromise_resolve = resolve37;
           });
           InitializeTransformStream(this, startPromise, writableHighWaterMark, writableSizeAlgorithm, readableHighWaterMark, readableSizeAlgorithm);
           SetUpTransformStreamDefaultControllerFromTransformer(this, transformer);
@@ -46926,8 +47207,8 @@ var require_ponyfill_es2018 = __commonJS({
         if (stream._backpressureChangePromise !== void 0) {
           stream._backpressureChangePromise_resolve();
         }
-        stream._backpressureChangePromise = newPromise((resolve35) => {
-          stream._backpressureChangePromise_resolve = resolve35;
+        stream._backpressureChangePromise = newPromise((resolve37) => {
+          stream._backpressureChangePromise_resolve = resolve37;
         });
         stream._backpressure = backpressure;
       }
@@ -47095,8 +47376,8 @@ var require_ponyfill_es2018 = __commonJS({
           return controller._finishPromise;
         }
         const readable = stream._readable;
-        controller._finishPromise = newPromise((resolve35, reject) => {
-          controller._finishPromise_resolve = resolve35;
+        controller._finishPromise = newPromise((resolve37, reject) => {
+          controller._finishPromise_resolve = resolve37;
           controller._finishPromise_reject = reject;
         });
         const cancelPromise = controller._cancelAlgorithm(reason);
@@ -47122,8 +47403,8 @@ var require_ponyfill_es2018 = __commonJS({
           return controller._finishPromise;
         }
         const readable = stream._readable;
-        controller._finishPromise = newPromise((resolve35, reject) => {
-          controller._finishPromise_resolve = resolve35;
+        controller._finishPromise = newPromise((resolve37, reject) => {
+          controller._finishPromise_resolve = resolve37;
           controller._finishPromise_reject = reject;
         });
         const flushPromise = controller._flushAlgorithm();
@@ -47153,8 +47434,8 @@ var require_ponyfill_es2018 = __commonJS({
           return controller._finishPromise;
         }
         const writable = stream._writable;
-        controller._finishPromise = newPromise((resolve35, reject) => {
-          controller._finishPromise_resolve = resolve35;
+        controller._finishPromise = newPromise((resolve37, reject) => {
+          controller._finishPromise_resolve = resolve37;
           controller._finishPromise_reject = reject;
         });
         const cancelPromise = controller._cancelAlgorithm(reason);
@@ -47700,8 +47981,8 @@ var require_node_domexception = __commonJS({
 });
 
 // ../../node_modules/.bun/fetch-blob@3.2.0/node_modules/fetch-blob/from.js
-import { statSync as statSync16, createReadStream as createReadStream2, promises as fs2 } from "fs";
-import { basename as basename8 } from "path";
+import { statSync as statSync17, createReadStream as createReadStream2, promises as fs2 } from "fs";
+import { basename as basename10 } from "path";
 var import_node_domexception, stat, blobFromSync, blobFrom, fileFrom, fileFromSync, fromBlob, fromFile, BlobDataItem;
 var init_from = __esm({
   "../../node_modules/.bun/fetch-blob@3.2.0/node_modules/fetch-blob/from.js"() {
@@ -47710,10 +47991,10 @@ var init_from = __esm({
     init_file();
     init_fetch_blob();
     ({ stat } = fs2);
-    blobFromSync = (path2, type) => fromBlob(statSync16(path2), path2, type);
+    blobFromSync = (path2, type) => fromBlob(statSync17(path2), path2, type);
     blobFrom = (path2, type) => stat(path2).then((stat3) => fromBlob(stat3, path2, type));
     fileFrom = (path2, type) => stat(path2).then((stat3) => fromFile(stat3, path2, type));
-    fileFromSync = (path2, type) => fromFile(statSync16(path2), path2, type);
+    fileFromSync = (path2, type) => fromFile(statSync17(path2), path2, type);
     fromBlob = (stat3, path2, type = "") => new fetch_blob_default([new BlobDataItem({
       path: path2,
       size: stat3.size,
@@ -47725,7 +48006,7 @@ var init_from = __esm({
       size: stat3.size,
       lastModified: stat3.mtimeMs,
       start: 0
-    })], basename8(path2), { type, lastModified: stat3.mtimeMs });
+    })], basename10(path2), { type, lastModified: stat3.mtimeMs });
     BlobDataItem = class _BlobDataItem {
       #path;
       #start;
@@ -49123,7 +49404,7 @@ import zlib from "zlib";
 import Stream2, { PassThrough as PassThrough2, pipeline as pump } from "stream";
 import { Buffer as Buffer3 } from "buffer";
 async function fetch3(url, options_) {
-  return new Promise((resolve35, reject) => {
+  return new Promise((resolve37, reject) => {
     const request = new Request2(url, options_);
     const { parsedURL, options } = getNodeRequestOptions(request);
     if (!supportedSchemas.has(parsedURL.protocol)) {
@@ -49132,7 +49413,7 @@ async function fetch3(url, options_) {
     if (parsedURL.protocol === "data:") {
       const data = dist_default(request.url);
       const response2 = new Response2(data, { headers: { "Content-Type": data.typeFull } });
-      resolve35(response2);
+      resolve37(response2);
       return;
     }
     const send = (parsedURL.protocol === "https:" ? https : http3).request;
@@ -49254,7 +49535,7 @@ async function fetch3(url, options_) {
             if (responseReferrerPolicy) {
               requestOptions.referrerPolicy = responseReferrerPolicy;
             }
-            resolve35(fetch3(new Request2(locationURL, requestOptions)));
+            resolve37(fetch3(new Request2(locationURL, requestOptions)));
             finalize();
             return;
           }
@@ -49287,7 +49568,7 @@ async function fetch3(url, options_) {
       const codings = headers.get("Content-Encoding");
       if (!request.compress || request.method === "HEAD" || codings === null || response_.statusCode === 204 || response_.statusCode === 304) {
         response = new Response2(body, responseOptions);
-        resolve35(response);
+        resolve37(response);
         return;
       }
       const zlibOptions = {
@@ -49301,7 +49582,7 @@ async function fetch3(url, options_) {
           }
         });
         response = new Response2(body, responseOptions);
-        resolve35(response);
+        resolve37(response);
         return;
       }
       if (codings === "deflate" || codings === "x-deflate") {
@@ -49325,12 +49606,12 @@ async function fetch3(url, options_) {
             });
           }
           response = new Response2(body, responseOptions);
-          resolve35(response);
+          resolve37(response);
         });
         raw.once("end", () => {
           if (!response) {
             response = new Response2(body, responseOptions);
-            resolve35(response);
+            resolve37(response);
           }
         });
         return;
@@ -49342,11 +49623,11 @@ async function fetch3(url, options_) {
           }
         });
         response = new Response2(body, responseOptions);
-        resolve35(response);
+        resolve37(response);
         return;
       }
       response = new Response2(body, responseOptions);
-      resolve35(response);
+      resolve37(response);
     });
     writeToStream(request_, request).catch(reject);
   });
@@ -55428,7 +55709,7 @@ var require_jwtaccess = __commonJS({
         }
       }
       fromStreamAsync(inputStream) {
-        return new Promise((resolve35, reject) => {
+        return new Promise((resolve37, reject) => {
           if (!inputStream) {
             reject(new Error("Must pass in a stream containing the service account auth settings."));
           }
@@ -55437,7 +55718,7 @@ var require_jwtaccess = __commonJS({
             try {
               const data = JSON.parse(s2);
               this.fromJSON(data);
-              resolve35();
+              resolve37();
             } catch (err) {
               reject(err);
             }
@@ -55676,7 +55957,7 @@ var require_jwtclient = __commonJS({
         }
       }
       fromStreamAsync(inputStream) {
-        return new Promise((resolve35, reject) => {
+        return new Promise((resolve37, reject) => {
           if (!inputStream) {
             throw new Error("Must pass in a stream containing the service account auth settings.");
           }
@@ -55685,7 +55966,7 @@ var require_jwtclient = __commonJS({
             try {
               const data = JSON.parse(s2);
               this.fromJSON(data);
-              resolve35();
+              resolve37();
             } catch (e2) {
               reject(e2);
             }
@@ -55818,7 +56099,7 @@ var require_refreshclient = __commonJS({
         }
       }
       async fromStreamAsync(inputStream) {
-        return new Promise((resolve35, reject) => {
+        return new Promise((resolve37, reject) => {
           if (!inputStream) {
             return reject(new Error("Must pass in a stream containing the user refresh token."));
           }
@@ -55827,7 +56108,7 @@ var require_refreshclient = __commonJS({
             try {
               const data = JSON.parse(s2);
               this.fromJSON(data);
-              return resolve35();
+              return resolve37();
             } catch (err) {
               return reject(err);
             }
@@ -57660,7 +57941,7 @@ var require_pluggable_auth_handler = __commonJS({
        * @return A promise that resolves with the executable response.
        */
       retrieveResponseFromExecutable(envMap) {
-        return new Promise((resolve35, reject) => {
+        return new Promise((resolve37, reject) => {
           const child = childProcess.spawn(this.commandComponents[0], this.commandComponents.slice(1), {
             env: { ...process.env, ...Object.fromEntries(envMap) }
           });
@@ -57682,7 +57963,7 @@ var require_pluggable_auth_handler = __commonJS({
               try {
                 const responseJson = JSON.parse(output);
                 const response = new executable_response_1.ExecutableResponse(responseJson);
-                return resolve35(response);
+                return resolve37(response);
               } catch (error) {
                 if (error instanceof executable_response_1.ExecutableResponseError) {
                   return reject(error);
@@ -58585,7 +58866,7 @@ var require_googleauth = __commonJS({
         }
       }
       fromStreamAsync(inputStream, options) {
-        return new Promise((resolve35, reject) => {
+        return new Promise((resolve37, reject) => {
           if (!inputStream) {
             throw new Error("Must pass in a stream containing the Google auth settings.");
           }
@@ -58595,7 +58876,7 @@ var require_googleauth = __commonJS({
               try {
                 const data = JSON.parse(chunks.join(""));
                 const r2 = this._cacheClientFromJSON(data, options);
-                return resolve35(r2);
+                return resolve37(r2);
               } catch (err) {
                 if (!this.keyFilename)
                   throw err;
@@ -58605,7 +58886,7 @@ var require_googleauth = __commonJS({
                 });
                 this.cachedCredential = client;
                 this.setGapicJWTValues(client);
-                return resolve35(client);
+                return resolve37(client);
               }
             } catch (err) {
               return reject(err);
@@ -58641,17 +58922,17 @@ var require_googleauth = __commonJS({
        * Run the Google Cloud SDK command that prints the default project ID
        */
       async getDefaultServiceProjectId() {
-        return new Promise((resolve35) => {
+        return new Promise((resolve37) => {
           (0, child_process_1.exec)("gcloud config config-helper --format json", (err, stdout2) => {
             if (!err && stdout2) {
               try {
                 const projectId = JSON.parse(stdout2).configuration.properties.core.project;
-                resolve35(projectId);
+                resolve37(projectId);
                 return;
               } catch (e2) {
               }
             }
-            resolve35(null);
+            resolve37(null);
           });
         });
       }
@@ -66423,14 +66704,14 @@ function __asyncValues(o) {
   }, i2);
   function verb(n) {
     i2[n] = o[n] && function(v) {
-      return new Promise(function(resolve35, reject) {
-        v = o[n](v), settle(resolve35, reject, v.done, v.value);
+      return new Promise(function(resolve37, reject) {
+        v = o[n](v), settle(resolve37, reject, v.done, v.value);
       });
     };
   }
-  function settle(resolve35, reject, d, v) {
+  function settle(resolve37, reject, d, v) {
     Promise.resolve(v).then(function(v2) {
-      resolve35({ value: v2, done: d });
+      resolve37({ value: v2, done: d });
     }, reject);
   }
 }
@@ -76933,8 +77214,8 @@ var init_node4 = __esm({
         const url = `${websocketBaseUrl}/ws/google.ai.generativelanguage.${apiVersion}.GenerativeService.BidiGenerateMusic?key=${apiKey}`;
         let onopenResolve = () => {
         };
-        const onopenPromise = new Promise((resolve35) => {
-          onopenResolve = resolve35;
+        const onopenPromise = new Promise((resolve37) => {
+          onopenResolve = resolve37;
         });
         const callbacks = params.callbacks;
         const onopenAwaitedCallback = function() {
@@ -77140,8 +77421,8 @@ var init_node4 = __esm({
         }
         let onopenResolve = () => {
         };
-        const onopenPromise = new Promise((resolve35) => {
-          onopenResolve = resolve35;
+        const onopenPromise = new Promise((resolve37) => {
+          onopenResolve = resolve37;
         });
         const callbacks = params.callbacks;
         const onopenAwaitedCallback = function() {
@@ -79450,7 +79731,7 @@ var init_node4 = __esm({
         return void 0;
       }
     };
-    sleep$1 = (ms) => new Promise((resolve35) => setTimeout(resolve35, ms));
+    sleep$1 = (ms) => new Promise((resolve37) => setTimeout(resolve37, ms));
     FallbackEncoder = ({ headers, body }) => {
       return {
         bodyHeaders: {
@@ -79959,8 +80240,8 @@ ${underline2}`);
     };
     APIPromise = class _APIPromise extends Promise {
       constructor(client, responsePromise, parseResponse = defaultParseResponse) {
-        super((resolve35) => {
-          resolve35(null);
+        super((resolve37) => {
+          resolve37(null);
         });
         this.responsePromise = responsePromise;
         this.parseResponse = parseResponse;
@@ -81201,8 +81482,8 @@ ${underline2}`);
 });
 
 // src/capture/contentExtractor.ts
-import { readdirSync as readdirSync16, statSync as statSync17, readFileSync as readFileSync34 } from "fs";
-import { join as join48 } from "path";
+import { readdirSync as readdirSync17, statSync as statSync18, readFileSync as readFileSync35 } from "fs";
+import { join as join50 } from "path";
 async function detectLibraries(page, capturedShaders) {
   let detectedLibraries = [];
   try {
@@ -81322,7 +81603,7 @@ async function captionImagesWithGemini(outputDir, progress, warnings) {
   try {
     const { GoogleGenAI: GoogleGenAI2 } = await Promise.resolve().then(() => (init_node4(), node_exports));
     const ai = new GoogleGenAI2({ apiKey: geminiKey });
-    const imageFiles = readdirSync16(join48(outputDir, "assets")).filter(
+    const imageFiles = readdirSync17(join50(outputDir, "assets")).filter(
       (f3) => /\.(png|jpg|jpeg|webp|gif)$/i.test(f3)
     );
     const model = process.env.HYPERFRAMES_GEMINI_MODEL || "gemini-3.1-flash-lite-preview";
@@ -81331,10 +81612,10 @@ async function captionImagesWithGemini(outputDir, progress, warnings) {
       const batch = imageFiles.slice(i2, i2 + BATCH_SIZE);
       const results = await Promise.allSettled(
         batch.map(async (file) => {
-          const filePath = join48(outputDir, "assets", file);
-          const stat3 = statSync17(filePath);
+          const filePath = join50(outputDir, "assets", file);
+          const stat3 = statSync18(filePath);
           if (stat3.size > 4e6) return { file, caption: "" };
-          const buffer = readFileSync34(filePath);
+          const buffer = readFileSync35(filePath);
           const base64 = buffer.toString("base64");
           const ext = file.split(".").pop()?.toLowerCase() || "png";
           const mimeType = ext === "jpg" ? "image/jpeg" : `image/${ext}`;
@@ -81380,12 +81661,12 @@ function generateAssetDescriptions(outputDir, tokens, catalogedAssets, geminiCap
   const uncaptionedLines = [];
   const svgLines = [];
   const fontLines = [];
-  const assetsPath = join48(outputDir, "assets");
+  const assetsPath = join50(outputDir, "assets");
   try {
-    for (const file of readdirSync16(assetsPath)) {
+    for (const file of readdirSync17(assetsPath)) {
       if (file === "svgs" || file === "fonts" || file === "lottie" || file === "videos") continue;
-      const filePath = join48(assetsPath, file);
-      const stat3 = statSync17(filePath);
+      const filePath = join50(assetsPath, file);
+      const stat3 = statSync18(filePath);
       if (!stat3.isFile()) continue;
       const sizeKb = Math.round(stat3.size / 1024);
       const catalogMatch = catalogedAssets.find(
@@ -81413,8 +81694,8 @@ function generateAssetDescriptions(outputDir, tokens, catalogedAssets, geminiCap
   } catch {
   }
   try {
-    const svgsPath = join48(assetsPath, "svgs");
-    for (const file of readdirSync16(svgsPath)) {
+    const svgsPath = join50(assetsPath, "svgs");
+    for (const file of readdirSync17(svgsPath)) {
       if (!file.endsWith(".svg")) continue;
       const svgMatch = tokens.svgs.find(
         (s2) => s2.label && file.includes(
@@ -81428,8 +81709,8 @@ function generateAssetDescriptions(outputDir, tokens, catalogedAssets, geminiCap
   } catch {
   }
   try {
-    const fontsPath = join48(assetsPath, "fonts");
-    for (const file of readdirSync16(fontsPath)) {
+    const fontsPath = join50(assetsPath, "fonts");
+    for (const file of readdirSync17(fontsPath)) {
       fontLines.push(`fonts/${file} \u2014 font file`);
     }
   } catch {
@@ -81448,12 +81729,12 @@ __export(agentPromptGenerator_exports, {
   generateAgentPrompt: () => generateAgentPrompt
 });
 import { writeFileSync as writeFileSync19 } from "fs";
-import { join as join49 } from "path";
+import { join as join51 } from "path";
 function generateAgentPrompt(outputDir, url, tokens, _animations, hasScreenshot, hasLottie, hasShaders, _catalogedAssets, detectedLibraries) {
   const prompt = buildPrompt(url, tokens, hasScreenshot, hasLottie, hasShaders, detectedLibraries);
-  writeFileSync19(join49(outputDir, "AGENTS.md"), prompt, "utf-8");
-  writeFileSync19(join49(outputDir, "CLAUDE.md"), prompt, "utf-8");
-  writeFileSync19(join49(outputDir, ".cursorrules"), prompt, "utf-8");
+  writeFileSync19(join51(outputDir, "AGENTS.md"), prompt, "utf-8");
+  writeFileSync19(join51(outputDir, "CLAUDE.md"), prompt, "utf-8");
+  writeFileSync19(join51(outputDir, ".cursorrules"), prompt, "utf-8");
 }
 function buildPrompt(url, tokens, hasScreenshot, hasLottie, hasShaders, detectedLibraries) {
   const title = tokens.title || new URL(url).hostname.replace(/^www\./, "");
@@ -81520,15 +81801,15 @@ var init_agentPromptGenerator = __esm({
 });
 
 // src/capture/scaffolding.ts
-import { existsSync as existsSync46, writeFileSync as writeFileSync20, readFileSync as readFileSync35 } from "fs";
-import { join as join50, resolve as resolve33 } from "path";
+import { existsSync as existsSync47, writeFileSync as writeFileSync20, readFileSync as readFileSync36 } from "fs";
+import { join as join52, resolve as resolve35 } from "path";
 function loadEnvFile(startDir) {
   try {
-    let dir = resolve33(startDir);
+    let dir = resolve35(startDir);
     for (let i2 = 0; i2 < 5; i2++) {
-      const envPath = resolve33(dir, ".env");
+      const envPath = resolve35(dir, ".env");
       try {
-        const envContent = readFileSync35(envPath, "utf-8");
+        const envContent = readFileSync36(envPath, "utf-8");
         for (const line of envContent.split("\n")) {
           const trimmed = line.trim();
           if (!trimmed || trimmed.startsWith("#")) continue;
@@ -81540,15 +81821,15 @@ function loadEnvFile(startDir) {
         }
         break;
       } catch {
-        dir = resolve33(dir, "..");
+        dir = resolve35(dir, "..");
       }
     }
   } catch {
   }
 }
 async function generateProjectScaffold(outputDir, url, tokens, animationCatalog, hasScreenshots, hasLotties, hasShaders, catalogedAssets, progress, warnings, detectedLibraries) {
-  const metaPath = join50(outputDir, "meta.json");
-  if (!existsSync46(metaPath)) {
+  const metaPath = join52(outputDir, "meta.json");
+  if (!existsSync47(metaPath)) {
     const hostname = new URL(url).hostname.replace(/^www\./, "");
     writeFileSync20(
       metaPath,
@@ -81586,9 +81867,9 @@ __export(screenshotCapture_exports, {
   captureScrollScreenshots: () => captureScrollScreenshots
 });
 import { writeFileSync as writeFileSync21, mkdirSync as mkdirSync27 } from "fs";
-import { join as join51 } from "path";
+import { join as join53 } from "path";
 async function captureScrollScreenshots(page, outputDir) {
-  const screenshotsDir = join51(outputDir, "screenshots");
+  const screenshotsDir = join53(outputDir, "screenshots");
   mkdirSync27(screenshotsDir, { recursive: true });
   const MAX_SCREENSHOTS = 20;
   const filePaths = [];
@@ -81622,7 +81903,7 @@ async function captureScrollScreenshots(page, outputDir) {
         finalPositions[i2] / Math.max(1, scrollHeight - viewportHeight) * 100
       );
       const filename = `scroll-${String(Math.min(pct, 100)).padStart(3, "0")}.png`;
-      const filePath = join51(screenshotsDir, filename);
+      const filePath = join53(screenshotsDir, filename);
       const buffer = await page.screenshot({ type: "png" });
       writeFileSync21(filePath, buffer);
       filePaths.push(`screenshots/${filename}`);
@@ -81935,8 +82216,8 @@ var capture_exports = {};
 __export(capture_exports, {
   captureWebsite: () => captureWebsite
 });
-import { mkdirSync as mkdirSync28, writeFileSync as writeFileSync22, existsSync as existsSync47 } from "fs";
-import { join as join52 } from "path";
+import { mkdirSync as mkdirSync28, writeFileSync as writeFileSync22, existsSync as existsSync48 } from "fs";
+import { join as join54 } from "path";
 async function captureWebsite(opts, onProgress) {
   const {
     url,
@@ -81953,9 +82234,9 @@ async function captureWebsite(opts, onProgress) {
     onProgress?.(stage, detail);
   };
   loadEnvFile(outputDir);
-  mkdirSync28(join52(outputDir, "extracted"), { recursive: true });
-  mkdirSync28(join52(outputDir, "screenshots"), { recursive: true });
-  mkdirSync28(join52(outputDir, "assets"), { recursive: true });
+  mkdirSync28(join54(outputDir, "extracted"), { recursive: true });
+  mkdirSync28(join54(outputDir, "screenshots"), { recursive: true });
+  mkdirSync28(join54(outputDir, "assets"), { recursive: true });
   progress("browser", "Launching headless Chrome...");
   const { ensureBrowser: ensureBrowser2 } = await Promise.resolve().then(() => (init_manager2(), manager_exports2));
   const browser = await ensureBrowser2();
@@ -82111,7 +82392,7 @@ async function captureWebsite(opts, onProgress) {
     } catch {
     }
     if (discoveredLotties.length > 0) {
-      const lottieDir = join52(outputDir, "assets", "lottie");
+      const lottieDir = join54(outputDir, "assets", "lottie");
       mkdirSync28(lottieDir, { recursive: true });
       const savedCount = await saveLottieAnimations(discoveredLotties, lottieDir);
       if (savedCount > 0) {
@@ -82131,7 +82412,7 @@ async function captureWebsite(opts, onProgress) {
         });
         capturedShaders = unique;
         writeFileSync22(
-          join52(outputDir, "extracted", "shaders.json"),
+          join54(outputDir, "extracted", "shaders.json"),
           JSON.stringify(unique, null, 2),
           "utf-8"
         );
@@ -82142,7 +82423,7 @@ async function captureWebsite(opts, onProgress) {
     progress("tokens", "Extracting design tokens...");
     const tokens = await extractTokens(page1);
     writeFileSync22(
-      join52(outputDir, "extracted", "tokens.json"),
+      join54(outputDir, "extracted", "tokens.json"),
       JSON.stringify(tokens, null, 2),
       "utf-8"
     );
@@ -82216,7 +82497,7 @@ async function captureWebsite(opts, onProgress) {
         representativeAnimations: representativeAnims
       };
       writeFileSync22(
-        join52(outputDir, "extracted", "animations.json"),
+        join54(outputDir, "extracted", "animations.json"),
         JSON.stringify(leanCatalog, null, 2),
         "utf-8"
       );
@@ -82227,18 +82508,18 @@ async function captureWebsite(opts, onProgress) {
       assets = await downloadAssets(tokens, outputDir, catalogedAssets, faviconLinks);
     }
     if (visibleTextContent) {
-      writeFileSync22(join52(outputDir, "extracted", "visible-text.txt"), visibleTextContent, "utf-8");
+      writeFileSync22(join54(outputDir, "extracted", "visible-text.txt"), visibleTextContent, "utf-8");
     }
     if (catalogedAssets.length > 0) {
       writeFileSync22(
-        join52(outputDir, "extracted", "assets-catalog.json"),
+        join54(outputDir, "extracted", "assets-catalog.json"),
         JSON.stringify(catalogedAssets, null, 2),
         "utf-8"
       );
     }
     if (detectedLibraries.length > 0) {
       writeFileSync22(
-        join52(outputDir, "extracted", "detected-libraries.json"),
+        join54(outputDir, "extracted", "detected-libraries.json"),
         JSON.stringify(detectedLibraries, null, 2),
         "utf-8"
       );
@@ -82249,7 +82530,7 @@ async function captureWebsite(opts, onProgress) {
       const lines = generateAssetDescriptions(outputDir, tokens, catalogedAssets, geminiCaptions);
       if (lines.length > 0) {
         writeFileSync22(
-          join52(outputDir, "extracted", "asset-descriptions.md"),
+          join54(outputDir, "extracted", "asset-descriptions.md"),
           "# Asset Descriptions\n\nOne line per file. Read this instead of opening every image individually.\n\n" + lines.map((l) => "- " + l).join("\n") + "\n",
           "utf-8"
         );
@@ -82265,7 +82546,7 @@ async function captureWebsite(opts, onProgress) {
       animationCatalog,
       screenshots.length > 0,
       discoveredLotties.length > 0,
-      existsSync47(join52(outputDir, "extracted", "shaders.json")),
+      existsSync48(join54(outputDir, "extracted", "shaders.json")),
       catalogedAssets,
       progress,
       warnings,
@@ -82305,15 +82586,15 @@ var init_capture = __esm({
 var capture_exports2 = {};
 __export(capture_exports2, {
   default: () => capture_default,
-  examples: () => examples19
+  examples: () => examples20
 });
-import { resolve as resolve34 } from "path";
-var examples19, capture_default;
+import { resolve as resolve36 } from "path";
+var examples20, capture_default;
 var init_capture2 = __esm({
   "src/commands/capture.ts"() {
     "use strict";
     init_dist();
-    examples19 = [
+    examples20 = [
       ["Capture a website", "hyperframes capture https://stripe.com"],
       ["Capture to a specific directory", "hyperframes capture https://linear.app -o linear-video"],
       ["JSON output for AI agents", "hyperframes capture https://example.com --json"]
@@ -82366,7 +82647,7 @@ var init_capture2 = __esm({
           const hostname = new URL(url).hostname.replace(/^www\./, "");
           outputName = `captures/${hostname.replace(/\./g, "-")}`;
         }
-        const outputDir = resolve34(outputName);
+        const outputDir = resolve36(outputName);
         const isJson = args.json;
         if (!isJson) {
           const { c: c2 } = await Promise.resolve().then(() => (init_colors(), colors_exports));
@@ -82513,13 +82794,13 @@ var init_telemetry2 = __esm({
 });
 
 // src/utils/installerDetection.ts
-import { realpathSync } from "fs";
+import { realpathSync as realpathSync2 } from "fs";
 import { posix as posix2 } from "path";
 function resolveEntry() {
   const entry = process.argv[1];
   if (!entry) return null;
   try {
-    return realpathSync(entry);
+    return realpathSync2(entry);
   } catch {
     return entry;
   }
@@ -82614,7 +82895,7 @@ __export(autoUpdate_exports, {
 import { spawn as spawn12 } from "child_process";
 import { appendFileSync as appendFileSync2, mkdirSync as mkdirSync29, openSync } from "fs";
 import { homedir as homedir10 } from "os";
-import { join as join53 } from "path";
+import { join as join55 } from "path";
 import { compareVersions as compareVersions2 } from "compare-versions";
 function isAutoInstallDisabled() {
   if (isDevMode()) return true;
@@ -82637,7 +82918,7 @@ function log(line) {
 }
 function launchDetachedInstall(installCommand, version) {
   mkdirSync29(CONFIG_DIR2, { recursive: true, mode: 448 });
-  const configFile = join53(CONFIG_DIR2, "config.json");
+  const configFile = join55(CONFIG_DIR2, "config.json");
   const nodeScript = `
     const { exec } = require("node:child_process");
     const { readFileSync, renameSync, writeFileSync } = require("node:fs");
@@ -82756,8 +83037,8 @@ var init_autoUpdate = __esm({
     init_config();
     init_env();
     init_installerDetection();
-    CONFIG_DIR2 = join53(homedir10(), ".hyperframes");
-    LOG_FILE = join53(CONFIG_DIR2, "auto-update.log");
+    CONFIG_DIR2 = join55(homedir10(), ".hyperframes");
+    LOG_FILE = join55(CONFIG_DIR2, "auto-update.log");
     PENDING_TIMEOUT_MS = 10 * 60 * 1e3;
   }
 });
@@ -82810,10 +83091,10 @@ function renderRootHelp() {
   lines.push(`Run ${c.cyan("hyperframes <command> --help")} for more information about a command.`);
   return lines.join("\n");
 }
-function formatExamples(examples20) {
+function formatExamples(examples21) {
   const lines = [];
   lines.push(c.bold("Examples:"));
-  for (const [comment, command2] of examples20) {
+  for (const [comment, command2] of examples21) {
     lines.push(`  ${c.gray(`# ${comment}`)}`);
     lines.push(`  ${command2}`);
     lines.push("");
@@ -82830,9 +83111,9 @@ async function showUsage2(cmd, parent) {
   console.log(usage + "\n");
   const name = meta?.name;
   if (name) {
-    const examples20 = STATIC_EXAMPLES[name] ?? await loadExamples(name);
-    if (examples20) {
-      console.log(formatExamples(examples20) + "\n");
+    const examples21 = STATIC_EXAMPLES[name] ?? await loadExamples(name);
+    if (examples21) {
+      console.log(formatExamples(examples21) + "\n");
     }
   }
 }
@@ -82853,6 +83134,7 @@ var init_help = __esm({
           ["capture", "Capture a website for video production"],
           ["catalog", "Browse and install blocks and components"],
           ["preview", "Start the studio for previewing compositions"],
+          ["publish", "Upload a project and get a stable public URL"],
           ["render", "Render a composition to MP4 or WebM"]
         ]
       },
@@ -82897,6 +83179,7 @@ var init_help = __esm({
     ROOT_EXAMPLES = [
       ["Create a new project", "hyperframes init my-video"],
       ["Start the live preview studio", "hyperframes preview"],
+      ["Publish to hyperframes.dev", "hyperframes publish"],
       ["Render to MP4", "hyperframes render -o out.mp4"],
       ["Transparent WebM overlay", "hyperframes render --format webm -o out.webm"],
       ["Validate your composition", "hyperframes lint"],
@@ -82922,6 +83205,7 @@ var subCommands = {
   catalog: () => Promise.resolve().then(() => (init_catalog(), catalog_exports)).then((m2) => m2.default),
   play: () => Promise.resolve().then(() => (init_play(), play_exports)).then((m2) => m2.default),
   preview: () => Promise.resolve().then(() => (init_preview2(), preview_exports)).then((m2) => m2.default),
+  publish: () => Promise.resolve().then(() => (init_publish(), publish_exports)).then((m2) => m2.default),
   render: () => Promise.resolve().then(() => (init_render2(), render_exports)).then((m2) => m2.default),
   lint: () => Promise.resolve().then(() => (init_lint3(), lint_exports2)).then((m2) => m2.default),
   info: () => Promise.resolve().then(() => (init_info(), info_exports)).then((m2) => m2.default),