hyperframes 0.8.156 → 0.8.158

package/dist/{cloudrun-QK56WQY3.js → cloudrun-STLNWUBW.js}

@@ -6,12 +6,12 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   parseOutputResolutionFlag
-} from "./chunk-FSZAFCU7.js";
+} from "./chunk-CBNI34SD.js";
 import {
   reportVariableIssues,
   resolveVariablesArg,
   validateVariablesAgainstProject
-} from "./chunk-LZ2PZIVS.js";
+} from "./chunk-SLUFA6UM.js";
 import {
   readAllowedCompositionFpsFromDir
 } from "./chunk-WPNE5NEP.js";
@@ -26,11 +26,11 @@ import {
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
-import "./chunk-3THJEW7G.js";
-import "./chunk-OE4WEQMH.js";
+import "./chunk-SGIZMTWO.js";
+import "./chunk-LPOTN5GW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-UJKQWGFF.js";
-import "./chunk-VYKPBRCB.js";
+import "./chunk-ALLKNYC3.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-DPVXBVLL.js";
 import "./chunk-T76PLPD6.js";

package/dist/commands/contrast-audit.browser.js

@@ -286,6 +286,16 @@ window.__contrastAuditPrepare = function () {
     var fontWeight = Number(cs.fontWeight) || 400;
     var large = fontSize >= 24 || (fontSize >= 19 && fontWeight >= 700);
 
+    // Glyphs sit on this element's own fill. The bounding box also contains
+    // border-radius corners and neighbouring pixels, and those read as the
+    // panel behind a circular avatar. An opaque background with no image is
+    // the fill; pixel sampling stays for transparent text.
+    var ownBg = null;
+    if ((cs.backgroundImage || "none") === "none") {
+      var parsedOwnBg = parseColor(cs.backgroundColor || "");
+      if (parsedOwnBg && parsedOwnBg[3] >= 0.99) ownBg = parsedOwnBg;
+    }
+
     // Hide this element's OWN text paint so the caller's next screenshot
     // reveals the true pixels behind the glyphs. Layout-neutral: color/fill
     // never affect box geometry. `!important` beats any non-!important rule
@@ -341,6 +351,7 @@ window.__contrastAuditPrepare = function () {
       fontSize: fontSize,
       fontWeight: fontWeight,
       large: large,
+      ownBg: ownBg,
       bbox: { x: rect.x, y: rect.y, w: rect.width, h: rect.height },
     });
   }
@@ -465,15 +476,21 @@ window.__contrastAuditFinish = async function (imgBase64, time, candidates) {
     }
     if (rr.length === 0) continue;
 
-    // A transparent sampled backdrop is supplied by the downstream editor,
-    // not this composition. WCAG contrast cannot be inferred until that live
-    // video/image is known, so do not invent an opaque browser default and
-    // hard-fail an otherwise valid alpha overlay.
-    if (median(aa) < 255) continue;
-
-    var bgR = median(rr),
-      bgG = median(gg),
+    var bgR, bgG, bgB;
+    if (c.ownBg && c.ownBg.length >= 4 && c.ownBg[3] >= 0.99) {
+      bgR = c.ownBg[0];
+      bgG = c.ownBg[1];
+      bgB = c.ownBg[2];
+    } else {
+      // A transparent sampled backdrop is supplied by the downstream editor,
+      // not this composition. WCAG contrast cannot be inferred until that live
+      // video/image is known, so do not invent an opaque browser default and
+      // hard-fail an otherwise valid alpha overlay.
+      if (median(aa) < 255) continue;
+      bgR = median(rr);
+      bgG = median(gg);
       bgB = median(bb);
+    }
 
     // Composite foreground alpha over the measured background
     var fg = c.fg;

package/dist/commands/layout-audit.browser.js

