waygraph 0.15.47 → 0.15.49

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

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

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

@@ -0,0 +1,21 @@
+[18:15:34.184] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[18:15:34.184] waygraph pilot: stub.before ctx.todos n=6 index=0
+[18:15:34.185] waygraph pilot: stub.before ctx.device(mobile)
+[18:15:34.185] waygraph pilot: stub.before ctx.zoom(1.35)
+[18:15:34.185] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[18:15:35.099] waygraph pilot: stub.after ctx.todos n=6 index=1
+[18:15:36.183] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[18:15:36.312] waygraph pilot: stub.after ctx.todos n=6 index=2
+[18:15:37.354] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[18:15:37.582] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[18:15:37.582] waygraph pilot: stub.after ctx.todos n=6 index=3
+[18:15:37.582] waygraph pilot: stub.after ctx.device(mobile)
+[18:15:37.582] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[18:15:40.551] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[18:15:40.551] waygraph pilot: stub.before ctx.todos n=6 index=5
+[18:15:40.551] waygraph pilot: stub.before ctx.device(mobile)
+[18:15:40.551] waygraph pilot: stub.before ctx.zoom(1.4)
+[18:15:40.551] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[18:15:40.803] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[18:15:40.803] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[18:16:10.840] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

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

@@ -0,0 +1,5 @@
+[17:26:02.863] waygraph pilot: highlight ctx.todos n=3 index=0
+[17:26:02.864] waygraph pilot: highlight ring #user-name tone=planned label="Username"
+[17:26:02.864] waygraph pilot: highlight ring #password tone=info label="Password"
+[17:26:06.607] waygraph pilot: highlight ring #no-such-element-waygraph tone=danger label="Gone"
+[17:26:08.425] waygraph pilot: highlight ring #login-button tone=success label="Login"

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

@@ -0,0 +1,22 @@
+[17:11:27.933] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[17:11:27.934] waygraph pilot: stub.before ctx.todos n=6 index=0
+[17:11:27.934] waygraph pilot: stub.before ctx.device(mobile)
+[17:11:27.934] waygraph pilot: stub.before ctx.zoom(1.35)
+[17:11:27.934] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[17:11:28.942] waygraph pilot: stub.after ctx.todos n=6 index=1
+[17:11:30.599] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[17:11:30.688] waygraph pilot: stub.after ctx.todos n=6 index=2
+[17:11:32.735] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[17:11:32.932] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[17:11:32.932] waygraph pilot: stub.after ctx.todos n=6 index=3
+[17:11:32.932] waygraph pilot: stub.after ctx.device(mobile)
+[17:11:32.932] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[17:11:37.836] waygraph pilot: stub.before ctx.title("Pick a product · tablet")
+[17:11:37.836] waygraph pilot: stub.before ctx.todos n=6 index=3
+[17:11:37.836] waygraph pilot: stub.before ctx.device(tablet)
+[17:11:37.836] waygraph pilot: stub.before ctx.zoom(1.35)
+[17:11:37.836] 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"
+[17:11:37.836] waygraph pilot: stub.before ring [data-test="add-to-cart-sauce-labs-backpack"] tone=success label="Add to cart"
+[17:11:38.779] waygraph pilot: stub.after ctx.title("In the cart")
+[17:11:38.780] waygraph pilot: stub.after ctx.todos n=6 index=4
+[17:11:38.780] waygraph pilot: stub.after ring .shopping_cart_badge tone=success label="Cart badge"

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

@@ -0,0 +1,21 @@
+[21:21:23.818] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[21:21:23.818] waygraph pilot: stub.before ctx.todos n=6 index=0
+[21:21:23.818] waygraph pilot: stub.before ctx.device(mobile)
+[21:21:23.819] waygraph pilot: stub.before ctx.zoom(1.35)
+[21:21:23.819] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[21:21:24.690] waygraph pilot: stub.after ctx.todos n=6 index=1
+[21:21:25.888] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[21:21:26.064] waygraph pilot: stub.after ctx.todos n=6 index=2
+[21:21:27.395] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[21:21:27.568] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[21:21:27.568] waygraph pilot: stub.after ctx.todos n=6 index=3
+[21:21:27.568] waygraph pilot: stub.after ctx.device(mobile)
+[21:21:27.568] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[21:21:29.892] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[21:21:29.892] waygraph pilot: stub.before ctx.todos n=6 index=5
+[21:21:29.892] waygraph pilot: stub.before ctx.device(mobile)
+[21:21:29.892] waygraph pilot: stub.before ctx.zoom(1.4)
+[21:21:29.892] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[21:21:30.241] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[21:21:30.241] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[21:21:30.312] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

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

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

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

