waygraph 0.15.54 → 0.16.1

package/dist/runner/plan/seed-mem.d.ts

@@ -0,0 +1,12 @@
+import type { MemPage } from "../../engine/mem/mem.js";
+import type { BlockInfo } from "../../engine/flow/flow.js";
+import type { FoundBlock } from "./find.js";
+export declare function seedMemForBlock(mem: MemPage, resolved: FoundBlock, json: string | undefined, stubActive: boolean): void;
+/**
+ * Same idea as seedMemForBlock, but for a whole Flow segment
+ * ("loginFlow({...}) then ...") - a Flow has no single .requires of its
+ * own, so this unions every constituent Block's requires (deduped by key
+ * name) and seeds them all from one JSON payload, same keyed-by-name shape
+ * as a multi-key Block payload already uses.
+ */
+export declare function seedMemForFlow(mem: MemPage, flowBlocks: readonly BlockInfo[], json: string | undefined, label: string, stubActive: boolean): void;

package/dist/runner/plan/seed-mem.js

@@ -0,0 +1,98 @@
+import { getMemStub } from "../../engine/mem/mem-stub.js";
+import { envString } from "../../engine/env.js";
+const isRecord = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
+function seedMemFromRequires(mem, requires, json, label, stubActive) {
+    if (requires.length === 0) {
+        if (json !== undefined) {
+            throw new Error("waygraph chain: \"" + label + "\" takes no input (empty requires) but got a payload: " + json);
+        }
+        return;
+    }
+    if (json === undefined) {
+        // --data / WAYGRAPH_DATA supplies the same payload shape as blockName({...}).
+        const fromEnv = envString("WAYGRAPH_DATA");
+        if (fromEnv && fromEnv.trim())
+            json = fromEnv;
+    }
+    let parsed;
+    let haveParsed = false;
+    if (json !== undefined) {
+        try {
+            parsed = JSON.parse(json);
+            haveParsed = true;
+        }
+        catch (err) {
+            throw new Error("waygraph chain: \"" + label + "\" payload is not valid JSON - " + String(err));
+        }
+    }
+    if (!haveParsed) {
+        // No payload at all - only a hard failure when memStub isn't active for
+        // this flow; when it is, fall through with an empty object so the
+        // per-key loop below gets a chance to fill each one from the registry.
+        if (!stubActive) {
+            throw new Error("waygraph chain: \"" + label + "\" requires " + requires.map((k) => k.name).join(", ") +
+                " - give a JSON payload (inline blockName({...}) or --data '{...}'), or enable --mem-stub" +
+                " with registerMemStub for these keys");
+        }
+        parsed = {};
+    }
+    // Keyed-by-name when every require name is a top-level key (preferred for
+    // --data and for {"saucedemo.credentials":{...}} even with one require).
+    if (isRecord(parsed)) {
+        const payload = parsed;
+        if (requires.every((k) => k.name in payload)) {
+            for (const k of requires)
+                mem.set(k, payload[k.name]);
+            return;
+        }
+    }
+    // Single-key shorthand: the whole payload IS that one key's value - only
+    // when a real payload was actually given (the stub-only "{}" fallback
+    // above must fall through to per-key stub resolution instead).
+    if (haveParsed && requires.length === 1) {
+        mem.set(requires[0], parsed);
+        return;
+    }
+    if (!isRecord(parsed)) {
+        throw new Error("waygraph chain: \"" + label + "\" requires " + requires.length + " keys (" +
+            requires.map((k) => k.name).join(", ") + ") - payload must be an object keyed by each key's name");
+    }
+    const payload = parsed;
+    const stillMissing = [];
+    for (const k of requires) {
+        if (k.name in payload) {
+            mem.set(k, payload[k.name]);
+            continue;
+        }
+        const fake = stubActive ? getMemStub(k) : undefined;
+        if (fake) {
+            mem.set(k, fake());
+            continue;
+        }
+        stillMissing.push(k);
+    }
+    if (stillMissing.length > 0) {
+        throw new Error("waygraph chain: \"" + label + "\" payload is missing required key(s): " +
+            stillMissing.map((k) => "\"" + k.name + "\"").join(", "));
+    }
+}
+export function seedMemForBlock(mem, resolved, json, stubActive) {
+    seedMemFromRequires(mem, resolved.block.requires ?? [], json, resolved.exportName, stubActive);
+}
+/**
+ * Same idea as seedMemForBlock, but for a whole Flow segment
+ * ("loginFlow({...}) then ...") - a Flow has no single .requires of its
+ * own, so this unions every constituent Block's requires (deduped by key
+ * name) and seeds them all from one JSON payload, same keyed-by-name shape
+ * as a multi-key Block payload already uses.
+ */
+export function seedMemForFlow(mem, flowBlocks, json, label, stubActive) {
+    const seen = new Map();
+    for (const bi of flowBlocks) {
+        for (const k of bi.block.requires ?? []) {
+            if (!seen.has(k.name))
+                seen.set(k.name, k);
+        }
+    }
+    seedMemFromRequires(mem, Array.from(seen.values()), json, label, stubActive);
+}

