hyperframes 0.8.181 → 0.8.183

package/dist/{clean-GJNDVVDI.js → clean-WNEIVBF3.js}

@@ -6,90 +6,90 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   redactHome
-} from "./chunk-5JMZLQT6.js";
+} from "./chunk-COTLNID2.js";
 import "./chunk-Z27A7NUB.js";
 import "./chunk-5ETJX6WM.js";
+import "./chunk-MIZDJVPZ.js";
+import "./chunk-QH3T4WI2.js";
+import "./chunk-6BEFEWFB.js";
+import "./chunk-OH56PXFH.js";
 import {
   loadProducer
-} from "./chunk-ZUOSILUE.js";
-import "./chunk-JBCU6NR5.js";
-import "./chunk-IWTRHPTP.js";
-import "./chunk-TTVHYD5R.js";
+} from "./chunk-VH5KESLX.js";
+import "./chunk-NZ3BE2QE.js";
+import "./chunk-EVAQPW6O.js";
 import "./chunk-6JR2XUEE.js";
-import {
-  CACHE_DIR_NAME,
-  cleanupProxyCache
-} from "./chunk-KIO3R4QN.js";
+import "./chunk-TTVHYD5R.js";
 import {
   DEFAULT_HISTORY_ROOT,
   listProjectHistories,
   pruneGoneProjectHistories
-} from "./chunk-ICMXC3MI.js";
+} from "./chunk-U6RXZNZE.js";
+import {
+  CACHE_DIR_NAME,
+  cleanupProxyCache
+} from "./chunk-GPE3WWTO.js";
 import "./chunk-ALVXFXUG.js";
 import {
   formatBytes
 } from "./chunk-K2FLNJVB.js";
-import "./chunk-T7UHTUUE.js";
 import "./chunk-5CS4T6C6.js";
-import "./chunk-T6AGUTZJ.js";
+import "./chunk-EOVYQ3IG.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
 import {
   setCommandExitCode
-} from "./chunk-PBN6GBJE.js";
+} from "./chunk-JVBRJMOP.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
 import "./chunk-KLIKCX6Q.js";
 import "./chunk-EVMY7IPL.js";
 import "./chunk-7FMUTGOH.js";
-import "./chunk-E24HSMZV.js";
-import {
-  withMeta
-} from "./chunk-VAJIPSN6.js";
-import "./chunk-K4WIOZFP.js";
-import "./chunk-XUXGIA7H.js";
-import "./chunk-WERLJGIC.js";
-import "./chunk-ISN5GRYI.js";
-import "./chunk-XEWHUPFS.js";
-import "./chunk-3DKN5WKL.js";
-import "./chunk-EOVYQ3IG.js";
-import "./chunk-6BEFEWFB.js";
-import "./chunk-3PULCIY5.js";
-import "./chunk-XT6MXC7A.js";
 import {
   EXTRACT_CACHE_MIN_AGE_MS,
   directorySizeBytes,
   gcExtractionCache,
   resolveExtractCacheDir
-} from "./chunk-YPBIAONI.js";
-import "./chunk-4IEH6EAC.js";
-import "./chunk-W2LGJSEN.js";
-import "./chunk-LBQFLUIY.js";
-import "./chunk-BAZ5LCR3.js";
+} from "./chunk-73LTCCZI.js";
+import "./chunk-VFBAKPRC.js";
+import "./chunk-RQVDTPGD.js";
+import "./chunk-WT4PYV2J.js";
+import "./chunk-GMNHAOMJ.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-UJKQWGFF.js";
 import "./chunk-YMS5FOMC.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-DPVXBVLL.js";
+import "./chunk-3GXQPCJC.js";
 import "./chunk-634HSJ3J.js";
 import "./chunk-FXMKHHPO.js";