@@ -662,10 +662,14 @@
   }
 
   function hasAllowOverlapFlag(element) {
-    // Overlap intent belongs to the text block that participates in the
-    // layering. Inheriting this marker from a scene/root would turn one local
-    // waiver into a blanket exemption for every collision in that subtree.
-    return element.hasAttribute("data-layout-allow-overlap");
+    // The marker applies to the element that carries it and to text inside
+    // that container. It stops at the composition root: a waiver on the scene
+    // itself would exempt every collision in the subtree.
+    for (let current = element; current; current = current.parentElement) {
+      if (current.hasAttribute("data-composition-id")) return false;
+      if (current.hasAttribute("data-layout-allow-overlap")) return true;
+    }
+    return false;
   }
 
   function isTransparentColor(color) {
@@ -800,16 +804,48 @@
       message: "Two text blocks overlap and may render unreadable.",
       rect: a.rect,
       fixHint:
-        "Give each block its own zone, or mark intentional layering with data-layout-allow-overlap.",
+        "Give each block its own zone, or put data-layout-allow-overlap on the text or on a container inside the scene. A marker on the scene root does not apply.",
+    };
+  }
+
+  function hiddenVisibilityAncestor(element) {
+    for (let parent = element.parentElement; parent; parent = parent.parentElement) {
+      const visibility = getComputedStyle(parent).visibility;
+      if (visibility === "hidden" || visibility === "collapse") return parent;
+    }
+    return null;
+  }
+
+  function visibilityEscapeIssue(block, hiddenAncestor, time) {
+    return {
+      code: "visibility_escapes_segment",
+      severity: "warning",
+      time,
+      selector: uniqueSelectorFor(block.element),
+      containerSelector: uniqueSelectorFor(hiddenAncestor),
+      text: textContentFor(block.element),
+      message:
+        "This text stays on screen after its segment ends. visibility:visible here overrides an ancestor's visibility:hidden, so the runtime hide does not reach it.",
+      rect: block.rect,
+      fixHint: "Remove the explicit visibility:visible so this element hides with its ancestor.",
     };
   }
 
   function contentOverlapIssues(root, time) {
     const blocks = collectSolidTextBlocks(root);
     const issues = [];
-    for (let i = 0; i < blocks.length; i++) {
-      for (let j = i + 1; j < blocks.length; j++) {
-        const issue = overlapIssue(blocks[i], blocks[j], time);
+    const participating = [];
+    for (const block of blocks) {
+      const hiddenAncestor = hiddenVisibilityAncestor(block.element);
+      if (hiddenAncestor) {
+        issues.push(visibilityEscapeIssue(block, hiddenAncestor, time));
+        continue;
+      }
+      participating.push(block);
+    }
+    for (let i = 0; i < participating.length; i++) {
+      for (let j = i + 1; j < participating.length; j++) {
+        const issue = overlapIssue(participating[i], participating[j], time);
         if (issue) issues.push(issue);
       }
     }
@@ -820,8 +856,10 @@
     let imageAlpha = 0;
     if (style.backgroundImage && style.backgroundImage !== "none") {
       if (style.backgroundImage.includes("url(")) return true;
-      // A gradient only occludes as much as its colours — a 4%-alpha grid/scrim must not count.
-      imageAlpha = gradientLayersAlpha(style.backgroundImage);
+      // A gradient only occludes as much as its colours — a 4%-alpha grid/scrim
+      // must not count, and neither must a solid-color dot a couple of pixels
+      // wide tiled across a much larger background-size.
+      imageAlpha = gradientLayersAlpha(style.backgroundImage, style.backgroundSize);
     }
     const colorValue = isTransparentColor(style.backgroundColor)
       ? 0
@@ -831,14 +869,68 @@
   }
 
   // background-image layers stack: two 0.5-alpha gradients paint at 1-(1-.5)^2 = .75.
-  function gradientLayersAlpha(backgroundImage) {
+  function gradientLayersAlpha(backgroundImage, backgroundSize) {
     let combined = 0;
     for (const layer of splitTopLevelCommas(backgroundImage)) {
-      combined = 1 - (1 - combined) * (1 - gradientMaxAlpha(layer));
+      const coverage = gradientStopCoverage(layer, backgroundSize);
+      combined = 1 - (1 - combined) * (1 - gradientMaxAlpha(layer) * coverage);
     }
     return combined;
   }
 
+  // Share of a radial dot's tile. A linear fill, or an opaque stop after a
+  // transparent one, stays fully painted. A 1.6px dot on a 38px tile does not.
+  function gradientStopCoverage(layer, backgroundSize) {
+    if (!/radial-gradient/i.test(layer) || namesAColor(withoutScoredColors(layer))) return 1;
+    const stops = [
+      ...layer.matchAll(/(#[0-9a-fA-F]{3,8}|rgba?\([^)]+\)|transparent)\s+([\d.]+)(px|%)/gi),
+    ];
+    const tile = pxTile(backgroundSize);
+    const reach = tile ? leadingOpaqueRadius(stops, tile) : null;
+    if (reach === null) return 1;
+    return Math.min(1, (Math.PI * reach * reach) / (tile * tile));
+  }
+
+  function pxTile(backgroundSize) {
+    const sizeMatch = String(backgroundSize || "").match(/([\d.]+)px/);
+    return sizeMatch ? Number(sizeMatch[1]) : 0;
+  }
+
+  function leadingOpaqueRadius(stops, tile) {
+    const walked = walkOpaquePrefix(stops, tile);
+    if (!walked || !walked.sawOpaque || !walked.sawTransparent) return null;
+    return walked.reach;
+  }
+
+  function walkOpaquePrefix(stops, tile) {
+    const state = { reach: 0, sawOpaque: false, sawTransparent: false };
+    for (const stop of stops) {
+      if (!takeRadiusStop(state, stop, tile)) return null;
+    }
+    return state;
+  }
+
+  function takeRadiusStop(state, stop, tile) {
+    if (stopAlpha(stop[1] || "") <= 0.6) {
+      state.sawTransparent = true;
+      return true;
+    }
+    if (state.sawTransparent) return false;
+    state.sawOpaque = true;
+    state.reach = Math.max(state.reach, stopLength(stop, tile));
+    return true;
+  }
+
+  function stopAlpha(color) {
+    if (color === "transparent") return 0;
+    if (color.startsWith("#")) return 1;
+    return colorAlpha(color);
+  }
+
+  function stopLength(stop, tile) {
+    return stop[3] === "%" ? (Number(stop[2]) / 100) * tile : Number(stop[2]);
+  }
+
   function splitTopLevelCommas(value) {
     const parts = [];
     let depth = 0;
@@ -862,6 +954,7 @@
       .replace(/(?:repeating-)?(?:linear|radial|conic)-gradient\(/gi, "(")
       .replace(/rgba?\([^)]*\)/gi, "");
     if (/[a-z][a-z-]+\(/i.test(known)) return 1;
+    if (namesAColor(known)) return 1;
     const colors = backgroundImage.match(/rgba?\([^)]*\)|#[0-9a-fA-F]{3,8}\b|\btransparent\b/g);
     if (!colors) return 1;
     let max = 0;
@@ -884,6 +977,18 @@
     return max;
   }
 
+  function withoutScoredColors(layer) {
+    return layer.replace(/rgba?\([^)]*\)|#[0-9a-fA-F]{3,8}\b/g, " ");
+  }
+
+  function namesAColor(known) {
+    const words = known.replace(
+      /\b(?:to|top|bottom|left|right|center|circle|ellipse|closest-side|farthest-side|closest-corner|farthest-corner|from|deg|rad|turn|grad|transparent|repeating|linear|radial|conic|gradient)\b/gi,
+      " ",
+    );
+    return /\b[a-z]{3,}\b/i.test(words);
+  }
+
   const RASTER_TAGS = new Set(["IMG", "VIDEO", "CANVAS"]);
   const FRAME_MEDIA_TAGS = new Set([...RASTER_TAGS, "SVG"]);
   const imageAlphaCanvases = new WeakMap();

package/dist/{compare-4RYN3LLC.js → compare-2FRBIK5Z.js}

@@ -15,44 +15,44 @@ import {
 import "./chunk-MRF4AMKD.js";
 import {
   serveStaticProjectHtml
-} from "./chunk-DRNTIYT3.js";
+} from "./chunk-4R6OZQGX.js";
 import "./chunk-XUHOIDKG.js";
-import "./chunk-XXTOOXZ7.js";
+import "./chunk-J4SSEVRU.js";
 import "./chunk-X7MTZ4T2.js";
 import {
   openSettledCompositionPage,
   seekCompositionTimeline
-} from "./chunk-MBE4SEL7.js";
+} from "./chunk-7FGHFHWD.js";
 import "./chunk-FH7WODJH.js";
-import "./chunk-VPOEKLZL.js";
-import "./chunk-SNMMFFKZ.js";
+import "./chunk-LAAGHMRC.js";
+import "./chunk-J7WFHOCW.js";
 import "./chunk-WPNE5NEP.js";
-import "./chunk-VK5JRYJL.js";
-import "./chunk-DSX7R5M7.js";
+import "./chunk-DCQCGE2W.js";
+import "./chunk-56QTFOWH.js";
 import "./chunk-C6TPGUWD.js";
 import "./chunk-6PIGOKTE.js";
-import "./chunk-7U27WUMQ.js";
+import "./chunk-DISITOR6.js";
 import "./chunk-FFDC5OWV.js";
 import "./chunk-K2FLNJVB.js";
-import "./chunk-QOP5D3UM.js";
+import "./chunk-YB26LWR2.js";
 import "./chunk-442JNXRM.js";
-import "./chunk-Q7FDYQR4.js";
+import "./chunk-GPUVPZRK.js";
 import "./chunk-XT7X6QCP.js";
 import "./chunk-4YYJOFKS.js";
 import "./chunk-HVW7ABXD.js";
-import "./chunk-JKCKXGIC.js";
-import "./chunk-FIL6QPZT.js";
-import "./chunk-YLSSI4XB.js";
+import "./chunk-3FRK53UC.js";
+import "./chunk-LQXHRO6F.js";
+import "./chunk-QRPYTJBW.js";
 import "./chunk-AWDFDFI3.js";
 import "./chunk-P6LJ4Y32.js";
 import "./chunk-GMECXFAN.js";
 import "./chunk-5CS4T6C6.js";
 import {
   trackCompareSheet
-} from "./chunk-RXTEP3NB.js";
-import "./chunk-WLYSVHZE.js";
+} from "./chunk-2XUQPJ3W.js";
+import "./chunk-H6BWNY56.js";
 import "./chunk-VWG7OQKU.js";
-import "./chunk-7FFGZC2X.js";
+import "./chunk-QWQ6GQTI.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
@@ -68,31 +68,31 @@ import "./chunk-EOOEC32M.js";
 import "./chunk-TJSTGSAW.js";
 import {
   withMeta
-} from "./chunk-COBIO7VC.js";
+} from "./chunk-QH2PL6J4.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-SO44ETGW.js";
+import "./chunk-RU6AIVON.js";
 import "./chunk-EOVYQ3IG.js";
 import "./chunk-XT6MXC7A.js";
-import "./chunk-YUTUYCGK.js";
-import "./chunk-2K5YII2L.js";
-import "./chunk-NE55C6S5.js";
+import "./chunk-IRRRH66M.js";
+import "./chunk-FJT35XBA.js";
+import "./chunk-KCF6GHJP.js";
 import "./chunk-JYVGYKXG.js";
-import "./chunk-OBXWIVYN.js";
-import "./chunk-3THJEW7G.js";
-import "./chunk-OE4WEQMH.js";
+import "./chunk-7KDQAD2W.js";
+import "./chunk-SGIZMTWO.js";
+import "./chunk-LPOTN5GW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-UJKQWGFF.js";
-import "./chunk-VYKPBRCB.js";
+import "./chunk-ALLKNYC3.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-DPVXBVLL.js";
 import "./chunk-T76PLPD6.js";
 import "./chunk-FXMKHHPO.js";
 import "./chunk-RQVDTPGD.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-YOEGUBBY.js";
+import "./chunk-7F3B5YYT.js";
 import "./chunk-IWFLMU2N.js";
 import "./chunk-3VGU2SH7.js";
 import "./chunk-VAS6HQX3.js";
@@ -104,6 +104,7 @@ import "./chunk-IXLUTE6N.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
+import "./chunk-KGPLIH7B.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-M2WBOQ2Q.js";
 
@@ -285,7 +286,7 @@ function cleanupPreparedCompareVariants(variants) {
 }
 async function renderCompareVariant(variant, opts) {
   try {
-    const { bundleToSingleHtml } = await import("./compiler-JPA25IUF.js");
+    const { bundleToSingleHtml } = await import("./compiler-VFJVUZWR.js");
     const html = await bundleToSingleHtml(variant.projectDir);
     const server = await serveStaticProjectHtml(variant.projectDir, html);
     try {

package/dist/{compiler-JPA25IUF.js → compiler-VFJVUZWR.js}

@@ -24,8 +24,8 @@ import {
   scopeCssToComposition,
   validateHyperframeHtmlContract,
   wrapScopedCompositionScript
-} from "./chunk-2K5YII2L.js";
-import "./chunk-NE55C6S5.js";
+} from "./chunk-FJT35XBA.js";
+import "./chunk-KCF6GHJP.js";
 import {
   AFTER_FONTS_SCRIPT_TYPE,
   AUDIO_GROUP_RENDER_ID_ATTR,
@@ -56,13 +56,13 @@ import {
   shouldClampResolvedMediaDuration,
   stripEmbeddedRuntimeScripts,
   styleElementsFor
-} from "./chunk-OE4WEQMH.js";
+} from "./chunk-LPOTN5GW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-UJKQWGFF.js";
-import "./chunk-VYKPBRCB.js";
+import "./chunk-ALLKNYC3.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-YOEGUBBY.js";
+import "./chunk-7F3B5YYT.js";
 import "./chunk-IWFLMU2N.js";
 import "./chunk-3VGU2SH7.js";
 import "./chunk-VAS6HQX3.js";

package/dist/{component-7ARXR4KZ.js → component-DRKXJVXB.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   downloadRender,
   runAssetImport
-} from "./chunk-GVJ4LG62.js";
+} from "./chunk-YVD5M26L.js";
 import {
   FigmaClientError,
   createFigmaClient,
@@ -16,7 +16,7 @@ import {
   readBindings,
   resolveBindings,
   withFigmaErrors
-} from "./chunk-JJERZGVE.js";
+} from "./chunk-SHEVPNUR.js";
 import "./chunk-K2FLNJVB.js";
 import {
   defineCommand
@@ -159,7 +159,7 @@ var component_default = defineCommand({
           `${result.unresolved.length} binding(s) reference tokens not yet imported \u2014 colors baked as literals (flagged data-figma-unresolved). Run \`hyperframes figma tokens\` on the source/library file, then re-import to link them.`
         );
       }
-      const { trackFigmaImport } = await import("./telemetry-576VTLGI.js");
+      const { trackFigmaImport } = await import("./telemetry-D6A2TRK6.js");
       trackFigmaImport({
         phase: "component",
         unresolvedBindings: result.unresolved.length,

package/dist/{compositions-DNBHEIGP.js → compositions-D3SN64J3.js}

@@ -6,15 +6,15 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   resolveProject
-} from "./chunk-DDK6E66K.js";
+} from "./chunk-L6AJC7UQ.js";
 import "./chunk-K2FLNJVB.js";
 import {
   ensureDOMParser
 } from "./chunk-442JNXRM.js";
-import "./chunk-RXTEP3NB.js";
-import "./chunk-WLYSVHZE.js";
+import "./chunk-2XUQPJ3W.js";
+import "./chunk-H6BWNY56.js";
 import "./chunk-VWG7OQKU.js";
-import "./chunk-7FFGZC2X.js";
+import "./chunk-QWQ6GQTI.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
@@ -25,25 +25,25 @@ import {
 } from "./chunk-ZTZA4UWZ.js";
 import {
   withMeta
-} from "./chunk-COBIO7VC.js";
+} from "./chunk-QH2PL6J4.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-SO44ETGW.js";
+import "./chunk-RU6AIVON.js";
 import "./chunk-XT6MXC7A.js";
 import {
   resolveReferencedStart
-} from "./chunk-YUTUYCGK.js";
-import "./chunk-2K5YII2L.js";
-import "./chunk-NE55C6S5.js";
+} from "./chunk-IRRRH66M.js";
+import "./chunk-FJT35XBA.js";
+import "./chunk-KCF6GHJP.js";
 import "./chunk-JYVGYKXG.js";
-import "./chunk-OBXWIVYN.js";
-import "./chunk-3THJEW7G.js";
-import "./chunk-OE4WEQMH.js";
+import "./chunk-7KDQAD2W.js";
+import "./chunk-SGIZMTWO.js";
+import "./chunk-LPOTN5GW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-UJKQWGFF.js";
-import "./chunk-VYKPBRCB.js";
+import "./chunk-ALLKNYC3.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-DPVXBVLL.js";
 import "./chunk-T76PLPD6.js";
@@ -52,7 +52,7 @@ import "./chunk-RQVDTPGD.js";
 import "./chunk-TWWSYAKJ.js";
 import {
   resolveCompositionDuration
-} from "./chunk-YOEGUBBY.js";
+} from "./chunk-7F3B5YYT.js";
 import {
   readProjectFile
 } from "./chunk-IWFLMU2N.js";

package/dist/{delete-4XYV72EU.js → delete-NA5WC2IR.js}

@@ -24,12 +24,12 @@ import {
 } from "./chunk-ZTZA4UWZ.js";
 import {
   withMeta
-} from "./chunk-COBIO7VC.js";
+} from "./chunk-QH2PL6J4.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-SO44ETGW.js";
+import "./chunk-RU6AIVON.js";
 import "./chunk-BXCMXMJQ.js";
 import "./chunk-EOVYQ3IG.js";
 import "./chunk-OFQWTKPW.js";

package/dist/{deterministicFonts-EOMDR6ZF.js → deterministicFonts-LNNVHVS2.js}

@@ -20,12 +20,12 @@ import {
   normalizeSystemFontPrimaryFamilies,
   parseFontFamilyValue,
   resolveFontFamilyDeclarationFamilies
-} from "./chunk-U3BCDVZO.js";
+} from "./chunk-3QATT3QF.js";
 import "./chunk-FI4I7CME.js";
 import "./chunk-TJSTGSAW.js";
 import {
   FONT_ALIAS_KEYS
-} from "./chunk-VYKPBRCB.js";
+} from "./chunk-ALLKNYC3.js";
 import "./chunk-DPVXBVLL.js";
 import "./chunk-SDYDNHEE.js";
 import "./chunk-TYXH3EKP.js";