package/dist/runner/plan/spec.d.ts

@@ -0,0 +1,5 @@
+/** Splits a spec into segments, each a Block or Flow name with optional inline JSON for its mem. */
+export declare function parseChainSpec(spec: string): {
+    ref: string;
+    json?: string;
+}[];

package/dist/runner/plan/spec.js

@@ -0,0 +1,17 @@
+// The CLI chain spec: "login then addToCart({...json...}) then checkoutFlow".
+/** Splits a spec into segments, each a Block or Flow name with optional inline JSON for its mem. */
+export function parseChainSpec(spec) {
+    return spec
+        .split(/\bthen\b/)
+        .map((s) => s.trim())
+        .filter((s) => s.length > 0)
+        .map((s) => {
+        const m = /^([A-Za-z_$][\w-]*)\s*(?:\(([\s\S]*)\))?$/.exec(s);
+        if (!m) {
+            throw new Error("waygraph chain: could not parse segment \"" + s + "\" - expected \"blockName\" or \"blockName({...json...})\"");
+        }
+        const ref = m[1];
+        const json = m[2] ? m[2].trim() : undefined;
+        return json ? { ref, json } : { ref };
+    });
+}

package/dist/runner/play-steps.d.ts

@@ -0,0 +1,2 @@
+import type { Mode, PlayOutcome, PlaySession, PlayStep } from "./mode.js";
+export declare function playSteps(steps: readonly PlayStep[], session: PlaySession, mode: Mode, clearSession: boolean): Promise<PlayOutcome>;

package/dist/runner/play-steps.js

@@ -0,0 +1,59 @@
+import { buildFlow } from "../engine/flow/flow.js";
+import { resetPage } from "./session.js";
+/** Where a "retry" goes back to: the first step of this step's episode, or the start of an ad hoc chain. */
+function episodeStart(steps, index) {
+    const episode = steps[index].episodeNumber;
+    return episode === undefined ? 0 : steps.findIndex((s) => s.episodeNumber === episode);
+}
+/** Runs one Block through the engine, on the session's page, with its own flow's config. */
+async function runStep(step, session) {
+    const flow = buildFlow([step.block], step.config);
+    const { result } = await flow.run(session.context, session.mem, { page: session.page, closeOnFinish: false });
+    return result;
+}
+export async function playSteps(steps, session, mode, clearSession) {
+    await mode.begin?.(steps);
+    let outcome = { ok: true };
+    for (let i = 0; i < steps.length; i++) {
+        const step = steps[i];
+        // A segment's --data is seeded when it starts, so two segments can give the same key different values.
+        step.seedMem?.();
+        if ((clearSession || step.resetSession) && i > 0) {
+            await resetPage(session);
+            await mode.afterReset?.();
+        }
+        await mode.before?.(i);
+        const startedAt = Date.now();
+        let result;
+        try {
+            result = await runStep(step, session);
+        }
+        catch (error) {
+            if ((await mode.failed?.(i, { error }, Date.now() - startedAt)) === "retry") {
+                await resetPage(session);
+                await mode.afterReset?.();
+                i = episodeStart(steps, i) - 1;
+                continue;
+            }
+            outcome = step.expectedFailureReason
+                ? { ok: true, expectedFailure: { step, reason: step.expectedFailureReason } }
+                : { ok: false, failedAt: { index: i, step, error } };
+            break;
+        }
+        outcome = { ok: true, result };
+        // A flow meant to fail can also end on its failure branch without throwing (a login that stays on the login page).
+        if (step.expectedFailureReason) {
+            if ((await mode.failed?.(i, { result }, Date.now() - startedAt)) === "retry") {
+                await resetPage(session);
+                await mode.afterReset?.();
+                i = episodeStart(steps, i) - 1;
+                continue;
+            }
+            outcome = { ok: true, result, expectedFailure: { step, reason: step.expectedFailureReason } };
+            break;
+        }
+        await mode.after?.(i, result, Date.now() - startedAt);
+    }
+    await mode.end?.(outcome);
+    return outcome;
+}

