@arbidocs/blocks 0.4.106 → 0.4.107

package/dist/record/index.js

@@ -1,4 +1,135 @@
+import { mkdirSync, writeFileSync } from 'fs';
+import path from 'path';
+
 // src/record/index.ts
+var TIMECODE_CELL = 8;
+var round = (n) => Math.round(n * 100) / 100;
+var Take = class _Take {
+  constructor(page, options, brand) {
+    this.page = page;
+    this.options = options;
+    this.brand = brand ? cinematicSkin(brand) : {};
+    const dir = path.resolve(options.dir ?? "recordings");
+    this.file = path.join(dir, `${options.name}.waits.json`);
+    this.focusFile = path.join(dir, `${options.name}.focus.json`);
+    this.timeline.viewport = page.viewportSize();
+    mkdirSync(dir, { recursive: true });
+    _Take.active = this;
+    this.save();
+  }
+  page;
+  options;
+  /** The take running now (one at a time: recordings run one after another). */
+  static active = null;
+  t0 = Date.now();
+  waits = [];
+  /** The brand the edit paints the cards, captions and callouts in. */
+  brand;
+  file;
+  focusFile;
+  timeline = {
+    sync: null,
+    viewport: null,
+    focus: [],
+    cards: [],
+    lowerThirds: [],
+    captions: []
+  };
+  /** The take running on `page`, if any. */
+  static on(page) {
+    return _Take.active?.page === page ? _Take.active : null;
+  }
+  /** Seconds since the take started. */
+  now() {
+    return (Date.now() - this.t0) / 1e3;
+  }
+  /** Log a wait (written at once, so a take that fails part-way still has its cut list). */
+  log(label, start, end = this.now()) {
+    if (end - start < 1) return;
+    this.waits.push({ label, start: round(start), end: round(end) });
+    this.save();
+  }
+  /** Wait for `until` (a UI state), logged as a wait the edit may cut. */
+  async wait(label, until) {
+    const start = this.now();
+    try {
+      return await until();
+    } finally {
+      this.log(label, start);
+    }
+  }
+  /**
+   * Paint the sync marker: a magenta frame for a moment, at a logged time. The edit finds it in the
+   * video and lines the take's clock up with the video's. Call it before the first navigation.
+   */
+  async markSync() {
+    await this.page.evaluate(
+      () => new Promise((done) => {
+        document.documentElement.style.background = "#ff00ff";
+        if (document.body) document.body.style.background = "#ff00ff";
+        requestAnimationFrame(() => requestAnimationFrame(() => done()));
+      })
+    );
+    this.timeline.sync = round(this.now());
+    await this.page.waitForTimeout(400);
+    this.save();
+  }
+  /** Log a focus event (a `point` with no end lasts until the next event). */
+  record(event) {
+    const { focus } = this.timeline;
+    const open = focus[focus.length - 1];
+    if (open && open.kind === "point" && open.end === void 0) open.end = round(event.start);
+    focus.push({
+      ...event,
+      start: round(event.start),
+      end: event.end === void 0 ? void 0 : round(event.end)
+    });
+    this.save();
+  }
+  /** @internal The stage's cards, lower-thirds and captions (drawn by the edit). */
+  cardStart(card) {
+    this.cardEnd();
+    this.captionEnd();
+    this.timeline.cards.push({ ...card, start: round(this.now()), end: null });
+    this.save();
+  }
+  cardEnd() {
+    const last = this.timeline.cards[this.timeline.cards.length - 1];
+    if (last && last.end === null) {
+      last.end = round(this.now());
+      this.save();
+    }
+  }
+  lowerThird(kicker, title, holdMs) {
+    const start = round(this.now());
+    this.timeline.lowerThirds.push({ kicker, title, start, end: round(start + holdMs / 1e3) });
+    this.save();
+  }
+  captionStart(text) {
+    this.captionEnd();
+    this.timeline.captions.push({ text, start: round(this.now()), end: null });
+    this.save();
+  }
+  captionEnd() {
+    const last = this.timeline.captions[this.timeline.captions.length - 1];
+    if (last && last.end === null) {
+      last.end = round(this.now());
+      this.save();
+    }
+  }
+  save() {
+    const { zoom, maxZoom, pip } = this.options;
+    writeFileSync(this.file, JSON.stringify({ t0: this.t0, waits: this.waits }, null, 1));
+    writeFileSync(
+      this.focusFile,
+      JSON.stringify(
+        { t0: this.t0, config: { zoom, maxZoom, pip }, brand: this.brand, ...this.timeline },
+        null,
+        1
+      )
+    );
+  }
+};
 var DEFAULTS = {
   displayFont: "ui-serif, Georgia, serif",
   sansFont: "Inter, ui-sans-serif, system-ui, sans-serif",
@@ -9,9 +140,8 @@ var DEFAULTS = {
   ink: "#0e1b2d",
   coverTitle: "#f4f6f8"
 };
-function createCinematic(config) {
-  const b = config.brand;
-  const skin = {
+function cinematicSkin(b) {
+  return {
     firmLabel: b.firmLabel,
     displayFont: b.displayFont ?? DEFAULTS.displayFont,
     sansFont: b.sansFont ?? DEFAULTS.sansFont,
@@ -23,8 +153,13 @@ function createCinematic(config) {
     coverTo: b.cover?.to ?? DEFAULTS.cover.to,
     accent: b.accent ?? DEFAULTS.accent,
     ink: b.ink ?? DEFAULTS.ink,
-    coverTitle: b.coverTitle ?? DEFAULTS.coverTitle
+    coverTitle: b.coverTitle ?? DEFAULTS.coverTitle,
+    fontFiles: b.fontFiles ?? []
   };
+}
+function createCinematic(config) {
+  const b = config.brand;
+  const skin = cinematicSkin(b);
   const loginPath = config.loginPath ?? "/app/login";
   const appUrlPattern = config.appUrlPattern ?? /\/app$/;
   const ids = {
@@ -33,113 +168,207 @@ function createCinematic(config) {
     submit: config.testIds?.submit ?? "auth-login-submit"
   };
   const resolve = (page, t) => typeof t === "string" ? page.getByTestId(t) : t;
+  async function boxOf(page, loc) {
+    const box = await loc.boundingBox().catch(() => null);
+    const vp = page.viewportSize();
+    if (!box || !vp) return box;
+    const x = Math.max(box.x, 0);
+    const y = Math.max(box.y, 0);
+    const width = Math.min(box.x + box.width, vp.width) - x;
+    const height = Math.min(box.y + box.height, vp.height) - y;
+    return width > 0 && height > 0 ? { x: round(x), y: round(y), width: round(width), height: round(height) } : null;
+  }
+  async function glide(page, target) {
+    const loc = resolve(page, target).first();
+    await loc.scrollIntoViewIfNeeded().catch(() => {
+    });
+    const box = await boxOf(page, loc);
+    if (box) {
+      await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 26 });
+      await page.waitForTimeout(180);
+    }
+    return { loc, box };
+  }
+  async function take(page, options) {
+    return new Take(page, options, b);
+  }
   async function installStage(page) {
-    await page.addInitScript((s) => {
-      const boot = () => {
-        if (document.getElementById("__cine_cursor")) return;
-        const cursor = document.createElement("div");
-        cursor.id = "__cine_cursor";
-        cursor.style.cssText = `position:fixed;left:0;top:0;z-index:2147483647;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;transition:transform .09s ease-out;background:radial-gradient(circle at 35% 35%, ${s.cursorFrom}, ${s.cursorTo});box-shadow:0 0 0 3px rgba(255,255,255,.6),0 2px 10px rgba(0,0,0,.4);`;
-        document.body.appendChild(cursor);
-        window.addEventListener(
-          "mousemove",
-          (e) => {
-            cursor.style.transform = `translate(${e.clientX}px,${e.clientY}px)`;
-          },
-          true
-        );
-        window.addEventListener(
-          "mousedown",
-          (e) => {
-            const m = e;
-            const r = document.createElement("div");
-            r.style.cssText = `position:fixed;left:${m.clientX}px;top:${m.clientY}px;z-index:2147483646;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;border:2px solid ${s.ripple};animation:__cine_ripple .55s ease-out forwards;`;
-            document.body.appendChild(r);
-            setTimeout(() => r.remove(), 600);
-          },
-          true
-        );
-        const cap = document.createElement("div");
-        cap.id = "__cine_cap";
-        cap.style.cssText = `position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(8px);z-index:2147483646;max-width:72%;padding:13px 24px;border-radius:13px;font:500 17px/1.45 ${s.sansFont};color:#fff;letter-spacing:.01em;background:${s.ink}e0;backdrop-filter:blur(7px);box-shadow:0 10px 34px rgba(0,0,0,.4);text-align:center;opacity:0;transition:opacity .35s,transform .35s;`;
-        document.body.appendChild(cap);
-        const style = document.createElement("style");
-        style.textContent = "@keyframes __cine_ripple{to{width:46px;height:46px;margin:-23px 0 0 -23px;opacity:0}}";
-        document.head.appendChild(style);
-        window.__cine_cap = (t) => {
-          cap.textContent = t;
-          cap.style.opacity = t ? "1" : "0";
-          cap.style.transform = `translateX(-50%) translateY(${t ? 0 : 8}px)`;
+    await page.addInitScript(
+      ({ s, t0, TC }) => {
+        const boot = () => {
+          if (document.getElementById("__cine_cursor")) return;
+          const cursor = document.createElement("div");
+          cursor.id = "__cine_cursor";
+          cursor.style.cssText = `position:fixed;left:0;top:0;z-index:2147483647;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;transition:transform .09s ease-out;background:radial-gradient(circle at 35% 35%, ${s.cursorFrom}, ${s.cursorTo});box-shadow:0 0 0 3px rgba(255,255,255,.6),0 2px 10px rgba(0,0,0,.4);`;
+          document.body.appendChild(cursor);
+          window.addEventListener(
+            "mousemove",
+            (e) => {
+              cursor.style.transform = `translate(${e.clientX}px,${e.clientY}px)`;
+            },
+            true
+          );
+          window.addEventListener(
+            "mousedown",
+            (e) => {
+              const m = e;
+              const r = document.createElement("div");
+              r.style.cssText = `position:fixed;left:${m.clientX}px;top:${m.clientY}px;z-index:2147483646;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;border:2px solid ${s.ripple};animation:__cine_ripple .55s ease-out forwards;`;
+              document.body.appendChild(r);
+              setTimeout(() => r.remove(), 600);
+            },
+            true
+          );
+          const cap = document.createElement("div");
+          cap.id = "__cine_cap";
+          cap.style.cssText = `position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(8px);z-index:2147483646;max-width:72%;padding:13px 24px;border-radius:13px;font:500 17px/1.45 ${s.sansFont};color:#fff;letter-spacing:.01em;background:${s.ink}e0;backdrop-filter:blur(7px);box-shadow:0 10px 34px rgba(0,0,0,.4);text-align:center;opacity:0;transition:opacity .35s,transform .35s;`;
+          document.body.appendChild(cap);
+          const style = document.createElement("style");
+          style.textContent = "@keyframes __cine_ripple{to{width:46px;height:46px;margin:-23px 0 0 -23px;opacity:0}}";
+          document.head.appendChild(style);
+          window.__cine_cap = (t) => {
+            cap.textContent = t;
+            cap.style.opacity = t ? "1" : "0";
+            cap.style.transform = `translateX(-50%) translateY(${t ? 0 : 8}px)`;
+          };
+          if (t0 !== null) {
+            const strip = document.createElement("div");
+            strip.id = "__cine_timecode";
+            strip.style.cssText = `position:fixed;right:0;bottom:0;z-index:2147483647;display:flex;pointer-events:none;height:${TC}px`;
+            const cells = Array.from({ length: 18 }, (_, i) => {
+              const cell = document.createElement("div");
+              cell.style.cssText = `width:${TC}px;height:${TC}px;background:${i === 0 ? "#fff" : "#000"}`;
+              strip.appendChild(cell);
+              return cell;
+            });
+            document.body.appendChild(strip);
+            const tick = () => {
+              const ds = Math.max(0, Math.round((Date.now() - t0) / 100)) & 65535;
+              for (let bit = 0; bit < 16; bit += 1)
+                cells[bit + 2].style.background = ds >> 15 - bit & 1 ? "#fff" : "#000";
+              requestAnimationFrame(tick);
+            };
+            tick();
+          }
         };
-      };
-      if (document.body) boot();
-      else document.addEventListener("DOMContentLoaded", boot);
-    }, skin);
+        if (document.body) boot();
+        else document.addEventListener("DOMContentLoaded", boot);
+      },
+      { s: skin, t0: Take.on(page)?.t0 ?? null, TC: TIMECODE_CELL }
+    );
   }
   async function cover(page, { kicker, title, subtitle }, holdMs = 2600) {
+    const running = Take.on(page);
+    running?.cardStart({ kicker, title, subtitle });
     await page.evaluate(
-      ({ kicker: kicker2, title: title2, subtitle: subtitle2, s }) => {
+      ({ kicker: kicker2, title: title2, subtitle: subtitle2, s, instant }) => {
         document.getElementById("__cine_cover")?.remove();
         const el = document.createElement("div");
         el.id = "__cine_cover";
-        el.style.cssText = `position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8%;background:linear-gradient(135deg,${s.coverFrom} 0%,${s.coverMid} 48%,${s.coverTo} 165%);opacity:0;transition:opacity .5s ease;font-family:${s.sansFont};`;
+        el.style.cssText = `position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8%;background:linear-gradient(135deg,${s.coverFrom} 0%,${s.coverMid} 48%,${s.coverTo} 165%);opacity:${instant ? 1 : 0};transition:opacity ${instant ? 0 : 0.5}s ease;font-family:${s.sansFont};`;
         el.innerHTML = `<div style="text-transform:uppercase;letter-spacing:.26em;font-size:13px;font-weight:600;color:${s.accent};margin-bottom:22px">${kicker2}</div><div style="font-family:${s.displayFont};font-weight:600;font-size:52px;line-height:1.08;letter-spacing:-.02em;color:${s.coverTitle};max-width:16ch">${title2}</div>` + (subtitle2 ? `<div style="margin-top:22px;font-size:19px;line-height:1.5;color:${s.coverTitle}b8;max-width:46ch">${subtitle2}</div>` : "") + `<div style="margin-top:44px;display:flex;align-items:center;gap:10px;color:${s.coverTitle}80;font-size:13px;letter-spacing:.02em"><span style="width:26px;height:1px;background:${s.accent}"></span>${s.firmLabel}</div>`;
         document.body.appendChild(el);
         requestAnimationFrame(() => el.style.opacity = "1");
       },
-      { kicker, title, subtitle: subtitle ?? "", s: skin }
+      { kicker, title, subtitle: subtitle ?? "", s: skin, instant: !!running }
     );
     await page.waitForTimeout(holdMs);
   }
-  async function uncover(page) {
+  async function chapter(page, card, holdMs) {
+    await cover(page, card, holdMs);
     await page.evaluate(() => {
+      const el = document.getElementById("__cine_cover");
+      if (el) el.style.pointerEvents = "none";
+    });
+  }
+  async function uncover(page) {
+    const running = Take.on(page);
+    await page.evaluate((instant) => {
       const el = document.getElementById("__cine_cover");
       if (!el) return;
+      if (instant) return el.remove();
       el.style.opacity = "0";
       setTimeout(() => el.remove(), 520);
-    });
+    }, !!running);
+    running?.cardEnd();
     await page.waitForTimeout(560);
   }
+  function lowerThird(page, kicker, title, holdMs = 3200) {
+    Take.on(page)?.lowerThird(kicker, title, holdMs);
+  }
   async function caption(page, text, holdMs) {
-    await page.evaluate(
-      (t) => window.__cine_cap?.(t),
-      text
-    );
+    const running = Take.on(page);
+    if (running) running.captionStart(text);
+    else
+      await page.evaluate(
+        (t) => window.__cine_cap?.(t),
+        text
+      );
     const hold = holdMs ?? Math.min(4200, 900 + text.length * 45);
     await page.waitForTimeout(hold);
   }
   async function clearCaption(page) {
-    await page.evaluate(
-      () => window.__cine_cap?.("")
-    );
+    const running = Take.on(page);
+    if (running) running.captionEnd();
+    else
+      await page.evaluate(
+        () => window.__cine_cap?.("")
+      );
   }
   async function beat(page, ms = 650) {
     await page.waitForTimeout(ms);
   }
   async function glideTo(page, target) {
-    const loc = resolve(page, target).first();
-    await loc.scrollIntoViewIfNeeded().catch(() => {
-    });
-    const box = await loc.boundingBox();
-    if (box) {
-      await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 26 });
-      await page.waitForTimeout(180);
-    }
+    const running = Take.on(page);
+    const start = running?.now() ?? 0;
+    const { loc, box } = await glide(page, target);
+    if (running && box) running.record({ kind: "point", start, box });
     return loc;
   }
   async function click(page, target) {
-    const loc = await glideTo(page, target);
+    const running = Take.on(page);
+    const start = running?.now() ?? 0;
+    const { loc, box } = await glide(page, target);
     await loc.click();
     await page.waitForTimeout(260);
+    if (running && box) running.record({ kind: "click", start, end: running.now(), box });
   }
   async function type(page, target, text) {
-    const loc = await glideTo(page, target);
+    const running = Take.on(page);
+    const start = running?.now() ?? 0;
+    const { loc, box } = await glide(page, target);
     await loc.click();
     await loc.fill("");
     await loc.pressSequentially(text, { delay: 42 });
     await page.waitForTimeout(240);
+    if (running && box) running.record({ kind: "type", start, end: running.now(), box });
+  }
+  async function focusOn(page, target, label, {
+    holdMs = 2200,
+    callout = true,
+    mode
+  } = {}) {
+    const running = Take.on(page);
+    const start = running?.now() ?? 0;
+    const { box } = await glide(page, target);
+    await page.waitForTimeout(holdMs);
+    if (running && box)
+      running.record({ kind: "focus", label, start, end: running.now(), box, callout, mode });
+  }
+  async function readDown(page, target, scrolls = 3, pauseMs = 1600) {
+    const running = Take.on(page);
+    const start = running?.now() ?? 0;
+    const { box } = await glide(page, target);
+    for (let i = 0; i < scrolls; i += 1) {
+      await page.mouse.wheel(0, 320);
+      await beat(page, pauseMs);
+    }
+    await page.mouse.wheel(0, -320 * scrolls);
+    await beat(page, 500);
+    if (running && box) running.record({ kind: "read", start, end: running.now(), box });
   }
   async function login(page, opts = {}) {
+    if (!config.creds) throw new Error("createCinematic: pass creds to sign in");
     await page.goto(loginPath);
     if (opts.show === false) {
       await page.getByTestId(ids.email).fill(config.creds.email);
@@ -156,19 +385,24 @@ function createCinematic(config) {
     await beat(page, 800);
   }
   return {
+    take,
     installStage,
     cover,
+    chapter,
     uncover,
+    lowerThird,
     caption,
     clearCaption,
     beat,
     glideTo,
     click,
     type,
+    focusOn,
+    readDown,
     login
   };
 }
 
-export { createCinematic };
+export { TIMECODE_CELL, Take, cinematicSkin, createCinematic };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/record/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/record/index.ts"],"names":["kicker","title","subtitle"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Cinematic recording harness — host-agnostic.\n *\n * Turns a Playwright run into a narrated product demo: a visible cursor that\n * glides between targets, a click ripple, a caption bar that narrates each step,\n * full-screen chapter \"cover\" cards, and human-speed pacing. Every host app gets\n * the same polished demo capability from one factory — brand colours, fonts,\n * credentials and the login flow arrive as config, so nothing here names a host.\n *\n * Pair with a Playwright project that records video (see the host's\n * `playwright.record.config.ts`: video on, a large viewport, some slowMo).\n *\n * Usage in a `*.record.ts` spec:\n *   const cine = createCinematic({ brand, creds })\n *   await cine.installStage(page)          // before the first navigation\n *   await cine.cover(page, { kicker, title, subtitle })\n *   await cine.login(page)\n *   await cine.uncover(page)\n *   await cine.caption(page, \"Opening the flagship matter…\")\n *   await cine.click(page, \"matters-row-…\")\n *\n * `@playwright/test` is an optional peer used for TYPES only (no runtime import), so\n * importing this entry never loads Playwright.\n */\nimport type { Page, Locator } from '@playwright/test'\n\n/** Brand skin for the on-screen chrome. All optional — sensible neutral defaults. */\nexport interface CinematicBrand {\n  /** Footer line on chapter cards, e.g. \"Meridian · AI-native counsel\". */\n  firmLabel: string\n  /** Serif display font for cover titles (CSS font-family value). */\n  displayFont?: string\n  /** Sans font for captions + cover body. */\n  sansFont?: string\n  /** Cursor dot radial-gradient stops. */\n  cursor?: { from: string; to: string }\n  /** Click-ripple ring colour. */\n  ripple?: string\n  /** Chapter-card background gradient stops. */\n  cover?: { from: string; mid: string; to: string }\n  /** Accent (kicker text + rule) on chapter cards. */\n  accent?: string\n  /** Caption bar background base colour. */\n  ink?: string\n  /** Cover title text colour. */\n  coverTitle?: string\n}\n\nexport interface CinematicCreds {\n  email: string\n  password: string\n}\n\nexport interface CinematicConfig {\n  brand: CinematicBrand\n  creds: CinematicCreds\n  /** Login route (default \"/app/login\"). */\n  loginPath?: string\n  /** URL the app lands on after auth (default /\\/app$/). */\n  appUrlPattern?: RegExp\n  /** Login form testids (defaults match the shared AppShell/login convention). */\n  testIds?: { email?: string; password?: string; submit?: string }\n}\n\nexport interface Cinematic {\n  installStage(page: Page): Promise<void>\n  cover(\n    page: Page,\n    opts: { kicker: string; title: string; subtitle?: string },\n    holdMs?: number\n  ): Promise<void>\n  uncover(page: Page): Promise<void>\n  caption(page: Page, text: string, holdMs?: number): Promise<void>\n  clearCaption(page: Page): Promise<void>\n  beat(page: Page, ms?: number): Promise<void>\n  glideTo(page: Page, target: string | Locator): Promise<Locator>\n  click(page: Page, target: string | Locator): Promise<void>\n  type(page: Page, target: string | Locator, text: string): Promise<void>\n  /** Sign in. `{ show: false }` authenticates fast + silent (no animation/caption). */\n  login(page: Page, opts?: { show?: boolean; caption?: string }): Promise<void>\n}\n\nconst DEFAULTS = {\n  displayFont: 'ui-serif, Georgia, serif',\n  sansFont: 'Inter, ui-sans-serif, system-ui, sans-serif',\n  cursor: { from: 'rgba(31,111,235,.98)', to: 'rgba(11,42,74,.92)' },\n  ripple: 'rgba(11,42,74,.85)',\n  cover: { from: '#0b1622', mid: '#0e1b2c', to: '#1f6feb' },\n  accent: '#c9a24b',\n  ink: '#0e1b2d',\n  coverTitle: '#f4f6f8',\n}\n\nexport function createCinematic(config: CinematicConfig): Cinematic {\n  const b = config.brand\n  const skin = {\n    firmLabel: b.firmLabel,\n    displayFont: b.displayFont ?? DEFAULTS.displayFont,\n    sansFont: b.sansFont ?? DEFAULTS.sansFont,\n    cursorFrom: b.cursor?.from ?? DEFAULTS.cursor.from,\n    cursorTo: b.cursor?.to ?? DEFAULTS.cursor.to,\n    ripple: b.ripple ?? DEFAULTS.ripple,\n    coverFrom: b.cover?.from ?? DEFAULTS.cover.from,\n    coverMid: b.cover?.mid ?? DEFAULTS.cover.mid,\n    coverTo: b.cover?.to ?? DEFAULTS.cover.to,\n    accent: b.accent ?? DEFAULTS.accent,\n    ink: b.ink ?? DEFAULTS.ink,\n    coverTitle: b.coverTitle ?? DEFAULTS.coverTitle,\n  }\n  const loginPath = config.loginPath ?? '/app/login'\n  const appUrlPattern = config.appUrlPattern ?? /\\/app$/\n  const ids = {\n    email: config.testIds?.email ?? 'auth-email',\n    password: config.testIds?.password ?? 'auth-password',\n    submit: config.testIds?.submit ?? 'auth-login-submit',\n  }\n\n  const resolve = (page: Page, t: string | Locator): Locator =>\n    typeof t === 'string' ? page.getByTestId(t) : t\n\n  async function installStage(page: Page): Promise<void> {\n    await page.addInitScript((s: typeof skin) => {\n      const boot = () => {\n        if (document.getElementById('__cine_cursor')) return\n\n        const cursor = document.createElement('div')\n        cursor.id = '__cine_cursor'\n        cursor.style.cssText =\n          'position:fixed;left:0;top:0;z-index:2147483647;width:22px;height:22px;' +\n          'margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;' +\n          'transition:transform .09s ease-out;' +\n          `background:radial-gradient(circle at 35% 35%, ${s.cursorFrom}, ${s.cursorTo});` +\n          'box-shadow:0 0 0 3px rgba(255,255,255,.6),0 2px 10px rgba(0,0,0,.4);'\n        document.body.appendChild(cursor)\n\n        window.addEventListener(\n          'mousemove',\n          (e) => {\n            cursor.style.transform = `translate(${(e as MouseEvent).clientX}px,${(e as MouseEvent).clientY}px)`\n          },\n          true\n        )\n        window.addEventListener(\n          'mousedown',\n          (e) => {\n            const m = e as MouseEvent\n            const r = document.createElement('div')\n            r.style.cssText =\n              `position:fixed;left:${m.clientX}px;top:${m.clientY}px;z-index:2147483646;` +\n              'width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;' +\n              `border:2px solid ${s.ripple};animation:__cine_ripple .55s ease-out forwards;`\n            document.body.appendChild(r)\n            setTimeout(() => r.remove(), 600)\n          },\n          true\n        )\n\n        const cap = document.createElement('div')\n        cap.id = '__cine_cap'\n        cap.style.cssText =\n          'position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(8px);' +\n          'z-index:2147483646;max-width:72%;padding:13px 24px;border-radius:13px;' +\n          `font:500 17px/1.45 ${s.sansFont};color:#fff;letter-spacing:.01em;` +\n          `background:${s.ink}e0;backdrop-filter:blur(7px);` +\n          'box-shadow:0 10px 34px rgba(0,0,0,.4);text-align:center;opacity:0;transition:opacity .35s,transform .35s;'\n        document.body.appendChild(cap)\n\n        const style = document.createElement('style')\n        style.textContent =\n          '@keyframes __cine_ripple{to{width:46px;height:46px;margin:-23px 0 0 -23px;opacity:0}}'\n        document.head.appendChild(style)\n\n        ;(window as unknown as { __cine_cap: (t: string) => void }).__cine_cap = (t: string) => {\n          cap.textContent = t\n          cap.style.opacity = t ? '1' : '0'\n          cap.style.transform = `translateX(-50%) translateY(${t ? 0 : 8}px)`\n        }\n      }\n      if (document.body) boot()\n      else document.addEventListener('DOMContentLoaded', boot)\n    }, skin)\n  }\n\n  async function cover(\n    page: Page,\n    { kicker, title, subtitle }: { kicker: string; title: string; subtitle?: string },\n    holdMs = 2600\n  ): Promise<void> {\n    await page.evaluate(\n      ({ kicker, title, subtitle, s }) => {\n        document.getElementById('__cine_cover')?.remove()\n        const el = document.createElement('div')\n        el.id = '__cine_cover'\n        el.style.cssText =\n          'position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;' +\n          'align-items:center;justify-content:center;text-align:center;padding:0 8%;' +\n          `background:linear-gradient(135deg,${s.coverFrom} 0%,${s.coverMid} 48%,${s.coverTo} 165%);` +\n          `opacity:0;transition:opacity .5s ease;font-family:${s.sansFont};`\n        el.innerHTML =\n          `<div style=\"text-transform:uppercase;letter-spacing:.26em;font-size:13px;font-weight:600;color:${s.accent};margin-bottom:22px\">${kicker}</div>` +\n          `<div style=\"font-family:${s.displayFont};font-weight:600;font-size:52px;line-height:1.08;letter-spacing:-.02em;color:${s.coverTitle};max-width:16ch\">${title}</div>` +\n          (subtitle\n            ? `<div style=\"margin-top:22px;font-size:19px;line-height:1.5;color:${s.coverTitle}b8;max-width:46ch\">${subtitle}</div>`\n            : '') +\n          `<div style=\"margin-top:44px;display:flex;align-items:center;gap:10px;color:${s.coverTitle}80;font-size:13px;letter-spacing:.02em\">` +\n          `<span style=\"width:26px;height:1px;background:${s.accent}\"></span>${s.firmLabel}</div>`\n        document.body.appendChild(el)\n        requestAnimationFrame(() => (el.style.opacity = '1'))\n      },\n      { kicker, title, subtitle: subtitle ?? '', s: skin }\n    )\n    await page.waitForTimeout(holdMs)\n  }\n\n  async function uncover(page: Page): Promise<void> {\n    await page.evaluate(() => {\n      const el = document.getElementById('__cine_cover')\n      if (!el) return\n      el.style.opacity = '0'\n      setTimeout(() => el.remove(), 520)\n    })\n    await page.waitForTimeout(560)\n  }\n\n  async function caption(page: Page, text: string, holdMs?: number): Promise<void> {\n    await page.evaluate(\n      (t) => (window as unknown as { __cine_cap?: (s: string) => void }).__cine_cap?.(t),\n      text\n    )\n    const hold = holdMs ?? Math.min(4200, 900 + text.length * 45)\n    await page.waitForTimeout(hold)\n  }\n\n  async function clearCaption(page: Page): Promise<void> {\n    await page.evaluate(() =>\n      (window as unknown as { __cine_cap?: (s: string) => void }).__cine_cap?.('')\n    )\n  }\n\n  async function beat(page: Page, ms = 650): Promise<void> {\n    await page.waitForTimeout(ms)\n  }\n\n  async function glideTo(page: Page, target: string | Locator): Promise<Locator> {\n    const loc = resolve(page, target).first()\n    await loc.scrollIntoViewIfNeeded().catch(() => {})\n    const box = await loc.boundingBox()\n    if (box) {\n      await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 26 })\n      await page.waitForTimeout(180)\n    }\n    return loc\n  }\n\n  async function click(page: Page, target: string | Locator): Promise<void> {\n    const loc = await glideTo(page, target)\n    await loc.click()\n    await page.waitForTimeout(260)\n  }\n\n  async function type(page: Page, target: string | Locator, text: string): Promise<void> {\n    const loc = await glideTo(page, target)\n    await loc.click()\n    await loc.fill('')\n    await loc.pressSequentially(text, { delay: 42 })\n    await page.waitForTimeout(240)\n  }\n\n  async function login(page: Page, opts: { show?: boolean; caption?: string } = {}): Promise<void> {\n    await page.goto(loginPath)\n    if (opts.show === false) {\n      await page.getByTestId(ids.email).fill(config.creds.email)\n      await page.getByTestId(ids.password).fill(config.creds.password)\n      await page.getByTestId(ids.submit).click()\n      await page.waitForURL(appUrlPattern, { timeout: 45_000 })\n      return\n    }\n    await caption(page, opts.caption ?? `${b.firmLabel} — signing in.`, 1600)\n    await type(page, ids.email, config.creds.email)\n    await type(page, ids.password, config.creds.password)\n    await click(page, ids.submit)\n    await page.waitForURL(appUrlPattern, { timeout: 45_000 })\n    await beat(page, 800)\n  }\n\n  return {\n    installStage,\n    cover,\n    uncover,\n    caption,\n    clearCaption,\n    beat,\n    glideTo,\n    click,\n    type,\n    login,\n  }\n}\n"]}
+{"version":3,"sources":["../../src/record/index.ts"],"names":["kicker","title","subtitle"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Cinematic recording harness — host-agnostic.\n *\n * Turns a Playwright run into a narrated product demo: a visible cursor that glides between\n * targets, a click ripple, captions, full-screen chapter cards, lower-thirds and human-speed\n * pacing. Every host app gets the same demo capability from one factory: brand colours, fonts,\n * credentials and the login flow arrive as config, so nothing here names a host.\n *\n * With a take running (`cine.take`), the run is also logged for the edit, in seconds from the\n * start of the video:\n * - every wait (the AI working, a file uploading) to `<dir>/<name>.waits.json`, so the edit can\n *   cut the middle of each long one;\n * - the focus timeline to `<dir>/<name>.focus.json`: each click, type and read with its target's\n *   box on screen, the key moments `focusOn` marks, the cards, lower-thirds and captions, the\n *   take's config (zoom, max zoom, picture-in-picture) and the brand.\n * Captions, cards and lower-thirds are then drawn by the edit (brand PNGs over the video, outside\n * any zoom), not in the page, and a timecode strip in the corner lines the two clocks up.\n * `arbidocs-render-take` (this package's bin) renders the cut, zoomed, titled video from them.\n *\n * Usage in a recording script:\n *   const cine = createCinematic({ brand, creds })\n *   const take = await cine.take(page, { name: 'reply-with-arbi', dir: 'recordings' })\n *   await cine.installStage(page)          // after the take, before the first navigation\n *   await take.markSync()\n *   await page.goto('/')\n *   await cine.chapter(page, { kicker, title, subtitle })\n *   await cine.login(page, { show: false })\n *   await cine.uncover(page)\n *   await cine.click(page, 'sidebar-mail-button')\n *   await take.wait('ARBI drafting', () => expect(reply).toBeVisible())\n *   await cine.focusOn(page, reply, 'ARBI’s reply, as tracked changes')\n *\n * `@playwright/test` is an optional peer used for TYPES only (no runtime import), so importing\n * this entry never loads Playwright.\n */\nimport { mkdirSync, writeFileSync } from 'node:fs'\nimport path from 'node:path'\nimport type { Page, Locator } from '@playwright/test'\n\n/** Brand skin for the on-screen chrome. All optional — sensible neutral defaults. */\nexport interface CinematicBrand {\n  /** Footer line on chapter cards, e.g. \"Meridian · AI-native counsel\". */\n  firmLabel: string\n  /** Serif display font for cover titles (CSS font-family value). */\n  displayFont?: string\n  /** Sans font for captions + cover body. */\n  sansFont?: string\n  /** Cursor dot radial-gradient stops. */\n  cursor?: { from: string; to: string }\n  /** Click-ripple ring colour. */\n  ripple?: string\n  /** Chapter-card background gradient stops. */\n  cover?: { from: string; mid: string; to: string }\n  /** Accent (kicker text + rule) on chapter cards, callouts and lower-thirds. */\n  accent?: string\n  /** Caption bar background base colour. */\n  ink?: string\n  /** Cover title text colour. */\n  coverTitle?: string\n  /**\n   * Font files for the edit's overlays (cards, captions), when the display or sans font is not\n   * installed where the video is rendered: each a family name and a `file://` or `https://` URL.\n   */\n  fontFiles?: { family: string; url: string; weight?: string; unicodeRange?: string }[]\n}\n\nexport interface CinematicCreds {\n  email: string\n  password: string\n}\n\nexport interface CinematicConfig {\n  brand: CinematicBrand\n  /** For `login`. */\n  creds?: CinematicCreds\n  /** Login route (default \"/app/login\"). */\n  loginPath?: string\n  /** URL the app lands on after auth (default /\\/app$/). */\n  appUrlPattern?: RegExp\n  /** Login form testids (defaults match the shared AppShell/login convention). */\n  testIds?: { email?: string; password?: string; submit?: string }\n}\n\n/** A box on screen, in page pixels. */\nexport interface Box {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\n/**\n * A moment the edit may frame: a click, typing, reading down a result, a glide-and-look (`point`,\n * which lasts until the next gesture), or a key moment marked with `focusOn`.\n */\nexport interface FocusEvent {\n  kind: 'click' | 'type' | 'read' | 'point' | 'focus'\n  label?: string\n  start: number\n  end?: number\n  box: Box\n  /** Draw a highlight (and the label as its tag) round the box. */\n  callout?: boolean\n  /** How to frame it: zoom in, a picture-in-picture inset, or not at all (default: the edit decides). */\n  mode?: 'zoom' | 'pip' | 'none'\n}\n\n/** A take's say in its edit. */\nexport interface TakeOptions {\n  /** The take's name: its files are `<dir>/<name>.waits.json` and `<dir>/<name>.focus.json`. */\n  name: string\n  /** Where the take's files go (default `recordings`). */\n  dir?: string\n  /** Zoom and pan onto the action (default true). */\n  zoom?: boolean\n  /** At most this much (default 1.8). */\n  maxZoom?: number\n  /** A picture-in-picture inset for long typing (default true). */\n  pip?: boolean\n}\n\nexport interface Wait {\n  label: string\n  start: number\n  end: number\n}\n\ninterface Card {\n  kicker: string\n  title: string\n  subtitle?: string\n  start: number\n  end: number | null\n}\n\n/** The timecode's square, in page pixels (the renderer reads it at this size). */\nexport const TIMECODE_CELL = 8\n\nconst round = (n: number) => Math.round(n * 100) / 100\n\n/**\n * One recorded take: its clock, its waits and its focus timeline. Start it first thing (the video\n * starts with the page, a moment before; `markSync` lines the two clocks up exactly).\n */\nexport class Take {\n  /** The take running now (one at a time: recordings run one after another). */\n  private static active: Take | null = null\n\n  readonly t0 = Date.now()\n  readonly waits: Wait[] = []\n  /** The brand the edit paints the cards, captions and callouts in. */\n  private readonly brand: object\n  readonly file: string\n  readonly focusFile: string\n  private readonly timeline = {\n    sync: null as number | null,\n    viewport: null as { width: number; height: number } | null,\n    focus: [] as FocusEvent[],\n    cards: [] as Card[],\n    lowerThirds: [] as { kicker: string; title: string; start: number; end: number }[],\n    captions: [] as { text: string; start: number; end: number | null }[],\n  }\n\n  constructor(\n    readonly page: Page,\n    private readonly options: TakeOptions,\n    brand?: CinematicBrand\n  ) {\n    this.brand = brand ? cinematicSkin(brand) : {}\n    const dir = path.resolve(options.dir ?? 'recordings')\n    this.file = path.join(dir, `${options.name}.waits.json`)\n    this.focusFile = path.join(dir, `${options.name}.focus.json`)\n    this.timeline.viewport = page.viewportSize()\n    mkdirSync(dir, { recursive: true })\n    Take.active = this\n    this.save()\n  }\n\n  /** The take running on `page`, if any. */\n  static on(page: Page): Take | null {\n    return Take.active?.page === page ? Take.active : null\n  }\n\n  /** Seconds since the take started. */\n  now(): number {\n    return (Date.now() - this.t0) / 1000\n  }\n\n  /** Log a wait (written at once, so a take that fails part-way still has its cut list). */\n  log(label: string, start: number, end = this.now()): void {\n    if (end - start < 1) return\n    this.waits.push({ label, start: round(start), end: round(end) })\n    this.save()\n  }\n\n  /** Wait for `until` (a UI state), logged as a wait the edit may cut. */\n  async wait<T>(label: string, until: () => Promise<T>): Promise<T> {\n    const start = this.now()\n    try {\n      return await until()\n    } finally {\n      this.log(label, start)\n    }\n  }\n\n  /**\n   * Paint the sync marker: a magenta frame for a moment, at a logged time. The edit finds it in the\n   * video and lines the take's clock up with the video's. Call it before the first navigation.\n   */\n  async markSync(): Promise<void> {\n    await this.page.evaluate(\n      () =>\n        new Promise<void>((done) => {\n          document.documentElement.style.background = '#ff00ff'\n          if (document.body) document.body.style.background = '#ff00ff'\n          requestAnimationFrame(() => requestAnimationFrame(() => done()))\n        })\n    )\n    this.timeline.sync = round(this.now())\n    await this.page.waitForTimeout(400)\n    this.save()\n  }\n\n  /** Log a focus event (a `point` with no end lasts until the next event). */\n  record(event: Omit<FocusEvent, 'start' | 'end'> & { start: number; end?: number }): void {\n    const { focus } = this.timeline\n    const open = focus[focus.length - 1]\n    if (open && open.kind === 'point' && open.end === undefined) open.end = round(event.start)\n    focus.push({\n      ...event,\n      start: round(event.start),\n      end: event.end === undefined ? undefined : round(event.end),\n    })\n    this.save()\n  }\n\n  /** @internal The stage's cards, lower-thirds and captions (drawn by the edit). */\n  cardStart(card: Omit<Card, 'start' | 'end'>): void {\n    this.cardEnd()\n    this.captionEnd()\n    this.timeline.cards.push({ ...card, start: round(this.now()), end: null })\n    this.save()\n  }\n\n  cardEnd(): void {\n    const last = this.timeline.cards[this.timeline.cards.length - 1]\n    if (last && last.end === null) {\n      last.end = round(this.now())\n      this.save()\n    }\n  }\n\n  lowerThird(kicker: string, title: string, holdMs: number): void {\n    const start = round(this.now())\n    this.timeline.lowerThirds.push({ kicker, title, start, end: round(start + holdMs / 1000) })\n    this.save()\n  }\n\n  captionStart(text: string): void {\n    this.captionEnd()\n    this.timeline.captions.push({ text, start: round(this.now()), end: null })\n    this.save()\n  }\n\n  captionEnd(): void {\n    const last = this.timeline.captions[this.timeline.captions.length - 1]\n    if (last && last.end === null) {\n      last.end = round(this.now())\n      this.save()\n    }\n  }\n\n  private save(): void {\n    const { zoom, maxZoom, pip } = this.options\n    writeFileSync(this.file, JSON.stringify({ t0: this.t0, waits: this.waits }, null, 1))\n    writeFileSync(\n      this.focusFile,\n      JSON.stringify(\n        { t0: this.t0, config: { zoom, maxZoom, pip }, brand: this.brand, ...this.timeline },\n        null,\n        1\n      )\n    )\n  }\n}\n\nexport interface Cinematic {\n  /** Start a take on `page` (before `installStage`, so the stage paints its timecode). */\n  take(page: Page, options: TakeOptions): Promise<Take>\n  installStage(page: Page): Promise<void>\n  cover(\n    page: Page,\n    opts: { kicker: string; title: string; subtitle?: string },\n    holdMs?: number\n  ): Promise<void>\n  /** A cover the work can go on behind (clicks pass through it) until `uncover`. */\n  chapter(\n    page: Page,\n    opts: { kicker: string; title: string; subtitle?: string },\n    holdMs?: number\n  ): Promise<void>\n  uncover(page: Page): Promise<void>\n  /** A section's name over the bottom left while the work goes on (drawn by the edit). */\n  lowerThird(page: Page, kicker: string, title: string, holdMs?: number): void\n  caption(page: Page, text: string, holdMs?: number): Promise<void>\n  clearCaption(page: Page): Promise<void>\n  beat(page: Page, ms?: number): Promise<void>\n  glideTo(page: Page, target: string | Locator): Promise<Locator>\n  click(page: Page, target: string | Locator): Promise<void>\n  type(page: Page, target: string | Locator, text: string): Promise<void>\n  /** A key moment: glide to it and hold; the edit zooms onto it and draws a callout with `label`. */\n  focusOn(\n    page: Page,\n    target: string | Locator,\n    label?: string,\n    opts?: { holdMs?: number; callout?: boolean; mode?: FocusEvent['mode'] }\n  ): Promise<void>\n  /** Read down a result at a reader's pace, then back to the top. */\n  readDown(page: Page, target: string | Locator, scrolls?: number, pauseMs?: number): Promise<void>\n  /** Sign in. `{ show: false }` authenticates fast + silent (no animation/caption). */\n  login(page: Page, opts?: { show?: boolean; caption?: string }): Promise<void>\n}\n\nconst DEFAULTS = {\n  displayFont: 'ui-serif, Georgia, serif',\n  sansFont: 'Inter, ui-sans-serif, system-ui, sans-serif',\n  cursor: { from: 'rgba(31,111,235,.98)', to: 'rgba(11,42,74,.92)' },\n  ripple: 'rgba(11,42,74,.85)',\n  cover: { from: '#0b1622', mid: '#0e1b2c', to: '#1f6feb' },\n  accent: '#c9a24b',\n  ink: '#0e1b2d',\n  coverTitle: '#f4f6f8',\n}\n\n/** A brand with every default filled in: what the stage paints and the take hands the edit. */\nexport function cinematicSkin(b: CinematicBrand) {\n  return {\n    firmLabel: b.firmLabel,\n    displayFont: b.displayFont ?? DEFAULTS.displayFont,\n    sansFont: b.sansFont ?? DEFAULTS.sansFont,\n    cursorFrom: b.cursor?.from ?? DEFAULTS.cursor.from,\n    cursorTo: b.cursor?.to ?? DEFAULTS.cursor.to,\n    ripple: b.ripple ?? DEFAULTS.ripple,\n    coverFrom: b.cover?.from ?? DEFAULTS.cover.from,\n    coverMid: b.cover?.mid ?? DEFAULTS.cover.mid,\n    coverTo: b.cover?.to ?? DEFAULTS.cover.to,\n    accent: b.accent ?? DEFAULTS.accent,\n    ink: b.ink ?? DEFAULTS.ink,\n    coverTitle: b.coverTitle ?? DEFAULTS.coverTitle,\n    fontFiles: b.fontFiles ?? [],\n  }\n}\n\nexport function createCinematic(config: CinematicConfig): Cinematic {\n  const b = config.brand\n  const skin = cinematicSkin(b)\n  const loginPath = config.loginPath ?? '/app/login'\n  const appUrlPattern = config.appUrlPattern ?? /\\/app$/\n  const ids = {\n    email: config.testIds?.email ?? 'auth-email',\n    password: config.testIds?.password ?? 'auth-password',\n    submit: config.testIds?.submit ?? 'auth-login-submit',\n  }\n\n  const resolve = (page: Page, t: string | Locator): Locator =>\n    typeof t === 'string' ? page.getByTestId(t) : t\n\n  /** The target's box on screen (clipped to the viewport), or null when it is not on screen. */\n  async function boxOf(page: Page, loc: Locator): Promise<Box | null> {\n    const box = await loc.boundingBox().catch(() => null)\n    const vp = page.viewportSize()\n    if (!box || !vp) return box\n    const x = Math.max(box.x, 0)\n    const y = Math.max(box.y, 0)\n    const width = Math.min(box.x + box.width, vp.width) - x\n    const height = Math.min(box.y + box.height, vp.height) - y\n    return width > 0 && height > 0\n      ? { x: round(x), y: round(y), width: round(width), height: round(height) }\n      : null\n  }\n\n  /** Move the cursor to the centre of a target, smoothly; its box once there. */\n  async function glide(\n    page: Page,\n    target: string | Locator\n  ): Promise<{ loc: Locator; box: Box | null }> {\n    const loc = resolve(page, target).first()\n    await loc.scrollIntoViewIfNeeded().catch(() => {})\n    const box = await boxOf(page, loc)\n    if (box) {\n      await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 26 })\n      await page.waitForTimeout(180)\n    }\n    return { loc, box }\n  }\n\n  async function take(page: Page, options: TakeOptions): Promise<Take> {\n    return new Take(page, options, b)\n  }\n\n  async function installStage(page: Page): Promise<void> {\n    await page.addInitScript(\n      ({ s, t0, TC }: { s: typeof skin; t0: number | null; TC: number }) => {\n        const boot = () => {\n          if (document.getElementById('__cine_cursor')) return\n\n          const cursor = document.createElement('div')\n          cursor.id = '__cine_cursor'\n          cursor.style.cssText =\n            'position:fixed;left:0;top:0;z-index:2147483647;width:22px;height:22px;' +\n            'margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;' +\n            'transition:transform .09s ease-out;' +\n            `background:radial-gradient(circle at 35% 35%, ${s.cursorFrom}, ${s.cursorTo});` +\n            'box-shadow:0 0 0 3px rgba(255,255,255,.6),0 2px 10px rgba(0,0,0,.4);'\n          document.body.appendChild(cursor)\n\n          window.addEventListener(\n            'mousemove',\n            (e) => {\n              cursor.style.transform = `translate(${(e as MouseEvent).clientX}px,${(e as MouseEvent).clientY}px)`\n            },\n            true\n          )\n          window.addEventListener(\n            'mousedown',\n            (e) => {\n              const m = e as MouseEvent\n              const r = document.createElement('div')\n              r.style.cssText =\n                `position:fixed;left:${m.clientX}px;top:${m.clientY}px;z-index:2147483646;` +\n                'width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;' +\n                `border:2px solid ${s.ripple};animation:__cine_ripple .55s ease-out forwards;`\n              document.body.appendChild(r)\n              setTimeout(() => r.remove(), 600)\n            },\n            true\n          )\n\n          const cap = document.createElement('div')\n          cap.id = '__cine_cap'\n          cap.style.cssText =\n            'position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(8px);' +\n            'z-index:2147483646;max-width:72%;padding:13px 24px;border-radius:13px;' +\n            `font:500 17px/1.45 ${s.sansFont};color:#fff;letter-spacing:.01em;` +\n            `background:${s.ink}e0;backdrop-filter:blur(7px);` +\n            'box-shadow:0 10px 34px rgba(0,0,0,.4);text-align:center;opacity:0;transition:opacity .35s,transform .35s;'\n          document.body.appendChild(cap)\n\n          const style = document.createElement('style')\n          style.textContent =\n            '@keyframes __cine_ripple{to{width:46px;height:46px;margin:-23px 0 0 -23px;opacity:0}}'\n          document.head.appendChild(style)\n\n          ;(window as unknown as { __cine_cap: (t: string) => void }).__cine_cap = (t: string) => {\n            cap.textContent = t\n            cap.style.opacity = t ? '1' : '0'\n            cap.style.transform = `translateX(-50%) translateY(${t ? 0 : 8}px)`\n          }\n\n          // The timecode: with a take running, the take's clock in tenths of a second as 16 squares\n          // (white = 1, most significant first) after a white and a black guard, in the bottom right\n          // corner. The edit reads it from every frame to line the timeline up with the video (the\n          // video's clock drifts from the wall clock over a long take), and paints it out.\n          if (t0 !== null) {\n            const strip = document.createElement('div')\n            strip.id = '__cine_timecode'\n            strip.style.cssText = `position:fixed;right:0;bottom:0;z-index:2147483647;display:flex;pointer-events:none;height:${TC}px`\n            const cells = Array.from({ length: 18 }, (_, i) => {\n              const cell = document.createElement('div')\n              cell.style.cssText = `width:${TC}px;height:${TC}px;background:${i === 0 ? '#fff' : '#000'}`\n              strip.appendChild(cell)\n              return cell\n            })\n            document.body.appendChild(strip)\n            const tick = () => {\n              const ds = Math.max(0, Math.round((Date.now() - t0) / 100)) & 0xffff\n              for (let bit = 0; bit < 16; bit += 1)\n                cells[bit + 2].style.background = (ds >> (15 - bit)) & 1 ? '#fff' : '#000'\n              requestAnimationFrame(tick)\n            }\n            tick()\n          }\n        }\n        if (document.body) boot()\n        else document.addEventListener('DOMContentLoaded', boot)\n      },\n      { s: skin, t0: Take.on(page)?.t0 ?? null, TC: TIMECODE_CELL }\n    )\n  }\n\n  async function cover(\n    page: Page,\n    { kicker, title, subtitle }: { kicker: string; title: string; subtitle?: string },\n    holdMs = 2600\n  ): Promise<void> {\n    // With a take running, the edit draws the card over this one from the brand PNG (crisp, cut to\n    // length) and does the fades, so in the page it shows and goes at once.\n    const running = Take.on(page)\n    running?.cardStart({ kicker, title, subtitle })\n    await page.evaluate(\n      ({ kicker, title, subtitle, s, instant }) => {\n        document.getElementById('__cine_cover')?.remove()\n        const el = document.createElement('div')\n        el.id = '__cine_cover'\n        el.style.cssText =\n          'position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;' +\n          'align-items:center;justify-content:center;text-align:center;padding:0 8%;' +\n          `background:linear-gradient(135deg,${s.coverFrom} 0%,${s.coverMid} 48%,${s.coverTo} 165%);` +\n          `opacity:${instant ? 1 : 0};transition:opacity ${instant ? 0 : 0.5}s ease;font-family:${s.sansFont};`\n        el.innerHTML =\n          `<div style=\"text-transform:uppercase;letter-spacing:.26em;font-size:13px;font-weight:600;color:${s.accent};margin-bottom:22px\">${kicker}</div>` +\n          `<div style=\"font-family:${s.displayFont};font-weight:600;font-size:52px;line-height:1.08;letter-spacing:-.02em;color:${s.coverTitle};max-width:16ch\">${title}</div>` +\n          (subtitle\n            ? `<div style=\"margin-top:22px;font-size:19px;line-height:1.5;color:${s.coverTitle}b8;max-width:46ch\">${subtitle}</div>`\n            : '') +\n          `<div style=\"margin-top:44px;display:flex;align-items:center;gap:10px;color:${s.coverTitle}80;font-size:13px;letter-spacing:.02em\">` +\n          `<span style=\"width:26px;height:1px;background:${s.accent}\"></span>${s.firmLabel}</div>`\n        document.body.appendChild(el)\n        requestAnimationFrame(() => (el.style.opacity = '1'))\n      },\n      { kicker, title, subtitle: subtitle ?? '', s: skin, instant: !!running }\n    )\n    await page.waitForTimeout(holdMs)\n  }\n\n  async function chapter(\n    page: Page,\n    card: { kicker: string; title: string; subtitle?: string },\n    holdMs?: number\n  ): Promise<void> {\n    await cover(page, card, holdMs)\n    await page.evaluate(() => {\n      const el = document.getElementById('__cine_cover')\n      if (el) el.style.pointerEvents = 'none'\n    })\n  }\n\n  async function uncover(page: Page): Promise<void> {\n    const running = Take.on(page)\n    await page.evaluate((instant) => {\n      const el = document.getElementById('__cine_cover')\n      if (!el) return\n      if (instant) return el.remove()\n      el.style.opacity = '0'\n      setTimeout(() => el.remove(), 520)\n    }, !!running)\n    running?.cardEnd()\n    await page.waitForTimeout(560)\n  }\n\n  function lowerThird(page: Page, kicker: string, title: string, holdMs = 3200): void {\n    Take.on(page)?.lowerThird(kicker, title, holdMs)\n  }\n\n  async function caption(page: Page, text: string, holdMs?: number): Promise<void> {\n    const running = Take.on(page)\n    if (running) running.captionStart(text)\n    else\n      await page.evaluate(\n        (t) => (window as unknown as { __cine_cap?: (s: string) => void }).__cine_cap?.(t),\n        text\n      )\n    const hold = holdMs ?? Math.min(4200, 900 + text.length * 45)\n    await page.waitForTimeout(hold)\n  }\n\n  async function clearCaption(page: Page): Promise<void> {\n    const running = Take.on(page)\n    if (running) running.captionEnd()\n    else\n      await page.evaluate(() =>\n        (window as unknown as { __cine_cap?: (s: string) => void }).__cine_cap?.('')\n      )\n  }\n\n  async function beat(page: Page, ms = 650): Promise<void> {\n    await page.waitForTimeout(ms)\n  }\n\n  async function glideTo(page: Page, target: string | Locator): Promise<Locator> {\n    const running = Take.on(page)\n    const start = running?.now() ?? 0\n    const { loc, box } = await glide(page, target)\n    if (running && box) running.record({ kind: 'point', start, box })\n    return loc\n  }\n\n  async function click(page: Page, target: string | Locator): Promise<void> {\n    const running = Take.on(page)\n    const start = running?.now() ?? 0\n    const { loc, box } = await glide(page, target)\n    await loc.click()\n    await page.waitForTimeout(260)\n    if (running && box) running.record({ kind: 'click', start, end: running.now(), box })\n  }\n\n  async function type(page: Page, target: string | Locator, text: string): Promise<void> {\n    const running = Take.on(page)\n    const start = running?.now() ?? 0\n    const { loc, box } = await glide(page, target)\n    await loc.click()\n    await loc.fill('')\n    await loc.pressSequentially(text, { delay: 42 })\n    await page.waitForTimeout(240)\n    if (running && box) running.record({ kind: 'type', start, end: running.now(), box })\n  }\n\n  async function focusOn(\n    page: Page,\n    target: string | Locator,\n    label?: string,\n    {\n      holdMs = 2200,\n      callout = true,\n      mode,\n    }: { holdMs?: number; callout?: boolean; mode?: FocusEvent['mode'] } = {}\n  ): Promise<void> {\n    const running = Take.on(page)\n    const start = running?.now() ?? 0\n    const { box } = await glide(page, target)\n    await page.waitForTimeout(holdMs)\n    if (running && box)\n      running.record({ kind: 'focus', label, start, end: running.now(), box, callout, mode })\n  }\n\n  async function readDown(\n    page: Page,\n    target: string | Locator,\n    scrolls = 3,\n    pauseMs = 1600\n  ): Promise<void> {\n    const running = Take.on(page)\n    const start = running?.now() ?? 0\n    const { box } = await glide(page, target)\n    for (let i = 0; i < scrolls; i += 1) {\n      await page.mouse.wheel(0, 320)\n      await beat(page, pauseMs)\n    }\n    await page.mouse.wheel(0, -320 * scrolls)\n    await beat(page, 500)\n    if (running && box) running.record({ kind: 'read', start, end: running.now(), box })\n  }\n\n  async function login(page: Page, opts: { show?: boolean; caption?: string } = {}): Promise<void> {\n    if (!config.creds) throw new Error('createCinematic: pass creds to sign in')\n    await page.goto(loginPath)\n    if (opts.show === false) {\n      await page.getByTestId(ids.email).fill(config.creds.email)\n      await page.getByTestId(ids.password).fill(config.creds.password)\n      await page.getByTestId(ids.submit).click()\n      await page.waitForURL(appUrlPattern, { timeout: 45_000 })\n      return\n    }\n    await caption(page, opts.caption ?? `${b.firmLabel} — signing in.`, 1600)\n    await type(page, ids.email, config.creds.email)\n    await type(page, ids.password, config.creds.password)\n    await click(page, ids.submit)\n    await page.waitForURL(appUrlPattern, { timeout: 45_000 })\n    await beat(page, 800)\n  }\n\n  return {\n    take,\n    installStage,\n    cover,\n    chapter,\n    uncover,\n    lowerThird,\n    caption,\n    clearCaption,\n    beat,\n    glideTo,\n    click,\n    type,\n    focusOn,\n    readDown,\n    login,\n  }\n}\n"]}

package/dist/retrieval/index.cjs

@@ -3,8 +3,8 @@
 
 var chunkQI6AIHWP_cjs = require('../chunk-QI6AIHWP.cjs');
 var chunkOUW6G4O2_cjs = require('../chunk-OUW6G4O2.cjs');
-require('../chunk-C54XEN5T.cjs');
 require('../chunk-MHVNT4J3.cjs');
+require('../chunk-C54XEN5T.cjs');
 require('../chunk-DES3K4SD.cjs');
 
 

package/dist/retrieval/index.js

@@ -1,8 +1,8 @@
 "use client";
 export { ApplyLabelButton, ApplyLabelDialog, DEFAULT_APPLY_LABEL_DIALOG_LABELS, DEFAULT_RELEVANCE_STEPS, DEFAULT_SEARCH_BAR_LABELS, DEFAULT_SEARCH_EMPTY_STATE_LABELS, DEFAULT_SEARCH_GROUP_HEADER_LABELS, DEFAULT_SEARCH_NO_RESULTS_LABELS, DEFAULT_SEARCH_PAGINATION_LABELS, DEFAULT_SEARCH_TOTALS_LABELS, DOCUMENT_SEARCH_NOUNS, Highlight, RelevanceThreshold, SearchBar, SearchControlsBar, SearchEmptyState, SearchErrorBanner, SearchGroupCard, SearchGroupHeader, SearchNoResults, SearchPageBody, SearchPageFrame, SearchPageHeader, SearchPagination, SearchPillToggle, SearchResultList, SearchResultsInner, SearchResultsMain, SearchToolbarRow, SearchTotalsHeadline, getPageNumbers, highlightTerms, searchNouns, splitByTerms, stripMarkdownLinks } from '../chunk-2MJWWPHY.js';
 export { DEFAULT_SEARCH_HIT_LABELS, SearchHit } from '../chunk-A2YAC22G.js';
-import '../chunk-76JDDMSP.js';
 import '../chunk-7F6CBP3Z.js';
+import '../chunk-76JDDMSP.js';
 import '../chunk-VUNV25KB.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map