waygraph 0.15.53 → 0.16.0

package/dist/runner/banner-log.js

@@ -1,63 +0,0 @@
-// Banner (title card) authoring + verbose log helpers. Mirrors the todo dock's probe/log path
-// so an agent without eyes can read banner state from the demo log.
-import { demoLog } from "./demo-log.js";
-
-/** Authored banner UX from a stub phase -> the { pos, collision, hidden } shape installOverlay takes. */
-export function bannerUiFromPhase(phase) {
-  const ui = {};
-  if (phase && phase.titlePos) ui.pos = phase.titlePos;
-  if (phase && phase.bannerUi) {
-    if (phase.bannerUi.collision !== undefined) ui.collision = !!phase.bannerUi.collision;
-    if (phase.bannerUi.hidden !== undefined) ui.hidden = !!phase.bannerUi.hidden;
-    if (phase.bannerUi.captionFadeMs !== undefined) ui.captionFadeMs = Number(phase.bannerUi.captionFadeMs);
-  }
-  return ui;
-}
-
-/** Read the live banner: text, position, whether it was moved by ring collision; drains the move log. */
-export async function probeBanner(page) {
-  return page
-    .evaluate(() => {
-      const b = __wgById("wg-banner");
-      const log = window.__wgBannerLog || [];
-      window.__wgBannerLog = [];
-      if (!b) return { present: false, log };
-      const r = b.getBoundingClientRect();
-      const text = b.querySelector(".wg-banner-text");
-      return {
-        present: true,
-        text: text ? text.textContent : "",
-        pos: b.dataset.pos || null,
-        home: b.dataset.home || null,
-        moved: b.dataset.moved || null,
-        collision: b.dataset.collision !== "0",
-        hidden: b.style.display === "none",
-        authored: b.dataset.authored === "1",
-        left: Math.round(r.left),
-        top: Math.round(r.top),
-        w: Math.round(r.width),
-        h: Math.round(r.height),
-        log,
-      };
-    })
-    .catch(() => ({ present: false, log: [] }));
-}
-
-export function logBannerDom(tag, p) {
-  if (!p) return;
-  if (!p.present) {
-    demoLog("  " + tag + " banner-dom absent");
-    return;
-  }
-  demoLog(
-    "  " + tag + " banner-dom " +
-      JSON.stringify(String(p.text || "").slice(0, 60)) +
-      "@" + p.pos +
-      (p.home && p.home !== p.pos ? " (home=" + p.home + ")" : "") +
-      " " + p.left + "," + p.top + " " + p.w + "x" + p.h +
-      " collision=" + (p.collision ? "on" : "off") +
-      (p.hidden ? " HIDDEN" : "") +
-      (p.authored ? " authored" : ""),
-  );
-  for (const line of p.log || []) demoLog("  " + tag + " banner " + line);
-}

package/dist/runner/chain-run.js