package/dist/runner/runner.d.ts

@@ -0,0 +1,4 @@
+import "../runtime/run-log.js";
+export declare function play(projectDir: string, spec: string): Promise<void>;
+/** The process entry the CLI's bootstrap calls: one run (and one run log) per invocation. */
+export declare function startRunner(): void;

package/dist/runner/runner.js

@@ -0,0 +1,64 @@
+// How `waygraph run` and `waygraph demo` play a flow. The CLI spawns this inside the project (so the project's own
+// Playwright is used) with the project dir and the spec ("cartFlow", "loginFlow then add-item"). Every mode plays the
+// same steps through the same engine; the mode decides what happens around each step.
+import { MemPage } from "../engine/mem/mem.js";
+import { beginRun, endRun } from "../engine/run/events.js";
+import { withWebServer } from "../runtime/webserver.js";
+import "../runtime/run-log.js";
+import { planSteps } from "./plan/plan.js";
+import { readOptions, slowMoFor } from "./options.js";
+import { openSession } from "./session.js";
+import { playSteps } from "./play-steps.js";
+import { playBranches } from "./modes/branches.js";
+import { runMode } from "./modes/run.js";
+import { demoMode } from "./modes/demo.js";
+import { reportMode } from "./modes/report.js";
+export async function play(projectDir, spec) {
+    const options = readOptions();
+    const mem = new MemPage();
+    const { steps, flows } = await planSteps(projectDir, spec, mem, options);
+    if (options.mode === "branches")
+        return playBranches(flows, mem, options);
+    const slowMo = slowMoFor(options, steps);
+    const { session, close } = await openSession(projectDir, options, mem, slowMo.launch);
+    let outcome;
+    try {
+        const mode = await pickMode(options, session, steps, slowMo.demoBeat);
+        outcome = await playSteps(steps, session, mode, options.clearSession);
+    }
+    finally {
+        await close();
+    }
+    if (options.mode !== "report")
+        finish(outcome);
+}
+function pickMode(options, session, steps, demoBeat) {
+    if (options.mode === "demo")
+        return demoMode(session, steps, options, demoBeat);
+    if (options.mode === "report")
+        return reportMode(session);
+    return runMode();
+}
+function finish(outcome) {
+    if (outcome.failedAt)
+        throw outcome.failedAt.error;
+    if (outcome.expectedFailure) {
+        const { step, reason } = outcome.expectedFailure;
+        console.log(`waygraph: chain finished (expected failure on ${step.block.name}) -- ${reason}`);
+    }
+    else {
+        console.log("waygraph: chain finished -- " + JSON.stringify(outcome.result));
+    }
+}
+/** The process entry the CLI's bootstrap calls: one run (and one run log) per invocation. */
+export function startRunner() {
+    const projectDir = process.argv[2] ?? process.cwd();
+    const spec = process.argv[3] ?? "";
+    const opened = beginRun(spec);
+    withWebServer(projectDir, () => play(projectDir, spec))
+        .then(() => endRun(opened, {}), (err) => {
+        endRun(opened, { error: err });
+        console.error(err && err.stack ? err.stack : String(err));
+        process.exitCode = 1;
+    });
+}

package/dist/runner/session.d.ts

