waygraph 0.15.54 → 0.16.0

package/dist/runner/teardown.js

@@ -1,202 +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 { installOverlay } from "./overlay-install.js";
-import { applyDeviceToPage } from "./device-stage.js";
-import { showRing } from "./rings.js";
-import { formatHighlightCaption } from "../highlights.js";
-
-/**
- * Patches Locator.prototype.fill (via any real locator's own prototype
- * chain - Playwright doesn't export the class directly) so every fill(),
- * regardless of how the Block built that locator (page.locator, chained
- * .getByLabel off a scoped form locator, etc.), highlights the real target
- * first, then types it out character by character instead of snapping the
- * whole value in - "when something is written from mem, it should
- * highlight then slowly input." One-time patch (idempotent - guarded so a
- * multi-step chain doesn't re-wrap an already-wrapped fill).
- */
-/**
- * Called once the gate resolves - manual click OR autoplay timeout, both
- * covered from here rather than duplicating this in the in-page click
- * handler - right before the Block's own act() actually starts. Dan: "i
- * want the button, step is running thing. so i wont be able to interrupt
- * the playwright automation" - the "Run this step" button used to sit
- * there still looking clickable for the entire multi-second duration a
- * real act()/observe() takes, inviting a confusing extra click (harmless -
- * __wgNext no-ops once already consumed - but looked live when it wasn't).
- * Disables the button and mem-key textareas, and swaps whichever gate
- * text was showing (manual button or "Auto-advancing...") to "Running...".
- * ALWAYS collapses the panel while act() runs - leaving it expanded was a
- * real bug: #wg-panel sits at z-index max with pointer-events:auto, so
- * Playwright's login/add-to-cart clicks hit the stepper instead of the app
- * ("subtree intercepts pointer events"). Empty/partial fills + a lucky
- * edge click on Login then produced Sauce Demo's Epic sadface, verify
- * still passed on the error banner, and the next block blew up. Collapse
- * also matches Dan's "step is running / can't interrupt" ask. (_opts kept
- * for call-site compat; autoCollapsePanel is now unconditional.)
- */
-export async function markStepRunning(page, _opts) {
-  await page
-    .evaluate(() => {
-      const runBtn = __wgById("wg-run");
-      if (runBtn) {
-        runBtn.disabled = true;
-        runBtn.textContent = "Running \u25B6";
-      }
-      const autoEl = __wgById("wg-gate-auto");
-      if (autoEl) autoEl.textContent = "Running...";
-      __wgQA("#wg-panel textarea[data-key]").forEach((ta) => {
-        ta.disabled = true;
-      });
-      const panel = __wgById("wg-panel");
-      if (panel) {
-        panel.classList.add("wg-collapsed");
-        panel.setAttribute("data-wg-collapsed", "1");
-        panel.setAttribute("data-wg-phase", "running");
-        if (typeof window.__wgStampModal === "function") {
-          window.__wgStampModal(panel, "panel", {
-            phase: "running",
-            ready: true,
-          });
-        }
-        const toggle = panel.querySelector("[data-wg-toggle]");
-        if (toggle) toggle.textContent = "Show";
-        const titleEl = panel.querySelector(".wg-chrome-title");
-        const label = panel.dataset.wgStepLabel;
-        if (titleEl && label) titleEl.textContent = label;
-        const miniNext = panel.querySelector("[data-wg-mini-next]");
-        if (miniNext) {
-          miniNext.disabled = true;
-          miniNext.classList.remove("wg-mini-next-show");
-        }
-      }
-    })
-    .catch(() => {});
-}
-
-
-/**
- * Real navigation wipes document + overlay helpers. Reinstall and re-paint
- * carried todos / device / optional stubBefore ring so keep-dock and nav
- * highlights do not vanish until the next ctx.todos() / stubAfter (PIA #15).
- */
-export async function restoreTheaterAfterNavigation(page, todoDockRef, deviceRef, stubBeforeRef) {
-  const needs =
-    (await page
-      .evaluate(() => !window.__wgSyncTodos || !__wgById("wg-ring"))
-      .catch(() => true)) || false;
-  if (!needs) {
-    // Overlay survived (SPA / no full document wipe) - still refresh dock
-    // if Node has a carry and the DOM lost .wg-todo-dock.
-    const hasDock = await page
-      .evaluate(() => !!__wgQ(".wg-todo-dock, #wg-todo-dock"))
-      .catch(() => false);
-    if (hasDock || !todoDockRef || !todoDockRef.current) return;
-  }
-  await installOverlay(page);
-  const dock = todoDockRef && todoDockRef.current;
-  if (dock) {
-    await page
-      .evaluate((d) => {
-        if (window.__wgSyncTodos) window.__wgSyncTodos({ sync: "set", dock: d });
-      }, dock)
-      .catch(() => {});
-  }
-  if (deviceRef && deviceRef.current) {
-    await applyDeviceToPage(page, deviceRef.current, "set").catch(() => {});
-  }
-  // Re-show first matching stubBefore ring if selector still exists (sidebar
-  // nav targets often survive the route change).
-  const stubs = (stubBeforeRef && stubBeforeRef.current) || [];
-  for (const h of stubs) {
-    if (!h || !h.selector) continue;
-    // Playwright's own locator (>> piercing / :has-text() / :visible support), not a raw
-    // querySelector string - see rings.js's showRing for the same fix, same reason. count() gate:
-    // Locator.evaluate() has no timeout option and auto-waits ~30s for a match to appear - count()
-    // never waits, keeping this an immediate "does it still exist" check (this selector routinely
-    // won't, after a route change - that's the whole point of the loop).
-    const hLoc = page.locator(h.selector).first();
-    const box =
-      (await hLoc.count().catch(() => 0)) > 0
-        ? await hLoc
-            .evaluate((el) => {
-              const r = el.getBoundingClientRect();
-              if (r.width < 2 || r.height < 2) return null;
-              return { x: r.x, y: r.y, width: r.width, height: r.height };
-            })
-            .catch(() => null)
-        : null;
-    if (box) {
-      await showRing(page, box, formatHighlightCaption(h), h.tone || "planned", {
-        size: h.size,
-        weight: h.weight,
-        selector: h.selector,
-        focus: !!h.focus,
-      }).catch(() => {});
-      break;
-    }
-  }
-}
-
-
-/**
- * Removes every overlay element (panel, ring, ring-label, cursor,
- * click-pulse, banner) and stops the live resize/scroll ring tracker, once
- * the whole chain is genuinely done - "I want to see the same page just
- * like the demo opened for the first time," not the last step's panel and
- * highlight ring stuck over the real app forever. installOverlay only ever
- * ADDS these elements back on demand (idempotent, per-page-load) - nothing
- * re-creates them once torn down here unless another Block/fill/click runs.
- */
-export async function teardownOverlay(page) {
-  await page
-    .evaluate(() => {
-      if (window.__wgRingTrack) {
-        window.removeEventListener("resize", window.__wgRingTrack);
-        window.removeEventListener("scroll", window.__wgRingTrack, true);
-        window.__wgRingTrack = null;
-      }
-      window.__wgNarrateOwnsRing = false;
-      for (const id of [
-        "wg-panel",
-        "wg-ring",
-        "wg-ring-label",
-        "wg-cursor",
-        "wg-click-pulse",
-        "wg-banner",
-        "wg-todo-dock",
-        "wg-device-shell",
-        "wg-device-toast",
-        "wg-device-badge",
-      ]) {
-        const el = __wgById(id);
-        if (el) el.remove();
-      }
-      __wgQA(".wg-todo-dock").forEach((el) => el.remove());
-      document.documentElement.classList.remove("wg-video-device-stage");
-    })
-    .catch(() => {});
-}
-
-
-/**
- * Clears cookies + storage and re-navigates to a known-fresh page. Shared by
- * the per-block session-reset check below and by the error panel's own
- * "Retry Episode" button - a retry needs the exact same clean slate a normal
- * episode boundary gets, not just re-running the failed block against
- * whatever broken/half-navigated state it left the page in.
- */
-export async function resetPageState(context, page, baseURL) {
-  await context.clearCookies().catch(() => {});
-  await page
-    .evaluate(() => {
-      try {
-        localStorage.clear();
-        sessionStorage.clear();
-      } catch {
-        /* storage blocked (e.g. about:blank) - nothing to clear anyway */
-      }
-    })
-    .catch(() => {});
-  await page.goto(baseURL || "about:blank").catch(() => {});
-}

