hyperframes 0.8.156 → 0.8.157

package/dist/{clean-4HTCYML6.js → clean-4WDZ3TFN.js}

@@ -6,14 +6,14 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   redactHome
-} from "./chunk-HBKKW3NL.js";
+} from "./chunk-YBKIAQNU.js";
 import "./chunk-Z27A7NUB.js";
 import "./chunk-5ETJX6WM.js";
 import {
   loadProducer
-} from "./chunk-IOBKVP27.js";
-import "./chunk-VK5JRYJL.js";
-import "./chunk-DSX7R5M7.js";
+} from "./chunk-NFX4K6OW.js";
+import "./chunk-TQ62EMUI.js";
+import "./chunk-56QTFOWH.js";
 import "./chunk-C6TPGUWD.js";
 import {
   DEFAULT_HISTORY_ROOT,
@@ -23,14 +23,14 @@ import {
 import {
   CACHE_DIR_NAME,
   cleanupProxyCache
-} from "./chunk-7U27WUMQ.js";
+} from "./chunk-ZFZNPLRJ.js";
 import "./chunk-FFDC5OWV.js";
 import {
   formatBytes
 } from "./chunk-K2FLNJVB.js";
-import "./chunk-VY23BB2D.js";
+import "./chunk-BB2SFTMY.js";
 import "./chunk-5CS4T6C6.js";
-import "./chunk-7FFGZC2X.js";
+import "./chunk-QWQ6GQTI.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
@@ -46,32 +46,32 @@ import "./chunk-TJSTGSAW.js";
 import "./chunk-LBT4AMSF.js";
 import {
   withMeta
-} from "./chunk-COBIO7VC.js";
+} from "./chunk-O4ZB2LUC.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-SO44ETGW.js";
+import "./chunk-ZTUZDPHE.js";
 import "./chunk-3DKN5WKL.js";
 import "./chunk-EOVYQ3IG.js";
 import "./chunk-6BEFEWFB.js";
-import "./chunk-SCOXM5LP.js";
+import "./chunk-KEGTYA7V.js";
 import "./chunk-XT6MXC7A.js";
 import {
   EXTRACT_CACHE_MIN_AGE_MS,
   directorySizeBytes,
   gcExtractionCache,
   resolveExtractCacheDir
-} 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";
@@ -79,7 +79,7 @@ import "./chunk-FXMKHHPO.js";
 import "./chunk-RQVDTPGD.js";
 import "./chunk-54DMWFQZ.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";

package/dist/cli.js

@@ -41,7 +41,7 @@ import {
 } from "./chunk-ISN5GRYI.js";
 import {
   VERSION
-} from "./chunk-SO44ETGW.js";
+} from "./chunk-ZTUZDPHE.js";
 import "./chunk-M2WBOQ2Q.js";
 
 // src/cli.ts