@@ -0,0 +1,9 @@
+import type { MemPage } from "../engine/mem/mem.js";
+import type { PlaySession } from "./mode.js";
+import type { PlayOptions } from "./options.js";
+export declare function openSession(projectDir: string, options: PlayOptions, mem: MemPage, launchSlowMo: number | undefined): Promise<{
+    session: PlaySession;
+    close: () => Promise<void>;
+}>;
+/** A fresh session between episodes: no cookies, no storage, back on the base URL (so the page itself looks fresh too). */
+export declare function resetPage(session: PlaySession): Promise<void>;

package/dist/runner/session.js

@@ -0,0 +1,87 @@
+// The browser a run plays in: launched with the project's extensions, sized for the mode and an optional video.
+import { mkdirSync } from "node:fs";
+import { recordArtifact } from "../engine/run/events.js";
+import { chromiumExecutablePath, extensionPathsFromEnv, launchContext } from "../runtime/browser.js";
+import { resolveVideoDir } from "../runtime/video-dir.js";
+import { ignorePageGone } from "../engine/page-gone.js";
+/** WAYGRAPH_VIDEO_VIEWPORT / --video-viewport: "1920x1080" or "1920,1080". */
+function parseVideoViewport(raw) {
+    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 (width < 320 || height < 240 || width > 7680 || height > 4320)
+        return null;
+    return { width, height };
+}
+/**
+ * A demo window fills the screen (viewport null, maximized). A video is a fixed 16:9 capture (1920x1080 for a demo,
+ * 1280x720 for a run) with the device scale locked, so the recording keeps that size on HiDPI hosts.
+ */
+function viewportFor(options, videoSize) {
+    if (videoSize)
+        return { viewport: videoSize, deviceScaleFactor: 1 };
+    return options.mode === "demo" ? { viewport: null } : { viewport: { width: 1280, height: 720 } };
+}
+export async function openSession(projectDir, options, mem, launchSlowMo) {
+    const videoDir = options.video ? (options.video === "1" ? await resolveVideoDir(projectDir) : options.video) : null;
+    if (videoDir)
+        mkdirSync(videoDir, { recursive: true });
+    const videoSize = videoDir
+        ? (parseVideoViewport(options.videoViewport) ?? (options.mode === "demo" ? { width: 1920, height: 1080 } : { width: 1280, height: 720 }))
+        : null;
+    const { chromium } = await import("@playwright/test");
+    const executablePath = chromiumExecutablePath();
+    const { context, close: closeBrowser } = await launchContext({
+        launcher: chromium,
+        launch: {
+            headless: !options.headed,
+            ...(launchSlowMo !== undefined ? { slowMo: launchSlowMo } : {}),
+            args: options.mode === "demo" || videoSize ? ["--start-maximized"] : [],
+            ...(executablePath ? { executablePath } : {}),
+        },
+        context: {
+            ...(options.baseURL ? { baseURL: options.baseURL } : {}),
+            hasTouch: true,
+            ...viewportFor(options, videoSize),
+            ...(videoDir ? { recordVideo: videoSize ? { dir: videoDir, size: videoSize } : { dir: videoDir } } : {}),
+        },
+        extensions: extensionPathsFromEnv(),
+    });
+    const page = (await context.newPage());
+    if (videoSize)
+        page.__wgVideoViewport = videoSize;
+    // The first step's panel shows over the real app, not a blank page.
+    if (options.baseURL)
+        await page.goto(options.baseURL).catch(ignorePageGone);
+    const close = async () => {
+        // A recording's last moment (a ring, the network panel) would be cut off mid-fade without a little room.
+        if (videoDir && !page.isClosed())
+            await new Promise((r) => setTimeout(r, 1800));
+        await context.close();
+        const video = await page.video()?.path().catch(() => null);
+        if (video) {
+            console.log("waygraph: video saved to " + video);
+            recordArtifact("video", video);
+        }
+        await closeBrowser();
+    };
+    return { session: { context, page, mem, baseURL: options.baseURL }, close };
+}
+/** A fresh session between episodes: no cookies, no storage, back on the base URL (so the page itself looks fresh too). */
+export async function resetPage(session) {
+    await session.context.clearCookies().catch(ignorePageGone);
+    await session.page
+        .evaluate(() => {
+        try {
+            localStorage.clear();
+            sessionStorage.clear();
+        }
+        catch {
+            /* storage blocked (e.g. about:blank) - nothing to clear anyway */
+        }
+    })
+        .catch(ignorePageGone);
+    await session.page.goto(session.baseURL || "about:blank").catch(ignorePageGone);
+}

