waygraph 0.15.43 → 0.15.45

package/dist/traverse/run.js

@@ -0,0 +1,439 @@
+/**
+ * Phase B+D: graph traverse (serial or --parallel with --session clone).
+ * Walk unused legal edges until leaf / budget / break.
+ */
+import { readFileSync, existsSync } from "node:fs";
+import { join } from "node:path";
+import { Engine, start, end, locate } from "../engine.js";
+import { MemPage } from "../mem-page.js";
+import { buildExploreContext, buildExploreMenu, } from "../session/auto-explore.js";
+import { defaultMemValueForKey } from "../session/auto-explore-run.js";
+import { EdgeLeaseCoordinator } from "./lease.js";
+import { buildCoverageReport, collectGraphEdgeKeys, defaultCoverageOutPath, formatCoverageLine, writeCoverageReport, } from "./coverage.js";
+function resolveBaseUrl(projectDir) {
+    if (process.env.WAYGRAPH_BASE_URL)
+        return process.env.WAYGRAPH_BASE_URL;
+    const pkgPath = join(projectDir, "package.json");
+    if (!existsSync(pkgPath))
+        return undefined;
+    try {
+        const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+        return pkg.waygraph?.baseUrl;
+    }
+    catch {
+        return undefined;
+    }
+}
+function seedMem(library, mem, dataJson) {
+    const raw = dataJson ?? process.env.WAYGRAPH_DATA ?? process.env.WAYGRAPH_AUTO_MEM;
+    let envParsed = {};
+    if (raw) {
+        try {
+            envParsed = JSON.parse(raw);
+        }
+        catch {
+            throw new Error(`waygraph traverse: --data / WAYGRAPH_DATA is not valid JSON`);
+        }
+    }
+    for (const entry of library.values()) {
+        for (const k of entry.block.requires ?? []) {
+            if (mem.has(k))
+                continue;
+            if (k.name in envParsed) {
+                mem.set(k, envParsed[k.name]);
+                continue;
+            }
+            const def = defaultMemValueForKey(k.name);
+            if (def !== undefined)
+                mem.set(k, def);
+        }
+    }
+}
+function snapshotMem(library, mem) {
+    const out = {};
+    for (const entry of library.values()) {
+        for (const k of entry.block.requires ?? []) {
+            if (mem.has(k) && !(k.name in out)) {
+                try {
+                    out[k.name] = mem.get(k);
+                }
+                catch {
+                    /* skip */
+                }
+            }
+        }
+    }
+    return out;
+}
+function restoreMem(library, mem, snap, dataJson) {
+    seedMem(library, mem, dataJson);
+    for (const entry of library.values()) {
+        for (const k of entry.block.requires ?? []) {
+            if (k.name in snap) {
+                mem.set(k, snap[k.name]);
+            }
+        }
+    }
+}
+function missingMemKeys(entry, mem) {
+    return (entry.block.requires ?? []).filter((k) => !mem.has(k));
+}
+function ensureMem(entry, mem) {
+    const missing = missingMemKeys(entry, mem);
+    if (missing.length === 0)
+        return;
+    throw new Error(`Block "${entry.block.name}" needs Mem keys: ${missing.map((k) => k.name).join(", ")} ` +
+        `(pass --data '{...}' or WAYGRAPH_DATA)`);
+}
+function edgeKey(edge) {
+    const id = edge.instanceOption?.id;
+    return id ? `${edge.block}::${id}` : edge.block;
+}
+async function detectHere(page, navBlocks) {
+    try {
+        const url = page.url();
+        if (url.includes("/login"))
+            return "PiaLogin";
+        if (url.includes("mailpit") || url.includes(":54324") || url.includes("/mailhog")) {
+            return "PiaMailpitGui";
+        }
+    }
+    catch {
+        /* ignore */
+    }
+    const tags = navBlocks.map((n) => n.block);
+    return locate(page, tags, { timeoutMs: 1500 });
+}
+async function runOneBlock(engine, entry, context, page, mem) {
+    const flow = engine.defineFlow([start, entry.block, end]);
+    const BLOCK_TIMEOUT_MS = 45_000;
+    let timer;
+    try {
+        const ran = await Promise.race([
+            flow.run(context, mem, { page, closeOnFinish: false }),
+            new Promise((_, reject) => {
+                timer = setTimeout(() => reject(new Error(`Block "${entry.block.name}" timed out after ${BLOCK_TIMEOUT_MS / 1000}s`)), BLOCK_TIMEOUT_MS);
+            }),
+        ]);
+        return ran.result;
+    }
+    finally {
+        if (timer)
+            clearTimeout(timer);
+    }
+}
+async function runTraverseWorker(opts) {
+    const { traverseId, workerIndex, parallel, maxSteps, maxVisitsPerNode, maxVisitsPerEdge, timeoutMs, graph, library, engine, context, mem, leases, } = opts;
+    let page = opts.page;
+    const startUrl = opts.startUrl;
+    const nodeVisits = new Map();
+    const edgeVisits = new Map();
+    const edgesHit = new Set();
+    let steps = 0;
+    const startedAt = Date.now();
+    let lastHere = opts.from ?? null;
+    let exitCode = 0;
+    let leaf;
+    try {
+        for (;;) {
+            if (Date.now() - startedAt > timeoutMs) {
+                console.log(`[Killed timeout[${traverseId}] node=${lastHere ?? "?"} wallMs=${timeoutMs}]`);
+                exitCode = 1;
+                break;
+            }
+            if (steps >= maxSteps) {
+                console.log(`[Killed max-steps[${traverseId}] node=${lastHere ?? "?"} steps=${steps} max=${maxSteps}]`);
+                exitCode = 1;
+                break;
+            }
+            if (page.isClosed()) {
+                page = await context.newPage();
+                if (startUrl) {
+                    await page.goto(startUrl, { waitUntil: "domcontentloaded" }).catch(() => { });
+                }
+            }
+            const detected = await detectHere(page, library.navBlocks);
+            const here = lastHere ?? detected ?? opts.from ?? null;
+            if (here && (nodeVisits.get(here) ?? 0) >= maxVisitsPerNode) {
+                console.log(`[Killed loop[${traverseId}] node=${here} visits=${nodeVisits.get(here)} max=${maxVisitsPerNode}]`);
+                exitCode = 1;
+                break;
+            }
+            const menu = await buildExploreMenu(page, graph, library, here);
+            const candidates = menu.flat.filter((edge) => {
+                const key = edgeKey(edge);
+                if ((edgeVisits.get(key) ?? 0) >= maxVisitsPerEdge)
+                    return false;
+                if (parallel > 1) {
+                    if (EdgeLeaseCoordinator.partitionIndex(key, parallel) !== workerIndex) {
+                        return false;
+                    }
+                }
+                return true;
+            });
+            if (candidates.length === 0) {
+                const label = here ?? detected ?? "unknown";
+                leaf = label;
+                console.log(`[Reached Leaf Node[${traverseId}] at=${label} steps=${steps}]`);
+                console.error(`waygraph traverse[${traverseId}]: PASS leaf edgesHit=${edgesHit.size} steps=${steps}`);
+                break;
+            }
+            const pick = [...candidates].sort((a, b) => {
+                const aWild = a.from === "*" ? 1 : 0;
+                const bWild = b.from === "*" ? 1 : 0;
+                if (aWild !== bWild)
+                    return aWild - bWild;
+                return edgeKey(a).localeCompare(edgeKey(b));
+            })[0];
+            const key = edgeKey(pick);
+            if (!leases.tryClaim(key, traverseId)) {
+                // Another worker won a race (instance fan-out); treat as unavailable.
+                edgeVisits.set(key, maxVisitsPerEdge);
+                continue;
+            }
+            const entry = library.byName.get(pick.block);
+            if (!entry) {
+                console.log(`[Broke at edge[${traverseId}] block=${pick.block} from=${here ?? "?"} to=${pick.to} reason=not-loaded]`);
+                exitCode = 1;
+                break;
+            }
+            const fromLabel = here ?? pick.from;
+            try {
+                if (pick.instanceOption) {
+                    mem.set(pick.instanceOption.key, pick.instanceOption.value);
+                }
+                ensureMem(entry, mem);
+                console.error(`waygraph traverse[${traverseId}]: step ${steps + 1} ${fromLabel} -[${pick.block}]-> ${pick.to}` +
+                    (pick.label ? ` (${pick.label})` : ""));
+                const out = await runOneBlock(engine, entry, context, page, mem);
+                const observed = typeof out === "object" && out && "__state" in out
+                    ? String(out.__state)
+                    : pick.to;
+                edgeVisits.set(key, (edgeVisits.get(key) ?? 0) + 1);
+                edgesHit.add(key);
+                if (here)
+                    nodeVisits.set(here, (nodeVisits.get(here) ?? 0) + 1);
+                lastHere = observed;
+                steps += 1;
+                if (observed !== pick.to && pick.to !== "*") {
+                    console.error(`waygraph traverse[${traverseId}]: WARN static to=${pick.to} observed=${observed}`);
+                }
+            }
+            catch (err) {
+                const msg = err instanceof Error ? err.message : String(err);
+                console.log(`[Broke at edge[${traverseId}] block=${pick.block} from=${fromLabel} to=${pick.to}] ${msg}`);
+                exitCode = 1;
+                break;
+            }
+        }
+    }
+    finally {
+        console.error(`waygraph traverse[${traverseId}]: done exit=${exitCode} steps=${steps} edgesHit=${edgesHit.size}`);
+    }
+    return {
+        exitCode,
+        steps,
+        edgesHit: [...edgesHit],
+        ...(leaf ? { leaf } : {}),
+    };
+}
+/**
+ * Serial or parallel graph crawl. Prints greppable PASS/FAIL + Coverage lines.
+ * Exit: 0 leaf ok (+ coverage ok), 1 break/timeout, 2 coverage gate fail (Phase E).
+ */
+export async function runTraverse(projectDir, options = {}) {
+    let parallel = Math.max(1, Math.floor(options.parallel ?? 1));
+    if (parallel > 4) {
+        console.error(`waygraph traverse: --parallel ${parallel} capped to 4`);
+        parallel = 4;
+    }
+    const session = options.session ?? (parallel > 1 ? "clone" : "clone");
+    if (parallel > 1 && session === "inherit") {
+        console.error("waygraph traverse: --session inherit is refused with --parallel > 1 (races); use --session clone");
+        return 1;
+    }
+    const maxSteps = options.maxSteps ?? 50;
+    const maxVisitsPerNode = options.maxVisitsPerNode ?? 2;
+    const maxVisitsPerEdge = options.maxVisitsPerEdge ?? 1;
+    const timeoutMs = options.timeoutMs ?? 15 * 60_000;
+    const headed = options.headed === true || process.env.WAYGRAPH_HEADED === "1";
+    const baseURL = options.baseURL ?? resolveBaseUrl(projectDir) ?? process.env.WAYGRAPH_BASE_URL;
+    const startUrl = options.startUrl ?? baseURL;
+    const minEdgeCoverage = options.minEdgeCoverage != null && Number.isFinite(options.minEdgeCoverage)
+        ? options.minEdgeCoverage
+        : undefined;
+    const coverageOut = options.coverageOut ?? defaultCoverageOutPath(projectDir);
+    const { graph, library } = await buildExploreContext(projectDir, options.blocksSelect ? { blocksSelect: options.blocksSelect } : undefined);
+    if (options.blocksSelect) {
+        console.error(`waygraph traverse: --blocks ${options.blocksSelect.raw} -> ` +
+            `${library.byName.size} block(s), ${graph.edges.length} edge(s)`);
+    }
+    const allEdgeKeys = collectGraphEdgeKeys(graph.edges);
+    const leases = new EdgeLeaseCoordinator({ projectDir, persist: parallel > 1 });
+    const engine = new Engine({ headless: !headed, slowMo: headed ? 100 : 0 });
+    const { chromium } = await import("@playwright/test");
+    const executablePath = process.env.CHROME_PATH || process.env.CHROMIUM_PATH;
+    const launchOpts = {
+        headless: !headed,
+    };
+    if (executablePath)
+        launchOpts.executablePath = executablePath;
+    const browser = await chromium.launch(launchOpts);
+    console.error(`waygraph traverse: ${graph.nodes.length} node(s), ${graph.edges.length} edge(s)` +
+        (baseURL ? ` base=${baseURL}` : "") +
+        ` parallel=${parallel} session=${session}` +
+        ` maxSteps=${maxSteps} maxVisits/node=${maxVisitsPerNode} maxVisits/edge=${maxVisitsPerEdge}` +
+        (minEdgeCoverage !== undefined
+            ? ` minEdgeCoverage=${(minEdgeCoverage * 100).toFixed(1)}%`
+            : ""));
+    const emitCoverage = (workers) => {
+        const hitUnion = new Set();
+        for (const w of workers) {
+            for (const k of w.result.edgesHit)
+                hitUnion.add(k);
+        }
+        const report = buildCoverageReport({
+            projectDir,
+            parallel,
+            allEdgeKeys,
+            hitKeys: hitUnion,
+            ...(minEdgeCoverage !== undefined ? { minEdgeCoverage } : {}),
+            workers: workers.map(({ traverseId, result }) => ({
+                traverseId,
+                exitCode: result.exitCode,
+                steps: result.steps,
+                edgesHit: result.edgesHit.length,
+                ...(result.leaf ? { leaf: result.leaf } : {}),
+            })),
+        });
+        console.log(formatCoverageLine(report));
+        console.error(`waygraph traverse: coverage hit=${report.edgesHit}/${report.edgesTotal}` +
+            (report.missed.length
+                ? ` missed=${report.missed.slice(0, 8).join(",")}${report.missed.length > 8 ? "..." : ""}`
+                : "") +
+            (options.noCoverageReport ? "" : ` report=${coverageOut}`));
+        if (!options.noCoverageReport) {
+            writeCoverageReport(coverageOut, report);
+        }
+        if (report.coveragePass === false) {
+            console.error(`waygraph traverse: FAIL coverage gate ratio=${(report.ratio * 100).toFixed(1)}%` +
+                ` < min=${((report.minEdgeCoverage ?? 0) * 100).toFixed(1)}%`);
+            return 2;
+        }
+        return 0;
+    };
+    try {
+        if (parallel <= 1) {
+            const contextOpts = {
+                viewport: { width: 1280, height: 720 },
+            };
+            if (baseURL)
+                contextOpts.baseURL = baseURL;
+            const context = await browser.newContext(contextOpts);
+            const page = await context.newPage();
+            const mem = new MemPage();
+            seedMem(library.byName, mem, options.data);
+            if (startUrl) {
+                await page.goto(startUrl, { waitUntil: "domcontentloaded" }).catch(() => { });
+                await page.waitForLoadState("load").catch(() => { });
+            }
+            const traverseId = options.traverseId ?? "traverse-1";
+            const result = await runTraverseWorker({
+                traverseId,
+                workerIndex: 0,
+                parallel: 1,
+                maxSteps,
+                maxVisitsPerNode,
+                maxVisitsPerEdge,
+                timeoutMs,
+                ...(options.from ? { from: options.from } : {}),
+                ...(startUrl ? { startUrl } : {}),
+                ...(baseURL ? { baseURL } : {}),
+                ...(options.data ? { data: options.data } : {}),
+                graph,
+                library,
+                engine,
+                context,
+                page,
+                mem,
+                leases,
+            });
+            await context.close().catch(() => { });
+            const coverageCode = emitCoverage([{ traverseId, result }]);
+            if (result.exitCode !== 0)
+                return result.exitCode;
+            return coverageCode;
+        }
+        // Phase D: bootstrap one context for storageState, then N clones.
+        const bootOpts = {
+            viewport: { width: 1280, height: 720 },
+        };
+        if (baseURL)
+            bootOpts.baseURL = baseURL;
+        const bootContext = await browser.newContext(bootOpts);
+        const bootPage = await bootContext.newPage();
+        const bootMem = new MemPage();
+        seedMem(library.byName, bootMem, options.data);
+        if (startUrl) {
+            await bootPage.goto(startUrl, { waitUntil: "domcontentloaded" }).catch(() => { });
+            await bootPage.waitForLoadState("load").catch(() => { });
+        }
+        const storageState = await bootContext.storageState();
+        const memSnap = snapshotMem(library.byName, bootMem);
+        await bootContext.close().catch(() => { });
+        console.error(`waygraph traverse: forked ${parallel} clone workers (storageState + mem snapshot)`);
+        const workerMeta = await Promise.all(Array.from({ length: parallel }, async (_, i) => {
+            const traverseId = `traverse-${i + 1}`;
+            const ctxOpts = {
+                viewport: { width: 1280, height: 720 },
+                storageState,
+            };
+            if (baseURL)
+                ctxOpts.baseURL = baseURL;
+            const context = await browser.newContext(ctxOpts);
+            const page = await context.newPage();
+            const mem = new MemPage();
+            restoreMem(library.byName, mem, memSnap, options.data);
+            if (startUrl) {
+                await page.goto(startUrl, { waitUntil: "domcontentloaded" }).catch(() => { });
+            }
+            try {
+                const result = await runTraverseWorker({
+                    traverseId,
+                    workerIndex: i,
+                    parallel,
+                    maxSteps,
+                    maxVisitsPerNode,
+                    maxVisitsPerEdge,
+                    timeoutMs,
+                    ...(options.from ? { from: options.from } : {}),
+                    ...(startUrl ? { startUrl } : {}),
+                    ...(baseURL ? { baseURL } : {}),
+                    ...(options.data ? { data: options.data } : {}),
+                    graph,
+                    library,
+                    engine,
+                    context,
+                    page,
+                    mem,
+                    leases,
+                });
+                return { traverseId, result };
+            }
+            finally {
+                await context.close().catch(() => { });
+            }
+        }));
+        const results = workerMeta.map((w) => w.result);
+        const worst = results.reduce((a, b) => Math.max(a, b.exitCode), 0);
+        const pass = results.filter((c) => c.exitCode === 0).length;
+        console.error(`waygraph traverse: suite parallel=${parallel} pass=${pass}/${parallel} exit=${worst}`);
+        const coverageCode = emitCoverage(workerMeta);
+        if (worst !== 0)
+            return worst;
+        return coverageCode;
+    }
+    finally {
+        await browser.close().catch(() => { });
+    }
+}