@@ -0,0 +1,20 @@
+[14:06:47.793] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[14:06:47.793] waygraph pilot: stub.before ctx.todos n=6 index=0
+[14:06:47.793] waygraph pilot: stub.before ctx.device(mobile)
+[14:06:47.794] waygraph pilot: stub.before ctx.zoom(1.35)
+[14:06:47.794] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[14:06:48.667] waygraph pilot: stub.after ctx.todos n=6 index=1
+[14:06:49.789] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[14:06:49.897] waygraph pilot: stub.after ctx.todos n=6 index=2
+[14:06:51.311] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[14:06:51.432] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[14:06:51.432] waygraph pilot: stub.after ctx.todos n=6 index=3
+[14:06:51.432] waygraph pilot: stub.after ctx.device(mobile)
+[14:06:51.432] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[14:06:54.278] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[14:06:54.278] waygraph pilot: stub.before ctx.todos n=6 index=5
+[14:06:54.278] waygraph pilot: stub.before ctx.device(mobile)
+[14:06:54.279] waygraph pilot: stub.before ctx.zoom(1.4)
+[14:06:54.279] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[14:06:54.569] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[14:06:54.570] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

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

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

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

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

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

@@ -0,0 +1,22 @@
+[13:55:10.634] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[13:55:10.635] waygraph pilot: stub.before ctx.todos n=6 index=0
+[13:55:10.635] waygraph pilot: stub.before ctx.device(mobile)
+[13:55:10.635] waygraph pilot: stub.before ctx.zoom(1.35)
+[13:55:10.635] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[13:55:11.696] waygraph pilot: stub.after ctx.todos n=6 index=1
+[13:55:13.705] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[13:55:13.820] waygraph pilot: stub.after ctx.todos n=6 index=2
+[13:55:16.320] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[13:55:16.531] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[13:55:16.531] waygraph pilot: stub.after ctx.todos n=6 index=3
+[13:55:16.531] waygraph pilot: stub.after ctx.device(mobile)
+[13:55:16.531] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[13:55:21.623] waygraph pilot: stub.before ctx.title("Pick a product · tablet")
+[13:55:21.623] waygraph pilot: stub.before ctx.todos n=6 index=3
+[13:55:21.623] waygraph pilot: stub.before ctx.device(tablet)
+[13:55:21.623] waygraph pilot: stub.before ctx.zoom(1.35)
+[13:55:21.623] 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:55:21.623] waygraph pilot: stub.before ring [data-test="add-to-cart-sauce-labs-backpack"] tone=success label="Add to cart"
+[13:55:22.739] waygraph pilot: stub.after ctx.title("In the cart")
+[13:55:22.739] waygraph pilot: stub.after ctx.todos n=6 index=4
+[13:55:22.739] waygraph pilot: stub.after ring .shopping_cart_badge tone=success label="Cart badge"

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

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

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

@@ -0,0 +1,20 @@
+[14:00:36.038] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[14:00:36.038] waygraph pilot: stub.before ctx.todos n=6 index=0
+[14:00:36.038] waygraph pilot: stub.before ctx.device(mobile)
+[14:00:36.038] waygraph pilot: stub.before ctx.zoom(1.35)
+[14:00:36.039] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[14:00:37.012] waygraph pilot: stub.after ctx.todos n=6 index=1
+[14:00:38.516] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[14:00:38.588] waygraph pilot: stub.after ctx.todos n=6 index=2
+[14:00:39.825] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[14:00:40.139] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[14:00:40.139] waygraph pilot: stub.after ctx.todos n=6 index=3
+[14:00:40.139] waygraph pilot: stub.after ctx.device(mobile)
+[14:00:40.139] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[14:00:43.111] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[14:00:43.111] waygraph pilot: stub.before ctx.todos n=6 index=5
+[14:00:43.111] waygraph pilot: stub.before ctx.device(mobile)
+[14:00:43.111] waygraph pilot: stub.before ctx.zoom(1.4)
+[14:00:43.111] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[14:00:43.323] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[14:00:43.323] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

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

