hookwright 1.1.0 → 1.2.0

package/dist/cli.js

@@ -24,7 +24,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "hookwright",
-      version: "1.1.0",
+      version: "1.2.0",
       description: "Build real, signed e-commerce webhooks from a live Shopify catalogue \u2014 interactive terminal UI, no backend",
       keywords: [
         "webhook",
@@ -71,11 +71,11 @@ var init_package = __esm({
 });
 
 // src/cli.jsx
-import React15 from "react";
+import React16 from "react";
 import { render } from "ink";
 
 // src/ui/App.jsx
-import React14, { useState as useState8 } from "react";
+import React15, { useState as useState8 } from "react";
 import { useApp as useApp2 } from "ink";
 
 // src/ui/screens/Home.jsx
@@ -331,8 +331,8 @@ function Home({ config, onPick, onQuit }) {
   const ready = canSend(config);
   const shop = config.shopify.shop;
   const options = [
-    { label: "Setup".padEnd(18) + (ready ? "Shopify and webhook destination" : "connect Shopify and set the webhook URL"), value: "setup" },
     { label: "Integrations".padEnd(18) + "build and send a provider webhook", value: "integrations" },
+    { label: "Setup".padEnd(18) + (ready ? "Shopify and webhook destination" : "connect Shopify and set the webhook URL"), value: "setup" },
     { label: "History".padEnd(18) + "review or re-send a saved payload", value: "history" },
     { label: "Doctor".padEnd(18) + "check credentials and connectivity", value: "doctor" },
     { label: "Clear".padEnd(18) + "remove cached data", value: "clear" },
@@ -407,6 +407,16 @@ function cartPermalink(domain, items) {
 function money2(value) {
   return Math.round(Number(value) * 100) / 100;
 }
+function normalizeCollection(collection) {
+  return {
+    id: String(collection.id),
+    title: collection.title,
+    handle: collection.handle,
+    kind: collection.kind,
+    image: collection.image?.src ?? "",
+    productsCount: collection.products_count ?? null
+  };
+}
 
 // src/providers/cashfree-occ.mjs
 var GATE_PATH = "type";
@@ -757,15 +767,18 @@ var razorpay_magic_default = {
 // src/providers/nitro.mjs
 import crypto3 from "node:crypto";
 var EVENTS = [
-  { eventName: "view", type: "nitro_view", label: "Page View" },
-  { eventName: "category_view", type: "nitro_category_view", label: "Category View" },
-  { eventName: "product_view", type: "nitro_product_view", label: "Product View" },
-  { eventName: "addtocart", type: "nitro_addtocart", label: "Add To Cart" },
-  { eventName: "removefromcart", type: "nitro_removefromcart", label: "Remove From Cart" },
-  { eventName: "checkout", type: "nitro_checkout", label: "Checkout" },
-  { eventName: "orders/create", type: "nitro_orders_create", label: "Order Created" },
-  { eventName: "orders/updated", type: "nitro_orders_updated", label: "Order Updated" }
+  { eventName: "view", type: "nitro_view", label: "Page View", selection: "none", subject: "a page, no product" },
+  { eventName: "category_view", type: "nitro_category_view", label: "Category View", selection: "collection", subject: "one collection" },
+  { eventName: "product_view", type: "nitro_product_view", label: "Product View", selection: "product", subject: "one product" },
+  { eventName: "addtocart", type: "nitro_addtocart", label: "Add To Cart", selection: "cart", subject: "cart contents" },
+  { eventName: "removefromcart", type: "nitro_removefromcart", label: "Remove From Cart", selection: "cart", subject: "cart contents" },
+  { eventName: "checkout", type: "nitro_checkout", label: "Checkout", selection: "cart", subject: "cart contents" },
+  { eventName: "orders/create", type: "nitro_orders_create", label: "Order Created", selection: "cart", subject: "ordered items" },
+  { eventName: "orders/updated", type: "nitro_orders_updated", label: "Order Updated", selection: "cart", subject: "ordered items" }
 ];
+function selectionFor(eventName) {
+  return EVENTS.find((e) => e.eventName === eventName)?.selection ?? "cart";
+}
 var DEFAULT_EVENT = "addtocart";
 var COMMON_FIELDS = [
   { source: "eventName", target: "\xABgate\xBB", required: true, note: "must match the schema exactly" },
@@ -783,8 +796,9 @@ var FIELD_MAPS = {
   category_view: [
     ...COMMON_FIELDS,
     ...PAGE_FIELDS,
-    { source: "eventVal.resource_id", target: "eventVal.resource_id", required: true },
+    { source: "eventVal.resource_id", target: "eventVal.resource_id", required: true, note: "the collection id" },
     { source: "eventVal.resource", target: "eventVal.resource" },
+    { source: "eventVal.title", target: "collection name", required: true },
     { source: "eventVal.domain", target: "eventVal.domain" }
   ],
   product_view: [
@@ -848,6 +862,17 @@ var EDITABLE = {
     { group: "Page", path: "eventVal.l", label: "Location URL" },
     { group: "Page", path: "eventVal._ss", label: "Session id" }
   ],
+  collection: [
+    { group: "Collection", path: "eventVal.resource_id", label: "Collection id" },
+    { group: "Collection", path: "eventVal.title", label: "Collection name" },
+    { group: "Collection", path: "eventVal.l", label: "Collection URL" }
+  ],
+  product: [
+    { group: "Product", path: "eventVal.resource_id", label: "Product id" },
+    { group: "Product", path: "eventVal.title", label: "Product title" },
+    { group: "Product", path: "eventVal.price", label: "Price", type: "number" },
+    { group: "Product", path: "eventVal.image", label: "Image URL" }
+  ],
   cart: [
     { group: "Cart", path: "eventVal.cart_value", label: "Cart value", type: "number" },
     { group: "Cart", path: "eventVal.init_cart", label: "Init cart" },
@@ -866,7 +891,8 @@ var EDITABLE = {
 function editableFieldsFor(eventName) {
   const e = EDITABLE;
   if (eventName === "view") return [...e.common, ...e.page];
-  if (eventName === "category_view" || eventName === "product_view") return [...e.common, ...e.page];
+  if (eventName === "category_view") return [...e.common, ...e.page, ...e.collection];
+  if (eventName === "product_view") return [...e.common, ...e.page, ...e.product];
   if (eventName === "addtocart" || eventName === "removefromcart") return [...e.common, ...e.cart];
   if (eventName === "checkout") return [...e.common, ...e.cart];
   if (eventName.startsWith("orders/")) return [...e.common, ...e.order];
@@ -919,17 +945,22 @@ function buildPayload3(ctx) {
   let eventVal;
   switch (eventName) {
     case "view":
-      eventVal = { ...page, page: "home", l: `https://${domain}`, customer };
+      eventVal = { page: "home", h: domain, l: `https://${domain}`, _ss: session, domain, customer };
       break;
-    case "category_view":
+    case "category_view": {
+      const collection = ctx.collection;
       eventVal = {
         ...page,
+        page: "collection",
         resource: "collection",
-        resource_id: String(first?.product?.id ?? ""),
-        l: `https://${domain}/collections/all`,
+        resource_id: String(collection?.id ?? ""),
+        title: collection?.title,
+        image: collection?.image || void 0,
+        l: collection?.handle ? `https://${domain}/collections/${collection.handle}` : `https://${domain}/collections/all`,
         customer
       };
       break;
+    }
     case "product_view":
       eventVal = {
         ...page,
@@ -1029,6 +1060,7 @@ var nitro_default = {
   fieldMapFor: (eventName) => FIELD_MAPS[eventName] ?? FIELD_MAPS[DEFAULT_EVENT],
   editableFields: editableFields3,
   editableFieldsFor,
+  selectionFor,
   buildPayload: buildPayload3,
   sign: sign3,
   webhookUrl: webhookUrl3,
@@ -1143,8 +1175,8 @@ function Integrations({ config, onPick, onBack, onSetup }) {
 }
 
 // src/ui/screens/Build.jsx
-import React7, { useEffect, useState } from "react";
-import { Box as Box7, Text as Text7, useApp, useInput as useInput3 } from "ink";
+import React8, { useEffect, useState } from "react";
+import { Box as Box8, Text as Text8, useApp, useInput as useInput3 } from "ink";
 import { Spinner, Select as Select4, MultiSelect, TextInput, ConfirmInput, Alert, Badge } from "@inkjs/ui";
 
 // src/ui/components/CheckList.jsx
@@ -1195,6 +1227,40 @@ function FieldTable({ coverage: coverage2, limit }) {
   ] });
 }
 
+// src/ui/components/CommandBar.jsx
+import React7 from "react";
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function CommandBar({ commands, width: width2 = 78 }) {
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "\u2500".repeat(width2) }),
+    /* @__PURE__ */ jsx7(Box7, { flexWrap: "wrap", children: commands.map((c2, i) => /* @__PURE__ */ jsxs7(Box7, { marginRight: 2, children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: c2.disabled ? palette.dim : c2.active ? palette.ok : palette.accent, children: c2.key }),
+      /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: ` ${c2.label}` }),
+      i < commands.length - 1 ? /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "  \xB7" }) : null
+    ] }, c2.key)) })
+  ] });
+}
+function StatusRow({ label, ok, warn, value, detail, labelWidth = 12 }) {
+  const colour = ok === void 0 ? palette.dim : ok ? palette.ok : warn ? palette.warn : palette.bad;
+  const mark = ok === void 0 ? " " : ok ? "\u2714" : warn ? "\u25B2" : "\u2716";
+  return /* @__PURE__ */ jsxs7(Box7, { children: [
+    /* @__PURE__ */ jsx7(Text7, { color: colour, children: ` ${mark} ` }),
+    /* @__PURE__ */ jsx7(Text7, { bold: true, children: String(label).padEnd(labelWidth) }),
+    /* @__PURE__ */ jsx7(Text7, { color: colour, children: value }),
+    detail ? /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: `  ${detail}` }) : null
+  ] });
+}
+function Panel({ title, hint, children }) {
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs7(Box7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: palette.heading, children: title }),
+      hint ? /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: `  ${hint}` }) : null
+    ] }),
+    /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: palette.dim, paddingX: 1, children })
+  ] });
+}
+
 // src/errors.mjs
 var ForgeError = class extends Error {
   constructor(message, { hint, cause } = {}) {
@@ -1344,6 +1410,20 @@ var ShopifyClient = class {
     const { json } = await this.request("/products/count.json");
     return json?.count ?? 0;
   }
+  /**
+   * Collections, from both endpoints Shopify splits them across: custom
+   * (manually curated) and smart (rule based). Either can back a category page.
+   */
+  async collections({ limit = 50, title } = {}) {
+    const [custom, smart] = await Promise.all([
+      this.request("/custom_collections.json", { query: { limit, title } }).catch(() => ({ json: null })),
+      this.request("/smart_collections.json", { query: { limit, title } }).catch(() => ({ json: null }))
+    ]);
+    return [
+      ...(custom.json?.custom_collections ?? []).map((c2) => ({ ...c2, kind: "custom" })),
+      ...(smart.json?.smart_collections ?? []).map((c2) => ({ ...c2, kind: "smart" }))
+    ];
+  }
 };
 function normalizeDomain(domain) {
   return String(domain).trim().replace(/^https?:\/\//, "").replace(/\/.*$/, "").toLowerCase();
@@ -1369,6 +1449,11 @@ async function fetchCatalogue(cfg, { search, pages = 1, limit = 50 } = {}) {
   const raw = await client.products({ title: search, pages, limit });
   return raw.map(normalizeProduct).filter((p) => p.variants.length);
 }
+async function fetchCollections(cfg, { search, limit = 50 } = {}) {
+  const client = new ShopifyClient(cfg.shopify);
+  const raw = await client.collections({ title: search, limit });
+  return raw.map(normalizeCollection);
+}
 function autoSelect(products, count = 1) {
   return products.slice(0, count).map((product) => ({
     product,
@@ -1774,7 +1859,7 @@ function loadPayload(file) {
 }
 
 // src/core/build.mjs
-function draftPayload({ cfg, providerId = "cashfree-occ", items, discount = 0, phone, eventName }) {
+function draftPayload({ cfg, providerId = "cashfree-occ", items, discount = 0, phone, eventName, collection }) {
   const provider = getProvider(providerId);
   const event = eventName ?? provider.defaultEvent;
   const resolvedPhone = phone ?? cfg.customer.phone;
@@ -1784,6 +1869,7 @@ function draftPayload({ cfg, providerId = "cashfree-occ", items, discount = 0, p
     items,
     discount,
     eventName: event,
+    collection,
     phone: parsed.ok ? parsed.value : String(resolvedPhone ?? "")
   });
   const editable = provider.editableFieldsFor ? provider.editableFieldsFor(event) : provider.editableFields;
@@ -1799,14 +1885,16 @@ function applyEdits(payload, fields, edits) {
   }
   return payload;
 }
-async function buildPayload4({ cfg, providerId = "cashfree-occ", items, discount = 0, phone, checkImageUrls = true, payload: prebuilt, eventName }) {
-  if (!items?.length) throw new ConfigError("no products selected");
+async function buildPayload4({ cfg, providerId = "cashfree-occ", items = [], discount = 0, phone, checkImageUrls = true, payload: prebuilt, eventName, collection }) {
+  const provider0 = getProvider(providerId);
+  const needsItems = !provider0.selectionFor || ["cart", "product"].includes(provider0.selectionFor(eventName ?? provider0.defaultEvent));
+  if (needsItems && !items.length) throw new ConfigError("no products selected");
   const provider = getProvider(providerId);
   const resolvedPhone = phone ?? cfg.customer.phone;
   const parsed = toE164(resolvedPhone, cfg.customer.countryCode);
   if (!parsed.ok) throw new ConfigError(`phone is unusable: ${parsed.reason}`);
   const event = eventName ?? provider.defaultEvent;
-  const payload = prebuilt ?? provider.buildPayload({ config: cfg, items, discount, phone: parsed.value, eventName: event });
+  const payload = prebuilt ?? provider.buildPayload({ config: cfg, items, discount, phone: parsed.value, eventName: event, collection });
   const body = JSON.stringify(payload);
   const report = await runAll({ payload, body, provider, config: cfg, checkImageUrls, eventName: event });
   const summary = provider.summarize ? provider.summarize(payload) : {};
@@ -2002,10 +2090,11 @@ async function copy(text, { allowOsc52 = true } = {}) {
 }
 
 // src/ui/screens/Build.jsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var STEP = {
   EVENT: "event",
   LOADING: "loading",
+  COLLECTION: "collection",
   PICK: "pick",
   VARIANT: "variant",
   QUANTITY: "quantity",
@@ -2026,6 +2115,8 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
   const [eventName, setEventName] = useState(provider.defaultEvent);
   const [step, setStep] = useState(multiEvent ? STEP.EVENT : STEP.LOADING);
   const [products, setProducts] = useState([]);
+  const [collections, setCollections] = useState([]);
+  const [collection, setCollection] = useState(null);
   const [chosen, setChosen] = useState([]);
   const [cursor, setCursor] = useState(0);
   const [items, setItems] = useState([]);
@@ -2037,19 +2128,98 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
   const [copied, setCopied] = useState(null);
   const [request, setRequest] = useState(null);
   const [curl, setCurl] = useState("");
-  const [showPayload, setShowPayload] = useState(false);
+  const [panel, setPanel] = useState(null);
   const [sendResult, setSendResult] = useState(null);
   const [error, setError] = useState(null);
+  const goBack = () => {
+    switch (step) {
+      case STEP.EVENT:
+        return onDone();
+      case STEP.PICK:
+      case STEP.COLLECTION:
+        return multiEvent ? setStep(STEP.EVENT) : onDone();
+      case STEP.VARIANT:
+        if (cursor === 0) return setStep(STEP.PICK);
+        setItems(items.slice(0, -1));
+        return stepInto(cursor - 1);
+      case STEP.QUANTITY:
+        if (chosen[cursor]?.variants.length > 1) return setStep(STEP.VARIANT);
+        if (cursor === 0) return setStep(STEP.PICK);
+        setItems(items.slice(0, -1));
+        return stepInto(cursor - 1);
+      case STEP.DISCOUNT: {
+        if (selection === "none") return multiEvent ? setStep(STEP.EVENT) : onDone();
+        if (selection === "collection") return setStep(STEP.COLLECTION);
+        const last = chosen.length - 1;
+        setItems(items.slice(0, -1));
+        return stepInto(last);
+      }
+      case STEP.MODE:
+        return setStep(STEP.DISCOUNT);
+      case STEP.FIELDS:
+        if (fieldIndex === 0) return setStep(STEP.MODE);
+        return setFieldIndex(fieldIndex - 1);
+      case STEP.REPORT:
+        return setStep(STEP.MODE);
+      case STEP.RESULT:
+      case STEP.ERROR:
+        return onDone();
+      default:
+        return onDone();
+    }
+  };
+  const stepInto = (index) => {
+    setCursor(index);
+    const product = chosen[index];
+    if (!product) return setStep(STEP.PICK);
+    if (product.variants.length > 1) return setStep(STEP.VARIANT);
+    setPendingVariant(product.variants[0]);
+    setStep(STEP.QUANTITY);
+  };
   useInput3((input, key) => {
-    if (key.escape) onDone();
+    if (key.escape) return goBack();
     if ((step === STEP.RESULT || step === STEP.ERROR) && (key.return || input === "q")) onDone();
-    if (step === STEP.REPORT && input === "p") setShowPayload((v) => !v);
-    if (step === STEP.REPORT && input === "c" && curl) copy(curl).then((r) => setCopied({ ...r, what: "curl" }));
-    if (step === STEP.REPORT && input === "j" && built) copy(built.body).then((r) => setCopied({ ...r, what: "payload JSON" }));
+    if (step !== STEP.REPORT) return;
+    const toggle = (name) => setPanel((v) => v === name ? null : name);
+    if (input === "p") toggle("payload");
+    if (input === "f") toggle("fields");
+    if (input === "v") toggle("checks");
+    if (input === "r") toggle("request");
+    if (input === "u") toggle("curl");
+    if (input === "c" && curl) copy(curl).then((r) => setCopied({ ...r, what: "curl" }));
+    if (input === "j" && built) copy(built.body).then((r) => setCopied({ ...r, what: "payload JSON" }));
+    if ((input === "s" || key.return) && built?.report.ok) doSend();
   });
+  const selection = provider.selectionFor ? provider.selectionFor(eventName) : "cart";
   useEffect(() => {
     if (step === STEP.EVENT) return;
     let alive = true;
+    if (selection === "none") {
+      startReview(0);
+      return () => {
+        alive = false;
+      };
+    }
+    if (selection === "collection") {
+      fetchCollections(config).then((list) => {
+        if (!alive) return;
+        if (!list.length) {
+          setError({ message: "this store has no collections", hint: "create one in Shopify, or pick a different event" });
+          setStep(STEP.ERROR);
+          return;
+        }
+        setCollections(list);
+        setStep(STEP.COLLECTION);
+      }).catch((err) => {
+        if (alive) {
+          setError({ message: err.message, hint: err.hint });
+          setStep(STEP.ERROR);
+        }
+      });
+      return () => {
+        alive = false;
+      };
+    }
     fetchCatalogue(config).then((list) => {
       if (!alive) return;
       if (!list.length) {
@@ -2067,11 +2237,12 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
     return () => {
       alive = false;
     };
-  }, [step === STEP.EVENT]);
+  }, [step === STEP.EVENT, eventName]);
   const advance = (nextItems, nextCursor) => {
     if (nextCursor >= chosen.length) {
       setItems(nextItems);
-      setStep(STEP.DISCOUNT);
+      if (selection === "cart") setStep(STEP.DISCOUNT);
+      else startReview(0, collection, nextItems);
       return;
     }
     setItems(nextItems);
@@ -2084,6 +2255,24 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
       setStep(STEP.QUANTITY);
     }
   };
+  const onSingleProductPicked = (id) => {
+    const product = products.find((p) => p.id === id);
+    if (!product) return;
+    setChosen([product]);
+    setCursor(0);
+    setItems([]);
+    if (product.variants.length > 1) setStep(STEP.VARIANT);
+    else {
+      setPendingVariant(product.variants[0]);
+      setStep(STEP.QUANTITY);
+    }
+  };
+  const onCollectionPicked = (id) => {
+    const picked = collections.find((c2) => c2.id === id);
+    if (!picked) return;
+    setCollection(picked);
+    startReview(0, picked);
+  };
   const onProductsPicked = (ids) => {
     const picked = ids.map((id) => products.find((p) => p.id === id)).filter(Boolean);
     if (!picked.length) return;
@@ -2108,10 +2297,16 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
     const nextItems = [...items, { product, variant: pendingVariant, quantity: qty }];
     advance(nextItems, cursor + 1);
   };
-  const onDiscount = (raw) => {
-    const discount = Math.max(0, Number.parseFloat(raw) || 0);
+  const startReview = (discount, chosenCollection = collection, chosenItems = items) => {
     try {
-      const next = draftPayload({ cfg: config, providerId, items, discount, eventName });
+      const next = draftPayload({
+        cfg: config,
+        providerId,
+        items: chosenItems,
+        discount,
+        eventName,
+        collection: chosenCollection
+      });
       setDraft({ ...next, discount });
       setStep(STEP.MODE);
     } catch (err) {
@@ -2119,9 +2314,10 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
       setStep(STEP.ERROR);
     }
   };
+  const onDiscount = (raw) => startReview(Math.max(0, Number.parseFloat(raw) || 0));
   const finalise = (payload) => {
     setStep(STEP.BUILDING);
-    buildPayload4({ cfg: config, providerId, items, discount: draft.discount, payload, eventName }).then(async (result) => {
+    buildPayload4({ cfg: config, providerId, items, discount: draft.discount, payload, eventName, collection }).then(async (result) => {
       setBuilt(result);
       let req = null;
       let command = "";
@@ -2170,8 +2366,9 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
   };
   const store = config.shopify.domain;
   const currency = config.defaults.currency;
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(
+  const coverageMissing = built ? built.report.coverage.filter((c2) => c2.status === "MISSING").length : 0;
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(
       Header,
       {
         title: "Build payload",
@@ -2179,9 +2376,9 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
         right: store
       }
     ),
-    step === STEP.EVENT && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { children: "Which event do you want to send?" }),
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(
+    step === STEP.EVENT && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { children: "Which event do you want to send?" }),
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(
         Select4,
         {
           visibleOptionCount: provider.events.length,
@@ -2193,13 +2390,41 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
         }
       ) })
     ] }),
-    step === STEP.LOADING && /* @__PURE__ */ jsx7(Spinner, { label: `fetching live products from ${store}\u2026` }),
-    step === STEP.PICK && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Text7, { children: [
-        `Select the products in the abandoned cart `,
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "(space toggles \xB7 enter confirms)" })
+    step === STEP.LOADING && /* @__PURE__ */ jsx8(Spinner, { label: `fetching live products from ${store}\u2026` }),
+    step === STEP.COLLECTION && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { children: "Which collection was viewed?" }),
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(
+        Select4,
+        {
+          visibleOptionCount: 10,
+          options: collections.map((c2) => ({
+            label: `${truncate(c2.title, 40).padEnd(41)} ${c2.productsCount != null ? `${c2.productsCount} products` : c2.kind}`,
+            value: c2.id
+          })),
+          onChange: onCollectionPicked
+        }
+      ) })
+    ] }),
+    step === STEP.PICK && selection === "product" && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { children: "Which product was viewed?" }),
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(
+        Select4,
+        {
+          visibleOptionCount: 10,
+          options: products.map((p) => ({
+            label: `${truncate(p.title, 44).padEnd(45)} ${money(p.variants[0]?.price, currency)}`,
+            value: p.id
+          })),
+          onChange: onSingleProductPicked
+        }
+      ) })
+    ] }),
+    step === STEP.PICK && selection !== "product" && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Text8, { children: [
+        `Select the products in the cart `,
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "(space toggles \xB7 enter confirms)" })
       ] }),
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(
         MultiSelect,
         {
           visibleOptionCount: 10,
@@ -2211,12 +2436,12 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
         }
       ) })
     ] }),