package/examples/saucedemo/.waygraph-auto/00b0c55c.log

@@ -0,0 +1,22 @@
+[13:03:06.191] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[13:03:06.193] waygraph pilot: stub.before ctx.todos n=6 index=0
+[13:03:06.193] waygraph pilot: stub.before ctx.device(mobile)
+[13:03:06.193] waygraph pilot: stub.before ctx.zoom(1.35)
+[13:03:06.193] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[13:03:07.307] waygraph pilot: stub.after ctx.todos n=6 index=1
+[13:03:10.364] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[13:03:10.548] waygraph pilot: stub.after ctx.todos n=6 index=2
+[13:03:13.519] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[13:03:13.719] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[13:03:13.719] waygraph pilot: stub.after ctx.todos n=6 index=3
+[13:03:13.719] waygraph pilot: stub.after ctx.device(mobile)
+[13:03:13.719] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[13:03:19.068] waygraph pilot: stub.before ctx.title("Pick a product · tablet")
+[13:03:19.068] waygraph pilot: stub.before ctx.todos n=6 index=3
+[13:03:19.068] waygraph pilot: stub.before ctx.device(tablet)
+[13:03:19.068] waygraph pilot: stub.before ctx.zoom(1.35)
+[13:03:19.068] waygraph pilot: stub.before ring div.inventory_item:has(button[data-test="add-to-cart-sauce-labs-backpack"], button[data-test="remove-sauce-labs-backpack"]) .inventory_item_name tone=info label="Sauce Labs Backpack"
+[13:03:19.068] waygraph pilot: stub.before ring [data-test="add-to-cart-sauce-labs-backpack"] tone=success label="Add to cart"
+[13:03:20.353] waygraph pilot: stub.after ctx.title("In the cart")
+[13:03:20.353] waygraph pilot: stub.after ctx.todos n=6 index=4
+[13:03:20.353] waygraph pilot: stub.after ring .shopping_cart_badge tone=success label="Cart badge"