@@ -0,0 +1,22 @@
+[18:20:03.075] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[18:20:03.076] waygraph pilot: stub.before ctx.todos n=6 index=0
+[18:20:03.077] waygraph pilot: stub.before ctx.device(mobile)
+[18:20:03.077] waygraph pilot: stub.before ctx.zoom(1.35)
+[18:20:03.077] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[18:20:04.426] waygraph pilot: stub.after ctx.todos n=6 index=1
+[18:20:06.573] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[18:20:06.738] waygraph pilot: stub.after ctx.todos n=6 index=2
+[18:20:08.639] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[18:20:08.736] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[18:20:08.736] waygraph pilot: stub.after ctx.todos n=6 index=3
+[18:20:08.736] waygraph pilot: stub.after ctx.device(mobile)
+[18:20:08.736] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[18:20:11.298] waygraph pilot: stub.before ctx.title("Pick a product · tablet")
+[18:20:11.298] waygraph pilot: stub.before ctx.todos n=6 index=3
+[18:20:11.298] waygraph pilot: stub.before ctx.device(tablet)
+[18:20:11.298] waygraph pilot: stub.before ctx.zoom(1.35)
+[18:20:11.298] 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"
+[18:20:11.298] waygraph pilot: stub.before ring [data-test="add-to-cart-sauce-labs-backpack"] tone=success label="Add to cart"
+[18:20:11.986] waygraph pilot: stub.after ctx.title("In the cart")
+[18:20:11.986] waygraph pilot: stub.after ctx.todos n=6 index=4
+[18:20:11.986] waygraph pilot: stub.after ring .shopping_cart_badge tone=success label="Cart badge"

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

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

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

@@ -0,0 +1,21 @@
+[18:19:57.299] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[18:19:57.300] waygraph pilot: stub.before ctx.todos n=6 index=0
+[18:19:57.300] waygraph pilot: stub.before ctx.device(mobile)
+[18:19:57.300] waygraph pilot: stub.before ctx.zoom(1.35)
+[18:19:57.300] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[18:19:58.498] waygraph pilot: stub.after ctx.todos n=6 index=1
+[18:19:59.896] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[18:20:00.105] waygraph pilot: stub.after ctx.todos n=6 index=2
+[18:20:01.394] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[18:20:01.596] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[18:20:01.597] waygraph pilot: stub.after ctx.todos n=6 index=3
+[18:20:01.597] waygraph pilot: stub.after ctx.device(mobile)
+[18:20:01.597] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[18:20:04.415] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[18:20:04.415] waygraph pilot: stub.before ctx.todos n=6 index=5
+[18:20:04.415] waygraph pilot: stub.before ctx.device(mobile)
+[18:20:04.415] waygraph pilot: stub.before ctx.zoom(1.4)
+[18:20:04.415] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[18:20:04.708] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[18:20:04.708] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"
+[18:20:04.740] waygraph pilot: ring not painted - selector matched nothing (or a zero-size element): .cart_item

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

@@ -0,0 +1,20 @@
+[16:12:39.604] waygraph pilot: stub.before ctx.title("Signing in · mobile")
+[16:12:39.605] waygraph pilot: stub.before ctx.todos n=6 index=0
+[16:12:39.605] waygraph pilot: stub.before ctx.device(mobile)
+[16:12:39.605] waygraph pilot: stub.before ctx.zoom(1.35)
+[16:12:39.605] waygraph pilot: stub.before ring #user-name tone=info label="Username"
+[16:12:40.582] waygraph pilot: stub.after ctx.todos n=6 index=1
+[16:12:42.304] waygraph pilot: stub.before ring #password tone=planned label="Password"
+[16:12:42.445] waygraph pilot: stub.after ctx.todos n=6 index=2
+[16:12:44.041] waygraph pilot: stub.before ring #login-button tone=warning label="Login"
+[16:12:44.385] waygraph pilot: stub.after ctx.title("Inventory · landscape")
+[16:12:44.385] waygraph pilot: stub.after ctx.todos n=6 index=3
+[16:12:44.385] waygraph pilot: stub.after ctx.device(mobile)
+[16:12:44.385] waygraph pilot: stub.after ring .inventory_list tone=success label="Product shelf"
+[16:12:47.747] waygraph pilot: stub.before ctx.title("Open cart · landscape")
+[16:12:47.747] waygraph pilot: stub.before ctx.todos n=6 index=5
+[16:12:47.747] waygraph pilot: stub.before ctx.device(mobile)
+[16:12:47.747] waygraph pilot: stub.before ctx.zoom(1.4)
+[16:12:47.747] waygraph pilot: stub.before ring .shopping_cart_link tone=planned label="Cart"
+[16:12:48.104] waygraph pilot: stub.after ctx.title("Your cart · desktop")
+[16:12:48.104] waygraph pilot: stub.after ring .cart_item tone=success label="Cart items"

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

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