-    step === STEP.VARIANT && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Text7, { children: [
+    step === STEP.VARIANT && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Text8, { children: [
         `Variant for `,
-        /* @__PURE__ */ jsx7(Text7, { bold: true, color: palette.accent, children: chosen[cursor]?.title })
+        /* @__PURE__ */ jsx8(Text8, { bold: true, color: palette.accent, children: chosen[cursor]?.title })
       ] }),
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(
         Select4,
         {
           visibleOptionCount: 8,
@@ -2229,33 +2454,33 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
         `variant-${cursor}`
       ) })
     ] }),
-    step === STEP.QUANTITY && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Text7, { children: [
+    step === STEP.QUANTITY && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Text8, { children: [
         `Quantity for `,
-        /* @__PURE__ */ jsx7(Text7, { bold: true, color: palette.accent, children: chosen[cursor]?.title }),
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: pendingVariant?.title ? ` \xB7 ${pendingVariant.title}` : "" })
+        /* @__PURE__ */ jsx8(Text8, { bold: true, color: palette.accent, children: chosen[cursor]?.title }),
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: pendingVariant?.title ? ` \xB7 ${pendingVariant.title}` : "" })
       ] }),
-      /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx7(Text7, { color: palette.accent, children: "\u276F " }),
-        /* @__PURE__ */ jsx7(TextInput, { defaultValue: "1", placeholder: "1", onSubmit: onQuantity }, `qty-${cursor}`)
+      /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx8(Text8, { color: palette.accent, children: "\u276F " }),
+        /* @__PURE__ */ jsx8(TextInput, { defaultValue: "1", placeholder: "1", onSubmit: onQuantity }, `qty-${cursor}`)
       ] })
     ] }),