package/examples/saucedemo/.waygraph-auto/00e5d037.log

@@ -0,0 +1,5 @@
+[13:02:45.353] waygraph pilot: highlight ctx.todos n=3 index=0
+[13:02:45.353] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[13:02:45.354] waygraph pilot: highlight ring #password tone=info label="Password"
+[13:02:47.600] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[13:02:50.359] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/015be8f6.log

@@ -0,0 +1,6 @@
+[13:03:12.156] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[13:03:12.157] waygraph pilot: stub.before ctx.todos n=6 index=0
+[13:03:12.157] waygraph pilot: stub.before ctx.device(mobile)
+[13:03:12.159] waygraph pilot: stub.before ctx.zoom(1.35)
+[13:03:12.159] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[13:03:13.508] waygraph pilot: stub.after ctx.todos n=6 index=1

package/examples/saucedemo/.waygraph-auto/096fea05.log

@@ -0,0 +1,20 @@
+[12:51:40.250] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[12:51:40.251] waygraph pilot: stub.before ctx.todos n=6 index=0
+[12:51:40.251] waygraph pilot: stub.before ctx.device(mobile)
+[12:51:40.251] waygraph pilot: stub.before ctx.zoom(1.35)
+[12:51:40.251] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[12:51:41.434] waygraph pilot: stub.after ctx.todos n=6 index=1
+[12:51:43.164] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[12:51:43.434] waygraph pilot: stub.after ctx.todos n=6 index=2
+[12:51:45.089] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[12:51:45.274] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[12:51:45.274] waygraph pilot: stub.after ctx.todos n=6 index=3
+[12:51:45.274] waygraph pilot: stub.after ctx.device(mobile)
+[12:51:45.274] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[12:51:48.597] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[12:51:48.597] waygraph pilot: stub.before ctx.todos n=6 index=5
+[12:51:48.597] waygraph pilot: stub.before ctx.device(mobile)
+[12:51:48.597] waygraph pilot: stub.before ctx.zoom(1.4)
+[12:51:48.597] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[12:51:48.903] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[12:51:48.903] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