package/examples/saucedemo/README.md

@@ -9,6 +9,13 @@ the **reference** for waygraph consumer conventions:
 - `instanceOptions` menus for `waygraph auto` (Add/Remove + Open details)
 - Detailed Kind / Helper / Route comments on every Block file
 - Per-route `NAV.md` + root `src/blocks/SITE-MAP.md`
+- Inline `{ ff: true }` fast-forward, no `.ffStart()/.ffEnd()` bracket - see
+  `checkoutFlow` (`src/flows/checkout.flow.ts`)
+- `defineApiBlock` - a real backend/HTTP check as one step in the same Flow as
+  a UI step, with its own live network-activity panel during a demo - see
+  `apiDemoFlow` (`src/flows/api-demo.flow.ts`)
+- `ctx.caption()` (bottom subtitle-bar) + `ctx.titlePos()` (banner
+  left/center/right) - also on `checkoutFlow`
 
 **GitHub Pages walkthrough:**
 [docs/saucedemo](https://deviate-dv8.github.io/waygraph/saucedemo/)
@@ -38,11 +45,15 @@ npx playwright install chromium
 | Parallel crawl + leases | `npm run traverse:parallel` |
 | Coverage JSON + min gate (10%) | `npm run traverse:coverage` |
 | Shop demo stepper | `npm run demo:step` |
-| Shop demo autoplay | `npm run demo:autoplay` |
+| Shop demo autoplay | `npm run demo:auto-next` |
 | **Device showcase** (mobile/tablet + portrait/landscape) | `npm run demo:device` |
 | Device showcase + `.webm` | `npm run demo:device:video` |
 | **Cart bulk** demo (add-all → remove-all) | `npm run demo:bulk` |
-| Cart bulk stepper | `npm run demo:bulk:step` |
+| Cart bulk autoplay | `npm run demo:bulk:auto-next` |
+| **Owner checkout** (inline `{ ff: true }`, `ctx.caption()`, banner position) | `npm run demo:checkout` |
+| Owner checkout + `.webm` | `npm run demo:checkout:video` |
+| **FE + BE in one Flow** (`defineApiBlock`, live network panel) | `npm run demo:api` |
+| FE + BE demo + `.webm` | `npm run demo:api:video` |
 | List flows | `npm run flows` |
 
 **Demo vs auto vs run for cart bulk**

package/examples/saucedemo/package.json

@@ -31,6 +31,10 @@
     "demo:bulk": "waygraph demo --blocks cartBulkFlow --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\"",
     "demo:bulk:auto-next": "waygraph demo --blocks cartBulkFlow --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\" --auto-next --title \"Cart bulk demo\"",
     "demo:bulk:video": "waygraph demo --blocks cartBulkFlow --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\" --auto-play-video --title \"Cart bulk demo\"",
+    "demo:checkout": "waygraph demo --blocks checkoutFlow --auto-next --title \"Owner: Full Checkout\" --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"},\\\"saucedemo.selectedItem\\\":{\\\"id\\\":\\\"sauce-labs-backpack\\\",\\\"name\\\":\\\"Sauce Labs Backpack\\\"}}\"",
+    "demo:checkout:video": "waygraph demo --blocks checkoutFlow --auto-play-video --title \"Owner: Full Checkout\" --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"},\\\"saucedemo.selectedItem\\\":{\\\"id\\\":\\\"sauce-labs-backpack\\\",\\\"name\\\":\\\"Sauce Labs Backpack\\\"}}\"",
+    "demo:api": "waygraph demo --blocks apiDemoFlow --auto-next --title \"FE + BE in one Flow\" --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\"",
+    "demo:api:video": "waygraph demo --blocks apiDemoFlow --auto-play-video --title \"FE + BE in one Flow\" --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\"",
     "run:bulk": "waygraph run --blocks \"loginFlow then add-all-to-cart then remove-all-from-cart\" --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\"",
     "chain:bulk": "waygraph run --blocks \"loginFlow then add-all-to-cart then remove-all-from-cart\" --data \"{\\\"saucedemo.credentials\\\":{\\\"username\\\":\\\"standard_user\\\",\\\"password\\\":\\\"secret_sauce\\\"}}\" --non-headless"
   },