@@ -1,102 +0,0 @@
-// Moved verbatim from the former CHAIN_RUNNER_SCRIPT template string in cli.ts (see src/ARCHITECTURE.md).
-// Runs inside the target project's own waygraph copy - keep it dependency-light and self-contained.
-import { resetPageState } from "./teardown.js";
-import { join } from "node:path";
-import { tmpdir } from "node:os";
-
-/**
- * "chain WAYGRAPH_JSON=1" - the unattended counterpart to "chain --step": no
- * human gate, no overlay, headless by default. The same execution --step
- * already has (session-reset boundaries, per-segment mem-seeding) but
- * reporting built for an agent reading stdout afterward, not a human
- * watching the browser live - a flat JSON object naming exactly which Block
- * failed, what every EARLIER Block resolved to, and a screenshot at the
- * exact moment of failure, since there's no live browser for a human to
- * glance at instead. (Previously its own "waygraph auto" verb - renamed once
- * "auto" came to mean the state-machine discovery tool instead; this is a
- * chain reporting mode, not a distinct command.)
- */
-export async function runJsonReportMode(engine, start, end, context, page, mem, resolved, baseURL) {
-  const steps = [];
-  for (let i = 0; i < resolved.length; i++) {
-    const r = resolved[i];
-    if (r.seedMem) r.seedMem();
-    if (r.resetSession && i > 0) {
-      await resetPageState(context, page, baseURL);
-    }
-    const startedAt = Date.now();
-    const stepFlow = engine.defineFlow([start, r.block, end]);
-    try {
-      const outcome = await stepFlow.run(context, mem, { page, closeOnFinish: false });
-      steps.push({ name: r.block.name, checkpoint: outcome.result, ms: Date.now() - startedAt });
-    } catch (err) {
-      if (r.expectedFailureReason) {
-        steps.push({
-          name: r.block.name,
-          expectedFailure: true,
-          error: err && err.message ? err.message : String(err),
-          ms: Date.now() - startedAt,
-        });
-        return {
-          ok: true,
-          expectedFailure: true,
-          failedAt: r.block.name,
-          reason: r.expectedFailureReason,
-          steps,
-        };
-      }
-      let screenshot = null;
-      try {
-        screenshot = join(tmpdir(), "waygraph-chain-failure-" + Date.now() + ".png");
-        await page.screenshot({ path: screenshot, fullPage: true });
-      } catch {
-        screenshot = null;
-      }
-      return {
-        ok: false,
-        failedAt: r.block.name,
-        stepIndex: i,
-        totalSteps: resolved.length,
-        error: err && err.message ? err.message : String(err),
-        steps,
-        screenshot,
-      };
-    }
-  }
-  return { ok: true, result: steps.length > 0 ? steps[steps.length - 1].checkpoint : null, steps };
-}
-
-
-export function isExpectedChainFailure(chainFlows, err) {
-  if (!chainFlows || chainFlows.length === 0) return false;
-  const last = chainFlows[chainFlows.length - 1];
-  if (!last?.expectedFailureReason) return false;
-  const msg = err && err.message ? err.message : String(err);
-  return msg.includes("viewer-login") || msg.includes("reached-inventory-or-genuinely-blocked");
-}
-
-
-export async function runChainedFlows(chainFlow, chainFlows, context, mem, page) {
-  try {
-    const outcome = await chainFlow(...chainFlows).run(context, mem, { page, closeOnFinish: false });
-    return outcome?.result !== undefined ? outcome.result : outcome;
-  } catch (err) {
-    if (isExpectedChainFailure(chainFlows, err)) {
-      return { __expectedFailure: true, message: err && err.message ? err.message : String(err) };
-    }
-    throw err;
-  }
-}
-
-
-/** Parses WAYGRAPH_VIDEO_VIEWPORT / --video-viewport: "1920x1080" or "1920,1080". */
-export function parseVideoViewport(raw) {
-  if (!raw || !raw.trim()) return null;
-  const m = raw.trim().match(/^(\d{3,5})[xX,](\d{3,5})$/);
-  if (!m) return null;
-  const width = Number(m[1]);
-  const height = Number(m[2]);
-  if (!Number.isFinite(width) || !Number.isFinite(height)) return null;
-  if (width < 320 || height < 240 || width > 7680 || height > 4320) return null;
-  return { width, height };
-}

package/dist/runner/cursor.js