@@ -91,7 +91,7 @@ function guardLeafFlags(cmd, path, ctx, rawArgs) {
 }
 async function reportCommandFailure(command2, err) {
   try {
-    const { trackCommandFailure } = await import("./events-GQCOQY5E.js");
+    const { trackCommandFailure } = await import("./events-LSJDXTXK.js");
     trackCommandFailure(command2, err);
   } catch {
   }
@@ -163,54 +163,54 @@ async function assertStudioWorkspaceBuilt() {
   });
 }
 var commandLoaders = {
-  init: () => import("./init-KWGZEC7F.js").then((m) => m.default),
-  add: () => import("./add-U35DO2JR.js").then((m) => m.default),
-  catalog: () => import("./catalog-KVE5KJJT.js").then((m) => m.default),
+  init: () => import("./init-BQYTOLTG.js").then((m) => m.default),
+  add: () => import("./add-XKIJJAC6.js").then((m) => m.default),
+  catalog: () => import("./catalog-5BJJW3G4.js").then((m) => m.default),
   "media-use": () => import("./media-use-4XXGABIL.js").then((m) => m.default),
-  play: () => import("./play-4TCSBDHO.js").then((m) => m.default),
-  present: () => import("./present-S6UBG5VI.js").then((m) => m.default),
-  preview: () => assertStudioWorkspaceBuilt().then(() => import("./preview-HBDXDJCV.js").then((m) => m.default)),
-  publish: () => import("./publish-EMNP3VCC.js").then((m) => m.default),
-  open: () => import("./open-SCBC3NF5.js").then((m) => m.default),
-  "catch-up": () => import("./catch-up-E3WYWSDY.js").then((m) => m.default),
-  render: () => import("./render-DMHQZMV4.js").then((m) => m.default),
-  lint: () => import("./lint-3TNKI4PK.js").then((m) => m.default),
-  check: () => import("./check-QRP5WCP2.js").then((m) => m.default),
-  beats: () => import("./beats-JYECNCTZ.js").then((m) => m.default),
-  "normalize-audio": () => import("./normalize-audio-IOY3NRHJ.js").then((m) => m.default),
-  inspect: () => import("./inspect-3WLT3EHZ.js").then((m) => m.default),
-  keyframes: () => import("./keyframes-7HPN5DKO.js").then((m) => m.default),
-  layout: () => import("./layout-ZEW4RZRP.js").then((m) => m.default),
-  info: () => import("./info-IDEUAYJZ.js").then((m) => m.default),
-  compositions: () => import("./compositions-DNBHEIGP.js").then((m) => m.default),
-  timeline: () => import("./timeline-BO7LJJ24.js").then((m) => m.default),
-  history: () => import("./history-NENOG3BT.js").then((m) => m.default),
-  benchmark: () => import("./benchmark-JGMKJSPN.js").then((m) => m.default),
-  browser: () => import("./browser-63WITJVS.js").then((m) => m.default),
-  "remove-background": () => import("./remove-background-GICM6TE5.js").then((m) => m.default),
-  transcribe: () => import("./transcribe-6HLMGCL2.js").then((m) => m.default),
+  play: () => import("./play-JGMRZO6G.js").then((m) => m.default),
+  present: () => import("./present-SI7ZE6IB.js").then((m) => m.default),
+  preview: () => assertStudioWorkspaceBuilt().then(() => import("./preview-PZOQHOIO.js").then((m) => m.default)),
+  publish: () => import("./publish-UT3L777Q.js").then((m) => m.default),
+  open: () => import("./open-GM2J5QEA.js").then((m) => m.default),
+  "catch-up": () => import("./catch-up-DU2O72RS.js").then((m) => m.default),
+  render: () => import("./render-SFIX3O3B.js").then((m) => m.default),
+  lint: () => import("./lint-6HH5X4NJ.js").then((m) => m.default),
+  check: () => import("./check-P5D3YU2H.js").then((m) => m.default),
+  beats: () => import("./beats-AE4ZKJ3I.js").then((m) => m.default),
+  "normalize-audio": () => import("./normalize-audio-Z7UQTZ5J.js").then((m) => m.default),
+  inspect: () => import("./inspect-BTBKTW5W.js").then((m) => m.default),
+  keyframes: () => import("./keyframes-Y5QDNXST.js").then((m) => m.default),
+  layout: () => import("./layout-HITFK2H5.js").then((m) => m.default),
+  info: () => import("./info-QQJ7C6SO.js").then((m) => m.default),
+  compositions: () => import("./compositions-2LUY6RQW.js").then((m) => m.default),
+  timeline: () => import("./timeline-BUYUBI5X.js").then((m) => m.default),
+  history: () => import("./history-FILLGPWB.js").then((m) => m.default),
+  benchmark: () => import("./benchmark-Q3YSQVWW.js").then((m) => m.default),
+  browser: () => import("./browser-IRRLG5FG.js").then((m) => m.default),
+  "remove-background": () => import("./remove-background-HT73ZUIG.js").then((m) => m.default),
+  transcribe: () => import("./transcribe-L2QHSNHO.js").then((m) => m.default),
   usage: () => import("./usage-EC3KFUIJ.js").then((m) => m.default),
-  models: () => import("./models-IRFIJOIW.js").then((m) => m.default),
+  models: () => import("./models-WHDUQZQZ.js").then((m) => m.default),
   tts: () => import("./tts-RE227GFP.js").then((m) => m.default),
   docs: () => import("./docs-MPOM3PHH.js").then((m) => m.default),
-  doctor: () => import("./doctor-5PHSH7IK.js").then((m) => m.default),
-  clean: () => import("./clean-4HTCYML6.js").then((m) => m.default),
-  upgrade: () => import("./upgrade-DZHQE2PV.js").then((m) => m.default),
-  skills: () => import("./skills-MKEJGL35.js").then((m) => m.default),
-  feedback: () => import("./feedback-6T6ZJOTM.js").then((m) => m.default),
+  doctor: () => import("./doctor-BLXWRHAE.js").then((m) => m.default),
+  clean: () => import("./clean-4WDZ3TFN.js").then((m) => m.default),
+  upgrade: () => import("./upgrade-UJJIVNHJ.js").then((m) => m.default),
+  skills: () => import("./skills-G26XO2BY.js").then((m) => m.default),
+  feedback: () => import("./feedback-LMDNGTYB.js").then((m) => m.default),
   telemetry: () => import("./telemetry-CQYHCCPL.js").then((m) => m.default),
-  events: () => import("./events-FOGRN2KV.js").then((m) => m.default),
-  validate: () => import("./validate-3I45WC7I.js").then((m) => m.default),
-  snapshot: () => import("./snapshot-KMLGFZWY.js").then((m) => m.default),
-  "media-treatment": () => import("./media-treatment-3JZFCG6I.js").then((m) => m.mediaTreatmentCommand),
-  "grade-compare": () => import("./grade-compare-S27N2NRU.js").then((m) => m.default),
-  compare: () => import("./compare-4RYN3LLC.js").then((m) => m.default),
-  capture: () => import("./capture-T6QSEGKM.js").then((m) => m.default),
-  lambda: () => import("./lambda-MJH6U52V.js").then((m) => m.default),
-  cloudrun: () => import("./cloudrun-QK56WQY3.js").then((m) => m.default),
-  cloud: () => import("./cloud-HFBG33UU.js").then((m) => m.default),
-  auth: () => import("./auth-HS6GAILF.js").then((m) => m.default),
-  figma: () => import("./figma-PZLGUS6C.js").then((m) => m.default)
+  events: () => import("./events-V4LYF3MW.js").then((m) => m.default),
+  validate: () => import("./validate-DJAZMEQB.js").then((m) => m.default),
+  snapshot: () => import("./snapshot-SN7I7O7I.js").then((m) => m.default),
+  "media-treatment": () => import("./media-treatment-YACCPVXX.js").then((m) => m.mediaTreatmentCommand),
+  "grade-compare": () => import("./grade-compare-F7JNDXGF.js").then((m) => m.default),
+  compare: () => import("./compare-MXZ7QKBN.js").then((m) => m.default),
+  capture: () => import("./capture-MVH3XNAE.js").then((m) => m.default),
+  lambda: () => import("./lambda-ZCX7KGTY.js").then((m) => m.default),
+  cloudrun: () => import("./cloudrun-STLNWUBW.js").then((m) => m.default),
+  cloud: () => import("./cloud-FL6VP6IU.js").then((m) => m.default),
+  auth: () => import("./auth-ERW6EOVW.js").then((m) => m.default),
+  figma: () => import("./figma-BXHFTYCT.js").then((m) => m.default)
 };
 var subCommands = Object.fromEntries(
   Object.entries(commandLoaders).map(([name, load]) => [name, trackCommandFailures(load)])
@@ -234,7 +234,7 @@ var _printStalePinNotice;
 var _printSkillsUpdateNotice;
 var telemetryReady = Promise.resolve();
 if (!isHelp && command !== "telemetry" && command !== "events" && command !== "usage" && command !== "unknown") {
-  telemetryReady = import("./telemetry-576VTLGI.js").then((mod) => {
+  telemetryReady = import("./telemetry-RVFKZEOH.js").then((mod) => {
     _flushSync = mod.flushSync;
     _trackCliError = mod.trackCliError;
     _trackCommandResult = mod.trackCommandResult;
@@ -244,23 +244,23 @@ if (!isHelp && command !== "telemetry" && command !== "events" && command !== "u
   });
 }
 if (!isHelp && !hasJsonFlag && command !== "upgrade" && command !== "events" && command !== "telemetry" && command !== "skills" && command !== "usage") {
-  import("./autoUpdate-MRQ4ULBI.js").then((mod) => mod.reportCompletedUpdate()).catch(() => {
+  import("./autoUpdate-IHYT5BQF.js").then((mod) => mod.reportCompletedUpdate()).catch(() => {
   });
-  import("./updateCheck-ZLYIZPPQ.js").then(async (mod) => {
+  import("./updateCheck-PULEO7CW.js").then(async (mod) => {
     _printUpdateNotice = mod.printUpdateNotice;
     _printStalePinNotice = mod.printStalePinNotice;
     const result = mod.cachedUpdateCheck();
     if (result.updateAvailable) {
-      const auto = await import("./autoUpdate-MRQ4ULBI.js").catch(() => null);
+      const auto = await import("./autoUpdate-IHYT5BQF.js").catch(() => null);
       auto?.scheduleBackgroundInstall(result.latest, result.current);
     }
   }).catch(() => {
   });
-  import("./skillsUpdateCheck-RTLARPPP.js").then((mod) => {
+  import("./skillsUpdateCheck-ZNDQSDB4.js").then((mod) => {
     _printSkillsUpdateNotice = mod.printSkillsUpdateNotice;
   }).catch(() => {
   });
-  import("./backgroundChecks-K2ZMA43S.js").then((mod) => mod.launchBackgroundChecks()).catch(() => {
+  import("./backgroundChecks-DTKZTDHN.js").then((mod) => mod.launchBackgroundChecks()).catch(() => {
   });
 }
 var _appHistoryNotice = null;
@@ -378,7 +378,7 @@ process.on("unhandledRejection", (reason) => {
   emitCliErrorEvent("unhandled_rejection", error);
 });
 async function showUsage(cmd, parent) {
-  const { showUsage: impl } = await import("./help-4HZ75YVH.js");
+  const { showUsage: impl } = await import("./help-WGANCPIE.js");
   return impl(cmd, parent);
 }
 async function showRequestedUsage() {

package/dist/{cloud-HFBG33UU.js → cloud-FL6VP6IU.js}

@@ -55,10 +55,10 @@ ${c.bold("AUTH:")}
 var cloud_default = defineCommand({
   meta: { name: "cloud", description: "Render HyperFrames compositions on the HeyGen cloud" },
   subCommands: {
-    render: () => import("./render-PHEQSRHV.js").then((m) => m.default),
-    list: () => import("./list-BJR2IXU4.js").then((m) => m.default),
-    get: () => import("./get-XUNYSY2Z.js").then((m) => m.default),
-    delete: () => import("./delete-4XYV72EU.js").then((m) => m.default)
+    render: () => import("./render-6CJXA7UA.js").then((m) => m.default),
+    list: () => import("./list-KBERMLPP.js").then((m) => m.default),
+    get: () => import("./get-2ZKWMYCG.js").then((m) => m.default),
+    delete: () => import("./delete-OBAOZCXI.js").then((m) => m.default)
   },
   async run({ args }) {
     if (!args._?.[0]) console.log(HELP);

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-MXZ7QKBN.js}

@@ -15,44 +15,44 @@ import {
 import "./chunk-MRF4AMKD.js";
 import {
   serveStaticProjectHtml
-} from "./chunk-DRNTIYT3.js";
+} from "./chunk-UGIIDY6C.js";
 import "./chunk-XUHOIDKG.js";
-import "./chunk-XXTOOXZ7.js";
+import "./chunk-WK375PPO.js";
 import "./chunk-X7MTZ4T2.js";
 import {
   openSettledCompositionPage,
   seekCompositionTimeline
-} from "./chunk-MBE4SEL7.js";
+} from "./chunk-EYNN5DJG.js";
 import "./chunk-FH7WODJH.js";
-import "./chunk-VPOEKLZL.js";
-import "./chunk-SNMMFFKZ.js";
+import "./chunk-CA7IDB4Z.js";
+import "./chunk-J7WFHOCW.js";
 import "./chunk-WPNE5NEP.js";
-import "./chunk-VK5JRYJL.js";
-import "./chunk-DSX7R5M7.js";
+import "./chunk-TQ62EMUI.js";
+import "./chunk-56QTFOWH.js";
 import "./chunk-C6TPGUWD.js";
 import "./chunk-6PIGOKTE.js";
-import "./chunk-7U27WUMQ.js";
+import "./chunk-ZFZNPLRJ.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-XRRZZFGI.js";
+import "./chunk-HQG7B5ZE.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-O4ZB2LUC.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-SO44ETGW.js";
+import "./chunk-ZTUZDPHE.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";
@@ -285,7 +285,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 {