@blamejs/blamejs-shop 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -8,6 +8,10 @@ upgrading across more than a few patches at a time.
 
 ## v0.3.x
 
+- v0.3.3 (2026-05-30) — **Manage quantity-break (volume) pricing from the admin console.** The admin console gains a Quantity breaks section for creating and managing volume-pricing tier sets — buy-more-save-more rules scoped to a SKU, product, collection, vendor, category, or the whole store. Each set defines one or more quantity thresholds (e.g. buy 5, buy 10) with a percentage off, an amount off each unit, an amount off the line, or a fixed per-unit price, and can be marked exclusive or left to stack with others. A sample-price preview shows the discounted unit at each threshold before you commit, and sets archive and restore. The tiers take effect immediately on the product page, in the cart, and at checkout. **Added:** *Quantity Breaks admin console* — A new Quantity breaks section manages volume-pricing tier sets: create a set scoped to a SKU, product, collection, vendor, category, or globally; define one or more quantity thresholds with a percent-off, amount-off-each, amount-off-line, or fixed-per-unit discount; mark a set exclusive or let it stack. A sample-price preview shows the discounted unit at each threshold, and sets archive and restore. The tiers apply automatically on the product page, the cart, and at checkout.
+
+- v0.3.2 (2026-05-30) — **Creating a product lands you on its detail screen to finish setup.** Creating a product from the admin console now takes you straight to that product's detail screen — where you add a variant, set its price, and add stock — instead of returning you to the product list. A banner on the new product names the remaining steps to make it sellable. This removes the hunt-for-the-product-you-just-made step from the catalog setup flow. **Changed:** *Product create flows straight into editing* — Submitting the new-product form now redirects to the product's detail screen with a banner naming the next steps — add a variant with a SKU, set its price, and add stock — rather than bouncing back to the product list. Configuring a just-created product no longer requires finding it again first.
+
 - v0.3.1 (2026-05-30) — **Fix CSRF origin check refusing authenticated forms behind a TLS-terminating proxy.** The token-based CSRF protection added in 0.3.0 runs an Origin/Referer pre-check on every state-changing request. When the app is served behind a proxy that terminates TLS and forwards plain HTTP to the application — a CDN or load balancer, the standard production topology — the application saw the connection as HTTP and rebuilt its own origin as `http://<host>`, while the browser's request carried `Origin: https://<host>`. That bare scheme mismatch made the check refuse every legitimate same-origin POST as cross-origin, blocking sign-in and every account and admin form. The CSRF gate now trusts the forwarded protocol header — the same proxy stance the session cookies already use — so it derives the real public origin, and it matches against an explicit allowlist of the public origin(s), configurable via SHOP_PUBLIC_ORIGINS. The token cookie also regains its `__Host-` prefix over the forwarded HTTPS connection. No operator action is required for the default origin. **Fixed:** *Authenticated forms no longer refused behind a TLS-terminating proxy* — The CSRF origin pre-check derived the application origin from the raw proxied connection scheme, so a same-origin browser POST carrying `Origin: https://<host>` was refused as cross-origin under a CDN that forwards plain HTTP. The gate now trusts the forwarded `x-forwarded-proto` and matches against an explicit public-origin allowlist — `SHOP_PUBLIC_ORIGINS` (comma-separated), defaulting to the canonical origin — so sign-in and the account and admin forms submit correctly. The double-submit token cookie also regains its `__Host-` prefix over the forwarded HTTPS connection.
 
 - v0.3.0 (2026-05-30) — **Token-based CSRF protection on the account and admin forms.** Every state-changing form on the customer account surface — subscriptions, addresses, wishlist, returns, reviews, loyalty, referrals, passkey management, profile, checkout — and the entire admin console now carries a per-request double-submit CSRF token that is validated on submission. This is a defense-in-depth layer on top of the existing SameSite session cookies and the fetch-metadata cross-site gate. It lands with an update of the vendored blamejs runtime to v0.13.46, whose createApp now wires CSRF into the request lifecycle by default (closing the long-standing gap where it was documented but not enforced). The edge-rendered, cached storefront forms (add-to-cart, cookie consent, newsletter, currency switch) keep their SameSite + fetch-metadata defense — a per-session token cannot be embedded in HTML that is cached and identical for every visitor, and forcing one would break no-JS submission. No operator action or configuration change is required. **Security:** *Per-form CSRF tokens on account and admin* — The container-rendered account and admin forms now embed a hidden `_csrf` field carrying a per-request double-submit token; the server validates it (constant-time) on every state-changing POST. The passkey enrolment / sign-in islands send the matching token in the `X-CSRF-Token` header. This is layered on top of — not a replacement for — the SameSite session cookies and the fetch-metadata cross-site refusal already in place. · *Vendored blamejs runtime updated to v0.13.46* — createApp now wires CSRF (double-submit cookie), plus the cookie / CSP-nonce / fetch-metadata / body-parser layers, into the request lifecycle by default. The shop adopts the CSRF default scoped so the edge-cached, dual-rendered storefront endpoints (cart, consent, newsletter, currency) remain on their SameSite + fetch-metadata defense, while the authenticated account and admin surfaces gain the token check. A lint rule now flags any new edge-rendered POST form that would need that exemption.