package/dist/runner/todo-dock.js

@@ -1,142 +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 { join } from "node:path";
-import { advanceTodoDock } from "../highlights.js";
-import { demoLog } from "./demo-log.js";
-
-function todosHtmlFromInfo(info, escFn) {
-  const list = info.todos || [];
-  if (!list.length) return "";
-  return (
-    "<ul id=\"wg-todos\">" +
-    list
-      .map((t) => {
-        const cls = t.current ? "wg-todo-current" : t.done ? "wg-todo-done" : "wg-todo-pending";
-        const mark = t.done ? "\u2713" : t.current ? "\u2192" : "\u25CB";
-        return (
-          "<li class=\"" +
-          cls +
-          "\"><span class=\"wg-todo-mark\">" +
-          mark +
-          "</span><span>" +
-          escFn(t.text || "") +
-          "</span></li>"
-        );
-      })
-      .join("") +
-    "</ul>"
-  );
-}
-
-
-/** Flatten dock items in order (sequential groups). */
-function flattenTodoDockItems(dock) {
-  const items = [];
-  if (!dock || !dock.groups) return items;
-  for (const g of dock.groups) {
-    for (const t of g.items || []) items.push(t);
-  }
-  return items;
-}
-
-
-/**
- * Resolve which todo index a matched stub should advance to.
- * Prefer stub.todo / stub.slotId / stub.id against item.id; never jump backward.
- */
-function resolveTodoAdvanceIndex(dock, stub, stubIndex) {
-  const items = flattenTodoDockItems(dock);
-  if (!items.length) return stubIndex;
-  const curIdx = items.findIndex((t) => t.current);
-  let idx = stubIndex;
-  const key = stub && (stub.todo || stub.slotId || stub.id);
-  if (key) {
-    const k = String(key).trim().toLowerCase();
-    let found = items.findIndex((t) => t.id && String(t.id).toLowerCase() === k);
-    if (found < 0) {
-      // username -> login-user, password -> login-pass, submit -> login-submit
-      const aliases = {
-        username: ["login-user", "user", "email"],
-        password: ["login-pass", "pass"],
-        submit: ["login-submit", "login", "tap-login"],
-        user: ["login-user", "username"],
-        pass: ["login-pass", "password"],
-      };
-      const alts = aliases[k] || [];
-      for (const a of alts) {
-        found = items.findIndex((t) => t.id && String(t.id).toLowerCase() === a);
-        if (found >= 0) break;
-      }
-    }
-    if (found < 0) {
-      found = items.findIndex(
-        (t) =>
-          (t.id && String(t.id).toLowerCase().includes(k)) ||
-          (t.text && String(t.text).toLowerCase().includes(k)),
-      );
-    }
-    if (found >= 0) idx = found;
-  }
-  // Monotonic: never retreat the walkthrough.
-  if (curIdx >= 0 && idx < curIdx) idx = curIdx;
-  return idx;
-}
-
-
-/** Advance sequential todo dock to stubIndex and push to the page (Method act). */
-export async function syncTodoDockAdvance(page, todoDockRef, stubIndex, stub) {
-  if (!todoDockRef || stubIndex < 0) return;
-  const prev = todoDockRef.current;
-  if (!prev) return;
-  const idx = resolveTodoAdvanceIndex(prev, stub || null, stubIndex);
-  const advanced = advanceTodoDock(prev, idx);
-  todoDockRef.current = advanced;
-  demoLog(
-    "  todo advance -> idx=" +
-      idx +
-      (stub && (stub.slotId || stub.todo)
-        ? " slot=" + (stub.todo || stub.slotId)
-        : " stub#" + stubIndex) +
-      ' current="' +
-      String(
-        (flattenTodoDockItems(advanced).find((t) => t.current) || {}).text || "",
-      ).slice(0, 40) +
-      '"',
-  );
-  await page
-    .evaluate((dock) => {
-      if (window.__wgSyncTodos) {
-        window.__wgSyncTodos({ sync: "set", dock });
-      }
-    }, advanced)
-    .catch(() => {});
-}
-
-export async function probeTodoDocksOnPage(page) {
-  return page
-    .evaluate(() => {
-      const docks = [...__wgQA(".wg-todo-dock, #wg-todo-dock")];
-      return docks.map((el) => {
-        const r = el.getBoundingClientRect();
-        const items = el.querySelectorAll("li");
-        let current = "";
-        items.forEach((li) => {
-          if (li.classList.contains("wg-todo-current")) {
-            current = (li.textContent || "").replace(/s+/g, " ").trim().slice(0, 48);
-          }
-        });
-        return {
-          key: el.getAttribute("data-wg-todo-key") || el.id || "?",
-          pos: el.dataset.pos || "?",
-          top: Math.round(r.top),
-          left: Math.round(r.left),
-          w: Math.round(r.width),
-          h: Math.round(r.height),
-          onScreen: r.bottom > 0 && r.right > 0 && r.top < innerHeight && r.left < innerWidth,
-          n: items.length,
-          current,
-        };
-      });
-    })
-    .catch(() => []);
-}

