screenci 0.0.68 → 0.0.70

package/dist/docs/manifest.js

@@ -26,7 +26,7 @@ export const docsManifest = [
         next: 'docs/installation',
     },
     {
-        source: 'installation.mdx',
+        source: 'manual-setup.mdx',
         slug: 'docs/installation',
         section: 'Getting Started',
         order: 3,
@@ -43,7 +43,7 @@ export const docsManifest = [
         order: 4,
         navLabel: 'Video script basics',
         title: 'Video Script Basics',
-        description: 'Author .video.ts files with Playwright-like APIs, ScreenCI narration and camera helpers, and workflow-aware pacing.',
+        description: 'Author .screenci.ts files with Playwright-like APIs, ScreenCI narration and camera helpers, and workflow-aware pacing.',
         prev: 'docs/installation',
         next: 'docs/ci-setup',
     },
@@ -92,32 +92,43 @@ export const docsManifest = [
         next: 'docs/guides/assets-and-overlays',
     },
     {
-        source: 'assets-and-overlays.md',
+        source: 'overlays.md',
         slug: 'docs/guides/assets-and-overlays',
         section: 'Guides',
         order: 4,
-        navLabel: 'Assets and overlays',
-        title: 'Assets and Overlays',
-        description: 'Add intro clips, corner logos, transition assets, and timed overlays to ScreenCI recordings.',
+        navLabel: 'Overlays',
+        title: 'Overlays',
+        description: 'Add intro clips, corner logos, transitions, and timed overlays to ScreenCI recordings from files, HTML, or React.',
         prev: 'docs/guides/camera-and-zooming',
+        next: 'docs/guides/screenshots',
+    },
+    {
+        source: 'screenshots.md',
+        slug: 'docs/guides/screenshots',
+        section: 'Guides',
+        order: 5,
+        navLabel: 'Screenshots',
+        title: 'Screenshots',
+        description: 'Capture branded still screenshots with the screenshot() fixture: crop to a component, set quality and dark mode, and frame the shot on a background with overlays.',
+        prev: 'docs/guides/assets-and-overlays',
         next: 'docs/guides/studio',
     },
     {
         source: 'studio.md',
         slug: 'docs/guides/studio',
         section: 'Guides',
-        order: 5,
+        order: 6,
         navLabel: 'Studio',
         title: 'Studio',
-        description: 'Remix render options, narration text, voices, and assets from the web app, or manage them entirely in Studio with createStudioNarration and createStudioAssets. Business tier.',
-        prev: 'docs/guides/assets-and-overlays',
+        description: 'Remix render options, narration text, voices, and overlays from the web app, or manage them entirely in Studio with createStudioNarration and createStudioOverlays. Business tier.',
+        prev: 'docs/guides/screenshots',
         next: 'docs/guides/public-urls-and-embeds',
     },
     {
         source: 'public-urls-and-embeds.md',
         slug: 'docs/guides/public-urls-and-embeds',
         section: 'Guides',
-        order: 6,
+        order: 7,
         navLabel: 'Public URLs and embeds',
         title: 'Public URLs and Embeds',
         description: 'Enable public delivery for a video, understand stable language-specific URLs, and embed ScreenCI outputs in other sites.',
@@ -128,7 +139,7 @@ export const docsManifest = [
         source: 'update-screenci.mdx',
         slug: 'docs/guides/update-screenci',
         section: 'Guides',
-        order: 7,
+        order: 8,
         navLabel: 'Update ScreenCI',
         title: 'Update ScreenCI',
         description: 'Upgrade the screenci package, refresh Playwright when needed, and verify that existing videos still behave as expected.',

package/dist/docs/manifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"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"}

package/dist/docs/video-sources/cli.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cli.screenci.d.ts.map

package/dist/docs/video-sources/cli.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/cli.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/{cli.video.js → cli.screenci.js}

@@ -33,4 +33,4 @@ video('CLI reference walkthrough', async ({ page }) => {
     await page.waitForTimeout(700);
     await resetZoom();
 });
-//# sourceMappingURL=cli.video.js.map
+//# sourceMappingURL=cli.screenci.js.map

package/dist/docs/video-sources/cli.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/cli.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,gFAAgF;QAClF,MAAM,EACJ,2EAA2E;QAC7E,KAAK,EACH,2FAA2F;QAC7F,IAAI,EAAE,gEAAgE;KACvE;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACpD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAA;QAC1D,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,gCAAgC,EAAE,CAAC,CACtE,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,CAAC;aAClE,sBAAsB,EAAE,CAAA;IAC7B,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,CAAC,CACxE,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;AACnB,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/installation.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=installation.screenci.d.ts.map

package/dist/docs/video-sources/installation.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"installation.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/installation.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/{installation.video.js → installation.screenci.js}

@@ -23,4 +23,4 @@ video('How to find docs', async ({ page }) => {
         await page.getByRole('link', { name: 'View Documentation' }).click();
     });
 });