-    step === STEP.DISCOUNT && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Text7, { children: [
+    step === STEP.DISCOUNT && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Text8, { children: [
         `Cart discount in ${currency} `,
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "(0 for none)" })
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "(0 for none)" })
       ] }),
-      /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx7(Text7, { color: palette.accent, children: "\u276F " }),
-        /* @__PURE__ */ jsx7(TextInput, { defaultValue: "0", placeholder: "0", onSubmit: onDiscount })
+      /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx8(Text8, { color: palette.accent, children: "\u276F " }),
+        /* @__PURE__ */ jsx8(TextInput, { defaultValue: "0", placeholder: "0", onSubmit: onDiscount })
       ] })
     ] }),
-    step === STEP.MODE && draft && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: palette.accent, paddingX: 1, marginBottom: 1, children: [
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: `${draft.fields.length} fields have been filled in from Shopify and your profile.` }),
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "Review them one by one, or accept the suggestions as they are." })
+    step === STEP.MODE && draft && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: palette.accent, paddingX: 1, marginBottom: 1, children: [
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: `${draft.fields.length} fields have been filled in from Shopify and your profile.` }),
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "Review them one by one, or accept the suggestions as they are." })
       ] }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         Select4,
         {
           options: [
@@ -2266,7 +2491,7 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
         }
       )
     ] }),