package/dist/session/step-overlay.d.ts

@@ -1,37 +0,0 @@
-import type { Page } from "@playwright/test";
-import type { MemPage } from "../mem-page.js";
-export declare function installDemoChrome(page: Page, title?: string, options?: {
-    banner?: boolean;
-}): Promise<void>;
-/** Demo cursor + ring on fill/click during auto explore headful runs (automation = gray). */
-export declare function instrumentInteractionHighlighting(page: Page, mem: MemPage, slowMo: number): void;
-declare global {
-    interface Window {
-        __wgMoveCursorTo?: (x: number, y: number, ms?: number) => void;
-        __wgClickPulse?: (x: number, y: number, tone?: string) => void;
-        __wgPositionRing?: (box: {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        }, label: string, tone?: string) => void;
-        __wgHideRing?: () => void;
-        __wgPendingNavClickLabel?: string;
-        __wgWirePanelChrome?: (panel: HTMLElement, storageKey: string, chromeTitle?: string) => void;
-        __wgStampModal?: (el: Element, kind: string, meta?: Record<string, unknown>) => void;
-        __wgOverlayBeacon?: () => Array<{
-            id: string | null;
-            modal: string | null;
-            ready: boolean;
-            phase: string | null;
-            step: string | null;
-            block: string | null;
-            collapsed: boolean;
-            opacity: string;
-            textLen: number;
-            w: number;
-            h: number;
-            visible: boolean;
-        }>;
-    }
-}