-import "./chunk-RQVDTPGD.js";
-import "./chunk-D3ZWBHZP.js";
-import "./chunk-537IYAEE.js";
-import "./chunk-GK2FIKIQ.js";
-import "./chunk-6BNTGNGD.js";
+import "./chunk-CYBXXSC4.js";
+import "./chunk-DYAPHNV6.js";
+import "./chunk-T6AGUTZJ.js";
+import "./chunk-XT6MXC7A.js";
+import "./chunk-4UMPIPCQ.js";
+import "./chunk-ADDHW2FS.js";
 import "./chunk-VAS6HQX3.js";
+import "./chunk-6BNTGNGD.js";
 import "./chunk-OYLO6TYK.js";
-import "./chunk-32GKETR7.js";
+import "./chunk-MMQ52NIZ.js";
 import "./chunk-BSQ7XANM.js";
 import "./chunk-SDYDNHEE.js";
-import "./chunk-TYXH3EKP.js";
 import "./chunk-IXLUTE6N.js";
+import "./chunk-TYXH3EKP.js";
+import "./chunk-W2LGJSEN.js";
+import {
+  withMeta
+} from "./chunk-ANR6WOC3.js";
+import "./chunk-K4WIOZFP.js";
+import "./chunk-XUXGIA7H.js";
+import "./chunk-WERLJGIC.js";
+import "./chunk-ISN5GRYI.js";
+import "./chunk-RZXUQR42.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-KGPLIH7B.js";
-import "./chunk-3GXQPCJC.js";
 import "./chunk-M2WBOQ2Q.js";
 
 // src/commands/clean.ts

package/dist/cli.js

@@ -10,15 +10,15 @@ import {
 } from "./chunk-NXMYHJAL.js";
 import {
   resolveExtraPositionals
-} from "./chunk-GZVP4TWN.js";
+} from "./chunk-7JAD4MEW.js";
 import "./chunk-K4WKGXRC.js";
+import {
+  isRenderSucceeded
+} from "./chunk-66LREXGS.js";
 import {
   assertKnownFlags,
   guardSwallowedFlagValues
-} from "./chunk-UPFUC4DB.js";
-import {
-  isRenderSucceeded
-} from "./chunk-L3YOGIPG.js";
+} from "./chunk-HTIUNMTP.js";
 import {
   defineCommand,
   parseArgs,
@@ -32,16 +32,17 @@ import {
   CliRuntimeError,
   CliUsageError,
   consumeCommandResult,
+  outputWritten,
   registerRootExitCodeSanitizer,
   registerRootExitRequester
-} from "./chunk-PBN6GBJE.js";
+} from "./chunk-JVBRJMOP.js";
 import "./chunk-ZTZA4UWZ.js";
 import {
   isDevMode
 } from "./chunk-ISN5GRYI.js";
 import {
   VERSION
-} from "./chunk-XEWHUPFS.js";
+} from "./chunk-RZXUQR42.js";
 import "./chunk-M2WBOQ2Q.js";
 
 // src/cli.ts