-    step === STEP.FIELDS && draft && /* @__PURE__ */ jsx7(
+    step === STEP.FIELDS && draft && /* @__PURE__ */ jsx8(
       FieldPrompt,
       {
         field: draft.fields[fieldIndex],
@@ -2276,38 +2501,79 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
         onSubmit: onFieldSubmit
       }
     ),
-    step === STEP.BUILDING && /* @__PURE__ */ jsx7(Spinner, { label: "assembling payload, verifying images and signature fidelity\u2026" }),
-    (step === STEP.REPORT || step === STEP.CONFIRM) && built && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Summary, { built, currency }),
-      /* @__PURE__ */ jsx7(Section, { title: "Pre-flight", children: /* @__PURE__ */ jsx7(CheckList, { checks: built.report.checks }) }),
-      /* @__PURE__ */ jsx7(Section, { title: "Field coverage", children: /* @__PURE__ */ jsx7(FieldTable, { coverage: built.report.coverage }) }),
-      /* @__PURE__ */ jsx7(Section, { title: "Request", children: /* @__PURE__ */ jsx7(RequestPreview, { request, bytes: built.body.length }) }),
-      curl ? /* @__PURE__ */ jsx7(Section, { title: "curl \u2014 paste straight into Postman (Import \u2192 Raw text)", children: /* @__PURE__ */ jsx7(Box7, { borderStyle: "round", borderColor: palette.accent, paddingX: 1, flexDirection: "column", children: /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: curl }) }) }) : null,
-      showPayload ? /* @__PURE__ */ jsx7(Section, { title: "Payload", children: /* @__PURE__ */ jsx7(Box7, { borderStyle: "round", borderColor: palette.dim, paddingX: 1, flexDirection: "column", children: /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: JSON.stringify(built.payload, null, 2) }) }) }) : null,
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: copied?.ok ? /* @__PURE__ */ jsx7(Text7, { color: palette.ok, children: `\u2714 ${copied.what} copied to clipboard via ${copied.via}` }) : /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: `saved to ${built.file} \xB7 press c to copy the curl` }) }),
-      /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "c copies the curl \xB7 j copies the payload JSON \xB7 p toggles the full payload" }) }),
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: built.report.ok ? /* @__PURE__ */ jsx7(Alert, { variant: "success", children: "payload is valid \u2014 the event will pass the schema gate and signature check" }) : /* @__PURE__ */ jsx7(Alert, { variant: "error", children: `blocking: ${built.report.blocking.map((b) => b.name).join(", ")}` }) }),
-      /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx7(Text7, { children: "Send it to the endpoint now? " }),
-        /* @__PURE__ */ jsx7(
-          ConfirmInput,
+    step === STEP.BUILDING && /* @__PURE__ */ jsx8(Spinner, { label: "assembling payload, verifying images and signature fidelity\u2026" }),
+    (step === STEP.REPORT || step === STEP.CONFIRM) && built && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Summary, { built, currency }),
+      /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx8(
+          StatusRow,
+          {
+            label: "Pre-flight",
+            ok: built.report.ok,
+            value: built.report.ok ? `${built.report.checks.length} checks passed` : `${built.report.blocking.length} blocking`,
+            detail: built.report.ok ? "" : built.report.blocking.map((b) => b.name).join(", ")
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          StatusRow,
+          {
+            label: "Coverage",
+            ok: coverageMissing === 0,
+            value: `${built.report.coverage.length - coverageMissing} of ${built.report.coverage.length} fields resolved`,
+            detail: coverageMissing ? "missing fields render blank in templates" : ""
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          StatusRow,
+          {
+            label: "Request",
+            ok: Boolean(request),
+            value: request ? `POST \xB7 ${built.body.length} bytes` : "no destination configured",
+            detail: request ? truncate(request.url, 44) : "Setup \u2192 Webhook"
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          StatusRow,
           {
-            isDisabled: !built.report.ok,
-            onConfirm: doSend,
-            onCancel: () => onDone()
+            label: "Clipboard",
+            ok: copied?.ok,
+            warn: !copied?.ok,
+            value: copied?.ok ? `${copied.what} copied` : "not copied",
+            detail: copied?.ok ? `via ${copied.via}` : "press c"
           }
         )
       ] }),
-      !built.report.ok && /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "  sending is disabled while pre-flight fails \u2014 fix the payload, or use the CLI with --force" })
+      panel === "checks" && /* @__PURE__ */ jsx8(Panel, { title: "Pre-flight checks", children: /* @__PURE__ */ jsx8(CheckList, { checks: built.report.checks }) }),
+      panel === "fields" && /* @__PURE__ */ jsx8(Panel, { title: "Field coverage", hint: "what the receiver will read", children: /* @__PURE__ */ jsx8(FieldTable, { coverage: built.report.coverage }) }),
+      panel === "request" && /* @__PURE__ */ jsx8(Panel, { title: "Request", children: /* @__PURE__ */ jsx8(RequestPreview, { request, bytes: built.body.length }) }),
+      panel === "curl" && curl && /* @__PURE__ */ jsx8(Panel, { title: "curl", hint: "Postman \u2192 Import \u2192 Raw text", children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: curl }) }),
+      panel === "payload" && /* @__PURE__ */ jsx8(Panel, { title: "Payload", hint: `${built.body.length} bytes`, children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: JSON.stringify(built.payload, null, 2) }) }),
+      !built.report.ok && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Alert, { variant: "error", children: `cannot send \u2014 ${built.report.blocking.map((b) => b.detail).join("; ")}` }) }),
+      /* @__PURE__ */ jsx8(
+        CommandBar,
+        {
+          commands: [
+            { key: "s", label: "send", disabled: !built.report.ok },
+            { key: "c", label: "copy curl" },
+            { key: "j", label: "copy json" },
+            { key: "u", label: "curl", active: panel === "curl" },
+            { key: "p", label: "payload", active: panel === "payload" },
+            { key: "f", label: "fields", active: panel === "fields" },
+            { key: "v", label: "checks", active: panel === "checks" },
+            { key: "r", label: "request", active: panel === "request" },
+            { key: "esc", label: "back" }
+          ]
+        }
+      )
     ] }),
-    step === STEP.SENDING && /* @__PURE__ */ jsx7(Spinner, { label: "signing and POSTing the webhook\u2026" }),
-    step === STEP.RESULT && sendResult && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Box7, { marginBottom: 1, children: [
-        sendResult.ok ? /* @__PURE__ */ jsx7(Badge, { color: "green", children: `HTTP ${sendResult.status}` }) : /* @__PURE__ */ jsx7(Badge, { color: "red", children: sendResult.error ? "FAILED" : `HTTP ${sendResult.status}` }),
-        /* @__PURE__ */ jsx7(Text7, { children: " " }),
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: sendResult.error ?? explainStatus(sendResult.status) })
+    step === STEP.SENDING && /* @__PURE__ */ jsx8(Spinner, { label: "signing and POSTing the webhook\u2026" }),
+    step === STEP.RESULT && sendResult && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Box8, { marginBottom: 1, children: [
+        sendResult.ok ? /* @__PURE__ */ jsx8(Badge, { color: "green", children: `HTTP ${sendResult.status}` }) : /* @__PURE__ */ jsx8(Badge, { color: "red", children: sendResult.error ? "FAILED" : `HTTP ${sendResult.status}` }),
+        /* @__PURE__ */ jsx8(Text8, { children: " " }),
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: sendResult.error ?? explainStatus(sendResult.status) })
       ] }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         KeyValue,
         {
           rows: [
@@ -2320,22 +2586,22 @@ function Build({ config, providerId = "cashfree-occ", onDone }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "reproduce:" }),
-        /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: sendResult.curl })
+      /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "reproduce:" }),
+        /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: sendResult.curl })
       ] }),
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "press enter to return to the menu" }) })
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "press enter to return to the menu" }) })
     ] }),