package/examples/saucedemo/src/flows/api-demo.flow.ts

@@ -0,0 +1,37 @@
+import { Engine, start, end, withTitle, chainFlow, checkpoint, defineApiBlock } from "waygraph";
+import type { Checkpoint, StubCtx } from "waygraph";
+import { loginFlow } from "./login.flow.js";
+
+/**
+ * Proof of concept for FE+BE in one Flow: a real backend check
+ * (defineApiBlock, Playwright's own page.request - no browser, no curl
+ * shell-out) resolved into a Checkpoint exactly like a UI Block, chained
+ * right after the UI login. This is the QA-team ask: show a mixed
+ * frontend + backend journey narrated as one state machine, not two
+ * separate test files with no shared story.
+ *
+ * saucedemo.com is a static demo site with no backend of its own, so this
+ * hits a well-known public REST test API (jsonplaceholder) purely to prove
+ * the mechanism - a real project would point `call` at its own backend.
+ */
+export type BackendHealthy = Checkpoint<"BackendHealthy">;
+export type BackendDown = Checkpoint<"BackendDown">;
+
+const engine = new Engine();
+
+const CheckBackendHealth = defineApiBlock<any, BackendHealthy | BackendDown>({
+  name: "check-backend-health",
+  call: ({ request }) => request.get("https://jsonplaceholder.typicode.com/todos/1"),
+  resolve: (result) => (result.ok ? checkpoint("BackendHealthy") : checkpoint("BackendDown")),
+  stubBefore: (ctx: StubCtx<BackendHealthy | BackendDown>) => {
+    ctx.title("Checking backend health · real HTTP request, no browser");
+  },
+});
+
+export const apiDemoEpisode = withTitle(
+  engine.defineFlow([start, CheckBackendHealth, end]),
+  "Backend health check (defineApiBlock)",
+);
+
+/** Full demo: Sign In (FE) -> backend health check (BE), one narrated Flow. */
+export const apiDemoFlow = chainFlow(loginFlow, apiDemoEpisode);

package/examples/saucedemo/src/flows/checkout.flow.ts

@@ -16,17 +16,23 @@ import { LoginSel } from "../blocks/saucedemo-web/methods/login.sel.js";
 const engine = new Engine({ headless: false, slowMo: 250 });
 
 /**
- * Owner checkout via map() + .ffStart/.ffEnd (no separate FfOwnerAuthBlock,
- * no HighlightFixtureMap). Auth collapses to one blitz step; post-login
- * blocks keep their own ctx stubBefore/stubAfter. Call-site decorate example
- * on fill-username when --ff-expand shows inners again.
+ * Owner checkout via map() with inline `{ ff: true }` (no separate
+ * FfOwnerAuthBlock, no HighlightFixtureMap, no .ffStart()/.ffEnd() bracket -
+ * the three auth steps below merge into one fast-forward block just by
+ * flagging each one). Auth collapses to one blitz step; post-login blocks
+ * keep their own ctx stubBefore/stubAfter. Call-site decorate example on
+ * fill-username when --ff-expand shows inners again.
+ *
+ * Also demonstrates two other recent conventions on the checkout-step-one
+ * leg: ctx.caption() (bottom subtitle-bar, ported from zsign's help-center
+ * clip engine) narrating each field, and ctx.titlePos() moving the banner
+ * left -> center -> right across three consecutive steps.
  */
 export const checkoutFlow = withTitle(
   engine
     .map()
     .start()
-    .ffStart("ff-owner-auth")
-    .gotoPage(NavLoginBlock)
+    .gotoPage(NavLoginBlock, { ff: true })
     .method(
       FillUsernameBlock.stubBefore((ctx) => {
         ctx.ring("username", {
@@ -38,6 +44,7 @@ export const checkoutFlow = withTitle(
           focus: true,
         });
       }),
+      { ff: true },
     )
     .method(
       FillPasswordBlock.stubBefore((ctx) => {
@@ -49,6 +56,7 @@ export const checkoutFlow = withTitle(
           focus: true,
         });
       }),
+      { ff: true },
     )
     .method(
       SubmitLoginForFlow.stubBefore((ctx) => {
@@ -62,15 +70,30 @@ export const checkoutFlow = withTitle(
           weight: "bold",
         });
       }),
+      { ff: true },
     )