@@ -91,7 +92,7 @@ function guardLeafFlags(cmd, path, ctx, rawArgs) {
 }
 async function reportCommandFailure(command2, err) {
   try {
-    const { trackCommandFailure } = await import("./events-AIZODZMP.js");
+    const { trackCommandFailure } = await import("./events-BLJGWMNP.js");
     trackCommandFailure(command2, err);
   } catch {
   }
@@ -171,55 +172,55 @@ async function assertStudioWorkspaceBuilt() {
   });
 }
 var commandLoaders = {
-  init: () => import("./init-D7GYHSX5.js").then((m) => m.default),
-  add: () => import("./add-AWQ2EGBU.js").then((m) => m.default),
-  catalog: () => import("./catalog-CRPOPVD5.js").then((m) => m.default),
-  "media-use": () => import("./media-use-4XXGABIL.js").then((m) => m.default),
-  play: () => import("./play-MYI7BYKS.js").then((m) => m.default),
-  present: () => import("./present-WYXQDV4Q.js").then((m) => m.default),
-  preview: () => assertStudioWorkspaceBuilt().then(() => import("./preview-535HTWQO.js").then((m) => m.default)),
-  publish: () => import("./publish-53EBL7OO.js").then((m) => m.default),
-  open: () => import("./open-I254NY5J.js").then((m) => m.default),
-  "catch-up": () => import("./catch-up-MHWGUQ42.js").then((m) => m.default),
-  render: () => import("./render-3MELF6Y3.js").then((m) => m.default),
-  lint: () => import("./lint-FHLER36Y.js").then((m) => m.default),
-  check: () => import("./check-DJCUOUDI.js").then((m) => m.default),
-  beats: () => import("./beats-P4LENNVT.js").then((m) => m.default),
-  audio: () => import("./audio-Q7I473UN.js").then((m) => m.default),
-  "normalize-audio": () => import("./normalize-audio-7PRYX6QM.js").then((m) => m.default),
-  inspect: () => import("./inspect-CUKWHCGS.js").then((m) => m.default),
-  keyframes: () => import("./keyframes-XCUPHBW3.js").then((m) => m.default),
-  layout: () => import("./layout-JD2IOBMS.js").then((m) => m.default),
-  info: () => import("./info-KMXFLD3Q.js").then((m) => m.default),
-  compositions: () => import("./compositions-EZYJEHQ3.js").then((m) => m.default),
-  timeline: () => import("./timeline-KLD24EN6.js").then((m) => m.default),
-  history: () => import("./history-LDGQ2IZJ.js").then((m) => m.default),
-  benchmark: () => import("./benchmark-AXOAECN3.js").then((m) => m.default),
-  browser: () => import("./browser-XZKB5HGJ.js").then((m) => m.default),
-  "remove-background": () => import("./remove-background-OBYHMPD4.js").then((m) => m.default),
-  transcribe: () => import("./transcribe-A6IKK7VS.js").then((m) => m.default),
+  init: () => import("./init-JXPXWV3G.js").then((m) => m.default),
+  add: () => import("./add-HW3ZGR36.js").then((m) => m.default),
+  catalog: () => import("./catalog-AKTXS7OJ.js").then((m) => m.default),
+  "media-use": () => import("./media-use-JBN57JE3.js").then((m) => m.default),
+  play: () => import("./play-2VG77FT6.js").then((m) => m.default),
+  present: () => import("./present-OONXQLJG.js").then((m) => m.default),
+  preview: () => assertStudioWorkspaceBuilt().then(() => import("./preview-6RZJFU76.js").then((m) => m.default)),
+  publish: () => import("./publish-KZBTBWFO.js").then((m) => m.default),
+  open: () => import("./open-OFT2GIDG.js").then((m) => m.default),
+  "catch-up": () => import("./catch-up-O3VZMPVE.js").then((m) => m.default),
+  render: () => import("./render-FIH37HJA.js").then((m) => m.default),
+  lint: () => import("./lint-5YMAF3L7.js").then((m) => m.default),
+  check: () => import("./check-6E46NIWI.js").then((m) => m.default),
+  beats: () => import("./beats-KGIOEBLW.js").then((m) => m.default),
+  audio: () => import("./audio-F5OIQVJO.js").then((m) => m.default),
+  "normalize-audio": () => import("./normalize-audio-UXR6WQ7Q.js").then((m) => m.default),
+  inspect: () => import("./inspect-WZNYQ5AB.js").then((m) => m.default),
+  keyframes: () => import("./keyframes-HEOC4CT4.js").then((m) => m.default),
+  layout: () => import("./layout-7WEUNO6T.js").then((m) => m.default),
+  info: () => import("./info-ENI5MP4W.js").then((m) => m.default),
+  compositions: () => import("./compositions-HTSQ6SUJ.js").then((m) => m.default),
+  timeline: () => import("./timeline-GSH743JE.js").then((m) => m.default),
+  history: () => import("./history-5TOOCF2Y.js").then((m) => m.default),
+  benchmark: () => import("./benchmark-ZNY2L7HN.js").then((m) => m.default),
+  browser: () => import("./browser-REAO7RU4.js").then((m) => m.default),
+  "remove-background": () => import("./remove-background-BIQNMIR7.js").then((m) => m.default),
+  transcribe: () => import("./transcribe-4SHNDPWW.js").then((m) => m.default),
   usage: () => import("./usage-HG4WMM7A.js").then((m) => m.default),
-  models: () => import("./models-NZAOSI5A.js").then((m) => m.default),
-  tts: () => import("./tts-EDK3QS7M.js").then((m) => m.default),
-  docs: () => import("./docs-MPOM3PHH.js").then((m) => m.default),
-  doctor: () => import("./doctor-XSKSZRR7.js").then((m) => m.default),
-  clean: () => import("./clean-GJNDVVDI.js").then((m) => m.default),
-  upgrade: () => import("./upgrade-7EV4F2R7.js").then((m) => m.default),
-  skills: () => import("./skills-DXTQPCAO.js").then((m) => m.default),
-  feedback: () => import("./feedback-GE3VDZOH.js").then((m) => m.default),
-  telemetry: () => import("./telemetry-CQYHCCPL.js").then((m) => m.default),
-  events: () => import("./events-RGS4MAH4.js").then((m) => m.default),
-  validate: () => import("./validate-LZF46W3V.js").then((m) => m.default),
-  snapshot: () => import("./snapshot-PWFHQU5E.js").then((m) => m.default),
-  "media-treatment": () => import("./media-treatment-MDAQRITV.js").then((m) => m.mediaTreatmentCommand),
-  "grade-compare": () => import("./grade-compare-FAYVPXUR.js").then((m) => m.default),
-  compare: () => import("./compare-XWM7FAYM.js").then((m) => m.default),
-  capture: () => import("./capture-NWARHRHR.js").then((m) => m.default),
-  lambda: () => import("./lambda-IMORFJHN.js").then((m) => m.default),
-  cloudrun: () => import("./cloudrun-2BKGY53X.js").then((m) => m.default),
-  cloud: () => import("./cloud-JCWNMKXC.js").then((m) => m.default),
-  auth: () => import("./auth-I7CBTEUS.js").then((m) => m.default),
-  figma: () => import("./figma-3R4XST4Y.js").then((m) => m.default)
+  models: () => import("./models-COEK6LXG.js").then((m) => m.default),
+  tts: () => import("./tts-A2WILYGN.js").then((m) => m.default),
+  docs: () => import("./docs-UEWLIP6D.js").then((m) => m.default),
+  doctor: () => import("./doctor-UGFVQZHI.js").then((m) => m.default),
+  clean: () => import("./clean-WNEIVBF3.js").then((m) => m.default),
+  upgrade: () => import("./upgrade-7YYYNAPF.js").then((m) => m.default),
+  skills: () => import("./skills-J6MBGS5O.js").then((m) => m.default),
+  feedback: () => import("./feedback-AZ3SJ5HF.js").then((m) => m.default),
+  telemetry: () => import("./telemetry-QG5AANZ4.js").then((m) => m.default),
+  events: () => import("./events-YS4OVX3I.js").then((m) => m.default),
+  validate: () => import("./validate-GCHAEVXM.js").then((m) => m.default),
+  snapshot: () => import("./snapshot-TL7TTFS6.js").then((m) => m.default),
+  "media-treatment": () => import("./media-treatment-FSKHPMWA.js").then((m) => m.mediaTreatmentCommand),
+  "grade-compare": () => import("./grade-compare-LJKK5NSY.js").then((m) => m.default),
+  compare: () => import("./compare-2JWQ5ABA.js").then((m) => m.default),
+  capture: () => import("./capture-IK6GWQDD.js").then((m) => m.default),
+  lambda: () => import("./lambda-2VHQ4AL2.js").then((m) => m.default),
+  cloudrun: () => import("./cloudrun-4NEJRE4T.js").then((m) => m.default),
+  cloud: () => import("./cloud-6GSSDCJL.js").then((m) => m.default),
+  auth: () => import("./auth-YVQLRS3T.js").then((m) => m.default),
+  figma: () => import("./figma-DRYIJQHV.js").then((m) => m.default)
 };
 var subCommands = Object.fromEntries(
   Object.entries(commandLoaders).map(([name, load]) => [name, trackCommandFailures(load)])
@@ -243,7 +244,7 @@ var _printStalePinNotice;
 var _printSkillsUpdateNotice;
 var telemetryReady = Promise.resolve();
 if (!isHelp && command !== "telemetry" && command !== "events" && command !== "usage" && command !== "unknown") {
-  telemetryReady = import("./telemetry-STEMAMAX.js").then((mod) => {
+  telemetryReady = import("./telemetry-LFUVHARP.js").then((mod) => {
     _flushSync = mod.flushSync;
     _trackCliError = mod.trackCliError;
     _trackCommandResult = mod.trackCommandResult;
@@ -253,23 +254,23 @@ if (!isHelp && command !== "telemetry" && command !== "events" && command !== "u
   });
 }
 if (!isHelp && !hasJsonFlag && command !== "upgrade" && command !== "events" && command !== "telemetry" && command !== "skills" && command !== "usage") {
-  import("./autoUpdate-KY5TLSN7.js").then((mod) => mod.reportCompletedUpdate()).catch(() => {
+  import("./autoUpdate-EG4ZFW4D.js").then((mod) => mod.reportCompletedUpdate()).catch(() => {
   });
-  import("./updateCheck-FHCAAAXA.js").then(async (mod) => {
+  import("./updateCheck-W7FTFOQF.js").then(async (mod) => {
     _printUpdateNotice = mod.printUpdateNotice;
     _printStalePinNotice = mod.printStalePinNotice;
     const result = mod.cachedUpdateCheck();
     if (result.updateAvailable) {
-      const auto = await import("./autoUpdate-KY5TLSN7.js").catch(() => null);
+      const auto = await import("./autoUpdate-EG4ZFW4D.js").catch(() => null);
       auto?.scheduleBackgroundInstall(result.latest, result.current);
     }
   }).catch(() => {
   });
-  import("./skillsUpdateCheck-ULXRGLDU.js").then((mod) => {
+  import("./skillsUpdateCheck-ZAXNLBF3.js").then((mod) => {
     _printSkillsUpdateNotice = mod.printSkillsUpdateNotice;
   }).catch(() => {
   });
-  import("./backgroundChecks-4Q3VVK5W.js").then((mod) => mod.launchBackgroundChecks()).catch(() => {
+  import("./backgroundChecks-WINNQVR2.js").then((mod) => mod.launchBackgroundChecks()).catch(() => {
   });
 }
 var _appHistoryNotice = null;
@@ -310,7 +311,10 @@ registerRootExitRequester((exitCode) => {
     exitCode,
     kind: exitCode === 0 ? "success" : "runtime_error",
     presented: true
-  }).finally(() => process.exit(exitCode));
+  }).finally(async () => {
+    await outputWritten();
+    process.exit(exitCode);
+  });
 });
 registerRootExitCodeSanitizer(() => {
   if (process.exitCode !== void 0 && process.exitCode !== 0) {
@@ -387,7 +391,7 @@ process.on("unhandledRejection", (reason) => {
   emitCliErrorEvent("unhandled_rejection", error);
 });
 async function showUsage(cmd, parent) {
-  const { showUsage: impl } = await import("./help-C3UQMYXK.js");
+  const { showUsage: impl } = await import("./help-TQBGYOID.js");
   return impl(cmd, parent);
 }
 async function showRequestedUsage() {

package/dist/{cloud-JCWNMKXC.js → cloud-6GSSDCJL.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-5BXTEEG7.js").then((m) => m.default),
-    list: () => import("./list-MGCFG5MA.js").then((m) => m.default),
-    get: () => import("./get-4FKJP6IM.js").then((m) => m.default),
-    delete: () => import("./delete-JWWMOITI.js").then((m) => m.default)
+    render: () => import("./render-65K3K6SD.js").then((m) => m.default),
+    list: () => import("./list-BIE3X7CO.js").then((m) => m.default),
+    get: () => import("./get-DDEAOFPB.js").then((m) => m.default),
+    delete: () => import("./delete-GHQ5UYM7.js").then((m) => m.default)
   },
   async run({ args }) {
     if (!args._?.[0]) console.log(HELP);

package/dist/{cloudrun-2BKGY53X.js → cloudrun-4NEJRE4T.js}

@@ -15,10 +15,10 @@ import {
   reportVariableIssues,
   resolveVariablesArg,
   validateVariablesAgainstProject
-} from "./chunk-OR5WCFWZ.js";
+} from "./chunk-3Q47QC46.js";
 import {
   defaultCloudFps
-} from "./chunk-S3RYRF3W.js";
+} from "./chunk-F6WHPHLF.js";
 import "./chunk-K2FLNJVB.js";
 import "./chunk-442JNXRM.js";
 import {
@@ -26,15 +26,16 @@ import {
 } from "./chunk-S3S4TGEH.js";
 import {
   failCommand
-} from "./chunk-PBN6GBJE.js";
+} from "./chunk-JVBRJMOP.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
 import {
   DISTRIBUTED_FPS,
   isDistributedFps
-} from "./chunk-LBQFLUIY.js";
-import "./chunk-BAZ5LCR3.js";
+} from "./chunk-VFBAKPRC.js";
+import "./chunk-RQVDTPGD.js";
+import "./chunk-GMNHAOMJ.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-UJKQWGFF.js";
 import "./chunk-YMS5FOMC.js";
@@ -42,12 +43,11 @@ import "./chunk-OFQWTKPW.js";
 import "./chunk-DPVXBVLL.js";
 import "./chunk-634HSJ3J.js";
 import "./chunk-FXMKHHPO.js";
-import "./chunk-RQVDTPGD.js";
-import "./chunk-32GKETR7.js";
+import "./chunk-MMQ52NIZ.js";
 import "./chunk-BSQ7XANM.js";
 import "./chunk-SDYDNHEE.js";
-import "./chunk-TYXH3EKP.js";
 import "./chunk-IXLUTE6N.js";
+import "./chunk-TYXH3EKP.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";

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

@@ -107,20 +107,29 @@
     return `${uniqueSelectorFor(parent)} > ${element.tagName.toLowerCase()}:nth-of-type(${index})`;
   }
 
+  // Color grading paints an <img>/<video> into a canvas the runtime inserts right after it; that canvas answers
+  // to the element the author wrote. ponytail: render-frame siblings sit between them only in render, not check.
+  const GRADED_STAND_IN = "[data-hf-color-grading-canvas]";
+  function authoredElement(element) {
+    return (element.matches(GRADED_STAND_IN) && element.previousElementSibling) || element;
+  }
+
   function hasIgnoreFlag(element) {
-    return !!element.closest("[data-layout-ignore], [data-layout-check='ignore']");
+    return !!authoredElement(element).closest("[data-layout-ignore], [data-layout-check='ignore']");
   }
 
   function hasAllowOverflowFlag(element) {
-    return !!element.closest("[data-layout-allow-overflow]");
+    return !!authoredElement(element).closest("[data-layout-allow-overflow]");
   }
 
   function hasAllowCaptionZoneFlag(element) {
-    return !!element.closest("[data-layout-allow-caption-zone]");
+    return !!authoredElement(element).closest("[data-layout-allow-caption-zone]");
   }
 
   function hasTextClipOptOut(element) {
-    return hasAllowOverflowFlag(element) || element.hasAttribute("data-layout-bleed");
+    return (
+      hasAllowOverflowFlag(element) || authoredElement(element).hasAttribute("data-layout-bleed")
+    );
   }
 
   function opacityChain(element) {
@@ -1935,6 +1944,8 @@
   function canvasEdgeIssues(root, rootRect, time, tolerance) {
     const issues = [];
     for (const canvas of Array.from(root.querySelectorAll("canvas"))) {
+      // A graded stand-in shows the author's media, not drawn art; the media itself is never read here.
+      if (canvas.matches(GRADED_STAND_IN)) continue;
       if (!isVisibleElement(canvas) || hasAllowOverflowFlag(canvas)) continue;
       if (!canvas.width || !canvas.height) continue;
       const rect = toRect(canvas.getBoundingClientRect());

package/dist/commands/motion-signature.browser.js

@@ -1,6 +1,7 @@
 // Shared "what counts as motion" classifier, injected before layout-audit.browser.js and motion-sample.browser.js.
 // The frozen-sweep guard (sweep_static) and keepsMoving liveness (motion_frozen) meet in one decision, so both
 // must count the same channels as motion; only quantization differs (liveness buckets 2px and 0.08 opacity).
+// Where both read still, check asks framesDiffer below, which compares the rendered frames.
 // A channel reader returns a string equal across samples iff it did not visibly change, "" when it does not apply.
 (function () {
   const IGNORE_TAGS = new Set(["SCRIPT", "STYLE", "TEMPLATE", "NOSCRIPT", "META", "LINK"]);
@@ -403,6 +404,57 @@
     return parts.join("|");
   }
 
+  // --- Rendered frames: the last word where DOM channels cannot see paint ------
+  // A frame moved when enough pixels changed by more than render noise (antialiasing, dither) on some channel.
+  // ponytail: fewer than FRAME_MIN_CHANGED_PIXELS changed pixels reads as still; lower it for tinier motion.
+  const FRAME_CHANNEL_NOISE = 24;
+  const FRAME_MIN_CHANGED_PIXELS = 16;
+  let reference = { png: "", pixels: null };
+
+  // Decoded in the page like the contrast pass, so no image library is needed.
+  async function framePixels(png) {
+    const image = new Image();
+    image.src = "data:image/png;base64," + png;
+    await image.decode();
+    const canvas = document.createElement("canvas");
+    canvas.width = image.naturalWidth;
+    canvas.height = image.naturalHeight;
+    const ctx2d = canvas.getContext("2d", { willReadFrequently: true });
+    ctx2d.drawImage(image, 0, 0);
+    return ctx2d.getImageData(0, 0, canvas.width, canvas.height);
+  }
+
+  function pixelChanged(a, b, i) {
+    return (
+      Math.abs(a[i] - b[i]) > FRAME_CHANNEL_NOISE ||
+      Math.abs(a[i + 1] - b[i + 1]) > FRAME_CHANNEL_NOISE ||
+      Math.abs(a[i + 2] - b[i + 2]) > FRAME_CHANNEL_NOISE ||
+      Math.abs(a[i + 3] - b[i + 3]) > FRAME_CHANNEL_NOISE
+    );
+  }
+
+  // Base64 PNG screenshots in, "did anything visible change" out. The first frame is usually a run's
+  // reference compared against many, so its decode is kept.
+  // fallow-ignore-next-line complexity
+  async function framesDiffer(first, second) {
+    if (first === second) return false;
+    if (!first || !second) return true;
+    if (reference.png !== first) reference = { png: first, pixels: await framePixels(first) };
+    return pixelsDiffer(reference.pixels, await framePixels(second));
+  }
+
+  // fallow-ignore-next-line complexity
+  function pixelsDiffer(a, b) {
+    if (a.width !== b.width || a.height !== b.height) return true;
+    let changed = 0;
+    for (let i = 0; i < a.data.length; i += 4) {
+      if (pixelChanged(a.data, b.data, i) && ++changed >= FRAME_MIN_CHANGED_PIXELS) return true;
+    }
+    return false;
+  }
+
+  window.__hyperframesFramesDiffer = framesDiffer;
+
   window.__hyperframesMotionSignature = {
     compositionRoot,
     isVisibleElement,