-    step === STEP.ERROR && error && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Alert, { variant: "error", children: error.message }),
-      error.hint ? /* @__PURE__ */ jsx7(Text7, { color: palette.warn, children: `  ${error.hint}` }) : null,
-      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "press enter to return to the menu" }) })
+    step === STEP.ERROR && error && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Alert, { variant: "error", children: error.message }),
+      error.hint ? /* @__PURE__ */ jsx8(Text8, { color: palette.warn, children: `  ${error.hint}` }) : null,
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "press enter to return to the menu" }) })
     ] })
   ] });
 }
 function RequestPreview({ request, bytes: bytes2 }) {
-  if (!request) return /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "  destination not configured" });
-  return /* @__PURE__ */ jsx7(
+  if (!request) return /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "  destination not configured" });
+  return /* @__PURE__ */ jsx8(
     KeyValue,
     {
       keyWidth: 22,
@@ -2350,20 +2616,20 @@ function RequestPreview({ request, bytes: bytes2 }) {
 }
 function FieldPrompt({ field, index, total, value, onSubmit }) {
   const filled = Math.round(index / total * 30);
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs7(Box7, { children: [
-      /* @__PURE__ */ jsx7(Text7, { color: palette.accent, children: "\u2588".repeat(filled) }),
-      /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "\u2591".repeat(30 - filled) }),
-      /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: `  ${index + 1}/${total}  ${field.group}` })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: palette.accent, children: "\u2588".repeat(filled) }),
+      /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "\u2591".repeat(30 - filled) }),
+      /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: `  ${index + 1}/${total}  ${field.group}` })
     ] }),
-    /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, color: palette.heading, children: field.label }),
-      field.hint ? /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: `  ${field.hint}` }) : null,
-      field.optional ? /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "  optional" }) : null
+    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: palette.heading, children: field.label }),
+      field.hint ? /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: `  ${field.hint}` }) : null,
+      field.optional ? /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "  optional" }) : null
     ] }),
-    /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx7(Text7, { color: palette.accent, children: "\u276F " }),
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx8(Text8, { color: palette.accent, children: "\u276F " }),
+      /* @__PURE__ */ jsx8(
         TextInput,
         {
           defaultValue: value == null ? "" : String(value),
@@ -2373,32 +2639,29 @@ function FieldPrompt({ field, index, total, value, onSubmit }) {
         field.path
       )
     ] }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: "enter accepts the suggestion \xB7 edit the text to change it" }) })
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "enter accepts the suggestion \xB7 edit the text to change it \xB7 esc goes back a field" }) })
   ] });
 }
 function Summary({ built, currency }) {
-  const d = built.payload.data;
-  return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: palette.ok, paddingX: 1, children: /* @__PURE__ */ jsx7(
-    KeyValue,
-    {
-      rows: [
-        ["type", built.payload.type],
-        ["store", d.store_url],
-        ["customer", `${d.customer.shipping_address.customer_name} \xB7 ${d.phone}`],
-        ["items", d.line_items.map((i) => `${truncate(i.name, 28)} \xD7${i.quantity}`).join(", ")],
-        ["total", `${money(d.total_price, d.line_items[0]?.currency ?? currency)}  (was ${money(d.original_total_price)} \xB7 discount ${money(d.total_discount)})`],
-        ["checkout", truncate(d.abandoned_checkout_url, 58)],
-        ["saved", built.file]
-      ]
-    }
-  ) });
+  const s = built.summary ?? (built.provider.summarize ? built.provider.summarize(built.payload) : {});
+  const rows = [
+    ["provider", built.provider.label],
+    ["event", s.event ?? "\u2014"],
+    ["store", s.store ?? "\u2014"],
+    ["customer", s.customer || "\u2014"],
+    ["items", s.items || "\u2014"],
+    ["total", s.total == null ? "\u2014" : `${money(s.total, s.currency ?? currency)}${s.extra ? `  (${s.extra})` : ""}`]
+  ];
+  if (s.link) rows.push(["link", truncate(s.link, 58)]);
+  rows.push(["saved", built.file]);
+  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: palette.ok, paddingX: 1, children: /* @__PURE__ */ jsx8(KeyValue, { rows }) });
 }
 
 // src/ui/screens/Configure.jsx
-import React8, { useState as useState2 } from "react";
-import { Box as Box8, Text as Text8, useInput as useInput4 } from "ink";
+import React9, { useState as useState2 } from "react";
+import { Box as Box9, Text as Text9, useInput as useInput4 } from "ink";
 import { Spinner as Spinner2, TextInput as TextInput2, PasswordInput, Select as Select5, Alert as Alert2 } from "@inkjs/ui";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var FIELDS = [
   { group: "Customer", key: "customer.firstName", label: "First name", placeholder: "Test" },
   { group: "Customer", key: "customer.lastName", label: "Last name", placeholder: "Shopper" },
@@ -2473,9 +2736,9 @@ function Configure({ config, section: initialSection, onDone }) {
     });
   };
   if (!section) {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Header, { title: "Configure", subtitle: "pick what you want to change", right: "esc to go back" }),
-      /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Header, { title: "Configure", subtitle: "pick what you want to change", right: "esc to go back" }),
+      /* @__PURE__ */ jsx9(
         Select5,
         {
           visibleOptionCount: 8,
@@ -2492,29 +2755,29 @@ function Configure({ config, section: initialSection, onDone }) {
     ] });
   }
   if (phase === "verifying") {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Header, { title: "Configure", subtitle: "verifying credentials" }),
-      /* @__PURE__ */ jsx8(Spinner2, { label: "contacting Shopify\u2026" })
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Header, { title: "Configure", subtitle: "verifying credentials" }),
+      /* @__PURE__ */ jsx9(Spinner2, { label: "contacting Shopify\u2026" })
     ] });
   }
   if (phase === "done") {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Header, { title: "Configure", subtitle: "saved" }),
-      /* @__PURE__ */ jsx8(Alert2, { variant: verifyMsg?.ok ? "success" : "warning", children: verifyMsg?.text ?? "saved" }),
-      verifyMsg?.hint ? /* @__PURE__ */ jsx8(Text8, { color: palette.warn, children: `  ${verifyMsg.hint}` }) : null,
-      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: `config written to ${verifyMsg?.file} (chmod 600)` }) }),
-      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "press enter to return to the menu" }) })
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Header, { title: "Configure", subtitle: "saved" }),
+      /* @__PURE__ */ jsx9(Alert2, { variant: verifyMsg?.ok ? "success" : "warning", children: verifyMsg?.text ?? "saved" }),
+      verifyMsg?.hint ? /* @__PURE__ */ jsx9(Text9, { color: palette.warn, children: `  ${verifyMsg.hint}` }) : null,
+      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: `config written to ${verifyMsg?.file} (chmod 600)` }) }),
+      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "press enter to return to the menu" }) })
     ] });
   }
   const current = get(draft, field.key) ?? "";
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Header, { title: "Configure", subtitle: `${field.group} \xB7 step ${index + 1} of ${fields.length}`, right: "esc to cancel" }),
-    /* @__PURE__ */ jsx8(Progress, { index, total: fields.length }),
-    /* @__PURE__ */ jsxs8(Section, { title: field.label, children: [
-      field.hint ? /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: `  ${field.hint}` }) : null,
-      /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx8(Text8, { color: palette.accent, children: `${glyph.pointer} ` }),
-        field.type === "select" ? /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Header, { title: "Configure", subtitle: `${field.group} \xB7 step ${index + 1} of ${fields.length}`, right: "esc to cancel" }),
+    /* @__PURE__ */ jsx9(Progress, { index, total: fields.length }),
+    /* @__PURE__ */ jsxs9(Section, { title: field.label, children: [
+      field.hint ? /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: `  ${field.hint}` }) : null,
+      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx9(Text9, { color: palette.accent, children: `${glyph.pointer} ` }),
+        field.type === "select" ? /* @__PURE__ */ jsx9(
           Select5,
           {
             options: field.options,
@@ -2522,7 +2785,7 @@ function Configure({ config, section: initialSection, onDone }) {
             onChange: commit
           },
           field.key
-        ) : field.secret ? /* @__PURE__ */ jsx8(PasswordInput, { placeholder: current ? mask(current) : "\u2022\u2022\u2022\u2022\u2022\u2022", onSubmit: (v) => commit(v || current) }, field.key) : /* @__PURE__ */ jsx8(
+        ) : field.secret ? /* @__PURE__ */ jsx9(PasswordInput, { placeholder: current ? mask(current) : "\u2022\u2022\u2022\u2022\u2022\u2022", onSubmit: (v) => commit(v || current) }, field.key) : /* @__PURE__ */ jsx9(
           TextInput2,
           {
             defaultValue: current,
@@ -2537,18 +2800,18 @@ function Configure({ config, section: initialSection, onDone }) {
 }
 function Progress({ index, total }) {
   const filled = Math.round(index / total * 30);
-  return /* @__PURE__ */ jsxs8(Box8, { children: [
-    /* @__PURE__ */ jsx8(Text8, { color: palette.accent, children: "\u2588".repeat(filled) }),
-    /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "\u2591".repeat(30 - filled) }),
-    /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: `  ${index}/${total}` })
+  return /* @__PURE__ */ jsxs9(Box9, { children: [
+    /* @__PURE__ */ jsx9(Text9, { color: palette.accent, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "\u2591".repeat(30 - filled) }),
+    /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: `  ${index}/${total}` })
   ] });
 }
 
 // src/ui/screens/ConnectShopify.jsx
-import React9, { useState as useState3 } from "react";
-import { Box as Box9, Text as Text9, useInput as useInput5 } from "ink";
+import React10, { useState as useState3 } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput5 } from "ink";
 import { Spinner as Spinner3, TextInput as TextInput3, PasswordInput as PasswordInput2, Alert as Alert3, Badge as Badge2 } from "@inkjs/ui";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var STEP2 = { DOMAIN: "domain", TOKEN: "token", VERIFY: "verify", DONE: "done", FAILED: "failed" };
 function ConnectShopify({ config, onDone }) {
   const [draft] = useState3(() => structuredClone(config));
@@ -2579,13 +2842,13 @@ function ConnectShopify({ config, onDone }) {
       setStep(STEP2.FAILED);
     });
   };
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Header, { title: "Connect Shopify", subtitle: "the catalogue every payload is built from", right: "esc to cancel" }),
-    step === STEP2.DOMAIN && /* @__PURE__ */ jsxs9(Section, { title: "Store domain", children: [
-      /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  the myshopify.com domain, not your custom domain" }),
-      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: palette.accent, children: `${glyph.pointer} ` }),
-        /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(Header, { title: "Connect Shopify", subtitle: "the catalogue every payload is built from", right: "esc to cancel" }),
+    step === STEP2.DOMAIN && /* @__PURE__ */ jsxs10(Section, { title: "Store domain", children: [
+      /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  the myshopify.com domain, not your custom domain" }),
+      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx10(Text10, { color: palette.accent, children: `${glyph.pointer} ` }),
+        /* @__PURE__ */ jsx10(
           TextInput3,
           {
             defaultValue: draft.shopify.domain,
@@ -2595,12 +2858,12 @@ function ConnectShopify({ config, onDone }) {
         )
       ] })
     ] }),