package/examples/saucedemo/.waygraph-auto/0c19e232.log

@@ -0,0 +1,5 @@
+[13:04:34.053] waygraph pilot: highlight ctx.todos n=3 index=0
+[13:04:34.053] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[13:04:34.054] waygraph pilot: highlight ring #password tone=info label="Password"
+[13:04:37.020] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[13:04:39.671] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/123d1cad.log

@@ -0,0 +1,5 @@
+[12:44:51.974] waygraph pilot: highlight ctx.todos n=3 index=0
+[12:44:51.974] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[12:44:51.975] waygraph pilot: highlight ring #password tone=info label="Password"
+[12:44:54.579] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[12:44:56.716] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/1cb6f44c.log

@@ -0,0 +1,5 @@
+[12:51:26.993] waygraph pilot: highlight ctx.todos n=3 index=0
+[12:51:26.994] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[12:51:26.994] waygraph pilot: highlight ring #password tone=info label="Password"
+[12:51:29.348] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[12:51:31.573] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/2b9b56fc.log

@@ -0,0 +1,20 @@
+node:internal/modules/esm/resolve:272
+    throw new ERR_MODULE_NOT_FOUND(
+          ^
+
+Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/home/dan/Desktop/Projects/waygraph/dist/dist/cli.js' imported from /home/dan/Desktop/Projects/waygraph/examples/saucedemo/
+    at finalizeResolution (node:internal/modules/esm/resolve:272:11)
+    at moduleResolve (node:internal/modules/esm/resolve:879:10)
+    at defaultResolve (node:internal/modules/esm/resolve:1006:11)
+    at #cachedDefaultResolve (node:internal/modules/esm/loader:708:20)
+    at #resolveAndMaybeBlockOnLoaderThread (node:internal/modules/esm/loader:728:38)
+    at nextStep (node:internal/modules/customization_hooks:189:26)
+    at resolveBaseSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:10932)
+    at resolveDirectorySync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:12238)
+    at resolveTsPathsSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:13445)
+    at resolve (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:15991) {
+  code: 'ERR_MODULE_NOT_FOUND',
+  url: 'file:///home/dan/Desktop/Projects/waygraph/dist/dist/cli.js'
+}
+
+Node.js v26.7.0