@@ -1,140 +0,0 @@
-// Moved verbatim from the former CHAIN_RUNNER_SCRIPT template string in cli.ts (see src/ARCHITECTURE.md).
-// Runs inside the target project's own waygraph copy - keep it dependency-light and self-contained.
-
-export async function moveCursorTo(page, box, ms) {
-  const x = box.x + box.width / 2;
-  const y = box.y + box.height / 2;
-  const travel = Math.max(0, Number(ms) || 0);
-  await page
-    .evaluate(({ x, y, ms }) => {
-      if (window.__wgMoveCursorTo) window.__wgMoveCursorTo(x, y, ms);
-    }, { x, y, ms: travel })
-    .catch(() => {});
-  // CSS transition is async - wait the full travel so the cursor is ON the
-  // target before ring/pulse/real click (NavBlock click nav was skipping
-  // this and looked like a teleport).
-  if (travel > 0) {
-    await new Promise((res) => setTimeout(res, travel));
-  }
-  return { x, y };
-}
-
-
-export async function clickPulseAt(page, x, y, tone) {
-  await page
-    .evaluate(({ x, y, tone }) => {
-      if (window.__wgClickPulse) window.__wgClickPulse(x, y, tone || "planned");
-    }, { x, y, tone: tone || "planned" })
-    .catch(() => {});
-}
-
-
-/**
- * Touch swipe trail (mobile/tablet). dir: left|right|up|down.
- * Returns after the trail animation completes.
- * Self-contained when overlay helper is not installed yet (device runs before panel).
- */
-export async function playSwipeTrail(page, opts) {
-  const o = opts || {};
-  const waitMs = await page
-    .evaluate((payload) => {
-      if (typeof window.__wgSwipeTrail === "function") {
-        return window.__wgSwipeTrail(payload);
-      }
-      // Fallback: inject a one-shot trail without full overlay install.
-      const dir =
-        payload.dir === "right" || payload.dir === "up" || payload.dir === "down"
-          ? payload.dir
-          : "left";
-      const ms = Math.max(280, Math.min(1400, Number(payload.ms) || 720));
-      const label = payload.label || "swipe";
-      let layer = __wgById("wg-swipe-layer");
-      if (layer) layer.remove();
-      layer = document.createElement("div");
-      layer.id = "wg-swipe-layer";
-      layer.setAttribute("data-wg-ui", "1");
-      layer.style.cssText =
-        "position:fixed;inset:0;z-index:2147483646;pointer-events:none;overflow:hidden;";
-      const finger = document.createElement("div");
-      finger.style.cssText =
-        "position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;" +
-        "background:rgba(15,23,42,.92);border:2px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.4);";
-      const lab = document.createElement("div");
-      lab.textContent = label;
-      lab.style.cssText =
-        "position:absolute;left:50%;top:18%;transform:translateX(-50%);padding:6px 12px;" +
-        "border-radius:999px;background:rgba(15,23,42,.88);color:#e0f2fe;" +
-        "border:1px solid rgba(56,189,248,.55);font:700 12px/1.2 system-ui,sans-serif;";
-      layer.appendChild(lab);
-      layer.appendChild(finger);
-      __wgAdd(layer);
-      const vw = window.innerWidth || 390;
-      const vh = window.innerHeight || 844;
-      const pad = Math.min(vw, vh) * 0.18;
-      let x0;
-      let y0;
-      let x1;
-      let y1;
-      if (dir === "left") {
-        x0 = vw - pad;
-        x1 = pad;
-        y0 = y1 = vh * 0.52;
-      } else if (dir === "right") {
-        x0 = pad;
-        x1 = vw - pad;
-        y0 = y1 = vh * 0.52;
-      } else if (dir === "up") {
-        x0 = x1 = vw * 0.5;
-        y0 = vh - pad;
-        y1 = pad;
-      } else {
-        x0 = x1 = vw * 0.5;
-        y0 = pad;
-        y1 = vh - pad;
-      }
-      finger.style.left = x0 + "px";
-      finger.style.top = y0 + "px";
-      const steps = 12;
-      const stepMs = Math.floor(ms / steps);
-      for (let i = 1; i <= steps; i++) {
-        const t = i / steps;
-        const e = t * t * (3 - 2 * t);
-        const x = x0 + (x1 - x0) * e;
-        const y = y0 + (y1 - y0) * e;
-        setTimeout(() => {
-          finger.style.left = x + "px";
-          finger.style.top = y + "px";
-          const dot = document.createElement("div");
-          dot.style.cssText =
-            "position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;" +
-            "background:rgba(147,197,253,.55);border:2px solid rgba(255,255,255,.85);left:" +
-            x +
-            "px;top:" +
-            y +
-            "px;opacity:" +
-            (0.85 - t * 0.55) +
-            ";transition:opacity .45s ease,transform .45s ease;";
-          layer.appendChild(dot);
-          requestAnimationFrame(() => {
-            dot.style.opacity = "0";
-            dot.style.transform = "scale(1.8)";
-          });
-          if (i === steps) {
-            setTimeout(() => {
-              const el = __wgById("wg-swipe-layer");
-              if (el) el.remove();
-            }, 400);
-          }
-        }, i * stepMs);
-      }
-      return ms + 120;
-    }, {
-      dir: o.dir || "left",
-      label: o.label || "swipe",
-      hint: o.hint || "",
-      ms: o.ms || 720,
-    })
-    .catch(() => 0);
-  const n = Number(waitMs) || 0;
-  if (n > 0) await new Promise((r) => setTimeout(r, n));
-}

package/dist/runner/demo-log.js