package/dist/{dist-2YYJYYPY.js → dist-2VXSQLXO.js}

@@ -11,7 +11,7 @@ import {
   lintMediaUrls,
   lintProject,
   shouldBlockRender
-} from "./chunk-YOEGUBBY.js";
+} from "./chunk-7F3B5YYT.js";
 import "./chunk-IWFLMU2N.js";
 import "./chunk-3VGU2SH7.js";
 import "./chunk-VAS6HQX3.js";

package/dist/{dist-SKUIM4QJ.js → dist-SVTSOG4Q.js}

@@ -72,7 +72,7 @@ import {
   serializeVfxChain,
   toFps,
   validateVariables
-} from "./chunk-3THJEW7G.js";
+} from "./chunk-SGIZMTWO.js";
 import {
   AUDIO_GROUP_RENDER_ID_ATTR,
   COMPOSITION_SOURCE_URL,
@@ -128,7 +128,7 @@ import {
   sourceTimeAt,
   stripEmbeddedRuntimeScripts,
   timeAtSourceTime
-} from "./chunk-OE4WEQMH.js";
+} from "./chunk-LPOTN5GW.js";
 import "./chunk-VC76R6W2.js";
 import {
   AUDIBLE_MEDIA_SELECTOR,
@@ -162,7 +162,7 @@ import {
   updateElementInHtml,
   validateCompositionGsap,
   validateCompositionHtml
-} from "./chunk-VYKPBRCB.js";
+} from "./chunk-ALLKNYC3.js";
 import {
   ProjectRootMissingError,
   folderGone,

package/dist/docker/Dockerfile.render

@@ -14,7 +14,7 @@ ARG TARGETARCH=amd64
 ARG PLAYWRIGHT_VERSION=1.61.1
 
 RUN apt-get update && apt-get install -y --no-install-recommends \
-    ca-certificates curl unzip ffmpeg chromium \
+    ca-certificates curl unzip xz-utils chromium \
     libgbm1 libnss3 libatk-bridge2.0-0 libdrm2 libxcomposite1 \
     libxdamage1 libxrandr2 libcups2 libasound2 libpangocairo-1.0-0 \
     libxshmfence1 libgtk-3-0 \
@@ -23,6 +23,26 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
     fontconfig \
     && rm -rf /var/lib/apt/lists/* && apt-get clean && fc-cache -fv
 
+# One pinned static FFmpeg build (BtbN n8.0.1, per arch) instead of Debian's apt
+# ffmpeg, so regression baselines and the shipped images use the same version.
+# Bump the URLs and sha256s together, and keep in sync with the other Dockerfiles
+# and .github/actions/install-ffmpeg-linux/action.yml.
+ARG FFMPEG_RELEASE=https://github.com/BtbN/FFmpeg-Builds/releases/download/autobuild-2026-02-28-12-59
+ARG FFMPEG_BUILD=ffmpeg-n8.0.1-66-g27b8d1a017
+ARG FFMPEG_SHA256_AMD64=26d2ecd0cefba99f9d1ea92252a3a4f743a58df4c1c3cf9f8bbaaa40b1fca5b0
+ARG FFMPEG_SHA256_ARM64=d72cc324cb65dd92a9ffe699cc95ccbacfef4def8d3ad9fe2b5164a6a71b9595
+RUN case "$TARGETARCH" in \
+      amd64) FF_ARCH=linux64; FF_SHA256="$FFMPEG_SHA256_AMD64" ;; \
+      arm64) FF_ARCH=linuxarm64; FF_SHA256="$FFMPEG_SHA256_ARM64" ;; \
+      *) echo "unsupported TARGETARCH '$TARGETARCH'" >&2; exit 1 ;; \
+    esac \
+    && curl -fsSL -o /tmp/ffmpeg.tar.xz "$FFMPEG_RELEASE/$FFMPEG_BUILD-$FF_ARCH-gpl-8.0.tar.xz" \
+    && echo "$FF_SHA256  /tmp/ffmpeg.tar.xz" | sha256sum -c - \
+    && tar -xJf /tmp/ffmpeg.tar.xz -C /usr/local/bin --strip-components=2 --wildcards '*/bin/ffmpeg' '*/bin/ffprobe' \
+    && rm /tmp/ffmpeg.tar.xz \
+    && ffmpeg -version | grep -F "ffmpeg version ${FFMPEG_BUILD#ffmpeg-}" \
+    && ffprobe -version | grep -F "ffprobe version ${FFMPEG_BUILD#ffmpeg-}"
+
 ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true
 ENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium
 ENV CONTAINER=true