package/examples/saucedemo/.waygraph-auto/30a5c848.log

@@ -0,0 +1,20 @@
+node:internal/modules/esm/resolve:272
+    throw new ERR_MODULE_NOT_FOUND(
+          ^
+
+Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/home/dan/Desktop/Projects/waygraph/dist/dist/cli.js' imported from /home/dan/Desktop/Projects/waygraph/
+    at finalizeResolution (node:internal/modules/esm/resolve:272:11)
+    at moduleResolve (node:internal/modules/esm/resolve:879:10)
+    at defaultResolve (node:internal/modules/esm/resolve:1006:11)
+    at #cachedDefaultResolve (node:internal/modules/esm/loader:708:20)
+    at #resolveAndMaybeBlockOnLoaderThread (node:internal/modules/esm/loader:728:38)
+    at nextStep (node:internal/modules/customization_hooks:189:26)
+    at resolveBaseSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:10932)
+    at resolveDirectorySync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:12238)
+    at resolveTsPathsSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:13445)
+    at resolve (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:15991) {
+  code: 'ERR_MODULE_NOT_FOUND',
+  url: 'file:///home/dan/Desktop/Projects/waygraph/dist/dist/cli.js'
+}
+
+Node.js v26.7.0

package/examples/saucedemo/.waygraph-auto/3a208bb8.log