-    step === STEP2.TOKEN && /* @__PURE__ */ jsxs9(Section, { title: "Admin API access token", children: [
-      /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  Shopify admin \u2192 Settings \u2192 Apps and sales channels \u2192 Develop apps" }),
-      /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  the token needs the read_products scope" }),
-      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: palette.accent, children: `${glyph.pointer} ` }),
-        /* @__PURE__ */ jsx9(
+    step === STEP2.TOKEN && /* @__PURE__ */ jsxs10(Section, { title: "Admin API access token", children: [
+      /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  Shopify admin \u2192 Settings \u2192 Apps and sales channels \u2192 Develop apps" }),
+      /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  the token needs the read_products scope" }),
+      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx10(Text10, { color: palette.accent, children: `${glyph.pointer} ` }),
+        /* @__PURE__ */ jsx10(
           PasswordInput2,
           {
             placeholder: draft.shopify.accessToken ? mask(draft.shopify.accessToken) : "shpat_\u2026",
@@ -2609,14 +2872,14 @@ function ConnectShopify({ config, onDone }) {
         )
       ] })
     ] }),
-    step === STEP2.VERIFY && /* @__PURE__ */ jsx9(Spinner3, { label: `connecting to ${draft.shopify.domain}\u2026` }),
-    step === STEP2.DONE && result && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs9(Box9, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx9(Badge2, { color: "green", children: "CONNECTED" }),
-        /* @__PURE__ */ jsx9(Text9, { children: "  " }),
-        /* @__PURE__ */ jsx9(Text9, { bold: true, children: result.shop?.name })
+    step === STEP2.VERIFY && /* @__PURE__ */ jsx10(Spinner3, { label: `connecting to ${draft.shopify.domain}\u2026` }),
+    step === STEP2.DONE && result && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs10(Box10, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx10(Badge2, { color: "green", children: "CONNECTED" }),
+        /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+        /* @__PURE__ */ jsx10(Text10, { bold: true, children: result.shop?.name })
       ] }),
-      /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: palette.ok, paddingX: 1, children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", borderStyle: "round", borderColor: palette.ok, paddingX: 1, children: /* @__PURE__ */ jsx10(
         KeyValue,
         {
           keyWidth: 16,
@@ -2632,29 +2895,29 @@ function ConnectShopify({ config, onDone }) {
           ]
         }
       ) }),
-      result.applied.length ? /* @__PURE__ */ jsx9(Section, { title: "Picked up from the store", children: result.applied.map((line, i) => /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: `  ${glyph.tick} ${line}` }, i)) }) : null,
-      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Alert3, { variant: "success", children: "Shopify connected \u2014 you can browse the real catalogue now" }) }),
-      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "press enter to continue" }) })
+      result.applied.length ? /* @__PURE__ */ jsx10(Section, { title: "Picked up from the store", children: result.applied.map((line, i) => /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: `  ${glyph.tick} ${line}` }, i)) }) : null,
+      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Alert3, { variant: "success", children: "Shopify connected \u2014 you can browse the real catalogue now" }) }),
+      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "press enter to continue" }) })
     ] }),
-    step === STEP2.FAILED && error && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Alert3, { variant: "error", children: error.message }),
-      error.hint ? /* @__PURE__ */ jsx9(Text9, { color: palette.warn, children: `  ${error.hint}` }) : null,
-      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  common causes:" }),
-        /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  \xB7 the token is missing the read_products scope" }),
-        /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  \xB7 the token belongs to a different store" }),
-        /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "  \xB7 the domain is the custom domain, not the .myshopify.com one" })
+    step === STEP2.FAILED && error && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Alert3, { variant: "error", children: error.message }),
+      error.hint ? /* @__PURE__ */ jsx10(Text10, { color: palette.warn, children: `  ${error.hint}` }) : null,
+      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  common causes:" }),
+        /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  \xB7 the token is missing the read_products scope" }),
+        /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  \xB7 the token belongs to a different store" }),
+        /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  \xB7 the domain is the custom domain, not the .myshopify.com one" })
       ] }),
-      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: palette.dim, children: "press enter to try again" }) })
+      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "press enter to try again" }) })
     ] })
   ] });
 }
 
 // src/ui/screens/Webhook.jsx
-import React10, { useState as useState4 } from "react";
-import { Box as Box10, Text as Text10, useInput as useInput6 } from "ink";
+import React11, { useState as useState4 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput6 } from "ink";
 import { Select as Select6, TextInput as TextInput4, PasswordInput as PasswordInput3, Alert as Alert4, Badge as Badge3, Spinner as Spinner4 } from "@inkjs/ui";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var STEP3 = { PICK: "pick", URL: "url", SECRET: "secret", PROBE: "probe", DONE: "done" };
 function Webhook({ config, onDone }) {
   const [draft] = useState4(() => structuredClone(config));
@@ -2704,9 +2967,9 @@ function Webhook({ config, onDone }) {
       }),
       { label: "Back".padEnd(30), value: "__back" }
     ];
-    return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx10(Header, { title: "Webhook destinations", subtitle: "one endpoint and secret per integration", right: "esc to go back" }),
-      /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx11(Header, { title: "Webhook destinations", subtitle: "one endpoint and secret per integration", right: "esc to go back" }),
+      /* @__PURE__ */ jsx11(
         Select6,
         {
           visibleOptionCount: options.length,
@@ -2719,17 +2982,17 @@ function Webhook({ config, onDone }) {
           }
         }
       ),
-      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: `${glyph.dot} set globally \u2014 every build for that provider uses it` }) })
+      /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: `${glyph.dot} set globally \u2014 every build for that provider uses it` }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx10(Header, { title: meta.label, subtitle: `signature: ${meta.signature}`, right: "esc to cancel" }),
-    step === STEP3.URL && /* @__PURE__ */ jsxs10(Section, { title: "Webhook URL", children: [
-      /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  the full endpoint the provider would call \u2014 paste it as-is" }),
-      urlError ? /* @__PURE__ */ jsx10(Text10, { color: palette.bad, children: `  ${glyph.cross} ${urlError}` }) : null,
-      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx10(Text10, { color: palette.accent, children: `${glyph.pointer} ` }),
-        /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx11(Header, { title: meta.label, subtitle: `signature: ${meta.signature}`, right: "esc to cancel" }),
+    step === STEP3.URL && /* @__PURE__ */ jsxs11(Section, { title: "Webhook URL", children: [
+      /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: "  the full endpoint the provider would call \u2014 paste it as-is" }),
+      urlError ? /* @__PURE__ */ jsx11(Text11, { color: palette.bad, children: `  ${glyph.cross} ${urlError}` }) : null,
+      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx11(Text11, { color: palette.accent, children: `${glyph.pointer} ` }),
+        /* @__PURE__ */ jsx11(
           TextInput4,
           {
             defaultValue: target.webhookUrl,
@@ -2739,12 +3002,12 @@ function Webhook({ config, onDone }) {
         )
       ] })
     ] }),