package/lib/admin.js

@@ -32,6 +32,7 @@
 
 var pricing = require("./pricing");
 var collectionsModule = require("./collections");
+var quantityDiscountsModule = require("./quantity-discounts");
 var { AsyncLocalStorage } = require("node:async_hooks");   // allow:non-shop-require — Node-core per-request context (no npm dep); the framework itself composes it in db-role-context / log. No b.* request-context primitive exists to wrap it.
 
 var b = require("./vendor/blamejs");
@@ -444,7 +445,7 @@ function mount(router, deps) {
   // `reports` is always present in the nav (read-only sales summary needs no
   // extra dep); its route mounts unconditionally and renders an unconfigured
   // notice when the salesReports primitive isn't wired.
-  var navAvailable = { returns: !!returns, reviews: !!reviews, productQa: !!productQa, subscriptions: !!deps.subscriptions, webhooks: !!deps.webhooks, collections: !!deps.collections, customers: !!deps.customers, giftcards: !!deps.giftcards, announcementBar: !!deps.announcementBar, customerSurveys: !!deps.customerSurveys, businessHours: !!deps.businessHours, taxRates: !!deps.taxRates, shippingZones: !!deps.shippingZones, autoDiscount: !!deps.autoDiscount, pickLists: !!pickLists };
+  var navAvailable = { returns: !!returns, reviews: !!reviews, productQa: !!productQa, subscriptions: !!deps.subscriptions, webhooks: !!deps.webhooks, collections: !!deps.collections, customers: !!deps.customers, giftcards: !!deps.giftcards, announcementBar: !!deps.announcementBar, customerSurveys: !!deps.customerSurveys, businessHours: !!deps.businessHours, taxRates: !!deps.taxRates, shippingZones: !!deps.shippingZones, autoDiscount: !!deps.autoDiscount, quantityDiscounts: !!deps.quantityDiscounts, pickLists: !!pickLists };
 
   try { b.audit.registerNamespace(AUDIT_NAMESPACE); } catch (_e) { /* idempotent */ }
 
@@ -507,10 +508,13 @@ function mount(router, deps) {
       return p;
     }),
     async function (req, res) {
-      // Browser form submit — create, then redirect (PRG). Bad input
+      // Browser form submit — create, then redirect (PRG) straight to the
+      // new product's detail screen so the operator continues setup (variant,
+      // price, stock) there instead of hunting for it in the list. Bad input
       // re-renders the products page with a notice, never a 500.
+      var made;
       try {
-        await catalog.products.create(req.body || {});
+        made = await catalog.products.create(req.body || {});
       } catch (e) {
         if (e instanceof TypeError || e.code === "CATALOG_DUPLICATE" || /slug|exists|duplicate/i.test(e.message || "")) {
           var page = await catalog.products.list({ limit: 100 });
@@ -521,8 +525,8 @@ function mount(router, deps) {
         }
         throw e;
       }
-      b.audit.safeEmit({ action: AUDIT_NAMESPACE + ".product.create", outcome: "success", metadata: {} });
-      _redirect(res, "/admin/products?created=1");
+      b.audit.safeEmit({ action: AUDIT_NAMESPACE + ".product.create", outcome: "success", metadata: { id: made.id } });
+      _redirect(res, "/admin/products/" + encodeURIComponent(made.id) + "?created=1");
     },
   ));
 
@@ -629,8 +633,9 @@ function mount(router, deps) {
         prices_by_variant: model.prices_by_variant, media: model.media,
         asset_prefix: assetPrefix, upload_available: !!r2,
         default_currency: await _defaultCurrency(),
-        saved:  url && url.searchParams.get("saved"),
-        notice: (url && url.searchParams.get("err")) ? "That action couldn't be completed." : null,
+        saved:   url && url.searchParams.get("saved"),
+        created: url && url.searchParams.get("created"),
+        notice:  (url && url.searchParams.get("err")) ? "That action couldn't be completed." : null,
       }));
     },
   ));
@@ -4961,6 +4966,254 @@ function mount(router, deps) {
     }
   }
 