@@ -0,0 +1,20 @@
+node:internal/modules/esm/resolve:272
+    throw new ERR_MODULE_NOT_FOUND(
+          ^
+
+Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/home/dan/Desktop/Projects/waygraph/dist/dist/cli.js' imported from /home/dan/Desktop/Projects/waygraph/
+    at finalizeResolution (node:internal/modules/esm/resolve:272:11)
+    at moduleResolve (node:internal/modules/esm/resolve:879:10)
+    at defaultResolve (node:internal/modules/esm/resolve:1006:11)
+    at #cachedDefaultResolve (node:internal/modules/esm/loader:708:20)
+    at #resolveAndMaybeBlockOnLoaderThread (node:internal/modules/esm/loader:728:38)
+    at nextStep (node:internal/modules/customization_hooks:189:26)
+    at resolveBaseSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:10932)
+    at resolveDirectorySync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:12238)
+    at resolveTsPathsSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:13445)
+    at resolve (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:15991) {
+  code: 'ERR_MODULE_NOT_FOUND',
+  url: 'file:///home/dan/Desktop/Projects/waygraph/dist/dist/cli.js'
+}
+
+Node.js v26.7.0

package/examples/saucedemo/.waygraph-auto/756fd326.log

@@ -0,0 +1,20 @@
+[13:04:45.981] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[13:04:45.982] waygraph pilot: stub.before ctx.todos n=6 index=0
+[13:04:45.982] waygraph pilot: stub.before ctx.device(mobile)
+[13:04:45.982] waygraph pilot: stub.before ctx.zoom(1.35)
+[13:04:45.982] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[13:04:47.594] waygraph pilot: stub.after ctx.todos n=6 index=1
+[13:04:49.088] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[13:04:49.276] waygraph pilot: stub.after ctx.todos n=6 index=2
+[13:04:51.102] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[13:04:51.352] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[13:04:51.353] waygraph pilot: stub.after ctx.todos n=6 index=3
+[13:04:51.353] waygraph pilot: stub.after ctx.device(mobile)
+[13:04:51.354] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[13:04:55.294] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[13:04:55.294] waygraph pilot: stub.before ctx.todos n=6 index=5
+[13:04:55.294] waygraph pilot: stub.before ctx.device(mobile)
+[13:04:55.294] waygraph pilot: stub.before ctx.zoom(1.4)
+[13:04:55.294] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[13:04:55.768] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[13:04:55.768] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