package/dist/session/step-overlay.js

@@ -1,244 +0,0 @@
-import { ensureShadowRoot } from "../ui/shadow.js";
-const FAVICON = "data:image/svg+xml," +
-    encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='16' cy='16' r='14' fill='#7C3AED'/></svg>");
-export async function installDemoChrome(page, title = "waygraph auto", options = {}) {
-    const showBanner = options.banner !== false;
-    // ring/cursor/banner CSS comes from the one shared bundle - see ui/css/README.md.
-    await ensureShadowRoot(page);
-    await page
-        .evaluate(({ title, favicon, showBanner }) => {
-        if (!__wgById("wg-ring")) {
-            const ring = document.createElement("div");
-            ring.id = "wg-ring";
-            __wgAdd(ring);
-        }
-        if (!__wgById("wg-ring-label")) {
-            const ringLabel = document.createElement("div");
-            ringLabel.id = "wg-ring-label";
-            __wgAdd(ringLabel);
-        }
-        if (!__wgById("wg-cursor")) {
-            const cursor = document.createElement("div");
-            cursor.id = "wg-cursor";
-            cursor.innerHTML =
-                "<svg viewBox='0 0 32 32' width='24' height='24'>" +
-                    "<path fill='#0C0C1A' stroke='#fff' stroke-width='1.4' stroke-linejoin='round' " +
-                    "d='M6 3.5l1.4 22.5 5.8-5.4 4.2 9.4 3.6-1.6-4.2-9.2H26z'/></svg>";
-            __wgAdd(cursor);
-        }
-        if (!__wgById("wg-click-pulse")) {
-            const pulse = document.createElement("div");
-            pulse.id = "wg-click-pulse";
-            __wgAdd(pulse);
-        }
-        window.__wgMoveCursorTo = (x, y, ms) => {
-            const cursor = __wgById("wg-cursor");
-            if (!cursor)
-                return;
-            cursor.style.setProperty("--wg-cursor-ms", (ms || 600) + "ms");
-            cursor.style.transform = "translate(" + x + "px," + y + "px)";
-            cursor.style.opacity = "1";
-        };
-        window.__wgClickPulse = (x, y, tone) => {
-            const pulse = __wgById("wg-click-pulse");
-            if (!pulse)
-                return;
-            const raw = (tone || "planned") + "";
-            pulse.dataset.tone =
-                raw === "auto" ||
-                    raw === "info" ||
-                    raw === "warning" ||
-                    raw === "danger" ||
-                    raw === "success"
-                    ? raw
-                    : "planned";
-            pulse.style.left = x + "px";
-            pulse.style.top = y + "px";
-            pulse.classList.remove("wg-pulse");
-            void pulse.offsetWidth;
-            pulse.classList.add("wg-pulse");
-        };
-        window.__wgPositionRing = (box, label, tone, style) => {
-            const ring = __wgById("wg-ring");
-            const ringLabel = __wgById("wg-ring-label");
-            if (!ring || !ringLabel)
-                return;
-            const raw = (tone || "planned") + "";
-            const t = raw === "auto" ||
-                raw === "info" ||
-                raw === "warning" ||
-                raw === "danger" ||
-                raw === "success"
-                ? raw
-                : "planned";
-            const sizeRaw = ((style && style.size) || "md") + "";
-            const size = sizeRaw === "sm" || sizeRaw === "lg" ? sizeRaw : "md";
-            const weightRaw = ((style && style.weight) || "normal") + "";
-            const weight = weightRaw === "bold" ? "bold" : "normal";
-            ring.dataset.tone = t;
-            ringLabel.dataset.tone = t;
-            ring.dataset.size = size;
-            ringLabel.dataset.size = size;
-            ringLabel.dataset.weight = weight;
-            const pad = size === "sm" ? 3 : size === "lg" ? 10 : 6;
-            ring.style.left = box.x - pad + "px";
-            ring.style.top = box.y - pad + "px";
-            ring.style.width = box.width + pad * 2 + "px";
-            ring.style.height = box.height + pad * 2 + "px";
-            ring.style.opacity = "1";
-            // Drawn from data-label (CSS ::after), not DOM text, so the page's own text selectors never match it.
-            ringLabel.dataset.label = label;
-            ringLabel.textContent = "";
-            ringLabel.style.left = box.x + "px";
-            ringLabel.style.top = box.y + box.height + 8 + "px";
-            ringLabel.style.opacity = "1";
-        };
-        window.__wgHideRing = () => {
-            const ring = __wgById("wg-ring");
-            const ringLabel = __wgById("wg-ring-label");
-            if (ring)
-                ring.style.opacity = "0";
-            if (ringLabel)
-                ringLabel.style.opacity = "0";
-        };
-        if (showBanner && title && !__wgById("wg-banner")) {
-            const banner = document.createElement("div");
-            banner.id = "wg-banner";
-            banner.innerHTML =
-                "<span class='wg-banner-tag'>waygraph auto</span><span>" + title + "</span>";
-            __wgAdd(banner);
-            banner.setAttribute("data-wg-ui", "1");
-            banner.setAttribute("data-wg-modal", "banner");
-            banner.setAttribute("data-wg-ready", "1");
-        }
-        else {
-            const existing = __wgById("wg-banner");
-            if (existing) {
-                existing.setAttribute("data-wg-ui", "1");
-                existing.setAttribute("data-wg-modal", "banner");
-                existing.setAttribute("data-wg-ready", "1");
-            }
-        }
-        if (showBanner && !document.title.startsWith("[waygraph] ")) {
-            document.title = "[waygraph] " + document.title;
-        }
-    }, { title, favicon: FAVICON, showBanner })
-        .catch(() => { });
-}
-async function moveCursorTo(page, box, ms) {
-    const x = box.x + box.width / 2;
-    const y = box.y + box.height / 2;
-    await page.evaluate(({ x, y, ms }) => window.__wgMoveCursorTo?.(x, y, ms), { x, y, ms }).catch(() => { });
-    if (ms > 0)
-        await new Promise((r) => setTimeout(r, ms));
-    return { x, y };
-}
-async function showRing(page, box, label, tone = "auto") {
-    await page
-        .evaluate(({ box, label, tone }) => window.__wgPositionRing?.(box, label, tone), {
-        box,
-        label,
-        tone,
-    })
-        .catch(() => { });
-}
-async function hideRing(page) {
-    await page.evaluate(() => window.__wgHideRing?.()).catch(() => { });
-}
-async function clickPulseAt(page, x, y, tone = "auto") {
-    await page
-        .evaluate(({ x, y, tone }) => window.__wgClickPulse?.(x, y, tone), { x, y, tone })
-        .catch(() => { });
-}
-/** Demo cursor + ring on fill/click during auto explore headful runs (automation = gray). */
-export function instrumentInteractionHighlighting(page, mem, slowMo) {
-    const typeDelay = () => (slowMo ? 0 : 30);
-    const clickPrePop = () => (slowMo ? 300 : 700);
-    const clickPostPop = () => (slowMo ? 200 : 500);
-    const cursorMs = (full) => full;
-    const memTrack = { lastKeyName: null, at: 0 };
-    const originalGet = mem.get.bind(mem);
-    mem.get = (key) => {
-        memTrack.lastKeyName = key?.name ?? null;
-        memTrack.at = Date.now();
-        return originalGet(key);
-    };
-    const proto = Object.getPrototypeOf(page.locator("html"));
-    if (!proto.__wgFillPatched) {
-        proto.__wgFillPatched = true;
-        const originalFill = proto.fill;
-        proto.fill = async function (value, options) {
-            try {
-                await installDemoChrome(page, "", { banner: false });
-                const box = await this.boundingBox();
-                if (box) {
-                    const label = memTrack.lastKeyName && Date.now() - memTrack.at < 3000
-                        ? "from mem: " + memTrack.lastKeyName
-                        : "writing from mem";
-                    await moveCursorTo(page, box, cursorMs(500));
-                    await showRing(page, box, label, "auto");
-                    await new Promise((res) => setTimeout(res, 200));
-                }
-            }
-            catch {
-                /* best-effort */
-            }
-            let result;
-            try {
-                await originalFill.call(this, "", {
-                    timeout: options?.timeout,
-                });
-                const seqOpts = { delay: typeDelay() };
-                const to = options?.timeout;
-                if (to !== undefined)
-                    seqOpts.timeout = to;
-                result = await this.pressSequentially(String(value), seqOpts);
-            }
-            catch {
-                result = await originalFill.call(this, value, options);
-            }
-            await hideRing(page);
-            return result;
-        };
-    }
-    if (!proto.__wgClickPatched) {
-        proto.__wgClickPatched = true;
-        const originalClick = proto.click;
-        proto.click = async function (options) {
-            let clickPoint = null;
-            try {
-                await installDemoChrome(page, "", { banner: false });
-                await this.waitFor({
-                    state: "visible",
-                    timeout: options?.timeout || 30000,
-                }).catch(() => { });
-                const box = await this.boundingBox();
-                if (box) {
-                    let label = "click";
-                    try {
-                        const text = (await this.textContent())?.trim();
-                        if (text && text.length > 0 && text.length <= 30)
-                            label = text;
-                    }
-                    catch {
-                        /* ignore */
-                    }
-                    clickPoint = await moveCursorTo(page, box, cursorMs(600));
-                    await showRing(page, box, label, "auto");
-                    await new Promise((res) => setTimeout(res, clickPrePop()));
-                }
-            }
-            catch {
-                /* best-effort */
-            }
-            if (clickPoint) {
-                await clickPulseAt(page, clickPoint.x, clickPoint.y, "auto");
-                await new Promise((res) => setTimeout(res, 80));
-            }
-            const result = await originalClick.call(this, options);
-            await new Promise((res) => setTimeout(res, clickPostPop()));
-            await hideRing(page);
-            return result;
-        };
-    }
-}