-//# sourceMappingURL=installation.video.js.map
+//# sourceMappingURL=installation.screenci.js.map

package/dist/docs/video-sources/installation.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"installation.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/installation.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,4CAA4C;IAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,wCAAwC;IACxC,EAAE,EAAE;QACF,IAAI,EAAE,kEAAkE;KACzE;IACD,EAAE,EAAE;QACF,IAAI,EAAE,mFAAmF;KAC1F;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3C,kEAAkE;IAClE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;QACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,kDAAkD;IAClD,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IAEtB,qEAAqE;IACrE,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;IACtE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/landing.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=landing.screenci.d.ts.map

package/dist/docs/video-sources/landing.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/landing.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/{landing.video.js → landing.screenci.js}

@@ -31,4 +31,4 @@ video('Landing light', async ({ page }) => {
         await page.getByRole('link', { name: 'View Documentation' }).click();
     });
 });
-//# sourceMappingURL=landing.video.js.map
+//# sourceMappingURL=landing.screenci.js.map

package/dist/docs/video-sources/landing.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/landing.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE;IAC/D,EAAE,EAAE;QACF,IAAI,EAAE,kEAAkE;KACzE;IACD,EAAE,EAAE;QACF,IAAI,EAAE,mFAAmF;KAC1F;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;QACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;QAE1C,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvB,QAAQ,CAAC,MAAM,GAAG,+BAA+B,CAAA;YACjD,YAAY,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAA;YAChD,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACjD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;QAC9D,CAAC,CAAC,CAAA;QAEF,MAAM,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3D,IAAI,CAAC,CAAC,OAAO,YAAY,gBAAgB,CAAC,EAAE,CAAC;gBAC3C,OAAM;YACR,CAAC;YAED,OAAO,CAAC,KAAK,EAAE,CAAA;YACf,OAAO,CAAC,WAAW,GAAG,CAAC,CAAA;QACzB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IAEtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;IACtE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/locator-highlight-animated.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=locator-highlight-animated.screenci.d.ts.map

package/dist/docs/video-sources/locator-highlight-animated.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator-highlight-animated.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-animated.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/locator-highlight-animated.screenci.js

@@ -0,0 +1,53 @@
+import { createOverlays, video } from 'screenci';
+// Source of record for the animated "highlight a locator" overlay in the
+// Overlays guide. It rings the same element as the Screenshots still
+// (locator-highlight-still.screenci.ts), but the ring pulses while the page is
+// driven underneath, then closes before the recording stops.
+const overlays = createOverlays({
+    // Sized to the element's box (plus the margin); the ring fills it and pulses
+    // via a CSS animation. capturePadding gives the scale-up room so it is not
+    // clipped at the box edge.
+    ring: (target) => ({
+        html: '<div class="screenci-ring"></div>',
+        css: `
+      .screenci-ring {
+        width: 100%;
+        height: 100%;
+        border: 4px solid #ec4899;
+        border-radius: 14px;
+        box-shadow: 0 0 0 6px rgba(236, 72, 153, 0.25);
+        animation: screenci-ring-pulse 1.2s ease-in-out infinite;
+      }
+      @keyframes screenci-ring-pulse {
+        0%,
+        100% {
+          opacity: 1;
+          transform: scale(1);
+        }
+        50% {
+          opacity: 0.45;
+          transform: scale(1.04);
+        }
+      }
+    `,
+        over: target,
+        margin: 12,
+        animate: true,
+        durationMs: 2400,
+        capturePadding: 24,
+    }),
+});
+video('Locator highlight (animated)', async ({ page }) => {
+    await page.goto('https://screenci.com/');
+    await page.waitForLoadState('networkidle');
+    const cta = page.getByRole('link', { name: 'View Documentation' });
+    await cta.scrollIntoViewIfNeeded();
+    // The ring pulses while the page stays live underneath. Every start() must be
+    // ended before the video function returns. Capture the controller so the
+    // locator appears once.
+    const ring = overlays.ring(cta);
+    await ring.start();
+    await cta.hover();
+    await ring.end();
+});
+//# sourceMappingURL=locator-highlight-animated.screenci.js.map

