waygraph 0.15.47 → 0.15.50

package/dist/session/auto-explore-run.js

@@ -1,35 +1,14 @@
 import { createInterface } from "node:readline/promises";
 import { ensureShadowRoot } from "../ui/shadow.js";
 import { stdin as input, stdout as output } from "node:process";
-import { existsSync, readFileSync } from "node:fs";
-import { join } from "node:path";
-import { Engine, start, end, locate } from "../engine.js";
+import { Engine, start, end, locate } from "../core.js";
 import { MemPage } from "../mem-page.js";
 import { buildExploreContext, buildExploreMenu, } from "./auto-explore.js";
-import { installDemoChrome, instrumentInteractionHighlighting } from "../step-overlay.js";
-export function resolveBaseUrl(projectDir) {
-    const pkgPath = join(projectDir, "package.json");
-    if (existsSync(pkgPath)) {
-        try {
-            const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
-            const fromPkg = pkg.waygraph?.baseUrl ?? pkg.waygraph?.baseURL;
-            if (typeof fromPkg === "string" && fromPkg.trim())
-                return fromPkg.trim();
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    for (const name of ["playwright.config.ts", "playwright.config.mts", "playwright.config.js"]) {
-        const p = join(projectDir, name);
-        if (!existsSync(p))
-            continue;
-        const m = readFileSync(p, "utf-8").match(/baseURL\s*:\s*["']([^"']+)["']/);
-        if (m?.[1])
-            return m[1];
-    }
-    return undefined;
-}
+import { installDemoChrome, instrumentInteractionHighlighting } from "./step-overlay.js";
+import { resolveBaseUrl } from "../config.js";
+/** See `../config.js`'s own `resolveBaseUrl` - re-exported so existing importers of this module
+ * don't need to change their import path. */
+export { resolveBaseUrl };
 /** URL-first - several Checkpoints share nav verify traits (e.g. LoggedIn = /inventory.html). */
 async function inferCheckpointFromUrl(page) {
     try {
@@ -355,6 +334,37 @@ async function headfulPick(page, menu, library, mem, waitPick) {
             memIdx++;
         }
     }
+    // Pre-resolve every candidate's hover-preview box THROUGH Playwright's own locator (>>
+    // piercing / :has-text() / :visible support), once, here on the Node side - not a raw selector
+    // string handed to the page for a per-mouseenter document.querySelector to fail silently on
+    // (same class of bug as rings.js's showRing; see its own comment for the full story). A
+    // mouseenter handler can't itself await a Node-side locator without visible hover lag, so the
+    // box is embedded as a data attribute instead and the in-page handler just reads it.
+    const hlSelectors = new Set();
+    for (const section of menu.sections) {
+        for (const c of section.edges) {
+            const entry = library.get(c.block);
+            const navClick = entry?.block?.__waygraphNavClick;
+            const hl = c.instanceOption?.highlight ?? (typeof navClick === "string" ? navClick : undefined);
+            if (hl)
+                hlSelectors.add(hl);
+        }
+    }
+    const hlBoxes = new Map();
+    await Promise.all([...hlSelectors].map(async (sel) => {
+        const loc = page.locator(sel).first();
+        const box = (await loc.count().catch(() => 0)) > 0
+            ? await loc
+                .evaluate((el) => {
+                const r = el.getBoundingClientRect();
+                if (r.width < 1 && r.height < 1)
+                    return null;
+                return { x: r.x, y: r.y, width: r.width, height: r.height };
+            })
+                .catch(() => null)
+            : null;
+        hlBoxes.set(sel, box);
+    }));
     html += `<div class="wg-actions">`;
     let idx = 0;
     if (menu.sections.length === 0) {
@@ -366,7 +376,8 @@ async function headfulPick(page, menu, library, mem, waitPick) {
             const entry = library.get(c.block);
             const navClick = entry?.block?.__waygraphNavClick;
             const hl = c.instanceOption?.highlight ?? (typeof navClick === "string" ? navClick : undefined);
-            const hlAttr = hl ? ` data-hl="${esc(hl)}"` : "";
+            const hlBox = hl ? hlBoxes.get(hl) : null;
+            const hlAttr = hlBox ? ` data-hl-box='${esc(JSON.stringify(hlBox))}'` : "";
             if (c.label) {
                 html += `<button class="wg-act" data-idx="${idx}"${hlAttr}>${esc(c.label)}</button>`;
             }
@@ -476,14 +487,19 @@ async function headfulPick(page, menu, library, mem, waitPick) {
           window.__wgAutoPick?.(idx);
         });
         btn.addEventListener("mouseenter", () => {
-          const sel = btn.getAttribute("data-hl");
-          if (!sel) return;
-          const el = document.querySelector(sel);
-          if (!el || typeof window.__wgPositionRing !== "function") return;
-          const r = el.getBoundingClientRect();
-          if (r.width < 1 && r.height < 1) return;
+          // Pre-resolved on the Node side via Playwright's own locator (>> piercing / :has-text()
+          // support) when this menu was built - see headfulPick's own comment for why a
+          // mouseenter handler can't itself round-trip to a Node-side locator per hover.
+          const raw = btn.getAttribute("data-hl-box");
+          if (!raw || typeof window.__wgPositionRing !== "function") return;
+          let box;
+          try {
+            box = JSON.parse(raw);
+          } catch {
+            return;
+          }
           window.__wgPositionRing(
-            { x: r.x, y: r.y, width: r.width, height: r.height },
+            box,
             btn.textContent?.trim()?.slice(0, 80) || "target",
             "auto",
           );
@@ -540,7 +556,7 @@ async function cliPick(menu, rl) {
 export async function runAutoExplore(projectDir, options = {}) {
     lastRunNote = null;
     const cli = options.cli === true;
-    const baseURL = options.baseURL ?? resolveBaseUrl(projectDir) ?? process.env.WAYGRAPH_BASE_URL;
+    const baseURL = options.baseURL ?? (await resolveBaseUrl(projectDir)) ?? process.env.WAYGRAPH_BASE_URL;
     const startUrl = options.startUrl ?? baseURL;
     const { graph, library } = await buildExploreContext(projectDir, options.blocksSelect ? { blocksSelect: options.blocksSelect } : undefined);
     if (options.blocksSelect) {

package/dist/{step-overlay.d.ts → session/step-overlay.d.ts}

@@ -1,5 +1,5 @@
 import type { Page } from "@playwright/test";
-import type { MemPage } from "./mem-page.js";
+import type { MemPage } from "../mem-page.js";
 export declare function installDemoChrome(page: Page, title?: string, options?: {
     banner?: boolean;
 }): Promise<void>;

package/dist/{step-overlay.js → session/step-overlay.js}

@@ -1,4 +1,4 @@
-import { ensureShadowRoot } from "./ui/shadow.js";
+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 = {}) {

package/dist/trait.d.ts

@@ -1,5 +1,6 @@
 import type { Page } from "@playwright/test";
 import type { MemPage } from "./mem-page.js";
+import "urlpattern-polyfill";
 /**
  * A named, independently-reportable check. `check` never runs before `resolve` has
  * already decided the Checkpoint, and it can only confirm or fail loud - it has no

package/dist/trait.js

@@ -1,3 +1,12 @@
+// URLPattern is only a Node global from v23.8+ (and even then, Node's own, not a browser's) -
+// CI's Node 20/22 matrix has no global at all. Side-effect import only: the polyfill package sets
+// globalThis.URLPattern itself, but only when one doesn't already exist - so below Node 23.8 this
+// becomes THE global, and from 23.8 up it's a no-op and the native one stays. Playwright's own
+// waitForURL(pattern) checks `pattern instanceof globalThis.URLPattern` internally, so the instance
+// constructed below must always come from whatever ends up on globalThis, not this import
+// directly - a named `import { URLPattern }` gives a fixed class that's a different constructor
+// than the native global on newer Node, and `instanceof` would then fail on those versions.
+import "urlpattern-polyfill";
 /**
  * Common, generic Trait factories - reusable across any Block, not one-off
  * `{ name, check }` objects written inline per Block. Reach for one of these
@@ -36,6 +45,12 @@ export function urlMatches(pattern) {
             // `verify()` case this was originally written for - just via the same
             // mechanism every other Trait already uses instead of its own
             // hardcoded, wrong-context value.
+            // Cast, not a bare `urlPattern` reference: @types/node and the polyfill both declare an
+            // ambient global `URLPattern` (`skipLibCheck` hides the conflict between them instead of
+            // erroring), and they resolve to two DIFFERENT types depending on where in the program the
+            // name is looked up - so the very same runtime value that satisfies Playwright's actual
+            // (structural, .test()-based) check at runtime fails typechecking as "not assignable" against
+            // whichever of the two ambient declarations Playwright's own .d.ts happens to see.
             await page.waitForURL(urlPattern);
             return true;
         },

package/dist/traverse/run.js

@@ -1,29 +1,10 @@
-/**
- * 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 { Engine, start, end, locate } from "../core.js";
 import { MemPage } from "../mem-page.js";
 import { buildExploreContext, buildExploreMenu, } from "../session/auto-explore.js";
 import { defaultMemValueForKey } from "../session/auto-explore-run.js";
+import { resolveBaseUrl } from "../config.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 = {};
@@ -257,7 +238,7 @@ export async function runTraverse(projectDir, options = {}) {
     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 baseURL = options.baseURL ?? (await resolveBaseUrl(projectDir)) ?? process.env.WAYGRAPH_BASE_URL;
     const startUrl = options.startUrl ?? baseURL;
     const minEdgeCoverage = options.minEdgeCoverage != null && Number.isFinite(options.minEdgeCoverage)
         ? options.minEdgeCoverage

package/dist/ui/components/ring.js

@@ -1,6 +1,8 @@
 import { TONES } from "../tokens.js";
-/** Prefix icon for gray (auto) labels. */
-const ROBOT = 'content:"\\1F916\\00a0";';
+/** Prefix icon for gray (auto) labels - a real inline SVG (terminal chevron), not an emoji. */
+const ROBOT = 'content:"";display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:-1px;' +
+    "background-repeat:no-repeat;background-size:contain;" +
+    "background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 3.5l5 4.5-5 4.5M8.5 12.5h5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");";
 const toneNames = Object.keys(TONES);
 /** Tone rules for `sel[data-tone=x]{...}` from the token table. */
 function toneRules(sel, decl, only) {

package/dist/ui/overlay.css

@@ -93,8 +93,14 @@
 .wg-ring-el-label[data-tone=danger]  { --wg-tone-bg: var(--wg-tone-danger-bg);  --wg-tone-fg: var(--wg-tone-danger-fg); }
 .wg-ring-el-label[data-tone=success] { --wg-tone-bg: var(--wg-tone-success-bg); --wg-tone-fg: var(--wg-tone-success-fg); }
 .wg-ring-el-label[data-tone=orange]  { --wg-tone-bg: var(--wg-tone-orange-bg);  --wg-tone-fg: var(--wg-tone-orange-fg); }
-/* Gray (auto) = a real Playwright-driven instruction - mark it, a human/AI watching can't "see" DOM state otherwise. */
-.wg-ring-el-label[data-tone=auto]::before { content: "\1F916\00a0"; }
+/* Gray (auto) = a real Playwright-driven instruction - mark it, a human/AI watching can't "see" DOM
+   state otherwise. A real inline SVG icon (small terminal chevron), not an emoji - emoji rendering
+   is font/OS-dependent and reads as an unpolished placeholder next to the rest of this design. */
+.wg-ring-el-label[data-tone=auto]::before {
+  content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 5px;
+  vertical-align: -1px; background-repeat: no-repeat; background-size: contain;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 3.5l5 4.5-5 4.5M8.5 12.5h5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
 .wg-ring-el-label[data-size=sm] { font-size: 10px; line-height: 1.25; padding: 4px 7px; border-radius: 5px; }
 .wg-ring-el-label[data-size=lg] { font-size: 16px; line-height: 1.35; padding: 8px 14px; border-radius: 9px; max-width: min(480px, 85vw); }
 .wg-ring-el-label[data-weight=bold] { font-weight: 800; }
@@ -136,6 +142,9 @@
 #wg-banner[data-pos=left]   { left: 14px; right: auto; transform: none; }
 #wg-banner[data-pos=center] { left: 50%; right: auto; transform: translateX(-50%); }
 #wg-banner[data-pos=right]  { right: 14px; left: auto; transform: none; }
+/* Same "auto opacity" step-back the todo dock already has (.wg-todo-behind) while a ring caption
+   is the current focus - added via __wgBannerSetBehind, not just the collision-driven move. */
+#wg-banner.wg-banner-behind { opacity: .42; }
 #wg-banner .wg-banner-tag {
   display: block; font-size: 10px; font-weight: 700; color: var(--wg-accent-soft);
   letter-spacing: .05em; text-transform: uppercase; margin-bottom: 2px;
@@ -151,7 +160,7 @@
  * duplicate of this file's own rules, is consolidated.
  */
 #wg-pilot-fx-todos {
-  position: fixed; z-index: var(--wg-z-fx); top: 72px; max-width: 280px; max-height: calc(100vh - 100px);
+  position: fixed; z-index: var(--wg-z-fx); top: 104px; max-width: 280px; max-height: calc(100vh - 132px);
   overflow: auto; font: 12px/1.4 ui-sans-serif, system-ui, sans-serif; color: #fff;
   background: var(--wg-surface); border-radius: var(--wg-radius-md); padding: 10px 12px;
   box-shadow: var(--wg-shadow-dock); pointer-events: auto; transition: opacity .25s ease;
@@ -181,3 +190,27 @@
   background: var(--wg-surface); color: #fff; border-radius: var(--wg-radius-sm);
   box-shadow: 0 2px 8px rgba(0,0,0,.25);
 }
+
+
+/*
+ * Bottom subtitle caption (#wg-caption-bar) - a white rounded card, not a full-width dark scrim
+ * (matches the rest of the overlay's light "toast" surfaces - banner/panel are the dark violet
+ * chrome, this narrates the PAGE itself so it reads as a caption card, not more chrome).
+ */
+#wg-caption-bar {
+  position: fixed; z-index: var(--wg-z-focus); left: 0; right: 0; bottom: 0;
+  /* Bottom padding clears the collapsed step-pill (#wg-panel, bottom:12px, ~40px tall,
+     z-index:2147483647 - always on top) - without it the pill sat right over the caption card,
+     both centered at the bottom of the viewport (see #wg-typing-badge's own bottom:88px, same
+     reason). */
+  padding: 0 6% 64px; display: flex; justify-content: center;
+  pointer-events: none; opacity: 0; transform: translateY(6px);
+  transition: opacity .3s ease, transform .3s ease;
+}
+#wg-caption-bar.wg-in { opacity: 1; transform: translateY(0); }
+#wg-caption-bar .wg-caption-text {
+  font: 500 15px/1.4 var(--wg-font); color: #1c1917; text-align: center;
+  max-width: 82%; text-wrap: balance;
+  background: #fff; border-radius: var(--wg-radius-lg);
+  padding: 10px 18px; box-shadow: var(--wg-shadow-banner);
+}

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

@@ -0,0 +1,21 @@
+[18:43:31.014] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[18:43:31.014] waygraph pilot: stub.before ctx.todos n=6 index=0
+[18:43:31.015] waygraph pilot: stub.before ctx.device(mobile)
+[18:43:31.015] waygraph pilot: stub.before ctx.zoom(1.35)
+[18:43:31.015] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[18:43:31.780] waygraph pilot: stub.after ctx.todos n=6 index=1
+[18:43:32.878] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[18:43:33.035] waygraph pilot: stub.after ctx.todos n=6 index=2
+[18:43:34.170] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[18:43:34.393] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[18:43:34.393] waygraph pilot: stub.after ctx.todos n=6 index=3
+[18:43:34.393] waygraph pilot: stub.after ctx.device(mobile)
+[18:43:34.393] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[18:43:37.076] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[18:43:37.076] waygraph pilot: stub.before ctx.todos n=6 index=5
+[18:43:37.076] waygraph pilot: stub.before ctx.device(mobile)
+[18:43:37.076] waygraph pilot: stub.before ctx.zoom(1.4)
+[18:43:37.076] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[18:43:37.510] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[18:43:37.511] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[18:43:37.589] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

package/examples/saucedemo/.waygraph-auto/0402cfcf.log

@@ -0,0 +1,6 @@
+[14:01:13.381] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[14:01:13.382] waygraph pilot: stub.before ctx.todos n=6 index=0
+[14:01:13.382] waygraph pilot: stub.before ctx.device(mobile)
+[14:01:13.382] waygraph pilot: stub.before ctx.zoom(1.35)
+[14:01:13.382] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[14:01:14.418] waygraph pilot: stub.after ctx.todos n=6 index=1

package/examples/saucedemo/.waygraph-auto/062b581f.log

@@ -0,0 +1,20 @@
+[15:11:57.159] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[15:11:57.159] waygraph pilot: stub.before ctx.todos n=6 index=0
+[15:11:57.160] waygraph pilot: stub.before ctx.device(mobile)
+[15:11:57.160] waygraph pilot: stub.before ctx.zoom(1.35)
+[15:11:57.160] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[15:11:58.387] waygraph pilot: stub.after ctx.todos n=6 index=1
+[15:11:59.771] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[15:11:59.868] waygraph pilot: stub.after ctx.todos n=6 index=2
+[15:12:01.498] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[15:12:01.761] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[15:12:01.763] waygraph pilot: stub.after ctx.todos n=6 index=3
+[15:12:01.763] waygraph pilot: stub.after ctx.device(mobile)
+[15:12:01.763] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[15:12:05.024] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[15:12:05.024] waygraph pilot: stub.before ctx.todos n=6 index=5
+[15:12:05.024] waygraph pilot: stub.before ctx.device(mobile)
+[15:12:05.024] waygraph pilot: stub.before ctx.zoom(1.4)
+[15:12:05.024] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[15:12:05.374] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[15:12:05.374] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

package/examples/saucedemo/.waygraph-auto/0681582b.log

@@ -0,0 +1,6 @@
+[10:25:35.405] waygraph pilot: highlight ctx.todos n=3 index=0
+[10:25:35.406] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[10:25:35.406] waygraph pilot: highlight ring #password tone=info label="Password"
+[10:25:40.761] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[10:25:40.795] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): #no-such-element-waygraph
+[10:25:44.204] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/07f3e964.log

@@ -0,0 +1,6 @@
+[18:22:04.004] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[18:22:04.004] waygraph pilot: stub.before ctx.todos n=6 index=0
+[18:22:04.005] waygraph pilot: stub.before ctx.device(mobile)
+[18:22:04.005] waygraph pilot: stub.before ctx.zoom(1.35)
+[18:22:04.005] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[18:22:05.633] waygraph pilot: stub.after ctx.todos n=6 index=1

package/examples/saucedemo/.waygraph-auto/0924ddaa.log

@@ -0,0 +1,22 @@
+[11:09:34.839] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[11:09:34.839] waygraph pilot: stub.before ctx.todos n=6 index=0
+[11:09:34.839] waygraph pilot: stub.before ctx.device(mobile)
+[11:09:34.839] waygraph pilot: stub.before ctx.zoom(1.35)
+[11:09:34.839] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[11:09:35.582] waygraph pilot: stub.after ctx.todos n=6 index=1
+[11:09:38.020] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[11:09:38.142] waygraph pilot: stub.after ctx.todos n=6 index=2
+[11:09:41.474] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[11:09:41.984] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[11:09:41.985] waygraph pilot: stub.after ctx.todos n=6 index=3
+[11:09:41.985] waygraph pilot: stub.after ctx.device(mobile)
+[11:09:41.985] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[11:09:47.467] waygraph pilot: stub.before ctx.title("Pick a product · tablet")
+[11:09:47.467] waygraph pilot: stub.before ctx.todos n=6 index=3
+[11:09:47.467] waygraph pilot: stub.before ctx.device(tablet)
+[11:09:47.467] waygraph pilot: stub.before ctx.zoom(1.35)
+[11:09:47.468] 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"
+[11:09:47.468] waygraph pilot: stub.before ring [data-test="add-to-cart-sauce-labs-backpack"] tone=success label="Add to cart"
+[11:09:48.774] waygraph pilot: stub.after ctx.title("In the cart")
+[11:09:48.775] waygraph pilot: stub.after ctx.todos n=6 index=4
+[11:09:48.775] waygraph pilot: stub.after ring .shopping_cart_badge tone=success label="Cart badge"

package/examples/saucedemo/.waygraph-auto/092d6173.log

@@ -0,0 +1,5 @@
+[14:52:25.116] waygraph pilot: highlight ctx.todos n=3 index=0
+[14:52:25.117] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[14:52:25.117] waygraph pilot: highlight ring #password tone=info label="Password"
+[14:52:30.181] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[14:52:32.860] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/0998c941.log

@@ -0,0 +1,21 @@
+[21:17:29.924] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[21:17:29.924] waygraph pilot: stub.before ctx.todos n=6 index=0
+[21:17:29.925] waygraph pilot: stub.before ctx.device(mobile)
+[21:17:29.925] waygraph pilot: stub.before ctx.zoom(1.35)
+[21:17:29.925] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[21:17:30.749] waygraph pilot: stub.after ctx.todos n=6 index=1
+[21:17:31.891] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[21:17:31.976] waygraph pilot: stub.after ctx.todos n=6 index=2
+[21:17:33.127] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[21:17:33.363] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[21:17:33.363] waygraph pilot: stub.after ctx.todos n=6 index=3
+[21:17:33.363] waygraph pilot: stub.after ctx.device(mobile)
+[21:17:33.363] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[21:17:35.572] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[21:17:35.572] waygraph pilot: stub.before ctx.todos n=6 index=5
+[21:17:35.572] waygraph pilot: stub.before ctx.device(mobile)
+[21:17:35.572] waygraph pilot: stub.before ctx.zoom(1.4)
+[21:17:35.572] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[21:17:35.828] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[21:17:35.828] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[21:17:35.891] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

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

@@ -0,0 +1,21 @@
+[10:25:18.860] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[10:25:18.861] waygraph pilot: stub.before ctx.todos n=6 index=0
+[10:25:18.861] waygraph pilot: stub.before ctx.device(mobile)
+[10:25:18.861] waygraph pilot: stub.before ctx.zoom(1.35)
+[10:25:18.862] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[10:25:19.866] waygraph pilot: stub.after ctx.todos n=6 index=1
+[10:25:21.296] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[10:25:21.478] waygraph pilot: stub.after ctx.todos n=6 index=2
+[10:25:22.909] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[10:25:23.176] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[10:25:23.176] waygraph pilot: stub.after ctx.todos n=6 index=3
+[10:25:23.176] waygraph pilot: stub.after ctx.device(mobile)
+[10:25:23.176] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[10:25:25.875] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[10:25:25.875] waygraph pilot: stub.before ctx.todos n=6 index=5
+[10:25:25.875] waygraph pilot: stub.before ctx.device(mobile)
+[10:25:25.875] waygraph pilot: stub.before ctx.zoom(1.4)
+[10:25:25.875] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[10:25:26.216] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[10:25:26.224] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[10:25:26.263] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

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

@@ -0,0 +1,4 @@
+[21:17:15.760] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[21:17:15.760] waygraph pilot: highlight ring #password tone=info label="Password"
+[21:17:15.760] waygraph pilot: highlight ring #login-button tone=success label="Login"
+[21:17:20.189] waygraph pilot: highlight ring #user-name tone=planned label="Username"

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

@@ -0,0 +1,5 @@
+[16:11:45.876] waygraph pilot: highlight ctx.todos n=3 index=0
+[16:11:45.876] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[16:11:45.876] waygraph pilot: highlight ring #password tone=info label="Password"
+[16:11:48.257] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[16:11:49.767] waygraph pilot: highlight ring #login-button tone=success label="Login"

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

@@ -0,0 +1,5 @@
+[16:26:28.654] waygraph pilot: highlight ctx.todos n=3 index=0
+[16:26:28.656] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[16:26:28.659] waygraph pilot: highlight ring #password tone=info label="Password"
+[16:26:32.406] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[16:26:34.485] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/161cc8dd.log

@@ -0,0 +1,22 @@
+[16:29:47.576] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[16:29:47.576] waygraph pilot: stub.before ctx.todos n=6 index=0
+[16:29:47.576] waygraph pilot: stub.before ctx.device(mobile)
+[16:29:47.576] waygraph pilot: stub.before ctx.zoom(1.35)
+[16:29:47.576] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[16:29:48.942] waygraph pilot: stub.after ctx.todos n=6 index=1
+[16:29:50.794] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[16:29:50.965] waygraph pilot: stub.after ctx.todos n=6 index=2
+[16:29:52.406] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[16:29:52.726] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[16:29:52.727] waygraph pilot: stub.after ctx.todos n=6 index=3
+[16:29:52.727] waygraph pilot: stub.after ctx.device(mobile)
+[16:29:52.727] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[16:29:54.148] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .inventory_list
+[16:29:58.462] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[16:29:58.462] waygraph pilot: stub.before ctx.todos n=6 index=5
+[16:29:58.462] waygraph pilot: stub.before ctx.device(mobile)
+[16:29:58.462] waygraph pilot: stub.before ctx.zoom(1.4)
+[16:29:58.462] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[16:29:58.870] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[16:29:58.871] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[16:29:58.934] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

package/examples/saucedemo/.waygraph-auto/164761a5.log

@@ -0,0 +1,6 @@
+[18:30:36.145] waygraph pilot: highlight ctx.todos n=3 index=0
+[18:30:36.145] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[18:30:36.145] waygraph pilot: highlight ring #password tone=info label="Password"
+[18:30:39.932] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[18:30:39.969] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): #no-such-element-waygraph
+[18:30:42.370] waygraph pilot: highlight ring #login-button tone=success label="Login"

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

@@ -0,0 +1,6 @@
+[23:45:06.157] waygraph pilot: highlight ctx.todos n=3 index=0
+[23:45:06.157] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[23:45:06.157] waygraph pilot: highlight ring #password tone=info label="Password"
+[23:45:10.675] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[23:45:10.718] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): #no-such-element-waygraph
+[23:45:13.465] waygraph pilot: highlight ring #login-button tone=success label="Login"

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

@@ -0,0 +1,6 @@
+[21:21:37.246] waygraph pilot: highlight ctx.todos n=3 index=0
+[21:21:37.246] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[21:21:37.246] waygraph pilot: highlight ring #password tone=info label="Password"
+[21:21:41.392] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[21:21:41.436] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): #no-such-element-waygraph
+[21:21:44.243] waygraph pilot: highlight ring #login-button tone=success label="Login"

package/examples/saucedemo/.waygraph-auto/22048fff.log

@@ -0,0 +1,4 @@
+[16:29:18.968] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[16:29:18.969] waygraph pilot: highlight ring #password tone=info label="Password"
+[16:29:18.969] waygraph pilot: highlight ring #login-button tone=success label="Login"
+[16:29:23.306] waygraph pilot: highlight ring #user-name tone=planned label="Username"

package/examples/saucedemo/.waygraph-auto/22f1a704.log

@@ -0,0 +1,5 @@
+[18:15:25.473] waygraph pilot: highlight ctx.todos n=3 index=0
+[18:15:25.474] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[18:15:25.474] waygraph pilot: highlight ring #password tone=info label="Password"
+[18:15:29.893] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[18:15:59.935] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): #no-such-element-waygraph

package/examples/saucedemo/.waygraph-auto/239cced3.log

@@ -0,0 +1,20 @@
+[17:00:37.043] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[17:00:37.044] waygraph pilot: stub.before ctx.todos n=6 index=0
+[17:00:37.045] waygraph pilot: stub.before ctx.device(mobile)
+[17:00:37.046] waygraph pilot: stub.before ctx.zoom(1.35)
+[17:00:37.046] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[17:00:38.833] waygraph pilot: stub.after ctx.todos n=6 index=1
+[17:00:42.333] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[17:00:42.621] waygraph pilot: stub.after ctx.todos n=6 index=2
+[17:00:45.360] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[17:00:45.661] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[17:00:45.661] waygraph pilot: stub.after ctx.todos n=6 index=3
+[17:00:45.662] waygraph pilot: stub.after ctx.device(mobile)
+[17:00:45.662] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[17:00:50.559] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[17:00:50.559] waygraph pilot: stub.before ctx.todos n=6 index=5
+[17:00:50.559] waygraph pilot: stub.before ctx.device(mobile)
+[17:00:50.559] waygraph pilot: stub.before ctx.zoom(1.4)
+[17:00:50.559] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[17:00:51.181] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[17:00:51.181] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

package/examples/saucedemo/.waygraph-auto/25204b46.log

@@ -0,0 +1,4 @@
+[18:39:40.816] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[18:39:40.816] waygraph pilot: highlight ring #password tone=info label="Password"
+[18:39:40.816] waygraph pilot: highlight ring #login-button tone=success label="Login"
+[18:39:43.269] waygraph pilot: highlight ring #user-name tone=planned label="Username"

package/examples/saucedemo/.waygraph-auto/2708455e.log

@@ -0,0 +1,22 @@
+[14:57:24.022] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[14:57:24.023] waygraph pilot: stub.before ctx.todos n=6 index=0
+[14:57:24.024] waygraph pilot: stub.before ctx.device(mobile)
+[14:57:24.024] waygraph pilot: stub.before ctx.zoom(1.35)
+[14:57:24.024] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[14:57:25.406] waygraph pilot: stub.after ctx.todos n=6 index=1
+[14:57:28.612] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[14:57:28.798] waygraph pilot: stub.after ctx.todos n=6 index=2
+[14:57:31.717] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[14:57:32.072] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[14:57:32.072] waygraph pilot: stub.after ctx.todos n=6 index=3
+[14:57:32.072] waygraph pilot: stub.after ctx.device(mobile)
+[14:57:32.073] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[14:57:39.956] waygraph pilot: stub.before ctx.title("Pick a product · tablet")
+[14:57:39.957] waygraph pilot: stub.before ctx.todos n=6 index=3
+[14:57:39.957] waygraph pilot: stub.before ctx.device(tablet)
+[14:57:39.957] waygraph pilot: stub.before ctx.zoom(1.35)
+[14:57:39.957] 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"
+[14:57:39.957] waygraph pilot: stub.before ring [data-test="add-to-cart-sauce-labs-backpack"] tone=success label="Add to cart"
+[14:57:41.454] waygraph pilot: stub.after ctx.title("In the cart")
+[14:57:41.455] waygraph pilot: stub.after ctx.todos n=6 index=4
+[14:57:41.455] waygraph pilot: stub.after ring .shopping_cart_badge tone=success label="Cart badge"