package/examples/routed-demo/playwright.config.ts

@@ -1,21 +0,0 @@
-import { defineConfig } from "@playwright/test";
-import { chromiumExecutablePath } from "waygraph";
-
-export default defineConfig({
-  testDir: "./tests",
-  fullyParallel: false,
-  workers: 1,
-  timeout: 30_000,
-  reporter: [["list"], ["html", { open: "never" }]],
-  webServer: {
-    command: "node scripts/fixture-server.mjs",
-    url: "http://127.0.0.1:4277/dashboard",
-    reuseExistingServer: !process.env.CI,
-  },
-  use: {
-    headless: true,
-    baseURL: "http://127.0.0.1:4277",
-    trace: "retain-on-failure",
-    launchOptions: { executablePath: chromiumExecutablePath() },
-  },
-});

package/examples/saucedemo/src/blocks/saucedemo-web/ff-owner-auth.block.ts

@@ -1,22 +0,0 @@
-import { fastForwardComposeBlock } from "waygraph";
-import { NavLoginBlock } from "./nav-login.block.js";
-import { FillUsernameBlock } from "./methods/fill-username.method.block.js";
-import { FillPasswordBlock } from "./methods/fill-password.method.block.js";
-import { SubmitLoginForFlow } from "./methods/submit-login-for-flow.js";
-
-/**
- * Kind: FFCompose (fast-forward)
- * Helper: fastForwardComposeBlock
- * Route: saucedemo-web/  (auth prefix)
- *
- * Collapses nav-login + fill-username + fill-password + submit-login into
- * one opaque demo/run step so checkout demos skip watching auth. Use
- * --ff-expand to gate inners again (they show as 4 separate steps).
- * loginFlow stays expanded for Sign In episode narration.
- */
-export const FfOwnerAuthBlock = fastForwardComposeBlock("ff-owner-auth", [
-  NavLoginBlock,
-  FillUsernameBlock,
-  FillPasswordBlock,
-  SubmitLoginForFlow,
-]);