+  // ---- quantity discounts ---------------------------------------------
+  // Tier-set CRUD for automatic per-line quantity breaks ("buy 5, save
+  // 10%"). The pricing engine already applies these at PDP / cart /
+  // checkout; this console manages the schedules. Content-negotiated like
+  // the other screens: bearer → the JSON contract; signed-in browser →
+  // the HTML table + create form. The detail screen renders the schedule,
+  // a rewrite form, archive/unarchive, and a sample tierBreakdown preview.
+  if (deps.quantityDiscounts) {
+    var quantityDiscounts = deps.quantityDiscounts;
+
+    // The engine has no get(id) — fetch a single set by walking the
+    // both-states list (operators have tens of sets, not thousands).
+    async function _qdSetById(id) {
+      var rows = await quantityDiscounts.list({ archived: null, limit: 200 });
+      for (var i = 0; i < rows.length; i += 1) {
+        if (rows[i].id === id) return rows[i];
+      }
+      return null;
+    }
+
+    // Map the ?archived= query to a list filter: 1/true → archived-only,
+    // 0/false → active-only, absent → both. The list view defaults to
+    // showing everything so a freshly-archived set stays visible.
+    function _qdFilter(archivedS) {
+      if (archivedS === "1" || archivedS === "true")  return { archived: true };
+      if (archivedS === "0" || archivedS === "false") return { archived: false };
+      return { archived: null };
+    }
+
+    // Parse the create / edit form's flat tier fields into the engine's
+    // tiers array. The form posts parallel arrays tier_min[] /
+    // tier_kind[] / tier_value[]; a row with every field blank is
+    // dropped (the spare append row), a row with any field set is kept
+    // and validated by the engine. min_quantity + value go through the
+    // strict integer reader so "", floats, and "12abc" are refused as a
+    // 4xx rather than coerced.
+    function _qdAsArray(v) {
+      if (v == null) return [];
+      return Array.isArray(v) ? v : [v];
+    }
+    function _qdTiersFromForm(body) {
+      var mins   = _qdAsArray(body.tier_min);
+      var kinds  = _qdAsArray(body.tier_kind);
+      var values = _qdAsArray(body.tier_value);
+      var n = Math.max(mins.length, kinds.length, values.length);
+      var tiers = [];
+      for (var i = 0; i < n; i += 1) {
+        var minRaw   = mins[i]   == null ? "" : String(mins[i]).trim();
+        var kindRaw  = kinds[i]  == null ? "" : String(kinds[i]).trim();
+        var valueRaw = values[i] == null ? "" : String(values[i]).trim();
+        if (minRaw === "" && kindRaw === "" && valueRaw === "") continue;   // spare blank row
+        tiers.push({
+          min_quantity:  _strictMinorInt(minRaw, "quantityDiscounts", "min_quantity"),
+          discount_kind: kindRaw,
+          value:         _strictMinorInt(valueRaw, "quantityDiscounts", "value"),
+        });
+      }
+      return tiers;
+    }
+
+    // Translate the create form / JSON body into a defineTier input. A
+    // body already carrying a tiers array (bearer JSON client) passes
+    // through untouched; the browser form is flattened first.
+    function _qdDefineInput(body) {
+      if (Array.isArray(body.tiers)) return body;
+      var scope = typeof body.scope === "string" ? body.scope.trim() : body.scope;
+      var input = {
+        scope:     scope,
+        exclusive: (body.exclusive === "on" || body.exclusive === "1" || body.exclusive === true),
+        tiers:     _qdTiersFromForm(body),
+      };
+      // scope_id is null exactly for global; the engine enforces the
+      // pairing. Trim + omit for global so a stray blank field doesn't
+      // trip the "must be null when global" check.
+      if (scope !== "global") {
+        input.scope_id = typeof body.scope_id === "string" ? body.scope_id.trim() : body.scope_id;
+      }
+      return input;
+    }
+
+    function _qdCleanMessage(e) {
+      return (e && e.message || "Couldn't save that tier set.").replace(/^quantityDiscounts[.:]\s*/, "");
+    }
+
+    async function _renderQdList(flags) {
+      flags = flags || {};
+      var rows = await quantityDiscounts.list(_qdFilter(flags.archived_filter));
+      return renderAdminQuantityDiscounts(Object.assign({
+        shop_name: deps.shop_name, nav_available: navAvailable,
+        scopes: quantityDiscountsModule.VALID_SCOPES, kinds: quantityDiscountsModule.VALID_KINDS,
+        tier_sets: rows,
+      }, flags));
+    }
+
+    router.get("/admin/quantity-discounts", _pageOrApi(true,
+      R(async function (req, res) {
+        var url = req.url ? new URL(req.url, "http://localhost") : null;
+        var archivedS = url && url.searchParams.get("archived");
+        _json(res, 200, { rows: await quantityDiscounts.list(_qdFilter(archivedS)) });
+      }),
+      async function (req, res) {
+        var url = req.url ? new URL(req.url, "http://localhost") : null;
+        var archivedS = url && url.searchParams.get("archived");
+        _sendHtml(res, 200, await _renderQdList({
+          archived_filter: archivedS,
+          created:  url && url.searchParams.get("created"),
+          saved:    url && url.searchParams.get("saved"),
+          archived: url && url.searchParams.get("archived_ok"),
+          notice:   (url && url.searchParams.get("err")) ? "That action couldn't be completed for the tier set." : null,
+        }));
+      },
+    ));
+
+    router.post("/admin/quantity-discounts", _pageOrApi(false,
+      W("quantity_discount.create", async function (req, res) {
+        var set = await quantityDiscounts.defineTier(_qdDefineInput(req.body || {}));
+        _json(res, 201, set);
+        return { id: set.id };
+      }),
+      async function (req, res) {
+        try {
+          await quantityDiscounts.defineTier(_qdDefineInput(req.body || {}));
+        } catch (e) {
+          if (!(e instanceof TypeError)) throw e;
+          return _sendHtml(res, 400, await _renderQdList({ notice: _qdCleanMessage(e) }));
+        }
+        b.audit.safeEmit({ action: AUDIT_NAMESPACE + ".quantity_discount.create", outcome: "success" });
+        _redirect(res, "/admin/quantity-discounts?created=1");
+      },
+    ));
+
+    // Detail: the tier set + its schedule, a rewrite form, archive /
+    // unarchive, and a sample-price tierBreakdown preview. A bad / unknown
+    // id is a 404 page, never a 500.
+    async function _qdDetailModel(id, sampleMinor) {
+      var set = await _qdSetById(id);
+      if (!set) return null;
+      var breakdown = null;
+      try {
+        breakdown = await quantityDiscounts.tierBreakdown({
+          scope:    set.scope,
+          scope_id: set.scope_id,
+          sample_unit_price_minor: (sampleMinor == null ? 1000 : sampleMinor),
+        });
+      } catch (_e) { breakdown = null; }
+      return { set: set, breakdown: breakdown, sample_minor: (sampleMinor == null ? 1000 : sampleMinor) };
+    }
+
+    router.get("/admin/quantity-discounts/:id", _pageOrApi(true,
+      R(async function (req, res) {
+        var set = await _qdSetById(req.params.id);
+        if (!set) return _problem(res, 404, "quantity-discount-not-found");
+        _json(res, 200, set);
+      }),
+      async function (req, res) {
+        var url = req.url ? new URL(req.url, "http://localhost") : null;
+        var sampleS = url && url.searchParams.get("sample");
+        var sampleMinor = null;
+        if (sampleS != null && /^\d+$/.test(sampleS)) sampleMinor = Number(sampleS);
+        var model = await _qdDetailModel(req.params.id, sampleMinor);
+        if (!model) return _sendHtml(res, 404, renderAdminQuantityDiscount({
+          shop_name: deps.shop_name, nav_available: navAvailable, tier_set: null,
+        }));
+        _sendHtml(res, 200, renderAdminQuantityDiscount({
+          shop_name: deps.shop_name, nav_available: navAvailable,
+          kinds: quantityDiscountsModule.VALID_KINDS,
+          tier_set: model.set, breakdown: model.breakdown, sample_minor: model.sample_minor,
+          saved:  url && url.searchParams.get("saved"),
+          notice: (url && url.searchParams.get("err")) ? "That action couldn't be completed." : null,
+        }));
+      },
+    ));
+
+    router.post("/admin/quantity-discounts/:id/edit", _pageOrApi(false,
+      W("quantity_discount.update", async function (req, res) {
+        var set;
+        try { set = await quantityDiscounts.update(req.params.id, req.body || {}); }
+        catch (e) { if (e instanceof TypeError) return _problem(res, 400, "bad-request", e.message); throw e; }
+        if (!set) return _problem(res, 404, "quantity-discount-not-found");
+        _json(res, 200, set);
+        return { id: set.id };
+      }),
+      async function (req, res) {
+        var id = req.params.id;
+        var body = req.body || {};
+        var enc = encodeURIComponent(id);
+        try {
+          var patch = {};
+          // exclusive_present marks the checkbox was rendered, so an
+          // unchecked box reads as false rather than "leave unchanged".
+          if (body.exclusive_present === "1") {
+            patch.exclusive = (body.exclusive === "on" || body.exclusive === "1");
+          }
+          var tiers = _qdTiersFromForm(body);
+          if (tiers.length > 0) patch.tiers = tiers;
+          if (Object.keys(patch).length === 0) return _redirect(res, "/admin/quantity-discounts/" + enc + "?err=1");
+          var set = await quantityDiscounts.update(id, patch);
+          if (!set) return _redirect(res, "/admin/quantity-discounts/" + enc + "?err=1");
+        } catch (e) {
+          if (!(e instanceof TypeError)) throw e;
+          return _redirect(res, "/admin/quantity-discounts/" + enc + "?err=1");
+        }
+        b.audit.safeEmit({ action: AUDIT_NAMESPACE + ".quantity_discount.update", outcome: "success", metadata: { id: id } });
+        _redirect(res, "/admin/quantity-discounts/" + enc + "?saved=1");
+      },
+    ));
+
+    router.post("/admin/quantity-discounts/:id/archive", _pageOrApi(false,
+      W("quantity_discount.archive", async function (req, res) {
+        var ok;
+        try { ok = await quantityDiscounts.archive(req.params.id); }
+        catch (e) { if (e instanceof TypeError) return _problem(res, 400, "bad-request", e.message); throw e; }
+        if (!ok) return _problem(res, 404, "quantity-discount-not-found");
+        _json(res, 200, { ok: true });
+        return { id: req.params.id };
+      }),
+      async function (req, res) {
+        var id = req.params.id;
+        var ok = false;
+        try { ok = await quantityDiscounts.archive(id); }
+        catch (e) { if (!(e instanceof TypeError)) throw e; }
+        if (!ok) return _redirect(res, "/admin/quantity-discounts?err=1");
+        b.audit.safeEmit({ action: AUDIT_NAMESPACE + ".quantity_discount.archive", outcome: "success", metadata: { id: id } });
+        _redirect(res, "/admin/quantity-discounts?archived_ok=1");
+      },
+    ));
+
+    router.post("/admin/quantity-discounts/:id/unarchive", _pageOrApi(false,
+      W("quantity_discount.unarchive", async function (req, res) {
+        var ok;
+        try { ok = await quantityDiscounts.unarchive(req.params.id); }
+        catch (e) { if (e instanceof TypeError) return _problem(res, 400, "bad-request", e.message); throw e; }
+        if (!ok) return _problem(res, 404, "quantity-discount-not-found");
+        _json(res, 200, { ok: true });
+        return { id: req.params.id };
+      }),
+      async function (req, res) {
+        var id = req.params.id;
+        var ok = false;
+        try { ok = await quantityDiscounts.unarchive(id); }
+        catch (e) { if (!(e instanceof TypeError)) throw e; }
+        if (!ok) return _redirect(res, "/admin/quantity-discounts?err=1");
+        b.audit.safeEmit({ action: AUDIT_NAMESPACE + ".quantity_discount.unarchive", outcome: "success", metadata: { id: id } });
+        _redirect(res, "/admin/quantity-discounts?saved=1");
+      },
+    ));
+  }
+
   // Render the discounts screen — gathers rules + (optional) stacking
   // policies, then hands them to the renderer with whatever banner flags
   // the caller passed.