-    step === STEP3.SECRET && /* @__PURE__ */ jsxs10(Section, { title: meta.id === "nitro" ? "Bearer token" : "Signing secret", children: [
-      /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: `  sent as ${meta.header}` }),
-      /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "  must match what the receiver has stored" }),
-      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx10(Text10, { color: palette.accent, children: `${glyph.pointer} ` }),
-        /* @__PURE__ */ jsx10(
+    step === STEP3.SECRET && /* @__PURE__ */ jsxs11(Section, { title: meta.id === "nitro" ? "Bearer token" : "Signing secret", children: [
+      /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: `  sent as ${meta.header}` }),
+      /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: "  must match what the receiver has stored" }),
+      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx11(Text11, { color: palette.accent, children: `${glyph.pointer} ` }),
+        /* @__PURE__ */ jsx11(
           PasswordInput3,
           {
             placeholder: target.webhookSecret ? mask(target.webhookSecret) : "the signing secret\u2026",
@@ -2753,14 +3016,14 @@ function Webhook({ config, onDone }) {
         )
       ] })
     ] }),
-    step === STEP3.PROBE && /* @__PURE__ */ jsx10(Spinner4, { label: "checking the endpoint is reachable\u2026" }),
-    step === STEP3.DONE && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs10(Box10, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx10(Badge3, { color: probe?.reachable ? "green" : "yellow", children: probe?.reachable ? "REACHABLE" : "UNVERIFIED" }),
-        /* @__PURE__ */ jsx10(Text10, { children: "  " }),
-        /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: probe?.reachable ? `responded HTTP ${probe.status} to an unsigned probe` : probe?.error ?? "could not reach it \u2014 saved anyway" })
+    step === STEP3.PROBE && /* @__PURE__ */ jsx11(Spinner4, { label: "checking the endpoint is reachable\u2026" }),
+    step === STEP3.DONE && /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs11(Box11, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx11(Badge3, { color: probe?.reachable ? "green" : "yellow", children: probe?.reachable ? "REACHABLE" : "UNVERIFIED" }),
+        /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+        /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: probe?.reachable ? `responded HTTP ${probe.status} to an unsigned probe` : probe?.error ?? "could not reach it \u2014 saved anyway" })
       ] }),
-      /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", borderStyle: "round", borderColor: palette.ok, paddingX: 1, children: /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", borderStyle: "round", borderColor: palette.ok, paddingX: 1, children: /* @__PURE__ */ jsx11(
         KeyValue,
         {
           keyWidth: 10,
@@ -2771,8 +3034,8 @@ function Webhook({ config, onDone }) {
           ]
         }
       ) }),
-      !meta.available ? /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Alert4, { variant: "info", children: `saved \u2014 ${meta.label} payload generation is not implemented yet` }) }) : null,
-      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { color: palette.dim, children: "press enter to configure another" }) })
+      !meta.available ? /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Alert4, { variant: "info", children: `saved \u2014 ${meta.label} payload generation is not implemented yet` }) }) : null,
+      /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: "press enter to configure another" }) })
     ] })
   ] });
 }
@@ -2795,10 +3058,10 @@ async function probeEndpoint(url) {
 }
 
 // src/ui/screens/Doctor.jsx
-import React11, { useEffect as useEffect2, useState as useState5 } from "react";
-import { Box as Box11, Text as Text11, useInput as useInput7 } from "ink";
+import React12, { useEffect as useEffect2, useState as useState5 } from "react";
+import { Box as Box12, Text as Text12, useInput as useInput7 } from "ink";
 import { Spinner as Spinner5 } from "@inkjs/ui";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function Doctor({ config, onDone }) {
   const [checks, setChecks] = useState5(null);
   useInput7((input, key) => {
@@ -2811,13 +3074,13 @@ function Doctor({ config, onDone }) {
       alive = false;
     };
   }, []);
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(Header, { title: "Doctor", subtitle: "everything the generator depends on" }),
-    !checks ? /* @__PURE__ */ jsx11(Spinner5, { label: "running checks\u2026" }) : /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx11(Section, { title: "Configuration", children: /* @__PURE__ */ jsx11(CheckList, { checks: checks.config }) }),
-      /* @__PURE__ */ jsx11(Section, { title: "Connectivity", children: /* @__PURE__ */ jsx11(CheckList, { checks: checks.connectivity }) }),
-      /* @__PURE__ */ jsx11(Section, { title: "Runtime", children: /* @__PURE__ */ jsx11(CheckList, { checks: checks.runtime }) }),
-      /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: palette.dim, children: "press enter to return to the menu" }) })
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx12(Header, { title: "Doctor", subtitle: "everything the generator depends on" }),
+    !checks ? /* @__PURE__ */ jsx12(Spinner5, { label: "running checks\u2026" }) : /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx12(Section, { title: "Configuration", children: /* @__PURE__ */ jsx12(CheckList, { checks: checks.config }) }),
+      /* @__PURE__ */ jsx12(Section, { title: "Connectivity", children: /* @__PURE__ */ jsx12(CheckList, { checks: checks.connectivity }) }),
+      /* @__PURE__ */ jsx12(Section, { title: "Runtime", children: /* @__PURE__ */ jsx12(CheckList, { checks: checks.runtime }) }),
+      /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text12, { color: palette.dim, children: "press enter to return to the menu" }) })
     ] })
   ] });
 }
@@ -2865,10 +3128,10 @@ async function run(config) {
 }
 
 // src/ui/screens/History.jsx
-import React12, { useState as useState6 } from "react";
-import { Box as Box12, Text as Text12, useInput as useInput8 } from "ink";
+import React13, { useState as useState6 } from "react";
+import { Box as Box13, Text as Text13, useInput as useInput8 } from "ink";
 import { Select as Select7, Spinner as Spinner6, Badge as Badge4, Alert as Alert5, ConfirmInput as ConfirmInput2 } from "@inkjs/ui";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function History({ config, onDone }) {
   const [items] = useState6(() => listPayloads(20));
   const [selected, setSelected] = useState6(null);
@@ -2894,14 +3157,14 @@ function History({ config, onDone }) {
     });
   };
   if (!items.length) {
-    return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(Header, { title: "History", subtitle: "saved payloads" }),
-      /* @__PURE__ */ jsx12(Text12, { color: palette.dim, children: "nothing built yet \u2014 press esc to go back" })
+    return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx13(Header, { title: "History", subtitle: "saved payloads" }),
+      /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: "nothing built yet \u2014 press esc to go back" })
     ] });
   }
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx12(Header, { title: "History", subtitle: `${items.length} saved payload${items.length === 1 ? "" : "s"}`, right: "esc to go back" }),
-    phase === "list" && /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(Header, { title: "History", subtitle: `${items.length} saved payload${items.length === 1 ? "" : "s"}`, right: "esc to go back" }),
+    phase === "list" && /* @__PURE__ */ jsx13(
       Select7,
       {
         visibleOptionCount: 10,
@@ -2912,8 +3175,8 @@ function History({ config, onDone }) {
         onChange: onPick
       }
     ),
-    phase === "detail" && selected && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(Section, { title: "Payload", children: /* @__PURE__ */ jsx12(
+    phase === "detail" && selected && /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx13(Section, { title: "Payload", children: /* @__PURE__ */ jsx13(
         KeyValue,
         {
           rows: [
@@ -2927,31 +3190,31 @@ function History({ config, onDone }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx12(Text12, { children: "Re-send this payload (it will be re-signed with a fresh timestamp)? " }),
-        /* @__PURE__ */ jsx12(ConfirmInput2, { onConfirm: resend, onCancel: () => setPhase("list") })
+      /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx13(Text13, { children: "Re-send this payload (it will be re-signed with a fresh timestamp)? " }),
+        /* @__PURE__ */ jsx13(ConfirmInput2, { onConfirm: resend, onCancel: () => setPhase("list") })
       ] })
     ] }),
-    phase === "sending" && /* @__PURE__ */ jsx12(Spinner6, { label: "re-signing and sending\u2026" }),
-    phase === "result" && result && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs12(Box12, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx12(Badge4, { color: result.ok ? "green" : "red", children: result.error ? "FAILED" : `HTTP ${result.status}` }),
-        /* @__PURE__ */ jsx12(Text12, { children: " " }),
-        /* @__PURE__ */ jsx12(Text12, { color: palette.dim, children: result.error ?? explainStatus(result.status) })
+    phase === "sending" && /* @__PURE__ */ jsx13(Spinner6, { label: "re-signing and sending\u2026" }),
+    phase === "result" && result && /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs13(Box13, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx13(Badge4, { color: result.ok ? "green" : "red", children: result.error ? "FAILED" : `HTTP ${result.status}` }),
+        /* @__PURE__ */ jsx13(Text13, { children: " " }),
+        /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: result.error ?? explainStatus(result.status) })
       ] }),
-      /* @__PURE__ */ jsx12(Text12, { color: palette.dim, children: "press enter to return" })
+      /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: "press enter to return" })
     ] }),
-    phase === "error" && error && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(Alert5, { variant: "error", children: error.message }),
-      error.hint ? /* @__PURE__ */ jsx12(Text12, { color: palette.warn, children: `  ${error.hint}` }) : null,
-      /* @__PURE__ */ jsx12(Text12, { color: palette.dim, children: "press enter to return" })
+    phase === "error" && error && /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx13(Alert5, { variant: "error", children: error.message }),
+      error.hint ? /* @__PURE__ */ jsx13(Text13, { color: palette.warn, children: `  ${error.hint}` }) : null,
+      /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: "press enter to return" })
     ] })
   ] });
 }
 
 // src/ui/screens/Clear.jsx