package/dist/docs/video-sources/locator-highlight-animated.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator-highlight-animated.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-animated.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhD,yEAAyE;AACzE,qEAAqE;AACrE,+EAA+E;AAC/E,6DAA6D;AAC7D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,6EAA6E;IAC7E,2EAA2E;IAC3E,2BAA2B;IAC3B,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,mCAAmC;QACzC,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;KAoBJ;QACD,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,EAAE;KACnB,CAAC;CACH,CAAC,CAAA;AAEF,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACvD,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAE1C,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClE,MAAM,GAAG,CAAC,sBAAsB,EAAE,CAAA;IAElC,8EAA8E;IAC9E,yEAAyE;IACzE,wBAAwB;IACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC/B,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;IAClB,MAAM,GAAG,CAAC,KAAK,EAAE,CAAA;IACjB,MAAM,IAAI,CAAC,GAAG,EAAE,CAAA;AAClB,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/locator-highlight-still.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=locator-highlight-still.screenci.d.ts.map

package/dist/docs/video-sources/locator-highlight-still.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator-highlight-still.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-still.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/locator-highlight-still.screenci.js

@@ -0,0 +1,24 @@
+import { createOverlays, screenshot } from 'screenci';
+// Source of record for the "highlight a locator" still in the Screenshots
+// guide. It rings a single element on the marketing site with a margin around
+// it, then captures a branded still. The Overlays guide animates the same
+// example (locator-highlight-animated.screenci.ts).
+const overlays = createOverlays({
+    // The overlay is sized to the element's box (plus the margin) and the ring
+    // fills it, so it lands exactly around the locator with breathing room.
+    ring: (target) => ({
+        html: '<div style="width:100%;height:100%;border:4px solid #ec4899;border-radius:14px;box-shadow:0 0 0 6px rgba(236,72,153,0.25)"></div>',
+        over: target,
+        margin: 12,
+    }),
+});
+screenshot('Locator highlight', async ({ page }) => {
+    await page.goto('https://screenci.com/');
+    await page.waitForLoadState('networkidle');
+    const cta = page.getByRole('link', { name: 'View Documentation' });
+    await cta.scrollIntoViewIfNeeded();
+    // In a still, start the overlay and leave it open: it stays in the image,
+    // with no matching end() needed.
+    await overlays.ring(cta).start();
+});
+//# sourceMappingURL=locator-highlight-still.screenci.js.map

package/dist/docs/video-sources/locator-highlight-still.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator-highlight-still.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-still.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErD,0EAA0E;AAC1E,8EAA8E;AAC9E,0EAA0E;AAC1E,oDAAoD;AACpD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,2EAA2E;IAC3E,wEAAwE;IACxE,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,mIAAmI;QACzI,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,EAAE;KACX,CAAC;CACH,CAAC,CAAA;AAEF,UAAU,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAE1C,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClE,MAAM,GAAG,CAAC,sBAAsB,EAAE,CAAA;IAElC,0EAA0E;IAC1E,iCAAiC;IACjC,MAAM,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAA;AAClC,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/product-pitch.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=product-pitch.screenci.d.ts.map

package/dist/docs/video-sources/product-pitch.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-pitch.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/product-pitch.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/product-pitch.screenci.js