-    .ffEnd()
     .method(AddToCartBlock)
     .gotoPage(NavCartBlock)
     .gotoPage(NavCheckoutInfoBlock)
-    .method(FillFirstNameBlock)
-    .method(FillLastNameBlock)
-    .method(FillPostalCodeBlock)
-    .method(SubmitCheckoutInfoBlock)
+    .method(
+      FillFirstNameBlock.stubBefore((ctx) => {
+        ctx.caption("Enter the first name on the order");
+        ctx.titlePos("left");
+      }),
+    )
+    .method(
+      FillLastNameBlock.stubBefore((ctx) => {
+        ctx.caption("Enter the last name on the order");
+        ctx.titlePos("center");
+      }),
+    )
+    .method(
+      FillPostalCodeBlock.stubBefore((ctx) => {
+        ctx.caption("Enter a postal code to calculate shipping");
+        ctx.titlePos("right");
+      }),
+    )
+    .method(SubmitCheckoutInfoBlock.stubBefore((ctx) => ctx.hideCaption()))
     .method(FinishOrderBlock)
     .end(),
   "Owner: Full Checkout",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waygraph",
-  "version": "0.15.47",
+  "version": "0.15.49",
   "type": "module",
   "description": "A typed graph of reusable Blocks for driving a browser through E2E flows.",
   "license": "MIT",
@@ -37,7 +37,8 @@
     "url": "git+https://github.com/deviate-dv8/waygraph.git"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json && node scripts/copy-runner.mjs && node scripts/copy-ui-css.mjs",
+    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
+    "build": "npm run clean && tsc -p tsconfig.build.json && node scripts/copy-runner.mjs && node scripts/copy-ui-css.mjs",
     "typecheck": "node bin/waygraph typecheck .",
     "test": "npm run check:structure && npm run test:unit && playwright test",
     "test:ui": "playwright test --ui",
@@ -55,7 +56,8 @@
   },
   "dependencies": {
     "open-props": "^1.7.23",
-    "tsx": "^4.0.0"
+    "tsx": "^4.0.0",
+    "urlpattern-polyfill": "^10.1.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.63.0",

package/dist/auto-explore-run.d.ts

@@ -1,37 +0,0 @@
-import type { Page, BrowserContext } from "@playwright/test";
-import { Engine } from "./engine.js";
-import { MemPage } from "./mem-page.js";
-import { type BlockEntry } from "./auto-explore.js";
-import type { Checkpoint } from "./types.js";
-export interface AutoExploreOptions {
-    /** Terminal menu (browser still runs for act()). Default false = headful picker panel. */
-    cli?: boolean;
-    baseURL?: string;
-    /** Initial URL when the page is blank (defaults to baseURL). */
-    startUrl?: string;
-    /** Phase C: glob / regex / bare `--blocks` file select for discovery. */
-    blocksSelect?: import("./blocks-select.js").BlocksSelect;
-}
-export declare function resolveBaseUrl(projectDir: string): string | undefined;
-export declare function detectHere(page: Page, navBlocks: BlockEntry[]): Promise<string | null>;
-export declare function ensureLivePage(context: BrowserContext, page: Page, startUrl: string | undefined): Promise<Page>;
-/**
- * Saucedemo-only defaults. Exact key names only — never substring `"login"`.
- * A consumer's own `key<string>("login-email")` must stay unset here, or it
- * silently gets a saucedemo credentials object instead of its own default.
- */
-export declare function defaultMemValueForKey(keyName: string): unknown | undefined;
-/** Pre-seed known demo keys (saucedemo creds) so headful/cli do not stop for mem forms. */
-export declare function seedDefaultMem(library: Map<string, BlockEntry>, mem: MemPage): void;
-export declare function ensureMem(entry: BlockEntry, mem: MemPage, cli: boolean): Promise<void>;
-export declare function runOneBlock(engine: Engine, entry: BlockEntry, context: BrowserContext, page: Page, mem: MemPage, headful: boolean): Promise<Checkpoint<string>>;
-export type PickResult = {
-    type: "pick";
-    index: number;
-} | {
-    type: "quit";
-};
-/**
- * Interactive waygraph auto: locate current Checkpoint, list runnable Blocks, pick one, repeat.
- */
-export declare function runAutoExplore(projectDir: string, options?: AutoExploreOptions): Promise<void>;