@@ -1,316 +0,0 @@
-// Moved verbatim from the former CHAIN_RUNNER_SCRIPT template string in cli.ts (see src/ARCHITECTURE.md).
-// Runs inside the target project's own waygraph copy - keep it dependency-light and self-contained.
-import { demoPaceIsFast, demoPaceIsSlow, formatDemoPaceBadge, formatDemoPaceLabel, normalizeDemoPace, normalizeHighlightTone } from "../highlights.js";
-import { join } from "node:path";
-
-export function demoPaceKind(pace) {
-  const p = normalizeDemoPace(pace);
-  if (typeof p === "number" && p > 20) return "ms";
-  if (typeof p === "number") return demoPaceIsSlow(p) ? "num-slow" : demoPaceIsFast(p) ? "fast" : "normal";
-  if (p === "blitz" || p === "fast" || p === "slow") return p;
-  return "normal";
-}
-
-
-export function paceSpeakFields(pace, baseAutoplayMs) {
-  const p = normalizeDemoPace(pace);
-  const base = Number.isFinite(baseAutoplayMs) && baseAutoplayMs > 0 ? baseAutoplayMs : 1800;
-  return {
-    pace: p,
-    paceBadge: formatDemoPaceBadge(p, base),
-    paceLabel: formatDemoPaceLabel(p, base),
-    paceKind: demoPaceKind(p),
-  };
-}
-
-
-/** Demo CLI chatter (agents use this to ballpark timing / todo layout). Off for WAYGRAPH_JSON. */
-function demoQuiet() {
-  return process.env.WAYGRAPH_JSON === "1";
-}
-
-function demoColorEnabled() {
-  // FORCE_COLOR wins (agents/CI often set NO_COLOR=1).
-  if (process.env.FORCE_COLOR && process.env.FORCE_COLOR !== "0") return true;
-  if (process.env.NO_COLOR === "1" || process.env.NO_COLOR === "true") return false;
-  if (process.env.FORCE_COLOR === "0") return false;
-  return !!(
-    (process.stderr && process.stderr.isTTY) ||
-    (process.stdout && process.stdout.isTTY)
-  );
-}
-
-const ESC = String.fromCharCode(27);
-
-export const ANSI = {
-  reset: ESC + "[0m",
-  bold: ESC + "[1m",
-  dim: ESC + "[2m",
-  purple: ESC + "[38;5;141m",
-  blue: ESC + "[38;5;75m",
-  yellow: ESC + "[38;5;220m",
-  red: ESC + "[38;5;203m",
-  green: ESC + "[38;5;114m",
-  gray: ESC + "[38;5;246m",
-  cyan: ESC + "[38;5;87m",
-  magenta: ESC + "[38;5;213m",
-  white: ESC + "[37m",
-};
-
-export function ansiPaint(code, text) {
-  if (!demoColorEnabled() || text == null || text === "") return String(text ?? "");
-  return code + String(text) + ANSI.reset;
-}
-
-function toneAnsi(tone) {
-  const t = normalizeHighlightTone(tone);
-  if (t === "info") return ANSI.blue;
-  if (t === "warning") return ANSI.yellow;
-  if (t === "danger") return ANSI.red;
-  if (t === "success") return ANSI.green;
-  if (t === "auto") return ANSI.gray;
-  return ANSI.purple;
-}
-
-function toneName(tone) {
-  const t = normalizeHighlightTone(tone);
-  if (t === "info") return "BLUE";
-  if (t === "warning") return "YELLOW";
-  if (t === "danger") return "RED";
-  if (t === "success") return "GREEN";
-  if (t === "auto") return "GRAY";
-  return "PURPLE";
-}
-
-/** Optional authored CSS color (#rrggbb) -> truecolor ANSI when TTY. */
-function hexAnsi(hex) {
-  if (!hex || typeof hex !== "string") return null;
-  const m = String(hex).trim().match(/^#?([0-9a-fA-F]{6})$/);
-  if (!m) return null;
-  const n = parseInt(m[1], 16);
-  const r = (n >> 16) & 255;
-  const g = (n >> 8) & 255;
-  const b = n & 255;
-  return ESC + "[38;2;" + r + ";" + g + ";" + b + "m";
-}
-
-function demoTs() {
-  const d = new Date();
-  const p = (n) => String(n).padStart(2, "0");
-  const ms = String(d.getMilliseconds()).padStart(3, "0");
-  return (
-    p(d.getHours()) +
-    ":" +
-    p(d.getMinutes()) +
-    ":" +
-    p(d.getSeconds()) +
-    "." +
-    ms
-  );
-}
-
-function demoPrefix() {
-  return ansiPaint(ANSI.dim, "[" + demoTs() + "]") + " waygraph demo: ";
-}
-
-export function demoLog(msg) {
-  if (demoQuiet()) return;
-  console.log(demoPrefix() + msg);
-}
-
-/** Fixture catch-all: how it was called + value. */
-export function demoFixture(kind, call, value) {
-  if (demoQuiet()) return;
-  const head = ansiPaint(ANSI.cyan, "FIXTURE") + " " + ansiPaint(ANSI.bold, kind);
-  const callPart = call ? " " + ansiPaint(ANSI.dim, call) : "";
-  let val = "";
-  if (value !== undefined) {
-    if (typeof value === "string") val = value;
-    else {
-      try {
-        val = JSON.stringify(value);
-      } catch {
-        val = String(value);
-      }
-    }
-    if (val.length > 220) val = val.slice(0, 217) + "...";
-    val = " = " + ansiPaint(ANSI.white, val);
-  }
-  console.log(demoPrefix() + head + callPart + val);
-}
-
-/** Highlight trigger line: PURPLE · Cart items - Product landed in cart */
-export function demoHighlight(h, extra) {
-  if (demoQuiet()) return;
-  const tone = h && h.tone != null ? h.tone : "planned";
-  const paint = hexAnsi(h && h.color) || toneAnsi(tone);
-  const name = toneName(tone);
-  const label = String((h && h.label) || "").trim() || "(no label)";
-  const sel = h && h.selector ? String(h.selector) : "";
-  const bits = [];
-  if (h && h.focus) bits.push("focus");
-  if (h && h.zoom != null && Number(h.zoom) > 1) bits.push("zoom=" + h.zoom);
-  if (h && h.zoomOut === false) bits.push("zoomOut=false");
-  if (h && h.gesture) bits.push("gesture=" + h.gesture);
-  if (h && h.weight && h.weight !== "normal") bits.push("weight=" + h.weight);
-  if (h && h.size && h.size !== "md") bits.push("size=" + h.size);
-  if (h && h.color) bits.push("color=" + h.color);
-  if (extra) bits.push(extra);
-  const line =
-    ansiPaint(paint, name) +
-    " · " +
-    ansiPaint(paint, label) +
-    (sel ? ansiPaint(ANSI.dim, "  sel=" + sel) : "") +
-    (bits.length ? ansiPaint(ANSI.dim, "  [" + bits.join(" ") + "]") : "");
-  console.log(demoPrefix() + ansiPaint(ANSI.magenta, "HIGHLIGHT") + " " + line);
-}
-
-export function logStubPhaseFixtures(phaseName, phase) {
-  if (demoQuiet() || !phase) return;
-  const tag = "stub." + phaseName;
-  if (phase.title) demoFixture(tag, "ctx.title(...)", JSON.stringify(phase.title));
-  if (phase.banner) demoFixture(tag, "ctx.banner(...)", JSON.stringify(phase.banner));
-  if (phase.titlePos) demoFixture(tag, "ctx.titlePos(...)", JSON.stringify(phase.titlePos));
-  if (phase.bannerUi) demoFixture(tag, "ctx.bannerUi(...)", JSON.stringify(phase.bannerUi));
-  if (phase.deviceSync && phase.deviceSync !== "keep") {
-    demoFixture(
-      tag,
-      phase.deviceSync === "clear" ? "ctx.clearDevice()" : "ctx.device(...)",
-      phase.device
-        ? {
-            preset: phase.device.preset,
-            w: phase.device.viewport && phase.device.viewport.width,
-            h: phase.device.viewport && phase.device.viewport.height,
-            orient: phase.device.orientation,
-            touch: !!phase.device.touchMode,
-          }
-        : phase.deviceSync,
-    );
-  }
-  if (phase.zoom != null) demoFixture(tag, "ctx.zoom(" + phase.zoom + ")", phase.zoom + "x");
-  if (phase.zoomOut !== undefined) demoFixture(tag, "ctx.zoomOut(" + !!phase.zoomOut + ")", !!phase.zoomOut);
-  if (phase.todoSync && phase.todoSync !== "keep") {
-    demoFixture(
-      tag,
-      phase.todoSync === "clear" ? "ctx.hideTodos() / clear" : "ctx.todos(...)",
-      phase.todoDock
-        ? {
-            id: phase.todoDock.id,
-            pos: phase.todoDock.pos,
-            title: phase.todoDock.title,
-            n: (phase.todos && phase.todos.length) || 0,
-          }
-        : phase.todoSync,
-    );
-  }
-  const rings = phase.highlights || [];
-  for (let i = 0; i < rings.length; i++) {
-    const h = rings[i];
-    demoFixture(
-      tag,
-      "ctx.ring/highlights[" + i + "]",
-      {
-        selector: h.selector,
-        label: h.label || h.caption,
-        detail: h.detail,
-        tone: h.tone || "planned",
-        color: h.color,
-        focus: !!h.focus,
-        zoom: h.zoom,
-        zoomOut: h.zoomOut,
-        gesture: h.gesture,
-        duration: h.duration,
-      },
-    );
-  }
-  if (phase.slides && phase.slides.length) {
-    demoFixture(tag, "ctx.slides(...)", { n: phase.slides.length });
-  }
-}
-
-function summarizeTodoDock(dock) {
-  if (!dock) return "todos=none";
-  const id = dock.id || "_default";
-  const pos = dock.pos || "left";
-  const style = dock.style || "sequential";
-  const title = dock.title ? String(dock.title) : "";
-  const items = [];
-  for (const g of dock.groups || []) {
-    for (const t of g.items || []) items.push(t);
-  }
-  const cur = items.find((t) => t.current);
-  const done = items.filter((t) => t.done).length;
-  return (
-    "todos id=" +
-    id +
-    " pos=" +
-    pos +
-    " style=" +
-    style +
-    (title ? ' title="' + title + '"' : "") +
-    " n=" +
-    items.length +
-    " done=" +
-    done +
-    (cur && cur.text ? ' current="' + String(cur.text).slice(0, 48) + '"' : "")
-  );
-}
-
-/** Full todo dump for agents (every group/item id + flags). */
-export function logTodoDockFull(dock, tag) {
-  const prefix = tag ? tag + " " : "";
-  if (!dock) {
-    demoLog(prefix + "todos=none");
-    return;
-  }
-  demoLog(prefix + summarizeTodoDock(dock));
-  const groups = dock.groups || [];
-  if (!groups.length) {
-    demoLog(prefix + "  (no groups)");
-    return;
-  }
-  for (let gi = 0; gi < groups.length; gi++) {
-    const g = groups[gi];
-    const gLabel =
-      "group[" +
-      gi +
-      "]" +
-      (g.id ? " id=" + g.id : "") +
-      (g.title ? ' title="' + String(g.title).slice(0, 40) + '"' : "") +
-      (g.style ? " style=" + g.style : "");
-    demoLog(prefix + "  " + gLabel);
-    const items = g.items || [];
-    for (let ti = 0; ti < items.length; ti++) {
-      const t = items[ti];
-      const mark = t.done ? "done" : t.current ? "CURRENT" : "pending";
-      demoLog(
-        prefix +
-          "    [" +
-          ti +
-          "] " +
-          mark +
-          (t.id ? " id=" + t.id : "") +
-          ' text="' +
-          String(t.text || "").slice(0, 80) +
-          '"' +
-          (t.detail ? ' detail="' + String(t.detail).slice(0, 40) + '"' : ""),
-      );
-    }
-  }
-}
-
-export function summarizeDevice(d) {
-  if (!d) return "device=none";
-  const vp = d.viewport || {};
-  return (
-    "device=" +
-    (d.preset || "?") +
-    " " +
-    (vp.width || "?") +
-    "x" +
-    (vp.height || "?") +
-    " " +
-    (d.orientation || "?") +
-    (d.touchMode ? " touch" : "")
-  );
-}

package/dist/runner/device-stage.d.ts

@@ -1,9 +0,0 @@
-import type { Page } from "@playwright/test";
-import type { DeviceState } from "../highlights.js";
-
-export function applyDeviceToPage(
-  page: Page,
-  device: DeviceState | undefined,
-  sync: "set" | "clear" | "keep",
-): Promise<void>;
-export function applyVideoDeviceStage(page: Page, shell: unknown, viewport: unknown, opts?: unknown): Promise<void>;