-import React13, { useState as useState7 } from "react";
-import { Box as Box13, Text as Text13, useInput as useInput9 } from "ink";
+import React14, { useState as useState7 } from "react";
+import { Box as Box14, Text as Text14, useInput as useInput9 } from "ink";
 import { Select as Select8, ConfirmInput as ConfirmInput3, Alert as Alert6, Badge as Badge5 } from "@inkjs/ui";
 
 // src/core/cleanup.mjs
@@ -3027,7 +3290,7 @@ var TARGETS = {
 };
 
 // src/ui/screens/Clear.jsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function Clear({ config, onDone }) {
   const [state] = useState7(() => inspect());
   const [choice, setChoice] = useState7(null);
@@ -3041,23 +3304,23 @@ function Clear({ config, onDone }) {
     setResult(outcome);
   };
   if (result) {
-    return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Header, { title: "Clear", subtitle: "done" }),
-      /* @__PURE__ */ jsxs13(Box13, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx13(Badge5, { color: "green", children: "CLEARED" }),
-        /* @__PURE__ */ jsx13(Text13, { children: "  " }),
-        /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: choice === "all" ? `${result.payloads} payload(s), ${result.logs} log, ${result.config} config file removed` : `${result.removed} item(s) removed` })
+    return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx14(Header, { title: "Clear", subtitle: "done" }),
+      /* @__PURE__ */ jsxs14(Box14, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx14(Badge5, { color: "green", children: "CLEARED" }),
+        /* @__PURE__ */ jsx14(Text14, { children: "  " }),
+        /* @__PURE__ */ jsx14(Text14, { color: palette.dim, children: choice === "all" ? `${result.payloads} payload(s), ${result.logs} log, ${result.config} config file removed` : `${result.removed} item(s) removed` })
       ] }),
-      choice === "all" ? /* @__PURE__ */ jsx13(Alert6, { variant: "info", children: "back to first-run state \u2014 reconnect Shopify to continue" }) : null,
-      /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: "press enter to return" }) })
+      choice === "all" ? /* @__PURE__ */ jsx14(Alert6, { variant: "info", children: "back to first-run state \u2014 reconnect Shopify to continue" }) : null,
+      /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: palette.dim, children: "press enter to return" }) })
     ] });
   }
   if (choice) {
     const target = TARGETS[choice];
-    return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Header, { title: "Clear", subtitle: target.label, right: "esc to cancel" }),
-      /* @__PURE__ */ jsx13(Alert6, { variant: "warning", children: `This permanently deletes ${target.description}.` }),
-      /* @__PURE__ */ jsx13(Section, { title: "Will be removed", children: choice === "all" ? /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx14(Header, { title: "Clear", subtitle: target.label, right: "esc to cancel" }),
+      /* @__PURE__ */ jsx14(Alert6, { variant: "warning", children: `This permanently deletes ${target.description}.` }),
+      /* @__PURE__ */ jsx14(Section, { title: "Will be removed", children: choice === "all" ? /* @__PURE__ */ jsx14(
         KeyValue,
         {
           keyWidth: 10,
@@ -3067,22 +3330,22 @@ function Clear({ config, onDone }) {
             ["config", state.config.label]
           ]
         }
-      ) : /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: `  ${glyph.dot} ${choice === "payloads" ? state.payloads.label : choice === "logs" ? state.logs.label : target.description}` }) }),
-      choice === "all" || choice === "disconnect" ? /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text13, { color: palette.warn, children: "  your Shopify access token will have to be entered again" }) }) : null,
-      /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx13(Text13, { children: "Are you sure? " }),
-        /* @__PURE__ */ jsx13(ConfirmInput3, { defaultChoice: "cancel", onConfirm: run2, onCancel: () => setChoice(null) })
+      ) : /* @__PURE__ */ jsx14(Text14, { color: palette.dim, children: `  ${glyph.dot} ${choice === "payloads" ? state.payloads.label : choice === "logs" ? state.logs.label : target.description}` }) }),
+      choice === "all" || choice === "disconnect" ? /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: palette.warn, children: "  your Shopify access token will have to be entered again" }) }) : null,
+      /* @__PURE__ */ jsxs14(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx14(Text14, { children: "Are you sure? " }),
+        /* @__PURE__ */ jsx14(ConfirmInput3, { defaultChoice: "cancel", onConfirm: run2, onCancel: () => setChoice(null) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(Header, { title: "Clear", subtitle: "remove locally cached data", right: "esc to go back" }),
-    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginBottom: 1, paddingX: 1, children: [
-      /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: `${glyph.dot} ${state.payloads.label}` }),
-      /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: `${glyph.dot} ${state.logs.label}` }),
-      /* @__PURE__ */ jsx13(Text13, { color: palette.dim, children: `${glyph.dot} ${state.config.label}` })
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx14(Header, { title: "Clear", subtitle: "remove locally cached data", right: "esc to go back" }),
+    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginBottom: 1, paddingX: 1, children: [
+      /* @__PURE__ */ jsx14(Text14, { color: palette.dim, children: `${glyph.dot} ${state.payloads.label}` }),
+      /* @__PURE__ */ jsx14(Text14, { color: palette.dim, children: `${glyph.dot} ${state.logs.label}` }),
+      /* @__PURE__ */ jsx14(Text14, { color: palette.dim, children: `${glyph.dot} ${state.config.label}` })
     ] }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       Select8,
       {
         visibleOptionCount: 8,
@@ -3097,7 +3360,7 @@ function Clear({ config, onDone }) {
 }
 
 // src/ui/App.jsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function App({ config: initialConfig, initialScreen = "home" }) {
   const { exit } = useApp2();
   const [config, setConfig] = useState8(initialConfig);
@@ -3114,7 +3377,7 @@ function App({ config: initialConfig, initialScreen = "home" }) {
   const toIntegrations = go("integrations");
   switch (screen) {
     case "setup":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Setup,
         {
           config,
@@ -3131,7 +3394,7 @@ function App({ config: initialConfig, initialScreen = "home" }) {
         }
       );
     case "integrations":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Integrations,
         {
           config,
@@ -3144,21 +3407,21 @@ function App({ config: initialConfig, initialScreen = "home" }) {
         }
       );
     case "connect":
-      return /* @__PURE__ */ jsx14(ConnectShopify, { config, onDone: toSetup });
+      return /* @__PURE__ */ jsx15(ConnectShopify, { config, onDone: toSetup });
     case "webhook":
-      return /* @__PURE__ */ jsx14(Webhook, { config, onDone: toSetup });
+      return /* @__PURE__ */ jsx15(Webhook, { config, onDone: toSetup });
     case "configure":
-      return /* @__PURE__ */ jsx14(Configure, { config, section, onDone: toSetup });
+      return /* @__PURE__ */ jsx15(Configure, { config, section, onDone: toSetup });
     case "build":
-      return /* @__PURE__ */ jsx14(Build, { config, providerId: provider, onDone: toIntegrations });
+      return /* @__PURE__ */ jsx15(Build, { config, providerId: provider, onDone: toIntegrations });
     case "history":
-      return /* @__PURE__ */ jsx14(History, { config, onDone: toHome });
+      return /* @__PURE__ */ jsx15(History, { config, onDone: toHome });
     case "doctor":
-      return /* @__PURE__ */ jsx14(Doctor, { config, onDone: toHome });
+      return /* @__PURE__ */ jsx15(Doctor, { config, onDone: toHome });
     case "clear":
-      return /* @__PURE__ */ jsx14(Clear, { config, onDone: toHome });
+      return /* @__PURE__ */ jsx15(Clear, { config, onDone: toHome });
     default:
-      return /* @__PURE__ */ jsx14(Home, { config, onPick: setScreen, onQuit: exit });
+      return /* @__PURE__ */ jsx15(Home, { config, onPick: setScreen, onQuit: exit });
   }
 }
 
@@ -3458,7 +3721,7 @@ function printReport(built) {
 }
 
 // src/cli.jsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var HELP = `
 ${c.bold("hookwright")} \u2014 generate real, signed provider webhooks from a live Shopify catalogue
 
@@ -3548,7 +3811,7 @@ async function main() {
   const config = loadConfig(args.flags.config);
   if (command && command !== "ui") {
     if (command === "configure" && process.stdin.isTTY) {
-      render(/* @__PURE__ */ jsx15(App, { config, initialScreen: "connect" }));
+      render(/* @__PURE__ */ jsx16(App, { config, initialScreen: "connect" }));
       return;
     }
     const code = await headless(command, args, config);
@@ -3561,7 +3824,7 @@ async function main() {
     process.exitCode = 1;
     return;
   }
-  render(/* @__PURE__ */ jsx15(App, { config, initialScreen: "home" }));
+  render(/* @__PURE__ */ jsx16(App, { config, initialScreen: "home" }));
 }
 main().catch((err) => {
   console.error(c.red(`