package/dist/{browser.js → runtime/browser.js}

@@ -1,6 +1,8 @@
 import { existsSync, mkdtempSync, readFileSync, rmSync } from "node:fs";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
+import { envString } from "../engine/env.js";
+import { ignoreTimeout } from "../engine/page-gone.js";
 let warned = false;
 /**
  * CHROME_PATH / CHROMIUM_PATH, if set and the file exists. A stale path (browser uninstalled)
@@ -20,7 +22,7 @@ export function chromiumExecutablePath() {
 }
 /** Unpacked extension directories, as resolved by `resolveExtensions` - also what `WAYGRAPH_EXTENSIONS` carries to child processes. */
 export function extensionPathsFromEnv() {
-    return (process.env.WAYGRAPH_EXTENSIONS ?? "").split(",").filter(Boolean);
+    return (envString("WAYGRAPH_EXTENSIONS") ?? "").split(",").filter(Boolean);
 }
 /**
  * Launches a browser and its first context. With `extensions` it uses a persistent context, the only
@@ -49,7 +51,7 @@ export async function launchContext(opts) {
     // An extension's background worker registers its page hooks, so wait for it before the first navigation.
     const hasWorker = extensions.some((dir) => JSON.parse(readFileSync(join(dir, "manifest.json"), "utf-8")).background?.service_worker !== undefined);
     if (hasWorker && context.serviceWorkers().length === 0) {
-        await context.waitForEvent("serviceworker", { timeout: 10_000 }).catch(() => undefined);
+        await context.waitForEvent("serviceworker", { timeout: 10_000 }).catch(ignoreTimeout);
     }
     return {
         browser: context.browser(),

package/dist/{env-file.js → runtime/env-file.js}

@@ -5,6 +5,8 @@
 // field) to get waygraph to see the same config their actual app already uses.
 import { existsSync, readFileSync } from "node:fs";
 import { join } from "node:path";
+import { envString, setEnv } from "../engine/env.js";
+import { takeGlobalFlag } from "./global-flag.js";
 /** `KEY=value` lines only - no `${VAR}` expansion, no multiline values. Matches the common
  * Vite/Next `.env` shape, not full dotenv-expand parity. */
 function parseEnvFile(content) {
@@ -30,21 +32,14 @@ function parseEnvFile(content) {
 }
 /** The env mode: `--env <mode>` / `WAYGRAPH_ENV`, else `NODE_ENV`, else "development". */
 export function envMode() {
-    return process.env.WAYGRAPH_ENV || process.env.NODE_ENV || "development";
+    return envString("WAYGRAPH_ENV") || process.env.NODE_ENV || "development";
 }
 /** Removes `--env <mode>` / `--env=<mode>` from argv and records it as `WAYGRAPH_ENV`, so it never reaches a forwarded command. */
 export function takeEnvFlag(argv) {
-    const out = [];
-    for (let i = 0; i < argv.length; i++) {
-        const a = argv[i];
-        if (a === "--env" && argv[i + 1] !== undefined)
-            process.env.WAYGRAPH_ENV = argv[++i];
-        else if (a.startsWith("--env="))
-            process.env.WAYGRAPH_ENV = a.slice("--env=".length);
-        else
-            out.push(a);
-    }
-    return out;
+    const { value, rest } = takeGlobalFlag(argv, "env");
+    if (value !== undefined)
+        setEnv("WAYGRAPH_ENV", value);
+    return rest;
 }
 /**
  * Loads `.env` / `.env.local` / `.env.<mode>` / `.env.<mode>.local` from a project's root, the layering

package/dist/{extensions.d.ts → runtime/extensions.d.ts}

@@ -1,9 +1,5 @@
 /** A known name (`"hoppscotch"`), a Chrome Web Store id, a path to an unpacked extension, or `{ id, sha256 }`. */
-export type ExtensionSpec = string | {
-    id?: string;
-    path?: string;
-    sha256?: string;
-};
+import type { ExtensionSpec } from "../engine/config.js";
 /** Names accepted in `extensions: [...]` mapped to their Chrome Web Store ids. */
 export declare const KNOWN_EXTENSIONS: Readonly<Record<string, string>>;
 /** Unpacks a .crx and pins the manifest `key`, so the extension keeps its store id (its origin is then stable, e.g. for an API allowlist). */

package/dist/{extensions.js → runtime/extensions.js}

@@ -4,13 +4,14 @@ import { existsSync, mkdirSync, readFileSync, renameSync, rmSync, writeFileSync
 import { homedir } from "node:os";
 import { dirname, join, resolve, sep } from "node:path";
 import { inflateRawSync } from "node:zlib";
+import { envString } from "../engine/env.js";
 /** Names accepted in `extensions: [...]` mapped to their Chrome Web Store ids. */
 export const KNOWN_EXTENSIONS = {
     hoppscotch: "amknoiejhlmhancpahfcfcfhllgkpbld",
 };
 const STORE_ID = /^[a-p]{32}$/;
 function cacheDir() {
-    const base = process.env.WAYGRAPH_CACHE_DIR ?? join(process.env.XDG_CACHE_HOME ?? join(homedir(), ".cache"), "waygraph");
+    const base = envString("WAYGRAPH_CACHE_DIR") ?? join(process.env.XDG_CACHE_HOME ?? join(homedir(), ".cache"), "waygraph");
     return join(base, "extensions");
 }
 /** Reads the end-of-central-directory record and extracts every entry; rejects paths that escape `dest`. */

package/dist/runtime/full-launch.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/full-launch.js

@@ -0,0 +1,34 @@
+import { setOwnContextLauncher } from "../engine/run/launch.js";
+import { resolveLauncher } from "../engine/config.js";
+import { chromiumExecutablePath, extensionPathsFromEnv, launchContext } from "./browser.js";
+import { resolveExtensions } from "./extensions.js";
+import { loadWaygraphConfig } from "./waygraph-config.js";
+import { envString } from "../engine/env.js";
+// An Engine's own browser follows the selected config (--config), the Chromium override and the configured extensions.
+setOwnContextLauncher(async (engineConfig) => {
+    // A config chosen with `--config` / WAYGRAPH_CONFIG wins over the one the Engine was built with.
+    const chosen = envString("WAYGRAPH_CONFIG") ? await loadWaygraphConfig(process.cwd()) : undefined;
+    const config = chosen
+        ? {
+            ...engineConfig,
+            ...(chosen.baseUrl !== undefined ? { baseUrl: chosen.baseUrl } : {}),
+            ...(chosen.extensions !== undefined ? { extensions: chosen.extensions } : {}),
+        }
+        : engineConfig;
+    const browserName = config?.browserName ?? "chromium";
+    const executablePath = browserName === "chromium" ? chromiumExecutablePath() : undefined;
+    const baseURL = config?.baseUrl ?? envString("WAYGRAPH_BASE_URL");
+    return launchContext({
+        launcher: resolveLauncher(browserName, config),
+        launch: {
+            headless: config?.headless ?? true,
+            ...(config?.slowMo !== undefined ? { slowMo: config.slowMo } : {}),
+            ...(executablePath ? { executablePath } : {}),
+        },
+        context: {
+            ...(baseURL ? { baseURL } : {}),
+            ...(config?.recordVideo ? { recordVideo: config.recordVideo } : {}),
+        },
+        extensions: await resolveExtensions(config?.extensions ?? extensionPathsFromEnv(), process.cwd()),
+    });
+});

package/dist/runtime/global-flag.d.ts

@@ -0,0 +1,5 @@
+/** The value of `--<name> <v>` / `--<name>=<v>` (the last one wins) and argv without it. */
+export declare function takeGlobalFlag(argv: string[], name: string): {
+    value: string | undefined;
+    rest: string[];
+};

package/dist/runtime/global-flag.js

@@ -0,0 +1,18 @@
+// Options any command takes (`--config`, `--env`): read with node:util's parseArgs and taken out of argv, so they never
+// reach a command that forwards its arguments (waygraph test -> playwright test).
+import { parseArgs } from "node:util";
+/** The value of `--<name> <v>` / `--<name>=<v>` (the last one wins) and argv without it. */
+export function takeGlobalFlag(argv, name) {
+    const { tokens } = parseArgs({ args: argv, options: { [name]: { type: "string" } }, strict: false, allowPositionals: true, tokens: true });
+    let value;
+    const drop = new Set();
+    for (const t of tokens) {
+        if (t.kind !== "option" || t.name !== name || typeof t.value !== "string")
+            continue;
+        value = t.value;
+        drop.add(t.index);
+        if (!t.inlineValue)
+            drop.add(t.index + 1);
+    }
+    return { value, rest: argv.filter((_, i) => !drop.has(i)) };
+}

package/dist/{playwright-config.d.ts → runtime/playwright-config.d.ts}

@@ -1,4 +1,4 @@
 import type { PlaywrightTestConfig } from "@playwright/test";
-import type { WaygraphConfig } from "./config.js";
+import type { WaygraphConfig } from "./waygraph-config.js";
 /** The test runner's config for a project, built from its waygraph config. `waygraph test` uses this when there is no playwright.config. */
 export declare function playwrightConfigFrom(config: WaygraphConfig, projectDir: string, baseURL: string | undefined): PlaywrightTestConfig;

package/dist/{playwright.config.js → runtime/playwright.config.js}

@@ -1,6 +1,7 @@
 // Loaded by `waygraph test` (playwright test -c) for projects that keep their settings in config/waygraph.config.ts.
 import { defineConfig } from "@playwright/test";
-import { loadWaygraphConfig, resolveBaseUrl } from "./config.js";
+import { loadWaygraphConfig, resolveBaseUrl } from "./waygraph-config.js";
 import { playwrightConfigFrom } from "./playwright-config.js";
-const projectDir = process.env.WAYGRAPH_PROJECT_DIR ?? process.cwd();
+import { envString } from "../engine/env.js";
+const projectDir = envString("WAYGRAPH_PROJECT_DIR") ?? process.cwd();
 export default defineConfig(playwrightConfigFrom((await loadWaygraphConfig(projectDir)) ?? {}, projectDir, await resolveBaseUrl(projectDir)));

package/dist/runtime/run-log.d.ts

@@ -0,0 +1,2 @@
+/** The folder run logs go to for a project unless the config or the environment says otherwise. */
+export declare function defaultRunLogDir(projectDir: string): string;

package/dist/runtime/run-log.js

@@ -0,0 +1,17 @@
+// Writes every run event to `<dir>/<runId>.jsonl` when WAYGRAPH_RUN_LOG names a folder (the CLI sets it to the project's
+// `.waygraph/runs`; `runLog: false` in the config turns it off). This is the run history Waygraph UI reads.
+import { appendFileSync, mkdirSync } from "node:fs";
+import { join } from "node:path";
+import { onRunEvent } from "../engine/run/events.js";
+import { envString } from "../engine/env.js";
+onRunEvent((event) => {
+    const dir = envString("WAYGRAPH_RUN_LOG");
+    if (!dir || dir === "0")
+        return;
+    mkdirSync(dir, { recursive: true });
+    appendFileSync(join(dir, `${event.runId}.jsonl`), JSON.stringify(event) + "\n");
+});
+/** The folder run logs go to for a project unless the config or the environment says otherwise. */
+export function defaultRunLogDir(projectDir) {
+    return join(projectDir, ".waygraph", "runs");
+}

package/dist/{video-dir.js → runtime/video-dir.js}

@@ -1,7 +1,8 @@
 import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "node:fs";
 import { homedir } from "node:os";
 import { basename, isAbsolute, join, resolve } from "node:path";
-import { loadWaygraphConfig } from "./config.js";
+import { loadWaygraphConfig } from "./waygraph-config.js";
+import { envString } from "../engine/env.js";
 /** The user's Downloads folder, or undefined when there is none (a server, a container). */
 export function downloadsDir() {
     const home = homedir();
@@ -41,7 +42,7 @@ function writable(dir) {
  */
 export async function resolveVideoDir(projectDir) {
     const fallback = join(projectDir, ".waygraph-videos");
-    const configured = process.env.WAYGRAPH_VIDEO_DIR || (await loadWaygraphConfig(projectDir))?.video?.dir;
+    const configured = envString("WAYGRAPH_VIDEO_DIR") || (await loadWaygraphConfig(projectDir))?.video?.dir;
     if (configured) {
         const dir = isAbsolute(expandHome(configured)) ? expandHome(configured) : resolve(projectDir, configured);
         if (writable(dir))

package/dist/{config.d.ts → runtime/waygraph-config.d.ts}

@@ -1,7 +1,7 @@
 import type { PlaywrightTestConfig } from "@playwright/test";
-import type { ExtensionSpec } from "./extensions.js";
+import type { ExtensionSpec } from "../engine/config.js";
 import type { WebServerConfig } from "./webserver.js";
-import type { DemoPace } from "./highlights.js";
+import type { DemoPace } from "../engine/stub/pace.js";
 /** Where `--video` recordings are saved and at what size. */
 export interface VideoSettings {
     /** Where recordings are saved: absolute, `~/…`, or relative to the project. Default `~/Downloads/waygraph-videos/<project>` (the project's `.waygraph-videos/` where there is no Downloads folder, and on CI). */
@@ -57,6 +57,8 @@ export interface WaygraphConfig {
     run?: RunSettings;
     /** Settings for `waygraph demo` only. They override the shared ones above. */
     demo?: DemoSettings;
+    /** Write each run's events to `.waygraph/runs/<runId>.jsonl` (the history Waygraph UI shows), or to this folder. Default true. */
+    runLog?: boolean | string;
     /** Folder of test files, relative to the project. Default `"tests"`. */
     testDir?: string;
     /** App to start around `waygraph test`, `run`, `demo` and `auto` (same fields as Playwright's `webServer`). */
@@ -79,7 +81,7 @@ export declare function defineConfig(config: WaygraphConfig | ((context: ConfigC
 export declare function takeConfigFlag(argv: string[]): string[];
 /**
  * Looks for the first `waygraph.config.*` in `projectDir` and imports it - `.ts` works
- * unmodified because `bin/waygraph` already registers `tsx/esm` before `dist/cli.js` ever runs
+ * unmodified because `bin/waygraph` already registers `tsx/esm` before `dist/cli/cli.js` ever runs
  * (the same mechanism that already lets a consumer's `.block.ts`/`.flow.ts` import directly), so
  * no separate loader/transpile step is needed here. A broken config file throws loud, naming the
  * file - silently swallowing it would make a missing `baseUrl` look like "nobody configured
@@ -88,7 +90,7 @@ export declare function takeConfigFlag(argv: string[]): string[];
 export declare function loadWaygraphConfig(projectDir: string): Promise<WaygraphConfig | undefined>;
 /**
  * Single source of truth for a project's base URL. Was three independently drifted copies
- * (`src/cli/flags.ts`, `src/traverse/run.ts`, `src/session/auto-explore-run.ts`), each checking
+ * (`src/cli/flags.ts`, `src/live/traverse/traverse.ts`, `src/live/auto/auto.ts`), each checking
  * a slightly different subset of sources in a different order - real duplication, not just
  * stylistic, since one copy skipped `config.waygraph.*` nesting and another checked
  * `WAYGRAPH_BASE_URL` first instead of last. Checked in this order:
@@ -97,11 +99,6 @@ export declare function loadWaygraphConfig(projectDir: string): Promise<Waygraph
  *    `loadEnvFiles`, called here so every caller gets native `.env` support for free, not just
  *    whichever command remembered to call it).
  * 2. A `waygraph.config.*` file's `baseUrl`.
- * 3. `package.json`'s `waygraph.baseUrl`/`baseURL` (`config.waygraph.*` also checked - a common
- *    nested-config convention some tooling uses).
- * 4. `playwright.config.*`'s own `baseURL` (regex-read as text, never imported - importing a
- *    consumer's real playwright.config risks pulling in `@playwright/test`'s own global setup
- *    as a side effect, which resolving a URL string has no business doing).
  */
 export declare function resolveBaseUrl(projectDir: string): Promise<string | undefined>;
 /** Unpacked extension directories for a run: `WAYGRAPH_EXTENSIONS` if set, else the config file's `extensions` (fetched on first use). */