@@ -5390,6 +5643,7 @@ var ADMIN_NAV_ITEMS = [
   { key: "subscriptions", href: "/admin/subscription-plans", label: "Subscriptions", requires: "subscriptions" },
   { key: "collections",  href: "/admin/collections",  label: "Collections",  requires: "collections" },
   { key: "discounts",    href: "/admin/discounts",    label: "Discounts",    requires: "autoDiscount" },
+  { key: "quantity-discounts", href: "/admin/quantity-discounts", label: "Quantity breaks", requires: "quantityDiscounts" },
   { key: "tax",          href: "/admin/tax-rates",    label: "Tax",          requires: "taxRates" },
   { key: "shipping",     href: "/admin/shipping",     label: "Shipping",     requires: "shippingZones" },
   { key: "pick-lists",   href: "/admin/pick-lists",   label: "Pick lists",   requires: "pickLists" },
@@ -7916,6 +8170,210 @@ function renderAdminCollection(opts) {
   return _renderAdminShell(opts.shop_name, "Collection " + col.slug, body, "collections", opts.nav_available);
 }
 
+// One labelled <option> list for the discount_kind dropdown, with the
+// kind whose value is a fixed money amount annotated so the operator
+// knows whether `value` is basis points or minor units.
+function _qdKindLabel(kind) {
+  if (kind === "percent_off")      return "percent_off (value = basis points; 1000 = 10%)";
+  if (kind === "amount_off_each")  return "amount_off_each (value = minor units off each unit)";
+  if (kind === "amount_off_total") return "amount_off_total (value = minor units off the line)";
+  if (kind === "fixed_each_price") return "fixed_each_price (value = new unit price in minor units)";
+  return kind;
+}
+
+function _qdKindOptions(kinds, selected) {
+  return (kinds || []).map(function (k) {
+    return "<option value=\"" + _htmlEscape(k) + "\"" + (k === selected ? " selected" : "") + ">" +
+      _htmlEscape(_qdKindLabel(k)) + "</option>";
+  }).join("");
+}
+
+// A single editable tier row — min_quantity + discount_kind + value.
+// `tier` may be a stored row (edit) or {} for a spare append row.
+function _qdTierRow(kinds, tier) {
+  tier = tier || {};
+  var minVal = tier.min_quantity == null ? "" : String(tier.min_quantity);
+  var valVal = tier.value == null ? "" : String(tier.value);
+  return "<div class=\"actions-row m-04\">" +
+    "<input type=\"number\" name=\"tier_min\" value=\"" + _htmlEscape(minVal) + "\" placeholder=\"min qty\" min=\"1\" step=\"1\" class=\"input-code\">" +
+    "<select name=\"tier_kind\"><option value=\"\">kind…</option>" + _qdKindOptions(kinds, tier.discount_kind) + "</select>" +
+    "<input type=\"number\" name=\"tier_value\" value=\"" + _htmlEscape(valVal) + "\" placeholder=\"value\" min=\"0\" step=\"1\" class=\"input-code\">" +
+  "</div>";
+}
+
+// Quantity-discount tier-set list — a table of tier sets (scope,
+// scope_id, #tiers, exclusive, status) plus a create form. The create
+// form's scope dropdown + each tier row's kind dropdown use the engine's
+// exact enums so a console-built set always validates. Mirrors
+// renderAdminCollections.
+function renderAdminQuantityDiscounts(opts) {
+  opts = opts || {};
+  var rows   = opts.tier_sets || [];
+  var scopes = opts.scopes || quantityDiscountsModule.VALID_SCOPES;
+  var kinds  = opts.kinds  || quantityDiscountsModule.VALID_KINDS;
+  var created  = opts.created  ? "<div class=\"banner banner--ok\">Tier set created.</div>" : "";
+  var saved    = opts.saved    ? "<div class=\"banner banner--ok\">Saved.</div>" : "";
+  var archived = opts.archived ? "<div class=\"banner banner--ok\">Tier set archived.</div>" : "";
+  var notice   = opts.notice   ? "<div class=\"banner banner--err\">" + _htmlEscape(opts.notice) + "</div>" : "";
+
+  var af = opts.archived_filter;
+  var chips = "<div class=\"order-filters\">" +
+    "<a class=\"chip" + (af == null ? " chip--on" : "") + "\" href=\"/admin/quantity-discounts\">All</a>" +
+    "<a class=\"chip" + (af === "0" ? " chip--on" : "") + "\" href=\"/admin/quantity-discounts?archived=0\">Active</a>" +
+    "<a class=\"chip" + (af === "1" ? " chip--on" : "") + "\" href=\"/admin/quantity-discounts?archived=1\">Archived</a>" +
+    "</div>";
+
+  var bodyRows = rows.map(function (s) {
+    var isArchived = s.archived_at != null;
+    var enc = encodeURIComponent(s.id);
+    return "<tr>" +
+      "<td><a href=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "\"><strong>" + _htmlEscape(s.scope) + "</strong></a></td>" +
+      "<td><code class=\"order-id\">" + _htmlEscape(s.scope_id == null ? "—" : s.scope_id) + "</code></td>" +
+      "<td class=\"num\">" + _htmlEscape(String((s.tiers || []).length)) + "</td>" +
+      "<td><span class=\"status-pill " + (s.exclusive ? "pending" : "paid") + "\">" + (s.exclusive ? "exclusive" : "stacks") + "</span></td>" +
+      "<td><span class=\"status-pill " + (isArchived ? "cancelled" : "paid") + "\">" + (isArchived ? "archived" : "active") + "</span></td>" +
+      "<td><div class=\"actions-row\">" +
+        "<a class=\"btn btn--ghost\" href=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "\">Manage</a>" +
+        (isArchived
+          ? "<form method=\"post\" action=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "/unarchive\" class=\"form-inline\">" +
+              "<button class=\"btn btn--ghost\" type=\"submit\">Restore</button></form>"
+          : "<form method=\"post\" action=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "/archive\" class=\"form-inline\">" +
+              "<button class=\"btn btn--danger\" type=\"submit\">Archive</button></form>") +
+      "</div></td>" +
+    "</tr>";
+  }).join("");
+
+  var table = rows.length
+    ? "<div class=\"panel\"><table><thead><tr><th scope=\"col\">Scope</th><th scope=\"col\">Scope id</th><th scope=\"col\" class=\"num\">Tiers</th><th scope=\"col\">Stacking</th><th scope=\"col\">Status</th><th scope=\"col\">Actions</th></tr></thead><tbody>" + bodyRows + "</tbody></table></div>"
+    : "<p class=\"empty\">No quantity breaks" + (af === "1" ? " archived" : af === "0" ? " active" : " yet") + ".</p>";
+
+  var scopeOpts = scopes.map(function (sc) {
+    return "<option value=\"" + _htmlEscape(sc) + "\"" + (sc === "sku" ? " selected" : "") + ">" + _htmlEscape(sc) + "</option>";
+  }).join("");
+
+  // Three starter tier rows on create — enough for a typical "5 / 10 /
+  // 20" schedule without a separate add-row round-trip. Blank rows are
+  // dropped server-side; the operator fills as many as they need.
+  var starterRows = _qdTierRow(kinds, {}) + _qdTierRow(kinds, {}) + _qdTierRow(kinds, {});
+
+  var createForm =
+    "<div class=\"panel mt mw-40\">" +
+      "<h3 class=\"subhead\">Create a tier set</h3>" +
+      "<p class=\"meta\">A quantity break attaches to a scope (one SKU, product, collection, vendor, category, or everything) and a schedule of (min quantity, kind, value) rules. The pricing engine applies the best matching rule per cart line automatically.</p>" +
+      "<form method=\"post\" action=\"/admin/quantity-discounts\">" +
+        "<label class=\"form-field\"><span>Scope</span><select name=\"scope\">" + scopeOpts + "</select></label>" +
+        _setupField("Scope id", "scope_id", "", "text", "The SKU / product id / collection slug / vendor / category. Leave blank only when scope = global.", " maxlength=\"256\"") +
+        "<label class=\"kv\"><input type=\"checkbox\" name=\"exclusive\" value=\"on\"> Exclusive — when this set's best rule applies, no other tier set may stack on the same line.</label>" +
+        "<fieldset class=\"box\">" +
+          "<legend class=\"legend-sm\">Tiers (min quantity → discount)</legend>" +
+          starterRows +
+          "<small class=\"u-mute\">Leave a row blank to drop it. min quantity is a positive integer; value's meaning depends on the kind (percent_off = basis points, the amount/fixed kinds = minor units). Duplicate min quantities in one set are refused.</small>" +
+        "</fieldset>" +
+        "<div class=\"actions-row\"><button class=\"btn\" type=\"submit\">Create tier set</button></div>" +
+      "</form>" +
+    "</div>";
+
+  var bodyHtml = "<section><h2>Quantity breaks</h2>" + created + saved + archived + notice + chips + table + createForm + "</section>";
+  return _renderAdminShell(opts.shop_name, "Quantity breaks", bodyHtml, "quantity-discounts", opts.nav_available);
+}
+
+// Quantity-discount tier-set detail — the set's scope + schedule, a
+// rewrite form (rewrite the tier rows / toggle exclusive), archive or
+// unarchive, and a sample-price tierBreakdown preview. Mirrors
+// renderAdminCollection.
+function renderAdminQuantityDiscount(opts) {
+  opts = opts || {};
+  var s = opts.tier_set;
+  if (!s) {
+    var nf = "<section><h2>Quantity break</h2><p class=\"empty\">Tier set not found.</p>" +
+      "<div class=\"actions-row\"><a class=\"btn btn--ghost\" href=\"/admin/quantity-discounts\">Back to quantity breaks</a></div></section>";
+    return _renderAdminShell(opts.shop_name, "Quantity break", nf, "quantity-discounts", opts.nav_available);
+  }
+  var kinds = opts.kinds || quantityDiscountsModule.VALID_KINDS;
+  var saved  = opts.saved  ? "<div class=\"banner banner--ok\">Saved.</div>" : "";
+  var notice = opts.notice ? "<div class=\"banner banner--err\">" + _htmlEscape(opts.notice) + "</div>" : "";
+  var enc = encodeURIComponent(s.id);
+  var isArchived = s.archived_at != null;
+
+  // Render the stored tiers plus one spare empty row so the operator can
+  // append without a separate round-trip. The edit POST rewrites the
+  // whole schedule (the engine's update replaces tiers wholesale).
+  var tierRows = (s.tiers || []).map(function (t) { return _qdTierRow(kinds, t); }).join("") + _qdTierRow(kinds, {});
+
+  var editForm =
+    "<div class=\"panel mw-40\">" +
+      "<h3 class=\"subhead\">Schedule</h3>" +
+      "<form method=\"post\" action=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "/edit\">" +
+        "<input type=\"hidden\" name=\"exclusive_present\" value=\"1\">" +
+        "<label class=\"kv\"><input type=\"checkbox\" name=\"exclusive\" value=\"on\"" + (s.exclusive ? " checked" : "") + "> Exclusive — no other tier set may stack on the same line.</label>" +
+        "<fieldset class=\"box\">" +
+          "<legend class=\"legend-sm\">Tiers (rewrites the whole schedule)</legend>" +
+          tierRows +
+          "<small class=\"u-mute\">Leave a row blank to drop it. Rewriting replaces every rule in this set. Duplicate min quantities are refused.</small>" +
+        "</fieldset>" +
+        "<div class=\"actions-row\"><button class=\"btn\" type=\"submit\">Save schedule</button></div>" +
+      "</form>" +
+    "</div>";
+
+  // tierBreakdown preview — the active schedule at a sample unit price so
+  // the operator can sanity-check the discounted unit / line at each
+  // threshold. The sample defaults to 1000 minor (e.g. $10.00); the
+  // operator can re-sample via the query string.
+  var sampleMinor = opts.sample_minor == null ? 1000 : opts.sample_minor;
+  var breakdown = opts.breakdown;
+  var previewRows = (breakdown && Array.isArray(breakdown.rows) ? breakdown.rows : []).map(function (r) {
+    var du = r.sample_discounted_unit_minor;
+    var ld = r.sample_line_discount_minor;
+    var ls = r.sample_line_subtotal_minor;
+    return "<tr>" +
+      "<td class=\"num\">" + _htmlEscape(String(r.min_quantity)) + "</td>" +
+      "<td>" + _htmlEscape(r.discount_kind) + "</td>" +
+      "<td class=\"num\">" + _htmlEscape(String(r.value)) + "</td>" +
+      "<td class=\"num\">" + _htmlEscape(du == null ? "—" : String(du)) + "</td>" +
+      "<td class=\"num\">" + _htmlEscape(ld == null ? "—" : String(ld)) + "</td>" +
+      "<td class=\"num\">" + _htmlEscape(ls == null ? "—" : String(ls)) + "</td>" +
+    "</tr>";
+  }).join("");
+  var previewTable = previewRows
+    ? "<div class=\"panel\"><table><thead><tr><th scope=\"col\" class=\"num\">Min qty</th><th scope=\"col\">Kind</th><th scope=\"col\" class=\"num\">Value</th><th scope=\"col\" class=\"num\">Unit @ min</th><th scope=\"col\" class=\"num\">Line saved</th><th scope=\"col\" class=\"num\">Line total</th></tr></thead><tbody>" + previewRows + "</tbody></table></div>"
+    : "<p class=\"empty\">No active rules to preview for this scope.</p>";
+  var previewForm =
+    "<form method=\"get\" action=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "\" class=\"actions-row m-04\">" +
+      "<label class=\"form-field\"><span>Sample unit price (minor units)</span>" +
+        "<input type=\"number\" name=\"sample\" value=\"" + _htmlEscape(String(sampleMinor)) + "\" min=\"0\" step=\"1\" class=\"input-code\"></label>" +
+      "<button class=\"btn btn--ghost\" type=\"submit\">Preview</button>" +
+    "</form>";
+  // An archived set is not active, so tierBreakdown (which filters to
+  // active rules at this scope) would preview OTHER sets' rules — or
+  // nothing. Show a clear restore prompt instead of a foreign/empty table.
+  var previewSection = isArchived
+    ? "<section class=\"mt\"><h3 class=\"fs-105\">Schedule preview</h3>" +
+        "<p class=\"empty\">This tier set is archived, so its schedule isn't active. Restore the set to preview it.</p>" +
+      "</section>"
+    : "<section class=\"mt\"><h3 class=\"fs-105\">Schedule preview</h3>" +
+        "<p class=\"meta\">The active rules for this scope at a sample unit price (all values in minor units). Helps sanity-check a schedule before it goes live.</p>" +
+        previewForm + previewTable +
+      "</section>";
+
+  var archiveBlock = isArchived
+    ? "<form method=\"post\" action=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "/unarchive\" class=\"form-inline\">" +
+        "<button class=\"btn btn--ghost\" type=\"submit\">Restore tier set</button></form>"
+    : "<form method=\"post\" action=\"/admin/quantity-discounts/" + _htmlEscape(enc) + "/archive\" class=\"form-inline\">" +
+        "<button class=\"btn btn--danger\" type=\"submit\">Archive tier set</button></form>";
+
+  var head =
+    "<p class=\"meta\"><a href=\"/admin/quantity-discounts\">&larr; Quantity breaks</a> · " +
+      "<span class=\"status-pill " + (s.exclusive ? "pending" : "paid") + "\">" + (s.exclusive ? "exclusive" : "stacks") + "</span>" +
+      (isArchived ? " · <span class=\"status-pill cancelled\">archived</span>" : "") +
+      " · <code class=\"order-id\">" + _htmlEscape(s.scope_id == null ? "global" : s.scope_id) + "</code></p>";
+
+  var body = "<section><h2>" + _htmlEscape(s.scope) +
+    (s.scope_id == null ? "" : " · " + _htmlEscape(s.scope_id)) + "</h2>" +
+    saved + notice + head + editForm +
+    "<div class=\"actions-row mt-1\">" + archiveBlock + "</div></section>" + previewSection;
+  return _renderAdminShell(opts.shop_name, "Quantity break", body, "quantity-discounts", opts.nav_available);
+}
+
 // Product detail / management screen — the console's full editor for a
 // single catalog product: its fields (slug / title / description /
 // status), its variants (create / edit / delete), each variant's price
@@ -7943,6 +8401,7 @@ function renderAdminProduct(opts) {
   var pid = _htmlEscape(p.id);
 
   var saved   = opts.saved   ? "<div class=\"banner banner--ok\">Saved.</div>" : "";
+  var created = opts.created ? "<div class=\"banner banner--ok\">Product created. Add a variant with a SKU, set its price, and add stock to make it sellable.</div>" : "";
   var notice  = opts.notice  ? "<div class=\"banner banner--err\">" + _htmlEscape(opts.notice) + "</div>" : "";
 
   // ---- product fields edit ---------------------------------------------
@@ -8128,7 +8587,7 @@ function renderAdminProduct(opts) {
       "<span class=\"status-pill " + statusCls + "\">" + _htmlEscape(p.status) + "</span>" +
       " · <a href=\"/products/" + _htmlEscape(encodeURIComponent(p.slug)) + "\" target=\"_blank\" rel=\"noreferrer\">View on storefront &rarr;</a></p>";
 
-  var body = "<section><h2>" + _htmlEscape(p.title) + "</h2>" + saved + notice + head +
+  var body = "<section><h2>" + _htmlEscape(p.title) + "</h2>" + created + saved + notice + head +
     "<div class=\"actions-row mt-0\">" + archiveAction + "</div>" +
     editForm + "</section>" + variantsSection + mediaSection;
   return _renderAdminShell(opts.shop_name, "Product " + p.slug, body, "products", opts.nav_available);
@@ -8161,5 +8620,7 @@ module.exports = {
   renderAdminShipping:     renderAdminShipping,
   renderAdminShippingZone: renderAdminShippingZone,
   renderAdminDiscounts:    renderAdminDiscounts,
+  renderAdminQuantityDiscounts: renderAdminQuantityDiscounts,
+  renderAdminQuantityDiscount:  renderAdminQuantityDiscount,
   renderAdminConfirm:      renderAdminConfirm,
 };

package/lib/asset-manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.3.1",
+  "version": "0.3.3",
   "assets": {
     "css/admin.css": {
       "integrity": "sha384-1SIn6oAf1DjECbRfKENZasdKHJiywGdXR58wn0hsFGcdVHzUmvfgMkEz5ANIAZJ3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blamejs/blamejs-shop",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Open-source framework built on blamejs. Vendored stack, zero npm runtime deps, PQC-first crypto, security-on by default.",
   "main": "lib/index.js",
   "scripts": {