package/examples/saucedemo/.waygraph-auto/78043767.log

@@ -0,0 +1,20 @@
+node:internal/modules/esm/resolve:272
+    throw new ERR_MODULE_NOT_FOUND(
+          ^
+
+Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/home/dan/Desktop/Projects/waygraph/dist/dist/cli.js' imported from /home/dan/Desktop/Projects/waygraph/examples/saucedemo/
+    at finalizeResolution (node:internal/modules/esm/resolve:272:11)
+    at moduleResolve (node:internal/modules/esm/resolve:879:10)
+    at defaultResolve (node:internal/modules/esm/resolve:1006:11)
+    at #cachedDefaultResolve (node:internal/modules/esm/loader:708:20)
+    at #resolveAndMaybeBlockOnLoaderThread (node:internal/modules/esm/loader:728:38)
+    at nextStep (node:internal/modules/customization_hooks:189:26)
+    at resolveBaseSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:10932)
+    at resolveDirectorySync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:12238)
+    at resolveTsPathsSync (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:13445)
+    at resolve (file:///home/dan/Desktop/Projects/waygraph/node_modules/tsx/dist/register-SoqaU4rg.mjs:2:15991) {
+  code: 'ERR_MODULE_NOT_FOUND',
+  url: 'file:///home/dan/Desktop/Projects/waygraph/dist/dist/cli.js'
+}
+
+Node.js v26.7.0