@@ -0,0 +1,136 @@
+import { expect } from '@playwright/test';
+import { existsSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { autoZoom, createNarration, createOverlays, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
+// Before recording:
+//   1. Put the condensed, cursor-safe agent capture at assets/agent.mp4.
+//   2. Set SCREENCI_APP_STORAGE_STATE to a logged-in Playwright storage state.
+//   3. Override these defaults when the agent created a different remote video:
+//        SCREENCI_PITCH_PROJECT_NAME
+//        SCREENCI_PITCH_VIDEO_NAME
+//
+// This video deliberately starts a real one-off Studio render. Testing or
+// recording it therefore consumes one render. Keep agent.mp4 short enough that
+// the complete pitch remains below two minutes (roughly 20-25 seconds).
+const projectName = process.env.SCREENCI_PITCH_PROJECT_NAME ?? 'demo-saas';
+const videoName = process.env.SCREENCI_PITCH_VIDEO_NAME ?? 'Vertical invoice';
+const agentRecording = fileURLToPath(new URL('../assets/agent.mp4', import.meta.url));
+const overlays = createOverlays({
+    agentSession: {
+        path: '../assets/agent.mp4',
+        fullScreen: true,
+        // The launch narration explains this condensed recording, so mute any
+        // incidental screen-recorder audio in the source clip.
+        audio: 0,
+    },
+});
+const narration = createNarration({
+    voice: {
+        name: voices.Sophie,
+        style: 'Calm, direct developer presenting a real product workflow',
+    },
+    en: {
+        intro: 'This video shows how a coding agent and ScreenCI [pronounce: screen see eye] turn a product flow into a finished product video.',
+        agent: 'I asked the agent to create a narrated walkthrough for this sample SaaS application. This is the actual session, condensed.',
+        source: 'It reads the application, then writes and tests a Playwright-style video file in the repository.',
+        oneOff: 'The flow is already recorded, so I can render a one-off version without recording the application again.',
+        rendering: 'This is the real render job, combining the recording, narration, camera motion, and overlays.',
+        privacy: 'The application, source, session, and credentials stayed local. Only the recording and timing data were uploaded.',
+        delivery: 'The finished video is ready to review, download, or publish through a stable public URL.',
+        maintenance: 'Run the source locally or in CI. If the product flow changes, it fails visibly instead of leaving a stale walkthrough online.',
+        more: 'One recording can produce language versions with synchronized narration and subtitles, cloned voices, and React or HTML overlays.',
+        outro: 'That is ScreenCI [pronounce: screen see eye]: from a coding-agent prompt to a product video you can rerun whenever the product changes.',
+    },
+});
+video('ScreenCI product pitch', async ({ page }) => {
+    video.skip(!process.env.SCREENCI_APP_STORAGE_STATE, 'Requires SCREENCI_APP_STORAGE_STATE with a logged-in ScreenCI app session.');
+    video.skip(!existsSync(agentRecording), 'Add the condensed agent capture at screenci/assets/agent.mp4.');
+    // Start in Studio for the video produced during the captured agent session.
+    // Authentication and dashboard navigation are setup, so they are not shown.
+    await hide(async () => {
+        await page.goto('https://app.screenci.com/');
+        await page.waitForLoadState('networkidle');
+        const projects = page.getByTestId('projects-list');
+        await expect(projects).toBeVisible({ timeout: 30_000 });
+        await projects.getByRole('link', { name: projectName, exact: true }).click();
+        await page.getByRole('link', { name: videoName, exact: true }).click();
+        await expect(page.getByRole('heading', { name: /languages/i })).toBeVisible({ timeout: 30_000 });
+        await page.getByRole('link', { name: /open in studio/i }).click();
+        await expect(page.getByRole('heading', { name: /^studio$/i })).toBeVisible({
+            timeout: 30_000,
+        });
+    });
+    await narration.intro();
+    // agent.mp4 uses its natural duration. Keep it condensed to 20-25 seconds.
+    await narration.agent.start();
+    await overlays.agentSession();
+    await narration.agent.end();
+    await narration.source();
+    // This is an intentional real side effect: every run starts one new Studio
+    // render for the selected language.
+    await narration.oneOff.start();
+    await autoZoom(async () => {
+        await page.getByRole('button', { name: 'Create one-off version' }).click();
+        const dialog = page.getByRole('alertdialog');
+        await expect(dialog.getByRole('heading', { name: 'Create a one-off version' })).toBeVisible();
+        await dialog.getByRole('button', { name: 'Continue' }).click();
+        const renderButton = page.getByRole('button', {
+            name: /^Render one-off [A-Z-]+$/,
+        });
+        await expect(renderButton).toBeEnabled();
+        await renderButton.click();
+    });
+    await expect(page.getByText(/One-off render started for [A-Z-]+\./)).toBeVisible({ timeout: 30_000 });
+    await narration.oneOff.end();
+    await narration.rendering.start();
+    await page.getByRole('link', { name: /view render/i }).click();
+    await expect(page.getByRole('heading', { name: /^Studio render/ })).toBeVisible({ timeout: 30_000 });
+    await narration.rendering.end();
+    // Show the genuine progress UI, but cut the unpredictable cloud wait from
+    // the final timeline. A fast render may already be complete at this point.
+    await page.waitForTimeout(1_500);
+    await hide(async () => {
+        await expect(page.getByText('Rendering complete', { exact: true })).toBeVisible({ timeout: 10 * 60_000 });
+    });
+    await narration.privacy();
+    // Open the finished one-off version from the render-run page.
+    const finishedVersion = page
+        .getByRole('link')
+        .filter({ hasText: /View\s*→/ })
+        .first();
+    await expect(finishedVersion).toBeVisible();
+    await finishedVersion.click();
+    await expect(page.getByRole('heading', { name: /^v\d+$/ })).toBeVisible({
+        timeout: 30_000,
+    });
+    await expect(page.getByTestId('video-loading-overlay')).toBeHidden({
+        timeout: 30_000,
+    });
+    // Let the generated product video demonstrate itself without narration over
+    // it. Twelve seconds is enough to establish the output while keeping the
+    // complete pitch below two minutes.
+    const playButton = page.getByRole('button', { name: /^play$/i });
+    await expect(playButton).toBeVisible();
+    await playButton.click();
+    await page.waitForTimeout(12_000);
+    const pauseButton = page.getByRole('button', { name: /^pause$/i });
+    if (await pauseButton.isVisible()) {
+        await pauseButton.click();
+    }
+    await narration.delivery();
+    await zoomTo(page.getByRole('button', { name: 'Download Video' }));
+    await page.waitForTimeout(700);
+    await resetZoom();
+    await narration.maintenance();
+    // Return to the video overview so the language and delivery surfaces support
+    // the final feature summary visually.
+    await page.getByRole('link', { name: videoName, exact: true }).click();
+    await expect(page.getByRole('heading', { name: /languages/i })).toBeVisible({
+        timeout: 30_000,
+    });
+    await zoomTo(page.getByRole('heading', { name: /languages/i }));
+    await narration.more();
+    await resetZoom();
+    await narration.outro();
+});
+//# sourceMappingURL=product-pitch.screenci.js.map

package/dist/docs/video-sources/product-pitch.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-pitch.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/product-pitch.screenci.ts"],"names":[],"mappings":"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"}

package/dist/docs/video-sources/public-urls.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=public-urls.screenci.d.ts.map

package/dist/docs/video-sources/public-urls.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-urls.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/public-urls.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/public-urls.screenci.js

@@ -0,0 +1,34 @@
+import { autoZoom, createNarration, hide, resetZoom, video, voices, } from 'screenci';
+// Source of record for the "Public URLs and embeds" docs video. It walks the
+// public-delivery explainer page: the stable base URL, the per-language
+// outputs, and a live embed that switches languages. Recorded against the
+// deployed demo so it runs without app authentication.
+const narration = createNarration({
+    voice: { name: voices.Sophie, style: 'Calm product guide' },
+    en: {
+        intro: 'Turn on public delivery and your video gets a stable URL on the CDN.',
+        langs: 'Each language has its own video, thumbnail, and subtitle URL.',
+        embed: 'Drop it into any site. It always resolves to the latest approved render.',
+    },
+});
+video('Public URLs and embeds', async ({ page }) => {
+    await hide(async () => {
+        await page.goto('https://demo.screenci.com/pitch/embed.html');
+        await page.waitForLoadState('networkidle');
+    });
+    await narration.intro();
+    await narration.langs.start();
+    await autoZoom(async () => {
+        await page.locator('.urls').scrollIntoViewIfNeeded();
+    });
+    await narration.langs.end();
+    await resetZoom();
+    await narration.embed.start();
+    await autoZoom(async () => {
+        await page.getByRole('button', { name: 'ES' }).click();
+        await page.getByRole('button', { name: 'EN' }).click();
+    });
+    await narration.embed.end();
+    await resetZoom();
+});
+//# sourceMappingURL=public-urls.screenci.js.map

package/dist/docs/video-sources/public-urls.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-urls.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/public-urls.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,6EAA6E;AAC7E,wEAAwE;AACxE,0EAA0E;AAC1E,uDAAuD;AACvD,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC3D,EAAE,EAAE;QACF,KAAK,EACH,sEAAsE;QACxE,KAAK,EAAE,+DAA+D;QACtE,KAAK,EACH,0EAA0E;KAC7E;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAA;QAC7D,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IAC7B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,sBAAsB,EAAE,CAAA;IACtD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;IAC3B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IAC7B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;QACtD,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;IAC3B,MAAM,SAAS,EAAE,CAAA;AACnB,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/studio.screenci.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=studio.screenci.d.ts.map

package/dist/docs/video-sources/studio.screenci.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/studio.screenci.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/studio.screenci.js

@@ -0,0 +1,57 @@
+import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
+// Studio walkthrough recorded against the ScreenCI app (app.screenci.com), for
+// the "Remix in Studio on the web" tile on the landing page. Studio lives behind
+// auth, so recording this needs a logged-in session: set SCREENCI_APP_STORAGE_STATE
+// to a Playwright storageState JSON (see screenci.config.ts). The walkthrough is
+// self-contained: it opens the first project and video, then enters Studio.
+const narration = createNarration({
+    voice: { name: voices.Sophie, style: 'Friendly product guide' },
+    en: {
+        intro: 'Open any finished video in Studio to edit it right in the browser.',
+        edit: 'Change narration, add a language, or restyle render options, then render a new version. No code, no re-recording.',
+    },
+    es: {
+        intro: 'Abre cualquier video terminado en Studio para editarlo directamente en el navegador.',
+        edit: 'Cambia la narracion, agrega un idioma o ajusta las opciones de render, y genera una nueva version. Sin codigo y sin volver a grabar.',
+    },
+});
+video('Studio web editing', async ({ page }) => {
+    // Studio lives behind auth, so this recording only works with a logged-in
+    // session (SCREENCI_APP_STORAGE_STATE, see screenci.config.ts). When it is not
+    // configured (e.g. CI without the session secret), skip instead of timing out
+    // on the login page.
+    video.skip(!process.env.SCREENCI_APP_STORAGE_STATE, 'Requires SCREENCI_APP_STORAGE_STATE (a logged-in app session).');
+    // Navigate from the dashboard into Studio without showing it in the recording.
+    await hide(async () => {
+        await page.goto('https://app.screenci.com/');
+        await page.waitForLoadState('networkidle');
+        await page
+            .getByRole('heading', { name: 'Projects' })
+            .waitFor({ timeout: 30000 });
+        await page.getByTestId('projects-list').getByRole('link').first().click();
+        // Open the first video in the project, then enter Studio.
+        await page.getByRole('link', { name: /video/i }).first().click();
+        await page
+            .getByRole('heading', { name: /languages/i })
+            .waitFor({ timeout: 15000 });
+        await page.getByRole('link', { name: /open in studio/i }).click();
+        await page
+            .getByRole('heading', { name: /^studio$/i })
+            .waitFor({ timeout: 30000 });
+    });
+    await narration.intro();
+    // Show adding a language: a visible edit that does not trigger a render.
+    await narration.edit.start();
+    await autoZoom(async () => {
+        const addLanguage = page.getByPlaceholder(/add language/i);
+        await addLanguage.scrollIntoViewIfNeeded();
+        await addLanguage.click();
+        await addLanguage.fill('French');
+    });
+    await narration.edit.end();
+    // Highlight the Render action without clicking it (avoid kicking off a render).
+    await zoomTo(page.getByRole('button', { name: /^render( [a-z-]+)?$/i }));
+    await page.waitForTimeout(900);
+    await resetZoom();
+});
+//# sourceMappingURL=studio.screenci.js.map

package/dist/docs/video-sources/studio.screenci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/studio.screenci.ts"],"names":[],"mappings":"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"}

package/dist/docs/videos.d.ts

@@ -1,31 +1,52 @@
-export type PublishedDocVideo = {
-    publicId: string;
+/**
+ * A doc media embed is either a recorded `video` (the default) or a still
+ * `screenshot`. Both are produced by the same `.screenci.ts` source recorded in
+ * CI and published to the public delivery CDN; only the embed differs (a player
+ * vs an `<img>`).
+ */
+export type DocMediaKind = 'video' | 'screenshot';
+type DocMediaCommon = {
     sourcePath: string;
     showSource?: boolean;
+    /** Defaults to `'video'`. */
+    kind?: DocMediaKind;
+    /** Alt text for `kind: 'screenshot'` embeds. */
+    alt?: string;
 };
-export type UnpublishedDocVideo = {
-    sourcePath: string;
-    showSource?: boolean;
+export type PublishedDocVideo = DocMediaCommon & {
+    publicId: string;
 };
+export type UnpublishedDocVideo = DocMediaCommon;
 export type DocVideo = PublishedDocVideo | UnpublishedDocVideo;
 export declare const docsVideoRegistry: {
     readonly 'docs/installation': {
         readonly publicId: "kh7ccy03njvxjm0daef5g50zv587hrbd";
-        readonly sourcePath: "screenci/docs/video-sources/installation.video.ts";
+        readonly sourcePath: "screenci/docs/video-sources/installation.screenci.ts";
         readonly showSource: false;
     };
     readonly 'docs/reference/cli': {
         readonly publicId: "kh778mvzqw1t504wts9wqyaa2187dfc0";
-        readonly sourcePath: "screenci/docs/video-sources/cli.video.ts";
+        readonly sourcePath: "screenci/docs/video-sources/cli.screenci.ts";
+    };
+    readonly 'docs/guides/public-urls-and-embeds': {
+        readonly publicId: "kh7aj5s49s6wgfb86jgd0zht59890f17";
+        readonly sourcePath: "screenci/docs/video-sources/public-urls.screenci.ts";
+        readonly showSource: false;
+    };
+    readonly 'docs/guides/studio': {
+        readonly sourcePath: "screenci/docs/video-sources/studio.screenci.ts";
+        readonly showSource: false;
+    };
+    readonly 'docs/guides/assets-and-overlays': {
+        readonly sourcePath: "screenci/docs/video-sources/locator-highlight-animated.screenci.ts";
+    };
+    readonly 'docs/guides/screenshots': {
+        readonly kind: "screenshot";
+        readonly alt: "A marketing-site link highlighted by a pink ring with margin around it, framed as a branded still";
+        readonly sourcePath: "screenci/docs/video-sources/locator-highlight-still.screenci.ts";
     };
 };
-export declare function getDocVideo(slug: string): {
-    readonly publicId: "kh7ccy03njvxjm0daef5g50zv587hrbd";
-    readonly sourcePath: "screenci/docs/video-sources/installation.video.ts";
-    readonly showSource: false;
-} | {
-    readonly publicId: "kh778mvzqw1t504wts9wqyaa2187dfc0";
-    readonly sourcePath: "screenci/docs/video-sources/cli.video.ts";
-};
+export declare function getDocVideo(slug: string): DocVideo | null;
 export declare function hasPublicId(video: DocVideo): video is PublishedDocVideo;
+export {};
 //# sourceMappingURL=videos.d.ts.map