@@ -0,0 +1,70 @@
+name: snap-mac
+on: push
+jobs:
+  r:
+    runs-on: macos-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        gpu: ["auto", "software"]
+    steps:
+      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
+        with: { node-version: 22 }
+      - run: brew install ffmpeg && pip3 install --break-system-packages pillow
+      - name: project
+        run: |
+          mkdir p && cd p
+          cat > index.html <<'H'
+          <!doctype html>
+          <html><head><meta charset="UTF-8" />
+          <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+          <style>body{margin:0;width:640px;height:360px;overflow:hidden;background:#000}.scene{position:absolute;inset:0;opacity:0;visibility:hidden}</style></head>
+          <body>
+          <div id="root" data-composition-id="main" data-start="0" data-duration="30" data-width="640" data-height="360">
+            <div id="s0" class="scene" style="background:#0000ff"></div>
+            <div id="s1" class="scene" style="background:#ff0000"></div>
+            <div id="s2" class="scene" data-composition-id="g" data-composition-src="g.html" data-start="11.5" data-duration="0.3" data-track-index="1"></div>
+            <div id="s3" class="scene" style="background:#ffff00"></div>
+            <div id="s4" class="scene" data-composition-id="p" data-composition-src="p.html" data-start="12.05" data-duration="17.95" data-track-index="2"></div>
+          </div>
+          <script>
+            window.__timelines = window.__timelines || {};
+            var tl = gsap.timeline({ paused: true });
+            tl.set("#s0", { autoAlpha: 1 }, 0).set("#s0", { autoAlpha: 0 }, 11.3);
+            tl.set("#s1", { autoAlpha: 1 }, 11.3).set("#s1", { autoAlpha: 0 }, 11.5);
+            tl.set("#s3", { autoAlpha: 1 }, 11.8).set("#s3", { autoAlpha: 0 }, 12.05);
+            tl.set("#s2", { autoAlpha: 1 }, 11.5).set("#s2", { autoAlpha: 0 }, 11.8);
+            tl.set("#s4", { autoAlpha: 1 }, 12.05);
+            tl.to({}, { duration: 30 }, 0);
+            window.__timelines["main"] = tl;
+          </script>
+          </body></html>
+          H
+          mk() { cat > $1.html <<H
+          <template id="$1-template"><div id="$1" data-composition-id="$1" data-width="640" data-height="360"><div class="box" style="position:absolute;inset:0;background:#$2"></div><script>window.__timelines = window.__timelines || {}; var t = gsap.timeline({ paused: true }); t.fromTo("#$1 .box", { opacity: 0.99 }, { opacity: 1, duration: 1 }); window.__timelines["$1"] = t;</script></div></template>
+          H
+          }
+          mk g 00ff00
+          mk p ff00ff
+          cat > ../check.py <<'PY'
+          import glob
+          from PIL import Image
+          names = {"0000ff":"BLUE(opening)","ff0000":"red","00ff00":"green","ffff00":"yellow","ff00ff":"purple"}
+          exp = ["BLUE(opening)","red","green","yellow","purple"]
+          files = sorted(glob.glob(".hyperframes/artifacts/snapshots/*/frame-*.png"))[:5]
+          got = []
+          for f in files:
+              im = Image.open(f).convert("RGB"); r,g,b = im.getpixel((im.width//2, im.height//2))
+              near = min(names, key=lambda k: sum(abs(a-int(k[i*2:i*2+2],16)) for i,a in enumerate((r,g,b))))
+              got.append(names[near])
+          print("RESULT", " ".join(got), "OK" if got == exp else "WRONG-FRAME")
+          PY
+      - name: runs
+        working-directory: p
+        run: |
+          flag=""; [ "${{ matrix.gpu }}" = software ] && flag="--no-browser-gpu"
+          run() { for i in 1 2 3 4 5 6; do rm -rf .hyperframes; npx -y hyperframes@0.8.207 snapshot $flag --at 11.25,11.37,11.60,11.94,12.15 > snap.log 2>&1; echo "$1 run $i exit $?"; python3 ../check.py; done; }
+          run idle
+          for n in 1 2 3 4 5 6; do (ffmpeg -hide_banner -loglevel error -f lavfi -i testsrc2=size=1920x1080:rate=30 -t 400 -c:v libx264 -preset slow -f null - &) ; done
+          sleep 3
+          run loaded